/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/app/styles/material-overrides.scss?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
body {
  /* -------------------------------------------------------------------------- */
  /*  @ mat drawer
  /* -------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------- */
  /*  @ mat badge
  /* -------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------- */
  /*  @ mat toolbar
  /* -------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------- */
  /*  @ mat vertical stepper
  /* -------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------- */
  /*  @ mat table
  /* -------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------- */
  /*  @ mat text field
  /* -------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------- */
  /*  @ mat card
  /* -------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------- */
  /*  @ mat expandable
  /* -------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------- */
  /*  @ mat button toggle
  /* -------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------- */
  /*  @ mat badge and stepper
  /* -------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------- */
  /*  @ mat chips
  /* -------------------------------------------------------------------------- */
}
body.mat-typography {
  font-feature-settings: "salt" !important;
}
body .mat-drawer-container {
  background-color: var(--accent-100) !important;
  color: var(--accent-800) !important;
}
body .mat-drawer-container .mat-drawer {
  background-color: var(--accent-100) !important;
}
body .mat-drawer-container .mat-drawer.mat-drawer-side {
  border-right: 1px dashed var(--accent-400) !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
body .mat-drawer-container .mat-drawer .mat-drawer-inner-container {
  overflow: hidden !important;
}
body .mat-badge-content {
  color: #fff !important;
}
body .mat-toolbar.mat-toolbar-single-row {
  padding: 0px !important;
  width: -webkit-fill-available !important;
}
body .mat-toolbar.mat-toolbar-single-row.pc-header {
  background: rgba(var(--accent-100), 0.7) !important;
}
body .mat-toolbar.mat-toolbar-single-row.pc-header.header-blur {
  -webkit-backdrop-filter: none !important;
          backdrop-filter: none !important;
  background: var(--accent-100) !important;
}
@media (max-width: 576px) {
  body .mat-toolbar.mat-toolbar-single-row {
    padding: 10px !important;
  }
}
body .mat-vertical-stepper-header {
  padding: 24px !important;
}
body .mat-mdc-header-row {
  background: var(--accent-100) !important;
}
body .mat-mdc-card {
  border: 1px solid var(--accent-300) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  margin-bottom: 24px;
}
body .mat-mdc-card.mdc-card .mat-mdc-card-header .mat-mdc-card-header-text {
  display: none;
}
body.dark .mat-mdc-card {
  background-color: var(--accent-50);
}
body .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  padding: 5px;
  display: flex;
  align-items: center;
}
body .mat-stepper-horizontal,
body .mat-stepper-vertical {
  background-color: var(--accent-50) !important;
}
body .mat-step-icon,
body .mat-step-header .mat-step-icon-selected,
body .mat-step-header .mat-step-icon-state-edit,
body .mat-step-header .mat-step-icon-state-done {
  color: #ffffff !important;
}
body .mat-step-header {
  overflow: visible !important;
}
body .mat-horizontal-stepper-header-container {
  overflow-x: auto;
  margin-bottom: 10px;
}
body.dark .mat-badge-accent .mat-badge-content,
body.dark .mat-badge-warn .mat-badge-content {
  color: #ffffff;
}
body .mat-calendar-body-selected {
  color: #ffffff;
}
body .mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper {
  padding-left: 16px;
}
body.dark .mat-mdc-standard-chip {
  background: var(--accent-300) !important;
}
body.dark .mat-mdc-table {
  background-color: var(--accent-50);
}
body.dark .mat-mdc-table tbody {
  background: var(--accent-50);
}
body.dark .mat-mdc-paginator,
body.dark .mat-stepper-horizontal,
body.dark .mat-stepper-vertical {
  background-color: var(--accent-50);
}
body.dark .mat-mdc-menu-panel {
  background-color: var(--accent-200);
  color: rgba(255, 255, 255, 0.87);
}
body.dark div.mat-mdc-select-panel {
  background-color: var(--accent-200);
}
body.dark .mat-datepicker-content {
  background-color: var(--accent-300) !important;
}
body .cdk-overlay-container {
  z-index: 1035 !important;
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/animate.css/animate.min.css ***!
  \**********************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}@keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0) scaleY(.95)}90%{transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}@keyframes shakeX{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}@keyframes shakeY{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:translateZ(0)}}@keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@keyframes backInDown{0%{transform:translateY(-1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes backInLeft{0%{transform:translateX(-2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes backInRight{0%{transform:translateX(2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes backInUp{0%{transform:translateY(1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes backOutDown{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:.7}to{transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:.7}to{transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;transform:translate3d(0,25px,0) scaleY(.9)}75%{transform:translate3d(0,-10px,0) scaleY(.95)}90%{transform:translate3d(0,5px,0) scaleY(.985)}to{transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(25px,0,0) scaleX(1)}75%{transform:translate3d(-10px,0,0) scaleX(.98)}90%{transform:translate3d(5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px,0,0) scaleX(1)}75%{transform:translate3d(10px,0,0) scaleX(.98)}90%{transform:translate3d(-5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}75%{transform:translate3d(0,10px,0) scaleY(.95)}90%{transform:translate3d(0,-5px,0) scaleY(.985)}to{transform:translateZ(0)}}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;transform:translate3d(-100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;transform:translate3d(100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;transform:translate3d(-100%,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;transform:translate3d(100%,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,-100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,100%,0)}}@keyframes flip{0%{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}to{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes lightSpeedInRight{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{transform:skewX(-20deg);opacity:1}80%{transform:skewX(5deg)}to{transform:translateZ(0)}}@keyframes lightSpeedOutRight{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes rotateIn{0%{transform:rotate(-200deg);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{transform:rotate(-45deg);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{transform:rotate(-90deg);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes rotateOut{0%{opacity:1}to{transform:rotate(200deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{transform:rotate(90deg);opacity:0}}@keyframes hinge{0%{animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/flatpickr/dist/flatpickr.css ***!
  \***********************************************************************************************************************************************************************************************************************************/
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/angular-calendar/css/angular-calendar.css ***!
  \************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";

/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/scss/fonts/material.css ***!
  \*********************************************************************************************************************************************************************************************************************/
/* fallback */
@font-face {
  font-family: 'Material Icons Two Tone';
  font-style: normal;
  font-weight: 400;
  src: url('material.woff2') format('woff2');
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**  =====================
      Generic-class css start
========================== **/
/*====== Padding , Margin css starts ======*/

.m-0 {
  margin: 0px !important;
}
.m-b-0 {
  margin-bottom: 0px !important;
}
.m-t-5 {
  margin-top: 5px !important;
}
.m-b-5 {
  margin-bottom: 5px !important;
}
.m-y-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.m-t-10 {
  margin-top: 10px !important;
}
.m-r-10 {
  margin-right: 10px !important;
}
.m-t-15 {
  margin-top: 15px !important;
}
.m-b-15 {
  margin-bottom: 15px !important;
}
.m-l-15 {
  margin-left: 15px !important;
}
.m-y-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.m-t-20 {
  margin-top: 20px !important;
}
.m-b-20 {
  margin-bottom: 20px !important;
}
.m-b-25 {
  margin-bottom: 25px !important;
}

/*====== Padding , Margin css ends ======*/
/*====== Font-size css starts ======*/

.f-14 {
  font-size: 14px !important;
}

.f-16 {
  font-size: 16px !important;
}

.f-20 {
  font-size: 20px !important;
}

/*====== Font-size css ends ======*/
/*====== Font-weight css starts ======*/

.f-w-400 {
  font-weight: 400 !important;
}

.f-w-500 {
  font-weight: 500 !important;
}

.f-w-600 {
  font-weight: 600 !important;
}

/*====== Font-weight css ends ======*/
/*====== width, Height css starts ======*/

.wid-80 {
  width: 80px !important;
}

/*====== width, Height css ends ======*/
/*====== border-width css starts ======*/

/*====== border-width css ends ======*/
/*====== border-radius css start =====*/

.b-rad-20 {
  border-radius: 20px !important;
}

/*====== border-radius css ends ======*/
* {
  margin: 0px;
}
*:focus {
  outline: none;
}

body {
  background-color: var(--accent-100);
  font-feature-settings: "salt" !important;
}

a {
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  outline: none;
}
a:not([href]) {
  color: inherit;
}

ul {
  list-style: none;
}

.block {
  display: block !important;
}

.inline-block {
  display: inline-block;
}

.flex {
  display: flex !important;
}

.flex-inline {
  display: inline-flex !important;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-3 {
  gap: 1rem;
}

.g-3 {
  --gutter-y: 1rem !important;
}

.grid {
  display: grid !important;
}

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

.float-start {
  float: left;
}

.align-item-center {
  align-items: center !important;
}

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

.text-start {
  text-align: start !important;
}

.text-end {
  text-align: end !important;
}

.w-100 {
  width: 100% !important;
}

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

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

.text-muted {
  color: var(--accent-600);
}

.mat-mdc-table.mat-elevation-z8 {
  box-shadow: none !important;
}

/*
  drop down style
*/

.user-avatar {
  width: 40px;
  border-radius: 50%;
}

.pc-icon {
  width: 22px;
  height: 22px;
  vertical-align: middle;
}
.mat-mdc-card.block {
  box-shadow: none !important;
}

.otp-input .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control {
  text-align: center;
}

body.dark {
  /*  drop down style  */
}
body.dark text {
  fill: var(--white) !important;
}

.table-responsive {
  overflow-x: auto;
}

.container {
  padding: 0px 12px;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
    margin: 0 auto;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
    margin: 0 auto;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
    margin: 0 auto;
  }
}
@media (min-width: 1600px) {
  .container {
    max-width: 1540px;
    margin: 0 auto;
  }
}

.mat-mdc-menu-item:not([disabled]):hover {
  background-color: var(--primary-500) !important;
  color: white !important;
}
.mat-mdc-menu-item:not([disabled]):hover .mat-icon {
  color: white !important;
}

.font-italic {
  font-style: italic;
}

.introjs-tooltip {
  min-width: 300px !important;
}

.introjs-tooltiptext {
  padding: 0 20px !important;
}

.introjs-progress {
  margin: 20px !important;
}

.introjs-progressbar {
  background-color: var(--primary-500) !important;
}

.introjs-skipbutton:hover {
  color: red !important;
}

.introjs-button:hover {
  cursor: pointer !important;
}

.drawer-container {
  height: 100vh;
  display: block;
  overflow: auto;
}

.pc-sidebar {
  background: rgba(248, 249, 250, 0.7);
  width: 240px;
  position: fixed !important;
  top: 0;
  bottom: 0;
  z-index: 1026;
  overflow: hidden;
  box-shadow: none;
}
.pc-sidebar .version {
  padding: 0.15rem 0.25rem;
  color: var(--primary-500);
  background: var(--primary-50);
  border-radius: 50rem;
  margin-left: 0.5rem;
  font-size: 12px;
}
.pc-sidebar .m-header {
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 10px 16px 10px;
}
.pc-sidebar .navbar-wrapper {
  width: 240px;
  background: inherit;
}
.pc-sidebar ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.pc-sidebar .coded-inner-navbar li {
  position: relative;
  padding-bottom: 2px;
  margin: 0px 10px;
}
.pc-sidebar .coded-inner-navbar li > a {
  padding: 14px 14px 14px 6px;
  display: flex;
  border-radius: 5px;
  position: relative;
  color: var(--accent-600);
}
.pc-sidebar .coded-inner-navbar li > a.disabled {
  pointer-events: none;
  cursor: default;
}
.pc-sidebar .coded-inner-navbar li > a .coded-mtext {
  position: relative;
}
.pc-sidebar .coded-inner-navbar li.coded-hasmenu {
  position: relative;
}
.pc-sidebar .coded-inner-navbar li.coded-hasmenu .coded-submenu {
  display: none;
}
.pc-sidebar .coded-inner-navbar li.coded-hasmenu .coded-submenu > app-menu-item li > a,
.pc-sidebar .coded-inner-navbar li.coded-hasmenu .coded-submenu > app-menu-collapse li > a {
  text-align: left;
  padding: 10px 10px 10px 6px;
  margin: 0;
  display: block;
  color: var(--accent-600);
}
.pc-sidebar .coded-inner-navbar li.coded-hasmenu .coded-submenu > app-menu-item li > a.disabled span,
.pc-sidebar .coded-inner-navbar li.coded-hasmenu .coded-submenu > app-menu-collapse li > a.disabled span {
  margin: 0;
  position: absolute;
  right: 20px;
  top: 6px;
}
.pc-sidebar .coded-inner-navbar li.coded-hasmenu .coded-submenu > app-menu-item li .coded-submenu > app-menu-item li > a,
.pc-sidebar .coded-inner-navbar li.coded-hasmenu .coded-submenu > app-menu-collapse li .coded-submenu > app-menu-item li > a {
  padding: 10px 30px 10px 75px;
}
.pc-sidebar .coded-inner-navbar li.coded-hasmenu .coded-submenu > app-menu-item ul app-menu-collapse li > a,
.pc-sidebar .coded-inner-navbar li.coded-hasmenu .coded-submenu > app-menu-collapse ul app-menu-collapse li > a {
  padding: 10px 30px 10px 75px;
}
.pc-sidebar .coded-inner-navbar li.coded-hasmenu .coded-submenu > app-menu-item ul app-menu-collapse .coded-submenu > app-menu-item li > a,
.pc-sidebar .coded-inner-navbar li.coded-hasmenu .coded-submenu > app-menu-collapse ul app-menu-collapse .coded-submenu > app-menu-item li > a {
  padding: 10px 30px 10px 69px;
}
.pc-sidebar .coded-inner-navbar li.coded-hasmenu .coded-submenu {
  opacity: 0;
  visibility: hidden;
  transform-origin: 50% 50%;
  transition: transform 0.3s, opacity 0.3s;
  transform-style: preserve-3d;
  transform: rotateX(-90deg);
  position: absolute;
  display: block;
}
.pc-sidebar .coded-inner-navbar li.coded-hasmenu.coded-trigger > a:after {
  transform: rotate(180deg);
}
.pc-sidebar .coded-inner-navbar li.coded-hasmenu.coded-trigger.active > .coded-submenu {
  display: block;
}
.pc-sidebar .coded-inner-navbar li.coded-hasmenu.coded-trigger.active > a {
  position: relative;
}
.pc-sidebar .coded-inner-navbar li.coded-hasmenu.coded-trigger > .coded-submenu {
  position: relative;
  opacity: 1;
  visibility: visible;
  transform: rotateX(0deg);
}
.pc-sidebar .coded-inner-navbar li.coded-menu-caption {
  font-size: 0.688rem;
  font-weight: 600;
  line-height: 1.5;
  margin: 0px 10px;
  padding: 24px 23px 8px;
  text-transform: uppercase;
  position: relative;
  color: var(--accent-700);
}
.pc-sidebar .coded-inner-navbar li.disabled > a {
  cursor: default;
  opacity: 0.5;
}
.pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse li .coded-submenu > app-menu-item li.active > a, .pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse li .coded-submenu > app-menu-item li:focus > a, .pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse li .coded-submenu > app-menu-item li:hover > a,
.pc-sidebar .coded-inner-navbar > app-menu-collapse li .coded-submenu > app-menu-item li.active > a,
.pc-sidebar .coded-inner-navbar > app-menu-collapse li .coded-submenu > app-menu-item li:focus > a,
.pc-sidebar .coded-inner-navbar > app-menu-collapse li .coded-submenu > app-menu-item li:hover > a {
  color: var(--primary-500);
}
.pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse li .coded-submenu > app-menu-item li.active > a:before, .pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse li .coded-submenu > app-menu-item li:focus > a:before, .pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse li .coded-submenu > app-menu-item li:hover > a:before,
.pc-sidebar .coded-inner-navbar > app-menu-collapse li .coded-submenu > app-menu-item li.active > a:before,
.pc-sidebar .coded-inner-navbar > app-menu-collapse li .coded-submenu > app-menu-item li:focus > a:before,
.pc-sidebar .coded-inner-navbar > app-menu-collapse li .coded-submenu > app-menu-item li:hover > a:before {
  background: var(--primary-500);
}
.pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse li .coded-submenu > app-menu-item li.active > a.disabled, .pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse li .coded-submenu > app-menu-item li:focus > a.disabled, .pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse li .coded-submenu > app-menu-item li:hover > a.disabled,
.pc-sidebar .coded-inner-navbar > app-menu-collapse li .coded-submenu > app-menu-item li.active > a.disabled,
.pc-sidebar .coded-inner-navbar > app-menu-collapse li .coded-submenu > app-menu-item li:focus > a.disabled,
.pc-sidebar .coded-inner-navbar > app-menu-collapse li .coded-submenu > app-menu-item li:hover > a.disabled {
  color: var(--accent-600);
  pointer-events: none;
  cursor: default;
}
.pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse li .coded-submenu > app-menu-item li.active > a.disabled::before, .pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse li .coded-submenu > app-menu-item li:focus > a.disabled::before, .pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse li .coded-submenu > app-menu-item li:hover > a.disabled::before,
.pc-sidebar .coded-inner-navbar > app-menu-collapse li .coded-submenu > app-menu-item li.active > a.disabled::before,
.pc-sidebar .coded-inner-navbar > app-menu-collapse li .coded-submenu > app-menu-item li:focus > a.disabled::before,
.pc-sidebar .coded-inner-navbar > app-menu-collapse li .coded-submenu > app-menu-item li:hover > a.disabled::before {
  background: var(--accent-500);
}
.pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse li .coded-submenu > app-menu-item li.active > a.disabled span.disabled, .pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse li .coded-submenu > app-menu-item li:focus > a.disabled span.disabled, .pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse li .coded-submenu > app-menu-item li:hover > a.disabled span.disabled,
.pc-sidebar .coded-inner-navbar > app-menu-collapse li .coded-submenu > app-menu-item li.active > a.disabled span.disabled,
.pc-sidebar .coded-inner-navbar > app-menu-collapse li .coded-submenu > app-menu-item li:focus > a.disabled span.disabled,
.pc-sidebar .coded-inner-navbar > app-menu-collapse li .coded-submenu > app-menu-item li:hover > a.disabled span.disabled {
  margin: 0;
  position: absolute;
  right: 20px;
  top: 6px;
}
.pc-sidebar .coded-inner-navbar .coded-hasmenu .coded-submenu app-menu-collapse li.active > a, .pc-sidebar .coded-inner-navbar .coded-hasmenu .coded-submenu app-menu-collapse li.coded-trigger > a,
.pc-sidebar .coded-inner-navbar .coded-hasmenu .coded-submenu app-menu-item li.active > a,
.pc-sidebar .coded-inner-navbar .coded-hasmenu .coded-submenu app-menu-item li.coded-trigger > a {
  color: var(--primary-500);
  font-weight: 500;
}
.pc-sidebar .coded-inner-navbar app-menu-item > li.nav-item.active > a, .pc-sidebar .coded-inner-navbar app-menu-item > li.nav-item.coded-trigger > a,
.pc-sidebar .coded-inner-navbar > app-menu-collapse > li.active > a,
.pc-sidebar .coded-inner-navbar > app-menu-collapse > li.coded-trigger > a,
.pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse > li.active > a,
.pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse > li.coded-trigger > a {
  color: var(--primary-500);
  font-weight: 500;
}
.pc-sidebar .coded-inner-navbar app-menu-item > li.nav-item.active > a:before, .pc-sidebar .coded-inner-navbar app-menu-item > li.nav-item.coded-trigger > a:before,
.pc-sidebar .coded-inner-navbar > app-menu-collapse > li.active > a:before,
.pc-sidebar .coded-inner-navbar > app-menu-collapse > li.coded-trigger > a:before,
.pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse > li.active > a:before,
.pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse > li.coded-trigger > a:before {
  background: var(--primary-500);
}
.pc-sidebar .coded-inner-navbar app-menu-item > li.nav-item:hover:not(.coded-trigger, .active) > a:before,
.pc-sidebar .coded-inner-navbar > app-menu-collapse > li:hover:not(.coded-trigger, .active) > a:before,
.pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse > li:hover:not(.coded-trigger, .active) > a:before {
  background: var(--accent-500);
}
.pc-sidebar .coded-inner-navbar app-menu-item > li.nav-item:hover:not(.coded-trigger, .active) > a.disabled:before,
.pc-sidebar .coded-inner-navbar > app-menu-collapse > li:hover:not(.coded-trigger, .active) > a.disabled:before,
.pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse > li:hover:not(.coded-trigger, .active) > a.disabled:before {
  background: transparent;
}
.pc-sidebar .coded-inner-navbar app-menu-item > li.nav-item > a::before,
.pc-sidebar .coded-inner-navbar > app-menu-collapse > li > a::before,
.pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse > li > a::before {
  content: "";
  border-radius: 8px;
  position: absolute;
  top: 2px;
  right: 2px;
  left: 2px;
  bottom: 2px;
  opacity: 0.1;
}

/* -------------------------------------------------------------------------- */
/*  @ custom grid
    This is to achieve dynamic view port width in theme
    It will provide media classes like bootstrap which is needed at some places   
    for e.g if in small media if we want to render one column and in medium media we wanted render 2 then it
    can be used like col-sm-1 and col-md-2 in same element
/* -------------------------------------------------------------------------- */
:root {
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-xxl: 1400px;
}

.row {
  --gutter-x: 1.5rem;
  --gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--gutter-y));
  margin-right: calc(-0.5 * var(--gutter-x));
  margin-left: calc(-0.5 * var(--gutter-x));
}

.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--gutter-x) * 0.5);
  padding-left: calc(var(--gutter-x) * 0.5);
  margin-top: var(--gutter-y);
}

.col {
  flex: 1 0 0%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
@media (min-width: 768px) {
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
html {
  --mat-badge-text-font: 'Inter var', 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-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 500 1.5rem / 1.2 'Inter var', sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 1.875rem / 1.27 'Inter var', sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 500 1.5rem / 1.33 'Inter var', sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 0.875rem / 1.5 'Inter var', sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(0.875rem * 0.83) / 1.57 'Inter var', sans-serif;
  margin: 0 0 12px;
}

.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(0.875rem * 0.67) / 1.57 'Inter var', sans-serif;
  margin: 0 0 12px;
}

.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 0.75rem / 1.66 'Inter var', sans-serif;
  letter-spacing: normal;
}

.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 0.875rem / 1.57 'Inter var', sans-serif;
  letter-spacing: normal;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}

.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 0.75rem / 1.66 'Inter var', sans-serif;
  letter-spacing: normal;
}

.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 500 2.25rem / 3.1 'Inter var', sans-serif;
  letter-spacing: normal;
  margin: 0 0 56px;
}

.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 500 2rem / 2.28 'Inter var', sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}

.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 500 1.75rem / 2.57 'Inter var', sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}

.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 500 1.5rem / 2.28 'Inter var', sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}

html {
  --mat-bottom-sheet-container-text-font: 'Inter var', sans-serif;
  --mat-bottom-sheet-container-text-line-height: 1.57;
  --mat-bottom-sheet-container-text-size: 0.875rem;
  --mat-bottom-sheet-container-text-tracking: normal;
  --mat-bottom-sheet-container-text-weight: 400;
}

html {
  --mat-button-toggle-label-text-font: 'Inter var', sans-serif;
  --mat-button-toggle-label-text-line-height: 1.5;
  --mat-button-toggle-label-text-size: 0.875rem;
  --mat-button-toggle-label-text-tracking: normal;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: 'Inter var', sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 1.5;
  --mat-button-toggle-legacy-label-text-size: 0.875rem;
  --mat-button-toggle-legacy-label-text-tracking: normal;
  --mat-button-toggle-legacy-label-text-weight: 400;
}

html {
  --mat-datepicker-calendar-text-font: 'Inter var', sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 0.875;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 0.875;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}

html {
  --mat-expansion-header-text-font: 'Inter var', sans-serif;
  --mat-expansion-header-text-size: 0.75rem;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: 'Inter var', sans-serif;
  --mat-expansion-container-text-line-height: 1.57;
  --mat-expansion-container-text-size: 0.875rem;
  --mat-expansion-container-text-tracking: normal;
  --mat-expansion-container-text-weight: 400;
}

html {
  --mat-grid-list-tile-header-primary-text-size: 0.875rem;
  --mat-grid-list-tile-header-secondary-text-size: 0.75rem;
  --mat-grid-list-tile-footer-primary-text-size: 0.875rem;
  --mat-grid-list-tile-footer-secondary-text-size: 0.75rem;
}

html {
  --mat-stepper-container-text-font: 'Inter var', sans-serif;
  --mat-stepper-header-label-text-font: 'Inter var', sans-serif;
  --mat-stepper-header-label-text-size: 0.875rem;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 0.875rem;
  --mat-stepper-header-selected-state-label-text-size: 0.875rem;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}

html {
  --mat-toolbar-title-text-font: 'Inter var', sans-serif;
  --mat-toolbar-title-text-line-height: 1.27;
  --mat-toolbar-title-text-size: 1.875rem;
  --mat-toolbar-title-text-tracking: normal;
  --mat-toolbar-title-text-weight: 500;
}

html {
  --mat-tree-node-text-font: 'Inter var', sans-serif;
  --mat-tree-node-text-size: 0.875rem;
  --mat-tree-node-text-weight: 400;
}

html {
  --mat-option-label-text-font: 'Inter var', sans-serif;
  --mat-option-label-text-line-height: 1.5;
  --mat-option-label-text-size: 0.875rem;
  --mat-option-label-text-tracking: normal;
  --mat-option-label-text-weight: 400;
}

html {
  --mat-optgroup-label-text-font: 'Inter var', sans-serif;
  --mat-optgroup-label-text-line-height: 1.5;
  --mat-optgroup-label-text-size: 0.875rem;
  --mat-optgroup-label-text-tracking: normal;
  --mat-optgroup-label-text-weight: 400;
}

html {
  --mat-card-title-text-font: 'Inter var', sans-serif;
  --mat-card-title-text-line-height: 1.27;
  --mat-card-title-text-size: 1.875rem;
  --mat-card-title-text-tracking: normal;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: 'Inter var', sans-serif;
  --mat-card-subtitle-text-line-height: 1.66;
  --mat-card-subtitle-text-size: 0.75rem;
  --mat-card-subtitle-text-tracking: normal;
  --mat-card-subtitle-text-weight: 500;
}

html {
  --mat-tooltip-supporting-text-font: 'Inter var', sans-serif;
  --mat-tooltip-supporting-text-size: 0.75rem;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: normal;
}

html {
  --mat-form-field-container-text-font: 'Inter var', sans-serif;
  --mat-form-field-container-text-line-height: 1.5;
  --mat-form-field-container-text-size: 0.875rem;
  --mat-form-field-container-text-tracking: normal;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 0.875rem;
  --mat-form-field-subscript-text-font: 'Inter var', sans-serif;
  --mat-form-field-subscript-text-line-height: 1.66;
  --mat-form-field-subscript-text-size: 0.75rem;
  --mat-form-field-subscript-text-tracking: normal;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: 'Inter var', sans-serif;
  --mat-form-field-filled-label-text-size: 0.875rem;
  --mat-form-field-filled-label-text-tracking: normal;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: 'Inter var', sans-serif;
  --mat-form-field-outlined-label-text-size: 0.875rem;
  --mat-form-field-outlined-label-text-tracking: normal;
  --mat-form-field-outlined-label-text-weight: 400;
}

html {
  --mat-select-trigger-text-font: 'Inter var', sans-serif;
  --mat-select-trigger-text-line-height: 1.5;
  --mat-select-trigger-text-size: 0.875rem;
  --mat-select-trigger-text-tracking: normal;
  --mat-select-trigger-text-weight: 400;
}

html {
  --mat-dialog-subhead-font: 'Inter var', sans-serif;
  --mat-dialog-subhead-line-height: 1.27;
  --mat-dialog-subhead-size: 1.875rem;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: normal;
  --mat-dialog-supporting-text-font: 'Inter var', sans-serif;
  --mat-dialog-supporting-text-line-height: 1.5;
  --mat-dialog-supporting-text-size: 0.875rem;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: normal;
}

.mat-mdc-standard-chip {
  --mat-chip-label-text-font: 'Inter var', sans-serif;
  --mat-chip-label-text-line-height: 1.57;
  --mat-chip-label-text-size: 0.875rem;
  --mat-chip-label-text-tracking: normal;
  --mat-chip-label-text-weight: 400;
}

html {
  --mat-slide-toggle-label-text-font: 'Inter var', sans-serif;
  --mat-slide-toggle-label-text-line-height: 1.57;
  --mat-slide-toggle-label-text-size: 0.875rem;
  --mat-slide-toggle-label-text-tracking: normal;
  --mat-slide-toggle-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: 'Inter var', sans-serif;
  --mat-slide-toggle-label-text-line-height: 1.57;
  --mat-slide-toggle-label-text-size: 0.875rem;
  --mat-slide-toggle-label-text-tracking: normal;
  --mat-slide-toggle-label-text-weight: 400;
}

html {
  --mat-radio-label-text-font: 'Inter var', sans-serif;
  --mat-radio-label-text-line-height: 1.57;
  --mat-radio-label-text-size: 0.875rem;
  --mat-radio-label-text-tracking: normal;
  --mat-radio-label-text-weight: 400;
}

html {
  --mat-slider-label-label-text-font: 'Inter var', sans-serif;
  --mat-slider-label-label-text-size: 0.75rem;
  --mat-slider-label-label-text-line-height: 1.66;
  --mat-slider-label-label-text-tracking: normal;
  --mat-slider-label-label-text-weight: 500;
}

html {
  --mat-menu-item-label-text-font: 'Inter var', sans-serif;
  --mat-menu-item-label-text-size: 0.875rem;
  --mat-menu-item-label-text-tracking: normal;
  --mat-menu-item-label-text-line-height: 1.5;
  --mat-menu-item-label-text-weight: 400;
}

html {
  --mat-list-list-item-label-text-font: 'Inter var', sans-serif;
  --mat-list-list-item-label-text-line-height: 1.5;
  --mat-list-list-item-label-text-size: 0.875rem;
  --mat-list-list-item-label-text-tracking: normal;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: 'Inter var', sans-serif;
  --mat-list-list-item-supporting-text-line-height: 1.57;
  --mat-list-list-item-supporting-text-size: 0.875rem;
  --mat-list-list-item-supporting-text-tracking: normal;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: 'Inter var', sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 1.66;
  --mat-list-list-item-trailing-supporting-text-size: 0.75rem;
  --mat-list-list-item-trailing-supporting-text-tracking: normal;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
}

html {
  --mat-paginator-container-text-font: 'Inter var', sans-serif;
  --mat-paginator-container-text-line-height: 1.66;
  --mat-paginator-container-text-size: 0.75rem;
  --mat-paginator-container-text-tracking: normal;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 0.75rem;
}

.mat-mdc-tab-header {
  --mat-tab-label-text-font: 'Inter var', sans-serif;
  --mat-tab-label-text-size: 0.875;
  --mat-tab-label-text-tracking: normal;
  --mat-tab-label-text-line-height: 0;
  --mat-tab-label-text-weight: 500;
}

html {
  --mat-checkbox-label-text-font: 'Inter var', sans-serif;
  --mat-checkbox-label-text-line-height: 1.57;
  --mat-checkbox-label-text-size: 0.875rem;
  --mat-checkbox-label-text-tracking: normal;
  --mat-checkbox-label-text-weight: 400;
}

html {
  --mat-button-filled-label-text-font: 'Inter var', sans-serif;
  --mat-button-filled-label-text-size: 0.875;
  --mat-button-filled-label-text-tracking: normal;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: 'Inter var', sans-serif;
  --mat-button-outlined-label-text-size: 0.875;
  --mat-button-outlined-label-text-tracking: normal;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: 'Inter var', sans-serif;
  --mat-button-protected-label-text-size: 0.875;
  --mat-button-protected-label-text-tracking: normal;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: 'Inter var', sans-serif;
  --mat-button-text-label-text-size: 0.875;
  --mat-button-text-label-text-tracking: normal;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: 'Inter var', sans-serif;
  --mat-button-tonal-label-text-size: 0.875;
  --mat-button-tonal-label-text-tracking: normal;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
}

html {
  --mat-fab-extended-label-text-font: 'Inter var', sans-serif;
  --mat-fab-extended-label-text-size: 0.875;
  --mat-fab-extended-label-text-tracking: normal;
  --mat-fab-extended-label-text-weight: 500;
}

html {
  --mat-snack-bar-supporting-text-font: 'Inter var', sans-serif;
  --mat-snack-bar-supporting-text-line-height: 1.57;
  --mat-snack-bar-supporting-text-size: 0.875rem;
  --mat-snack-bar-supporting-text-weight: 400;
}

html {
  --mat-table-header-headline-font: 'Inter var', sans-serif;
  --mat-table-header-headline-line-height: 1.66;
  --mat-table-header-headline-size: 0.75rem;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: normal;
  --mat-table-row-item-label-text-font: 'Inter var', sans-serif;
  --mat-table-row-item-label-text-line-height: 1.57;
  --mat-table-row-item-label-text-size: 0.875rem;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: normal;
  --mat-table-footer-supporting-text-font: 'Inter var', sans-serif;
  --mat-table-footer-supporting-text-line-height: 1.57;
  --mat-table-footer-supporting-text-size: 0.875rem;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: normal;
}

html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}

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

.mat-accent {
  --mat-option-selected-state-label-text-color: #8996a4;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-warn {
  --mat-option-selected-state-label-text-color: #dc2626;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

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

html {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #0657a9;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #0657a9;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #dc2626;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #dc2626;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --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);
}

html {
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
}

html {
  --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);
}

html {
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}

.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #0657a9;
  --mat-progress-bar-track-color: rgba(6, 87, 169, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #8996a4;
  --mat-progress-bar-track-color: rgba(137, 150, 164, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #dc2626;
  --mat-progress-bar-track-color: rgba(220, 38, 38, 0.25);
}

html {
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
}

html {
  --mat-tooltip-container-color: #616161;
  --mat-tooltip-supporting-text-color: #fff;
}

html {
  --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;
}

html {
  --mat-form-field-focus-select-arrow-color: rgba(6, 87, 169, 0.87);
  --mat-form-field-filled-caret-color: #0657a9;
  --mat-form-field-filled-focus-active-indicator-color: #0657a9;
  --mat-form-field-filled-focus-label-text-color: rgba(6, 87, 169, 0.87);
  --mat-form-field-outlined-caret-color: #0657a9;
  --mat-form-field-outlined-focus-outline-color: #0657a9;
  --mat-form-field-outlined-focus-label-text-color: rgba(6, 87, 169, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #dc2626;
  --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: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
  --mat-form-field-filled-container-color: rgb(244.8, 244.8, 244.8);
  --mat-form-field-filled-disabled-container-color: rgb(249.9, 249.9, 249.9);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-error-hover-label-text-color: #dc2626;
  --mat-form-field-filled-error-focus-label-text-color: #dc2626;
  --mat-form-field-filled-error-label-text-color: #dc2626;
  --mat-form-field-filled-error-caret-color: #dc2626;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mat-form-field-filled-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-hover-active-indicator-color: #dc2626;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-error-caret-color: #dc2626;
  --mat-form-field-outlined-error-focus-label-text-color: #dc2626;
  --mat-form-field-outlined-error-label-text-color: #dc2626;
  --mat-form-field-outlined-error-hover-label-text-color: #dc2626;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #dc2626;
  --mat-form-field-outlined-error-hover-outline-color: #dc2626;
  --mat-form-field-outlined-error-outline-color: #dc2626;
}

.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-filled-caret-color: #8996a4;
  --mat-form-field-filled-focus-active-indicator-color: #8996a4;
  --mat-form-field-filled-focus-label-text-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-outlined-caret-color: #8996a4;
  --mat-form-field-outlined-focus-outline-color: #8996a4;
  --mat-form-field-outlined-focus-label-text-color: rgba(137, 150, 164, 0.87);
}

.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-filled-caret-color: #dc2626;
  --mat-form-field-filled-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-focus-label-text-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-outlined-caret-color: #dc2626;
  --mat-form-field-outlined-focus-outline-color: #dc2626;
  --mat-form-field-outlined-focus-label-text-color: rgba(220, 38, 38, 0.87);
}

html {
  --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;
}

html {
  --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);
}

html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(6, 87, 169, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}

html {
  --mat-select-arrow-transform: translateY(-8px);
}

html {
  --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);
}

html {
  --mat-autocomplete-background-color: white;
}

html {
  --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;
}

html {
  --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.6);
}

.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;
}

.mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: #212121;
  --mat-chip-elevated-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-elevated-disabled-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-elevated-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-flat-disabled-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
  --mat-chip-with-icon-disabled-icon-color: #212121;
  --mat-chip-with-icon-icon-color: #212121;
  --mat-chip-with-icon-selected-icon-color: #212121;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mat-chip-with-trailing-icon-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #0657a9;
  --mat-chip-elevated-disabled-container-color: #0657a9;
  --mat-chip-elevated-selected-container-color: #0657a9;
  --mat-chip-flat-disabled-selected-container-color: #0657a9;
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: black;
  --mat-chip-elevated-container-color: #8996a4;
  --mat-chip-elevated-disabled-container-color: #8996a4;
  --mat-chip-elevated-selected-container-color: #8996a4;
  --mat-chip-flat-disabled-selected-container-color: #8996a4;
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: black;
  --mat-chip-selected-disabled-trailing-icon-color: black;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: black;
  --mat-chip-selected-trailing-icon-color: black;
  --mat-chip-with-icon-disabled-icon-color: black;
  --mat-chip-with-icon-icon-color: black;
  --mat-chip-with-icon-selected-icon-color: black;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: black;
  --mat-chip-with-trailing-icon-trailing-icon-color: black;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #dc2626;
  --mat-chip-elevated-disabled-container-color: #dc2626;
  --mat-chip-elevated-selected-container-color: #dc2626;
  --mat-chip-flat-disabled-selected-container-color: #dc2626;
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}

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

html {
  --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.1;
  --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.04;
  --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;
}
html .mat-mdc-slide-toggle {
  --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.1;
  --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.04;
  --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;
}

html {
  --mat-slide-toggle-selected-focus-state-layer-color: #065099;
  --mat-slide-toggle-selected-handle-color: #065099;
  --mat-slide-toggle-selected-hover-state-layer-color: #065099;
  --mat-slide-toggle-selected-pressed-state-layer-color: #065099;
  --mat-slide-toggle-selected-focus-handle-color: #074595;
  --mat-slide-toggle-selected-hover-handle-color: #074595;
  --mat-slide-toggle-selected-pressed-handle-color: #074595;
  --mat-slide-toggle-selected-focus-track-color: #8aaae2;
  --mat-slide-toggle-selected-hover-track-color: #8aaae2;
  --mat-slide-toggle-selected-pressed-track-color: #8aaae2;
  --mat-slide-toggle-selected-track-color: #8aaae2;
  --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: #424242;
  --mat-slide-toggle-disabled-selected-icon-color: #fff;
  --mat-slide-toggle-disabled-selected-track-color: #424242;
  --mat-slide-toggle-disabled-unselected-handle-color: #424242;
  --mat-slide-toggle-disabled-unselected-icon-color: #fff;
  --mat-slide-toggle-disabled-unselected-track-color: #424242;
  --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: #fff;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-icon-color: #fff;
  --mat-slide-toggle-unselected-hover-handle-color: #212121;
  --mat-slide-toggle-unselected-focus-handle-color: #212121;
  --mat-slide-toggle-unselected-focus-state-layer-color: #424242;
  --mat-slide-toggle-unselected-focus-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-icon-color: #fff;
  --mat-slide-toggle-unselected-handle-color: #616161;
  --mat-slide-toggle-unselected-hover-state-layer-color: #424242;
  --mat-slide-toggle-unselected-hover-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-pressed-handle-color: #212121;
  --mat-slide-toggle-unselected-pressed-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #424242;
  --mat-slide-toggle-unselected-track-color: #e0e0e0;
}
html {
  --mdc-slide-toggle-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-slide-toggle-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-focus-state-layer-color: #5b6b79;
  --mat-slide-toggle-selected-handle-color: #5b6b79;
  --mat-slide-toggle-selected-hover-state-layer-color: #5b6b79;
  --mat-slide-toggle-selected-pressed-state-layer-color: #5b6b79;
  --mat-slide-toggle-selected-focus-handle-color: #131920;
  --mat-slide-toggle-selected-hover-handle-color: #131920;
  --mat-slide-toggle-selected-pressed-handle-color: #131920;
  --mat-slide-toggle-selected-focus-track-color: #dbe0e5;
  --mat-slide-toggle-selected-hover-track-color: #dbe0e5;
  --mat-slide-toggle-selected-pressed-track-color: #dbe0e5;
  --mat-slide-toggle-selected-track-color: #dbe0e5;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-focus-state-layer-color: #d82222;
  --mat-slide-toggle-selected-handle-color: #d82222;
  --mat-slide-toggle-selected-hover-state-layer-color: #d82222;
  --mat-slide-toggle-selected-pressed-state-layer-color: #d82222;
  --mat-slide-toggle-selected-focus-handle-color: #c50d0d;
  --mat-slide-toggle-selected-hover-handle-color: #c50d0d;
  --mat-slide-toggle-selected-pressed-handle-color: #c50d0d;
  --mat-slide-toggle-selected-focus-track-color: #e76767;
  --mat-slide-toggle-selected-hover-track-color: #e76767;
  --mat-slide-toggle-selected-pressed-track-color: #e76767;
  --mat-slide-toggle-selected-track-color: #e76767;
}

html {
  --mat-slide-toggle-state-layer-size: 40px;
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-state-layer-size: 40px;
}

html {
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
}

.mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #0657a9;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #0657a9;
  --mat-radio-selected-hover-icon-color: #0657a9;
  --mat-radio-selected-icon-color: #0657a9;
  --mat-radio-selected-pressed-icon-color: #0657a9;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #8996a4;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #8996a4;
  --mat-radio-selected-hover-icon-color: #8996a4;
  --mat-radio-selected-icon-color: #8996a4;
  --mat-radio-selected-pressed-icon-color: #8996a4;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #dc2626;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #dc2626;
  --mat-radio-selected-hover-icon-color: #dc2626;
  --mat-radio-selected-icon-color: #dc2626;
  --mat-radio-selected-pressed-icon-color: #dc2626;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}

html {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}

html {
  --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;
}

html {
  --mat-slider-active-track-color: #0657a9;
  --mat-slider-focus-handle-color: #0657a9;
  --mat-slider-focus-state-layer-color: rgba(6, 87, 169, 0.2);
  --mat-slider-handle-color: #0657a9;
  --mat-slider-hover-handle-color: #0657a9;
  --mat-slider-hover-state-layer-color: rgba(6, 87, 169, 0.05);
  --mat-slider-inactive-track-color: #0657a9;
  --mat-slider-ripple-color: #0657a9;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #0657a9;
  --mat-slider-disabled-active-track-color: #000;
  --mat-slider-disabled-handle-color: #000;
  --mat-slider-disabled-inactive-track-color: #000;
  --mat-slider-label-container-color: #000;
  --mat-slider-label-label-text-color: #fff;
  --mat-slider-value-indicator-opacity: 0.6;
  --mat-slider-with-overlap-handle-outline-color: #fff;
  --mat-slider-with-tick-marks-disabled-container-color: #000;
}
html .mat-accent {
  --mat-slider-active-track-color: #8996a4;
  --mat-slider-focus-handle-color: #8996a4;
  --mat-slider-focus-state-layer-color: rgba(137, 150, 164, 0.2);
  --mat-slider-handle-color: #8996a4;
  --mat-slider-hover-handle-color: #8996a4;
  --mat-slider-hover-state-layer-color: rgba(137, 150, 164, 0.05);
  --mat-slider-inactive-track-color: #8996a4;
  --mat-slider-ripple-color: #8996a4;
  --mat-slider-with-tick-marks-active-container-color: black;
  --mat-slider-with-tick-marks-inactive-container-color: #8996a4;
}
html .mat-warn {
  --mat-slider-active-track-color: #dc2626;
  --mat-slider-focus-handle-color: #dc2626;
  --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2);
  --mat-slider-handle-color: #dc2626;
  --mat-slider-hover-handle-color: #dc2626;
  --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05);
  --mat-slider-inactive-track-color: #dc2626;
  --mat-slider-ripple-color: #dc2626;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #dc2626;
}

html {
  --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);
}

html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --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;
}

html {
  --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.38);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-disabled-label-text-color: black;
  --mat-list-list-item-disabled-leading-icon-color: black;
  --mat-list-list-item-disabled-trailing-icon-color: black;
  --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.38);
  --mat-list-list-item-hover-state-layer-color: black;
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: black;
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}

.mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #0657a9;
  --mat-checkbox-selected-hover-icon-color: #0657a9;
  --mat-checkbox-selected-icon-color: #0657a9;
  --mat-checkbox-selected-pressed-icon-color: #0657a9;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #0657a9;
  --mat-checkbox-selected-hover-state-layer-color: #0657a9;
  --mat-checkbox-selected-pressed-state-layer-color: #0657a9;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}

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

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

html {
  --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;
}

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

html {
  --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;
}

html {
  --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-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-label-text-color: #0657a9;
  --mat-tab-active-ripple-color: #0657a9;
  --mat-tab-inactive-ripple-color: #0657a9;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-focus-label-text-color: #0657a9;
  --mat-tab-active-hover-label-text-color: #0657a9;
  --mat-tab-active-focus-indicator-color: #0657a9;
  --mat-tab-active-hover-indicator-color: #0657a9;
  --mat-tab-active-indicator-color: #0657a9;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-label-text-color: #8996a4;
  --mat-tab-active-ripple-color: #8996a4;
  --mat-tab-inactive-ripple-color: #8996a4;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-focus-label-text-color: #8996a4;
  --mat-tab-active-hover-label-text-color: #8996a4;
  --mat-tab-active-focus-indicator-color: #8996a4;
  --mat-tab-active-hover-indicator-color: #8996a4;
  --mat-tab-active-indicator-color: #8996a4;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-label-text-color: #dc2626;
  --mat-tab-active-ripple-color: #dc2626;
  --mat-tab-inactive-ripple-color: #dc2626;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-focus-label-text-color: #dc2626;
  --mat-tab-active-hover-label-text-color: #dc2626;
  --mat-tab-active-focus-indicator-color: #dc2626;
  --mat-tab-active-hover-indicator-color: #dc2626;
  --mat-tab-active-indicator-color: #dc2626;
}
.mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}

html {
  --mat-checkbox-disabled-selected-checkmark-color: #fff;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.16;
}

html {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #0657a9;
  --mat-checkbox-selected-hover-icon-color: #0657a9;
  --mat-checkbox-selected-icon-color: #0657a9;
  --mat-checkbox-selected-pressed-icon-color: #0657a9;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #0657a9;
  --mat-checkbox-selected-hover-state-layer-color: #0657a9;
  --mat-checkbox-selected-pressed-state-layer-color: #0657a9;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}

html {
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
}

html {
  --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-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-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-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-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
}

html {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mat-button-filled-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-filled-disabled-state-layer-color: black;
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-state-layer-color: black;
  --mat-button-outlined-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: black;
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: black;
  --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: rgba(0, 0, 0, 0.1);
  --mat-button-outlined-state-layer-color: black;
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-protected-disabled-state-layer-color: black;
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-state-layer-color: black;
  --mat-button-text-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-text-disabled-state-layer-color: black;
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: black;
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-text-state-layer-color: black;
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mat-button-tonal-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-tonal-disabled-state-layer-color: black;
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: black;
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-tonal-state-layer-color: black;
}

.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #0657a9;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #0657a9;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: rgba(6, 87, 169, 0.1);
  --mat-button-outlined-state-layer-color: #0657a9;
  --mat-button-protected-container-color: #0657a9;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #0657a9;
  --mat-button-text-ripple-color: rgba(6, 87, 169, 0.1);
  --mat-button-text-state-layer-color: #0657a9;
  --mat-button-tonal-container-color: #0657a9;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #8996a4;
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-state-layer-color: black;
  --mat-button-outlined-label-text-color: #8996a4;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-outlined-state-layer-color: #8996a4;
  --mat-button-protected-container-color: #8996a4;
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-state-layer-color: black;
  --mat-button-text-label-text-color: #8996a4;
  --mat-button-text-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-text-state-layer-color: #8996a4;
  --mat-button-tonal-container-color: #8996a4;
  --mat-button-tonal-label-text-color: black;
  --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-tonal-state-layer-color: black;
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #dc2626;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #dc2626;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-outlined-state-layer-color: #dc2626;
  --mat-button-protected-container-color: #dc2626;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #dc2626;
  --mat-button-text-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-text-state-layer-color: #dc2626;
  --mat-button-tonal-container-color: #dc2626;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}

html {
  --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;
}

html {
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
}

html {
  --mat-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-disabled-state-layer-color: black;
  --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: rgba(0, 0, 0, 0.1);
  --mat-icon-button-state-layer-color: black;
}
html .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #0657a9;
  --mat-icon-button-state-layer-color: #0657a9;
  --mat-icon-button-ripple-color: rgba(6, 87, 169, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #8996a4;
  --mat-icon-button-state-layer-color: #8996a4;
  --mat-icon-button-ripple-color: rgba(137, 150, 164, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #dc2626;
  --mat-icon-button-state-layer-color: #dc2626;
  --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1);
}

html {
  --mat-icon-button-touch-target-display: block;
}

.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;
}

html {
  --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-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-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 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);
}

html {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: black;
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-state-layer-color: black;
  --mat-fab-state-layer-color: black;
}
html .mat-mdc-fab.mat-primary, html .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #0657a9;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #0657a9;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
html .mat-mdc-fab.mat-accent, html .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #8996a4;
  --mat-fab-foreground-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-container-color: #8996a4;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-state-layer-color: black;
  --mat-fab-state-layer-color: black;
}
html .mat-mdc-fab.mat-warn, html .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #dc2626;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #dc2626;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}

html {
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
}

html {
  --mat-snack-bar-container-shape: 4px;
}

html {
  --mat-snack-bar-container-color: #333333;
  --mat-snack-bar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #dae6ff;
}

html {
  --mat-table-row-item-outline-width: 1px;
}

html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}

html {
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
}

html {
  --mat-progress-spinner-active-indicator-color: #0657a9;
}
html .mat-accent {
  --mat-progress-spinner-active-indicator-color: #8996a4;
}
html .mat-warn {
  --mat-progress-spinner-active-indicator-color: #dc2626;
}

html {
  --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;
}

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

.mat-badge-accent {
  --mat-badge-background-color: #8996a4;
  --mat-badge-text-color: black;
}

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

html {
  --mat-bottom-sheet-container-shape: 4px;
}

html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}

html {
  --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;
}

html {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-button-toggle-divider-color: rgb(224.4, 224.4, 224.4);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: #bdbdbd;
  --mat-button-toggle-legacy-disabled-state-background-color: #eeeeee;
  --mat-button-toggle-legacy-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-button-toggle-legacy-selected-state-background-color: #e0e0e0;
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-button-toggle-legacy-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: black;
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-button-toggle-height: 48px;
}

html {
  --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);
}

html {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #0657a9;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(6, 87, 169, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(6, 87, 169, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(6, 87, 169, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #0657a9;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(6, 87, 169, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: black;
  --mat-datepicker-calendar-date-selected-state-background-color: #8996a4;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(137, 150, 164, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: black;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(137, 150, 164, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #dc2626;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}

.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #8996a4;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #dc2626;
}

.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.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;
}

html {
  --mat-divider-width: 1px;
}

html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}

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

html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}

html {
  --mat-icon-color: inherit;
}

.mat-icon.mat-primary {
  --mat-icon-color: #0657a9;
}
.mat-icon.mat-accent {
  --mat-icon-color: #8996a4;
}
.mat-icon.mat-warn {
  --mat-icon-color: #dc2626;
}

html {
  --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;
}

html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}

html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #0657a9;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #0657a9;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #0657a9;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #dc2626;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #dc2626;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: black;
  --mat-stepper-header-selected-state-icon-background-color: #8996a4;
  --mat-stepper-header-selected-state-icon-foreground-color: black;
  --mat-stepper-header-done-state-icon-background-color: #8996a4;
  --mat-stepper-header-done-state-icon-foreground-color: black;
  --mat-stepper-header-edit-state-icon-background-color: #8996a4;
  --mat-stepper-header-edit-state-icon-foreground-color: black;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #dc2626;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #dc2626;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #dc2626;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}

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

html {
  --mat-sort-arrow-color: rgb(117.3, 117.3, 117.3);
}

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

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #0657a9;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #8996a4;
  --mat-toolbar-container-text-color: black;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: white;
}

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

html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}

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

html {
  --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);
}

html {
  --mat-timepicker-container-background-color: white;
}

.blue-theme {
  --primary-50: #e9f0ff;
}
.blue-theme .bg-primary-50 {
  background: #e9f0ff;
}
.blue-theme .b-primary-50 {
  border-color: #e9f0ff !important;
}
.blue-theme {
  --primary-100: #dae6ff;
}
.blue-theme {
  --primary-200: #b5ccff;
}
.blue-theme {
  --primary-300: #8aaae2;
}
.blue-theme {
  --primary-400: #4388cc;
}
.blue-theme {
  --primary-500: #0657a9;
}
.blue-theme .text-primary-500 {
  color: #0657a9 !important;
}
.blue-theme {
  --primary-600: #065099;
}
.blue-theme {
  --primary-700: #166bbd;
}
.blue-theme {
  --primary-800: #1c71c1;
}
.blue-theme {
  --primary-900: #074595;
}
.blue-theme {
  --accent-50: #fff;
}
.blue-theme {
  --accent-100: #f8f9fa;
}
.blue-theme {
  --accent-200: #f3f5f7;
}
.blue-theme {
  --accent-300: #dbe0e5;
}
.blue-theme {
  --accent-400: #bec8d0;
}
.blue-theme {
  --accent-500: #8996a4;
}
.blue-theme {
  --accent-600: #5b6b79;
}
.blue-theme {
  --accent-700: #3e4853;
}
.blue-theme {
  --accent-800: #1d2630;
}
.blue-theme {
  --accent-900: #131920;
}
.blue-theme {
  --warn-50: #fbe5e5;
}
.blue-theme {
  --warn-100: #f5bebe;
}
.blue-theme {
  --warn-200: #ee9393;
}
.blue-theme {
  --warn-300: #e76767;
}
.blue-theme {
  --warn-400: #e14747;
}
.blue-theme {
  --warn-500: #dc2626;
}
.blue-theme .text-warn-500 {
  color: #dc2626 !important;
}
.blue-theme {
  --warn-600: #d82222;
}
.blue-theme {
  --warn-700: #d31c1c;
}
.blue-theme {
  --warn-800: #ce1717;
}
.blue-theme {
  --warn-900: #c50d0d;
}
.blue-theme {
  --success-50: #e6f5f0;
}
.blue-theme {
  --success-100: #c0e5d9;
}
.blue-theme {
  --success-200: #96d4bf;
}
.blue-theme {
  --success-300: #6bc2a5;
}
.blue-theme {
  --success-400: #4cb592;
}
.blue-theme {
  --success-500: #2ca87f;
}
.blue-theme {
  --success-600: #27a077;
}
.blue-theme {
  --success-700: #21976c;
}
.blue-theme {
  --success-800: #1b8d62;
}
.blue-theme {
  --success-900: #107d4f;
}
.blue-theme {
  --warning-50: #fcf1e0;
}
.blue-theme {
  --warning-100: #f7dcb3;
}
.blue-theme {
  --warning-200: #f2c580;
}
.blue-theme {
  --warning-300: #edad4d;
}
.blue-theme {
  --warning-400: #e99c26;
}
.blue-theme {
  --warning-500: #e58a00;
}
.blue-theme {
  --warning-600: #e28200;
}
.blue-theme {
  --warning-700: #de7700;
}
.blue-theme {
  --warning-800: #da6d00;
}
.blue-theme {
  --warning-900: #d35a00;
}
.blue-theme.dark {
  --mat-ripple-color: rgba(255, 255, 255, 0.1);
}
.blue-theme.dark {
  --mat-option-selected-state-label-text-color: #4680ff;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.blue-theme.dark .mat-accent {
  --mat-option-selected-state-label-text-color: #8996a4;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.blue-theme.dark .mat-warn {
  --mat-option-selected-state-label-text-color: #dc2626;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.blue-theme.dark {
  --mat-optgroup-label-text-color: white;
}
.blue-theme.dark {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.blue-theme.dark .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #4680ff;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #4680ff;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.blue-theme.dark .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.blue-theme.dark .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #dc2626;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #dc2626;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.blue-theme.dark {
  --mat-app-background-color: #303030;
  --mat-app-text-color: white;
  --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);
}
.blue-theme.dark {
  --mat-card-elevated-container-color: #424242;
  --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: #424242;
  --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(255, 255, 255, 0.12);
  --mat-card-subtitle-text-color: rgba(255, 255, 255, 0.7);
  --mat-card-filled-container-color: #424242;
  --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);
}
.blue-theme.dark .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #4680ff;
  --mat-progress-bar-track-color: rgba(70, 128, 255, 0.25);
}
.blue-theme.dark .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #8996a4;
  --mat-progress-bar-track-color: rgba(137, 150, 164, 0.25);
}
.blue-theme.dark .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #dc2626;
  --mat-progress-bar-track-color: rgba(220, 38, 38, 0.25);
}
.blue-theme.dark {
  --mat-tooltip-container-color: #616161;
  --mat-tooltip-supporting-text-color: #fff;
}
.blue-theme.dark {
  --mat-form-field-focus-select-arrow-color: rgba(70, 128, 255, 0.87);
  --mat-form-field-filled-caret-color: #4680ff;
  --mat-form-field-filled-focus-active-indicator-color: #4680ff;
  --mat-form-field-filled-focus-label-text-color: rgba(70, 128, 255, 0.87);
  --mat-form-field-outlined-caret-color: #4680ff;
  --mat-form-field-outlined-focus-outline-color: #4680ff;
  --mat-form-field-outlined-focus-label-text-color: rgba(70, 128, 255, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-state-layer-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-error-text-color: #dc2626;
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --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(255, 255, 255, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-focus-state-layer-opacity: 0.24;
  --mat-form-field-filled-container-color: rgb(73.56, 73.56, 73.56);
  --mat-form-field-filled-disabled-container-color: rgb(69.78, 69.78, 69.78);
  --mat-form-field-filled-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-filled-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-filled-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-filled-input-text-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-filled-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-filled-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-filled-error-hover-label-text-color: #dc2626;
  --mat-form-field-filled-error-focus-label-text-color: #dc2626;
  --mat-form-field-filled-error-label-text-color: #dc2626;
  --mat-form-field-filled-error-caret-color: #dc2626;
  --mat-form-field-filled-active-indicator-color: rgba(255, 255, 255, 0.42);
  --mat-form-field-filled-disabled-active-indicator-color: rgba(255, 255, 255, 0.06);
  --mat-form-field-filled-hover-active-indicator-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-hover-active-indicator-color: #dc2626;
  --mat-form-field-outlined-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-outlined-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-outlined-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-input-text-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-outlined-error-caret-color: #dc2626;
  --mat-form-field-outlined-error-focus-label-text-color: #dc2626;
  --mat-form-field-outlined-error-label-text-color: #dc2626;
  --mat-form-field-outlined-error-hover-label-text-color: #dc2626;
  --mat-form-field-outlined-outline-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-disabled-outline-color: rgba(255, 255, 255, 0.06);
  --mat-form-field-outlined-hover-outline-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #dc2626;
  --mat-form-field-outlined-error-hover-outline-color: #dc2626;
  --mat-form-field-outlined-error-outline-color: #dc2626;
}
.blue-theme.dark .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-filled-caret-color: #8996a4;
  --mat-form-field-filled-focus-active-indicator-color: #8996a4;
  --mat-form-field-filled-focus-label-text-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-outlined-caret-color: #8996a4;
  --mat-form-field-outlined-focus-outline-color: #8996a4;
  --mat-form-field-outlined-focus-label-text-color: rgba(137, 150, 164, 0.87);
}
.blue-theme.dark .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-filled-caret-color: #dc2626;
  --mat-form-field-filled-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-focus-label-text-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-outlined-caret-color: #dc2626;
  --mat-form-field-outlined-focus-outline-color: #dc2626;
  --mat-form-field-outlined-focus-label-text-color: rgba(220, 38, 38, 0.87);
}
.blue-theme.dark {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(70, 128, 255, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.blue-theme.dark .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.blue-theme.dark .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.blue-theme.dark {
  --mat-autocomplete-background-color: #424242;
}
.blue-theme.dark {
  --mat-dialog-container-color: #424242;
  --mat-dialog-subhead-color: rgba(255, 255, 255, 0.87);
  --mat-dialog-supporting-text-color: rgba(255, 255, 255, 0.6);
}
.blue-theme.dark .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: #fafafa;
  --mat-chip-elevated-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-elevated-disabled-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-elevated-selected-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-flat-disabled-selected-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: #fafafa;
  --mat-chip-selected-disabled-trailing-icon-color: #fafafa;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: #fafafa;
  --mat-chip-selected-trailing-icon-color: #fafafa;
  --mat-chip-with-icon-disabled-icon-color: #fafafa;
  --mat-chip-with-icon-icon-color: #fafafa;
  --mat-chip-with-icon-selected-icon-color: #fafafa;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa;
  --mat-chip-with-trailing-icon-trailing-icon-color: #fafafa;
}
.blue-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .blue-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #4680ff;
  --mat-chip-elevated-disabled-container-color: #4680ff;
  --mat-chip-elevated-selected-container-color: #4680ff;
  --mat-chip-flat-disabled-selected-container-color: #4680ff;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.blue-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .blue-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: black;
  --mat-chip-elevated-container-color: #8996a4;
  --mat-chip-elevated-disabled-container-color: #8996a4;
  --mat-chip-elevated-selected-container-color: #8996a4;
  --mat-chip-flat-disabled-selected-container-color: #8996a4;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: black;
  --mat-chip-selected-disabled-trailing-icon-color: black;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: black;
  --mat-chip-selected-trailing-icon-color: black;
  --mat-chip-with-icon-disabled-icon-color: black;
  --mat-chip-with-icon-icon-color: black;
  --mat-chip-with-icon-selected-icon-color: black;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: black;
  --mat-chip-with-trailing-icon-trailing-icon-color: black;
}
.blue-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .blue-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #dc2626;
  --mat-chip-elevated-disabled-container-color: #dc2626;
  --mat-chip-elevated-selected-container-color: #dc2626;
  --mat-chip-flat-disabled-selected-container-color: #dc2626;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.blue-theme.dark {
  --mat-slide-toggle-selected-focus-state-layer-color: #90b3ff;
  --mat-slide-toggle-selected-handle-color: #90b3ff;
  --mat-slide-toggle-selected-hover-state-layer-color: #90b3ff;
  --mat-slide-toggle-selected-pressed-state-layer-color: #90b3ff;
  --mat-slide-toggle-selected-focus-handle-color: #1c76da;
  --mat-slide-toggle-selected-hover-handle-color: #1c76da;
  --mat-slide-toggle-selected-pressed-handle-color: #1c76da;
  --mat-slide-toggle-selected-focus-track-color: #6b99ff;
  --mat-slide-toggle-selected-hover-track-color: #6b99ff;
  --mat-slide-toggle-selected-pressed-track-color: #6b99ff;
  --mat-slide-toggle-selected-track-color: #6b99ff;
  --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: #000;
  --mat-slide-toggle-disabled-selected-icon-color: #212121;
  --mat-slide-toggle-disabled-selected-track-color: #f5f5f5;
  --mat-slide-toggle-disabled-unselected-handle-color: #000;
  --mat-slide-toggle-disabled-unselected-icon-color: #212121;
  --mat-slide-toggle-disabled-unselected-track-color: #f5f5f5;
  --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: #fff;
  --mat-slide-toggle-label-text-color: white;
  --mat-slide-toggle-selected-icon-color: #212121;
  --mat-slide-toggle-unselected-hover-handle-color: #fafafa;
  --mat-slide-toggle-unselected-focus-handle-color: #fafafa;
  --mat-slide-toggle-unselected-focus-state-layer-color: #f5f5f5;
  --mat-slide-toggle-unselected-focus-track-color: #616161;
  --mat-slide-toggle-unselected-icon-color: #212121;
  --mat-slide-toggle-unselected-handle-color: #9e9e9e;
  --mat-slide-toggle-unselected-hover-state-layer-color: #f5f5f5;
  --mat-slide-toggle-unselected-hover-track-color: #616161;
  --mat-slide-toggle-unselected-pressed-handle-color: #fafafa;
  --mat-slide-toggle-unselected-pressed-track-color: #616161;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #f5f5f5;
  --mat-slide-toggle-unselected-track-color: #616161;
}
.blue-theme.dark {
  --mdc-slide-toggle-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-slide-toggle-disabled-label-text-color: rgba(255, 255, 255, 0.5);
}
.blue-theme.dark .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-color: white;
}
.blue-theme.dark .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-focus-state-layer-color: #3e4853;
  --mat-slide-toggle-selected-handle-color: #3e4853;
  --mat-slide-toggle-selected-hover-state-layer-color: #3e4853;
  --mat-slide-toggle-selected-pressed-state-layer-color: #3e4853;
  --mat-slide-toggle-selected-focus-handle-color: #1d2630;
  --mat-slide-toggle-selected-hover-handle-color: #1d2630;
  --mat-slide-toggle-selected-pressed-handle-color: #1d2630;
  --mat-slide-toggle-selected-focus-track-color: #bec8d0;
  --mat-slide-toggle-selected-hover-track-color: #bec8d0;
  --mat-slide-toggle-selected-pressed-track-color: #bec8d0;
  --mat-slide-toggle-selected-track-color: #bec8d0;
}
.blue-theme.dark .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-focus-state-layer-color: #d31c1c;
  --mat-slide-toggle-selected-handle-color: #d31c1c;
  --mat-slide-toggle-selected-hover-state-layer-color: #d31c1c;
  --mat-slide-toggle-selected-pressed-state-layer-color: #d31c1c;
  --mat-slide-toggle-selected-focus-handle-color: #ce1717;
  --mat-slide-toggle-selected-hover-handle-color: #ce1717;
  --mat-slide-toggle-selected-pressed-handle-color: #ce1717;
  --mat-slide-toggle-selected-focus-track-color: #e14747;
  --mat-slide-toggle-selected-hover-track-color: #e14747;
  --mat-slide-toggle-selected-pressed-track-color: #e14747;
  --mat-slide-toggle-selected-track-color: #e14747;
}
.blue-theme.dark .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #4680ff;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #4680ff;
  --mat-radio-selected-hover-icon-color: #4680ff;
  --mat-radio-selected-icon-color: #4680ff;
  --mat-radio-selected-pressed-icon-color: #4680ff;
  --mat-radio-unselected-focus-icon-color: #eeeeee;
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}
.blue-theme.dark .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #8996a4;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #8996a4;
  --mat-radio-selected-hover-icon-color: #8996a4;
  --mat-radio-selected-icon-color: #8996a4;
  --mat-radio-selected-pressed-icon-color: #8996a4;
  --mat-radio-unselected-focus-icon-color: #eeeeee;
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}
.blue-theme.dark .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #dc2626;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #dc2626;
  --mat-radio-selected-hover-icon-color: #dc2626;
  --mat-radio-selected-icon-color: #dc2626;
  --mat-radio-selected-pressed-icon-color: #dc2626;
  --mat-radio-unselected-focus-icon-color: #eeeeee;
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}
.blue-theme.dark {
  --mat-slider-active-track-color: #4680ff;
  --mat-slider-focus-handle-color: #4680ff;
  --mat-slider-focus-state-layer-color: rgba(70, 128, 255, 0.2);
  --mat-slider-handle-color: #4680ff;
  --mat-slider-hover-handle-color: #4680ff;
  --mat-slider-hover-state-layer-color: rgba(70, 128, 255, 0.05);
  --mat-slider-inactive-track-color: #4680ff;
  --mat-slider-ripple-color: #4680ff;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #4680ff;
  --mat-slider-disabled-active-track-color: #fff;
  --mat-slider-disabled-handle-color: #fff;
  --mat-slider-disabled-inactive-track-color: #fff;
  --mat-slider-label-container-color: #fff;
  --mat-slider-label-label-text-color: #000;
  --mat-slider-value-indicator-opacity: 0.9;
  --mat-slider-with-overlap-handle-outline-color: #fff;
  --mat-slider-with-tick-marks-disabled-container-color: #fff;
}
.blue-theme.dark .mat-accent {
  --mat-slider-active-track-color: #8996a4;
  --mat-slider-focus-handle-color: #8996a4;
  --mat-slider-focus-state-layer-color: rgba(137, 150, 164, 0.2);
  --mat-slider-handle-color: #8996a4;
  --mat-slider-hover-handle-color: #8996a4;
  --mat-slider-hover-state-layer-color: rgba(137, 150, 164, 0.05);
  --mat-slider-inactive-track-color: #8996a4;
  --mat-slider-ripple-color: #8996a4;
  --mat-slider-with-tick-marks-active-container-color: black;
  --mat-slider-with-tick-marks-inactive-container-color: #8996a4;
}
.blue-theme.dark .mat-warn {
  --mat-slider-active-track-color: #dc2626;
  --mat-slider-focus-handle-color: #dc2626;
  --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2);
  --mat-slider-handle-color: #dc2626;
  --mat-slider-hover-handle-color: #dc2626;
  --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05);
  --mat-slider-inactive-track-color: #dc2626;
  --mat-slider-ripple-color: #dc2626;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #dc2626;
}
.blue-theme.dark {
  --mat-menu-item-label-text-color: white;
  --mat-menu-item-icon-color: white;
  --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-container-color: #424242;
  --mat-menu-divider-color: rgba(255, 255, 255, 0.12);
}
.blue-theme.dark {
  --mat-list-list-item-label-text-color: white;
  --mat-list-list-item-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-disabled-label-text-color: white;
  --mat-list-list-item-disabled-leading-icon-color: white;
  --mat-list-list-item-disabled-trailing-icon-color: white;
  --mat-list-list-item-hover-label-text-color: white;
  --mat-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-hover-state-layer-color: white;
  --mat-list-list-item-hover-state-layer-opacity: 0.08;
  --mat-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-focus-label-text-color: white;
  --mat-list-list-item-focus-state-layer-color: white;
  --mat-list-list-item-focus-state-layer-opacity: 0.24;
}
.blue-theme.dark .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #4680ff;
  --mat-checkbox-selected-hover-icon-color: #4680ff;
  --mat-checkbox-selected-icon-color: #4680ff;
  --mat-checkbox-selected-pressed-icon-color: #4680ff;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #4680ff;
  --mat-checkbox-selected-hover-state-layer-color: #4680ff;
  --mat-checkbox-selected-pressed-state-layer-color: #4680ff;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.blue-theme.dark .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.blue-theme.dark .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.blue-theme.dark {
  --mat-paginator-container-text-color: rgba(255, 255, 255, 0.87);
  --mat-paginator-container-background-color: #424242;
  --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.54);
  --mat-paginator-disabled-icon-color: rgba(255, 255, 255, 0.12);
}
.blue-theme.dark .mat-mdc-tab-group,
.blue-theme.dark .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-label-text-color: #4680ff;
  --mat-tab-active-ripple-color: #4680ff;
  --mat-tab-inactive-ripple-color: #4680ff;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-focus-label-text-color: #4680ff;
  --mat-tab-active-hover-label-text-color: #4680ff;
  --mat-tab-active-focus-indicator-color: #4680ff;
  --mat-tab-active-hover-indicator-color: #4680ff;
  --mat-tab-active-indicator-color: #4680ff;
}
.blue-theme.dark .mat-mdc-tab-group.mat-accent,
.blue-theme.dark .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-label-text-color: #8996a4;
  --mat-tab-active-ripple-color: #8996a4;
  --mat-tab-inactive-ripple-color: #8996a4;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-focus-label-text-color: #8996a4;
  --mat-tab-active-hover-label-text-color: #8996a4;
  --mat-tab-active-focus-indicator-color: #8996a4;
  --mat-tab-active-hover-indicator-color: #8996a4;
  --mat-tab-active-indicator-color: #8996a4;
}
.blue-theme.dark .mat-mdc-tab-group.mat-warn,
.blue-theme.dark .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-label-text-color: #dc2626;
  --mat-tab-active-ripple-color: #dc2626;
  --mat-tab-inactive-ripple-color: #dc2626;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-focus-label-text-color: #dc2626;
  --mat-tab-active-hover-label-text-color: #dc2626;
  --mat-tab-active-focus-indicator-color: #dc2626;
  --mat-tab-active-hover-indicator-color: #dc2626;
  --mat-tab-active-indicator-color: #dc2626;
}
.blue-theme.dark {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.blue-theme.dark .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #4680ff;
  --mat-checkbox-selected-hover-icon-color: #4680ff;
  --mat-checkbox-selected-icon-color: #4680ff;
  --mat-checkbox-selected-pressed-icon-color: #4680ff;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #4680ff;
  --mat-checkbox-selected-hover-state-layer-color: #4680ff;
  --mat-checkbox-selected-pressed-state-layer-color: #4680ff;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.blue-theme.dark .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.blue-theme.dark {
  --mat-button-filled-container-color: #424242;
  --mat-button-filled-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mat-button-filled-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-filled-disabled-state-layer-color: white;
  --mat-button-filled-focus-state-layer-opacity: 0.24;
  --mat-button-filled-hover-state-layer-opacity: 0.08;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-pressed-state-layer-opacity: 0.24;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-outlined-disabled-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-disabled-state-layer-color: white;
  --mat-button-outlined-focus-state-layer-opacity: 0.24;
  --mat-button-outlined-hover-state-layer-opacity: 0.08;
  --mat-button-outlined-label-text-color: white;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.24;
  --mat-button-outlined-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-outlined-state-layer-color: white;
  --mat-button-protected-container-color: #424242;
  --mat-button-protected-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mat-button-protected-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-protected-disabled-state-layer-color: white;
  --mat-button-protected-focus-state-layer-opacity: 0.24;
  --mat-button-protected-hover-state-layer-opacity: 0.08;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-pressed-state-layer-opacity: 0.24;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-text-disabled-state-layer-color: white;
  --mat-button-text-focus-state-layer-opacity: 0.24;
  --mat-button-text-hover-state-layer-opacity: 0.08;
  --mat-button-text-label-text-color: white;
  --mat-button-text-pressed-state-layer-opacity: 0.24;
  --mat-button-text-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-text-state-layer-color: white;
  --mat-button-tonal-container-color: #424242;
  --mat-button-tonal-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mat-button-tonal-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-tonal-disabled-state-layer-color: white;
  --mat-button-tonal-focus-state-layer-opacity: 0.24;
  --mat-button-tonal-hover-state-layer-opacity: 0.08;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-pressed-state-layer-opacity: 0.24;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.blue-theme.dark .mat-mdc-button.mat-primary,
.blue-theme.dark .mat-mdc-unelevated-button.mat-primary,
.blue-theme.dark .mat-mdc-raised-button.mat-primary,
.blue-theme.dark .mat-mdc-outlined-button.mat-primary,
.blue-theme.dark .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #4680ff;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #4680ff;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: rgba(70, 128, 255, 0.1);
  --mat-button-outlined-state-layer-color: #4680ff;
  --mat-button-protected-container-color: #4680ff;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #4680ff;
  --mat-button-text-ripple-color: rgba(70, 128, 255, 0.1);
  --mat-button-text-state-layer-color: #4680ff;
  --mat-button-tonal-container-color: #4680ff;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.blue-theme.dark .mat-mdc-button.mat-accent,
.blue-theme.dark .mat-mdc-unelevated-button.mat-accent,
.blue-theme.dark .mat-mdc-raised-button.mat-accent,
.blue-theme.dark .mat-mdc-outlined-button.mat-accent,
.blue-theme.dark .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #8996a4;
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-state-layer-color: black;
  --mat-button-outlined-label-text-color: #8996a4;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-outlined-state-layer-color: #8996a4;
  --mat-button-protected-container-color: #8996a4;
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-state-layer-color: black;
  --mat-button-text-label-text-color: #8996a4;
  --mat-button-text-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-text-state-layer-color: #8996a4;
  --mat-button-tonal-container-color: #8996a4;
  --mat-button-tonal-label-text-color: black;
  --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-tonal-state-layer-color: black;
}
.blue-theme.dark .mat-mdc-button.mat-warn,
.blue-theme.dark .mat-mdc-unelevated-button.mat-warn,
.blue-theme.dark .mat-mdc-raised-button.mat-warn,
.blue-theme.dark .mat-mdc-outlined-button.mat-warn,
.blue-theme.dark .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #dc2626;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #dc2626;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-outlined-state-layer-color: #dc2626;
  --mat-button-protected-container-color: #dc2626;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #dc2626;
  --mat-button-text-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-text-state-layer-color: #dc2626;
  --mat-button-tonal-container-color: #dc2626;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.blue-theme.dark {
  --mat-icon-button-disabled-icon-color: rgba(255, 255, 255, 0.5);
  --mat-icon-button-disabled-state-layer-color: white;
  --mat-icon-button-focus-state-layer-opacity: 0.24;
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.24;
  --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-icon-button-state-layer-color: white;
}
.blue-theme.dark .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #4680ff;
  --mat-icon-button-state-layer-color: #4680ff;
  --mat-icon-button-ripple-color: rgba(70, 128, 255, 0.1);
}
.blue-theme.dark .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #8996a4;
  --mat-icon-button-state-layer-color: #8996a4;
  --mat-icon-button-ripple-color: rgba(137, 150, 164, 0.1);
}
.blue-theme.dark .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #dc2626;
  --mat-icon-button-state-layer-color: #dc2626;
  --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1);
}
.blue-theme.dark {
  --mat-fab-container-color: #424242;
  --mat-fab-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
  --mat-fab-disabled-state-layer-color: white;
  --mat-fab-focus-state-layer-opacity: 0.24;
  --mat-fab-foreground-color: white;
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-pressed-state-layer-opacity: 0.24;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #424242;
  --mat-fab-small-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
  --mat-fab-small-disabled-state-layer-color: white;
  --mat-fab-small-focus-state-layer-opacity: 0.24;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-pressed-state-layer-opacity: 0.24;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.blue-theme.dark .mat-mdc-fab.mat-primary, .blue-theme.dark .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #4680ff;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #4680ff;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.blue-theme.dark .mat-mdc-fab.mat-accent, .blue-theme.dark .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #8996a4;
  --mat-fab-foreground-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-container-color: #8996a4;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-state-layer-color: black;
  --mat-fab-state-layer-color: black;
}
.blue-theme.dark .mat-mdc-fab.mat-warn, .blue-theme.dark .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #dc2626;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #dc2626;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.blue-theme.dark {
  --mat-snack-bar-container-color: rgb(217.2, 217.2, 217.2);
  --mat-snack-bar-supporting-text-color: rgba(66, 66, 66, 0.87);
  --mat-snack-bar-button-color: #4680ff;
}
.blue-theme.dark {
  --mat-table-background-color: #424242;
  --mat-table-header-headline-color: white;
  --mat-table-row-item-label-text-color: white;
  --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
}
.blue-theme.dark {
  --mat-progress-spinner-active-indicator-color: #4680ff;
}
.blue-theme.dark .mat-accent {
  --mat-progress-spinner-active-indicator-color: #8996a4;
}
.blue-theme.dark .mat-warn {
  --mat-progress-spinner-active-indicator-color: #dc2626;
}
.blue-theme.dark {
  --mat-badge-background-color: #4680ff;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: rgb(110.1, 110.1, 110.1);
  --mat-badge-disabled-state-text-color: rgba(255, 255, 255, 0.5);
}
.blue-theme.dark .mat-badge-accent {
  --mat-badge-background-color: #8996a4;
  --mat-badge-text-color: black;
}
.blue-theme.dark .mat-badge-warn {
  --mat-badge-background-color: #dc2626;
  --mat-badge-text-color: white;
}
.blue-theme.dark {
  --mat-bottom-sheet-container-text-color: white;
  --mat-bottom-sheet-container-background-color: #424242;
}
.blue-theme.dark {
  --mat-button-toggle-background-color: #424242;
  --mat-button-toggle-disabled-selected-state-background-color: #424242;
  --mat-button-toggle-disabled-selected-state-text-color: white;
  --mat-button-toggle-disabled-state-background-color: #424242;
  --mat-button-toggle-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-button-toggle-divider-color: rgb(88.68, 88.68, 88.68);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: #424242;
  --mat-button-toggle-legacy-disabled-state-background-color: black;
  --mat-button-toggle-legacy-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-button-toggle-legacy-selected-state-background-color: #212121;
  --mat-button-toggle-legacy-selected-state-text-color: rgba(255, 255, 255, 0.7);
  --mat-button-toggle-legacy-state-layer-color: rgba(255, 255, 255, 0.12);
  --mat-button-toggle-legacy-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-toggle-selected-state-background-color: #212121;
  --mat-button-toggle-selected-state-text-color: white;
  --mat-button-toggle-state-layer-color: white;
  --mat-button-toggle-text-color: white;
}
.blue-theme.dark {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #4680ff;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(70, 128, 255, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(70, 128, 255, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(70, 128, 255, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #4680ff;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(70, 128, 255, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color: white;
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: white;
  --mat-datepicker-calendar-navigation-button-icon-color: white;
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(255, 255, 255, 0.3);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.24);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
.blue-theme.dark .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: black;
  --mat-datepicker-calendar-date-selected-state-background-color: #8996a4;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(137, 150, 164, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: black;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(137, 150, 164, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.blue-theme.dark .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #dc2626;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.blue-theme.dark .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #8996a4;
}
.blue-theme.dark .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #dc2626;
}
.blue-theme.dark {
  --mat-divider-color: rgba(255, 255, 255, 0.12);
}
.blue-theme.dark {
  --mat-expansion-container-background-color: #424242;
  --mat-expansion-container-text-color: white;
  --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-expansion-header-text-color: white;
  --mat-expansion-header-description-color: rgba(255, 255, 255, 0.7);
  --mat-expansion-header-indicator-color: rgba(255, 255, 255, 0.7);
}
.blue-theme.dark {
  --mat-icon-color: inherit;
}
.blue-theme.dark .mat-icon.mat-primary {
  --mat-icon-color: #4680ff;
}
.blue-theme.dark .mat-icon.mat-accent {
  --mat-icon-color: #8996a4;
}
.blue-theme.dark .mat-icon.mat-warn {
  --mat-icon-color: #dc2626;
}
.blue-theme.dark {
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
  --mat-sidenav-container-background-color: #424242;
  --mat-sidenav-container-text-color: white;
  --mat-sidenav-content-background-color: #303030;
  --mat-sidenav-content-text-color: white;
  --mat-sidenav-scrim-color: rgba(189, 189, 189, 0.6);
}
.blue-theme.dark {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #4680ff;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #4680ff;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #4680ff;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: #424242;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: #dc2626;
  --mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-error-state-icon-foreground-color: #dc2626;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.blue-theme.dark .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: black;
  --mat-stepper-header-selected-state-icon-background-color: #8996a4;
  --mat-stepper-header-selected-state-icon-foreground-color: black;
  --mat-stepper-header-done-state-icon-background-color: #8996a4;
  --mat-stepper-header-done-state-icon-foreground-color: black;
  --mat-stepper-header-edit-state-icon-background-color: #8996a4;
  --mat-stepper-header-edit-state-icon-foreground-color: black;
}
.blue-theme.dark .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #dc2626;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #dc2626;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #dc2626;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.blue-theme.dark {
  --mat-sort-arrow-color: rgb(198.3, 198.3, 198.3);
}
.blue-theme.dark {
  --mat-toolbar-container-background-color: #212121;
  --mat-toolbar-container-text-color: white;
}
.blue-theme.dark .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #4680ff;
  --mat-toolbar-container-text-color: white;
}
.blue-theme.dark .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #8996a4;
  --mat-toolbar-container-text-color: black;
}
.blue-theme.dark .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: white;
}
.blue-theme.dark {
  --mat-tree-container-background-color: #424242;
  --mat-tree-node-text-color: white;
}
.blue-theme.dark {
  --mat-timepicker-container-background-color: #424242;
}
.blue-theme.dark {
  --primary-50: #dae6ff;
}
.blue-theme.dark .bg-primary-50 {
  background: #dae6ff;
}
.blue-theme.dark .b-primary-50 {
  border-color: #dae6ff !important;
}
.blue-theme.dark {
  --primary-100: #176cd6;
}
.blue-theme.dark {
  --primary-200: #1c76da;
}
.blue-theme.dark {
  --primary-300: #90b3ff;
}
.blue-theme.dark {
  --primary-400: #2281df;
}
.blue-theme.dark {
  --primary-500: #4680ff;
}
.blue-theme.dark .text-primary-500 {
  color: #4680ff !important;
}
.blue-theme.dark {
  --primary-600: #6b99ff;
}
.blue-theme.dark {
  --primary-700: #90b3ff;
}
.blue-theme.dark {
  --primary-800: #b5ccff;
}
.blue-theme.dark {
  --primary-900: #dae6ff;
}
.blue-theme.dark {
  --accent-50: #1d2630;
}
.blue-theme.dark {
  --accent-100: #131920;
}
.blue-theme.dark {
  --accent-200: #1d2630;
}
.blue-theme.dark {
  --accent-300: #3e4853;
}
.blue-theme.dark {
  --accent-400: #5b6b79;
}
.blue-theme.dark {
  --accent-500: #8996a4;
}
.blue-theme.dark {
  --accent-600: #bec8d0;
}
.blue-theme.dark {
  --accent-700: #dbe0e5;
}
.blue-theme.dark {
  --accent-800: #f3f5f7;
}
.blue-theme.dark {
  --accent-900: #f8f9fa;
}
.blue-theme.dark {
  --warn-50: #f5bebe;
}
.blue-theme.dark {
  --warn-100: #c50d0d;
}
.blue-theme.dark {
  --warn-200: #ce1717;
}
.blue-theme.dark {
  --warn-300: #d31c1c;
}
.blue-theme.dark {
  --warn-400: #d82222;
}
.blue-theme.dark {
  --warn-500: #dc2626;
}
.blue-theme.dark .text-warn-500 {
  color: #dc2626 !important;
}
.blue-theme.dark {
  --warn-600: #e14747;
}
.blue-theme.dark {
  --warn-700: #e76767;
}
.blue-theme.dark {
  --warn-800: #ee9393;
}
.blue-theme.dark {
  --warn-900: #f5bebe;
}
.blue-theme.dark {
  --success-50: #e6f5f0;
}
.blue-theme.dark {
  --success-100: #107d4f;
}
.blue-theme.dark {
  --success-200: #1b8d62;
}
.blue-theme.dark {
  --success-300: #21976c;
}
.blue-theme.dark {
  --success-400: #27a077;
}
.blue-theme.dark {
  --success-500: #2ca87f;
}
.blue-theme.dark {
  --success-600: #4cb592;
}
.blue-theme.dark {
  --success-700: #6bc2a5;
}
.blue-theme.dark {
  --success-800: #96d4bf;
}
.blue-theme.dark {
  --success-900: #c0e5d9;
}
.blue-theme.dark {
  --warning-50: #fcf1e0;
}
.blue-theme.dark {
  --warning-100: #d35a00;
}
.blue-theme.dark {
  --warning-200: #da6d00;
}
.blue-theme.dark {
  --warning-300: #de7700;
}
.blue-theme.dark {
  --warning-400: #e28200;
}
.blue-theme.dark {
  --warning-500: #e58a00;
}
.blue-theme.dark {
  --warning-600: #e99c26;
}
.blue-theme.dark {
  --warning-700: #edad4d;
}
.blue-theme.dark {
  --warning-800: #f2c580;
}
.blue-theme.dark {
  --warning-900: #f7dcb3;
}

.indigo-theme {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}
.indigo-theme {
  --mat-option-selected-state-label-text-color: #6610f2;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.indigo-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #8996a4;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.indigo-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #dc2626;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.indigo-theme {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
.indigo-theme {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.indigo-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #6610f2;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #6610f2;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.indigo-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.indigo-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #dc2626;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #dc2626;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.indigo-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);
}
.indigo-theme {
  --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);
}
.indigo-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #6610f2;
  --mat-progress-bar-track-color: rgba(102, 16, 242, 0.25);
}
.indigo-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #8996a4;
  --mat-progress-bar-track-color: rgba(137, 150, 164, 0.25);
}
.indigo-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #dc2626;
  --mat-progress-bar-track-color: rgba(220, 38, 38, 0.25);
}
.indigo-theme {
  --mat-tooltip-container-color: #616161;
  --mat-tooltip-supporting-text-color: #fff;
}
.indigo-theme {
  --mat-form-field-focus-select-arrow-color: rgba(102, 16, 242, 0.87);
  --mat-form-field-filled-caret-color: #6610f2;
  --mat-form-field-filled-focus-active-indicator-color: #6610f2;
  --mat-form-field-filled-focus-label-text-color: rgba(102, 16, 242, 0.87);
  --mat-form-field-outlined-caret-color: #6610f2;
  --mat-form-field-outlined-focus-outline-color: #6610f2;
  --mat-form-field-outlined-focus-label-text-color: rgba(102, 16, 242, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #dc2626;
  --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: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
  --mat-form-field-filled-container-color: rgb(244.8, 244.8, 244.8);
  --mat-form-field-filled-disabled-container-color: rgb(249.9, 249.9, 249.9);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-error-hover-label-text-color: #dc2626;
  --mat-form-field-filled-error-focus-label-text-color: #dc2626;
  --mat-form-field-filled-error-label-text-color: #dc2626;
  --mat-form-field-filled-error-caret-color: #dc2626;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mat-form-field-filled-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-hover-active-indicator-color: #dc2626;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-error-caret-color: #dc2626;
  --mat-form-field-outlined-error-focus-label-text-color: #dc2626;
  --mat-form-field-outlined-error-label-text-color: #dc2626;
  --mat-form-field-outlined-error-hover-label-text-color: #dc2626;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #dc2626;
  --mat-form-field-outlined-error-hover-outline-color: #dc2626;
  --mat-form-field-outlined-error-outline-color: #dc2626;
}
.indigo-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-filled-caret-color: #8996a4;
  --mat-form-field-filled-focus-active-indicator-color: #8996a4;
  --mat-form-field-filled-focus-label-text-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-outlined-caret-color: #8996a4;
  --mat-form-field-outlined-focus-outline-color: #8996a4;
  --mat-form-field-outlined-focus-label-text-color: rgba(137, 150, 164, 0.87);
}
.indigo-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-filled-caret-color: #dc2626;
  --mat-form-field-filled-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-focus-label-text-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-outlined-caret-color: #dc2626;
  --mat-form-field-outlined-focus-outline-color: #dc2626;
  --mat-form-field-outlined-focus-label-text-color: rgba(220, 38, 38, 0.87);
}
.indigo-theme {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(102, 16, 242, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.indigo-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: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.indigo-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: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.indigo-theme {
  --mat-autocomplete-background-color: white;
}
.indigo-theme {
  --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.6);
}
.indigo-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: #212121;
  --mat-chip-elevated-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-elevated-disabled-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-elevated-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-flat-disabled-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
  --mat-chip-with-icon-disabled-icon-color: #212121;
  --mat-chip-with-icon-icon-color: #212121;
  --mat-chip-with-icon-selected-icon-color: #212121;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mat-chip-with-trailing-icon-trailing-icon-color: #212121;
}
.indigo-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .indigo-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #6610f2;
  --mat-chip-elevated-disabled-container-color: #6610f2;
  --mat-chip-elevated-selected-container-color: #6610f2;
  --mat-chip-flat-disabled-selected-container-color: #6610f2;
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.indigo-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .indigo-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: black;
  --mat-chip-elevated-container-color: #8996a4;
  --mat-chip-elevated-disabled-container-color: #8996a4;
  --mat-chip-elevated-selected-container-color: #8996a4;
  --mat-chip-flat-disabled-selected-container-color: #8996a4;
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: black;
  --mat-chip-selected-disabled-trailing-icon-color: black;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: black;
  --mat-chip-selected-trailing-icon-color: black;
  --mat-chip-with-icon-disabled-icon-color: black;
  --mat-chip-with-icon-icon-color: black;
  --mat-chip-with-icon-selected-icon-color: black;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: black;
  --mat-chip-with-trailing-icon-trailing-icon-color: black;
}
.indigo-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .indigo-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #dc2626;
  --mat-chip-elevated-disabled-container-color: #dc2626;
  --mat-chip-elevated-selected-container-color: #dc2626;
  --mat-chip-flat-disabled-selected-container-color: #dc2626;
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.indigo-theme {
  --mat-slide-toggle-selected-focus-state-layer-color: #5e0ef0;
  --mat-slide-toggle-selected-handle-color: #5e0ef0;
  --mat-slide-toggle-selected-hover-state-layer-color: #5e0ef0;
  --mat-slide-toggle-selected-pressed-state-layer-color: #5e0ef0;
  --mat-slide-toggle-selected-focus-handle-color: #3805e8;
  --mat-slide-toggle-selected-hover-handle-color: #3805e8;
  --mat-slide-toggle-selected-pressed-handle-color: #3805e8;
  --mat-slide-toggle-selected-focus-track-color: #9458f6;
  --mat-slide-toggle-selected-hover-track-color: #9458f6;
  --mat-slide-toggle-selected-pressed-track-color: #9458f6;
  --mat-slide-toggle-selected-track-color: #9458f6;
  --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: #424242;
  --mat-slide-toggle-disabled-selected-icon-color: #fff;
  --mat-slide-toggle-disabled-selected-track-color: #424242;
  --mat-slide-toggle-disabled-unselected-handle-color: #424242;
  --mat-slide-toggle-disabled-unselected-icon-color: #fff;
  --mat-slide-toggle-disabled-unselected-track-color: #424242;
  --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: #fff;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-icon-color: #fff;
  --mat-slide-toggle-unselected-hover-handle-color: #212121;
  --mat-slide-toggle-unselected-focus-handle-color: #212121;
  --mat-slide-toggle-unselected-focus-state-layer-color: #424242;
  --mat-slide-toggle-unselected-focus-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-icon-color: #fff;
  --mat-slide-toggle-unselected-handle-color: #616161;
  --mat-slide-toggle-unselected-hover-state-layer-color: #424242;
  --mat-slide-toggle-unselected-hover-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-pressed-handle-color: #212121;
  --mat-slide-toggle-unselected-pressed-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #424242;
  --mat-slide-toggle-unselected-track-color: #e0e0e0;
}
.indigo-theme {
  --mdc-slide-toggle-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-slide-toggle-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
.indigo-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
}
.indigo-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-focus-state-layer-color: #5b6b79;
  --mat-slide-toggle-selected-handle-color: #5b6b79;
  --mat-slide-toggle-selected-hover-state-layer-color: #5b6b79;
  --mat-slide-toggle-selected-pressed-state-layer-color: #5b6b79;
  --mat-slide-toggle-selected-focus-handle-color: #131920;
  --mat-slide-toggle-selected-hover-handle-color: #131920;
  --mat-slide-toggle-selected-pressed-handle-color: #131920;
  --mat-slide-toggle-selected-focus-track-color: #dbe0e5;
  --mat-slide-toggle-selected-hover-track-color: #dbe0e5;
  --mat-slide-toggle-selected-pressed-track-color: #dbe0e5;
  --mat-slide-toggle-selected-track-color: #dbe0e5;
}
.indigo-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-focus-state-layer-color: #d82222;
  --mat-slide-toggle-selected-handle-color: #d82222;
  --mat-slide-toggle-selected-hover-state-layer-color: #d82222;
  --mat-slide-toggle-selected-pressed-state-layer-color: #d82222;
  --mat-slide-toggle-selected-focus-handle-color: #c50d0d;
  --mat-slide-toggle-selected-hover-handle-color: #c50d0d;
  --mat-slide-toggle-selected-pressed-handle-color: #c50d0d;
  --mat-slide-toggle-selected-focus-track-color: #e76767;
  --mat-slide-toggle-selected-hover-track-color: #e76767;
  --mat-slide-toggle-selected-pressed-track-color: #e76767;
  --mat-slide-toggle-selected-track-color: #e76767;
}
.indigo-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #6610f2;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #6610f2;
  --mat-radio-selected-hover-icon-color: #6610f2;
  --mat-radio-selected-icon-color: #6610f2;
  --mat-radio-selected-pressed-icon-color: #6610f2;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.indigo-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #8996a4;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #8996a4;
  --mat-radio-selected-hover-icon-color: #8996a4;
  --mat-radio-selected-icon-color: #8996a4;
  --mat-radio-selected-pressed-icon-color: #8996a4;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.indigo-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #dc2626;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #dc2626;
  --mat-radio-selected-hover-icon-color: #dc2626;
  --mat-radio-selected-icon-color: #dc2626;
  --mat-radio-selected-pressed-icon-color: #dc2626;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.indigo-theme {
  --mat-slider-active-track-color: #6610f2;
  --mat-slider-focus-handle-color: #6610f2;
  --mat-slider-focus-state-layer-color: rgba(102, 16, 242, 0.2);
  --mat-slider-handle-color: #6610f2;
  --mat-slider-hover-handle-color: #6610f2;
  --mat-slider-hover-state-layer-color: rgba(102, 16, 242, 0.05);
  --mat-slider-inactive-track-color: #6610f2;
  --mat-slider-ripple-color: #6610f2;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #6610f2;
  --mat-slider-disabled-active-track-color: #000;
  --mat-slider-disabled-handle-color: #000;
  --mat-slider-disabled-inactive-track-color: #000;
  --mat-slider-label-container-color: #000;
  --mat-slider-label-label-text-color: #fff;
  --mat-slider-value-indicator-opacity: 0.6;
  --mat-slider-with-overlap-handle-outline-color: #fff;
  --mat-slider-with-tick-marks-disabled-container-color: #000;
}
.indigo-theme .mat-accent {
  --mat-slider-active-track-color: #8996a4;
  --mat-slider-focus-handle-color: #8996a4;
  --mat-slider-focus-state-layer-color: rgba(137, 150, 164, 0.2);
  --mat-slider-handle-color: #8996a4;
  --mat-slider-hover-handle-color: #8996a4;
  --mat-slider-hover-state-layer-color: rgba(137, 150, 164, 0.05);
  --mat-slider-inactive-track-color: #8996a4;
  --mat-slider-ripple-color: #8996a4;
  --mat-slider-with-tick-marks-active-container-color: black;
  --mat-slider-with-tick-marks-inactive-container-color: #8996a4;
}
.indigo-theme .mat-warn {
  --mat-slider-active-track-color: #dc2626;
  --mat-slider-focus-handle-color: #dc2626;
  --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2);
  --mat-slider-handle-color: #dc2626;
  --mat-slider-hover-handle-color: #dc2626;
  --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05);
  --mat-slider-inactive-track-color: #dc2626;
  --mat-slider-ripple-color: #dc2626;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #dc2626;
}
.indigo-theme {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
.indigo-theme {
  --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.38);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-disabled-label-text-color: black;
  --mat-list-list-item-disabled-leading-icon-color: black;
  --mat-list-list-item-disabled-trailing-icon-color: black;
  --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.38);
  --mat-list-list-item-hover-state-layer-color: black;
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: black;
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.indigo-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #6610f2;
  --mat-checkbox-selected-hover-icon-color: #6610f2;
  --mat-checkbox-selected-icon-color: #6610f2;
  --mat-checkbox-selected-pressed-icon-color: #6610f2;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #6610f2;
  --mat-checkbox-selected-hover-state-layer-color: #6610f2;
  --mat-checkbox-selected-pressed-state-layer-color: #6610f2;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.indigo-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.indigo-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.indigo-theme {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}
.indigo-theme .mat-mdc-tab-group,
.indigo-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-label-text-color: #6610f2;
  --mat-tab-active-ripple-color: #6610f2;
  --mat-tab-inactive-ripple-color: #6610f2;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-focus-label-text-color: #6610f2;
  --mat-tab-active-hover-label-text-color: #6610f2;
  --mat-tab-active-focus-indicator-color: #6610f2;
  --mat-tab-active-hover-indicator-color: #6610f2;
  --mat-tab-active-indicator-color: #6610f2;
}
.indigo-theme .mat-mdc-tab-group.mat-accent,
.indigo-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-label-text-color: #8996a4;
  --mat-tab-active-ripple-color: #8996a4;
  --mat-tab-inactive-ripple-color: #8996a4;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-focus-label-text-color: #8996a4;
  --mat-tab-active-hover-label-text-color: #8996a4;
  --mat-tab-active-focus-indicator-color: #8996a4;
  --mat-tab-active-hover-indicator-color: #8996a4;
  --mat-tab-active-indicator-color: #8996a4;
}
.indigo-theme .mat-mdc-tab-group.mat-warn,
.indigo-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-label-text-color: #dc2626;
  --mat-tab-active-ripple-color: #dc2626;
  --mat-tab-inactive-ripple-color: #dc2626;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-focus-label-text-color: #dc2626;
  --mat-tab-active-hover-label-text-color: #dc2626;
  --mat-tab-active-focus-indicator-color: #dc2626;
  --mat-tab-active-hover-indicator-color: #dc2626;
  --mat-tab-active-indicator-color: #dc2626;
}
.indigo-theme {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.indigo-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #6610f2;
  --mat-checkbox-selected-hover-icon-color: #6610f2;
  --mat-checkbox-selected-icon-color: #6610f2;
  --mat-checkbox-selected-pressed-icon-color: #6610f2;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #6610f2;
  --mat-checkbox-selected-hover-state-layer-color: #6610f2;
  --mat-checkbox-selected-pressed-state-layer-color: #6610f2;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.indigo-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.indigo-theme {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mat-button-filled-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-filled-disabled-state-layer-color: black;
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-state-layer-color: black;
  --mat-button-outlined-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: black;
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: black;
  --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: rgba(0, 0, 0, 0.1);
  --mat-button-outlined-state-layer-color: black;
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-protected-disabled-state-layer-color: black;
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-state-layer-color: black;
  --mat-button-text-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-text-disabled-state-layer-color: black;
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: black;
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-text-state-layer-color: black;
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mat-button-tonal-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-tonal-disabled-state-layer-color: black;
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: black;
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-tonal-state-layer-color: black;
}
.indigo-theme .mat-mdc-button.mat-primary,
.indigo-theme .mat-mdc-unelevated-button.mat-primary,
.indigo-theme .mat-mdc-raised-button.mat-primary,
.indigo-theme .mat-mdc-outlined-button.mat-primary,
.indigo-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #6610f2;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #6610f2;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: rgba(102, 16, 242, 0.1);
  --mat-button-outlined-state-layer-color: #6610f2;
  --mat-button-protected-container-color: #6610f2;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #6610f2;
  --mat-button-text-ripple-color: rgba(102, 16, 242, 0.1);
  --mat-button-text-state-layer-color: #6610f2;
  --mat-button-tonal-container-color: #6610f2;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.indigo-theme .mat-mdc-button.mat-accent,
.indigo-theme .mat-mdc-unelevated-button.mat-accent,
.indigo-theme .mat-mdc-raised-button.mat-accent,
.indigo-theme .mat-mdc-outlined-button.mat-accent,
.indigo-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #8996a4;
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-state-layer-color: black;
  --mat-button-outlined-label-text-color: #8996a4;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-outlined-state-layer-color: #8996a4;
  --mat-button-protected-container-color: #8996a4;
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-state-layer-color: black;
  --mat-button-text-label-text-color: #8996a4;
  --mat-button-text-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-text-state-layer-color: #8996a4;
  --mat-button-tonal-container-color: #8996a4;
  --mat-button-tonal-label-text-color: black;
  --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-tonal-state-layer-color: black;
}
.indigo-theme .mat-mdc-button.mat-warn,
.indigo-theme .mat-mdc-unelevated-button.mat-warn,
.indigo-theme .mat-mdc-raised-button.mat-warn,
.indigo-theme .mat-mdc-outlined-button.mat-warn,
.indigo-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #dc2626;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #dc2626;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-outlined-state-layer-color: #dc2626;
  --mat-button-protected-container-color: #dc2626;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #dc2626;
  --mat-button-text-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-text-state-layer-color: #dc2626;
  --mat-button-tonal-container-color: #dc2626;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.indigo-theme {
  --mat-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-disabled-state-layer-color: black;
  --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: rgba(0, 0, 0, 0.1);
  --mat-icon-button-state-layer-color: black;
}
.indigo-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #6610f2;
  --mat-icon-button-state-layer-color: #6610f2;
  --mat-icon-button-ripple-color: rgba(102, 16, 242, 0.1);
}
.indigo-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #8996a4;
  --mat-icon-button-state-layer-color: #8996a4;
  --mat-icon-button-ripple-color: rgba(137, 150, 164, 0.1);
}
.indigo-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #dc2626;
  --mat-icon-button-state-layer-color: #dc2626;
  --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1);
}
.indigo-theme {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: black;
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-state-layer-color: black;
  --mat-fab-state-layer-color: black;
}
.indigo-theme .mat-mdc-fab.mat-primary, .indigo-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #6610f2;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #6610f2;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.indigo-theme .mat-mdc-fab.mat-accent, .indigo-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #8996a4;
  --mat-fab-foreground-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-container-color: #8996a4;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-state-layer-color: black;
  --mat-fab-state-layer-color: black;
}
.indigo-theme .mat-mdc-fab.mat-warn, .indigo-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #dc2626;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #dc2626;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.indigo-theme {
  --mat-snack-bar-container-color: #333333;
  --mat-snack-bar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #d1b7fb;
}
.indigo-theme {
  --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);
}
.indigo-theme {
  --mat-progress-spinner-active-indicator-color: #6610f2;
}
.indigo-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #8996a4;
}
.indigo-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #dc2626;
}
.indigo-theme {
  --mat-badge-background-color: #6610f2;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}
.indigo-theme .mat-badge-accent {
  --mat-badge-background-color: #8996a4;
  --mat-badge-text-color: black;
}
.indigo-theme .mat-badge-warn {
  --mat-badge-background-color: #dc2626;
  --mat-badge-text-color: white;
}
.indigo-theme {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
.indigo-theme {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-button-toggle-divider-color: rgb(224.4, 224.4, 224.4);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: #bdbdbd;
  --mat-button-toggle-legacy-disabled-state-background-color: #eeeeee;
  --mat-button-toggle-legacy-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-button-toggle-legacy-selected-state-background-color: #e0e0e0;
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-button-toggle-legacy-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: black;
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}
.indigo-theme {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #6610f2;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(102, 16, 242, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(102, 16, 242, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(102, 16, 242, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #6610f2;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(102, 16, 242, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.indigo-theme .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: black;
  --mat-datepicker-calendar-date-selected-state-background-color: #8996a4;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(137, 150, 164, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: black;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(137, 150, 164, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.indigo-theme .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #dc2626;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.indigo-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #8996a4;
}
.indigo-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #dc2626;
}
.indigo-theme {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
.indigo-theme {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
.indigo-theme {
  --mat-icon-color: inherit;
}
.indigo-theme .mat-icon.mat-primary {
  --mat-icon-color: #6610f2;
}
.indigo-theme .mat-icon.mat-accent {
  --mat-icon-color: #8996a4;
}
.indigo-theme .mat-icon.mat-warn {
  --mat-icon-color: #dc2626;
}
.indigo-theme {
  --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);
}
.indigo-theme {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #6610f2;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #6610f2;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #6610f2;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #dc2626;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #dc2626;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.indigo-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: black;
  --mat-stepper-header-selected-state-icon-background-color: #8996a4;
  --mat-stepper-header-selected-state-icon-foreground-color: black;
  --mat-stepper-header-done-state-icon-background-color: #8996a4;
  --mat-stepper-header-done-state-icon-foreground-color: black;
  --mat-stepper-header-edit-state-icon-background-color: #8996a4;
  --mat-stepper-header-edit-state-icon-foreground-color: black;
}
.indigo-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #dc2626;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #dc2626;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #dc2626;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.indigo-theme {
  --mat-sort-arrow-color: rgb(117.3, 117.3, 117.3);
}
.indigo-theme {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.indigo-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #6610f2;
  --mat-toolbar-container-text-color: white;
}
.indigo-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #8996a4;
  --mat-toolbar-container-text-color: black;
}
.indigo-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: white;
}
.indigo-theme {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
.indigo-theme {
  --mat-timepicker-container-background-color: white;
}
.indigo-theme {
  --primary-50: #ede2fd;
}
.indigo-theme .bg-primary-50 {
  background: #ede2fd;
}
.indigo-theme .b-primary-50 {
  border-color: #ede2fd !important;
}
.indigo-theme {
  --primary-100: #d1b7fb;
}
.indigo-theme {
  --primary-200: #b388f9;
}
.indigo-theme {
  --primary-300: #9458f6;
}
.indigo-theme {
  --primary-400: #7d34f4;
}
.indigo-theme {
  --primary-500: #6610f2;
}
.indigo-theme .text-primary-500 {
  color: #6610f2 !important;
}
.indigo-theme {
  --primary-600: #5e0ef0;
}
.indigo-theme {
  --primary-700: #530cee;
}
.indigo-theme {
  --primary-800: #4909ec;
}
.indigo-theme {
  --primary-900: #3805e8;
}
.indigo-theme {
  --accent-50: #fff;
}
.indigo-theme {
  --accent-100: #f8f9fa;
}
.indigo-theme {
  --accent-200: #f3f5f7;
}
.indigo-theme {
  --accent-300: #dbe0e5;
}
.indigo-theme {
  --accent-400: #bec8d0;
}
.indigo-theme {
  --accent-500: #8996a4;
}
.indigo-theme {
  --accent-600: #5b6b79;
}
.indigo-theme {
  --accent-700: #3e4853;
}
.indigo-theme {
  --accent-800: #1d2630;
}
.indigo-theme {
  --accent-900: #131920;
}
.indigo-theme {
  --warn-50: #fbe5e5;
}
.indigo-theme {
  --warn-100: #f5bebe;
}
.indigo-theme {
  --warn-200: #ee9393;
}
.indigo-theme {
  --warn-300: #e76767;
}
.indigo-theme {
  --warn-400: #e14747;
}
.indigo-theme {
  --warn-500: #dc2626;
}
.indigo-theme .text-warn-500 {
  color: #dc2626 !important;
}
.indigo-theme {
  --warn-600: #d82222;
}
.indigo-theme {
  --warn-700: #d31c1c;
}
.indigo-theme {
  --warn-800: #ce1717;
}
.indigo-theme {
  --warn-900: #c50d0d;
}
.indigo-theme {
  --success-50: #e6f5f0;
}
.indigo-theme {
  --success-100: #c0e5d9;
}
.indigo-theme {
  --success-200: #96d4bf;
}
.indigo-theme {
  --success-300: #6bc2a5;
}
.indigo-theme {
  --success-400: #4cb592;
}
.indigo-theme {
  --success-500: #2ca87f;
}
.indigo-theme {
  --success-600: #27a077;
}
.indigo-theme {
  --success-700: #21976c;
}
.indigo-theme {
  --success-800: #1b8d62;
}
.indigo-theme {
  --success-900: #107d4f;
}
.indigo-theme {
  --warning-50: #fcf1e0;
}
.indigo-theme {
  --warning-100: #f7dcb3;
}
.indigo-theme {
  --warning-200: #f2c580;
}
.indigo-theme {
  --warning-300: #edad4d;
}
.indigo-theme {
  --warning-400: #e99c26;
}
.indigo-theme {
  --warning-500: #e58a00;
}
.indigo-theme {
  --warning-600: #e28200;
}
.indigo-theme {
  --warning-700: #de7700;
}
.indigo-theme {
  --warning-800: #da6d00;
}
.indigo-theme {
  --warning-900: #d35a00;
}
.indigo-theme.dark {
  --mat-ripple-color: rgba(255, 255, 255, 0.1);
}
.indigo-theme.dark {
  --mat-option-selected-state-label-text-color: #7123f2;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.indigo-theme.dark .mat-accent {
  --mat-option-selected-state-label-text-color: #8996a4;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.indigo-theme.dark .mat-warn {
  --mat-option-selected-state-label-text-color: #dc2626;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.indigo-theme.dark {
  --mat-optgroup-label-text-color: white;
}
.indigo-theme.dark {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.indigo-theme.dark .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #7123f2;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #7123f2;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.indigo-theme.dark .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.indigo-theme.dark .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #dc2626;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #dc2626;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.indigo-theme.dark {
  --mat-app-background-color: #303030;
  --mat-app-text-color: white;
  --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);
}
.indigo-theme.dark {
  --mat-card-elevated-container-color: #424242;
  --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: #424242;
  --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(255, 255, 255, 0.12);
  --mat-card-subtitle-text-color: rgba(255, 255, 255, 0.7);
  --mat-card-filled-container-color: #424242;
  --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);
}
.indigo-theme.dark .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #7123f2;
  --mat-progress-bar-track-color: rgba(113, 35, 242, 0.25);
}
.indigo-theme.dark .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #8996a4;
  --mat-progress-bar-track-color: rgba(137, 150, 164, 0.25);
}
.indigo-theme.dark .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #dc2626;
  --mat-progress-bar-track-color: rgba(220, 38, 38, 0.25);
}
.indigo-theme.dark {
  --mat-tooltip-container-color: #616161;
  --mat-tooltip-supporting-text-color: #fff;
}
.indigo-theme.dark {
  --mat-form-field-focus-select-arrow-color: rgba(113, 35, 242, 0.87);
  --mat-form-field-filled-caret-color: #7123f2;
  --mat-form-field-filled-focus-active-indicator-color: #7123f2;
  --mat-form-field-filled-focus-label-text-color: rgba(113, 35, 242, 0.87);
  --mat-form-field-outlined-caret-color: #7123f2;
  --mat-form-field-outlined-focus-outline-color: #7123f2;
  --mat-form-field-outlined-focus-label-text-color: rgba(113, 35, 242, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-state-layer-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-error-text-color: #dc2626;
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --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(255, 255, 255, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-focus-state-layer-opacity: 0.24;
  --mat-form-field-filled-container-color: rgb(73.56, 73.56, 73.56);
  --mat-form-field-filled-disabled-container-color: rgb(69.78, 69.78, 69.78);
  --mat-form-field-filled-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-filled-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-filled-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-filled-input-text-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-filled-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-filled-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-filled-error-hover-label-text-color: #dc2626;
  --mat-form-field-filled-error-focus-label-text-color: #dc2626;
  --mat-form-field-filled-error-label-text-color: #dc2626;
  --mat-form-field-filled-error-caret-color: #dc2626;
  --mat-form-field-filled-active-indicator-color: rgba(255, 255, 255, 0.42);
  --mat-form-field-filled-disabled-active-indicator-color: rgba(255, 255, 255, 0.06);
  --mat-form-field-filled-hover-active-indicator-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-hover-active-indicator-color: #dc2626;
  --mat-form-field-outlined-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-outlined-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-outlined-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-input-text-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-outlined-error-caret-color: #dc2626;
  --mat-form-field-outlined-error-focus-label-text-color: #dc2626;
  --mat-form-field-outlined-error-label-text-color: #dc2626;
  --mat-form-field-outlined-error-hover-label-text-color: #dc2626;
  --mat-form-field-outlined-outline-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-disabled-outline-color: rgba(255, 255, 255, 0.06);
  --mat-form-field-outlined-hover-outline-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #dc2626;
  --mat-form-field-outlined-error-hover-outline-color: #dc2626;
  --mat-form-field-outlined-error-outline-color: #dc2626;
}
.indigo-theme.dark .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-filled-caret-color: #8996a4;
  --mat-form-field-filled-focus-active-indicator-color: #8996a4;
  --mat-form-field-filled-focus-label-text-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-outlined-caret-color: #8996a4;
  --mat-form-field-outlined-focus-outline-color: #8996a4;
  --mat-form-field-outlined-focus-label-text-color: rgba(137, 150, 164, 0.87);
}
.indigo-theme.dark .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-filled-caret-color: #dc2626;
  --mat-form-field-filled-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-focus-label-text-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-outlined-caret-color: #dc2626;
  --mat-form-field-outlined-focus-outline-color: #dc2626;
  --mat-form-field-outlined-focus-label-text-color: rgba(220, 38, 38, 0.87);
}
.indigo-theme.dark {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(113, 35, 242, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.indigo-theme.dark .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.indigo-theme.dark .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.indigo-theme.dark {
  --mat-autocomplete-background-color: #424242;
}
.indigo-theme.dark {
  --mat-dialog-container-color: #424242;
  --mat-dialog-subhead-color: rgba(255, 255, 255, 0.87);
  --mat-dialog-supporting-text-color: rgba(255, 255, 255, 0.6);
}
.indigo-theme.dark .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: #fafafa;
  --mat-chip-elevated-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-elevated-disabled-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-elevated-selected-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-flat-disabled-selected-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: #fafafa;
  --mat-chip-selected-disabled-trailing-icon-color: #fafafa;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: #fafafa;
  --mat-chip-selected-trailing-icon-color: #fafafa;
  --mat-chip-with-icon-disabled-icon-color: #fafafa;
  --mat-chip-with-icon-icon-color: #fafafa;
  --mat-chip-with-icon-selected-icon-color: #fafafa;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa;
  --mat-chip-with-trailing-icon-trailing-icon-color: #fafafa;
}
.indigo-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .indigo-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #7123f2;
  --mat-chip-elevated-disabled-container-color: #7123f2;
  --mat-chip-elevated-selected-container-color: #7123f2;
  --mat-chip-flat-disabled-selected-container-color: #7123f2;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.indigo-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .indigo-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: black;
  --mat-chip-elevated-container-color: #8996a4;
  --mat-chip-elevated-disabled-container-color: #8996a4;
  --mat-chip-elevated-selected-container-color: #8996a4;
  --mat-chip-flat-disabled-selected-container-color: #8996a4;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: black;
  --mat-chip-selected-disabled-trailing-icon-color: black;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: black;
  --mat-chip-selected-trailing-icon-color: black;
  --mat-chip-with-icon-disabled-icon-color: black;
  --mat-chip-with-icon-icon-color: black;
  --mat-chip-with-icon-selected-icon-color: black;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: black;
  --mat-chip-with-trailing-icon-trailing-icon-color: black;
}
.indigo-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .indigo-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #dc2626;
  --mat-chip-elevated-disabled-container-color: #dc2626;
  --mat-chip-elevated-selected-container-color: #dc2626;
  --mat-chip-flat-disabled-selected-container-color: #dc2626;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.indigo-theme.dark {
  --mat-slide-toggle-selected-focus-state-layer-color: #530cee;
  --mat-slide-toggle-selected-handle-color: #530cee;
  --mat-slide-toggle-selected-hover-state-layer-color: #530cee;
  --mat-slide-toggle-selected-pressed-state-layer-color: #530cee;
  --mat-slide-toggle-selected-focus-handle-color: #4909ec;
  --mat-slide-toggle-selected-hover-handle-color: #4909ec;
  --mat-slide-toggle-selected-pressed-handle-color: #4909ec;
  --mat-slide-toggle-selected-focus-track-color: #7d34f4;
  --mat-slide-toggle-selected-hover-track-color: #7d34f4;
  --mat-slide-toggle-selected-pressed-track-color: #7d34f4;
  --mat-slide-toggle-selected-track-color: #7d34f4;
  --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: #000;
  --mat-slide-toggle-disabled-selected-icon-color: #212121;
  --mat-slide-toggle-disabled-selected-track-color: #f5f5f5;
  --mat-slide-toggle-disabled-unselected-handle-color: #000;
  --mat-slide-toggle-disabled-unselected-icon-color: #212121;
  --mat-slide-toggle-disabled-unselected-track-color: #f5f5f5;
  --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: #fff;
  --mat-slide-toggle-label-text-color: white;
  --mat-slide-toggle-selected-icon-color: #212121;
  --mat-slide-toggle-unselected-hover-handle-color: #fafafa;
  --mat-slide-toggle-unselected-focus-handle-color: #fafafa;
  --mat-slide-toggle-unselected-focus-state-layer-color: #f5f5f5;
  --mat-slide-toggle-unselected-focus-track-color: #616161;
  --mat-slide-toggle-unselected-icon-color: #212121;
  --mat-slide-toggle-unselected-handle-color: #9e9e9e;
  --mat-slide-toggle-unselected-hover-state-layer-color: #f5f5f5;
  --mat-slide-toggle-unselected-hover-track-color: #616161;
  --mat-slide-toggle-unselected-pressed-handle-color: #fafafa;
  --mat-slide-toggle-unselected-pressed-track-color: #616161;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #f5f5f5;
  --mat-slide-toggle-unselected-track-color: #616161;
}
.indigo-theme.dark {
  --mdc-slide-toggle-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-slide-toggle-disabled-label-text-color: rgba(255, 255, 255, 0.5);
}
.indigo-theme.dark .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-color: white;
}
.indigo-theme.dark .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-focus-state-layer-color: #3e4853;
  --mat-slide-toggle-selected-handle-color: #3e4853;
  --mat-slide-toggle-selected-hover-state-layer-color: #3e4853;
  --mat-slide-toggle-selected-pressed-state-layer-color: #3e4853;
  --mat-slide-toggle-selected-focus-handle-color: #1d2630;
  --mat-slide-toggle-selected-hover-handle-color: #1d2630;
  --mat-slide-toggle-selected-pressed-handle-color: #1d2630;
  --mat-slide-toggle-selected-focus-track-color: #bec8d0;
  --mat-slide-toggle-selected-hover-track-color: #bec8d0;
  --mat-slide-toggle-selected-pressed-track-color: #bec8d0;
  --mat-slide-toggle-selected-track-color: #bec8d0;
}
.indigo-theme.dark .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-focus-state-layer-color: #d31c1c;
  --mat-slide-toggle-selected-handle-color: #d31c1c;
  --mat-slide-toggle-selected-hover-state-layer-color: #d31c1c;
  --mat-slide-toggle-selected-pressed-state-layer-color: #d31c1c;
  --mat-slide-toggle-selected-focus-handle-color: #ce1717;
  --mat-slide-toggle-selected-hover-handle-color: #ce1717;
  --mat-slide-toggle-selected-pressed-handle-color: #ce1717;
  --mat-slide-toggle-selected-focus-track-color: #e14747;
  --mat-slide-toggle-selected-hover-track-color: #e14747;
  --mat-slide-toggle-selected-pressed-track-color: #e14747;
  --mat-slide-toggle-selected-track-color: #e14747;
}
.indigo-theme.dark .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #7123f2;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #7123f2;
  --mat-radio-selected-hover-icon-color: #7123f2;
  --mat-radio-selected-icon-color: #7123f2;
  --mat-radio-selected-pressed-icon-color: #7123f2;
  --mat-radio-unselected-focus-icon-color: #eeeeee;
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}
.indigo-theme.dark .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #8996a4;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #8996a4;
  --mat-radio-selected-hover-icon-color: #8996a4;
  --mat-radio-selected-icon-color: #8996a4;
  --mat-radio-selected-pressed-icon-color: #8996a4;
  --mat-radio-unselected-focus-icon-color: #eeeeee;
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}
.indigo-theme.dark .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #dc2626;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #dc2626;
  --mat-radio-selected-hover-icon-color: #dc2626;
  --mat-radio-selected-icon-color: #dc2626;
  --mat-radio-selected-pressed-icon-color: #dc2626;
  --mat-radio-unselected-focus-icon-color: #eeeeee;
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}
.indigo-theme.dark {
  --mat-slider-active-track-color: #7123f2;
  --mat-slider-focus-handle-color: #7123f2;
  --mat-slider-focus-state-layer-color: rgba(113, 35, 242, 0.2);
  --mat-slider-handle-color: #7123f2;
  --mat-slider-hover-handle-color: #7123f2;
  --mat-slider-hover-state-layer-color: rgba(113, 35, 242, 0.05);
  --mat-slider-inactive-track-color: #7123f2;
  --mat-slider-ripple-color: #7123f2;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #7123f2;
  --mat-slider-disabled-active-track-color: #fff;
  --mat-slider-disabled-handle-color: #fff;
  --mat-slider-disabled-inactive-track-color: #fff;
  --mat-slider-label-container-color: #fff;
  --mat-slider-label-label-text-color: #000;
  --mat-slider-value-indicator-opacity: 0.9;
  --mat-slider-with-overlap-handle-outline-color: #fff;
  --mat-slider-with-tick-marks-disabled-container-color: #fff;
}
.indigo-theme.dark .mat-accent {
  --mat-slider-active-track-color: #8996a4;
  --mat-slider-focus-handle-color: #8996a4;
  --mat-slider-focus-state-layer-color: rgba(137, 150, 164, 0.2);
  --mat-slider-handle-color: #8996a4;
  --mat-slider-hover-handle-color: #8996a4;
  --mat-slider-hover-state-layer-color: rgba(137, 150, 164, 0.05);
  --mat-slider-inactive-track-color: #8996a4;
  --mat-slider-ripple-color: #8996a4;
  --mat-slider-with-tick-marks-active-container-color: black;
  --mat-slider-with-tick-marks-inactive-container-color: #8996a4;
}
.indigo-theme.dark .mat-warn {
  --mat-slider-active-track-color: #dc2626;
  --mat-slider-focus-handle-color: #dc2626;
  --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2);
  --mat-slider-handle-color: #dc2626;
  --mat-slider-hover-handle-color: #dc2626;
  --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05);
  --mat-slider-inactive-track-color: #dc2626;
  --mat-slider-ripple-color: #dc2626;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #dc2626;
}
.indigo-theme.dark {
  --mat-menu-item-label-text-color: white;
  --mat-menu-item-icon-color: white;
  --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-container-color: #424242;
  --mat-menu-divider-color: rgba(255, 255, 255, 0.12);
}
.indigo-theme.dark {
  --mat-list-list-item-label-text-color: white;
  --mat-list-list-item-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-disabled-label-text-color: white;
  --mat-list-list-item-disabled-leading-icon-color: white;
  --mat-list-list-item-disabled-trailing-icon-color: white;
  --mat-list-list-item-hover-label-text-color: white;
  --mat-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-hover-state-layer-color: white;
  --mat-list-list-item-hover-state-layer-opacity: 0.08;
  --mat-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-focus-label-text-color: white;
  --mat-list-list-item-focus-state-layer-color: white;
  --mat-list-list-item-focus-state-layer-opacity: 0.24;
}
.indigo-theme.dark .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #7123f2;
  --mat-checkbox-selected-hover-icon-color: #7123f2;
  --mat-checkbox-selected-icon-color: #7123f2;
  --mat-checkbox-selected-pressed-icon-color: #7123f2;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #7123f2;
  --mat-checkbox-selected-hover-state-layer-color: #7123f2;
  --mat-checkbox-selected-pressed-state-layer-color: #7123f2;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.indigo-theme.dark .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.indigo-theme.dark .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.indigo-theme.dark {
  --mat-paginator-container-text-color: rgba(255, 255, 255, 0.87);
  --mat-paginator-container-background-color: #424242;
  --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.54);
  --mat-paginator-disabled-icon-color: rgba(255, 255, 255, 0.12);
}
.indigo-theme.dark .mat-mdc-tab-group,
.indigo-theme.dark .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-label-text-color: #7123f2;
  --mat-tab-active-ripple-color: #7123f2;
  --mat-tab-inactive-ripple-color: #7123f2;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-focus-label-text-color: #7123f2;
  --mat-tab-active-hover-label-text-color: #7123f2;
  --mat-tab-active-focus-indicator-color: #7123f2;
  --mat-tab-active-hover-indicator-color: #7123f2;
  --mat-tab-active-indicator-color: #7123f2;
}
.indigo-theme.dark .mat-mdc-tab-group.mat-accent,
.indigo-theme.dark .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-label-text-color: #8996a4;
  --mat-tab-active-ripple-color: #8996a4;
  --mat-tab-inactive-ripple-color: #8996a4;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-focus-label-text-color: #8996a4;
  --mat-tab-active-hover-label-text-color: #8996a4;
  --mat-tab-active-focus-indicator-color: #8996a4;
  --mat-tab-active-hover-indicator-color: #8996a4;
  --mat-tab-active-indicator-color: #8996a4;
}
.indigo-theme.dark .mat-mdc-tab-group.mat-warn,
.indigo-theme.dark .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-label-text-color: #dc2626;
  --mat-tab-active-ripple-color: #dc2626;
  --mat-tab-inactive-ripple-color: #dc2626;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-focus-label-text-color: #dc2626;
  --mat-tab-active-hover-label-text-color: #dc2626;
  --mat-tab-active-focus-indicator-color: #dc2626;
  --mat-tab-active-hover-indicator-color: #dc2626;
  --mat-tab-active-indicator-color: #dc2626;
}
.indigo-theme.dark {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.indigo-theme.dark .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #7123f2;
  --mat-checkbox-selected-hover-icon-color: #7123f2;
  --mat-checkbox-selected-icon-color: #7123f2;
  --mat-checkbox-selected-pressed-icon-color: #7123f2;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #7123f2;
  --mat-checkbox-selected-hover-state-layer-color: #7123f2;
  --mat-checkbox-selected-pressed-state-layer-color: #7123f2;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.indigo-theme.dark .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.indigo-theme.dark {
  --mat-button-filled-container-color: #424242;
  --mat-button-filled-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mat-button-filled-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-filled-disabled-state-layer-color: white;
  --mat-button-filled-focus-state-layer-opacity: 0.24;
  --mat-button-filled-hover-state-layer-opacity: 0.08;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-pressed-state-layer-opacity: 0.24;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-outlined-disabled-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-disabled-state-layer-color: white;
  --mat-button-outlined-focus-state-layer-opacity: 0.24;
  --mat-button-outlined-hover-state-layer-opacity: 0.08;
  --mat-button-outlined-label-text-color: white;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.24;
  --mat-button-outlined-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-outlined-state-layer-color: white;
  --mat-button-protected-container-color: #424242;
  --mat-button-protected-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mat-button-protected-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-protected-disabled-state-layer-color: white;
  --mat-button-protected-focus-state-layer-opacity: 0.24;
  --mat-button-protected-hover-state-layer-opacity: 0.08;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-pressed-state-layer-opacity: 0.24;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-text-disabled-state-layer-color: white;
  --mat-button-text-focus-state-layer-opacity: 0.24;
  --mat-button-text-hover-state-layer-opacity: 0.08;
  --mat-button-text-label-text-color: white;
  --mat-button-text-pressed-state-layer-opacity: 0.24;
  --mat-button-text-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-text-state-layer-color: white;
  --mat-button-tonal-container-color: #424242;
  --mat-button-tonal-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mat-button-tonal-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-tonal-disabled-state-layer-color: white;
  --mat-button-tonal-focus-state-layer-opacity: 0.24;
  --mat-button-tonal-hover-state-layer-opacity: 0.08;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-pressed-state-layer-opacity: 0.24;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.indigo-theme.dark .mat-mdc-button.mat-primary,
.indigo-theme.dark .mat-mdc-unelevated-button.mat-primary,
.indigo-theme.dark .mat-mdc-raised-button.mat-primary,
.indigo-theme.dark .mat-mdc-outlined-button.mat-primary,
.indigo-theme.dark .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #7123f2;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #7123f2;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: rgba(113, 35, 242, 0.1);
  --mat-button-outlined-state-layer-color: #7123f2;
  --mat-button-protected-container-color: #7123f2;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #7123f2;
  --mat-button-text-ripple-color: rgba(113, 35, 242, 0.1);
  --mat-button-text-state-layer-color: #7123f2;
  --mat-button-tonal-container-color: #7123f2;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.indigo-theme.dark .mat-mdc-button.mat-accent,
.indigo-theme.dark .mat-mdc-unelevated-button.mat-accent,
.indigo-theme.dark .mat-mdc-raised-button.mat-accent,
.indigo-theme.dark .mat-mdc-outlined-button.mat-accent,
.indigo-theme.dark .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #8996a4;
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-state-layer-color: black;
  --mat-button-outlined-label-text-color: #8996a4;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-outlined-state-layer-color: #8996a4;
  --mat-button-protected-container-color: #8996a4;
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-state-layer-color: black;
  --mat-button-text-label-text-color: #8996a4;
  --mat-button-text-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-text-state-layer-color: #8996a4;
  --mat-button-tonal-container-color: #8996a4;
  --mat-button-tonal-label-text-color: black;
  --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-tonal-state-layer-color: black;
}
.indigo-theme.dark .mat-mdc-button.mat-warn,
.indigo-theme.dark .mat-mdc-unelevated-button.mat-warn,
.indigo-theme.dark .mat-mdc-raised-button.mat-warn,
.indigo-theme.dark .mat-mdc-outlined-button.mat-warn,
.indigo-theme.dark .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #dc2626;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #dc2626;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-outlined-state-layer-color: #dc2626;
  --mat-button-protected-container-color: #dc2626;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #dc2626;
  --mat-button-text-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-text-state-layer-color: #dc2626;
  --mat-button-tonal-container-color: #dc2626;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.indigo-theme.dark {
  --mat-icon-button-disabled-icon-color: rgba(255, 255, 255, 0.5);
  --mat-icon-button-disabled-state-layer-color: white;
  --mat-icon-button-focus-state-layer-opacity: 0.24;
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.24;
  --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-icon-button-state-layer-color: white;
}
.indigo-theme.dark .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #7123f2;
  --mat-icon-button-state-layer-color: #7123f2;
  --mat-icon-button-ripple-color: rgba(113, 35, 242, 0.1);
}
.indigo-theme.dark .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #8996a4;
  --mat-icon-button-state-layer-color: #8996a4;
  --mat-icon-button-ripple-color: rgba(137, 150, 164, 0.1);
}
.indigo-theme.dark .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #dc2626;
  --mat-icon-button-state-layer-color: #dc2626;
  --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1);
}
.indigo-theme.dark {
  --mat-fab-container-color: #424242;
  --mat-fab-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
  --mat-fab-disabled-state-layer-color: white;
  --mat-fab-focus-state-layer-opacity: 0.24;
  --mat-fab-foreground-color: white;
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-pressed-state-layer-opacity: 0.24;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #424242;
  --mat-fab-small-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
  --mat-fab-small-disabled-state-layer-color: white;
  --mat-fab-small-focus-state-layer-opacity: 0.24;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-pressed-state-layer-opacity: 0.24;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.indigo-theme.dark .mat-mdc-fab.mat-primary, .indigo-theme.dark .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #7123f2;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #7123f2;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.indigo-theme.dark .mat-mdc-fab.mat-accent, .indigo-theme.dark .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #8996a4;
  --mat-fab-foreground-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-container-color: #8996a4;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-state-layer-color: black;
  --mat-fab-state-layer-color: black;
}
.indigo-theme.dark .mat-mdc-fab.mat-warn, .indigo-theme.dark .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #dc2626;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #dc2626;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.indigo-theme.dark {
  --mat-snack-bar-container-color: rgb(217.2, 217.2, 217.2);
  --mat-snack-bar-supporting-text-color: rgba(66, 66, 66, 0.87);
  --mat-snack-bar-button-color: #7123f2;
}
.indigo-theme.dark {
  --mat-table-background-color: #424242;
  --mat-table-header-headline-color: white;
  --mat-table-row-item-label-text-color: white;
  --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
}
.indigo-theme.dark {
  --mat-progress-spinner-active-indicator-color: #7123f2;
}
.indigo-theme.dark .mat-accent {
  --mat-progress-spinner-active-indicator-color: #8996a4;
}
.indigo-theme.dark .mat-warn {
  --mat-progress-spinner-active-indicator-color: #dc2626;
}
.indigo-theme.dark {
  --mat-badge-background-color: #7123f2;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: rgb(110.1, 110.1, 110.1);
  --mat-badge-disabled-state-text-color: rgba(255, 255, 255, 0.5);
}
.indigo-theme.dark .mat-badge-accent {
  --mat-badge-background-color: #8996a4;
  --mat-badge-text-color: black;
}
.indigo-theme.dark .mat-badge-warn {
  --mat-badge-background-color: #dc2626;
  --mat-badge-text-color: white;
}
.indigo-theme.dark {
  --mat-bottom-sheet-container-text-color: white;
  --mat-bottom-sheet-container-background-color: #424242;
}
.indigo-theme.dark {
  --mat-button-toggle-background-color: #424242;
  --mat-button-toggle-disabled-selected-state-background-color: #424242;
  --mat-button-toggle-disabled-selected-state-text-color: white;
  --mat-button-toggle-disabled-state-background-color: #424242;
  --mat-button-toggle-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-button-toggle-divider-color: rgb(88.68, 88.68, 88.68);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: #424242;
  --mat-button-toggle-legacy-disabled-state-background-color: black;
  --mat-button-toggle-legacy-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-button-toggle-legacy-selected-state-background-color: #212121;
  --mat-button-toggle-legacy-selected-state-text-color: rgba(255, 255, 255, 0.7);
  --mat-button-toggle-legacy-state-layer-color: rgba(255, 255, 255, 0.12);
  --mat-button-toggle-legacy-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-toggle-selected-state-background-color: #212121;
  --mat-button-toggle-selected-state-text-color: white;
  --mat-button-toggle-state-layer-color: white;
  --mat-button-toggle-text-color: white;
}
.indigo-theme.dark {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #7123f2;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(113, 35, 242, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(113, 35, 242, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(113, 35, 242, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #7123f2;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(113, 35, 242, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color: white;
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: white;
  --mat-datepicker-calendar-navigation-button-icon-color: white;
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(255, 255, 255, 0.3);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.24);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
.indigo-theme.dark .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: black;
  --mat-datepicker-calendar-date-selected-state-background-color: #8996a4;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(137, 150, 164, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: black;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(137, 150, 164, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.indigo-theme.dark .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #dc2626;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.indigo-theme.dark .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #8996a4;
}
.indigo-theme.dark .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #dc2626;
}
.indigo-theme.dark {
  --mat-divider-color: rgba(255, 255, 255, 0.12);
}
.indigo-theme.dark {
  --mat-expansion-container-background-color: #424242;
  --mat-expansion-container-text-color: white;
  --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-expansion-header-text-color: white;
  --mat-expansion-header-description-color: rgba(255, 255, 255, 0.7);
  --mat-expansion-header-indicator-color: rgba(255, 255, 255, 0.7);
}
.indigo-theme.dark {
  --mat-icon-color: inherit;
}
.indigo-theme.dark .mat-icon.mat-primary {
  --mat-icon-color: #7123f2;
}
.indigo-theme.dark .mat-icon.mat-accent {
  --mat-icon-color: #8996a4;
}
.indigo-theme.dark .mat-icon.mat-warn {
  --mat-icon-color: #dc2626;
}
.indigo-theme.dark {
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
  --mat-sidenav-container-background-color: #424242;
  --mat-sidenav-container-text-color: white;
  --mat-sidenav-content-background-color: #303030;
  --mat-sidenav-content-text-color: white;
  --mat-sidenav-scrim-color: rgba(189, 189, 189, 0.6);
}
.indigo-theme.dark {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #7123f2;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #7123f2;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #7123f2;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: #424242;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: #dc2626;
  --mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-error-state-icon-foreground-color: #dc2626;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.indigo-theme.dark .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: black;
  --mat-stepper-header-selected-state-icon-background-color: #8996a4;
  --mat-stepper-header-selected-state-icon-foreground-color: black;
  --mat-stepper-header-done-state-icon-background-color: #8996a4;
  --mat-stepper-header-done-state-icon-foreground-color: black;
  --mat-stepper-header-edit-state-icon-background-color: #8996a4;
  --mat-stepper-header-edit-state-icon-foreground-color: black;
}
.indigo-theme.dark .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #dc2626;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #dc2626;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #dc2626;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.indigo-theme.dark {
  --mat-sort-arrow-color: rgb(198.3, 198.3, 198.3);
}
.indigo-theme.dark {
  --mat-toolbar-container-background-color: #212121;
  --mat-toolbar-container-text-color: white;
}
.indigo-theme.dark .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #7123f2;
  --mat-toolbar-container-text-color: white;
}
.indigo-theme.dark .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #8996a4;
  --mat-toolbar-container-text-color: black;
}
.indigo-theme.dark .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: white;
}
.indigo-theme.dark {
  --mat-tree-container-background-color: #424242;
  --mat-tree-node-text-color: white;
}
.indigo-theme.dark {
  --mat-timepicker-container-background-color: #424242;
}
.indigo-theme.dark {
  --primary-50: #ede2fd;
}
.indigo-theme.dark .bg-primary-50 {
  background: #ede2fd;
}
.indigo-theme.dark .b-primary-50 {
  border-color: #ede2fd !important;
}
.indigo-theme.dark {
  --primary-100: #3805e8;
}
.indigo-theme.dark {
  --primary-200: #4909ec;
}
.indigo-theme.dark {
  --primary-300: #530cee;
}
.indigo-theme.dark {
  --primary-400: #5e0ef0;
}
.indigo-theme.dark {
  --primary-500: #7123f2;
}
.indigo-theme.dark .text-primary-500 {
  color: #7123f2 !important;
}
.indigo-theme.dark {
  --primary-600: #7d34f4;
}
.indigo-theme.dark {
  --primary-700: #9458f6;
}
.indigo-theme.dark {
  --primary-800: #b388f9;
}
.indigo-theme.dark {
  --primary-900: #d1b7fb;
}
.indigo-theme.dark {
  --accent-50: #1d2630;
}
.indigo-theme.dark {
  --accent-100: #131920;
}
.indigo-theme.dark {
  --accent-200: #1d2630;
}
.indigo-theme.dark {
  --accent-300: #3e4853;
}
.indigo-theme.dark {
  --accent-400: #5b6b79;
}
.indigo-theme.dark {
  --accent-500: #8996a4;
}
.indigo-theme.dark {
  --accent-600: #bec8d0;
}
.indigo-theme.dark {
  --accent-700: #dbe0e5;
}
.indigo-theme.dark {
  --accent-800: #f3f5f7;
}
.indigo-theme.dark {
  --accent-900: #f8f9fa;
}
.indigo-theme.dark {
  --warn-50: #f5bebe;
}
.indigo-theme.dark {
  --warn-100: #c50d0d;
}
.indigo-theme.dark {
  --warn-200: #ce1717;
}
.indigo-theme.dark {
  --warn-300: #d31c1c;
}
.indigo-theme.dark {
  --warn-400: #d82222;
}
.indigo-theme.dark {
  --warn-500: #dc2626;
}
.indigo-theme.dark .text-warn-500 {
  color: #dc2626 !important;
}
.indigo-theme.dark {
  --warn-600: #e14747;
}
.indigo-theme.dark {
  --warn-700: #e76767;
}
.indigo-theme.dark {
  --warn-800: #ee9393;
}
.indigo-theme.dark {
  --warn-900: #f5bebe;
}
.indigo-theme.dark {
  --success-50: #e6f5f0;
}
.indigo-theme.dark {
  --success-100: #107d4f;
}
.indigo-theme.dark {
  --success-200: #1b8d62;
}
.indigo-theme.dark {
  --success-300: #21976c;
}
.indigo-theme.dark {
  --success-400: #27a077;
}
.indigo-theme.dark {
  --success-500: #2ca87f;
}
.indigo-theme.dark {
  --success-600: #4cb592;
}
.indigo-theme.dark {
  --success-700: #6bc2a5;
}
.indigo-theme.dark {
  --success-800: #96d4bf;
}
.indigo-theme.dark {
  --success-900: #c0e5d9;
}
.indigo-theme.dark {
  --warning-50: #fcf1e0;
}
.indigo-theme.dark {
  --warning-100: #d35a00;
}
.indigo-theme.dark {
  --warning-200: #da6d00;
}
.indigo-theme.dark {
  --warning-300: #de7700;
}
.indigo-theme.dark {
  --warning-400: #e28200;
}
.indigo-theme.dark {
  --warning-500: #e58a00;
}
.indigo-theme.dark {
  --warning-600: #e99c26;
}
.indigo-theme.dark {
  --warning-700: #edad4d;
}
.indigo-theme.dark {
  --warning-800: #f2c580;
}
.indigo-theme.dark {
  --warning-900: #f7dcb3;
}

.purple-theme {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}
.purple-theme {
  --mat-option-selected-state-label-text-color: #673ab7;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.purple-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #8996a4;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.purple-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #dc2626;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.purple-theme {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
.purple-theme {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.purple-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #673ab7;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #673ab7;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.purple-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.purple-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #dc2626;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #dc2626;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.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);
}
.purple-theme {
  --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);
}
.purple-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #673ab7;
  --mat-progress-bar-track-color: rgba(103, 58, 183, 0.25);
}
.purple-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #8996a4;
  --mat-progress-bar-track-color: rgba(137, 150, 164, 0.25);
}
.purple-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #dc2626;
  --mat-progress-bar-track-color: rgba(220, 38, 38, 0.25);
}
.purple-theme {
  --mat-tooltip-container-color: #616161;
  --mat-tooltip-supporting-text-color: #fff;
}
.purple-theme {
  --mat-form-field-focus-select-arrow-color: rgba(103, 58, 183, 0.87);
  --mat-form-field-filled-caret-color: #673ab7;
  --mat-form-field-filled-focus-active-indicator-color: #673ab7;
  --mat-form-field-filled-focus-label-text-color: rgba(103, 58, 183, 0.87);
  --mat-form-field-outlined-caret-color: #673ab7;
  --mat-form-field-outlined-focus-outline-color: #673ab7;
  --mat-form-field-outlined-focus-label-text-color: rgba(103, 58, 183, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #dc2626;
  --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: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
  --mat-form-field-filled-container-color: rgb(244.8, 244.8, 244.8);
  --mat-form-field-filled-disabled-container-color: rgb(249.9, 249.9, 249.9);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-error-hover-label-text-color: #dc2626;
  --mat-form-field-filled-error-focus-label-text-color: #dc2626;
  --mat-form-field-filled-error-label-text-color: #dc2626;
  --mat-form-field-filled-error-caret-color: #dc2626;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mat-form-field-filled-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-hover-active-indicator-color: #dc2626;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-error-caret-color: #dc2626;
  --mat-form-field-outlined-error-focus-label-text-color: #dc2626;
  --mat-form-field-outlined-error-label-text-color: #dc2626;
  --mat-form-field-outlined-error-hover-label-text-color: #dc2626;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #dc2626;
  --mat-form-field-outlined-error-hover-outline-color: #dc2626;
  --mat-form-field-outlined-error-outline-color: #dc2626;
}
.purple-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-filled-caret-color: #8996a4;
  --mat-form-field-filled-focus-active-indicator-color: #8996a4;
  --mat-form-field-filled-focus-label-text-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-outlined-caret-color: #8996a4;
  --mat-form-field-outlined-focus-outline-color: #8996a4;
  --mat-form-field-outlined-focus-label-text-color: rgba(137, 150, 164, 0.87);
}
.purple-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-filled-caret-color: #dc2626;
  --mat-form-field-filled-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-focus-label-text-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-outlined-caret-color: #dc2626;
  --mat-form-field-outlined-focus-outline-color: #dc2626;
  --mat-form-field-outlined-focus-label-text-color: rgba(220, 38, 38, 0.87);
}
.purple-theme {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(103, 58, 183, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.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: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.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: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.purple-theme {
  --mat-autocomplete-background-color: white;
}
.purple-theme {
  --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.6);
}
.purple-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: #212121;
  --mat-chip-elevated-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-elevated-disabled-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-elevated-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-flat-disabled-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
  --mat-chip-with-icon-disabled-icon-color: #212121;
  --mat-chip-with-icon-icon-color: #212121;
  --mat-chip-with-icon-selected-icon-color: #212121;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mat-chip-with-trailing-icon-trailing-icon-color: #212121;
}
.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: white;
  --mat-chip-elevated-container-color: #673ab7;
  --mat-chip-elevated-disabled-container-color: #673ab7;
  --mat-chip-elevated-selected-container-color: #673ab7;
  --mat-chip-flat-disabled-selected-container-color: #673ab7;
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.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: black;
  --mat-chip-elevated-container-color: #8996a4;
  --mat-chip-elevated-disabled-container-color: #8996a4;
  --mat-chip-elevated-selected-container-color: #8996a4;
  --mat-chip-flat-disabled-selected-container-color: #8996a4;
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: black;
  --mat-chip-selected-disabled-trailing-icon-color: black;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: black;
  --mat-chip-selected-trailing-icon-color: black;
  --mat-chip-with-icon-disabled-icon-color: black;
  --mat-chip-with-icon-icon-color: black;
  --mat-chip-with-icon-selected-icon-color: black;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: black;
  --mat-chip-with-trailing-icon-trailing-icon-color: black;
}
.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: white;
  --mat-chip-elevated-container-color: #dc2626;
  --mat-chip-elevated-disabled-container-color: #dc2626;
  --mat-chip-elevated-selected-container-color: #dc2626;
  --mat-chip-flat-disabled-selected-container-color: #dc2626;
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.purple-theme {
  --mat-slide-toggle-selected-focus-state-layer-color: #5f34b0;
  --mat-slide-toggle-selected-handle-color: #5f34b0;
  --mat-slide-toggle-selected-hover-state-layer-color: #5f34b0;
  --mat-slide-toggle-selected-pressed-state-layer-color: #5f34b0;
  --mat-slide-toggle-selected-focus-handle-color: #391890;
  --mat-slide-toggle-selected-hover-handle-color: #391890;
  --mat-slide-toggle-selected-pressed-handle-color: #391890;
  --mat-slide-toggle-selected-focus-track-color: #9575cd;
  --mat-slide-toggle-selected-hover-track-color: #9575cd;
  --mat-slide-toggle-selected-pressed-track-color: #9575cd;
  --mat-slide-toggle-selected-track-color: #9575cd;
  --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: #424242;
  --mat-slide-toggle-disabled-selected-icon-color: #fff;
  --mat-slide-toggle-disabled-selected-track-color: #424242;
  --mat-slide-toggle-disabled-unselected-handle-color: #424242;
  --mat-slide-toggle-disabled-unselected-icon-color: #fff;
  --mat-slide-toggle-disabled-unselected-track-color: #424242;
  --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: #fff;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-icon-color: #fff;
  --mat-slide-toggle-unselected-hover-handle-color: #212121;
  --mat-slide-toggle-unselected-focus-handle-color: #212121;
  --mat-slide-toggle-unselected-focus-state-layer-color: #424242;
  --mat-slide-toggle-unselected-focus-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-icon-color: #fff;
  --mat-slide-toggle-unselected-handle-color: #616161;
  --mat-slide-toggle-unselected-hover-state-layer-color: #424242;
  --mat-slide-toggle-unselected-hover-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-pressed-handle-color: #212121;
  --mat-slide-toggle-unselected-pressed-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #424242;
  --mat-slide-toggle-unselected-track-color: #e0e0e0;
}
.purple-theme {
  --mdc-slide-toggle-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-slide-toggle-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
.purple-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
}
.purple-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-focus-state-layer-color: #5b6b79;
  --mat-slide-toggle-selected-handle-color: #5b6b79;
  --mat-slide-toggle-selected-hover-state-layer-color: #5b6b79;
  --mat-slide-toggle-selected-pressed-state-layer-color: #5b6b79;
  --mat-slide-toggle-selected-focus-handle-color: #131920;
  --mat-slide-toggle-selected-hover-handle-color: #131920;
  --mat-slide-toggle-selected-pressed-handle-color: #131920;
  --mat-slide-toggle-selected-focus-track-color: #dbe0e5;
  --mat-slide-toggle-selected-hover-track-color: #dbe0e5;
  --mat-slide-toggle-selected-pressed-track-color: #dbe0e5;
  --mat-slide-toggle-selected-track-color: #dbe0e5;
}
.purple-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-focus-state-layer-color: #d82222;
  --mat-slide-toggle-selected-handle-color: #d82222;
  --mat-slide-toggle-selected-hover-state-layer-color: #d82222;
  --mat-slide-toggle-selected-pressed-state-layer-color: #d82222;
  --mat-slide-toggle-selected-focus-handle-color: #c50d0d;
  --mat-slide-toggle-selected-hover-handle-color: #c50d0d;
  --mat-slide-toggle-selected-pressed-handle-color: #c50d0d;
  --mat-slide-toggle-selected-focus-track-color: #e76767;
  --mat-slide-toggle-selected-hover-track-color: #e76767;
  --mat-slide-toggle-selected-pressed-track-color: #e76767;
  --mat-slide-toggle-selected-track-color: #e76767;
}
.purple-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #673ab7;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #673ab7;
  --mat-radio-selected-hover-icon-color: #673ab7;
  --mat-radio-selected-icon-color: #673ab7;
  --mat-radio-selected-pressed-icon-color: #673ab7;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.purple-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #8996a4;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #8996a4;
  --mat-radio-selected-hover-icon-color: #8996a4;
  --mat-radio-selected-icon-color: #8996a4;
  --mat-radio-selected-pressed-icon-color: #8996a4;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.purple-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #dc2626;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #dc2626;
  --mat-radio-selected-hover-icon-color: #dc2626;
  --mat-radio-selected-icon-color: #dc2626;
  --mat-radio-selected-pressed-icon-color: #dc2626;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.purple-theme {
  --mat-slider-active-track-color: #673ab7;
  --mat-slider-focus-handle-color: #673ab7;
  --mat-slider-focus-state-layer-color: rgba(103, 58, 183, 0.2);
  --mat-slider-handle-color: #673ab7;
  --mat-slider-hover-handle-color: #673ab7;
  --mat-slider-hover-state-layer-color: rgba(103, 58, 183, 0.05);
  --mat-slider-inactive-track-color: #673ab7;
  --mat-slider-ripple-color: #673ab7;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #673ab7;
  --mat-slider-disabled-active-track-color: #000;
  --mat-slider-disabled-handle-color: #000;
  --mat-slider-disabled-inactive-track-color: #000;
  --mat-slider-label-container-color: #000;
  --mat-slider-label-label-text-color: #fff;
  --mat-slider-value-indicator-opacity: 0.6;
  --mat-slider-with-overlap-handle-outline-color: #fff;
  --mat-slider-with-tick-marks-disabled-container-color: #000;
}
.purple-theme .mat-accent {
  --mat-slider-active-track-color: #8996a4;
  --mat-slider-focus-handle-color: #8996a4;
  --mat-slider-focus-state-layer-color: rgba(137, 150, 164, 0.2);
  --mat-slider-handle-color: #8996a4;
  --mat-slider-hover-handle-color: #8996a4;
  --mat-slider-hover-state-layer-color: rgba(137, 150, 164, 0.05);
  --mat-slider-inactive-track-color: #8996a4;
  --mat-slider-ripple-color: #8996a4;
  --mat-slider-with-tick-marks-active-container-color: black;
  --mat-slider-with-tick-marks-inactive-container-color: #8996a4;
}
.purple-theme .mat-warn {
  --mat-slider-active-track-color: #dc2626;
  --mat-slider-focus-handle-color: #dc2626;
  --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2);
  --mat-slider-handle-color: #dc2626;
  --mat-slider-hover-handle-color: #dc2626;
  --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05);
  --mat-slider-inactive-track-color: #dc2626;
  --mat-slider-ripple-color: #dc2626;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #dc2626;
}
.purple-theme {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
.purple-theme {
  --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.38);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-disabled-label-text-color: black;
  --mat-list-list-item-disabled-leading-icon-color: black;
  --mat-list-list-item-disabled-trailing-icon-color: black;
  --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.38);
  --mat-list-list-item-hover-state-layer-color: black;
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: black;
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.purple-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #673ab7;
  --mat-checkbox-selected-hover-icon-color: #673ab7;
  --mat-checkbox-selected-icon-color: #673ab7;
  --mat-checkbox-selected-pressed-icon-color: #673ab7;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #673ab7;
  --mat-checkbox-selected-hover-state-layer-color: #673ab7;
  --mat-checkbox-selected-pressed-state-layer-color: #673ab7;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.purple-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.purple-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.purple-theme {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}
.purple-theme .mat-mdc-tab-group,
.purple-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-label-text-color: #673ab7;
  --mat-tab-active-ripple-color: #673ab7;
  --mat-tab-inactive-ripple-color: #673ab7;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-focus-label-text-color: #673ab7;
  --mat-tab-active-hover-label-text-color: #673ab7;
  --mat-tab-active-focus-indicator-color: #673ab7;
  --mat-tab-active-hover-indicator-color: #673ab7;
  --mat-tab-active-indicator-color: #673ab7;
}
.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.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-label-text-color: #8996a4;
  --mat-tab-active-ripple-color: #8996a4;
  --mat-tab-inactive-ripple-color: #8996a4;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-focus-label-text-color: #8996a4;
  --mat-tab-active-hover-label-text-color: #8996a4;
  --mat-tab-active-focus-indicator-color: #8996a4;
  --mat-tab-active-hover-indicator-color: #8996a4;
  --mat-tab-active-indicator-color: #8996a4;
}
.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.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-label-text-color: #dc2626;
  --mat-tab-active-ripple-color: #dc2626;
  --mat-tab-inactive-ripple-color: #dc2626;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-focus-label-text-color: #dc2626;
  --mat-tab-active-hover-label-text-color: #dc2626;
  --mat-tab-active-focus-indicator-color: #dc2626;
  --mat-tab-active-hover-indicator-color: #dc2626;
  --mat-tab-active-indicator-color: #dc2626;
}
.purple-theme {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.purple-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #673ab7;
  --mat-checkbox-selected-hover-icon-color: #673ab7;
  --mat-checkbox-selected-icon-color: #673ab7;
  --mat-checkbox-selected-pressed-icon-color: #673ab7;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #673ab7;
  --mat-checkbox-selected-hover-state-layer-color: #673ab7;
  --mat-checkbox-selected-pressed-state-layer-color: #673ab7;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.purple-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.purple-theme {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mat-button-filled-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-filled-disabled-state-layer-color: black;
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-state-layer-color: black;
  --mat-button-outlined-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: black;
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: black;
  --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: rgba(0, 0, 0, 0.1);
  --mat-button-outlined-state-layer-color: black;
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-protected-disabled-state-layer-color: black;
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-state-layer-color: black;
  --mat-button-text-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-text-disabled-state-layer-color: black;
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: black;
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-text-state-layer-color: black;
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mat-button-tonal-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-tonal-disabled-state-layer-color: black;
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: black;
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-tonal-state-layer-color: black;
}
.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: #673ab7;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #673ab7;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: rgba(103, 58, 183, 0.1);
  --mat-button-outlined-state-layer-color: #673ab7;
  --mat-button-protected-container-color: #673ab7;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #673ab7;
  --mat-button-text-ripple-color: rgba(103, 58, 183, 0.1);
  --mat-button-text-state-layer-color: #673ab7;
  --mat-button-tonal-container-color: #673ab7;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.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: #8996a4;
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-state-layer-color: black;
  --mat-button-outlined-label-text-color: #8996a4;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-outlined-state-layer-color: #8996a4;
  --mat-button-protected-container-color: #8996a4;
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-state-layer-color: black;
  --mat-button-text-label-text-color: #8996a4;
  --mat-button-text-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-text-state-layer-color: #8996a4;
  --mat-button-tonal-container-color: #8996a4;
  --mat-button-tonal-label-text-color: black;
  --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-tonal-state-layer-color: black;
}
.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: #dc2626;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #dc2626;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-outlined-state-layer-color: #dc2626;
  --mat-button-protected-container-color: #dc2626;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #dc2626;
  --mat-button-text-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-text-state-layer-color: #dc2626;
  --mat-button-tonal-container-color: #dc2626;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.purple-theme {
  --mat-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-disabled-state-layer-color: black;
  --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: rgba(0, 0, 0, 0.1);
  --mat-icon-button-state-layer-color: black;
}
.purple-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #673ab7;
  --mat-icon-button-state-layer-color: #673ab7;
  --mat-icon-button-ripple-color: rgba(103, 58, 183, 0.1);
}
.purple-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #8996a4;
  --mat-icon-button-state-layer-color: #8996a4;
  --mat-icon-button-ripple-color: rgba(137, 150, 164, 0.1);
}
.purple-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #dc2626;
  --mat-icon-button-state-layer-color: #dc2626;
  --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1);
}
.purple-theme {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: black;
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-state-layer-color: black;
  --mat-fab-state-layer-color: black;
}
.purple-theme .mat-mdc-fab.mat-primary, .purple-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #673ab7;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #673ab7;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.purple-theme .mat-mdc-fab.mat-accent, .purple-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #8996a4;
  --mat-fab-foreground-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-container-color: #8996a4;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-state-layer-color: black;
  --mat-fab-state-layer-color: black;
}
.purple-theme .mat-mdc-fab.mat-warn, .purple-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #dc2626;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #dc2626;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.purple-theme {
  --mat-snack-bar-container-color: #333333;
  --mat-snack-bar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #d1c4e9;
}
.purple-theme {
  --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);
}
.purple-theme {
  --mat-progress-spinner-active-indicator-color: #673ab7;
}
.purple-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #8996a4;
}
.purple-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #dc2626;
}
.purple-theme {
  --mat-badge-background-color: #673ab7;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}
.purple-theme .mat-badge-accent {
  --mat-badge-background-color: #8996a4;
  --mat-badge-text-color: black;
}
.purple-theme .mat-badge-warn {
  --mat-badge-background-color: #dc2626;
  --mat-badge-text-color: white;
}
.purple-theme {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
.purple-theme {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-button-toggle-divider-color: rgb(224.4, 224.4, 224.4);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: #bdbdbd;
  --mat-button-toggle-legacy-disabled-state-background-color: #eeeeee;
  --mat-button-toggle-legacy-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-button-toggle-legacy-selected-state-background-color: #e0e0e0;
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-button-toggle-legacy-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: black;
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}
.purple-theme {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #673ab7;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(103, 58, 183, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(103, 58, 183, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(103, 58, 183, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #673ab7;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(103, 58, 183, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.purple-theme .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: black;
  --mat-datepicker-calendar-date-selected-state-background-color: #8996a4;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(137, 150, 164, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: black;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(137, 150, 164, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.purple-theme .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #dc2626;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.purple-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #8996a4;
}
.purple-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #dc2626;
}
.purple-theme {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
.purple-theme {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
.purple-theme {
  --mat-icon-color: inherit;
}
.purple-theme .mat-icon.mat-primary {
  --mat-icon-color: #673ab7;
}
.purple-theme .mat-icon.mat-accent {
  --mat-icon-color: #8996a4;
}
.purple-theme .mat-icon.mat-warn {
  --mat-icon-color: #dc2626;
}
.purple-theme {
  --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);
}
.purple-theme {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #673ab7;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #673ab7;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #673ab7;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #dc2626;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #dc2626;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.purple-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: black;
  --mat-stepper-header-selected-state-icon-background-color: #8996a4;
  --mat-stepper-header-selected-state-icon-foreground-color: black;
  --mat-stepper-header-done-state-icon-background-color: #8996a4;
  --mat-stepper-header-done-state-icon-foreground-color: black;
  --mat-stepper-header-edit-state-icon-background-color: #8996a4;
  --mat-stepper-header-edit-state-icon-foreground-color: black;
}
.purple-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #dc2626;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #dc2626;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #dc2626;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.purple-theme {
  --mat-sort-arrow-color: rgb(117.3, 117.3, 117.3);
}
.purple-theme {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.purple-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #673ab7;
  --mat-toolbar-container-text-color: white;
}
.purple-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #8996a4;
  --mat-toolbar-container-text-color: black;
}
.purple-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: white;
}
.purple-theme {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
.purple-theme {
  --mat-timepicker-container-background-color: white;
}
.purple-theme {
  --primary-50: #ede7f6;
}
.purple-theme .bg-primary-50 {
  background: #ede7f6;
}
.purple-theme .b-primary-50 {
  border-color: #ede7f6 !important;
}
.purple-theme {
  --primary-100: #d1c4e9;
}
.purple-theme {
  --primary-200: #b39ddb;
}
.purple-theme {
  --primary-300: #9575cd;
}
.purple-theme {
  --primary-400: #7e58c2;
}
.purple-theme {
  --primary-500: #673ab7;
}
.purple-theme .text-primary-500 {
  color: #673ab7 !important;
}
.purple-theme {
  --primary-600: #5f34b0;
}
.purple-theme {
  --primary-700: #542ca7;
}
.purple-theme {
  --primary-800: #4a259f;
}
.purple-theme {
  --primary-900: #391890;
}
.purple-theme {
  --accent-50: #fff;
}
.purple-theme {
  --accent-100: #f8f9fa;
}
.purple-theme {
  --accent-200: #f3f5f7;
}
.purple-theme {
  --accent-300: #dbe0e5;
}
.purple-theme {
  --accent-400: #bec8d0;
}
.purple-theme {
  --accent-500: #8996a4;
}
.purple-theme {
  --accent-600: #5b6b79;
}
.purple-theme {
  --accent-700: #3e4853;
}
.purple-theme {
  --accent-800: #1d2630;
}
.purple-theme {
  --accent-900: #131920;
}
.purple-theme {
  --warn-50: #fbe5e5;
}
.purple-theme {
  --warn-100: #f5bebe;
}
.purple-theme {
  --warn-200: #ee9393;
}
.purple-theme {
  --warn-300: #e76767;
}
.purple-theme {
  --warn-400: #e14747;
}
.purple-theme {
  --warn-500: #dc2626;
}
.purple-theme .text-warn-500 {
  color: #dc2626 !important;
}
.purple-theme {
  --warn-600: #d82222;
}
.purple-theme {
  --warn-700: #d31c1c;
}
.purple-theme {
  --warn-800: #ce1717;
}
.purple-theme {
  --warn-900: #c50d0d;
}
.purple-theme {
  --success-50: #e6f5f0;
}
.purple-theme {
  --success-100: #c0e5d9;
}
.purple-theme {
  --success-200: #96d4bf;
}
.purple-theme {
  --success-300: #6bc2a5;
}
.purple-theme {
  --success-400: #4cb592;
}
.purple-theme {
  --success-500: #2ca87f;
}
.purple-theme {
  --success-600: #27a077;
}
.purple-theme {
  --success-700: #21976c;
}
.purple-theme {
  --success-800: #1b8d62;
}
.purple-theme {
  --success-900: #107d4f;
}
.purple-theme {
  --warning-50: #fcf1e0;
}
.purple-theme {
  --warning-100: #f7dcb3;
}
.purple-theme {
  --warning-200: #f2c580;
}
.purple-theme {
  --warning-300: #edad4d;
}
.purple-theme {
  --warning-400: #e99c26;
}
.purple-theme {
  --warning-500: #e58a00;
}
.purple-theme {
  --warning-600: #e28200;
}
.purple-theme {
  --warning-700: #de7700;
}
.purple-theme {
  --warning-800: #da6d00;
}
.purple-theme {
  --warning-900: #d35a00;
}
.purple-theme.dark {
  --mat-ripple-color: rgba(255, 255, 255, 0.1);
}
.purple-theme.dark {
  --mat-option-selected-state-label-text-color: #673ab7;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.purple-theme.dark .mat-accent {
  --mat-option-selected-state-label-text-color: #8996a4;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.purple-theme.dark .mat-warn {
  --mat-option-selected-state-label-text-color: #dc2626;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.purple-theme.dark {
  --mat-optgroup-label-text-color: white;
}
.purple-theme.dark {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.purple-theme.dark .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #673ab7;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #673ab7;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.purple-theme.dark .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.purple-theme.dark .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #dc2626;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #dc2626;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.purple-theme.dark {
  --mat-app-background-color: #303030;
  --mat-app-text-color: white;
  --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);
}
.purple-theme.dark {
  --mat-card-elevated-container-color: #424242;
  --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: #424242;
  --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(255, 255, 255, 0.12);
  --mat-card-subtitle-text-color: rgba(255, 255, 255, 0.7);
  --mat-card-filled-container-color: #424242;
  --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);
}
.purple-theme.dark .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #673ab7;
  --mat-progress-bar-track-color: rgba(103, 58, 183, 0.25);
}
.purple-theme.dark .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #8996a4;
  --mat-progress-bar-track-color: rgba(137, 150, 164, 0.25);
}
.purple-theme.dark .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #dc2626;
  --mat-progress-bar-track-color: rgba(220, 38, 38, 0.25);
}
.purple-theme.dark {
  --mat-tooltip-container-color: #616161;
  --mat-tooltip-supporting-text-color: #fff;
}
.purple-theme.dark {
  --mat-form-field-focus-select-arrow-color: rgba(103, 58, 183, 0.87);
  --mat-form-field-filled-caret-color: #673ab7;
  --mat-form-field-filled-focus-active-indicator-color: #673ab7;
  --mat-form-field-filled-focus-label-text-color: rgba(103, 58, 183, 0.87);
  --mat-form-field-outlined-caret-color: #673ab7;
  --mat-form-field-outlined-focus-outline-color: #673ab7;
  --mat-form-field-outlined-focus-label-text-color: rgba(103, 58, 183, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-state-layer-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-error-text-color: #dc2626;
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --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(255, 255, 255, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-focus-state-layer-opacity: 0.24;
  --mat-form-field-filled-container-color: rgb(73.56, 73.56, 73.56);
  --mat-form-field-filled-disabled-container-color: rgb(69.78, 69.78, 69.78);
  --mat-form-field-filled-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-filled-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-filled-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-filled-input-text-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-filled-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-filled-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-filled-error-hover-label-text-color: #dc2626;
  --mat-form-field-filled-error-focus-label-text-color: #dc2626;
  --mat-form-field-filled-error-label-text-color: #dc2626;
  --mat-form-field-filled-error-caret-color: #dc2626;
  --mat-form-field-filled-active-indicator-color: rgba(255, 255, 255, 0.42);
  --mat-form-field-filled-disabled-active-indicator-color: rgba(255, 255, 255, 0.06);
  --mat-form-field-filled-hover-active-indicator-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-hover-active-indicator-color: #dc2626;
  --mat-form-field-outlined-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-outlined-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-outlined-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-input-text-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-outlined-error-caret-color: #dc2626;
  --mat-form-field-outlined-error-focus-label-text-color: #dc2626;
  --mat-form-field-outlined-error-label-text-color: #dc2626;
  --mat-form-field-outlined-error-hover-label-text-color: #dc2626;
  --mat-form-field-outlined-outline-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-disabled-outline-color: rgba(255, 255, 255, 0.06);
  --mat-form-field-outlined-hover-outline-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #dc2626;
  --mat-form-field-outlined-error-hover-outline-color: #dc2626;
  --mat-form-field-outlined-error-outline-color: #dc2626;
}
.purple-theme.dark .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-filled-caret-color: #8996a4;
  --mat-form-field-filled-focus-active-indicator-color: #8996a4;
  --mat-form-field-filled-focus-label-text-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-outlined-caret-color: #8996a4;
  --mat-form-field-outlined-focus-outline-color: #8996a4;
  --mat-form-field-outlined-focus-label-text-color: rgba(137, 150, 164, 0.87);
}
.purple-theme.dark .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-filled-caret-color: #dc2626;
  --mat-form-field-filled-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-focus-label-text-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-outlined-caret-color: #dc2626;
  --mat-form-field-outlined-focus-outline-color: #dc2626;
  --mat-form-field-outlined-focus-label-text-color: rgba(220, 38, 38, 0.87);
}
.purple-theme.dark {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(103, 58, 183, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.purple-theme.dark .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.purple-theme.dark .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.purple-theme.dark {
  --mat-autocomplete-background-color: #424242;
}
.purple-theme.dark {
  --mat-dialog-container-color: #424242;
  --mat-dialog-subhead-color: rgba(255, 255, 255, 0.87);
  --mat-dialog-supporting-text-color: rgba(255, 255, 255, 0.6);
}
.purple-theme.dark .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: #fafafa;
  --mat-chip-elevated-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-elevated-disabled-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-elevated-selected-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-flat-disabled-selected-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: #fafafa;
  --mat-chip-selected-disabled-trailing-icon-color: #fafafa;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: #fafafa;
  --mat-chip-selected-trailing-icon-color: #fafafa;
  --mat-chip-with-icon-disabled-icon-color: #fafafa;
  --mat-chip-with-icon-icon-color: #fafafa;
  --mat-chip-with-icon-selected-icon-color: #fafafa;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa;
  --mat-chip-with-trailing-icon-trailing-icon-color: #fafafa;
}
.purple-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .purple-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #673ab7;
  --mat-chip-elevated-disabled-container-color: #673ab7;
  --mat-chip-elevated-selected-container-color: #673ab7;
  --mat-chip-flat-disabled-selected-container-color: #673ab7;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.purple-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .purple-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: black;
  --mat-chip-elevated-container-color: #8996a4;
  --mat-chip-elevated-disabled-container-color: #8996a4;
  --mat-chip-elevated-selected-container-color: #8996a4;
  --mat-chip-flat-disabled-selected-container-color: #8996a4;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: black;
  --mat-chip-selected-disabled-trailing-icon-color: black;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: black;
  --mat-chip-selected-trailing-icon-color: black;
  --mat-chip-with-icon-disabled-icon-color: black;
  --mat-chip-with-icon-icon-color: black;
  --mat-chip-with-icon-selected-icon-color: black;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: black;
  --mat-chip-with-trailing-icon-trailing-icon-color: black;
}
.purple-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .purple-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #dc2626;
  --mat-chip-elevated-disabled-container-color: #dc2626;
  --mat-chip-elevated-selected-container-color: #dc2626;
  --mat-chip-flat-disabled-selected-container-color: #dc2626;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.purple-theme.dark {
  --mat-slide-toggle-selected-focus-state-layer-color: #542ca7;
  --mat-slide-toggle-selected-handle-color: #542ca7;
  --mat-slide-toggle-selected-hover-state-layer-color: #542ca7;
  --mat-slide-toggle-selected-pressed-state-layer-color: #542ca7;
  --mat-slide-toggle-selected-focus-handle-color: #4a259f;
  --mat-slide-toggle-selected-hover-handle-color: #4a259f;
  --mat-slide-toggle-selected-pressed-handle-color: #4a259f;
  --mat-slide-toggle-selected-focus-track-color: #7e58c2;
  --mat-slide-toggle-selected-hover-track-color: #7e58c2;
  --mat-slide-toggle-selected-pressed-track-color: #7e58c2;
  --mat-slide-toggle-selected-track-color: #7e58c2;
  --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: #000;
  --mat-slide-toggle-disabled-selected-icon-color: #212121;
  --mat-slide-toggle-disabled-selected-track-color: #f5f5f5;
  --mat-slide-toggle-disabled-unselected-handle-color: #000;
  --mat-slide-toggle-disabled-unselected-icon-color: #212121;
  --mat-slide-toggle-disabled-unselected-track-color: #f5f5f5;
  --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: #fff;
  --mat-slide-toggle-label-text-color: white;
  --mat-slide-toggle-selected-icon-color: #212121;
  --mat-slide-toggle-unselected-hover-handle-color: #fafafa;
  --mat-slide-toggle-unselected-focus-handle-color: #fafafa;
  --mat-slide-toggle-unselected-focus-state-layer-color: #f5f5f5;
  --mat-slide-toggle-unselected-focus-track-color: #616161;
  --mat-slide-toggle-unselected-icon-color: #212121;
  --mat-slide-toggle-unselected-handle-color: #9e9e9e;
  --mat-slide-toggle-unselected-hover-state-layer-color: #f5f5f5;
  --mat-slide-toggle-unselected-hover-track-color: #616161;
  --mat-slide-toggle-unselected-pressed-handle-color: #fafafa;
  --mat-slide-toggle-unselected-pressed-track-color: #616161;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #f5f5f5;
  --mat-slide-toggle-unselected-track-color: #616161;
}
.purple-theme.dark {
  --mdc-slide-toggle-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-slide-toggle-disabled-label-text-color: rgba(255, 255, 255, 0.5);
}
.purple-theme.dark .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-color: white;
}
.purple-theme.dark .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-focus-state-layer-color: #3e4853;
  --mat-slide-toggle-selected-handle-color: #3e4853;
  --mat-slide-toggle-selected-hover-state-layer-color: #3e4853;
  --mat-slide-toggle-selected-pressed-state-layer-color: #3e4853;
  --mat-slide-toggle-selected-focus-handle-color: #1d2630;
  --mat-slide-toggle-selected-hover-handle-color: #1d2630;
  --mat-slide-toggle-selected-pressed-handle-color: #1d2630;
  --mat-slide-toggle-selected-focus-track-color: #bec8d0;
  --mat-slide-toggle-selected-hover-track-color: #bec8d0;
  --mat-slide-toggle-selected-pressed-track-color: #bec8d0;
  --mat-slide-toggle-selected-track-color: #bec8d0;
}
.purple-theme.dark .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-focus-state-layer-color: #d31c1c;
  --mat-slide-toggle-selected-handle-color: #d31c1c;
  --mat-slide-toggle-selected-hover-state-layer-color: #d31c1c;
  --mat-slide-toggle-selected-pressed-state-layer-color: #d31c1c;
  --mat-slide-toggle-selected-focus-handle-color: #ce1717;
  --mat-slide-toggle-selected-hover-handle-color: #ce1717;
  --mat-slide-toggle-selected-pressed-handle-color: #ce1717;
  --mat-slide-toggle-selected-focus-track-color: #e14747;
  --mat-slide-toggle-selected-hover-track-color: #e14747;
  --mat-slide-toggle-selected-pressed-track-color: #e14747;
  --mat-slide-toggle-selected-track-color: #e14747;
}
.purple-theme.dark .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #673ab7;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #673ab7;
  --mat-radio-selected-hover-icon-color: #673ab7;
  --mat-radio-selected-icon-color: #673ab7;
  --mat-radio-selected-pressed-icon-color: #673ab7;
  --mat-radio-unselected-focus-icon-color: #eeeeee;
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}
.purple-theme.dark .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #8996a4;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #8996a4;
  --mat-radio-selected-hover-icon-color: #8996a4;
  --mat-radio-selected-icon-color: #8996a4;
  --mat-radio-selected-pressed-icon-color: #8996a4;
  --mat-radio-unselected-focus-icon-color: #eeeeee;
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}
.purple-theme.dark .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #dc2626;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #dc2626;
  --mat-radio-selected-hover-icon-color: #dc2626;
  --mat-radio-selected-icon-color: #dc2626;
  --mat-radio-selected-pressed-icon-color: #dc2626;
  --mat-radio-unselected-focus-icon-color: #eeeeee;
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}
.purple-theme.dark {
  --mat-slider-active-track-color: #673ab7;
  --mat-slider-focus-handle-color: #673ab7;
  --mat-slider-focus-state-layer-color: rgba(103, 58, 183, 0.2);
  --mat-slider-handle-color: #673ab7;
  --mat-slider-hover-handle-color: #673ab7;
  --mat-slider-hover-state-layer-color: rgba(103, 58, 183, 0.05);
  --mat-slider-inactive-track-color: #673ab7;
  --mat-slider-ripple-color: #673ab7;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #673ab7;
  --mat-slider-disabled-active-track-color: #fff;
  --mat-slider-disabled-handle-color: #fff;
  --mat-slider-disabled-inactive-track-color: #fff;
  --mat-slider-label-container-color: #fff;
  --mat-slider-label-label-text-color: #000;
  --mat-slider-value-indicator-opacity: 0.9;
  --mat-slider-with-overlap-handle-outline-color: #fff;
  --mat-slider-with-tick-marks-disabled-container-color: #fff;
}
.purple-theme.dark .mat-accent {
  --mat-slider-active-track-color: #8996a4;
  --mat-slider-focus-handle-color: #8996a4;
  --mat-slider-focus-state-layer-color: rgba(137, 150, 164, 0.2);
  --mat-slider-handle-color: #8996a4;
  --mat-slider-hover-handle-color: #8996a4;
  --mat-slider-hover-state-layer-color: rgba(137, 150, 164, 0.05);
  --mat-slider-inactive-track-color: #8996a4;
  --mat-slider-ripple-color: #8996a4;
  --mat-slider-with-tick-marks-active-container-color: black;
  --mat-slider-with-tick-marks-inactive-container-color: #8996a4;
}
.purple-theme.dark .mat-warn {
  --mat-slider-active-track-color: #dc2626;
  --mat-slider-focus-handle-color: #dc2626;
  --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2);
  --mat-slider-handle-color: #dc2626;
  --mat-slider-hover-handle-color: #dc2626;
  --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05);
  --mat-slider-inactive-track-color: #dc2626;
  --mat-slider-ripple-color: #dc2626;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #dc2626;
}
.purple-theme.dark {
  --mat-menu-item-label-text-color: white;
  --mat-menu-item-icon-color: white;
  --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-container-color: #424242;
  --mat-menu-divider-color: rgba(255, 255, 255, 0.12);
}
.purple-theme.dark {
  --mat-list-list-item-label-text-color: white;
  --mat-list-list-item-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-disabled-label-text-color: white;
  --mat-list-list-item-disabled-leading-icon-color: white;
  --mat-list-list-item-disabled-trailing-icon-color: white;
  --mat-list-list-item-hover-label-text-color: white;
  --mat-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-hover-state-layer-color: white;
  --mat-list-list-item-hover-state-layer-opacity: 0.08;
  --mat-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-focus-label-text-color: white;
  --mat-list-list-item-focus-state-layer-color: white;
  --mat-list-list-item-focus-state-layer-opacity: 0.24;
}
.purple-theme.dark .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #673ab7;
  --mat-checkbox-selected-hover-icon-color: #673ab7;
  --mat-checkbox-selected-icon-color: #673ab7;
  --mat-checkbox-selected-pressed-icon-color: #673ab7;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #673ab7;
  --mat-checkbox-selected-hover-state-layer-color: #673ab7;
  --mat-checkbox-selected-pressed-state-layer-color: #673ab7;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.purple-theme.dark .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.purple-theme.dark .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.purple-theme.dark {
  --mat-paginator-container-text-color: rgba(255, 255, 255, 0.87);
  --mat-paginator-container-background-color: #424242;
  --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.54);
  --mat-paginator-disabled-icon-color: rgba(255, 255, 255, 0.12);
}
.purple-theme.dark .mat-mdc-tab-group,
.purple-theme.dark .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-label-text-color: #673ab7;
  --mat-tab-active-ripple-color: #673ab7;
  --mat-tab-inactive-ripple-color: #673ab7;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-focus-label-text-color: #673ab7;
  --mat-tab-active-hover-label-text-color: #673ab7;
  --mat-tab-active-focus-indicator-color: #673ab7;
  --mat-tab-active-hover-indicator-color: #673ab7;
  --mat-tab-active-indicator-color: #673ab7;
}
.purple-theme.dark .mat-mdc-tab-group.mat-accent,
.purple-theme.dark .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-label-text-color: #8996a4;
  --mat-tab-active-ripple-color: #8996a4;
  --mat-tab-inactive-ripple-color: #8996a4;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-focus-label-text-color: #8996a4;
  --mat-tab-active-hover-label-text-color: #8996a4;
  --mat-tab-active-focus-indicator-color: #8996a4;
  --mat-tab-active-hover-indicator-color: #8996a4;
  --mat-tab-active-indicator-color: #8996a4;
}
.purple-theme.dark .mat-mdc-tab-group.mat-warn,
.purple-theme.dark .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-label-text-color: #dc2626;
  --mat-tab-active-ripple-color: #dc2626;
  --mat-tab-inactive-ripple-color: #dc2626;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-focus-label-text-color: #dc2626;
  --mat-tab-active-hover-label-text-color: #dc2626;
  --mat-tab-active-focus-indicator-color: #dc2626;
  --mat-tab-active-hover-indicator-color: #dc2626;
  --mat-tab-active-indicator-color: #dc2626;
}
.purple-theme.dark {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.purple-theme.dark .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #673ab7;
  --mat-checkbox-selected-hover-icon-color: #673ab7;
  --mat-checkbox-selected-icon-color: #673ab7;
  --mat-checkbox-selected-pressed-icon-color: #673ab7;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #673ab7;
  --mat-checkbox-selected-hover-state-layer-color: #673ab7;
  --mat-checkbox-selected-pressed-state-layer-color: #673ab7;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.purple-theme.dark .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.purple-theme.dark {
  --mat-button-filled-container-color: #424242;
  --mat-button-filled-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mat-button-filled-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-filled-disabled-state-layer-color: white;
  --mat-button-filled-focus-state-layer-opacity: 0.24;
  --mat-button-filled-hover-state-layer-opacity: 0.08;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-pressed-state-layer-opacity: 0.24;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-outlined-disabled-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-disabled-state-layer-color: white;
  --mat-button-outlined-focus-state-layer-opacity: 0.24;
  --mat-button-outlined-hover-state-layer-opacity: 0.08;
  --mat-button-outlined-label-text-color: white;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.24;
  --mat-button-outlined-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-outlined-state-layer-color: white;
  --mat-button-protected-container-color: #424242;
  --mat-button-protected-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mat-button-protected-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-protected-disabled-state-layer-color: white;
  --mat-button-protected-focus-state-layer-opacity: 0.24;
  --mat-button-protected-hover-state-layer-opacity: 0.08;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-pressed-state-layer-opacity: 0.24;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-text-disabled-state-layer-color: white;
  --mat-button-text-focus-state-layer-opacity: 0.24;
  --mat-button-text-hover-state-layer-opacity: 0.08;
  --mat-button-text-label-text-color: white;
  --mat-button-text-pressed-state-layer-opacity: 0.24;
  --mat-button-text-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-text-state-layer-color: white;
  --mat-button-tonal-container-color: #424242;
  --mat-button-tonal-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mat-button-tonal-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-tonal-disabled-state-layer-color: white;
  --mat-button-tonal-focus-state-layer-opacity: 0.24;
  --mat-button-tonal-hover-state-layer-opacity: 0.08;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-pressed-state-layer-opacity: 0.24;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.purple-theme.dark .mat-mdc-button.mat-primary,
.purple-theme.dark .mat-mdc-unelevated-button.mat-primary,
.purple-theme.dark .mat-mdc-raised-button.mat-primary,
.purple-theme.dark .mat-mdc-outlined-button.mat-primary,
.purple-theme.dark .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #673ab7;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #673ab7;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: rgba(103, 58, 183, 0.1);
  --mat-button-outlined-state-layer-color: #673ab7;
  --mat-button-protected-container-color: #673ab7;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #673ab7;
  --mat-button-text-ripple-color: rgba(103, 58, 183, 0.1);
  --mat-button-text-state-layer-color: #673ab7;
  --mat-button-tonal-container-color: #673ab7;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.purple-theme.dark .mat-mdc-button.mat-accent,
.purple-theme.dark .mat-mdc-unelevated-button.mat-accent,
.purple-theme.dark .mat-mdc-raised-button.mat-accent,
.purple-theme.dark .mat-mdc-outlined-button.mat-accent,
.purple-theme.dark .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #8996a4;
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-state-layer-color: black;
  --mat-button-outlined-label-text-color: #8996a4;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-outlined-state-layer-color: #8996a4;
  --mat-button-protected-container-color: #8996a4;
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-state-layer-color: black;
  --mat-button-text-label-text-color: #8996a4;
  --mat-button-text-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-text-state-layer-color: #8996a4;
  --mat-button-tonal-container-color: #8996a4;
  --mat-button-tonal-label-text-color: black;
  --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-tonal-state-layer-color: black;
}
.purple-theme.dark .mat-mdc-button.mat-warn,
.purple-theme.dark .mat-mdc-unelevated-button.mat-warn,
.purple-theme.dark .mat-mdc-raised-button.mat-warn,
.purple-theme.dark .mat-mdc-outlined-button.mat-warn,
.purple-theme.dark .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #dc2626;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #dc2626;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-outlined-state-layer-color: #dc2626;
  --mat-button-protected-container-color: #dc2626;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #dc2626;
  --mat-button-text-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-text-state-layer-color: #dc2626;
  --mat-button-tonal-container-color: #dc2626;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.purple-theme.dark {
  --mat-icon-button-disabled-icon-color: rgba(255, 255, 255, 0.5);
  --mat-icon-button-disabled-state-layer-color: white;
  --mat-icon-button-focus-state-layer-opacity: 0.24;
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.24;
  --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-icon-button-state-layer-color: white;
}
.purple-theme.dark .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #673ab7;
  --mat-icon-button-state-layer-color: #673ab7;
  --mat-icon-button-ripple-color: rgba(103, 58, 183, 0.1);
}
.purple-theme.dark .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #8996a4;
  --mat-icon-button-state-layer-color: #8996a4;
  --mat-icon-button-ripple-color: rgba(137, 150, 164, 0.1);
}
.purple-theme.dark .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #dc2626;
  --mat-icon-button-state-layer-color: #dc2626;
  --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1);
}
.purple-theme.dark {
  --mat-fab-container-color: #424242;
  --mat-fab-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
  --mat-fab-disabled-state-layer-color: white;
  --mat-fab-focus-state-layer-opacity: 0.24;
  --mat-fab-foreground-color: white;
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-pressed-state-layer-opacity: 0.24;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #424242;
  --mat-fab-small-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
  --mat-fab-small-disabled-state-layer-color: white;
  --mat-fab-small-focus-state-layer-opacity: 0.24;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-pressed-state-layer-opacity: 0.24;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.purple-theme.dark .mat-mdc-fab.mat-primary, .purple-theme.dark .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #673ab7;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #673ab7;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.purple-theme.dark .mat-mdc-fab.mat-accent, .purple-theme.dark .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #8996a4;
  --mat-fab-foreground-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-container-color: #8996a4;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-state-layer-color: black;
  --mat-fab-state-layer-color: black;
}
.purple-theme.dark .mat-mdc-fab.mat-warn, .purple-theme.dark .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #dc2626;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #dc2626;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.purple-theme.dark {
  --mat-snack-bar-container-color: rgb(217.2, 217.2, 217.2);
  --mat-snack-bar-supporting-text-color: rgba(66, 66, 66, 0.87);
  --mat-snack-bar-button-color: #673ab7;
}
.purple-theme.dark {
  --mat-table-background-color: #424242;
  --mat-table-header-headline-color: white;
  --mat-table-row-item-label-text-color: white;
  --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
}
.purple-theme.dark {
  --mat-progress-spinner-active-indicator-color: #673ab7;
}
.purple-theme.dark .mat-accent {
  --mat-progress-spinner-active-indicator-color: #8996a4;
}
.purple-theme.dark .mat-warn {
  --mat-progress-spinner-active-indicator-color: #dc2626;
}
.purple-theme.dark {
  --mat-badge-background-color: #673ab7;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: rgb(110.1, 110.1, 110.1);
  --mat-badge-disabled-state-text-color: rgba(255, 255, 255, 0.5);
}
.purple-theme.dark .mat-badge-accent {
  --mat-badge-background-color: #8996a4;
  --mat-badge-text-color: black;
}
.purple-theme.dark .mat-badge-warn {
  --mat-badge-background-color: #dc2626;
  --mat-badge-text-color: white;
}
.purple-theme.dark {
  --mat-bottom-sheet-container-text-color: white;
  --mat-bottom-sheet-container-background-color: #424242;
}
.purple-theme.dark {
  --mat-button-toggle-background-color: #424242;
  --mat-button-toggle-disabled-selected-state-background-color: #424242;
  --mat-button-toggle-disabled-selected-state-text-color: white;
  --mat-button-toggle-disabled-state-background-color: #424242;
  --mat-button-toggle-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-button-toggle-divider-color: rgb(88.68, 88.68, 88.68);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: #424242;
  --mat-button-toggle-legacy-disabled-state-background-color: black;
  --mat-button-toggle-legacy-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-button-toggle-legacy-selected-state-background-color: #212121;
  --mat-button-toggle-legacy-selected-state-text-color: rgba(255, 255, 255, 0.7);
  --mat-button-toggle-legacy-state-layer-color: rgba(255, 255, 255, 0.12);
  --mat-button-toggle-legacy-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-toggle-selected-state-background-color: #212121;
  --mat-button-toggle-selected-state-text-color: white;
  --mat-button-toggle-state-layer-color: white;
  --mat-button-toggle-text-color: white;
}
.purple-theme.dark {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #673ab7;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(103, 58, 183, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(103, 58, 183, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(103, 58, 183, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #673ab7;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(103, 58, 183, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color: white;
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: white;
  --mat-datepicker-calendar-navigation-button-icon-color: white;
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(255, 255, 255, 0.3);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.24);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
.purple-theme.dark .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: black;
  --mat-datepicker-calendar-date-selected-state-background-color: #8996a4;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(137, 150, 164, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: black;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(137, 150, 164, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.purple-theme.dark .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #dc2626;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.purple-theme.dark .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #8996a4;
}
.purple-theme.dark .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #dc2626;
}
.purple-theme.dark {
  --mat-divider-color: rgba(255, 255, 255, 0.12);
}
.purple-theme.dark {
  --mat-expansion-container-background-color: #424242;
  --mat-expansion-container-text-color: white;
  --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-expansion-header-text-color: white;
  --mat-expansion-header-description-color: rgba(255, 255, 255, 0.7);
  --mat-expansion-header-indicator-color: rgba(255, 255, 255, 0.7);
}
.purple-theme.dark {
  --mat-icon-color: inherit;
}
.purple-theme.dark .mat-icon.mat-primary {
  --mat-icon-color: #673ab7;
}
.purple-theme.dark .mat-icon.mat-accent {
  --mat-icon-color: #8996a4;
}
.purple-theme.dark .mat-icon.mat-warn {
  --mat-icon-color: #dc2626;
}
.purple-theme.dark {
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
  --mat-sidenav-container-background-color: #424242;
  --mat-sidenav-container-text-color: white;
  --mat-sidenav-content-background-color: #303030;
  --mat-sidenav-content-text-color: white;
  --mat-sidenav-scrim-color: rgba(189, 189, 189, 0.6);
}
.purple-theme.dark {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #673ab7;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #673ab7;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #673ab7;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: #424242;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: #dc2626;
  --mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-error-state-icon-foreground-color: #dc2626;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.purple-theme.dark .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: black;
  --mat-stepper-header-selected-state-icon-background-color: #8996a4;
  --mat-stepper-header-selected-state-icon-foreground-color: black;
  --mat-stepper-header-done-state-icon-background-color: #8996a4;
  --mat-stepper-header-done-state-icon-foreground-color: black;
  --mat-stepper-header-edit-state-icon-background-color: #8996a4;
  --mat-stepper-header-edit-state-icon-foreground-color: black;
}
.purple-theme.dark .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #dc2626;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #dc2626;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #dc2626;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.purple-theme.dark {
  --mat-sort-arrow-color: rgb(198.3, 198.3, 198.3);
}
.purple-theme.dark {
  --mat-toolbar-container-background-color: #212121;
  --mat-toolbar-container-text-color: white;
}
.purple-theme.dark .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #673ab7;
  --mat-toolbar-container-text-color: white;
}
.purple-theme.dark .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #8996a4;
  --mat-toolbar-container-text-color: black;
}
.purple-theme.dark .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: white;
}
.purple-theme.dark {
  --mat-tree-container-background-color: #424242;
  --mat-tree-node-text-color: white;
}
.purple-theme.dark {
  --mat-timepicker-container-background-color: #424242;
}
.purple-theme.dark {
  --primary-50: #ede7f6;
}
.purple-theme.dark .bg-primary-50 {
  background: #ede7f6;
}
.purple-theme.dark .b-primary-50 {
  border-color: #ede7f6 !important;
}
.purple-theme.dark {
  --primary-100: #391890;
}
.purple-theme.dark {
  --primary-200: #4a259f;
}
.purple-theme.dark {
  --primary-300: #542ca7;
}
.purple-theme.dark {
  --primary-400: #5f34b0;
}
.purple-theme.dark {
  --primary-500: #673ab7;
}
.purple-theme.dark .text-primary-500 {
  color: #673ab7 !important;
}
.purple-theme.dark {
  --primary-600: #7e58c2;
}
.purple-theme.dark {
  --primary-700: #9575cd;
}
.purple-theme.dark {
  --primary-800: #b39ddb;
}
.purple-theme.dark {
  --primary-900: #d1c4e9;
}
.purple-theme.dark {
  --accent-50: #1d2630;
}
.purple-theme.dark {
  --accent-100: #131920;
}
.purple-theme.dark {
  --accent-200: #1d2630;
}
.purple-theme.dark {
  --accent-300: #3e4853;
}
.purple-theme.dark {
  --accent-400: #5b6b79;
}
.purple-theme.dark {
  --accent-500: #8996a4;
}
.purple-theme.dark {
  --accent-600: #bec8d0;
}
.purple-theme.dark {
  --accent-700: #dbe0e5;
}
.purple-theme.dark {
  --accent-800: #f3f5f7;
}
.purple-theme.dark {
  --accent-900: #f8f9fa;
}
.purple-theme.dark {
  --warn-50: #f5bebe;
}
.purple-theme.dark {
  --warn-100: #c50d0d;
}
.purple-theme.dark {
  --warn-200: #ce1717;
}
.purple-theme.dark {
  --warn-300: #d31c1c;
}
.purple-theme.dark {
  --warn-400: #d82222;
}
.purple-theme.dark {
  --warn-500: #dc2626;
}
.purple-theme.dark .text-warn-500 {
  color: #dc2626 !important;
}
.purple-theme.dark {
  --warn-600: #e14747;
}
.purple-theme.dark {
  --warn-700: #e76767;
}
.purple-theme.dark {
  --warn-800: #ee9393;
}
.purple-theme.dark {
  --warn-900: #f5bebe;
}
.purple-theme.dark {
  --success-50: #e6f5f0;
}
.purple-theme.dark {
  --success-100: #107d4f;
}
.purple-theme.dark {
  --success-200: #1b8d62;
}
.purple-theme.dark {
  --success-300: #21976c;
}
.purple-theme.dark {
  --success-400: #27a077;
}
.purple-theme.dark {
  --success-500: #2ca87f;
}
.purple-theme.dark {
  --success-600: #4cb592;
}
.purple-theme.dark {
  --success-700: #6bc2a5;
}
.purple-theme.dark {
  --success-800: #96d4bf;
}
.purple-theme.dark {
  --success-900: #c0e5d9;
}
.purple-theme.dark {
  --warning-50: #fcf1e0;
}
.purple-theme.dark {
  --warning-100: #d35a00;
}
.purple-theme.dark {
  --warning-200: #da6d00;
}
.purple-theme.dark {
  --warning-300: #de7700;
}
.purple-theme.dark {
  --warning-400: #e28200;
}
.purple-theme.dark {
  --warning-500: #e58a00;
}
.purple-theme.dark {
  --warning-600: #e99c26;
}
.purple-theme.dark {
  --warning-700: #edad4d;
}
.purple-theme.dark {
  --warning-800: #f2c580;
}
.purple-theme.dark {
  --warning-900: #f7dcb3;
}

.pink-theme {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}
.pink-theme {
  --mat-option-selected-state-label-text-color: #e83e8c;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.pink-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #8996a4;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.pink-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #dc2626;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.pink-theme {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
.pink-theme {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.pink-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #e83e8c;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e83e8c;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.pink-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.pink-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #dc2626;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #dc2626;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.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);
}
.pink-theme {
  --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);
}
.pink-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #e83e8c;
  --mat-progress-bar-track-color: rgba(232, 62, 140, 0.25);
}
.pink-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #8996a4;
  --mat-progress-bar-track-color: rgba(137, 150, 164, 0.25);
}
.pink-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #dc2626;
  --mat-progress-bar-track-color: rgba(220, 38, 38, 0.25);
}
.pink-theme {
  --mat-tooltip-container-color: #616161;
  --mat-tooltip-supporting-text-color: #fff;
}
.pink-theme {
  --mat-form-field-focus-select-arrow-color: rgba(232, 62, 140, 0.87);
  --mat-form-field-filled-caret-color: #e83e8c;
  --mat-form-field-filled-focus-active-indicator-color: #e83e8c;
  --mat-form-field-filled-focus-label-text-color: rgba(232, 62, 140, 0.87);
  --mat-form-field-outlined-caret-color: #e83e8c;
  --mat-form-field-outlined-focus-outline-color: #e83e8c;
  --mat-form-field-outlined-focus-label-text-color: rgba(232, 62, 140, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #dc2626;
  --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: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
  --mat-form-field-filled-container-color: rgb(244.8, 244.8, 244.8);
  --mat-form-field-filled-disabled-container-color: rgb(249.9, 249.9, 249.9);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-error-hover-label-text-color: #dc2626;
  --mat-form-field-filled-error-focus-label-text-color: #dc2626;
  --mat-form-field-filled-error-label-text-color: #dc2626;
  --mat-form-field-filled-error-caret-color: #dc2626;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mat-form-field-filled-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-hover-active-indicator-color: #dc2626;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-error-caret-color: #dc2626;
  --mat-form-field-outlined-error-focus-label-text-color: #dc2626;
  --mat-form-field-outlined-error-label-text-color: #dc2626;
  --mat-form-field-outlined-error-hover-label-text-color: #dc2626;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #dc2626;
  --mat-form-field-outlined-error-hover-outline-color: #dc2626;
  --mat-form-field-outlined-error-outline-color: #dc2626;
}
.pink-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-filled-caret-color: #8996a4;
  --mat-form-field-filled-focus-active-indicator-color: #8996a4;
  --mat-form-field-filled-focus-label-text-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-outlined-caret-color: #8996a4;
  --mat-form-field-outlined-focus-outline-color: #8996a4;
  --mat-form-field-outlined-focus-label-text-color: rgba(137, 150, 164, 0.87);
}
.pink-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-filled-caret-color: #dc2626;
  --mat-form-field-filled-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-focus-label-text-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-outlined-caret-color: #dc2626;
  --mat-form-field-outlined-focus-outline-color: #dc2626;
  --mat-form-field-outlined-focus-label-text-color: rgba(220, 38, 38, 0.87);
}
.pink-theme {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(232, 62, 140, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.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: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.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: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.pink-theme {
  --mat-autocomplete-background-color: white;
}
.pink-theme {
  --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.6);
}
.pink-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: #212121;
  --mat-chip-elevated-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-elevated-disabled-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-elevated-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-flat-disabled-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
  --mat-chip-with-icon-disabled-icon-color: #212121;
  --mat-chip-with-icon-icon-color: #212121;
  --mat-chip-with-icon-selected-icon-color: #212121;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mat-chip-with-trailing-icon-trailing-icon-color: #212121;
}
.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: white;
  --mat-chip-elevated-container-color: #e83e8c;
  --mat-chip-elevated-disabled-container-color: #e83e8c;
  --mat-chip-elevated-selected-container-color: #e83e8c;
  --mat-chip-flat-disabled-selected-container-color: #e83e8c;
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.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: black;
  --mat-chip-elevated-container-color: #8996a4;
  --mat-chip-elevated-disabled-container-color: #8996a4;
  --mat-chip-elevated-selected-container-color: #8996a4;
  --mat-chip-flat-disabled-selected-container-color: #8996a4;
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: black;
  --mat-chip-selected-disabled-trailing-icon-color: black;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: black;
  --mat-chip-selected-trailing-icon-color: black;
  --mat-chip-with-icon-disabled-icon-color: black;
  --mat-chip-with-icon-icon-color: black;
  --mat-chip-with-icon-selected-icon-color: black;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: black;
  --mat-chip-with-trailing-icon-trailing-icon-color: black;
}
.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: white;
  --mat-chip-elevated-container-color: #dc2626;
  --mat-chip-elevated-disabled-container-color: #dc2626;
  --mat-chip-elevated-selected-container-color: #dc2626;
  --mat-chip-flat-disabled-selected-container-color: #dc2626;
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.pink-theme {
  --mat-slide-toggle-selected-focus-state-layer-color: #e53884;
  --mat-slide-toggle-selected-handle-color: #e53884;
  --mat-slide-toggle-selected-hover-state-layer-color: #e53884;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e53884;
  --mat-slide-toggle-selected-focus-handle-color: #d81b5c;
  --mat-slide-toggle-selected-hover-handle-color: #d81b5c;
  --mat-slide-toggle-selected-pressed-handle-color: #d81b5c;
  --mat-slide-toggle-selected-focus-track-color: #ef78af;
  --mat-slide-toggle-selected-hover-track-color: #ef78af;
  --mat-slide-toggle-selected-pressed-track-color: #ef78af;
  --mat-slide-toggle-selected-track-color: #ef78af;
  --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: #424242;
  --mat-slide-toggle-disabled-selected-icon-color: #fff;
  --mat-slide-toggle-disabled-selected-track-color: #424242;
  --mat-slide-toggle-disabled-unselected-handle-color: #424242;
  --mat-slide-toggle-disabled-unselected-icon-color: #fff;
  --mat-slide-toggle-disabled-unselected-track-color: #424242;
  --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: #fff;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-icon-color: #fff;
  --mat-slide-toggle-unselected-hover-handle-color: #212121;
  --mat-slide-toggle-unselected-focus-handle-color: #212121;
  --mat-slide-toggle-unselected-focus-state-layer-color: #424242;
  --mat-slide-toggle-unselected-focus-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-icon-color: #fff;
  --mat-slide-toggle-unselected-handle-color: #616161;
  --mat-slide-toggle-unselected-hover-state-layer-color: #424242;
  --mat-slide-toggle-unselected-hover-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-pressed-handle-color: #212121;
  --mat-slide-toggle-unselected-pressed-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #424242;
  --mat-slide-toggle-unselected-track-color: #e0e0e0;
}
.pink-theme {
  --mdc-slide-toggle-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-slide-toggle-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
.pink-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
}
.pink-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-focus-state-layer-color: #5b6b79;
  --mat-slide-toggle-selected-handle-color: #5b6b79;
  --mat-slide-toggle-selected-hover-state-layer-color: #5b6b79;
  --mat-slide-toggle-selected-pressed-state-layer-color: #5b6b79;
  --mat-slide-toggle-selected-focus-handle-color: #131920;
  --mat-slide-toggle-selected-hover-handle-color: #131920;
  --mat-slide-toggle-selected-pressed-handle-color: #131920;
  --mat-slide-toggle-selected-focus-track-color: #dbe0e5;
  --mat-slide-toggle-selected-hover-track-color: #dbe0e5;
  --mat-slide-toggle-selected-pressed-track-color: #dbe0e5;
  --mat-slide-toggle-selected-track-color: #dbe0e5;
}
.pink-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-focus-state-layer-color: #d82222;
  --mat-slide-toggle-selected-handle-color: #d82222;
  --mat-slide-toggle-selected-hover-state-layer-color: #d82222;
  --mat-slide-toggle-selected-pressed-state-layer-color: #d82222;
  --mat-slide-toggle-selected-focus-handle-color: #c50d0d;
  --mat-slide-toggle-selected-hover-handle-color: #c50d0d;
  --mat-slide-toggle-selected-pressed-handle-color: #c50d0d;
  --mat-slide-toggle-selected-focus-track-color: #e76767;
  --mat-slide-toggle-selected-hover-track-color: #e76767;
  --mat-slide-toggle-selected-pressed-track-color: #e76767;
  --mat-slide-toggle-selected-track-color: #e76767;
}
.pink-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #e83e8c;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #e83e8c;
  --mat-radio-selected-hover-icon-color: #e83e8c;
  --mat-radio-selected-icon-color: #e83e8c;
  --mat-radio-selected-pressed-icon-color: #e83e8c;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.pink-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #8996a4;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #8996a4;
  --mat-radio-selected-hover-icon-color: #8996a4;
  --mat-radio-selected-icon-color: #8996a4;
  --mat-radio-selected-pressed-icon-color: #8996a4;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.pink-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #dc2626;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #dc2626;
  --mat-radio-selected-hover-icon-color: #dc2626;
  --mat-radio-selected-icon-color: #dc2626;
  --mat-radio-selected-pressed-icon-color: #dc2626;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.pink-theme {
  --mat-slider-active-track-color: #e83e8c;
  --mat-slider-focus-handle-color: #e83e8c;
  --mat-slider-focus-state-layer-color: rgba(232, 62, 140, 0.2);
  --mat-slider-handle-color: #e83e8c;
  --mat-slider-hover-handle-color: #e83e8c;
  --mat-slider-hover-state-layer-color: rgba(232, 62, 140, 0.05);
  --mat-slider-inactive-track-color: #e83e8c;
  --mat-slider-ripple-color: #e83e8c;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #e83e8c;
  --mat-slider-disabled-active-track-color: #000;
  --mat-slider-disabled-handle-color: #000;
  --mat-slider-disabled-inactive-track-color: #000;
  --mat-slider-label-container-color: #000;
  --mat-slider-label-label-text-color: #fff;
  --mat-slider-value-indicator-opacity: 0.6;
  --mat-slider-with-overlap-handle-outline-color: #fff;
  --mat-slider-with-tick-marks-disabled-container-color: #000;
}
.pink-theme .mat-accent {
  --mat-slider-active-track-color: #8996a4;
  --mat-slider-focus-handle-color: #8996a4;
  --mat-slider-focus-state-layer-color: rgba(137, 150, 164, 0.2);
  --mat-slider-handle-color: #8996a4;
  --mat-slider-hover-handle-color: #8996a4;
  --mat-slider-hover-state-layer-color: rgba(137, 150, 164, 0.05);
  --mat-slider-inactive-track-color: #8996a4;
  --mat-slider-ripple-color: #8996a4;
  --mat-slider-with-tick-marks-active-container-color: black;
  --mat-slider-with-tick-marks-inactive-container-color: #8996a4;
}
.pink-theme .mat-warn {
  --mat-slider-active-track-color: #dc2626;
  --mat-slider-focus-handle-color: #dc2626;
  --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2);
  --mat-slider-handle-color: #dc2626;
  --mat-slider-hover-handle-color: #dc2626;
  --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05);
  --mat-slider-inactive-track-color: #dc2626;
  --mat-slider-ripple-color: #dc2626;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #dc2626;
}
.pink-theme {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
.pink-theme {
  --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.38);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-disabled-label-text-color: black;
  --mat-list-list-item-disabled-leading-icon-color: black;
  --mat-list-list-item-disabled-trailing-icon-color: black;
  --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.38);
  --mat-list-list-item-hover-state-layer-color: black;
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: black;
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.pink-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #e83e8c;
  --mat-checkbox-selected-hover-icon-color: #e83e8c;
  --mat-checkbox-selected-icon-color: #e83e8c;
  --mat-checkbox-selected-pressed-icon-color: #e83e8c;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e83e8c;
  --mat-checkbox-selected-hover-state-layer-color: #e83e8c;
  --mat-checkbox-selected-pressed-state-layer-color: #e83e8c;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.pink-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.pink-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.pink-theme {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}
.pink-theme .mat-mdc-tab-group,
.pink-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-label-text-color: #e83e8c;
  --mat-tab-active-ripple-color: #e83e8c;
  --mat-tab-inactive-ripple-color: #e83e8c;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-focus-label-text-color: #e83e8c;
  --mat-tab-active-hover-label-text-color: #e83e8c;
  --mat-tab-active-focus-indicator-color: #e83e8c;
  --mat-tab-active-hover-indicator-color: #e83e8c;
  --mat-tab-active-indicator-color: #e83e8c;
}
.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.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-label-text-color: #8996a4;
  --mat-tab-active-ripple-color: #8996a4;
  --mat-tab-inactive-ripple-color: #8996a4;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-focus-label-text-color: #8996a4;
  --mat-tab-active-hover-label-text-color: #8996a4;
  --mat-tab-active-focus-indicator-color: #8996a4;
  --mat-tab-active-hover-indicator-color: #8996a4;
  --mat-tab-active-indicator-color: #8996a4;
}
.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.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-label-text-color: #dc2626;
  --mat-tab-active-ripple-color: #dc2626;
  --mat-tab-inactive-ripple-color: #dc2626;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-focus-label-text-color: #dc2626;
  --mat-tab-active-hover-label-text-color: #dc2626;
  --mat-tab-active-focus-indicator-color: #dc2626;
  --mat-tab-active-hover-indicator-color: #dc2626;
  --mat-tab-active-indicator-color: #dc2626;
}
.pink-theme {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.pink-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #e83e8c;
  --mat-checkbox-selected-hover-icon-color: #e83e8c;
  --mat-checkbox-selected-icon-color: #e83e8c;
  --mat-checkbox-selected-pressed-icon-color: #e83e8c;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e83e8c;
  --mat-checkbox-selected-hover-state-layer-color: #e83e8c;
  --mat-checkbox-selected-pressed-state-layer-color: #e83e8c;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.pink-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.pink-theme {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mat-button-filled-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-filled-disabled-state-layer-color: black;
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-state-layer-color: black;
  --mat-button-outlined-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: black;
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: black;
  --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: rgba(0, 0, 0, 0.1);
  --mat-button-outlined-state-layer-color: black;
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-protected-disabled-state-layer-color: black;
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-state-layer-color: black;
  --mat-button-text-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-text-disabled-state-layer-color: black;
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: black;
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-text-state-layer-color: black;
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mat-button-tonal-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-tonal-disabled-state-layer-color: black;
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: black;
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-tonal-state-layer-color: black;
}
.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: #e83e8c;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #e83e8c;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: rgba(232, 62, 140, 0.1);
  --mat-button-outlined-state-layer-color: #e83e8c;
  --mat-button-protected-container-color: #e83e8c;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #e83e8c;
  --mat-button-text-ripple-color: rgba(232, 62, 140, 0.1);
  --mat-button-text-state-layer-color: #e83e8c;
  --mat-button-tonal-container-color: #e83e8c;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.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: #8996a4;
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-state-layer-color: black;
  --mat-button-outlined-label-text-color: #8996a4;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-outlined-state-layer-color: #8996a4;
  --mat-button-protected-container-color: #8996a4;
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-state-layer-color: black;
  --mat-button-text-label-text-color: #8996a4;
  --mat-button-text-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-text-state-layer-color: #8996a4;
  --mat-button-tonal-container-color: #8996a4;
  --mat-button-tonal-label-text-color: black;
  --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-tonal-state-layer-color: black;
}
.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: #dc2626;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #dc2626;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-outlined-state-layer-color: #dc2626;
  --mat-button-protected-container-color: #dc2626;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #dc2626;
  --mat-button-text-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-text-state-layer-color: #dc2626;
  --mat-button-tonal-container-color: #dc2626;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.pink-theme {
  --mat-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-disabled-state-layer-color: black;
  --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: rgba(0, 0, 0, 0.1);
  --mat-icon-button-state-layer-color: black;
}
.pink-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #e83e8c;
  --mat-icon-button-state-layer-color: #e83e8c;
  --mat-icon-button-ripple-color: rgba(232, 62, 140, 0.1);
}
.pink-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #8996a4;
  --mat-icon-button-state-layer-color: #8996a4;
  --mat-icon-button-ripple-color: rgba(137, 150, 164, 0.1);
}
.pink-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #dc2626;
  --mat-icon-button-state-layer-color: #dc2626;
  --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1);
}
.pink-theme {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: black;
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-state-layer-color: black;
  --mat-fab-state-layer-color: black;
}
.pink-theme .mat-mdc-fab.mat-primary, .pink-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #e83e8c;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #e83e8c;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.pink-theme .mat-mdc-fab.mat-accent, .pink-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #8996a4;
  --mat-fab-foreground-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-container-color: #8996a4;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-state-layer-color: black;
  --mat-fab-state-layer-color: black;
}
.pink-theme .mat-mdc-fab.mat-warn, .pink-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #dc2626;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #dc2626;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.pink-theme {
  --mat-snack-bar-container-color: #333333;
  --mat-snack-bar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #f8c5dd;
}
.pink-theme {
  --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);
}
.pink-theme {
  --mat-progress-spinner-active-indicator-color: #e83e8c;
}
.pink-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #8996a4;
}
.pink-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #dc2626;
}
.pink-theme {
  --mat-badge-background-color: #e83e8c;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}
.pink-theme .mat-badge-accent {
  --mat-badge-background-color: #8996a4;
  --mat-badge-text-color: black;
}
.pink-theme .mat-badge-warn {
  --mat-badge-background-color: #dc2626;
  --mat-badge-text-color: white;
}
.pink-theme {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
.pink-theme {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-button-toggle-divider-color: rgb(224.4, 224.4, 224.4);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: #bdbdbd;
  --mat-button-toggle-legacy-disabled-state-background-color: #eeeeee;
  --mat-button-toggle-legacy-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-button-toggle-legacy-selected-state-background-color: #e0e0e0;
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-button-toggle-legacy-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: black;
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}
.pink-theme {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #e83e8c;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(232, 62, 140, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(232, 62, 140, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(232, 62, 140, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #e83e8c;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(232, 62, 140, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.pink-theme .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: black;
  --mat-datepicker-calendar-date-selected-state-background-color: #8996a4;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(137, 150, 164, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: black;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(137, 150, 164, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.pink-theme .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #dc2626;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.pink-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #8996a4;
}
.pink-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #dc2626;
}
.pink-theme {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
.pink-theme {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
.pink-theme {
  --mat-icon-color: inherit;
}
.pink-theme .mat-icon.mat-primary {
  --mat-icon-color: #e83e8c;
}
.pink-theme .mat-icon.mat-accent {
  --mat-icon-color: #8996a4;
}
.pink-theme .mat-icon.mat-warn {
  --mat-icon-color: #dc2626;
}
.pink-theme {
  --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);
}
.pink-theme {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #e83e8c;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #e83e8c;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #e83e8c;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #dc2626;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #dc2626;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.pink-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: black;
  --mat-stepper-header-selected-state-icon-background-color: #8996a4;
  --mat-stepper-header-selected-state-icon-foreground-color: black;
  --mat-stepper-header-done-state-icon-background-color: #8996a4;
  --mat-stepper-header-done-state-icon-foreground-color: black;
  --mat-stepper-header-edit-state-icon-background-color: #8996a4;
  --mat-stepper-header-edit-state-icon-foreground-color: black;
}
.pink-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #dc2626;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #dc2626;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #dc2626;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.pink-theme {
  --mat-sort-arrow-color: rgb(117.3, 117.3, 117.3);
}
.pink-theme {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.pink-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #e83e8c;
  --mat-toolbar-container-text-color: white;
}
.pink-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #8996a4;
  --mat-toolbar-container-text-color: black;
}
.pink-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: white;
}
.pink-theme {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
.pink-theme {
  --mat-timepicker-container-background-color: white;
}
.pink-theme {
  --primary-50: #fce8f1;
}
.pink-theme .bg-primary-50 {
  background: #fce8f1;
}
.pink-theme .b-primary-50 {
  border-color: #fce8f1 !important;
}
.pink-theme {
  --primary-100: #f8c5dd;
}
.pink-theme {
  --primary-200: #f49fc6;
}
.pink-theme {
  --primary-300: #ef78af;
}
.pink-theme {
  --primary-400: #eb5b9d;
}
.pink-theme {
  --primary-500: #e83e8c;
}
.pink-theme .text-primary-500 {
  color: #e83e8c !important;
}
.pink-theme {
  --primary-600: #e53884;
}
.pink-theme {
  --primary-700: #e23079;
}
.pink-theme {
  --primary-800: #de286f;
}
.pink-theme {
  --primary-900: #d81b5c;
}
.pink-theme {
  --accent-50: #fff;
}
.pink-theme {
  --accent-100: #f8f9fa;
}
.pink-theme {
  --accent-200: #f3f5f7;
}
.pink-theme {
  --accent-300: #dbe0e5;
}
.pink-theme {
  --accent-400: #bec8d0;
}
.pink-theme {
  --accent-500: #8996a4;
}
.pink-theme {
  --accent-600: #5b6b79;
}
.pink-theme {
  --accent-700: #3e4853;
}
.pink-theme {
  --accent-800: #1d2630;
}
.pink-theme {
  --accent-900: #131920;
}
.pink-theme {
  --warn-50: #fbe5e5;
}
.pink-theme {
  --warn-100: #f5bebe;
}
.pink-theme {
  --warn-200: #ee9393;
}
.pink-theme {
  --warn-300: #e76767;
}
.pink-theme {
  --warn-400: #e14747;
}
.pink-theme {
  --warn-500: #dc2626;
}
.pink-theme .text-warn-500 {
  color: #dc2626 !important;
}
.pink-theme {
  --warn-600: #d82222;
}
.pink-theme {
  --warn-700: #d31c1c;
}
.pink-theme {
  --warn-800: #ce1717;
}
.pink-theme {
  --warn-900: #c50d0d;
}
.pink-theme {
  --success-50: #e6f5f0;
}
.pink-theme {
  --success-100: #c0e5d9;
}
.pink-theme {
  --success-200: #96d4bf;
}
.pink-theme {
  --success-300: #6bc2a5;
}
.pink-theme {
  --success-400: #4cb592;
}
.pink-theme {
  --success-500: #2ca87f;
}
.pink-theme {
  --success-600: #27a077;
}
.pink-theme {
  --success-700: #21976c;
}
.pink-theme {
  --success-800: #1b8d62;
}
.pink-theme {
  --success-900: #107d4f;
}
.pink-theme {
  --warning-50: #fcf1e0;
}
.pink-theme {
  --warning-100: #f7dcb3;
}
.pink-theme {
  --warning-200: #f2c580;
}
.pink-theme {
  --warning-300: #edad4d;
}
.pink-theme {
  --warning-400: #e99c26;
}
.pink-theme {
  --warning-500: #e58a00;
}
.pink-theme {
  --warning-600: #e28200;
}
.pink-theme {
  --warning-700: #de7700;
}
.pink-theme {
  --warning-800: #da6d00;
}
.pink-theme {
  --warning-900: #d35a00;
}
.pink-theme.dark {
  --mat-ripple-color: rgba(255, 255, 255, 0.1);
}
.pink-theme.dark {
  --mat-option-selected-state-label-text-color: #e83e8c;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.pink-theme.dark .mat-accent {
  --mat-option-selected-state-label-text-color: #8996a4;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.pink-theme.dark .mat-warn {
  --mat-option-selected-state-label-text-color: #dc2626;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.pink-theme.dark {
  --mat-optgroup-label-text-color: white;
}
.pink-theme.dark {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.pink-theme.dark .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #e83e8c;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e83e8c;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.pink-theme.dark .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.pink-theme.dark .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #dc2626;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #dc2626;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.pink-theme.dark {
  --mat-app-background-color: #303030;
  --mat-app-text-color: white;
  --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);
}
.pink-theme.dark {
  --mat-card-elevated-container-color: #424242;
  --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: #424242;
  --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(255, 255, 255, 0.12);
  --mat-card-subtitle-text-color: rgba(255, 255, 255, 0.7);
  --mat-card-filled-container-color: #424242;
  --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);
}
.pink-theme.dark .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #e83e8c;
  --mat-progress-bar-track-color: rgba(232, 62, 140, 0.25);
}
.pink-theme.dark .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #8996a4;
  --mat-progress-bar-track-color: rgba(137, 150, 164, 0.25);
}
.pink-theme.dark .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #dc2626;
  --mat-progress-bar-track-color: rgba(220, 38, 38, 0.25);
}
.pink-theme.dark {
  --mat-tooltip-container-color: #616161;
  --mat-tooltip-supporting-text-color: #fff;
}
.pink-theme.dark {
  --mat-form-field-focus-select-arrow-color: rgba(232, 62, 140, 0.87);
  --mat-form-field-filled-caret-color: #e83e8c;
  --mat-form-field-filled-focus-active-indicator-color: #e83e8c;
  --mat-form-field-filled-focus-label-text-color: rgba(232, 62, 140, 0.87);
  --mat-form-field-outlined-caret-color: #e83e8c;
  --mat-form-field-outlined-focus-outline-color: #e83e8c;
  --mat-form-field-outlined-focus-label-text-color: rgba(232, 62, 140, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-state-layer-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-error-text-color: #dc2626;
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --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(255, 255, 255, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-focus-state-layer-opacity: 0.24;
  --mat-form-field-filled-container-color: rgb(73.56, 73.56, 73.56);
  --mat-form-field-filled-disabled-container-color: rgb(69.78, 69.78, 69.78);
  --mat-form-field-filled-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-filled-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-filled-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-filled-input-text-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-filled-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-filled-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-filled-error-hover-label-text-color: #dc2626;
  --mat-form-field-filled-error-focus-label-text-color: #dc2626;
  --mat-form-field-filled-error-label-text-color: #dc2626;
  --mat-form-field-filled-error-caret-color: #dc2626;
  --mat-form-field-filled-active-indicator-color: rgba(255, 255, 255, 0.42);
  --mat-form-field-filled-disabled-active-indicator-color: rgba(255, 255, 255, 0.06);
  --mat-form-field-filled-hover-active-indicator-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-hover-active-indicator-color: #dc2626;
  --mat-form-field-outlined-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-outlined-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-outlined-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-input-text-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-outlined-error-caret-color: #dc2626;
  --mat-form-field-outlined-error-focus-label-text-color: #dc2626;
  --mat-form-field-outlined-error-label-text-color: #dc2626;
  --mat-form-field-outlined-error-hover-label-text-color: #dc2626;
  --mat-form-field-outlined-outline-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-disabled-outline-color: rgba(255, 255, 255, 0.06);
  --mat-form-field-outlined-hover-outline-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #dc2626;
  --mat-form-field-outlined-error-hover-outline-color: #dc2626;
  --mat-form-field-outlined-error-outline-color: #dc2626;
}
.pink-theme.dark .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-filled-caret-color: #8996a4;
  --mat-form-field-filled-focus-active-indicator-color: #8996a4;
  --mat-form-field-filled-focus-label-text-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-outlined-caret-color: #8996a4;
  --mat-form-field-outlined-focus-outline-color: #8996a4;
  --mat-form-field-outlined-focus-label-text-color: rgba(137, 150, 164, 0.87);
}
.pink-theme.dark .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-filled-caret-color: #dc2626;
  --mat-form-field-filled-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-focus-label-text-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-outlined-caret-color: #dc2626;
  --mat-form-field-outlined-focus-outline-color: #dc2626;
  --mat-form-field-outlined-focus-label-text-color: rgba(220, 38, 38, 0.87);
}
.pink-theme.dark {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(232, 62, 140, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.pink-theme.dark .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.pink-theme.dark .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.pink-theme.dark {
  --mat-autocomplete-background-color: #424242;
}
.pink-theme.dark {
  --mat-dialog-container-color: #424242;
  --mat-dialog-subhead-color: rgba(255, 255, 255, 0.87);
  --mat-dialog-supporting-text-color: rgba(255, 255, 255, 0.6);
}
.pink-theme.dark .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: #fafafa;
  --mat-chip-elevated-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-elevated-disabled-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-elevated-selected-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-flat-disabled-selected-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: #fafafa;
  --mat-chip-selected-disabled-trailing-icon-color: #fafafa;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: #fafafa;
  --mat-chip-selected-trailing-icon-color: #fafafa;
  --mat-chip-with-icon-disabled-icon-color: #fafafa;
  --mat-chip-with-icon-icon-color: #fafafa;
  --mat-chip-with-icon-selected-icon-color: #fafafa;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa;
  --mat-chip-with-trailing-icon-trailing-icon-color: #fafafa;
}
.pink-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .pink-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #e83e8c;
  --mat-chip-elevated-disabled-container-color: #e83e8c;
  --mat-chip-elevated-selected-container-color: #e83e8c;
  --mat-chip-flat-disabled-selected-container-color: #e83e8c;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.pink-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .pink-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: black;
  --mat-chip-elevated-container-color: #8996a4;
  --mat-chip-elevated-disabled-container-color: #8996a4;
  --mat-chip-elevated-selected-container-color: #8996a4;
  --mat-chip-flat-disabled-selected-container-color: #8996a4;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: black;
  --mat-chip-selected-disabled-trailing-icon-color: black;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: black;
  --mat-chip-selected-trailing-icon-color: black;
  --mat-chip-with-icon-disabled-icon-color: black;
  --mat-chip-with-icon-icon-color: black;
  --mat-chip-with-icon-selected-icon-color: black;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: black;
  --mat-chip-with-trailing-icon-trailing-icon-color: black;
}
.pink-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .pink-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #dc2626;
  --mat-chip-elevated-disabled-container-color: #dc2626;
  --mat-chip-elevated-selected-container-color: #dc2626;
  --mat-chip-flat-disabled-selected-container-color: #dc2626;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.pink-theme.dark {
  --mat-slide-toggle-selected-focus-state-layer-color: #e23079;
  --mat-slide-toggle-selected-handle-color: #e23079;
  --mat-slide-toggle-selected-hover-state-layer-color: #e23079;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e23079;
  --mat-slide-toggle-selected-focus-handle-color: #de286f;
  --mat-slide-toggle-selected-hover-handle-color: #de286f;
  --mat-slide-toggle-selected-pressed-handle-color: #de286f;
  --mat-slide-toggle-selected-focus-track-color: #eb5b9d;
  --mat-slide-toggle-selected-hover-track-color: #eb5b9d;
  --mat-slide-toggle-selected-pressed-track-color: #eb5b9d;
  --mat-slide-toggle-selected-track-color: #eb5b9d;
  --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: #000;
  --mat-slide-toggle-disabled-selected-icon-color: #212121;
  --mat-slide-toggle-disabled-selected-track-color: #f5f5f5;
  --mat-slide-toggle-disabled-unselected-handle-color: #000;
  --mat-slide-toggle-disabled-unselected-icon-color: #212121;
  --mat-slide-toggle-disabled-unselected-track-color: #f5f5f5;
  --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: #fff;
  --mat-slide-toggle-label-text-color: white;
  --mat-slide-toggle-selected-icon-color: #212121;
  --mat-slide-toggle-unselected-hover-handle-color: #fafafa;
  --mat-slide-toggle-unselected-focus-handle-color: #fafafa;
  --mat-slide-toggle-unselected-focus-state-layer-color: #f5f5f5;
  --mat-slide-toggle-unselected-focus-track-color: #616161;
  --mat-slide-toggle-unselected-icon-color: #212121;
  --mat-slide-toggle-unselected-handle-color: #9e9e9e;
  --mat-slide-toggle-unselected-hover-state-layer-color: #f5f5f5;
  --mat-slide-toggle-unselected-hover-track-color: #616161;
  --mat-slide-toggle-unselected-pressed-handle-color: #fafafa;
  --mat-slide-toggle-unselected-pressed-track-color: #616161;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #f5f5f5;
  --mat-slide-toggle-unselected-track-color: #616161;
}
.pink-theme.dark {
  --mdc-slide-toggle-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-slide-toggle-disabled-label-text-color: rgba(255, 255, 255, 0.5);
}
.pink-theme.dark .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-color: white;
}
.pink-theme.dark .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-focus-state-layer-color: #3e4853;
  --mat-slide-toggle-selected-handle-color: #3e4853;
  --mat-slide-toggle-selected-hover-state-layer-color: #3e4853;
  --mat-slide-toggle-selected-pressed-state-layer-color: #3e4853;
  --mat-slide-toggle-selected-focus-handle-color: #1d2630;
  --mat-slide-toggle-selected-hover-handle-color: #1d2630;
  --mat-slide-toggle-selected-pressed-handle-color: #1d2630;
  --mat-slide-toggle-selected-focus-track-color: #bec8d0;
  --mat-slide-toggle-selected-hover-track-color: #bec8d0;
  --mat-slide-toggle-selected-pressed-track-color: #bec8d0;
  --mat-slide-toggle-selected-track-color: #bec8d0;
}
.pink-theme.dark .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-focus-state-layer-color: #d31c1c;
  --mat-slide-toggle-selected-handle-color: #d31c1c;
  --mat-slide-toggle-selected-hover-state-layer-color: #d31c1c;
  --mat-slide-toggle-selected-pressed-state-layer-color: #d31c1c;
  --mat-slide-toggle-selected-focus-handle-color: #ce1717;
  --mat-slide-toggle-selected-hover-handle-color: #ce1717;
  --mat-slide-toggle-selected-pressed-handle-color: #ce1717;
  --mat-slide-toggle-selected-focus-track-color: #e14747;
  --mat-slide-toggle-selected-hover-track-color: #e14747;
  --mat-slide-toggle-selected-pressed-track-color: #e14747;
  --mat-slide-toggle-selected-track-color: #e14747;
}
.pink-theme.dark .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #e83e8c;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #e83e8c;
  --mat-radio-selected-hover-icon-color: #e83e8c;
  --mat-radio-selected-icon-color: #e83e8c;
  --mat-radio-selected-pressed-icon-color: #e83e8c;
  --mat-radio-unselected-focus-icon-color: #eeeeee;
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}
.pink-theme.dark .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #8996a4;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #8996a4;
  --mat-radio-selected-hover-icon-color: #8996a4;
  --mat-radio-selected-icon-color: #8996a4;
  --mat-radio-selected-pressed-icon-color: #8996a4;
  --mat-radio-unselected-focus-icon-color: #eeeeee;
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}
.pink-theme.dark .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #dc2626;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #dc2626;
  --mat-radio-selected-hover-icon-color: #dc2626;
  --mat-radio-selected-icon-color: #dc2626;
  --mat-radio-selected-pressed-icon-color: #dc2626;
  --mat-radio-unselected-focus-icon-color: #eeeeee;
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}
.pink-theme.dark {
  --mat-slider-active-track-color: #e83e8c;
  --mat-slider-focus-handle-color: #e83e8c;
  --mat-slider-focus-state-layer-color: rgba(232, 62, 140, 0.2);
  --mat-slider-handle-color: #e83e8c;
  --mat-slider-hover-handle-color: #e83e8c;
  --mat-slider-hover-state-layer-color: rgba(232, 62, 140, 0.05);
  --mat-slider-inactive-track-color: #e83e8c;
  --mat-slider-ripple-color: #e83e8c;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #e83e8c;
  --mat-slider-disabled-active-track-color: #fff;
  --mat-slider-disabled-handle-color: #fff;
  --mat-slider-disabled-inactive-track-color: #fff;
  --mat-slider-label-container-color: #fff;
  --mat-slider-label-label-text-color: #000;
  --mat-slider-value-indicator-opacity: 0.9;
  --mat-slider-with-overlap-handle-outline-color: #fff;
  --mat-slider-with-tick-marks-disabled-container-color: #fff;
}
.pink-theme.dark .mat-accent {
  --mat-slider-active-track-color: #8996a4;
  --mat-slider-focus-handle-color: #8996a4;
  --mat-slider-focus-state-layer-color: rgba(137, 150, 164, 0.2);
  --mat-slider-handle-color: #8996a4;
  --mat-slider-hover-handle-color: #8996a4;
  --mat-slider-hover-state-layer-color: rgba(137, 150, 164, 0.05);
  --mat-slider-inactive-track-color: #8996a4;
  --mat-slider-ripple-color: #8996a4;
  --mat-slider-with-tick-marks-active-container-color: black;
  --mat-slider-with-tick-marks-inactive-container-color: #8996a4;
}
.pink-theme.dark .mat-warn {
  --mat-slider-active-track-color: #dc2626;
  --mat-slider-focus-handle-color: #dc2626;
  --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2);
  --mat-slider-handle-color: #dc2626;
  --mat-slider-hover-handle-color: #dc2626;
  --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05);
  --mat-slider-inactive-track-color: #dc2626;
  --mat-slider-ripple-color: #dc2626;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #dc2626;
}
.pink-theme.dark {
  --mat-menu-item-label-text-color: white;
  --mat-menu-item-icon-color: white;
  --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-container-color: #424242;
  --mat-menu-divider-color: rgba(255, 255, 255, 0.12);
}
.pink-theme.dark {
  --mat-list-list-item-label-text-color: white;
  --mat-list-list-item-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-disabled-label-text-color: white;
  --mat-list-list-item-disabled-leading-icon-color: white;
  --mat-list-list-item-disabled-trailing-icon-color: white;
  --mat-list-list-item-hover-label-text-color: white;
  --mat-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-hover-state-layer-color: white;
  --mat-list-list-item-hover-state-layer-opacity: 0.08;
  --mat-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-focus-label-text-color: white;
  --mat-list-list-item-focus-state-layer-color: white;
  --mat-list-list-item-focus-state-layer-opacity: 0.24;
}
.pink-theme.dark .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #e83e8c;
  --mat-checkbox-selected-hover-icon-color: #e83e8c;
  --mat-checkbox-selected-icon-color: #e83e8c;
  --mat-checkbox-selected-pressed-icon-color: #e83e8c;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e83e8c;
  --mat-checkbox-selected-hover-state-layer-color: #e83e8c;
  --mat-checkbox-selected-pressed-state-layer-color: #e83e8c;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.pink-theme.dark .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.pink-theme.dark .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.pink-theme.dark {
  --mat-paginator-container-text-color: rgba(255, 255, 255, 0.87);
  --mat-paginator-container-background-color: #424242;
  --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.54);
  --mat-paginator-disabled-icon-color: rgba(255, 255, 255, 0.12);
}
.pink-theme.dark .mat-mdc-tab-group,
.pink-theme.dark .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-label-text-color: #e83e8c;
  --mat-tab-active-ripple-color: #e83e8c;
  --mat-tab-inactive-ripple-color: #e83e8c;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-focus-label-text-color: #e83e8c;
  --mat-tab-active-hover-label-text-color: #e83e8c;
  --mat-tab-active-focus-indicator-color: #e83e8c;
  --mat-tab-active-hover-indicator-color: #e83e8c;
  --mat-tab-active-indicator-color: #e83e8c;
}
.pink-theme.dark .mat-mdc-tab-group.mat-accent,
.pink-theme.dark .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-label-text-color: #8996a4;
  --mat-tab-active-ripple-color: #8996a4;
  --mat-tab-inactive-ripple-color: #8996a4;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-focus-label-text-color: #8996a4;
  --mat-tab-active-hover-label-text-color: #8996a4;
  --mat-tab-active-focus-indicator-color: #8996a4;
  --mat-tab-active-hover-indicator-color: #8996a4;
  --mat-tab-active-indicator-color: #8996a4;
}
.pink-theme.dark .mat-mdc-tab-group.mat-warn,
.pink-theme.dark .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-label-text-color: #dc2626;
  --mat-tab-active-ripple-color: #dc2626;
  --mat-tab-inactive-ripple-color: #dc2626;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-focus-label-text-color: #dc2626;
  --mat-tab-active-hover-label-text-color: #dc2626;
  --mat-tab-active-focus-indicator-color: #dc2626;
  --mat-tab-active-hover-indicator-color: #dc2626;
  --mat-tab-active-indicator-color: #dc2626;
}
.pink-theme.dark {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.pink-theme.dark .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #e83e8c;
  --mat-checkbox-selected-hover-icon-color: #e83e8c;
  --mat-checkbox-selected-icon-color: #e83e8c;
  --mat-checkbox-selected-pressed-icon-color: #e83e8c;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e83e8c;
  --mat-checkbox-selected-hover-state-layer-color: #e83e8c;
  --mat-checkbox-selected-pressed-state-layer-color: #e83e8c;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.pink-theme.dark .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.pink-theme.dark {
  --mat-button-filled-container-color: #424242;
  --mat-button-filled-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mat-button-filled-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-filled-disabled-state-layer-color: white;
  --mat-button-filled-focus-state-layer-opacity: 0.24;
  --mat-button-filled-hover-state-layer-opacity: 0.08;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-pressed-state-layer-opacity: 0.24;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-outlined-disabled-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-disabled-state-layer-color: white;
  --mat-button-outlined-focus-state-layer-opacity: 0.24;
  --mat-button-outlined-hover-state-layer-opacity: 0.08;
  --mat-button-outlined-label-text-color: white;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.24;
  --mat-button-outlined-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-outlined-state-layer-color: white;
  --mat-button-protected-container-color: #424242;
  --mat-button-protected-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mat-button-protected-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-protected-disabled-state-layer-color: white;
  --mat-button-protected-focus-state-layer-opacity: 0.24;
  --mat-button-protected-hover-state-layer-opacity: 0.08;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-pressed-state-layer-opacity: 0.24;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-text-disabled-state-layer-color: white;
  --mat-button-text-focus-state-layer-opacity: 0.24;
  --mat-button-text-hover-state-layer-opacity: 0.08;
  --mat-button-text-label-text-color: white;
  --mat-button-text-pressed-state-layer-opacity: 0.24;
  --mat-button-text-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-text-state-layer-color: white;
  --mat-button-tonal-container-color: #424242;
  --mat-button-tonal-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mat-button-tonal-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-tonal-disabled-state-layer-color: white;
  --mat-button-tonal-focus-state-layer-opacity: 0.24;
  --mat-button-tonal-hover-state-layer-opacity: 0.08;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-pressed-state-layer-opacity: 0.24;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.pink-theme.dark .mat-mdc-button.mat-primary,
.pink-theme.dark .mat-mdc-unelevated-button.mat-primary,
.pink-theme.dark .mat-mdc-raised-button.mat-primary,
.pink-theme.dark .mat-mdc-outlined-button.mat-primary,
.pink-theme.dark .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #e83e8c;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #e83e8c;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: rgba(232, 62, 140, 0.1);
  --mat-button-outlined-state-layer-color: #e83e8c;
  --mat-button-protected-container-color: #e83e8c;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #e83e8c;
  --mat-button-text-ripple-color: rgba(232, 62, 140, 0.1);
  --mat-button-text-state-layer-color: #e83e8c;
  --mat-button-tonal-container-color: #e83e8c;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.pink-theme.dark .mat-mdc-button.mat-accent,
.pink-theme.dark .mat-mdc-unelevated-button.mat-accent,
.pink-theme.dark .mat-mdc-raised-button.mat-accent,
.pink-theme.dark .mat-mdc-outlined-button.mat-accent,
.pink-theme.dark .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #8996a4;
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-state-layer-color: black;
  --mat-button-outlined-label-text-color: #8996a4;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-outlined-state-layer-color: #8996a4;
  --mat-button-protected-container-color: #8996a4;
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-state-layer-color: black;
  --mat-button-text-label-text-color: #8996a4;
  --mat-button-text-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-text-state-layer-color: #8996a4;
  --mat-button-tonal-container-color: #8996a4;
  --mat-button-tonal-label-text-color: black;
  --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-tonal-state-layer-color: black;
}
.pink-theme.dark .mat-mdc-button.mat-warn,
.pink-theme.dark .mat-mdc-unelevated-button.mat-warn,
.pink-theme.dark .mat-mdc-raised-button.mat-warn,
.pink-theme.dark .mat-mdc-outlined-button.mat-warn,
.pink-theme.dark .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #dc2626;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #dc2626;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-outlined-state-layer-color: #dc2626;
  --mat-button-protected-container-color: #dc2626;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #dc2626;
  --mat-button-text-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-text-state-layer-color: #dc2626;
  --mat-button-tonal-container-color: #dc2626;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.pink-theme.dark {
  --mat-icon-button-disabled-icon-color: rgba(255, 255, 255, 0.5);
  --mat-icon-button-disabled-state-layer-color: white;
  --mat-icon-button-focus-state-layer-opacity: 0.24;
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.24;
  --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-icon-button-state-layer-color: white;
}
.pink-theme.dark .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #e83e8c;
  --mat-icon-button-state-layer-color: #e83e8c;
  --mat-icon-button-ripple-color: rgba(232, 62, 140, 0.1);
}
.pink-theme.dark .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #8996a4;
  --mat-icon-button-state-layer-color: #8996a4;
  --mat-icon-button-ripple-color: rgba(137, 150, 164, 0.1);
}
.pink-theme.dark .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #dc2626;
  --mat-icon-button-state-layer-color: #dc2626;
  --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1);
}
.pink-theme.dark {
  --mat-fab-container-color: #424242;
  --mat-fab-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
  --mat-fab-disabled-state-layer-color: white;
  --mat-fab-focus-state-layer-opacity: 0.24;
  --mat-fab-foreground-color: white;
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-pressed-state-layer-opacity: 0.24;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #424242;
  --mat-fab-small-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
  --mat-fab-small-disabled-state-layer-color: white;
  --mat-fab-small-focus-state-layer-opacity: 0.24;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-pressed-state-layer-opacity: 0.24;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.pink-theme.dark .mat-mdc-fab.mat-primary, .pink-theme.dark .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #e83e8c;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #e83e8c;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.pink-theme.dark .mat-mdc-fab.mat-accent, .pink-theme.dark .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #8996a4;
  --mat-fab-foreground-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-container-color: #8996a4;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-state-layer-color: black;
  --mat-fab-state-layer-color: black;
}
.pink-theme.dark .mat-mdc-fab.mat-warn, .pink-theme.dark .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #dc2626;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #dc2626;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.pink-theme.dark {
  --mat-snack-bar-container-color: rgb(217.2, 217.2, 217.2);
  --mat-snack-bar-supporting-text-color: rgba(66, 66, 66, 0.87);
  --mat-snack-bar-button-color: #e83e8c;
}
.pink-theme.dark {
  --mat-table-background-color: #424242;
  --mat-table-header-headline-color: white;
  --mat-table-row-item-label-text-color: white;
  --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
}
.pink-theme.dark {
  --mat-progress-spinner-active-indicator-color: #e83e8c;
}
.pink-theme.dark .mat-accent {
  --mat-progress-spinner-active-indicator-color: #8996a4;
}
.pink-theme.dark .mat-warn {
  --mat-progress-spinner-active-indicator-color: #dc2626;
}
.pink-theme.dark {
  --mat-badge-background-color: #e83e8c;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: rgb(110.1, 110.1, 110.1);
  --mat-badge-disabled-state-text-color: rgba(255, 255, 255, 0.5);
}
.pink-theme.dark .mat-badge-accent {
  --mat-badge-background-color: #8996a4;
  --mat-badge-text-color: black;
}
.pink-theme.dark .mat-badge-warn {
  --mat-badge-background-color: #dc2626;
  --mat-badge-text-color: white;
}
.pink-theme.dark {
  --mat-bottom-sheet-container-text-color: white;
  --mat-bottom-sheet-container-background-color: #424242;
}
.pink-theme.dark {
  --mat-button-toggle-background-color: #424242;
  --mat-button-toggle-disabled-selected-state-background-color: #424242;
  --mat-button-toggle-disabled-selected-state-text-color: white;
  --mat-button-toggle-disabled-state-background-color: #424242;
  --mat-button-toggle-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-button-toggle-divider-color: rgb(88.68, 88.68, 88.68);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: #424242;
  --mat-button-toggle-legacy-disabled-state-background-color: black;
  --mat-button-toggle-legacy-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-button-toggle-legacy-selected-state-background-color: #212121;
  --mat-button-toggle-legacy-selected-state-text-color: rgba(255, 255, 255, 0.7);
  --mat-button-toggle-legacy-state-layer-color: rgba(255, 255, 255, 0.12);
  --mat-button-toggle-legacy-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-toggle-selected-state-background-color: #212121;
  --mat-button-toggle-selected-state-text-color: white;
  --mat-button-toggle-state-layer-color: white;
  --mat-button-toggle-text-color: white;
}
.pink-theme.dark {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #e83e8c;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(232, 62, 140, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(232, 62, 140, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(232, 62, 140, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #e83e8c;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(232, 62, 140, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color: white;
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: white;
  --mat-datepicker-calendar-navigation-button-icon-color: white;
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(255, 255, 255, 0.3);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.24);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
.pink-theme.dark .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: black;
  --mat-datepicker-calendar-date-selected-state-background-color: #8996a4;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(137, 150, 164, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: black;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(137, 150, 164, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.pink-theme.dark .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #dc2626;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.pink-theme.dark .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #8996a4;
}
.pink-theme.dark .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #dc2626;
}
.pink-theme.dark {
  --mat-divider-color: rgba(255, 255, 255, 0.12);
}
.pink-theme.dark {
  --mat-expansion-container-background-color: #424242;
  --mat-expansion-container-text-color: white;
  --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-expansion-header-text-color: white;
  --mat-expansion-header-description-color: rgba(255, 255, 255, 0.7);
  --mat-expansion-header-indicator-color: rgba(255, 255, 255, 0.7);
}
.pink-theme.dark {
  --mat-icon-color: inherit;
}
.pink-theme.dark .mat-icon.mat-primary {
  --mat-icon-color: #e83e8c;
}
.pink-theme.dark .mat-icon.mat-accent {
  --mat-icon-color: #8996a4;
}
.pink-theme.dark .mat-icon.mat-warn {
  --mat-icon-color: #dc2626;
}
.pink-theme.dark {
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
  --mat-sidenav-container-background-color: #424242;
  --mat-sidenav-container-text-color: white;
  --mat-sidenav-content-background-color: #303030;
  --mat-sidenav-content-text-color: white;
  --mat-sidenav-scrim-color: rgba(189, 189, 189, 0.6);
}
.pink-theme.dark {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #e83e8c;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #e83e8c;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #e83e8c;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: #424242;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: #dc2626;
  --mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-error-state-icon-foreground-color: #dc2626;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.pink-theme.dark .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: black;
  --mat-stepper-header-selected-state-icon-background-color: #8996a4;
  --mat-stepper-header-selected-state-icon-foreground-color: black;
  --mat-stepper-header-done-state-icon-background-color: #8996a4;
  --mat-stepper-header-done-state-icon-foreground-color: black;
  --mat-stepper-header-edit-state-icon-background-color: #8996a4;
  --mat-stepper-header-edit-state-icon-foreground-color: black;
}
.pink-theme.dark .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #dc2626;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #dc2626;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #dc2626;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.pink-theme.dark {
  --mat-sort-arrow-color: rgb(198.3, 198.3, 198.3);
}
.pink-theme.dark {
  --mat-toolbar-container-background-color: #212121;
  --mat-toolbar-container-text-color: white;
}
.pink-theme.dark .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #e83e8c;
  --mat-toolbar-container-text-color: white;
}
.pink-theme.dark .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #8996a4;
  --mat-toolbar-container-text-color: black;
}
.pink-theme.dark .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: white;
}
.pink-theme.dark {
  --mat-tree-container-background-color: #424242;
  --mat-tree-node-text-color: white;
}
.pink-theme.dark {
  --mat-timepicker-container-background-color: #424242;
}
.pink-theme.dark {
  --primary-50: #fce8f1;
}
.pink-theme.dark .bg-primary-50 {
  background: #fce8f1;
}
.pink-theme.dark .b-primary-50 {
  border-color: #fce8f1 !important;
}
.pink-theme.dark {
  --primary-100: #d81b5c;
}
.pink-theme.dark {
  --primary-200: #de286f;
}
.pink-theme.dark {
  --primary-300: #e23079;
}
.pink-theme.dark {
  --primary-400: #e53884;
}
.pink-theme.dark {
  --primary-500: #e83e8c;
}
.pink-theme.dark .text-primary-500 {
  color: #e83e8c !important;
}
.pink-theme.dark {
  --primary-600: #eb5b9d;
}
.pink-theme.dark {
  --primary-700: #ef78af;
}
.pink-theme.dark {
  --primary-800: #f49fc6;
}
.pink-theme.dark {
  --primary-900: #f8c5dd;
}
.pink-theme.dark {
  --accent-50: #1d2630;
}
.pink-theme.dark {
  --accent-100: #131920;
}
.pink-theme.dark {
  --accent-200: #1d2630;
}
.pink-theme.dark {
  --accent-300: #3e4853;
}
.pink-theme.dark {
  --accent-400: #5b6b79;
}
.pink-theme.dark {
  --accent-500: #8996a4;
}
.pink-theme.dark {
  --accent-600: #bec8d0;
}
.pink-theme.dark {
  --accent-700: #dbe0e5;
}
.pink-theme.dark {
  --accent-800: #f3f5f7;
}
.pink-theme.dark {
  --accent-900: #f8f9fa;
}
.pink-theme.dark {
  --warn-50: #f5bebe;
}
.pink-theme.dark {
  --warn-100: #c50d0d;
}
.pink-theme.dark {
  --warn-200: #ce1717;
}
.pink-theme.dark {
  --warn-300: #d31c1c;
}
.pink-theme.dark {
  --warn-400: #d82222;
}
.pink-theme.dark {
  --warn-500: #dc2626;
}
.pink-theme.dark .text-warn-500 {
  color: #dc2626 !important;
}
.pink-theme.dark {
  --warn-600: #e14747;
}
.pink-theme.dark {
  --warn-700: #e76767;
}
.pink-theme.dark {
  --warn-800: #ee9393;
}
.pink-theme.dark {
  --warn-900: #f5bebe;
}
.pink-theme.dark {
  --success-50: #e6f5f0;
}
.pink-theme.dark {
  --success-100: #107d4f;
}
.pink-theme.dark {
  --success-200: #1b8d62;
}
.pink-theme.dark {
  --success-300: #21976c;
}
.pink-theme.dark {
  --success-400: #27a077;
}
.pink-theme.dark {
  --success-500: #2ca87f;
}
.pink-theme.dark {
  --success-600: #4cb592;
}
.pink-theme.dark {
  --success-700: #6bc2a5;
}
.pink-theme.dark {
  --success-800: #96d4bf;
}
.pink-theme.dark {
  --success-900: #c0e5d9;
}
.pink-theme.dark {
  --warning-50: #fcf1e0;
}
.pink-theme.dark {
  --warning-100: #d35a00;
}
.pink-theme.dark {
  --warning-200: #da6d00;
}
.pink-theme.dark {
  --warning-300: #de7700;
}
.pink-theme.dark {
  --warning-400: #e28200;
}
.pink-theme.dark {
  --warning-500: #e58a00;
}
.pink-theme.dark {
  --warning-600: #e99c26;
}
.pink-theme.dark {
  --warning-700: #edad4d;
}
.pink-theme.dark {
  --warning-800: #f2c580;
}
.pink-theme.dark {
  --warning-900: #f7dcb3;
}

.red-theme {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}
.red-theme {
  --mat-option-selected-state-label-text-color: #dc2626;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.red-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #8996a4;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.red-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #dc2626;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.red-theme {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
.red-theme {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.red-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #dc2626;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #dc2626;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.red-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.red-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #dc2626;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #dc2626;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.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);
}
.red-theme {
  --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);
}
.red-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #dc2626;
  --mat-progress-bar-track-color: rgba(220, 38, 38, 0.25);
}
.red-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #8996a4;
  --mat-progress-bar-track-color: rgba(137, 150, 164, 0.25);
}
.red-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #dc2626;
  --mat-progress-bar-track-color: rgba(220, 38, 38, 0.25);
}
.red-theme {
  --mat-tooltip-container-color: #616161;
  --mat-tooltip-supporting-text-color: #fff;
}
.red-theme {
  --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-filled-caret-color: #dc2626;
  --mat-form-field-filled-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-focus-label-text-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-outlined-caret-color: #dc2626;
  --mat-form-field-outlined-focus-outline-color: #dc2626;
  --mat-form-field-outlined-focus-label-text-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #dc2626;
  --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: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
  --mat-form-field-filled-container-color: rgb(244.8, 244.8, 244.8);
  --mat-form-field-filled-disabled-container-color: rgb(249.9, 249.9, 249.9);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-error-hover-label-text-color: #dc2626;
  --mat-form-field-filled-error-focus-label-text-color: #dc2626;
  --mat-form-field-filled-error-label-text-color: #dc2626;
  --mat-form-field-filled-error-caret-color: #dc2626;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mat-form-field-filled-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-hover-active-indicator-color: #dc2626;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-error-caret-color: #dc2626;
  --mat-form-field-outlined-error-focus-label-text-color: #dc2626;
  --mat-form-field-outlined-error-label-text-color: #dc2626;
  --mat-form-field-outlined-error-hover-label-text-color: #dc2626;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #dc2626;
  --mat-form-field-outlined-error-hover-outline-color: #dc2626;
  --mat-form-field-outlined-error-outline-color: #dc2626;
}
.red-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-filled-caret-color: #8996a4;
  --mat-form-field-filled-focus-active-indicator-color: #8996a4;
  --mat-form-field-filled-focus-label-text-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-outlined-caret-color: #8996a4;
  --mat-form-field-outlined-focus-outline-color: #8996a4;
  --mat-form-field-outlined-focus-label-text-color: rgba(137, 150, 164, 0.87);
}
.red-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-filled-caret-color: #dc2626;
  --mat-form-field-filled-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-focus-label-text-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-outlined-caret-color: #dc2626;
  --mat-form-field-outlined-focus-outline-color: #dc2626;
  --mat-form-field-outlined-focus-label-text-color: rgba(220, 38, 38, 0.87);
}
.red-theme {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.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: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.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: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.red-theme {
  --mat-autocomplete-background-color: white;
}
.red-theme {
  --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.6);
}
.red-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: #212121;
  --mat-chip-elevated-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-elevated-disabled-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-elevated-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-flat-disabled-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
  --mat-chip-with-icon-disabled-icon-color: #212121;
  --mat-chip-with-icon-icon-color: #212121;
  --mat-chip-with-icon-selected-icon-color: #212121;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mat-chip-with-trailing-icon-trailing-icon-color: #212121;
}
.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: white;
  --mat-chip-elevated-container-color: #dc2626;
  --mat-chip-elevated-disabled-container-color: #dc2626;
  --mat-chip-elevated-selected-container-color: #dc2626;
  --mat-chip-flat-disabled-selected-container-color: #dc2626;
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.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: black;
  --mat-chip-elevated-container-color: #8996a4;
  --mat-chip-elevated-disabled-container-color: #8996a4;
  --mat-chip-elevated-selected-container-color: #8996a4;
  --mat-chip-flat-disabled-selected-container-color: #8996a4;
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: black;
  --mat-chip-selected-disabled-trailing-icon-color: black;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: black;
  --mat-chip-selected-trailing-icon-color: black;
  --mat-chip-with-icon-disabled-icon-color: black;
  --mat-chip-with-icon-icon-color: black;
  --mat-chip-with-icon-selected-icon-color: black;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: black;
  --mat-chip-with-trailing-icon-trailing-icon-color: black;
}
.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: white;
  --mat-chip-elevated-container-color: #dc2626;
  --mat-chip-elevated-disabled-container-color: #dc2626;
  --mat-chip-elevated-selected-container-color: #dc2626;
  --mat-chip-flat-disabled-selected-container-color: #dc2626;
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.red-theme {
  --mat-slide-toggle-selected-focus-state-layer-color: #d82222;
  --mat-slide-toggle-selected-handle-color: #d82222;
  --mat-slide-toggle-selected-hover-state-layer-color: #d82222;
  --mat-slide-toggle-selected-pressed-state-layer-color: #d82222;
  --mat-slide-toggle-selected-focus-handle-color: #c50d0d;
  --mat-slide-toggle-selected-hover-handle-color: #c50d0d;
  --mat-slide-toggle-selected-pressed-handle-color: #c50d0d;
  --mat-slide-toggle-selected-focus-track-color: #e76767;
  --mat-slide-toggle-selected-hover-track-color: #e76767;
  --mat-slide-toggle-selected-pressed-track-color: #e76767;
  --mat-slide-toggle-selected-track-color: #e76767;
  --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: #424242;
  --mat-slide-toggle-disabled-selected-icon-color: #fff;
  --mat-slide-toggle-disabled-selected-track-color: #424242;
  --mat-slide-toggle-disabled-unselected-handle-color: #424242;
  --mat-slide-toggle-disabled-unselected-icon-color: #fff;
  --mat-slide-toggle-disabled-unselected-track-color: #424242;
  --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: #fff;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-icon-color: #fff;
  --mat-slide-toggle-unselected-hover-handle-color: #212121;
  --mat-slide-toggle-unselected-focus-handle-color: #212121;
  --mat-slide-toggle-unselected-focus-state-layer-color: #424242;
  --mat-slide-toggle-unselected-focus-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-icon-color: #fff;
  --mat-slide-toggle-unselected-handle-color: #616161;
  --mat-slide-toggle-unselected-hover-state-layer-color: #424242;
  --mat-slide-toggle-unselected-hover-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-pressed-handle-color: #212121;
  --mat-slide-toggle-unselected-pressed-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #424242;
  --mat-slide-toggle-unselected-track-color: #e0e0e0;
}
.red-theme {
  --mdc-slide-toggle-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-slide-toggle-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
.red-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
}
.red-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-focus-state-layer-color: #5b6b79;
  --mat-slide-toggle-selected-handle-color: #5b6b79;
  --mat-slide-toggle-selected-hover-state-layer-color: #5b6b79;
  --mat-slide-toggle-selected-pressed-state-layer-color: #5b6b79;
  --mat-slide-toggle-selected-focus-handle-color: #131920;
  --mat-slide-toggle-selected-hover-handle-color: #131920;
  --mat-slide-toggle-selected-pressed-handle-color: #131920;
  --mat-slide-toggle-selected-focus-track-color: #dbe0e5;
  --mat-slide-toggle-selected-hover-track-color: #dbe0e5;
  --mat-slide-toggle-selected-pressed-track-color: #dbe0e5;
  --mat-slide-toggle-selected-track-color: #dbe0e5;
}
.red-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-focus-state-layer-color: #d82222;
  --mat-slide-toggle-selected-handle-color: #d82222;
  --mat-slide-toggle-selected-hover-state-layer-color: #d82222;
  --mat-slide-toggle-selected-pressed-state-layer-color: #d82222;
  --mat-slide-toggle-selected-focus-handle-color: #c50d0d;
  --mat-slide-toggle-selected-hover-handle-color: #c50d0d;
  --mat-slide-toggle-selected-pressed-handle-color: #c50d0d;
  --mat-slide-toggle-selected-focus-track-color: #e76767;
  --mat-slide-toggle-selected-hover-track-color: #e76767;
  --mat-slide-toggle-selected-pressed-track-color: #e76767;
  --mat-slide-toggle-selected-track-color: #e76767;
}
.red-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #dc2626;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #dc2626;
  --mat-radio-selected-hover-icon-color: #dc2626;
  --mat-radio-selected-icon-color: #dc2626;
  --mat-radio-selected-pressed-icon-color: #dc2626;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.red-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #8996a4;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #8996a4;
  --mat-radio-selected-hover-icon-color: #8996a4;
  --mat-radio-selected-icon-color: #8996a4;
  --mat-radio-selected-pressed-icon-color: #8996a4;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.red-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #dc2626;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #dc2626;
  --mat-radio-selected-hover-icon-color: #dc2626;
  --mat-radio-selected-icon-color: #dc2626;
  --mat-radio-selected-pressed-icon-color: #dc2626;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.red-theme {
  --mat-slider-active-track-color: #dc2626;
  --mat-slider-focus-handle-color: #dc2626;
  --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2);
  --mat-slider-handle-color: #dc2626;
  --mat-slider-hover-handle-color: #dc2626;
  --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05);
  --mat-slider-inactive-track-color: #dc2626;
  --mat-slider-ripple-color: #dc2626;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #dc2626;
  --mat-slider-disabled-active-track-color: #000;
  --mat-slider-disabled-handle-color: #000;
  --mat-slider-disabled-inactive-track-color: #000;
  --mat-slider-label-container-color: #000;
  --mat-slider-label-label-text-color: #fff;
  --mat-slider-value-indicator-opacity: 0.6;
  --mat-slider-with-overlap-handle-outline-color: #fff;
  --mat-slider-with-tick-marks-disabled-container-color: #000;
}
.red-theme .mat-accent {
  --mat-slider-active-track-color: #8996a4;
  --mat-slider-focus-handle-color: #8996a4;
  --mat-slider-focus-state-layer-color: rgba(137, 150, 164, 0.2);
  --mat-slider-handle-color: #8996a4;
  --mat-slider-hover-handle-color: #8996a4;
  --mat-slider-hover-state-layer-color: rgba(137, 150, 164, 0.05);
  --mat-slider-inactive-track-color: #8996a4;
  --mat-slider-ripple-color: #8996a4;
  --mat-slider-with-tick-marks-active-container-color: black;
  --mat-slider-with-tick-marks-inactive-container-color: #8996a4;
}
.red-theme .mat-warn {
  --mat-slider-active-track-color: #dc2626;
  --mat-slider-focus-handle-color: #dc2626;
  --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2);
  --mat-slider-handle-color: #dc2626;
  --mat-slider-hover-handle-color: #dc2626;
  --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05);
  --mat-slider-inactive-track-color: #dc2626;
  --mat-slider-ripple-color: #dc2626;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #dc2626;
}
.red-theme {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
.red-theme {
  --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.38);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-disabled-label-text-color: black;
  --mat-list-list-item-disabled-leading-icon-color: black;
  --mat-list-list-item-disabled-trailing-icon-color: black;
  --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.38);
  --mat-list-list-item-hover-state-layer-color: black;
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: black;
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.red-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.red-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.red-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.red-theme {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}
.red-theme .mat-mdc-tab-group,
.red-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-label-text-color: #dc2626;
  --mat-tab-active-ripple-color: #dc2626;
  --mat-tab-inactive-ripple-color: #dc2626;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-focus-label-text-color: #dc2626;
  --mat-tab-active-hover-label-text-color: #dc2626;
  --mat-tab-active-focus-indicator-color: #dc2626;
  --mat-tab-active-hover-indicator-color: #dc2626;
  --mat-tab-active-indicator-color: #dc2626;
}
.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.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-label-text-color: #8996a4;
  --mat-tab-active-ripple-color: #8996a4;
  --mat-tab-inactive-ripple-color: #8996a4;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-focus-label-text-color: #8996a4;
  --mat-tab-active-hover-label-text-color: #8996a4;
  --mat-tab-active-focus-indicator-color: #8996a4;
  --mat-tab-active-hover-indicator-color: #8996a4;
  --mat-tab-active-indicator-color: #8996a4;
}
.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.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-label-text-color: #dc2626;
  --mat-tab-active-ripple-color: #dc2626;
  --mat-tab-inactive-ripple-color: #dc2626;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-focus-label-text-color: #dc2626;
  --mat-tab-active-hover-label-text-color: #dc2626;
  --mat-tab-active-focus-indicator-color: #dc2626;
  --mat-tab-active-hover-indicator-color: #dc2626;
  --mat-tab-active-indicator-color: #dc2626;
}
.red-theme {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.red-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.red-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.red-theme {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mat-button-filled-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-filled-disabled-state-layer-color: black;
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-state-layer-color: black;
  --mat-button-outlined-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: black;
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: black;
  --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: rgba(0, 0, 0, 0.1);
  --mat-button-outlined-state-layer-color: black;
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-protected-disabled-state-layer-color: black;
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-state-layer-color: black;
  --mat-button-text-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-text-disabled-state-layer-color: black;
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: black;
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-text-state-layer-color: black;
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mat-button-tonal-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-tonal-disabled-state-layer-color: black;
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: black;
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-tonal-state-layer-color: black;
}
.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: #dc2626;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #dc2626;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-outlined-state-layer-color: #dc2626;
  --mat-button-protected-container-color: #dc2626;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #dc2626;
  --mat-button-text-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-text-state-layer-color: #dc2626;
  --mat-button-tonal-container-color: #dc2626;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.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: #8996a4;
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-state-layer-color: black;
  --mat-button-outlined-label-text-color: #8996a4;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-outlined-state-layer-color: #8996a4;
  --mat-button-protected-container-color: #8996a4;
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-state-layer-color: black;
  --mat-button-text-label-text-color: #8996a4;
  --mat-button-text-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-text-state-layer-color: #8996a4;
  --mat-button-tonal-container-color: #8996a4;
  --mat-button-tonal-label-text-color: black;
  --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-tonal-state-layer-color: black;
}
.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: #dc2626;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #dc2626;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-outlined-state-layer-color: #dc2626;
  --mat-button-protected-container-color: #dc2626;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #dc2626;
  --mat-button-text-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-text-state-layer-color: #dc2626;
  --mat-button-tonal-container-color: #dc2626;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.red-theme {
  --mat-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-disabled-state-layer-color: black;
  --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: rgba(0, 0, 0, 0.1);
  --mat-icon-button-state-layer-color: black;
}
.red-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #dc2626;
  --mat-icon-button-state-layer-color: #dc2626;
  --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1);
}
.red-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #8996a4;
  --mat-icon-button-state-layer-color: #8996a4;
  --mat-icon-button-ripple-color: rgba(137, 150, 164, 0.1);
}
.red-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #dc2626;
  --mat-icon-button-state-layer-color: #dc2626;
  --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1);
}
.red-theme {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: black;
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-state-layer-color: black;
  --mat-fab-state-layer-color: black;
}
.red-theme .mat-mdc-fab.mat-primary, .red-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #dc2626;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #dc2626;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.red-theme .mat-mdc-fab.mat-accent, .red-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #8996a4;
  --mat-fab-foreground-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-container-color: #8996a4;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-state-layer-color: black;
  --mat-fab-state-layer-color: black;
}
.red-theme .mat-mdc-fab.mat-warn, .red-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #dc2626;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #dc2626;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.red-theme {
  --mat-snack-bar-container-color: #333333;
  --mat-snack-bar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #f5bebe;
}
.red-theme {
  --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);
}
.red-theme {
  --mat-progress-spinner-active-indicator-color: #dc2626;
}
.red-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #8996a4;
}
.red-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #dc2626;
}
.red-theme {
  --mat-badge-background-color: #dc2626;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}
.red-theme .mat-badge-accent {
  --mat-badge-background-color: #8996a4;
  --mat-badge-text-color: black;
}
.red-theme .mat-badge-warn {
  --mat-badge-background-color: #dc2626;
  --mat-badge-text-color: white;
}
.red-theme {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
.red-theme {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-button-toggle-divider-color: rgb(224.4, 224.4, 224.4);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: #bdbdbd;
  --mat-button-toggle-legacy-disabled-state-background-color: #eeeeee;
  --mat-button-toggle-legacy-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-button-toggle-legacy-selected-state-background-color: #e0e0e0;
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-button-toggle-legacy-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: black;
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}
.red-theme {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #dc2626;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #dc2626;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.red-theme .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: black;
  --mat-datepicker-calendar-date-selected-state-background-color: #8996a4;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(137, 150, 164, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: black;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(137, 150, 164, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.red-theme .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #dc2626;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.red-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #8996a4;
}
.red-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #dc2626;
}
.red-theme {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
.red-theme {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
.red-theme {
  --mat-icon-color: inherit;
}
.red-theme .mat-icon.mat-primary {
  --mat-icon-color: #dc2626;
}
.red-theme .mat-icon.mat-accent {
  --mat-icon-color: #8996a4;
}
.red-theme .mat-icon.mat-warn {
  --mat-icon-color: #dc2626;
}
.red-theme {
  --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);
}
.red-theme {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #dc2626;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #dc2626;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #dc2626;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #dc2626;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #dc2626;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.red-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: black;
  --mat-stepper-header-selected-state-icon-background-color: #8996a4;
  --mat-stepper-header-selected-state-icon-foreground-color: black;
  --mat-stepper-header-done-state-icon-background-color: #8996a4;
  --mat-stepper-header-done-state-icon-foreground-color: black;
  --mat-stepper-header-edit-state-icon-background-color: #8996a4;
  --mat-stepper-header-edit-state-icon-foreground-color: black;
}
.red-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #dc2626;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #dc2626;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #dc2626;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.red-theme {
  --mat-sort-arrow-color: rgb(117.3, 117.3, 117.3);
}
.red-theme {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.red-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: white;
}
.red-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #8996a4;
  --mat-toolbar-container-text-color: black;
}
.red-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: white;
}
.red-theme {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
.red-theme {
  --mat-timepicker-container-background-color: white;
}
.red-theme {
  --primary-50: #fbe5e5;
}
.red-theme .bg-primary-50 {
  background: #fbe5e5;
}
.red-theme .b-primary-50 {
  border-color: #fbe5e5 !important;
}
.red-theme {
  --primary-100: #f5bebe;
}
.red-theme {
  --primary-200: #ee9393;
}
.red-theme {
  --primary-300: #e76767;
}
.red-theme {
  --primary-400: #e14747;
}
.red-theme {
  --primary-500: #dc2626;
}
.red-theme .text-primary-500 {
  color: #dc2626 !important;
}
.red-theme {
  --primary-600: #d82222;
}
.red-theme {
  --primary-700: #d31c1c;
}
.red-theme {
  --primary-800: #ce1717;
}
.red-theme {
  --primary-900: #c50d0d;
}
.red-theme {
  --accent-50: #fff;
}
.red-theme {
  --accent-100: #f8f9fa;
}
.red-theme {
  --accent-200: #f3f5f7;
}
.red-theme {
  --accent-300: #dbe0e5;
}
.red-theme {
  --accent-400: #bec8d0;
}
.red-theme {
  --accent-500: #8996a4;
}
.red-theme {
  --accent-600: #5b6b79;
}
.red-theme {
  --accent-700: #3e4853;
}
.red-theme {
  --accent-800: #1d2630;
}
.red-theme {
  --accent-900: #131920;
}
.red-theme {
  --warn-50: #fbe5e5;
}
.red-theme {
  --warn-100: #f5bebe;
}
.red-theme {
  --warn-200: #ee9393;
}
.red-theme {
  --warn-300: #e76767;
}
.red-theme {
  --warn-400: #e14747;
}
.red-theme {
  --warn-500: #dc2626;
}
.red-theme .text-warn-500 {
  color: #dc2626 !important;
}
.red-theme {
  --warn-600: #d82222;
}
.red-theme {
  --warn-700: #d31c1c;
}
.red-theme {
  --warn-800: #ce1717;
}
.red-theme {
  --warn-900: #c50d0d;
}
.red-theme {
  --success-50: #e6f5f0;
}
.red-theme {
  --success-100: #c0e5d9;
}
.red-theme {
  --success-200: #96d4bf;
}
.red-theme {
  --success-300: #6bc2a5;
}
.red-theme {
  --success-400: #4cb592;
}
.red-theme {
  --success-500: #2ca87f;
}
.red-theme {
  --success-600: #27a077;
}
.red-theme {
  --success-700: #21976c;
}
.red-theme {
  --success-800: #1b8d62;
}
.red-theme {
  --success-900: #107d4f;
}
.red-theme {
  --warning-50: #fcf1e0;
}
.red-theme {
  --warning-100: #f7dcb3;
}
.red-theme {
  --warning-200: #f2c580;
}
.red-theme {
  --warning-300: #edad4d;
}
.red-theme {
  --warning-400: #e99c26;
}
.red-theme {
  --warning-500: #e58a00;
}
.red-theme {
  --warning-600: #e28200;
}
.red-theme {
  --warning-700: #de7700;
}
.red-theme {
  --warning-800: #da6d00;
}
.red-theme {
  --warning-900: #d35a00;
}
.red-theme.dark {
  --mat-ripple-color: rgba(255, 255, 255, 0.1);
}
.red-theme.dark {
  --mat-option-selected-state-label-text-color: #dc2626;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.red-theme.dark .mat-accent {
  --mat-option-selected-state-label-text-color: #8996a4;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.red-theme.dark .mat-warn {
  --mat-option-selected-state-label-text-color: #dc2626;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.red-theme.dark {
  --mat-optgroup-label-text-color: white;
}
.red-theme.dark {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.red-theme.dark .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #dc2626;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #dc2626;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.red-theme.dark .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.red-theme.dark .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #dc2626;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #dc2626;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.red-theme.dark {
  --mat-app-background-color: #303030;
  --mat-app-text-color: white;
  --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);
}
.red-theme.dark {
  --mat-card-elevated-container-color: #424242;
  --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: #424242;
  --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(255, 255, 255, 0.12);
  --mat-card-subtitle-text-color: rgba(255, 255, 255, 0.7);
  --mat-card-filled-container-color: #424242;
  --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);
}
.red-theme.dark .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #dc2626;
  --mat-progress-bar-track-color: rgba(220, 38, 38, 0.25);
}
.red-theme.dark .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #8996a4;
  --mat-progress-bar-track-color: rgba(137, 150, 164, 0.25);
}
.red-theme.dark .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #dc2626;
  --mat-progress-bar-track-color: rgba(220, 38, 38, 0.25);
}
.red-theme.dark {
  --mat-tooltip-container-color: #616161;
  --mat-tooltip-supporting-text-color: #fff;
}
.red-theme.dark {
  --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-filled-caret-color: #dc2626;
  --mat-form-field-filled-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-focus-label-text-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-outlined-caret-color: #dc2626;
  --mat-form-field-outlined-focus-outline-color: #dc2626;
  --mat-form-field-outlined-focus-label-text-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-state-layer-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-error-text-color: #dc2626;
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --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(255, 255, 255, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-focus-state-layer-opacity: 0.24;
  --mat-form-field-filled-container-color: rgb(73.56, 73.56, 73.56);
  --mat-form-field-filled-disabled-container-color: rgb(69.78, 69.78, 69.78);
  --mat-form-field-filled-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-filled-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-filled-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-filled-input-text-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-filled-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-filled-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-filled-error-hover-label-text-color: #dc2626;
  --mat-form-field-filled-error-focus-label-text-color: #dc2626;
  --mat-form-field-filled-error-label-text-color: #dc2626;
  --mat-form-field-filled-error-caret-color: #dc2626;
  --mat-form-field-filled-active-indicator-color: rgba(255, 255, 255, 0.42);
  --mat-form-field-filled-disabled-active-indicator-color: rgba(255, 255, 255, 0.06);
  --mat-form-field-filled-hover-active-indicator-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-hover-active-indicator-color: #dc2626;
  --mat-form-field-outlined-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-outlined-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-outlined-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-input-text-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-outlined-error-caret-color: #dc2626;
  --mat-form-field-outlined-error-focus-label-text-color: #dc2626;
  --mat-form-field-outlined-error-label-text-color: #dc2626;
  --mat-form-field-outlined-error-hover-label-text-color: #dc2626;
  --mat-form-field-outlined-outline-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-disabled-outline-color: rgba(255, 255, 255, 0.06);
  --mat-form-field-outlined-hover-outline-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #dc2626;
  --mat-form-field-outlined-error-hover-outline-color: #dc2626;
  --mat-form-field-outlined-error-outline-color: #dc2626;
}
.red-theme.dark .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-filled-caret-color: #8996a4;
  --mat-form-field-filled-focus-active-indicator-color: #8996a4;
  --mat-form-field-filled-focus-label-text-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-outlined-caret-color: #8996a4;
  --mat-form-field-outlined-focus-outline-color: #8996a4;
  --mat-form-field-outlined-focus-label-text-color: rgba(137, 150, 164, 0.87);
}
.red-theme.dark .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-filled-caret-color: #dc2626;
  --mat-form-field-filled-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-focus-label-text-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-outlined-caret-color: #dc2626;
  --mat-form-field-outlined-focus-outline-color: #dc2626;
  --mat-form-field-outlined-focus-label-text-color: rgba(220, 38, 38, 0.87);
}
.red-theme.dark {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.red-theme.dark .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.red-theme.dark .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.red-theme.dark {
  --mat-autocomplete-background-color: #424242;
}
.red-theme.dark {
  --mat-dialog-container-color: #424242;
  --mat-dialog-subhead-color: rgba(255, 255, 255, 0.87);
  --mat-dialog-supporting-text-color: rgba(255, 255, 255, 0.6);
}
.red-theme.dark .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: #fafafa;
  --mat-chip-elevated-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-elevated-disabled-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-elevated-selected-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-flat-disabled-selected-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: #fafafa;
  --mat-chip-selected-disabled-trailing-icon-color: #fafafa;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: #fafafa;
  --mat-chip-selected-trailing-icon-color: #fafafa;
  --mat-chip-with-icon-disabled-icon-color: #fafafa;
  --mat-chip-with-icon-icon-color: #fafafa;
  --mat-chip-with-icon-selected-icon-color: #fafafa;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa;
  --mat-chip-with-trailing-icon-trailing-icon-color: #fafafa;
}
.red-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .red-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #dc2626;
  --mat-chip-elevated-disabled-container-color: #dc2626;
  --mat-chip-elevated-selected-container-color: #dc2626;
  --mat-chip-flat-disabled-selected-container-color: #dc2626;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.red-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .red-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: black;
  --mat-chip-elevated-container-color: #8996a4;
  --mat-chip-elevated-disabled-container-color: #8996a4;
  --mat-chip-elevated-selected-container-color: #8996a4;
  --mat-chip-flat-disabled-selected-container-color: #8996a4;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: black;
  --mat-chip-selected-disabled-trailing-icon-color: black;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: black;
  --mat-chip-selected-trailing-icon-color: black;
  --mat-chip-with-icon-disabled-icon-color: black;
  --mat-chip-with-icon-icon-color: black;
  --mat-chip-with-icon-selected-icon-color: black;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: black;
  --mat-chip-with-trailing-icon-trailing-icon-color: black;
}
.red-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .red-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #dc2626;
  --mat-chip-elevated-disabled-container-color: #dc2626;
  --mat-chip-elevated-selected-container-color: #dc2626;
  --mat-chip-flat-disabled-selected-container-color: #dc2626;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.red-theme.dark {
  --mat-slide-toggle-selected-focus-state-layer-color: #d31c1c;
  --mat-slide-toggle-selected-handle-color: #d31c1c;
  --mat-slide-toggle-selected-hover-state-layer-color: #d31c1c;
  --mat-slide-toggle-selected-pressed-state-layer-color: #d31c1c;
  --mat-slide-toggle-selected-focus-handle-color: #ce1717;
  --mat-slide-toggle-selected-hover-handle-color: #ce1717;
  --mat-slide-toggle-selected-pressed-handle-color: #ce1717;
  --mat-slide-toggle-selected-focus-track-color: #e14747;
  --mat-slide-toggle-selected-hover-track-color: #e14747;
  --mat-slide-toggle-selected-pressed-track-color: #e14747;
  --mat-slide-toggle-selected-track-color: #e14747;
  --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: #000;
  --mat-slide-toggle-disabled-selected-icon-color: #212121;
  --mat-slide-toggle-disabled-selected-track-color: #f5f5f5;
  --mat-slide-toggle-disabled-unselected-handle-color: #000;
  --mat-slide-toggle-disabled-unselected-icon-color: #212121;
  --mat-slide-toggle-disabled-unselected-track-color: #f5f5f5;
  --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: #fff;
  --mat-slide-toggle-label-text-color: white;
  --mat-slide-toggle-selected-icon-color: #212121;
  --mat-slide-toggle-unselected-hover-handle-color: #fafafa;
  --mat-slide-toggle-unselected-focus-handle-color: #fafafa;
  --mat-slide-toggle-unselected-focus-state-layer-color: #f5f5f5;
  --mat-slide-toggle-unselected-focus-track-color: #616161;
  --mat-slide-toggle-unselected-icon-color: #212121;
  --mat-slide-toggle-unselected-handle-color: #9e9e9e;
  --mat-slide-toggle-unselected-hover-state-layer-color: #f5f5f5;
  --mat-slide-toggle-unselected-hover-track-color: #616161;
  --mat-slide-toggle-unselected-pressed-handle-color: #fafafa;
  --mat-slide-toggle-unselected-pressed-track-color: #616161;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #f5f5f5;
  --mat-slide-toggle-unselected-track-color: #616161;
}
.red-theme.dark {
  --mdc-slide-toggle-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-slide-toggle-disabled-label-text-color: rgba(255, 255, 255, 0.5);
}
.red-theme.dark .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-color: white;
}
.red-theme.dark .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-focus-state-layer-color: #3e4853;
  --mat-slide-toggle-selected-handle-color: #3e4853;
  --mat-slide-toggle-selected-hover-state-layer-color: #3e4853;
  --mat-slide-toggle-selected-pressed-state-layer-color: #3e4853;
  --mat-slide-toggle-selected-focus-handle-color: #1d2630;
  --mat-slide-toggle-selected-hover-handle-color: #1d2630;
  --mat-slide-toggle-selected-pressed-handle-color: #1d2630;
  --mat-slide-toggle-selected-focus-track-color: #bec8d0;
  --mat-slide-toggle-selected-hover-track-color: #bec8d0;
  --mat-slide-toggle-selected-pressed-track-color: #bec8d0;
  --mat-slide-toggle-selected-track-color: #bec8d0;
}
.red-theme.dark .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-focus-state-layer-color: #d31c1c;
  --mat-slide-toggle-selected-handle-color: #d31c1c;
  --mat-slide-toggle-selected-hover-state-layer-color: #d31c1c;
  --mat-slide-toggle-selected-pressed-state-layer-color: #d31c1c;
  --mat-slide-toggle-selected-focus-handle-color: #ce1717;
  --mat-slide-toggle-selected-hover-handle-color: #ce1717;
  --mat-slide-toggle-selected-pressed-handle-color: #ce1717;
  --mat-slide-toggle-selected-focus-track-color: #e14747;
  --mat-slide-toggle-selected-hover-track-color: #e14747;
  --mat-slide-toggle-selected-pressed-track-color: #e14747;
  --mat-slide-toggle-selected-track-color: #e14747;
}
.red-theme.dark .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #dc2626;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #dc2626;
  --mat-radio-selected-hover-icon-color: #dc2626;
  --mat-radio-selected-icon-color: #dc2626;
  --mat-radio-selected-pressed-icon-color: #dc2626;
  --mat-radio-unselected-focus-icon-color: #eeeeee;
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}
.red-theme.dark .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #8996a4;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #8996a4;
  --mat-radio-selected-hover-icon-color: #8996a4;
  --mat-radio-selected-icon-color: #8996a4;
  --mat-radio-selected-pressed-icon-color: #8996a4;
  --mat-radio-unselected-focus-icon-color: #eeeeee;
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}
.red-theme.dark .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #dc2626;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #dc2626;
  --mat-radio-selected-hover-icon-color: #dc2626;
  --mat-radio-selected-icon-color: #dc2626;
  --mat-radio-selected-pressed-icon-color: #dc2626;
  --mat-radio-unselected-focus-icon-color: #eeeeee;
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}
.red-theme.dark {
  --mat-slider-active-track-color: #dc2626;
  --mat-slider-focus-handle-color: #dc2626;
  --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2);
  --mat-slider-handle-color: #dc2626;
  --mat-slider-hover-handle-color: #dc2626;
  --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05);
  --mat-slider-inactive-track-color: #dc2626;
  --mat-slider-ripple-color: #dc2626;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #dc2626;
  --mat-slider-disabled-active-track-color: #fff;
  --mat-slider-disabled-handle-color: #fff;
  --mat-slider-disabled-inactive-track-color: #fff;
  --mat-slider-label-container-color: #fff;
  --mat-slider-label-label-text-color: #000;
  --mat-slider-value-indicator-opacity: 0.9;
  --mat-slider-with-overlap-handle-outline-color: #fff;
  --mat-slider-with-tick-marks-disabled-container-color: #fff;
}
.red-theme.dark .mat-accent {
  --mat-slider-active-track-color: #8996a4;
  --mat-slider-focus-handle-color: #8996a4;
  --mat-slider-focus-state-layer-color: rgba(137, 150, 164, 0.2);
  --mat-slider-handle-color: #8996a4;
  --mat-slider-hover-handle-color: #8996a4;
  --mat-slider-hover-state-layer-color: rgba(137, 150, 164, 0.05);
  --mat-slider-inactive-track-color: #8996a4;
  --mat-slider-ripple-color: #8996a4;
  --mat-slider-with-tick-marks-active-container-color: black;
  --mat-slider-with-tick-marks-inactive-container-color: #8996a4;
}
.red-theme.dark .mat-warn {
  --mat-slider-active-track-color: #dc2626;
  --mat-slider-focus-handle-color: #dc2626;
  --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2);
  --mat-slider-handle-color: #dc2626;
  --mat-slider-hover-handle-color: #dc2626;
  --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05);
  --mat-slider-inactive-track-color: #dc2626;
  --mat-slider-ripple-color: #dc2626;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #dc2626;
}
.red-theme.dark {
  --mat-menu-item-label-text-color: white;
  --mat-menu-item-icon-color: white;
  --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-container-color: #424242;
  --mat-menu-divider-color: rgba(255, 255, 255, 0.12);
}
.red-theme.dark {
  --mat-list-list-item-label-text-color: white;
  --mat-list-list-item-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-disabled-label-text-color: white;
  --mat-list-list-item-disabled-leading-icon-color: white;
  --mat-list-list-item-disabled-trailing-icon-color: white;
  --mat-list-list-item-hover-label-text-color: white;
  --mat-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-hover-state-layer-color: white;
  --mat-list-list-item-hover-state-layer-opacity: 0.08;
  --mat-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-focus-label-text-color: white;
  --mat-list-list-item-focus-state-layer-color: white;
  --mat-list-list-item-focus-state-layer-opacity: 0.24;
}
.red-theme.dark .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.red-theme.dark .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.red-theme.dark .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.red-theme.dark {
  --mat-paginator-container-text-color: rgba(255, 255, 255, 0.87);
  --mat-paginator-container-background-color: #424242;
  --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.54);
  --mat-paginator-disabled-icon-color: rgba(255, 255, 255, 0.12);
}
.red-theme.dark .mat-mdc-tab-group,
.red-theme.dark .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-label-text-color: #dc2626;
  --mat-tab-active-ripple-color: #dc2626;
  --mat-tab-inactive-ripple-color: #dc2626;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-focus-label-text-color: #dc2626;
  --mat-tab-active-hover-label-text-color: #dc2626;
  --mat-tab-active-focus-indicator-color: #dc2626;
  --mat-tab-active-hover-indicator-color: #dc2626;
  --mat-tab-active-indicator-color: #dc2626;
}
.red-theme.dark .mat-mdc-tab-group.mat-accent,
.red-theme.dark .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-label-text-color: #8996a4;
  --mat-tab-active-ripple-color: #8996a4;
  --mat-tab-inactive-ripple-color: #8996a4;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-focus-label-text-color: #8996a4;
  --mat-tab-active-hover-label-text-color: #8996a4;
  --mat-tab-active-focus-indicator-color: #8996a4;
  --mat-tab-active-hover-indicator-color: #8996a4;
  --mat-tab-active-indicator-color: #8996a4;
}
.red-theme.dark .mat-mdc-tab-group.mat-warn,
.red-theme.dark .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-label-text-color: #dc2626;
  --mat-tab-active-ripple-color: #dc2626;
  --mat-tab-inactive-ripple-color: #dc2626;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-focus-label-text-color: #dc2626;
  --mat-tab-active-hover-label-text-color: #dc2626;
  --mat-tab-active-focus-indicator-color: #dc2626;
  --mat-tab-active-hover-indicator-color: #dc2626;
  --mat-tab-active-indicator-color: #dc2626;
}
.red-theme.dark {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.red-theme.dark .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.red-theme.dark .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.red-theme.dark {
  --mat-button-filled-container-color: #424242;
  --mat-button-filled-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mat-button-filled-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-filled-disabled-state-layer-color: white;
  --mat-button-filled-focus-state-layer-opacity: 0.24;
  --mat-button-filled-hover-state-layer-opacity: 0.08;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-pressed-state-layer-opacity: 0.24;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-outlined-disabled-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-disabled-state-layer-color: white;
  --mat-button-outlined-focus-state-layer-opacity: 0.24;
  --mat-button-outlined-hover-state-layer-opacity: 0.08;
  --mat-button-outlined-label-text-color: white;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.24;
  --mat-button-outlined-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-outlined-state-layer-color: white;
  --mat-button-protected-container-color: #424242;
  --mat-button-protected-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mat-button-protected-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-protected-disabled-state-layer-color: white;
  --mat-button-protected-focus-state-layer-opacity: 0.24;
  --mat-button-protected-hover-state-layer-opacity: 0.08;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-pressed-state-layer-opacity: 0.24;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-text-disabled-state-layer-color: white;
  --mat-button-text-focus-state-layer-opacity: 0.24;
  --mat-button-text-hover-state-layer-opacity: 0.08;
  --mat-button-text-label-text-color: white;
  --mat-button-text-pressed-state-layer-opacity: 0.24;
  --mat-button-text-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-text-state-layer-color: white;
  --mat-button-tonal-container-color: #424242;
  --mat-button-tonal-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mat-button-tonal-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-tonal-disabled-state-layer-color: white;
  --mat-button-tonal-focus-state-layer-opacity: 0.24;
  --mat-button-tonal-hover-state-layer-opacity: 0.08;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-pressed-state-layer-opacity: 0.24;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.red-theme.dark .mat-mdc-button.mat-primary,
.red-theme.dark .mat-mdc-unelevated-button.mat-primary,
.red-theme.dark .mat-mdc-raised-button.mat-primary,
.red-theme.dark .mat-mdc-outlined-button.mat-primary,
.red-theme.dark .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #dc2626;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #dc2626;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-outlined-state-layer-color: #dc2626;
  --mat-button-protected-container-color: #dc2626;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #dc2626;
  --mat-button-text-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-text-state-layer-color: #dc2626;
  --mat-button-tonal-container-color: #dc2626;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.red-theme.dark .mat-mdc-button.mat-accent,
.red-theme.dark .mat-mdc-unelevated-button.mat-accent,
.red-theme.dark .mat-mdc-raised-button.mat-accent,
.red-theme.dark .mat-mdc-outlined-button.mat-accent,
.red-theme.dark .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #8996a4;
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-state-layer-color: black;
  --mat-button-outlined-label-text-color: #8996a4;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-outlined-state-layer-color: #8996a4;
  --mat-button-protected-container-color: #8996a4;
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-state-layer-color: black;
  --mat-button-text-label-text-color: #8996a4;
  --mat-button-text-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-text-state-layer-color: #8996a4;
  --mat-button-tonal-container-color: #8996a4;
  --mat-button-tonal-label-text-color: black;
  --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-tonal-state-layer-color: black;
}
.red-theme.dark .mat-mdc-button.mat-warn,
.red-theme.dark .mat-mdc-unelevated-button.mat-warn,
.red-theme.dark .mat-mdc-raised-button.mat-warn,
.red-theme.dark .mat-mdc-outlined-button.mat-warn,
.red-theme.dark .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #dc2626;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #dc2626;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-outlined-state-layer-color: #dc2626;
  --mat-button-protected-container-color: #dc2626;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #dc2626;
  --mat-button-text-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-text-state-layer-color: #dc2626;
  --mat-button-tonal-container-color: #dc2626;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.red-theme.dark {
  --mat-icon-button-disabled-icon-color: rgba(255, 255, 255, 0.5);
  --mat-icon-button-disabled-state-layer-color: white;
  --mat-icon-button-focus-state-layer-opacity: 0.24;
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.24;
  --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-icon-button-state-layer-color: white;
}
.red-theme.dark .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #dc2626;
  --mat-icon-button-state-layer-color: #dc2626;
  --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1);
}
.red-theme.dark .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #8996a4;
  --mat-icon-button-state-layer-color: #8996a4;
  --mat-icon-button-ripple-color: rgba(137, 150, 164, 0.1);
}
.red-theme.dark .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #dc2626;
  --mat-icon-button-state-layer-color: #dc2626;
  --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1);
}
.red-theme.dark {
  --mat-fab-container-color: #424242;
  --mat-fab-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
  --mat-fab-disabled-state-layer-color: white;
  --mat-fab-focus-state-layer-opacity: 0.24;
  --mat-fab-foreground-color: white;
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-pressed-state-layer-opacity: 0.24;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #424242;
  --mat-fab-small-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
  --mat-fab-small-disabled-state-layer-color: white;
  --mat-fab-small-focus-state-layer-opacity: 0.24;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-pressed-state-layer-opacity: 0.24;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.red-theme.dark .mat-mdc-fab.mat-primary, .red-theme.dark .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #dc2626;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #dc2626;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.red-theme.dark .mat-mdc-fab.mat-accent, .red-theme.dark .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #8996a4;
  --mat-fab-foreground-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-container-color: #8996a4;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-state-layer-color: black;
  --mat-fab-state-layer-color: black;
}
.red-theme.dark .mat-mdc-fab.mat-warn, .red-theme.dark .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #dc2626;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #dc2626;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.red-theme.dark {
  --mat-snack-bar-container-color: rgb(217.2, 217.2, 217.2);
  --mat-snack-bar-supporting-text-color: rgba(66, 66, 66, 0.87);
  --mat-snack-bar-button-color: #dc2626;
}
.red-theme.dark {
  --mat-table-background-color: #424242;
  --mat-table-header-headline-color: white;
  --mat-table-row-item-label-text-color: white;
  --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
}
.red-theme.dark {
  --mat-progress-spinner-active-indicator-color: #dc2626;
}
.red-theme.dark .mat-accent {
  --mat-progress-spinner-active-indicator-color: #8996a4;
}
.red-theme.dark .mat-warn {
  --mat-progress-spinner-active-indicator-color: #dc2626;
}
.red-theme.dark {
  --mat-badge-background-color: #dc2626;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: rgb(110.1, 110.1, 110.1);
  --mat-badge-disabled-state-text-color: rgba(255, 255, 255, 0.5);
}
.red-theme.dark .mat-badge-accent {
  --mat-badge-background-color: #8996a4;
  --mat-badge-text-color: black;
}
.red-theme.dark .mat-badge-warn {
  --mat-badge-background-color: #dc2626;
  --mat-badge-text-color: white;
}
.red-theme.dark {
  --mat-bottom-sheet-container-text-color: white;
  --mat-bottom-sheet-container-background-color: #424242;
}
.red-theme.dark {
  --mat-button-toggle-background-color: #424242;
  --mat-button-toggle-disabled-selected-state-background-color: #424242;
  --mat-button-toggle-disabled-selected-state-text-color: white;
  --mat-button-toggle-disabled-state-background-color: #424242;
  --mat-button-toggle-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-button-toggle-divider-color: rgb(88.68, 88.68, 88.68);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: #424242;
  --mat-button-toggle-legacy-disabled-state-background-color: black;
  --mat-button-toggle-legacy-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-button-toggle-legacy-selected-state-background-color: #212121;
  --mat-button-toggle-legacy-selected-state-text-color: rgba(255, 255, 255, 0.7);
  --mat-button-toggle-legacy-state-layer-color: rgba(255, 255, 255, 0.12);
  --mat-button-toggle-legacy-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-toggle-selected-state-background-color: #212121;
  --mat-button-toggle-selected-state-text-color: white;
  --mat-button-toggle-state-layer-color: white;
  --mat-button-toggle-text-color: white;
}
.red-theme.dark {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #dc2626;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #dc2626;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color: white;
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: white;
  --mat-datepicker-calendar-navigation-button-icon-color: white;
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(255, 255, 255, 0.3);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.24);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
.red-theme.dark .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: black;
  --mat-datepicker-calendar-date-selected-state-background-color: #8996a4;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(137, 150, 164, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: black;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(137, 150, 164, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.red-theme.dark .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #dc2626;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.red-theme.dark .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #8996a4;
}
.red-theme.dark .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #dc2626;
}
.red-theme.dark {
  --mat-divider-color: rgba(255, 255, 255, 0.12);
}
.red-theme.dark {
  --mat-expansion-container-background-color: #424242;
  --mat-expansion-container-text-color: white;
  --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-expansion-header-text-color: white;
  --mat-expansion-header-description-color: rgba(255, 255, 255, 0.7);
  --mat-expansion-header-indicator-color: rgba(255, 255, 255, 0.7);
}
.red-theme.dark {
  --mat-icon-color: inherit;
}
.red-theme.dark .mat-icon.mat-primary {
  --mat-icon-color: #dc2626;
}
.red-theme.dark .mat-icon.mat-accent {
  --mat-icon-color: #8996a4;
}
.red-theme.dark .mat-icon.mat-warn {
  --mat-icon-color: #dc2626;
}
.red-theme.dark {
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
  --mat-sidenav-container-background-color: #424242;
  --mat-sidenav-container-text-color: white;
  --mat-sidenav-content-background-color: #303030;
  --mat-sidenav-content-text-color: white;
  --mat-sidenav-scrim-color: rgba(189, 189, 189, 0.6);
}
.red-theme.dark {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #dc2626;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #dc2626;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #dc2626;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: #424242;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: #dc2626;
  --mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-error-state-icon-foreground-color: #dc2626;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.red-theme.dark .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: black;
  --mat-stepper-header-selected-state-icon-background-color: #8996a4;
  --mat-stepper-header-selected-state-icon-foreground-color: black;
  --mat-stepper-header-done-state-icon-background-color: #8996a4;
  --mat-stepper-header-done-state-icon-foreground-color: black;
  --mat-stepper-header-edit-state-icon-background-color: #8996a4;
  --mat-stepper-header-edit-state-icon-foreground-color: black;
}
.red-theme.dark .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #dc2626;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #dc2626;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #dc2626;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.red-theme.dark {
  --mat-sort-arrow-color: rgb(198.3, 198.3, 198.3);
}
.red-theme.dark {
  --mat-toolbar-container-background-color: #212121;
  --mat-toolbar-container-text-color: white;
}
.red-theme.dark .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: white;
}
.red-theme.dark .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #8996a4;
  --mat-toolbar-container-text-color: black;
}
.red-theme.dark .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: white;
}
.red-theme.dark {
  --mat-tree-container-background-color: #424242;
  --mat-tree-node-text-color: white;
}
.red-theme.dark {
  --mat-timepicker-container-background-color: #424242;
}
.red-theme.dark {
  --primary-50: #f5bebe;
}
.red-theme.dark .bg-primary-50 {
  background: #f5bebe;
}
.red-theme.dark .b-primary-50 {
  border-color: #f5bebe !important;
}
.red-theme.dark {
  --primary-100: #c50d0d;
}
.red-theme.dark {
  --primary-200: #ce1717;
}
.red-theme.dark {
  --primary-300: #d31c1c;
}
.red-theme.dark {
  --primary-400: #d82222;
}
.red-theme.dark {
  --primary-500: #dc2626;
}
.red-theme.dark .text-primary-500 {
  color: #dc2626 !important;
}
.red-theme.dark {
  --primary-600: #e14747;
}
.red-theme.dark {
  --primary-700: #e76767;
}
.red-theme.dark {
  --primary-800: #ee9393;
}
.red-theme.dark {
  --primary-900: #f5bebe;
}
.red-theme.dark {
  --accent-50: #1d2630;
}
.red-theme.dark {
  --accent-100: #131920;
}
.red-theme.dark {
  --accent-200: #1d2630;
}
.red-theme.dark {
  --accent-300: #3e4853;
}
.red-theme.dark {
  --accent-400: #5b6b79;
}
.red-theme.dark {
  --accent-500: #8996a4;
}
.red-theme.dark {
  --accent-600: #bec8d0;
}
.red-theme.dark {
  --accent-700: #dbe0e5;
}
.red-theme.dark {
  --accent-800: #f3f5f7;
}
.red-theme.dark {
  --accent-900: #f8f9fa;
}
.red-theme.dark {
  --warn-50: #f5bebe;
}
.red-theme.dark {
  --warn-100: #c50d0d;
}
.red-theme.dark {
  --warn-200: #ce1717;
}
.red-theme.dark {
  --warn-300: #d31c1c;
}
.red-theme.dark {
  --warn-400: #d82222;
}
.red-theme.dark {
  --warn-500: #dc2626;
}
.red-theme.dark .text-warn-500 {
  color: #dc2626 !important;
}
.red-theme.dark {
  --warn-600: #e14747;
}
.red-theme.dark {
  --warn-700: #e76767;
}
.red-theme.dark {
  --warn-800: #ee9393;
}
.red-theme.dark {
  --warn-900: #f5bebe;
}
.red-theme.dark {
  --success-50: #e6f5f0;
}
.red-theme.dark {
  --success-100: #107d4f;
}
.red-theme.dark {
  --success-200: #1b8d62;
}
.red-theme.dark {
  --success-300: #21976c;
}
.red-theme.dark {
  --success-400: #27a077;
}
.red-theme.dark {
  --success-500: #2ca87f;
}
.red-theme.dark {
  --success-600: #4cb592;
}
.red-theme.dark {
  --success-700: #6bc2a5;
}
.red-theme.dark {
  --success-800: #96d4bf;
}
.red-theme.dark {
  --success-900: #c0e5d9;
}
.red-theme.dark {
  --warning-50: #fcf1e0;
}
.red-theme.dark {
  --warning-100: #d35a00;
}
.red-theme.dark {
  --warning-200: #da6d00;
}
.red-theme.dark {
  --warning-300: #de7700;
}
.red-theme.dark {
  --warning-400: #e28200;
}
.red-theme.dark {
  --warning-500: #e58a00;
}
.red-theme.dark {
  --warning-600: #e99c26;
}
.red-theme.dark {
  --warning-700: #edad4d;
}
.red-theme.dark {
  --warning-800: #f2c580;
}
.red-theme.dark {
  --warning-900: #f7dcb3;
}

.orange-theme {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}
.orange-theme {
  --mat-option-selected-state-label-text-color: #fd7e14;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.orange-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #8996a4;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.orange-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #dc2626;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.orange-theme {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
.orange-theme {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.orange-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #fd7e14;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fd7e14;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.orange-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.orange-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #dc2626;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #dc2626;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.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);
}
.orange-theme {
  --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);
}
.orange-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #fd7e14;
  --mat-progress-bar-track-color: rgba(253, 126, 20, 0.25);
}
.orange-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #8996a4;
  --mat-progress-bar-track-color: rgba(137, 150, 164, 0.25);
}
.orange-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #dc2626;
  --mat-progress-bar-track-color: rgba(220, 38, 38, 0.25);
}
.orange-theme {
  --mat-tooltip-container-color: #616161;
  --mat-tooltip-supporting-text-color: #fff;
}
.orange-theme {
  --mat-form-field-focus-select-arrow-color: rgba(253, 126, 20, 0.87);
  --mat-form-field-filled-caret-color: #fd7e14;
  --mat-form-field-filled-focus-active-indicator-color: #fd7e14;
  --mat-form-field-filled-focus-label-text-color: rgba(253, 126, 20, 0.87);
  --mat-form-field-outlined-caret-color: #fd7e14;
  --mat-form-field-outlined-focus-outline-color: #fd7e14;
  --mat-form-field-outlined-focus-label-text-color: rgba(253, 126, 20, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #dc2626;
  --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: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
  --mat-form-field-filled-container-color: rgb(244.8, 244.8, 244.8);
  --mat-form-field-filled-disabled-container-color: rgb(249.9, 249.9, 249.9);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-error-hover-label-text-color: #dc2626;
  --mat-form-field-filled-error-focus-label-text-color: #dc2626;
  --mat-form-field-filled-error-label-text-color: #dc2626;
  --mat-form-field-filled-error-caret-color: #dc2626;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mat-form-field-filled-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-hover-active-indicator-color: #dc2626;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-error-caret-color: #dc2626;
  --mat-form-field-outlined-error-focus-label-text-color: #dc2626;
  --mat-form-field-outlined-error-label-text-color: #dc2626;
  --mat-form-field-outlined-error-hover-label-text-color: #dc2626;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #dc2626;
  --mat-form-field-outlined-error-hover-outline-color: #dc2626;
  --mat-form-field-outlined-error-outline-color: #dc2626;
}
.orange-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-filled-caret-color: #8996a4;
  --mat-form-field-filled-focus-active-indicator-color: #8996a4;
  --mat-form-field-filled-focus-label-text-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-outlined-caret-color: #8996a4;
  --mat-form-field-outlined-focus-outline-color: #8996a4;
  --mat-form-field-outlined-focus-label-text-color: rgba(137, 150, 164, 0.87);
}
.orange-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-filled-caret-color: #dc2626;
  --mat-form-field-filled-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-focus-label-text-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-outlined-caret-color: #dc2626;
  --mat-form-field-outlined-focus-outline-color: #dc2626;
  --mat-form-field-outlined-focus-label-text-color: rgba(220, 38, 38, 0.87);
}
.orange-theme {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(253, 126, 20, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.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: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.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: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.orange-theme {
  --mat-autocomplete-background-color: white;
}
.orange-theme {
  --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.6);
}
.orange-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: #212121;
  --mat-chip-elevated-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-elevated-disabled-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-elevated-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-flat-disabled-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
  --mat-chip-with-icon-disabled-icon-color: #212121;
  --mat-chip-with-icon-icon-color: #212121;
  --mat-chip-with-icon-selected-icon-color: #212121;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mat-chip-with-trailing-icon-trailing-icon-color: #212121;
}
.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: white;
  --mat-chip-elevated-container-color: #fd7e14;
  --mat-chip-elevated-disabled-container-color: #fd7e14;
  --mat-chip-elevated-selected-container-color: #fd7e14;
  --mat-chip-flat-disabled-selected-container-color: #fd7e14;
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.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: black;
  --mat-chip-elevated-container-color: #8996a4;
  --mat-chip-elevated-disabled-container-color: #8996a4;
  --mat-chip-elevated-selected-container-color: #8996a4;
  --mat-chip-flat-disabled-selected-container-color: #8996a4;
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: black;
  --mat-chip-selected-disabled-trailing-icon-color: black;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: black;
  --mat-chip-selected-trailing-icon-color: black;
  --mat-chip-with-icon-disabled-icon-color: black;
  --mat-chip-with-icon-icon-color: black;
  --mat-chip-with-icon-selected-icon-color: black;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: black;
  --mat-chip-with-trailing-icon-trailing-icon-color: black;
}
.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: white;
  --mat-chip-elevated-container-color: #dc2626;
  --mat-chip-elevated-disabled-container-color: #dc2626;
  --mat-chip-elevated-selected-container-color: #dc2626;
  --mat-chip-flat-disabled-selected-container-color: #dc2626;
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.orange-theme {
  --mat-slide-toggle-selected-focus-state-layer-color: #fd7612;
  --mat-slide-toggle-selected-handle-color: #fd7612;
  --mat-slide-toggle-selected-hover-state-layer-color: #fd7612;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fd7612;
  --mat-slide-toggle-selected-focus-handle-color: #fc4e06;
  --mat-slide-toggle-selected-hover-handle-color: #fc4e06;
  --mat-slide-toggle-selected-pressed-handle-color: #fc4e06;
  --mat-slide-toggle-selected-focus-track-color: #fea55b;
  --mat-slide-toggle-selected-hover-track-color: #fea55b;
  --mat-slide-toggle-selected-pressed-track-color: #fea55b;
  --mat-slide-toggle-selected-track-color: #fea55b;
  --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: #424242;
  --mat-slide-toggle-disabled-selected-icon-color: #fff;
  --mat-slide-toggle-disabled-selected-track-color: #424242;
  --mat-slide-toggle-disabled-unselected-handle-color: #424242;
  --mat-slide-toggle-disabled-unselected-icon-color: #fff;
  --mat-slide-toggle-disabled-unselected-track-color: #424242;
  --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: #fff;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-icon-color: #fff;
  --mat-slide-toggle-unselected-hover-handle-color: #212121;
  --mat-slide-toggle-unselected-focus-handle-color: #212121;
  --mat-slide-toggle-unselected-focus-state-layer-color: #424242;
  --mat-slide-toggle-unselected-focus-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-icon-color: #fff;
  --mat-slide-toggle-unselected-handle-color: #616161;
  --mat-slide-toggle-unselected-hover-state-layer-color: #424242;
  --mat-slide-toggle-unselected-hover-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-pressed-handle-color: #212121;
  --mat-slide-toggle-unselected-pressed-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #424242;
  --mat-slide-toggle-unselected-track-color: #e0e0e0;
}
.orange-theme {
  --mdc-slide-toggle-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-slide-toggle-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
.orange-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
}
.orange-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-focus-state-layer-color: #5b6b79;
  --mat-slide-toggle-selected-handle-color: #5b6b79;
  --mat-slide-toggle-selected-hover-state-layer-color: #5b6b79;
  --mat-slide-toggle-selected-pressed-state-layer-color: #5b6b79;
  --mat-slide-toggle-selected-focus-handle-color: #131920;
  --mat-slide-toggle-selected-hover-handle-color: #131920;
  --mat-slide-toggle-selected-pressed-handle-color: #131920;
  --mat-slide-toggle-selected-focus-track-color: #dbe0e5;
  --mat-slide-toggle-selected-hover-track-color: #dbe0e5;
  --mat-slide-toggle-selected-pressed-track-color: #dbe0e5;
  --mat-slide-toggle-selected-track-color: #dbe0e5;
}
.orange-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-focus-state-layer-color: #d82222;
  --mat-slide-toggle-selected-handle-color: #d82222;
  --mat-slide-toggle-selected-hover-state-layer-color: #d82222;
  --mat-slide-toggle-selected-pressed-state-layer-color: #d82222;
  --mat-slide-toggle-selected-focus-handle-color: #c50d0d;
  --mat-slide-toggle-selected-hover-handle-color: #c50d0d;
  --mat-slide-toggle-selected-pressed-handle-color: #c50d0d;
  --mat-slide-toggle-selected-focus-track-color: #e76767;
  --mat-slide-toggle-selected-hover-track-color: #e76767;
  --mat-slide-toggle-selected-pressed-track-color: #e76767;
  --mat-slide-toggle-selected-track-color: #e76767;
}
.orange-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #fd7e14;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #fd7e14;
  --mat-radio-selected-hover-icon-color: #fd7e14;
  --mat-radio-selected-icon-color: #fd7e14;
  --mat-radio-selected-pressed-icon-color: #fd7e14;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.orange-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #8996a4;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #8996a4;
  --mat-radio-selected-hover-icon-color: #8996a4;
  --mat-radio-selected-icon-color: #8996a4;
  --mat-radio-selected-pressed-icon-color: #8996a4;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.orange-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #dc2626;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #dc2626;
  --mat-radio-selected-hover-icon-color: #dc2626;
  --mat-radio-selected-icon-color: #dc2626;
  --mat-radio-selected-pressed-icon-color: #dc2626;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.orange-theme {
  --mat-slider-active-track-color: #fd7e14;
  --mat-slider-focus-handle-color: #fd7e14;
  --mat-slider-focus-state-layer-color: rgba(253, 126, 20, 0.2);
  --mat-slider-handle-color: #fd7e14;
  --mat-slider-hover-handle-color: #fd7e14;
  --mat-slider-hover-state-layer-color: rgba(253, 126, 20, 0.05);
  --mat-slider-inactive-track-color: #fd7e14;
  --mat-slider-ripple-color: #fd7e14;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #fd7e14;
  --mat-slider-disabled-active-track-color: #000;
  --mat-slider-disabled-handle-color: #000;
  --mat-slider-disabled-inactive-track-color: #000;
  --mat-slider-label-container-color: #000;
  --mat-slider-label-label-text-color: #fff;
  --mat-slider-value-indicator-opacity: 0.6;
  --mat-slider-with-overlap-handle-outline-color: #fff;
  --mat-slider-with-tick-marks-disabled-container-color: #000;
}
.orange-theme .mat-accent {
  --mat-slider-active-track-color: #8996a4;
  --mat-slider-focus-handle-color: #8996a4;
  --mat-slider-focus-state-layer-color: rgba(137, 150, 164, 0.2);
  --mat-slider-handle-color: #8996a4;
  --mat-slider-hover-handle-color: #8996a4;
  --mat-slider-hover-state-layer-color: rgba(137, 150, 164, 0.05);
  --mat-slider-inactive-track-color: #8996a4;
  --mat-slider-ripple-color: #8996a4;
  --mat-slider-with-tick-marks-active-container-color: black;
  --mat-slider-with-tick-marks-inactive-container-color: #8996a4;
}
.orange-theme .mat-warn {
  --mat-slider-active-track-color: #dc2626;
  --mat-slider-focus-handle-color: #dc2626;
  --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2);
  --mat-slider-handle-color: #dc2626;
  --mat-slider-hover-handle-color: #dc2626;
  --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05);
  --mat-slider-inactive-track-color: #dc2626;
  --mat-slider-ripple-color: #dc2626;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #dc2626;
}
.orange-theme {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
.orange-theme {
  --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.38);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-disabled-label-text-color: black;
  --mat-list-list-item-disabled-leading-icon-color: black;
  --mat-list-list-item-disabled-trailing-icon-color: black;
  --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.38);
  --mat-list-list-item-hover-state-layer-color: black;
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: black;
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.orange-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #fd7e14;
  --mat-checkbox-selected-hover-icon-color: #fd7e14;
  --mat-checkbox-selected-icon-color: #fd7e14;
  --mat-checkbox-selected-pressed-icon-color: #fd7e14;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fd7e14;
  --mat-checkbox-selected-hover-state-layer-color: #fd7e14;
  --mat-checkbox-selected-pressed-state-layer-color: #fd7e14;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.orange-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.orange-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.orange-theme {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}
.orange-theme .mat-mdc-tab-group,
.orange-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-label-text-color: #fd7e14;
  --mat-tab-active-ripple-color: #fd7e14;
  --mat-tab-inactive-ripple-color: #fd7e14;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-focus-label-text-color: #fd7e14;
  --mat-tab-active-hover-label-text-color: #fd7e14;
  --mat-tab-active-focus-indicator-color: #fd7e14;
  --mat-tab-active-hover-indicator-color: #fd7e14;
  --mat-tab-active-indicator-color: #fd7e14;
}
.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.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-label-text-color: #8996a4;
  --mat-tab-active-ripple-color: #8996a4;
  --mat-tab-inactive-ripple-color: #8996a4;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-focus-label-text-color: #8996a4;
  --mat-tab-active-hover-label-text-color: #8996a4;
  --mat-tab-active-focus-indicator-color: #8996a4;
  --mat-tab-active-hover-indicator-color: #8996a4;
  --mat-tab-active-indicator-color: #8996a4;
}
.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.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-label-text-color: #dc2626;
  --mat-tab-active-ripple-color: #dc2626;
  --mat-tab-inactive-ripple-color: #dc2626;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-focus-label-text-color: #dc2626;
  --mat-tab-active-hover-label-text-color: #dc2626;
  --mat-tab-active-focus-indicator-color: #dc2626;
  --mat-tab-active-hover-indicator-color: #dc2626;
  --mat-tab-active-indicator-color: #dc2626;
}
.orange-theme {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.orange-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #fd7e14;
  --mat-checkbox-selected-hover-icon-color: #fd7e14;
  --mat-checkbox-selected-icon-color: #fd7e14;
  --mat-checkbox-selected-pressed-icon-color: #fd7e14;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fd7e14;
  --mat-checkbox-selected-hover-state-layer-color: #fd7e14;
  --mat-checkbox-selected-pressed-state-layer-color: #fd7e14;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.orange-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.orange-theme {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mat-button-filled-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-filled-disabled-state-layer-color: black;
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-state-layer-color: black;
  --mat-button-outlined-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: black;
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: black;
  --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: rgba(0, 0, 0, 0.1);
  --mat-button-outlined-state-layer-color: black;
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-protected-disabled-state-layer-color: black;
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-state-layer-color: black;
  --mat-button-text-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-text-disabled-state-layer-color: black;
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: black;
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-text-state-layer-color: black;
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mat-button-tonal-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-tonal-disabled-state-layer-color: black;
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: black;
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-tonal-state-layer-color: black;
}
.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: #fd7e14;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #fd7e14;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: rgba(253, 126, 20, 0.1);
  --mat-button-outlined-state-layer-color: #fd7e14;
  --mat-button-protected-container-color: #fd7e14;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #fd7e14;
  --mat-button-text-ripple-color: rgba(253, 126, 20, 0.1);
  --mat-button-text-state-layer-color: #fd7e14;
  --mat-button-tonal-container-color: #fd7e14;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.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: #8996a4;
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-state-layer-color: black;
  --mat-button-outlined-label-text-color: #8996a4;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-outlined-state-layer-color: #8996a4;
  --mat-button-protected-container-color: #8996a4;
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-state-layer-color: black;
  --mat-button-text-label-text-color: #8996a4;
  --mat-button-text-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-text-state-layer-color: #8996a4;
  --mat-button-tonal-container-color: #8996a4;
  --mat-button-tonal-label-text-color: black;
  --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-tonal-state-layer-color: black;
}
.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: #dc2626;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #dc2626;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-outlined-state-layer-color: #dc2626;
  --mat-button-protected-container-color: #dc2626;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #dc2626;
  --mat-button-text-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-text-state-layer-color: #dc2626;
  --mat-button-tonal-container-color: #dc2626;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.orange-theme {
  --mat-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-disabled-state-layer-color: black;
  --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: rgba(0, 0, 0, 0.1);
  --mat-icon-button-state-layer-color: black;
}
.orange-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #fd7e14;
  --mat-icon-button-state-layer-color: #fd7e14;
  --mat-icon-button-ripple-color: rgba(253, 126, 20, 0.1);
}
.orange-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #8996a4;
  --mat-icon-button-state-layer-color: #8996a4;
  --mat-icon-button-ripple-color: rgba(137, 150, 164, 0.1);
}
.orange-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #dc2626;
  --mat-icon-button-state-layer-color: #dc2626;
  --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1);
}
.orange-theme {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: black;
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-state-layer-color: black;
  --mat-fab-state-layer-color: black;
}
.orange-theme .mat-mdc-fab.mat-primary, .orange-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #fd7e14;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #fd7e14;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.orange-theme .mat-mdc-fab.mat-accent, .orange-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #8996a4;
  --mat-fab-foreground-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-container-color: #8996a4;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-state-layer-color: black;
  --mat-fab-state-layer-color: black;
}
.orange-theme .mat-mdc-fab.mat-warn, .orange-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #dc2626;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #dc2626;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.orange-theme {
  --mat-snack-bar-container-color: #333333;
  --mat-snack-bar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #fed8b9;
}
.orange-theme {
  --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);
}
.orange-theme {
  --mat-progress-spinner-active-indicator-color: #fd7e14;
}
.orange-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #8996a4;
}
.orange-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #dc2626;
}
.orange-theme {
  --mat-badge-background-color: #fd7e14;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}
.orange-theme .mat-badge-accent {
  --mat-badge-background-color: #8996a4;
  --mat-badge-text-color: black;
}
.orange-theme .mat-badge-warn {
  --mat-badge-background-color: #dc2626;
  --mat-badge-text-color: white;
}
.orange-theme {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
.orange-theme {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-button-toggle-divider-color: rgb(224.4, 224.4, 224.4);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: #bdbdbd;
  --mat-button-toggle-legacy-disabled-state-background-color: #eeeeee;
  --mat-button-toggle-legacy-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-button-toggle-legacy-selected-state-background-color: #e0e0e0;
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-button-toggle-legacy-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: black;
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}
.orange-theme {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #fd7e14;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(253, 126, 20, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(253, 126, 20, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(253, 126, 20, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #fd7e14;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(253, 126, 20, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.orange-theme .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: black;
  --mat-datepicker-calendar-date-selected-state-background-color: #8996a4;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(137, 150, 164, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: black;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(137, 150, 164, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.orange-theme .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #dc2626;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.orange-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #8996a4;
}
.orange-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #dc2626;
}
.orange-theme {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
.orange-theme {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
.orange-theme {
  --mat-icon-color: inherit;
}
.orange-theme .mat-icon.mat-primary {
  --mat-icon-color: #fd7e14;
}
.orange-theme .mat-icon.mat-accent {
  --mat-icon-color: #8996a4;
}
.orange-theme .mat-icon.mat-warn {
  --mat-icon-color: #dc2626;
}
.orange-theme {
  --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);
}
.orange-theme {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #fd7e14;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #fd7e14;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #fd7e14;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #dc2626;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #dc2626;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.orange-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: black;
  --mat-stepper-header-selected-state-icon-background-color: #8996a4;
  --mat-stepper-header-selected-state-icon-foreground-color: black;
  --mat-stepper-header-done-state-icon-background-color: #8996a4;
  --mat-stepper-header-done-state-icon-foreground-color: black;
  --mat-stepper-header-edit-state-icon-background-color: #8996a4;
  --mat-stepper-header-edit-state-icon-foreground-color: black;
}
.orange-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #dc2626;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #dc2626;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #dc2626;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.orange-theme {
  --mat-sort-arrow-color: rgb(117.3, 117.3, 117.3);
}
.orange-theme {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.orange-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #fd7e14;
  --mat-toolbar-container-text-color: white;
}
.orange-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #8996a4;
  --mat-toolbar-container-text-color: black;
}
.orange-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: white;
}
.orange-theme {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
.orange-theme {
  --mat-timepicker-container-background-color: white;
}
.orange-theme {
  --primary-50: #fff0e3;
}
.orange-theme .bg-primary-50 {
  background: #fff0e3;
}
.orange-theme .b-primary-50 {
  border-color: #fff0e3 !important;
}
.orange-theme {
  --primary-100: #fed8b9;
}
.orange-theme {
  --primary-200: #febf8a;
}
.orange-theme {
  --primary-300: #fea55b;
}
.orange-theme {
  --primary-400: #fd9137;
}
.orange-theme {
  --primary-500: #fd7e14;
}
.orange-theme .text-primary-500 {
  color: #fd7e14 !important;
}
.orange-theme {
  --primary-600: #fd7612;
}
.orange-theme {
  --primary-700: #fc6b0e;
}
.orange-theme {
  --primary-800: #fc610b;
}
.orange-theme {
  --primary-900: #fc4e06;
}
.orange-theme {
  --accent-50: #fff;
}
.orange-theme {
  --accent-100: #f8f9fa;
}
.orange-theme {
  --accent-200: #f3f5f7;
}
.orange-theme {
  --accent-300: #dbe0e5;
}
.orange-theme {
  --accent-400: #bec8d0;
}
.orange-theme {
  --accent-500: #8996a4;
}
.orange-theme {
  --accent-600: #5b6b79;
}
.orange-theme {
  --accent-700: #3e4853;
}
.orange-theme {
  --accent-800: #1d2630;
}
.orange-theme {
  --accent-900: #131920;
}
.orange-theme {
  --warn-50: #fbe5e5;
}
.orange-theme {
  --warn-100: #f5bebe;
}
.orange-theme {
  --warn-200: #ee9393;
}
.orange-theme {
  --warn-300: #e76767;
}
.orange-theme {
  --warn-400: #e14747;
}
.orange-theme {
  --warn-500: #dc2626;
}
.orange-theme .text-warn-500 {
  color: #dc2626 !important;
}
.orange-theme {
  --warn-600: #d82222;
}
.orange-theme {
  --warn-700: #d31c1c;
}
.orange-theme {
  --warn-800: #ce1717;
}
.orange-theme {
  --warn-900: #c50d0d;
}
.orange-theme {
  --success-50: #e6f5f0;
}
.orange-theme {
  --success-100: #c0e5d9;
}
.orange-theme {
  --success-200: #96d4bf;
}
.orange-theme {
  --success-300: #6bc2a5;
}
.orange-theme {
  --success-400: #4cb592;
}
.orange-theme {
  --success-500: #2ca87f;
}
.orange-theme {
  --success-600: #27a077;
}
.orange-theme {
  --success-700: #21976c;
}
.orange-theme {
  --success-800: #1b8d62;
}
.orange-theme {
  --success-900: #107d4f;
}
.orange-theme {
  --warning-50: #fcf1e0;
}
.orange-theme {
  --warning-100: #f7dcb3;
}
.orange-theme {
  --warning-200: #f2c580;
}
.orange-theme {
  --warning-300: #edad4d;
}
.orange-theme {
  --warning-400: #e99c26;
}
.orange-theme {
  --warning-500: #e58a00;
}
.orange-theme {
  --warning-600: #e28200;
}
.orange-theme {
  --warning-700: #de7700;
}
.orange-theme {
  --warning-800: #da6d00;
}
.orange-theme {
  --warning-900: #d35a00;
}
.orange-theme.dark {
  --mat-ripple-color: rgba(255, 255, 255, 0.1);
}
.orange-theme.dark {
  --mat-option-selected-state-label-text-color: #fd7e14;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.orange-theme.dark .mat-accent {
  --mat-option-selected-state-label-text-color: #8996a4;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.orange-theme.dark .mat-warn {
  --mat-option-selected-state-label-text-color: #dc2626;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.orange-theme.dark {
  --mat-optgroup-label-text-color: white;
}
.orange-theme.dark {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.orange-theme.dark .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #fd7e14;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fd7e14;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.orange-theme.dark .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.orange-theme.dark .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #dc2626;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #dc2626;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.orange-theme.dark {
  --mat-app-background-color: #303030;
  --mat-app-text-color: white;
  --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);
}
.orange-theme.dark {
  --mat-card-elevated-container-color: #424242;
  --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: #424242;
  --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(255, 255, 255, 0.12);
  --mat-card-subtitle-text-color: rgba(255, 255, 255, 0.7);
  --mat-card-filled-container-color: #424242;
  --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);
}
.orange-theme.dark .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #fd7e14;
  --mat-progress-bar-track-color: rgba(253, 126, 20, 0.25);
}
.orange-theme.dark .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #8996a4;
  --mat-progress-bar-track-color: rgba(137, 150, 164, 0.25);
}
.orange-theme.dark .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #dc2626;
  --mat-progress-bar-track-color: rgba(220, 38, 38, 0.25);
}
.orange-theme.dark {
  --mat-tooltip-container-color: #616161;
  --mat-tooltip-supporting-text-color: #fff;
}
.orange-theme.dark {
  --mat-form-field-focus-select-arrow-color: rgba(253, 126, 20, 0.87);
  --mat-form-field-filled-caret-color: #fd7e14;
  --mat-form-field-filled-focus-active-indicator-color: #fd7e14;
  --mat-form-field-filled-focus-label-text-color: rgba(253, 126, 20, 0.87);
  --mat-form-field-outlined-caret-color: #fd7e14;
  --mat-form-field-outlined-focus-outline-color: #fd7e14;
  --mat-form-field-outlined-focus-label-text-color: rgba(253, 126, 20, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-state-layer-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-error-text-color: #dc2626;
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --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(255, 255, 255, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-focus-state-layer-opacity: 0.24;
  --mat-form-field-filled-container-color: rgb(73.56, 73.56, 73.56);
  --mat-form-field-filled-disabled-container-color: rgb(69.78, 69.78, 69.78);
  --mat-form-field-filled-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-filled-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-filled-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-filled-input-text-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-filled-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-filled-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-filled-error-hover-label-text-color: #dc2626;
  --mat-form-field-filled-error-focus-label-text-color: #dc2626;
  --mat-form-field-filled-error-label-text-color: #dc2626;
  --mat-form-field-filled-error-caret-color: #dc2626;
  --mat-form-field-filled-active-indicator-color: rgba(255, 255, 255, 0.42);
  --mat-form-field-filled-disabled-active-indicator-color: rgba(255, 255, 255, 0.06);
  --mat-form-field-filled-hover-active-indicator-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-hover-active-indicator-color: #dc2626;
  --mat-form-field-outlined-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-outlined-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-outlined-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-input-text-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-outlined-error-caret-color: #dc2626;
  --mat-form-field-outlined-error-focus-label-text-color: #dc2626;
  --mat-form-field-outlined-error-label-text-color: #dc2626;
  --mat-form-field-outlined-error-hover-label-text-color: #dc2626;
  --mat-form-field-outlined-outline-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-disabled-outline-color: rgba(255, 255, 255, 0.06);
  --mat-form-field-outlined-hover-outline-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #dc2626;
  --mat-form-field-outlined-error-hover-outline-color: #dc2626;
  --mat-form-field-outlined-error-outline-color: #dc2626;
}
.orange-theme.dark .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-filled-caret-color: #8996a4;
  --mat-form-field-filled-focus-active-indicator-color: #8996a4;
  --mat-form-field-filled-focus-label-text-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-outlined-caret-color: #8996a4;
  --mat-form-field-outlined-focus-outline-color: #8996a4;
  --mat-form-field-outlined-focus-label-text-color: rgba(137, 150, 164, 0.87);
}
.orange-theme.dark .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-filled-caret-color: #dc2626;
  --mat-form-field-filled-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-focus-label-text-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-outlined-caret-color: #dc2626;
  --mat-form-field-outlined-focus-outline-color: #dc2626;
  --mat-form-field-outlined-focus-label-text-color: rgba(220, 38, 38, 0.87);
}
.orange-theme.dark {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(253, 126, 20, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.orange-theme.dark .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.orange-theme.dark .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.orange-theme.dark {
  --mat-autocomplete-background-color: #424242;
}
.orange-theme.dark {
  --mat-dialog-container-color: #424242;
  --mat-dialog-subhead-color: rgba(255, 255, 255, 0.87);
  --mat-dialog-supporting-text-color: rgba(255, 255, 255, 0.6);
}
.orange-theme.dark .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: #fafafa;
  --mat-chip-elevated-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-elevated-disabled-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-elevated-selected-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-flat-disabled-selected-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: #fafafa;
  --mat-chip-selected-disabled-trailing-icon-color: #fafafa;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: #fafafa;
  --mat-chip-selected-trailing-icon-color: #fafafa;
  --mat-chip-with-icon-disabled-icon-color: #fafafa;
  --mat-chip-with-icon-icon-color: #fafafa;
  --mat-chip-with-icon-selected-icon-color: #fafafa;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa;
  --mat-chip-with-trailing-icon-trailing-icon-color: #fafafa;
}
.orange-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .orange-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #fd7e14;
  --mat-chip-elevated-disabled-container-color: #fd7e14;
  --mat-chip-elevated-selected-container-color: #fd7e14;
  --mat-chip-flat-disabled-selected-container-color: #fd7e14;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.orange-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .orange-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: black;
  --mat-chip-elevated-container-color: #8996a4;
  --mat-chip-elevated-disabled-container-color: #8996a4;
  --mat-chip-elevated-selected-container-color: #8996a4;
  --mat-chip-flat-disabled-selected-container-color: #8996a4;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: black;
  --mat-chip-selected-disabled-trailing-icon-color: black;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: black;
  --mat-chip-selected-trailing-icon-color: black;
  --mat-chip-with-icon-disabled-icon-color: black;
  --mat-chip-with-icon-icon-color: black;
  --mat-chip-with-icon-selected-icon-color: black;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: black;
  --mat-chip-with-trailing-icon-trailing-icon-color: black;
}
.orange-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .orange-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #dc2626;
  --mat-chip-elevated-disabled-container-color: #dc2626;
  --mat-chip-elevated-selected-container-color: #dc2626;
  --mat-chip-flat-disabled-selected-container-color: #dc2626;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.orange-theme.dark {
  --mat-slide-toggle-selected-focus-state-layer-color: #fc6b0e;
  --mat-slide-toggle-selected-handle-color: #fc6b0e;
  --mat-slide-toggle-selected-hover-state-layer-color: #fc6b0e;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fc6b0e;
  --mat-slide-toggle-selected-focus-handle-color: #fc610b;
  --mat-slide-toggle-selected-hover-handle-color: #fc610b;
  --mat-slide-toggle-selected-pressed-handle-color: #fc610b;
  --mat-slide-toggle-selected-focus-track-color: #fd9137;
  --mat-slide-toggle-selected-hover-track-color: #fd9137;
  --mat-slide-toggle-selected-pressed-track-color: #fd9137;
  --mat-slide-toggle-selected-track-color: #fd9137;
  --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: #000;
  --mat-slide-toggle-disabled-selected-icon-color: #212121;
  --mat-slide-toggle-disabled-selected-track-color: #f5f5f5;
  --mat-slide-toggle-disabled-unselected-handle-color: #000;
  --mat-slide-toggle-disabled-unselected-icon-color: #212121;
  --mat-slide-toggle-disabled-unselected-track-color: #f5f5f5;
  --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: #fff;
  --mat-slide-toggle-label-text-color: white;
  --mat-slide-toggle-selected-icon-color: #212121;
  --mat-slide-toggle-unselected-hover-handle-color: #fafafa;
  --mat-slide-toggle-unselected-focus-handle-color: #fafafa;
  --mat-slide-toggle-unselected-focus-state-layer-color: #f5f5f5;
  --mat-slide-toggle-unselected-focus-track-color: #616161;
  --mat-slide-toggle-unselected-icon-color: #212121;
  --mat-slide-toggle-unselected-handle-color: #9e9e9e;
  --mat-slide-toggle-unselected-hover-state-layer-color: #f5f5f5;
  --mat-slide-toggle-unselected-hover-track-color: #616161;
  --mat-slide-toggle-unselected-pressed-handle-color: #fafafa;
  --mat-slide-toggle-unselected-pressed-track-color: #616161;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #f5f5f5;
  --mat-slide-toggle-unselected-track-color: #616161;
}
.orange-theme.dark {
  --mdc-slide-toggle-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-slide-toggle-disabled-label-text-color: rgba(255, 255, 255, 0.5);
}
.orange-theme.dark .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-color: white;
}
.orange-theme.dark .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-focus-state-layer-color: #3e4853;
  --mat-slide-toggle-selected-handle-color: #3e4853;
  --mat-slide-toggle-selected-hover-state-layer-color: #3e4853;
  --mat-slide-toggle-selected-pressed-state-layer-color: #3e4853;
  --mat-slide-toggle-selected-focus-handle-color: #1d2630;
  --mat-slide-toggle-selected-hover-handle-color: #1d2630;
  --mat-slide-toggle-selected-pressed-handle-color: #1d2630;
  --mat-slide-toggle-selected-focus-track-color: #bec8d0;
  --mat-slide-toggle-selected-hover-track-color: #bec8d0;
  --mat-slide-toggle-selected-pressed-track-color: #bec8d0;
  --mat-slide-toggle-selected-track-color: #bec8d0;
}
.orange-theme.dark .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-focus-state-layer-color: #d31c1c;
  --mat-slide-toggle-selected-handle-color: #d31c1c;
  --mat-slide-toggle-selected-hover-state-layer-color: #d31c1c;
  --mat-slide-toggle-selected-pressed-state-layer-color: #d31c1c;
  --mat-slide-toggle-selected-focus-handle-color: #ce1717;
  --mat-slide-toggle-selected-hover-handle-color: #ce1717;
  --mat-slide-toggle-selected-pressed-handle-color: #ce1717;
  --mat-slide-toggle-selected-focus-track-color: #e14747;
  --mat-slide-toggle-selected-hover-track-color: #e14747;
  --mat-slide-toggle-selected-pressed-track-color: #e14747;
  --mat-slide-toggle-selected-track-color: #e14747;
}
.orange-theme.dark .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #fd7e14;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #fd7e14;
  --mat-radio-selected-hover-icon-color: #fd7e14;
  --mat-radio-selected-icon-color: #fd7e14;
  --mat-radio-selected-pressed-icon-color: #fd7e14;
  --mat-radio-unselected-focus-icon-color: #eeeeee;
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}
.orange-theme.dark .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #8996a4;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #8996a4;
  --mat-radio-selected-hover-icon-color: #8996a4;
  --mat-radio-selected-icon-color: #8996a4;
  --mat-radio-selected-pressed-icon-color: #8996a4;
  --mat-radio-unselected-focus-icon-color: #eeeeee;
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}
.orange-theme.dark .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #dc2626;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #dc2626;
  --mat-radio-selected-hover-icon-color: #dc2626;
  --mat-radio-selected-icon-color: #dc2626;
  --mat-radio-selected-pressed-icon-color: #dc2626;
  --mat-radio-unselected-focus-icon-color: #eeeeee;
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}
.orange-theme.dark {
  --mat-slider-active-track-color: #fd7e14;
  --mat-slider-focus-handle-color: #fd7e14;
  --mat-slider-focus-state-layer-color: rgba(253, 126, 20, 0.2);
  --mat-slider-handle-color: #fd7e14;
  --mat-slider-hover-handle-color: #fd7e14;
  --mat-slider-hover-state-layer-color: rgba(253, 126, 20, 0.05);
  --mat-slider-inactive-track-color: #fd7e14;
  --mat-slider-ripple-color: #fd7e14;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #fd7e14;
  --mat-slider-disabled-active-track-color: #fff;
  --mat-slider-disabled-handle-color: #fff;
  --mat-slider-disabled-inactive-track-color: #fff;
  --mat-slider-label-container-color: #fff;
  --mat-slider-label-label-text-color: #000;
  --mat-slider-value-indicator-opacity: 0.9;
  --mat-slider-with-overlap-handle-outline-color: #fff;
  --mat-slider-with-tick-marks-disabled-container-color: #fff;
}
.orange-theme.dark .mat-accent {
  --mat-slider-active-track-color: #8996a4;
  --mat-slider-focus-handle-color: #8996a4;
  --mat-slider-focus-state-layer-color: rgba(137, 150, 164, 0.2);
  --mat-slider-handle-color: #8996a4;
  --mat-slider-hover-handle-color: #8996a4;
  --mat-slider-hover-state-layer-color: rgba(137, 150, 164, 0.05);
  --mat-slider-inactive-track-color: #8996a4;
  --mat-slider-ripple-color: #8996a4;
  --mat-slider-with-tick-marks-active-container-color: black;
  --mat-slider-with-tick-marks-inactive-container-color: #8996a4;
}
.orange-theme.dark .mat-warn {
  --mat-slider-active-track-color: #dc2626;
  --mat-slider-focus-handle-color: #dc2626;
  --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2);
  --mat-slider-handle-color: #dc2626;
  --mat-slider-hover-handle-color: #dc2626;
  --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05);
  --mat-slider-inactive-track-color: #dc2626;
  --mat-slider-ripple-color: #dc2626;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #dc2626;
}
.orange-theme.dark {
  --mat-menu-item-label-text-color: white;
  --mat-menu-item-icon-color: white;
  --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-container-color: #424242;
  --mat-menu-divider-color: rgba(255, 255, 255, 0.12);
}
.orange-theme.dark {
  --mat-list-list-item-label-text-color: white;
  --mat-list-list-item-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-disabled-label-text-color: white;
  --mat-list-list-item-disabled-leading-icon-color: white;
  --mat-list-list-item-disabled-trailing-icon-color: white;
  --mat-list-list-item-hover-label-text-color: white;
  --mat-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-hover-state-layer-color: white;
  --mat-list-list-item-hover-state-layer-opacity: 0.08;
  --mat-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-focus-label-text-color: white;
  --mat-list-list-item-focus-state-layer-color: white;
  --mat-list-list-item-focus-state-layer-opacity: 0.24;
}
.orange-theme.dark .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #fd7e14;
  --mat-checkbox-selected-hover-icon-color: #fd7e14;
  --mat-checkbox-selected-icon-color: #fd7e14;
  --mat-checkbox-selected-pressed-icon-color: #fd7e14;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fd7e14;
  --mat-checkbox-selected-hover-state-layer-color: #fd7e14;
  --mat-checkbox-selected-pressed-state-layer-color: #fd7e14;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.orange-theme.dark .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.orange-theme.dark .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.orange-theme.dark {
  --mat-paginator-container-text-color: rgba(255, 255, 255, 0.87);
  --mat-paginator-container-background-color: #424242;
  --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.54);
  --mat-paginator-disabled-icon-color: rgba(255, 255, 255, 0.12);
}
.orange-theme.dark .mat-mdc-tab-group,
.orange-theme.dark .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-label-text-color: #fd7e14;
  --mat-tab-active-ripple-color: #fd7e14;
  --mat-tab-inactive-ripple-color: #fd7e14;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-focus-label-text-color: #fd7e14;
  --mat-tab-active-hover-label-text-color: #fd7e14;
  --mat-tab-active-focus-indicator-color: #fd7e14;
  --mat-tab-active-hover-indicator-color: #fd7e14;
  --mat-tab-active-indicator-color: #fd7e14;
}
.orange-theme.dark .mat-mdc-tab-group.mat-accent,
.orange-theme.dark .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-label-text-color: #8996a4;
  --mat-tab-active-ripple-color: #8996a4;
  --mat-tab-inactive-ripple-color: #8996a4;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-focus-label-text-color: #8996a4;
  --mat-tab-active-hover-label-text-color: #8996a4;
  --mat-tab-active-focus-indicator-color: #8996a4;
  --mat-tab-active-hover-indicator-color: #8996a4;
  --mat-tab-active-indicator-color: #8996a4;
}
.orange-theme.dark .mat-mdc-tab-group.mat-warn,
.orange-theme.dark .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-label-text-color: #dc2626;
  --mat-tab-active-ripple-color: #dc2626;
  --mat-tab-inactive-ripple-color: #dc2626;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-focus-label-text-color: #dc2626;
  --mat-tab-active-hover-label-text-color: #dc2626;
  --mat-tab-active-focus-indicator-color: #dc2626;
  --mat-tab-active-hover-indicator-color: #dc2626;
  --mat-tab-active-indicator-color: #dc2626;
}
.orange-theme.dark {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.orange-theme.dark .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #fd7e14;
  --mat-checkbox-selected-hover-icon-color: #fd7e14;
  --mat-checkbox-selected-icon-color: #fd7e14;
  --mat-checkbox-selected-pressed-icon-color: #fd7e14;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fd7e14;
  --mat-checkbox-selected-hover-state-layer-color: #fd7e14;
  --mat-checkbox-selected-pressed-state-layer-color: #fd7e14;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.orange-theme.dark .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.orange-theme.dark {
  --mat-button-filled-container-color: #424242;
  --mat-button-filled-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mat-button-filled-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-filled-disabled-state-layer-color: white;
  --mat-button-filled-focus-state-layer-opacity: 0.24;
  --mat-button-filled-hover-state-layer-opacity: 0.08;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-pressed-state-layer-opacity: 0.24;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-outlined-disabled-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-disabled-state-layer-color: white;
  --mat-button-outlined-focus-state-layer-opacity: 0.24;
  --mat-button-outlined-hover-state-layer-opacity: 0.08;
  --mat-button-outlined-label-text-color: white;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.24;
  --mat-button-outlined-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-outlined-state-layer-color: white;
  --mat-button-protected-container-color: #424242;
  --mat-button-protected-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mat-button-protected-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-protected-disabled-state-layer-color: white;
  --mat-button-protected-focus-state-layer-opacity: 0.24;
  --mat-button-protected-hover-state-layer-opacity: 0.08;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-pressed-state-layer-opacity: 0.24;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-text-disabled-state-layer-color: white;
  --mat-button-text-focus-state-layer-opacity: 0.24;
  --mat-button-text-hover-state-layer-opacity: 0.08;
  --mat-button-text-label-text-color: white;
  --mat-button-text-pressed-state-layer-opacity: 0.24;
  --mat-button-text-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-text-state-layer-color: white;
  --mat-button-tonal-container-color: #424242;
  --mat-button-tonal-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mat-button-tonal-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-tonal-disabled-state-layer-color: white;
  --mat-button-tonal-focus-state-layer-opacity: 0.24;
  --mat-button-tonal-hover-state-layer-opacity: 0.08;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-pressed-state-layer-opacity: 0.24;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.orange-theme.dark .mat-mdc-button.mat-primary,
.orange-theme.dark .mat-mdc-unelevated-button.mat-primary,
.orange-theme.dark .mat-mdc-raised-button.mat-primary,
.orange-theme.dark .mat-mdc-outlined-button.mat-primary,
.orange-theme.dark .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #fd7e14;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #fd7e14;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: rgba(253, 126, 20, 0.1);
  --mat-button-outlined-state-layer-color: #fd7e14;
  --mat-button-protected-container-color: #fd7e14;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #fd7e14;
  --mat-button-text-ripple-color: rgba(253, 126, 20, 0.1);
  --mat-button-text-state-layer-color: #fd7e14;
  --mat-button-tonal-container-color: #fd7e14;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.orange-theme.dark .mat-mdc-button.mat-accent,
.orange-theme.dark .mat-mdc-unelevated-button.mat-accent,
.orange-theme.dark .mat-mdc-raised-button.mat-accent,
.orange-theme.dark .mat-mdc-outlined-button.mat-accent,
.orange-theme.dark .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #8996a4;
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-state-layer-color: black;
  --mat-button-outlined-label-text-color: #8996a4;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-outlined-state-layer-color: #8996a4;
  --mat-button-protected-container-color: #8996a4;
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-state-layer-color: black;
  --mat-button-text-label-text-color: #8996a4;
  --mat-button-text-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-text-state-layer-color: #8996a4;
  --mat-button-tonal-container-color: #8996a4;
  --mat-button-tonal-label-text-color: black;
  --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-tonal-state-layer-color: black;
}
.orange-theme.dark .mat-mdc-button.mat-warn,
.orange-theme.dark .mat-mdc-unelevated-button.mat-warn,
.orange-theme.dark .mat-mdc-raised-button.mat-warn,
.orange-theme.dark .mat-mdc-outlined-button.mat-warn,
.orange-theme.dark .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #dc2626;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #dc2626;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-outlined-state-layer-color: #dc2626;
  --mat-button-protected-container-color: #dc2626;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #dc2626;
  --mat-button-text-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-text-state-layer-color: #dc2626;
  --mat-button-tonal-container-color: #dc2626;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.orange-theme.dark {
  --mat-icon-button-disabled-icon-color: rgba(255, 255, 255, 0.5);
  --mat-icon-button-disabled-state-layer-color: white;
  --mat-icon-button-focus-state-layer-opacity: 0.24;
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.24;
  --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-icon-button-state-layer-color: white;
}
.orange-theme.dark .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #fd7e14;
  --mat-icon-button-state-layer-color: #fd7e14;
  --mat-icon-button-ripple-color: rgba(253, 126, 20, 0.1);
}
.orange-theme.dark .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #8996a4;
  --mat-icon-button-state-layer-color: #8996a4;
  --mat-icon-button-ripple-color: rgba(137, 150, 164, 0.1);
}
.orange-theme.dark .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #dc2626;
  --mat-icon-button-state-layer-color: #dc2626;
  --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1);
}
.orange-theme.dark {
  --mat-fab-container-color: #424242;
  --mat-fab-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
  --mat-fab-disabled-state-layer-color: white;
  --mat-fab-focus-state-layer-opacity: 0.24;
  --mat-fab-foreground-color: white;
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-pressed-state-layer-opacity: 0.24;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #424242;
  --mat-fab-small-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
  --mat-fab-small-disabled-state-layer-color: white;
  --mat-fab-small-focus-state-layer-opacity: 0.24;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-pressed-state-layer-opacity: 0.24;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.orange-theme.dark .mat-mdc-fab.mat-primary, .orange-theme.dark .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #fd7e14;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #fd7e14;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.orange-theme.dark .mat-mdc-fab.mat-accent, .orange-theme.dark .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #8996a4;
  --mat-fab-foreground-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-container-color: #8996a4;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-state-layer-color: black;
  --mat-fab-state-layer-color: black;
}
.orange-theme.dark .mat-mdc-fab.mat-warn, .orange-theme.dark .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #dc2626;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #dc2626;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.orange-theme.dark {
  --mat-snack-bar-container-color: rgb(217.2, 217.2, 217.2);
  --mat-snack-bar-supporting-text-color: rgba(66, 66, 66, 0.87);
  --mat-snack-bar-button-color: #fd7e14;
}
.orange-theme.dark {
  --mat-table-background-color: #424242;
  --mat-table-header-headline-color: white;
  --mat-table-row-item-label-text-color: white;
  --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
}
.orange-theme.dark {
  --mat-progress-spinner-active-indicator-color: #fd7e14;
}
.orange-theme.dark .mat-accent {
  --mat-progress-spinner-active-indicator-color: #8996a4;
}
.orange-theme.dark .mat-warn {
  --mat-progress-spinner-active-indicator-color: #dc2626;
}
.orange-theme.dark {
  --mat-badge-background-color: #fd7e14;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: rgb(110.1, 110.1, 110.1);
  --mat-badge-disabled-state-text-color: rgba(255, 255, 255, 0.5);
}
.orange-theme.dark .mat-badge-accent {
  --mat-badge-background-color: #8996a4;
  --mat-badge-text-color: black;
}
.orange-theme.dark .mat-badge-warn {
  --mat-badge-background-color: #dc2626;
  --mat-badge-text-color: white;
}
.orange-theme.dark {
  --mat-bottom-sheet-container-text-color: white;
  --mat-bottom-sheet-container-background-color: #424242;
}
.orange-theme.dark {
  --mat-button-toggle-background-color: #424242;
  --mat-button-toggle-disabled-selected-state-background-color: #424242;
  --mat-button-toggle-disabled-selected-state-text-color: white;
  --mat-button-toggle-disabled-state-background-color: #424242;
  --mat-button-toggle-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-button-toggle-divider-color: rgb(88.68, 88.68, 88.68);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: #424242;
  --mat-button-toggle-legacy-disabled-state-background-color: black;
  --mat-button-toggle-legacy-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-button-toggle-legacy-selected-state-background-color: #212121;
  --mat-button-toggle-legacy-selected-state-text-color: rgba(255, 255, 255, 0.7);
  --mat-button-toggle-legacy-state-layer-color: rgba(255, 255, 255, 0.12);
  --mat-button-toggle-legacy-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-toggle-selected-state-background-color: #212121;
  --mat-button-toggle-selected-state-text-color: white;
  --mat-button-toggle-state-layer-color: white;
  --mat-button-toggle-text-color: white;
}
.orange-theme.dark {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #fd7e14;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(253, 126, 20, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(253, 126, 20, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(253, 126, 20, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #fd7e14;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(253, 126, 20, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color: white;
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: white;
  --mat-datepicker-calendar-navigation-button-icon-color: white;
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(255, 255, 255, 0.3);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.24);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
.orange-theme.dark .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: black;
  --mat-datepicker-calendar-date-selected-state-background-color: #8996a4;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(137, 150, 164, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: black;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(137, 150, 164, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.orange-theme.dark .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #dc2626;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.orange-theme.dark .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #8996a4;
}
.orange-theme.dark .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #dc2626;
}
.orange-theme.dark {
  --mat-divider-color: rgba(255, 255, 255, 0.12);
}
.orange-theme.dark {
  --mat-expansion-container-background-color: #424242;
  --mat-expansion-container-text-color: white;
  --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-expansion-header-text-color: white;
  --mat-expansion-header-description-color: rgba(255, 255, 255, 0.7);
  --mat-expansion-header-indicator-color: rgba(255, 255, 255, 0.7);
}
.orange-theme.dark {
  --mat-icon-color: inherit;
}
.orange-theme.dark .mat-icon.mat-primary {
  --mat-icon-color: #fd7e14;
}
.orange-theme.dark .mat-icon.mat-accent {
  --mat-icon-color: #8996a4;
}
.orange-theme.dark .mat-icon.mat-warn {
  --mat-icon-color: #dc2626;
}
.orange-theme.dark {
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
  --mat-sidenav-container-background-color: #424242;
  --mat-sidenav-container-text-color: white;
  --mat-sidenav-content-background-color: #303030;
  --mat-sidenav-content-text-color: white;
  --mat-sidenav-scrim-color: rgba(189, 189, 189, 0.6);
}
.orange-theme.dark {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #fd7e14;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #fd7e14;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #fd7e14;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: #424242;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: #dc2626;
  --mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-error-state-icon-foreground-color: #dc2626;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.orange-theme.dark .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: black;
  --mat-stepper-header-selected-state-icon-background-color: #8996a4;
  --mat-stepper-header-selected-state-icon-foreground-color: black;
  --mat-stepper-header-done-state-icon-background-color: #8996a4;
  --mat-stepper-header-done-state-icon-foreground-color: black;
  --mat-stepper-header-edit-state-icon-background-color: #8996a4;
  --mat-stepper-header-edit-state-icon-foreground-color: black;
}
.orange-theme.dark .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #dc2626;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #dc2626;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #dc2626;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.orange-theme.dark {
  --mat-sort-arrow-color: rgb(198.3, 198.3, 198.3);
}
.orange-theme.dark {
  --mat-toolbar-container-background-color: #212121;
  --mat-toolbar-container-text-color: white;
}
.orange-theme.dark .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #fd7e14;
  --mat-toolbar-container-text-color: white;
}
.orange-theme.dark .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #8996a4;
  --mat-toolbar-container-text-color: black;
}
.orange-theme.dark .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: white;
}
.orange-theme.dark {
  --mat-tree-container-background-color: #424242;
  --mat-tree-node-text-color: white;
}
.orange-theme.dark {
  --mat-timepicker-container-background-color: #424242;
}
.orange-theme.dark {
  --primary-50: #fff0e3;
}
.orange-theme.dark .bg-primary-50 {
  background: #fff0e3;
}
.orange-theme.dark .b-primary-50 {
  border-color: #fff0e3 !important;
}
.orange-theme.dark {
  --primary-100: #fc4e06;
}
.orange-theme.dark {
  --primary-200: #fc610b;
}
.orange-theme.dark {
  --primary-300: #fc6b0e;
}
.orange-theme.dark {
  --primary-400: #fd7612;
}
.orange-theme.dark {
  --primary-500: #fd7e14;
}
.orange-theme.dark .text-primary-500 {
  color: #fd7e14 !important;
}
.orange-theme.dark {
  --primary-600: #fd9137;
}
.orange-theme.dark {
  --primary-700: #fea55b;
}
.orange-theme.dark {
  --primary-800: #febf8a;
}
.orange-theme.dark {
  --primary-900: #fed8b9;
}
.orange-theme.dark {
  --accent-50: #1d2630;
}
.orange-theme.dark {
  --accent-100: #131920;
}
.orange-theme.dark {
  --accent-200: #1d2630;
}
.orange-theme.dark {
  --accent-300: #3e4853;
}
.orange-theme.dark {
  --accent-400: #5b6b79;
}
.orange-theme.dark {
  --accent-500: #8996a4;
}
.orange-theme.dark {
  --accent-600: #bec8d0;
}
.orange-theme.dark {
  --accent-700: #dbe0e5;
}
.orange-theme.dark {
  --accent-800: #f3f5f7;
}
.orange-theme.dark {
  --accent-900: #f8f9fa;
}
.orange-theme.dark {
  --warn-50: #f5bebe;
}
.orange-theme.dark {
  --warn-100: #c50d0d;
}
.orange-theme.dark {
  --warn-200: #ce1717;
}
.orange-theme.dark {
  --warn-300: #d31c1c;
}
.orange-theme.dark {
  --warn-400: #d82222;
}
.orange-theme.dark {
  --warn-500: #dc2626;
}
.orange-theme.dark .text-warn-500 {
  color: #dc2626 !important;
}
.orange-theme.dark {
  --warn-600: #e14747;
}
.orange-theme.dark {
  --warn-700: #e76767;
}
.orange-theme.dark {
  --warn-800: #ee9393;
}
.orange-theme.dark {
  --warn-900: #f5bebe;
}
.orange-theme.dark {
  --success-50: #e6f5f0;
}
.orange-theme.dark {
  --success-100: #107d4f;
}
.orange-theme.dark {
  --success-200: #1b8d62;
}
.orange-theme.dark {
  --success-300: #21976c;
}
.orange-theme.dark {
  --success-400: #27a077;
}
.orange-theme.dark {
  --success-500: #2ca87f;
}
.orange-theme.dark {
  --success-600: #4cb592;
}
.orange-theme.dark {
  --success-700: #6bc2a5;
}
.orange-theme.dark {
  --success-800: #96d4bf;
}
.orange-theme.dark {
  --success-900: #c0e5d9;
}
.orange-theme.dark {
  --warning-50: #fcf1e0;
}
.orange-theme.dark {
  --warning-100: #d35a00;
}
.orange-theme.dark {
  --warning-200: #da6d00;
}
.orange-theme.dark {
  --warning-300: #de7700;
}
.orange-theme.dark {
  --warning-400: #e28200;
}
.orange-theme.dark {
  --warning-500: #e58a00;
}
.orange-theme.dark {
  --warning-600: #e99c26;
}
.orange-theme.dark {
  --warning-700: #edad4d;
}
.orange-theme.dark {
  --warning-800: #f2c580;
}
.orange-theme.dark {
  --warning-900: #f7dcb3;
}

.yellow-theme {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}
.yellow-theme {
  --mat-option-selected-state-label-text-color: #e58a00;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.yellow-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #8996a4;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.yellow-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #dc2626;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.yellow-theme {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
.yellow-theme {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.yellow-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #e58a00;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e58a00;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.yellow-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.yellow-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #dc2626;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #dc2626;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.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);
}
.yellow-theme {
  --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);
}
.yellow-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #e58a00;
  --mat-progress-bar-track-color: rgba(229, 138, 0, 0.25);
}
.yellow-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #8996a4;
  --mat-progress-bar-track-color: rgba(137, 150, 164, 0.25);
}
.yellow-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #dc2626;
  --mat-progress-bar-track-color: rgba(220, 38, 38, 0.25);
}
.yellow-theme {
  --mat-tooltip-container-color: #616161;
  --mat-tooltip-supporting-text-color: #fff;
}
.yellow-theme {
  --mat-form-field-focus-select-arrow-color: rgba(229, 138, 0, 0.87);
  --mat-form-field-filled-caret-color: #e58a00;
  --mat-form-field-filled-focus-active-indicator-color: #e58a00;
  --mat-form-field-filled-focus-label-text-color: rgba(229, 138, 0, 0.87);
  --mat-form-field-outlined-caret-color: #e58a00;
  --mat-form-field-outlined-focus-outline-color: #e58a00;
  --mat-form-field-outlined-focus-label-text-color: rgba(229, 138, 0, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #dc2626;
  --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: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
  --mat-form-field-filled-container-color: rgb(244.8, 244.8, 244.8);
  --mat-form-field-filled-disabled-container-color: rgb(249.9, 249.9, 249.9);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-error-hover-label-text-color: #dc2626;
  --mat-form-field-filled-error-focus-label-text-color: #dc2626;
  --mat-form-field-filled-error-label-text-color: #dc2626;
  --mat-form-field-filled-error-caret-color: #dc2626;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mat-form-field-filled-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-hover-active-indicator-color: #dc2626;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-error-caret-color: #dc2626;
  --mat-form-field-outlined-error-focus-label-text-color: #dc2626;
  --mat-form-field-outlined-error-label-text-color: #dc2626;
  --mat-form-field-outlined-error-hover-label-text-color: #dc2626;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #dc2626;
  --mat-form-field-outlined-error-hover-outline-color: #dc2626;
  --mat-form-field-outlined-error-outline-color: #dc2626;
}
.yellow-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-filled-caret-color: #8996a4;
  --mat-form-field-filled-focus-active-indicator-color: #8996a4;
  --mat-form-field-filled-focus-label-text-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-outlined-caret-color: #8996a4;
  --mat-form-field-outlined-focus-outline-color: #8996a4;
  --mat-form-field-outlined-focus-label-text-color: rgba(137, 150, 164, 0.87);
}
.yellow-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-filled-caret-color: #dc2626;
  --mat-form-field-filled-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-focus-label-text-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-outlined-caret-color: #dc2626;
  --mat-form-field-outlined-focus-outline-color: #dc2626;
  --mat-form-field-outlined-focus-label-text-color: rgba(220, 38, 38, 0.87);
}
.yellow-theme {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(229, 138, 0, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.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: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.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: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.yellow-theme {
  --mat-autocomplete-background-color: white;
}
.yellow-theme {
  --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.6);
}
.yellow-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: #212121;
  --mat-chip-elevated-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-elevated-disabled-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-elevated-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-flat-disabled-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
  --mat-chip-with-icon-disabled-icon-color: #212121;
  --mat-chip-with-icon-icon-color: #212121;
  --mat-chip-with-icon-selected-icon-color: #212121;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mat-chip-with-trailing-icon-trailing-icon-color: #212121;
}
.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: white;
  --mat-chip-elevated-container-color: #e58a00;
  --mat-chip-elevated-disabled-container-color: #e58a00;
  --mat-chip-elevated-selected-container-color: #e58a00;
  --mat-chip-flat-disabled-selected-container-color: #e58a00;
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.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: black;
  --mat-chip-elevated-container-color: #8996a4;
  --mat-chip-elevated-disabled-container-color: #8996a4;
  --mat-chip-elevated-selected-container-color: #8996a4;
  --mat-chip-flat-disabled-selected-container-color: #8996a4;
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: black;
  --mat-chip-selected-disabled-trailing-icon-color: black;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: black;
  --mat-chip-selected-trailing-icon-color: black;
  --mat-chip-with-icon-disabled-icon-color: black;
  --mat-chip-with-icon-icon-color: black;
  --mat-chip-with-icon-selected-icon-color: black;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: black;
  --mat-chip-with-trailing-icon-trailing-icon-color: black;
}
.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: white;
  --mat-chip-elevated-container-color: #dc2626;
  --mat-chip-elevated-disabled-container-color: #dc2626;
  --mat-chip-elevated-selected-container-color: #dc2626;
  --mat-chip-flat-disabled-selected-container-color: #dc2626;
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.yellow-theme {
  --mat-slide-toggle-selected-focus-state-layer-color: #e28200;
  --mat-slide-toggle-selected-handle-color: #e28200;
  --mat-slide-toggle-selected-hover-state-layer-color: #e28200;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e28200;
  --mat-slide-toggle-selected-focus-handle-color: #d35a00;
  --mat-slide-toggle-selected-hover-handle-color: #d35a00;
  --mat-slide-toggle-selected-pressed-handle-color: #d35a00;
  --mat-slide-toggle-selected-focus-track-color: #edad4d;
  --mat-slide-toggle-selected-hover-track-color: #edad4d;
  --mat-slide-toggle-selected-pressed-track-color: #edad4d;
  --mat-slide-toggle-selected-track-color: #edad4d;
  --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: #424242;
  --mat-slide-toggle-disabled-selected-icon-color: #fff;
  --mat-slide-toggle-disabled-selected-track-color: #424242;
  --mat-slide-toggle-disabled-unselected-handle-color: #424242;
  --mat-slide-toggle-disabled-unselected-icon-color: #fff;
  --mat-slide-toggle-disabled-unselected-track-color: #424242;
  --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: #fff;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-icon-color: #fff;
  --mat-slide-toggle-unselected-hover-handle-color: #212121;
  --mat-slide-toggle-unselected-focus-handle-color: #212121;
  --mat-slide-toggle-unselected-focus-state-layer-color: #424242;
  --mat-slide-toggle-unselected-focus-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-icon-color: #fff;
  --mat-slide-toggle-unselected-handle-color: #616161;
  --mat-slide-toggle-unselected-hover-state-layer-color: #424242;
  --mat-slide-toggle-unselected-hover-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-pressed-handle-color: #212121;
  --mat-slide-toggle-unselected-pressed-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #424242;
  --mat-slide-toggle-unselected-track-color: #e0e0e0;
}
.yellow-theme {
  --mdc-slide-toggle-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-slide-toggle-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
.yellow-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
}
.yellow-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-focus-state-layer-color: #5b6b79;
  --mat-slide-toggle-selected-handle-color: #5b6b79;
  --mat-slide-toggle-selected-hover-state-layer-color: #5b6b79;
  --mat-slide-toggle-selected-pressed-state-layer-color: #5b6b79;
  --mat-slide-toggle-selected-focus-handle-color: #131920;
  --mat-slide-toggle-selected-hover-handle-color: #131920;
  --mat-slide-toggle-selected-pressed-handle-color: #131920;
  --mat-slide-toggle-selected-focus-track-color: #dbe0e5;
  --mat-slide-toggle-selected-hover-track-color: #dbe0e5;
  --mat-slide-toggle-selected-pressed-track-color: #dbe0e5;
  --mat-slide-toggle-selected-track-color: #dbe0e5;
}
.yellow-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-focus-state-layer-color: #d82222;
  --mat-slide-toggle-selected-handle-color: #d82222;
  --mat-slide-toggle-selected-hover-state-layer-color: #d82222;
  --mat-slide-toggle-selected-pressed-state-layer-color: #d82222;
  --mat-slide-toggle-selected-focus-handle-color: #c50d0d;
  --mat-slide-toggle-selected-hover-handle-color: #c50d0d;
  --mat-slide-toggle-selected-pressed-handle-color: #c50d0d;
  --mat-slide-toggle-selected-focus-track-color: #e76767;
  --mat-slide-toggle-selected-hover-track-color: #e76767;
  --mat-slide-toggle-selected-pressed-track-color: #e76767;
  --mat-slide-toggle-selected-track-color: #e76767;
}
.yellow-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #e58a00;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #e58a00;
  --mat-radio-selected-hover-icon-color: #e58a00;
  --mat-radio-selected-icon-color: #e58a00;
  --mat-radio-selected-pressed-icon-color: #e58a00;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.yellow-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #8996a4;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #8996a4;
  --mat-radio-selected-hover-icon-color: #8996a4;
  --mat-radio-selected-icon-color: #8996a4;
  --mat-radio-selected-pressed-icon-color: #8996a4;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.yellow-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #dc2626;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #dc2626;
  --mat-radio-selected-hover-icon-color: #dc2626;
  --mat-radio-selected-icon-color: #dc2626;
  --mat-radio-selected-pressed-icon-color: #dc2626;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.yellow-theme {
  --mat-slider-active-track-color: #e58a00;
  --mat-slider-focus-handle-color: #e58a00;
  --mat-slider-focus-state-layer-color: rgba(229, 138, 0, 0.2);
  --mat-slider-handle-color: #e58a00;
  --mat-slider-hover-handle-color: #e58a00;
  --mat-slider-hover-state-layer-color: rgba(229, 138, 0, 0.05);
  --mat-slider-inactive-track-color: #e58a00;
  --mat-slider-ripple-color: #e58a00;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #e58a00;
  --mat-slider-disabled-active-track-color: #000;
  --mat-slider-disabled-handle-color: #000;
  --mat-slider-disabled-inactive-track-color: #000;
  --mat-slider-label-container-color: #000;
  --mat-slider-label-label-text-color: #fff;
  --mat-slider-value-indicator-opacity: 0.6;
  --mat-slider-with-overlap-handle-outline-color: #fff;
  --mat-slider-with-tick-marks-disabled-container-color: #000;
}
.yellow-theme .mat-accent {
  --mat-slider-active-track-color: #8996a4;
  --mat-slider-focus-handle-color: #8996a4;
  --mat-slider-focus-state-layer-color: rgba(137, 150, 164, 0.2);
  --mat-slider-handle-color: #8996a4;
  --mat-slider-hover-handle-color: #8996a4;
  --mat-slider-hover-state-layer-color: rgba(137, 150, 164, 0.05);
  --mat-slider-inactive-track-color: #8996a4;
  --mat-slider-ripple-color: #8996a4;
  --mat-slider-with-tick-marks-active-container-color: black;
  --mat-slider-with-tick-marks-inactive-container-color: #8996a4;
}
.yellow-theme .mat-warn {
  --mat-slider-active-track-color: #dc2626;
  --mat-slider-focus-handle-color: #dc2626;
  --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2);
  --mat-slider-handle-color: #dc2626;
  --mat-slider-hover-handle-color: #dc2626;
  --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05);
  --mat-slider-inactive-track-color: #dc2626;
  --mat-slider-ripple-color: #dc2626;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #dc2626;
}
.yellow-theme {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
.yellow-theme {
  --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.38);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-disabled-label-text-color: black;
  --mat-list-list-item-disabled-leading-icon-color: black;
  --mat-list-list-item-disabled-trailing-icon-color: black;
  --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.38);
  --mat-list-list-item-hover-state-layer-color: black;
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: black;
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.yellow-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #e58a00;
  --mat-checkbox-selected-hover-icon-color: #e58a00;
  --mat-checkbox-selected-icon-color: #e58a00;
  --mat-checkbox-selected-pressed-icon-color: #e58a00;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e58a00;
  --mat-checkbox-selected-hover-state-layer-color: #e58a00;
  --mat-checkbox-selected-pressed-state-layer-color: #e58a00;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.yellow-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.yellow-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.yellow-theme {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}
.yellow-theme .mat-mdc-tab-group,
.yellow-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-label-text-color: #e58a00;
  --mat-tab-active-ripple-color: #e58a00;
  --mat-tab-inactive-ripple-color: #e58a00;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-focus-label-text-color: #e58a00;
  --mat-tab-active-hover-label-text-color: #e58a00;
  --mat-tab-active-focus-indicator-color: #e58a00;
  --mat-tab-active-hover-indicator-color: #e58a00;
  --mat-tab-active-indicator-color: #e58a00;
}
.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.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-label-text-color: #8996a4;
  --mat-tab-active-ripple-color: #8996a4;
  --mat-tab-inactive-ripple-color: #8996a4;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-focus-label-text-color: #8996a4;
  --mat-tab-active-hover-label-text-color: #8996a4;
  --mat-tab-active-focus-indicator-color: #8996a4;
  --mat-tab-active-hover-indicator-color: #8996a4;
  --mat-tab-active-indicator-color: #8996a4;
}
.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.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-label-text-color: #dc2626;
  --mat-tab-active-ripple-color: #dc2626;
  --mat-tab-inactive-ripple-color: #dc2626;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-focus-label-text-color: #dc2626;
  --mat-tab-active-hover-label-text-color: #dc2626;
  --mat-tab-active-focus-indicator-color: #dc2626;
  --mat-tab-active-hover-indicator-color: #dc2626;
  --mat-tab-active-indicator-color: #dc2626;
}
.yellow-theme {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.yellow-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #e58a00;
  --mat-checkbox-selected-hover-icon-color: #e58a00;
  --mat-checkbox-selected-icon-color: #e58a00;
  --mat-checkbox-selected-pressed-icon-color: #e58a00;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e58a00;
  --mat-checkbox-selected-hover-state-layer-color: #e58a00;
  --mat-checkbox-selected-pressed-state-layer-color: #e58a00;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.yellow-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.yellow-theme {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mat-button-filled-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-filled-disabled-state-layer-color: black;
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-state-layer-color: black;
  --mat-button-outlined-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: black;
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: black;
  --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: rgba(0, 0, 0, 0.1);
  --mat-button-outlined-state-layer-color: black;
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-protected-disabled-state-layer-color: black;
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-state-layer-color: black;
  --mat-button-text-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-text-disabled-state-layer-color: black;
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: black;
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-text-state-layer-color: black;
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mat-button-tonal-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-tonal-disabled-state-layer-color: black;
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: black;
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-tonal-state-layer-color: black;
}
.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: #e58a00;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #e58a00;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: rgba(229, 138, 0, 0.1);
  --mat-button-outlined-state-layer-color: #e58a00;
  --mat-button-protected-container-color: #e58a00;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #e58a00;
  --mat-button-text-ripple-color: rgba(229, 138, 0, 0.1);
  --mat-button-text-state-layer-color: #e58a00;
  --mat-button-tonal-container-color: #e58a00;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.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: #8996a4;
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-state-layer-color: black;
  --mat-button-outlined-label-text-color: #8996a4;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-outlined-state-layer-color: #8996a4;
  --mat-button-protected-container-color: #8996a4;
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-state-layer-color: black;
  --mat-button-text-label-text-color: #8996a4;
  --mat-button-text-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-text-state-layer-color: #8996a4;
  --mat-button-tonal-container-color: #8996a4;
  --mat-button-tonal-label-text-color: black;
  --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-tonal-state-layer-color: black;
}
.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: #dc2626;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #dc2626;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-outlined-state-layer-color: #dc2626;
  --mat-button-protected-container-color: #dc2626;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #dc2626;
  --mat-button-text-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-text-state-layer-color: #dc2626;
  --mat-button-tonal-container-color: #dc2626;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.yellow-theme {
  --mat-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-disabled-state-layer-color: black;
  --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: rgba(0, 0, 0, 0.1);
  --mat-icon-button-state-layer-color: black;
}
.yellow-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #e58a00;
  --mat-icon-button-state-layer-color: #e58a00;
  --mat-icon-button-ripple-color: rgba(229, 138, 0, 0.1);
}
.yellow-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #8996a4;
  --mat-icon-button-state-layer-color: #8996a4;
  --mat-icon-button-ripple-color: rgba(137, 150, 164, 0.1);
}
.yellow-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #dc2626;
  --mat-icon-button-state-layer-color: #dc2626;
  --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1);
}
.yellow-theme {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: black;
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-state-layer-color: black;
  --mat-fab-state-layer-color: black;
}
.yellow-theme .mat-mdc-fab.mat-primary, .yellow-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #e58a00;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #e58a00;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.yellow-theme .mat-mdc-fab.mat-accent, .yellow-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #8996a4;
  --mat-fab-foreground-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-container-color: #8996a4;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-state-layer-color: black;
  --mat-fab-state-layer-color: black;
}
.yellow-theme .mat-mdc-fab.mat-warn, .yellow-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #dc2626;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #dc2626;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.yellow-theme {
  --mat-snack-bar-container-color: #333333;
  --mat-snack-bar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #f7dcb3;
}
.yellow-theme {
  --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);
}
.yellow-theme {
  --mat-progress-spinner-active-indicator-color: #e58a00;
}
.yellow-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #8996a4;
}
.yellow-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #dc2626;
}
.yellow-theme {
  --mat-badge-background-color: #e58a00;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}
.yellow-theme .mat-badge-accent {
  --mat-badge-background-color: #8996a4;
  --mat-badge-text-color: black;
}
.yellow-theme .mat-badge-warn {
  --mat-badge-background-color: #dc2626;
  --mat-badge-text-color: white;
}
.yellow-theme {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
.yellow-theme {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-button-toggle-divider-color: rgb(224.4, 224.4, 224.4);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: #bdbdbd;
  --mat-button-toggle-legacy-disabled-state-background-color: #eeeeee;
  --mat-button-toggle-legacy-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-button-toggle-legacy-selected-state-background-color: #e0e0e0;
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-button-toggle-legacy-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: black;
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}
.yellow-theme {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #e58a00;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(229, 138, 0, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(229, 138, 0, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(229, 138, 0, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #e58a00;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(229, 138, 0, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.yellow-theme .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: black;
  --mat-datepicker-calendar-date-selected-state-background-color: #8996a4;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(137, 150, 164, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: black;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(137, 150, 164, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.yellow-theme .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #dc2626;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.yellow-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #8996a4;
}
.yellow-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #dc2626;
}
.yellow-theme {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
.yellow-theme {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
.yellow-theme {
  --mat-icon-color: inherit;
}
.yellow-theme .mat-icon.mat-primary {
  --mat-icon-color: #e58a00;
}
.yellow-theme .mat-icon.mat-accent {
  --mat-icon-color: #8996a4;
}
.yellow-theme .mat-icon.mat-warn {
  --mat-icon-color: #dc2626;
}
.yellow-theme {
  --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);
}
.yellow-theme {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #e58a00;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #e58a00;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #e58a00;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #dc2626;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #dc2626;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.yellow-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: black;
  --mat-stepper-header-selected-state-icon-background-color: #8996a4;
  --mat-stepper-header-selected-state-icon-foreground-color: black;
  --mat-stepper-header-done-state-icon-background-color: #8996a4;
  --mat-stepper-header-done-state-icon-foreground-color: black;
  --mat-stepper-header-edit-state-icon-background-color: #8996a4;
  --mat-stepper-header-edit-state-icon-foreground-color: black;
}
.yellow-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #dc2626;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #dc2626;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #dc2626;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.yellow-theme {
  --mat-sort-arrow-color: rgb(117.3, 117.3, 117.3);
}
.yellow-theme {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.yellow-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #e58a00;
  --mat-toolbar-container-text-color: white;
}
.yellow-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #8996a4;
  --mat-toolbar-container-text-color: black;
}
.yellow-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: white;
}
.yellow-theme {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
.yellow-theme {
  --mat-timepicker-container-background-color: white;
}
.yellow-theme {
  --primary-50: #fcf1e0;
}
.yellow-theme .bg-primary-50 {
  background: #fcf1e0;
}
.yellow-theme .b-primary-50 {
  border-color: #fcf1e0 !important;
}
.yellow-theme {
  --primary-100: #f7dcb3;
}
.yellow-theme {
  --primary-200: #f2c580;
}
.yellow-theme {
  --primary-300: #edad4d;
}
.yellow-theme {
  --primary-400: #e99c26;
}
.yellow-theme {
  --primary-500: #e58a00;
}
.yellow-theme .text-primary-500 {
  color: #e58a00 !important;
}
.yellow-theme {
  --primary-600: #e28200;
}
.yellow-theme {
  --primary-700: #de7700;
}
.yellow-theme {
  --primary-800: #da6d00;
}
.yellow-theme {
  --primary-900: #d35a00;
}
.yellow-theme {
  --accent-50: #fff;
}
.yellow-theme {
  --accent-100: #f8f9fa;
}
.yellow-theme {
  --accent-200: #f3f5f7;
}
.yellow-theme {
  --accent-300: #dbe0e5;
}
.yellow-theme {
  --accent-400: #bec8d0;
}
.yellow-theme {
  --accent-500: #8996a4;
}
.yellow-theme {
  --accent-600: #5b6b79;
}
.yellow-theme {
  --accent-700: #3e4853;
}
.yellow-theme {
  --accent-800: #1d2630;
}
.yellow-theme {
  --accent-900: #131920;
}
.yellow-theme {
  --warn-50: #fbe5e5;
}
.yellow-theme {
  --warn-100: #f5bebe;
}
.yellow-theme {
  --warn-200: #ee9393;
}
.yellow-theme {
  --warn-300: #e76767;
}
.yellow-theme {
  --warn-400: #e14747;
}
.yellow-theme {
  --warn-500: #dc2626;
}
.yellow-theme .text-warn-500 {
  color: #dc2626 !important;
}
.yellow-theme {
  --warn-600: #d82222;
}
.yellow-theme {
  --warn-700: #d31c1c;
}
.yellow-theme {
  --warn-800: #ce1717;
}
.yellow-theme {
  --warn-900: #c50d0d;
}
.yellow-theme {
  --success-50: #e6f5f0;
}
.yellow-theme {
  --success-100: #c0e5d9;
}
.yellow-theme {
  --success-200: #96d4bf;
}
.yellow-theme {
  --success-300: #6bc2a5;
}
.yellow-theme {
  --success-400: #4cb592;
}
.yellow-theme {
  --success-500: #2ca87f;
}
.yellow-theme {
  --success-600: #27a077;
}
.yellow-theme {
  --success-700: #21976c;
}
.yellow-theme {
  --success-800: #1b8d62;
}
.yellow-theme {
  --success-900: #107d4f;
}
.yellow-theme {
  --warning-50: #fcf1e0;
}
.yellow-theme {
  --warning-100: #f7dcb3;
}
.yellow-theme {
  --warning-200: #f2c580;
}
.yellow-theme {
  --warning-300: #edad4d;
}
.yellow-theme {
  --warning-400: #e99c26;
}
.yellow-theme {
  --warning-500: #e58a00;
}
.yellow-theme {
  --warning-600: #e28200;
}
.yellow-theme {
  --warning-700: #de7700;
}
.yellow-theme {
  --warning-800: #da6d00;
}
.yellow-theme {
  --warning-900: #d35a00;
}
.yellow-theme.dark {
  --mat-ripple-color: rgba(255, 255, 255, 0.1);
}
.yellow-theme.dark {
  --mat-option-selected-state-label-text-color: #e58a00;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.yellow-theme.dark .mat-accent {
  --mat-option-selected-state-label-text-color: #8996a4;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.yellow-theme.dark .mat-warn {
  --mat-option-selected-state-label-text-color: #dc2626;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.yellow-theme.dark {
  --mat-optgroup-label-text-color: white;
}
.yellow-theme.dark {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.yellow-theme.dark .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #e58a00;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e58a00;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.yellow-theme.dark .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.yellow-theme.dark .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #dc2626;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #dc2626;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.yellow-theme.dark {
  --mat-app-background-color: #303030;
  --mat-app-text-color: white;
  --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);
}
.yellow-theme.dark {
  --mat-card-elevated-container-color: #424242;
  --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: #424242;
  --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(255, 255, 255, 0.12);
  --mat-card-subtitle-text-color: rgba(255, 255, 255, 0.7);
  --mat-card-filled-container-color: #424242;
  --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);
}
.yellow-theme.dark .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #e58a00;
  --mat-progress-bar-track-color: rgba(229, 138, 0, 0.25);
}
.yellow-theme.dark .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #8996a4;
  --mat-progress-bar-track-color: rgba(137, 150, 164, 0.25);
}
.yellow-theme.dark .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #dc2626;
  --mat-progress-bar-track-color: rgba(220, 38, 38, 0.25);
}
.yellow-theme.dark {
  --mat-tooltip-container-color: #616161;
  --mat-tooltip-supporting-text-color: #fff;
}
.yellow-theme.dark {
  --mat-form-field-focus-select-arrow-color: rgba(229, 138, 0, 0.87);
  --mat-form-field-filled-caret-color: #e58a00;
  --mat-form-field-filled-focus-active-indicator-color: #e58a00;
  --mat-form-field-filled-focus-label-text-color: rgba(229, 138, 0, 0.87);
  --mat-form-field-outlined-caret-color: #e58a00;
  --mat-form-field-outlined-focus-outline-color: #e58a00;
  --mat-form-field-outlined-focus-label-text-color: rgba(229, 138, 0, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-state-layer-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-error-text-color: #dc2626;
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --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(255, 255, 255, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-focus-state-layer-opacity: 0.24;
  --mat-form-field-filled-container-color: rgb(73.56, 73.56, 73.56);
  --mat-form-field-filled-disabled-container-color: rgb(69.78, 69.78, 69.78);
  --mat-form-field-filled-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-filled-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-filled-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-filled-input-text-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-filled-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-filled-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-filled-error-hover-label-text-color: #dc2626;
  --mat-form-field-filled-error-focus-label-text-color: #dc2626;
  --mat-form-field-filled-error-label-text-color: #dc2626;
  --mat-form-field-filled-error-caret-color: #dc2626;
  --mat-form-field-filled-active-indicator-color: rgba(255, 255, 255, 0.42);
  --mat-form-field-filled-disabled-active-indicator-color: rgba(255, 255, 255, 0.06);
  --mat-form-field-filled-hover-active-indicator-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-hover-active-indicator-color: #dc2626;
  --mat-form-field-outlined-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-outlined-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-outlined-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-input-text-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-outlined-error-caret-color: #dc2626;
  --mat-form-field-outlined-error-focus-label-text-color: #dc2626;
  --mat-form-field-outlined-error-label-text-color: #dc2626;
  --mat-form-field-outlined-error-hover-label-text-color: #dc2626;
  --mat-form-field-outlined-outline-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-disabled-outline-color: rgba(255, 255, 255, 0.06);
  --mat-form-field-outlined-hover-outline-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #dc2626;
  --mat-form-field-outlined-error-hover-outline-color: #dc2626;
  --mat-form-field-outlined-error-outline-color: #dc2626;
}
.yellow-theme.dark .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-filled-caret-color: #8996a4;
  --mat-form-field-filled-focus-active-indicator-color: #8996a4;
  --mat-form-field-filled-focus-label-text-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-outlined-caret-color: #8996a4;
  --mat-form-field-outlined-focus-outline-color: #8996a4;
  --mat-form-field-outlined-focus-label-text-color: rgba(137, 150, 164, 0.87);
}
.yellow-theme.dark .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-filled-caret-color: #dc2626;
  --mat-form-field-filled-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-focus-label-text-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-outlined-caret-color: #dc2626;
  --mat-form-field-outlined-focus-outline-color: #dc2626;
  --mat-form-field-outlined-focus-label-text-color: rgba(220, 38, 38, 0.87);
}
.yellow-theme.dark {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(229, 138, 0, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.yellow-theme.dark .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.yellow-theme.dark .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.yellow-theme.dark {
  --mat-autocomplete-background-color: #424242;
}
.yellow-theme.dark {
  --mat-dialog-container-color: #424242;
  --mat-dialog-subhead-color: rgba(255, 255, 255, 0.87);
  --mat-dialog-supporting-text-color: rgba(255, 255, 255, 0.6);
}
.yellow-theme.dark .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: #fafafa;
  --mat-chip-elevated-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-elevated-disabled-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-elevated-selected-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-flat-disabled-selected-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: #fafafa;
  --mat-chip-selected-disabled-trailing-icon-color: #fafafa;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: #fafafa;
  --mat-chip-selected-trailing-icon-color: #fafafa;
  --mat-chip-with-icon-disabled-icon-color: #fafafa;
  --mat-chip-with-icon-icon-color: #fafafa;
  --mat-chip-with-icon-selected-icon-color: #fafafa;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa;
  --mat-chip-with-trailing-icon-trailing-icon-color: #fafafa;
}
.yellow-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .yellow-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #e58a00;
  --mat-chip-elevated-disabled-container-color: #e58a00;
  --mat-chip-elevated-selected-container-color: #e58a00;
  --mat-chip-flat-disabled-selected-container-color: #e58a00;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.yellow-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .yellow-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: black;
  --mat-chip-elevated-container-color: #8996a4;
  --mat-chip-elevated-disabled-container-color: #8996a4;
  --mat-chip-elevated-selected-container-color: #8996a4;
  --mat-chip-flat-disabled-selected-container-color: #8996a4;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: black;
  --mat-chip-selected-disabled-trailing-icon-color: black;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: black;
  --mat-chip-selected-trailing-icon-color: black;
  --mat-chip-with-icon-disabled-icon-color: black;
  --mat-chip-with-icon-icon-color: black;
  --mat-chip-with-icon-selected-icon-color: black;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: black;
  --mat-chip-with-trailing-icon-trailing-icon-color: black;
}
.yellow-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .yellow-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #dc2626;
  --mat-chip-elevated-disabled-container-color: #dc2626;
  --mat-chip-elevated-selected-container-color: #dc2626;
  --mat-chip-flat-disabled-selected-container-color: #dc2626;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.yellow-theme.dark {
  --mat-slide-toggle-selected-focus-state-layer-color: #de7700;
  --mat-slide-toggle-selected-handle-color: #de7700;
  --mat-slide-toggle-selected-hover-state-layer-color: #de7700;
  --mat-slide-toggle-selected-pressed-state-layer-color: #de7700;
  --mat-slide-toggle-selected-focus-handle-color: #da6d00;
  --mat-slide-toggle-selected-hover-handle-color: #da6d00;
  --mat-slide-toggle-selected-pressed-handle-color: #da6d00;
  --mat-slide-toggle-selected-focus-track-color: #e99c26;
  --mat-slide-toggle-selected-hover-track-color: #e99c26;
  --mat-slide-toggle-selected-pressed-track-color: #e99c26;
  --mat-slide-toggle-selected-track-color: #e99c26;
  --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: #000;
  --mat-slide-toggle-disabled-selected-icon-color: #212121;
  --mat-slide-toggle-disabled-selected-track-color: #f5f5f5;
  --mat-slide-toggle-disabled-unselected-handle-color: #000;
  --mat-slide-toggle-disabled-unselected-icon-color: #212121;
  --mat-slide-toggle-disabled-unselected-track-color: #f5f5f5;
  --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: #fff;
  --mat-slide-toggle-label-text-color: white;
  --mat-slide-toggle-selected-icon-color: #212121;
  --mat-slide-toggle-unselected-hover-handle-color: #fafafa;
  --mat-slide-toggle-unselected-focus-handle-color: #fafafa;
  --mat-slide-toggle-unselected-focus-state-layer-color: #f5f5f5;
  --mat-slide-toggle-unselected-focus-track-color: #616161;
  --mat-slide-toggle-unselected-icon-color: #212121;
  --mat-slide-toggle-unselected-handle-color: #9e9e9e;
  --mat-slide-toggle-unselected-hover-state-layer-color: #f5f5f5;
  --mat-slide-toggle-unselected-hover-track-color: #616161;
  --mat-slide-toggle-unselected-pressed-handle-color: #fafafa;
  --mat-slide-toggle-unselected-pressed-track-color: #616161;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #f5f5f5;
  --mat-slide-toggle-unselected-track-color: #616161;
}
.yellow-theme.dark {
  --mdc-slide-toggle-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-slide-toggle-disabled-label-text-color: rgba(255, 255, 255, 0.5);
}
.yellow-theme.dark .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-color: white;
}
.yellow-theme.dark .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-focus-state-layer-color: #3e4853;
  --mat-slide-toggle-selected-handle-color: #3e4853;
  --mat-slide-toggle-selected-hover-state-layer-color: #3e4853;
  --mat-slide-toggle-selected-pressed-state-layer-color: #3e4853;
  --mat-slide-toggle-selected-focus-handle-color: #1d2630;
  --mat-slide-toggle-selected-hover-handle-color: #1d2630;
  --mat-slide-toggle-selected-pressed-handle-color: #1d2630;
  --mat-slide-toggle-selected-focus-track-color: #bec8d0;
  --mat-slide-toggle-selected-hover-track-color: #bec8d0;
  --mat-slide-toggle-selected-pressed-track-color: #bec8d0;
  --mat-slide-toggle-selected-track-color: #bec8d0;
}
.yellow-theme.dark .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-focus-state-layer-color: #d31c1c;
  --mat-slide-toggle-selected-handle-color: #d31c1c;
  --mat-slide-toggle-selected-hover-state-layer-color: #d31c1c;
  --mat-slide-toggle-selected-pressed-state-layer-color: #d31c1c;
  --mat-slide-toggle-selected-focus-handle-color: #ce1717;
  --mat-slide-toggle-selected-hover-handle-color: #ce1717;
  --mat-slide-toggle-selected-pressed-handle-color: #ce1717;
  --mat-slide-toggle-selected-focus-track-color: #e14747;
  --mat-slide-toggle-selected-hover-track-color: #e14747;
  --mat-slide-toggle-selected-pressed-track-color: #e14747;
  --mat-slide-toggle-selected-track-color: #e14747;
}
.yellow-theme.dark .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #e58a00;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #e58a00;
  --mat-radio-selected-hover-icon-color: #e58a00;
  --mat-radio-selected-icon-color: #e58a00;
  --mat-radio-selected-pressed-icon-color: #e58a00;
  --mat-radio-unselected-focus-icon-color: #eeeeee;
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}
.yellow-theme.dark .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #8996a4;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #8996a4;
  --mat-radio-selected-hover-icon-color: #8996a4;
  --mat-radio-selected-icon-color: #8996a4;
  --mat-radio-selected-pressed-icon-color: #8996a4;
  --mat-radio-unselected-focus-icon-color: #eeeeee;
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}
.yellow-theme.dark .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #dc2626;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #dc2626;
  --mat-radio-selected-hover-icon-color: #dc2626;
  --mat-radio-selected-icon-color: #dc2626;
  --mat-radio-selected-pressed-icon-color: #dc2626;
  --mat-radio-unselected-focus-icon-color: #eeeeee;
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}
.yellow-theme.dark {
  --mat-slider-active-track-color: #e58a00;
  --mat-slider-focus-handle-color: #e58a00;
  --mat-slider-focus-state-layer-color: rgba(229, 138, 0, 0.2);
  --mat-slider-handle-color: #e58a00;
  --mat-slider-hover-handle-color: #e58a00;
  --mat-slider-hover-state-layer-color: rgba(229, 138, 0, 0.05);
  --mat-slider-inactive-track-color: #e58a00;
  --mat-slider-ripple-color: #e58a00;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #e58a00;
  --mat-slider-disabled-active-track-color: #fff;
  --mat-slider-disabled-handle-color: #fff;
  --mat-slider-disabled-inactive-track-color: #fff;
  --mat-slider-label-container-color: #fff;
  --mat-slider-label-label-text-color: #000;
  --mat-slider-value-indicator-opacity: 0.9;
  --mat-slider-with-overlap-handle-outline-color: #fff;
  --mat-slider-with-tick-marks-disabled-container-color: #fff;
}
.yellow-theme.dark .mat-accent {
  --mat-slider-active-track-color: #8996a4;
  --mat-slider-focus-handle-color: #8996a4;
  --mat-slider-focus-state-layer-color: rgba(137, 150, 164, 0.2);
  --mat-slider-handle-color: #8996a4;
  --mat-slider-hover-handle-color: #8996a4;
  --mat-slider-hover-state-layer-color: rgba(137, 150, 164, 0.05);
  --mat-slider-inactive-track-color: #8996a4;
  --mat-slider-ripple-color: #8996a4;
  --mat-slider-with-tick-marks-active-container-color: black;
  --mat-slider-with-tick-marks-inactive-container-color: #8996a4;
}
.yellow-theme.dark .mat-warn {
  --mat-slider-active-track-color: #dc2626;
  --mat-slider-focus-handle-color: #dc2626;
  --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2);
  --mat-slider-handle-color: #dc2626;
  --mat-slider-hover-handle-color: #dc2626;
  --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05);
  --mat-slider-inactive-track-color: #dc2626;
  --mat-slider-ripple-color: #dc2626;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #dc2626;
}
.yellow-theme.dark {
  --mat-menu-item-label-text-color: white;
  --mat-menu-item-icon-color: white;
  --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-container-color: #424242;
  --mat-menu-divider-color: rgba(255, 255, 255, 0.12);
}
.yellow-theme.dark {
  --mat-list-list-item-label-text-color: white;
  --mat-list-list-item-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-disabled-label-text-color: white;
  --mat-list-list-item-disabled-leading-icon-color: white;
  --mat-list-list-item-disabled-trailing-icon-color: white;
  --mat-list-list-item-hover-label-text-color: white;
  --mat-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-hover-state-layer-color: white;
  --mat-list-list-item-hover-state-layer-opacity: 0.08;
  --mat-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-focus-label-text-color: white;
  --mat-list-list-item-focus-state-layer-color: white;
  --mat-list-list-item-focus-state-layer-opacity: 0.24;
}
.yellow-theme.dark .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #e58a00;
  --mat-checkbox-selected-hover-icon-color: #e58a00;
  --mat-checkbox-selected-icon-color: #e58a00;
  --mat-checkbox-selected-pressed-icon-color: #e58a00;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e58a00;
  --mat-checkbox-selected-hover-state-layer-color: #e58a00;
  --mat-checkbox-selected-pressed-state-layer-color: #e58a00;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.yellow-theme.dark .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.yellow-theme.dark .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.yellow-theme.dark {
  --mat-paginator-container-text-color: rgba(255, 255, 255, 0.87);
  --mat-paginator-container-background-color: #424242;
  --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.54);
  --mat-paginator-disabled-icon-color: rgba(255, 255, 255, 0.12);
}
.yellow-theme.dark .mat-mdc-tab-group,
.yellow-theme.dark .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-label-text-color: #e58a00;
  --mat-tab-active-ripple-color: #e58a00;
  --mat-tab-inactive-ripple-color: #e58a00;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-focus-label-text-color: #e58a00;
  --mat-tab-active-hover-label-text-color: #e58a00;
  --mat-tab-active-focus-indicator-color: #e58a00;
  --mat-tab-active-hover-indicator-color: #e58a00;
  --mat-tab-active-indicator-color: #e58a00;
}
.yellow-theme.dark .mat-mdc-tab-group.mat-accent,
.yellow-theme.dark .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-label-text-color: #8996a4;
  --mat-tab-active-ripple-color: #8996a4;
  --mat-tab-inactive-ripple-color: #8996a4;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-focus-label-text-color: #8996a4;
  --mat-tab-active-hover-label-text-color: #8996a4;
  --mat-tab-active-focus-indicator-color: #8996a4;
  --mat-tab-active-hover-indicator-color: #8996a4;
  --mat-tab-active-indicator-color: #8996a4;
}
.yellow-theme.dark .mat-mdc-tab-group.mat-warn,
.yellow-theme.dark .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-label-text-color: #dc2626;
  --mat-tab-active-ripple-color: #dc2626;
  --mat-tab-inactive-ripple-color: #dc2626;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-focus-label-text-color: #dc2626;
  --mat-tab-active-hover-label-text-color: #dc2626;
  --mat-tab-active-focus-indicator-color: #dc2626;
  --mat-tab-active-hover-indicator-color: #dc2626;
  --mat-tab-active-indicator-color: #dc2626;
}
.yellow-theme.dark {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.yellow-theme.dark .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #e58a00;
  --mat-checkbox-selected-hover-icon-color: #e58a00;
  --mat-checkbox-selected-icon-color: #e58a00;
  --mat-checkbox-selected-pressed-icon-color: #e58a00;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e58a00;
  --mat-checkbox-selected-hover-state-layer-color: #e58a00;
  --mat-checkbox-selected-pressed-state-layer-color: #e58a00;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.yellow-theme.dark .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.yellow-theme.dark {
  --mat-button-filled-container-color: #424242;
  --mat-button-filled-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mat-button-filled-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-filled-disabled-state-layer-color: white;
  --mat-button-filled-focus-state-layer-opacity: 0.24;
  --mat-button-filled-hover-state-layer-opacity: 0.08;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-pressed-state-layer-opacity: 0.24;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-outlined-disabled-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-disabled-state-layer-color: white;
  --mat-button-outlined-focus-state-layer-opacity: 0.24;
  --mat-button-outlined-hover-state-layer-opacity: 0.08;
  --mat-button-outlined-label-text-color: white;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.24;
  --mat-button-outlined-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-outlined-state-layer-color: white;
  --mat-button-protected-container-color: #424242;
  --mat-button-protected-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mat-button-protected-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-protected-disabled-state-layer-color: white;
  --mat-button-protected-focus-state-layer-opacity: 0.24;
  --mat-button-protected-hover-state-layer-opacity: 0.08;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-pressed-state-layer-opacity: 0.24;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-text-disabled-state-layer-color: white;
  --mat-button-text-focus-state-layer-opacity: 0.24;
  --mat-button-text-hover-state-layer-opacity: 0.08;
  --mat-button-text-label-text-color: white;
  --mat-button-text-pressed-state-layer-opacity: 0.24;
  --mat-button-text-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-text-state-layer-color: white;
  --mat-button-tonal-container-color: #424242;
  --mat-button-tonal-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mat-button-tonal-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-tonal-disabled-state-layer-color: white;
  --mat-button-tonal-focus-state-layer-opacity: 0.24;
  --mat-button-tonal-hover-state-layer-opacity: 0.08;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-pressed-state-layer-opacity: 0.24;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.yellow-theme.dark .mat-mdc-button.mat-primary,
.yellow-theme.dark .mat-mdc-unelevated-button.mat-primary,
.yellow-theme.dark .mat-mdc-raised-button.mat-primary,
.yellow-theme.dark .mat-mdc-outlined-button.mat-primary,
.yellow-theme.dark .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #e58a00;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #e58a00;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: rgba(229, 138, 0, 0.1);
  --mat-button-outlined-state-layer-color: #e58a00;
  --mat-button-protected-container-color: #e58a00;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #e58a00;
  --mat-button-text-ripple-color: rgba(229, 138, 0, 0.1);
  --mat-button-text-state-layer-color: #e58a00;
  --mat-button-tonal-container-color: #e58a00;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.yellow-theme.dark .mat-mdc-button.mat-accent,
.yellow-theme.dark .mat-mdc-unelevated-button.mat-accent,
.yellow-theme.dark .mat-mdc-raised-button.mat-accent,
.yellow-theme.dark .mat-mdc-outlined-button.mat-accent,
.yellow-theme.dark .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #8996a4;
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-state-layer-color: black;
  --mat-button-outlined-label-text-color: #8996a4;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-outlined-state-layer-color: #8996a4;
  --mat-button-protected-container-color: #8996a4;
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-state-layer-color: black;
  --mat-button-text-label-text-color: #8996a4;
  --mat-button-text-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-text-state-layer-color: #8996a4;
  --mat-button-tonal-container-color: #8996a4;
  --mat-button-tonal-label-text-color: black;
  --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-tonal-state-layer-color: black;
}
.yellow-theme.dark .mat-mdc-button.mat-warn,
.yellow-theme.dark .mat-mdc-unelevated-button.mat-warn,
.yellow-theme.dark .mat-mdc-raised-button.mat-warn,
.yellow-theme.dark .mat-mdc-outlined-button.mat-warn,
.yellow-theme.dark .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #dc2626;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #dc2626;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-outlined-state-layer-color: #dc2626;
  --mat-button-protected-container-color: #dc2626;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #dc2626;
  --mat-button-text-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-text-state-layer-color: #dc2626;
  --mat-button-tonal-container-color: #dc2626;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.yellow-theme.dark {
  --mat-icon-button-disabled-icon-color: rgba(255, 255, 255, 0.5);
  --mat-icon-button-disabled-state-layer-color: white;
  --mat-icon-button-focus-state-layer-opacity: 0.24;
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.24;
  --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-icon-button-state-layer-color: white;
}
.yellow-theme.dark .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #e58a00;
  --mat-icon-button-state-layer-color: #e58a00;
  --mat-icon-button-ripple-color: rgba(229, 138, 0, 0.1);
}
.yellow-theme.dark .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #8996a4;
  --mat-icon-button-state-layer-color: #8996a4;
  --mat-icon-button-ripple-color: rgba(137, 150, 164, 0.1);
}
.yellow-theme.dark .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #dc2626;
  --mat-icon-button-state-layer-color: #dc2626;
  --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1);
}
.yellow-theme.dark {
  --mat-fab-container-color: #424242;
  --mat-fab-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
  --mat-fab-disabled-state-layer-color: white;
  --mat-fab-focus-state-layer-opacity: 0.24;
  --mat-fab-foreground-color: white;
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-pressed-state-layer-opacity: 0.24;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #424242;
  --mat-fab-small-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
  --mat-fab-small-disabled-state-layer-color: white;
  --mat-fab-small-focus-state-layer-opacity: 0.24;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-pressed-state-layer-opacity: 0.24;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.yellow-theme.dark .mat-mdc-fab.mat-primary, .yellow-theme.dark .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #e58a00;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #e58a00;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.yellow-theme.dark .mat-mdc-fab.mat-accent, .yellow-theme.dark .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #8996a4;
  --mat-fab-foreground-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-container-color: #8996a4;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-state-layer-color: black;
  --mat-fab-state-layer-color: black;
}
.yellow-theme.dark .mat-mdc-fab.mat-warn, .yellow-theme.dark .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #dc2626;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #dc2626;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.yellow-theme.dark {
  --mat-snack-bar-container-color: rgb(217.2, 217.2, 217.2);
  --mat-snack-bar-supporting-text-color: rgba(66, 66, 66, 0.87);
  --mat-snack-bar-button-color: #e58a00;
}
.yellow-theme.dark {
  --mat-table-background-color: #424242;
  --mat-table-header-headline-color: white;
  --mat-table-row-item-label-text-color: white;
  --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
}
.yellow-theme.dark {
  --mat-progress-spinner-active-indicator-color: #e58a00;
}
.yellow-theme.dark .mat-accent {
  --mat-progress-spinner-active-indicator-color: #8996a4;
}
.yellow-theme.dark .mat-warn {
  --mat-progress-spinner-active-indicator-color: #dc2626;
}
.yellow-theme.dark {
  --mat-badge-background-color: #e58a00;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: rgb(110.1, 110.1, 110.1);
  --mat-badge-disabled-state-text-color: rgba(255, 255, 255, 0.5);
}
.yellow-theme.dark .mat-badge-accent {
  --mat-badge-background-color: #8996a4;
  --mat-badge-text-color: black;
}
.yellow-theme.dark .mat-badge-warn {
  --mat-badge-background-color: #dc2626;
  --mat-badge-text-color: white;
}
.yellow-theme.dark {
  --mat-bottom-sheet-container-text-color: white;
  --mat-bottom-sheet-container-background-color: #424242;
}
.yellow-theme.dark {
  --mat-button-toggle-background-color: #424242;
  --mat-button-toggle-disabled-selected-state-background-color: #424242;
  --mat-button-toggle-disabled-selected-state-text-color: white;
  --mat-button-toggle-disabled-state-background-color: #424242;
  --mat-button-toggle-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-button-toggle-divider-color: rgb(88.68, 88.68, 88.68);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: #424242;
  --mat-button-toggle-legacy-disabled-state-background-color: black;
  --mat-button-toggle-legacy-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-button-toggle-legacy-selected-state-background-color: #212121;
  --mat-button-toggle-legacy-selected-state-text-color: rgba(255, 255, 255, 0.7);
  --mat-button-toggle-legacy-state-layer-color: rgba(255, 255, 255, 0.12);
  --mat-button-toggle-legacy-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-toggle-selected-state-background-color: #212121;
  --mat-button-toggle-selected-state-text-color: white;
  --mat-button-toggle-state-layer-color: white;
  --mat-button-toggle-text-color: white;
}
.yellow-theme.dark {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #e58a00;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(229, 138, 0, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(229, 138, 0, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(229, 138, 0, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #e58a00;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(229, 138, 0, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color: white;
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: white;
  --mat-datepicker-calendar-navigation-button-icon-color: white;
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(255, 255, 255, 0.3);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.24);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
.yellow-theme.dark .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: black;
  --mat-datepicker-calendar-date-selected-state-background-color: #8996a4;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(137, 150, 164, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: black;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(137, 150, 164, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.yellow-theme.dark .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #dc2626;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.yellow-theme.dark .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #8996a4;
}
.yellow-theme.dark .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #dc2626;
}
.yellow-theme.dark {
  --mat-divider-color: rgba(255, 255, 255, 0.12);
}
.yellow-theme.dark {
  --mat-expansion-container-background-color: #424242;
  --mat-expansion-container-text-color: white;
  --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-expansion-header-text-color: white;
  --mat-expansion-header-description-color: rgba(255, 255, 255, 0.7);
  --mat-expansion-header-indicator-color: rgba(255, 255, 255, 0.7);
}
.yellow-theme.dark {
  --mat-icon-color: inherit;
}
.yellow-theme.dark .mat-icon.mat-primary {
  --mat-icon-color: #e58a00;
}
.yellow-theme.dark .mat-icon.mat-accent {
  --mat-icon-color: #8996a4;
}
.yellow-theme.dark .mat-icon.mat-warn {
  --mat-icon-color: #dc2626;
}
.yellow-theme.dark {
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
  --mat-sidenav-container-background-color: #424242;
  --mat-sidenav-container-text-color: white;
  --mat-sidenav-content-background-color: #303030;
  --mat-sidenav-content-text-color: white;
  --mat-sidenav-scrim-color: rgba(189, 189, 189, 0.6);
}
.yellow-theme.dark {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #e58a00;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #e58a00;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #e58a00;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: #424242;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: #dc2626;
  --mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-error-state-icon-foreground-color: #dc2626;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.yellow-theme.dark .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: black;
  --mat-stepper-header-selected-state-icon-background-color: #8996a4;
  --mat-stepper-header-selected-state-icon-foreground-color: black;
  --mat-stepper-header-done-state-icon-background-color: #8996a4;
  --mat-stepper-header-done-state-icon-foreground-color: black;
  --mat-stepper-header-edit-state-icon-background-color: #8996a4;
  --mat-stepper-header-edit-state-icon-foreground-color: black;
}
.yellow-theme.dark .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #dc2626;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #dc2626;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #dc2626;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.yellow-theme.dark {
  --mat-sort-arrow-color: rgb(198.3, 198.3, 198.3);
}
.yellow-theme.dark {
  --mat-toolbar-container-background-color: #212121;
  --mat-toolbar-container-text-color: white;
}
.yellow-theme.dark .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #e58a00;
  --mat-toolbar-container-text-color: white;
}
.yellow-theme.dark .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #8996a4;
  --mat-toolbar-container-text-color: black;
}
.yellow-theme.dark .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: white;
}
.yellow-theme.dark {
  --mat-tree-container-background-color: #424242;
  --mat-tree-node-text-color: white;
}
.yellow-theme.dark {
  --mat-timepicker-container-background-color: #424242;
}
.yellow-theme.dark {
  --primary-50: #fcf1e0;
}
.yellow-theme.dark .bg-primary-50 {
  background: #fcf1e0;
}
.yellow-theme.dark .b-primary-50 {
  border-color: #fcf1e0 !important;
}
.yellow-theme.dark {
  --primary-100: #d35a00;
}
.yellow-theme.dark {
  --primary-200: #da6d00;
}
.yellow-theme.dark {
  --primary-300: #de7700;
}
.yellow-theme.dark {
  --primary-400: #e28200;
}
.yellow-theme.dark {
  --primary-500: #e58a00;
}
.yellow-theme.dark .text-primary-500 {
  color: #e58a00 !important;
}
.yellow-theme.dark {
  --primary-600: #e99c26;
}
.yellow-theme.dark {
  --primary-700: #edad4d;
}
.yellow-theme.dark {
  --primary-800: #f2c580;
}
.yellow-theme.dark {
  --primary-900: #f7dcb3;
}
.yellow-theme.dark {
  --accent-50: #1d2630;
}
.yellow-theme.dark {
  --accent-100: #131920;
}
.yellow-theme.dark {
  --accent-200: #1d2630;
}
.yellow-theme.dark {
  --accent-300: #3e4853;
}
.yellow-theme.dark {
  --accent-400: #5b6b79;
}
.yellow-theme.dark {
  --accent-500: #8996a4;
}
.yellow-theme.dark {
  --accent-600: #bec8d0;
}
.yellow-theme.dark {
  --accent-700: #dbe0e5;
}
.yellow-theme.dark {
  --accent-800: #f3f5f7;
}
.yellow-theme.dark {
  --accent-900: #f8f9fa;
}
.yellow-theme.dark {
  --warn-50: #f5bebe;
}
.yellow-theme.dark {
  --warn-100: #c50d0d;
}
.yellow-theme.dark {
  --warn-200: #ce1717;
}
.yellow-theme.dark {
  --warn-300: #d31c1c;
}
.yellow-theme.dark {
  --warn-400: #d82222;
}
.yellow-theme.dark {
  --warn-500: #dc2626;
}
.yellow-theme.dark .text-warn-500 {
  color: #dc2626 !important;
}
.yellow-theme.dark {
  --warn-600: #e14747;
}
.yellow-theme.dark {
  --warn-700: #e76767;
}
.yellow-theme.dark {
  --warn-800: #ee9393;
}
.yellow-theme.dark {
  --warn-900: #f5bebe;
}
.yellow-theme.dark {
  --success-50: #e6f5f0;
}
.yellow-theme.dark {
  --success-100: #107d4f;
}
.yellow-theme.dark {
  --success-200: #1b8d62;
}
.yellow-theme.dark {
  --success-300: #21976c;
}
.yellow-theme.dark {
  --success-400: #27a077;
}
.yellow-theme.dark {
  --success-500: #2ca87f;
}
.yellow-theme.dark {
  --success-600: #4cb592;
}
.yellow-theme.dark {
  --success-700: #6bc2a5;
}
.yellow-theme.dark {
  --success-800: #96d4bf;
}
.yellow-theme.dark {
  --success-900: #c0e5d9;
}
.yellow-theme.dark {
  --warning-50: #fcf1e0;
}
.yellow-theme.dark {
  --warning-100: #d35a00;
}
.yellow-theme.dark {
  --warning-200: #da6d00;
}
.yellow-theme.dark {
  --warning-300: #de7700;
}
.yellow-theme.dark {
  --warning-400: #e28200;
}
.yellow-theme.dark {
  --warning-500: #e58a00;
}
.yellow-theme.dark {
  --warning-600: #e99c26;
}
.yellow-theme.dark {
  --warning-700: #edad4d;
}
.yellow-theme.dark {
  --warning-800: #f2c580;
}
.yellow-theme.dark {
  --warning-900: #f7dcb3;
}

.green-theme {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}
.green-theme {
  --mat-option-selected-state-label-text-color: #2ca87f;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.green-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #8996a4;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.green-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #dc2626;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.green-theme {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
.green-theme {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.green-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #2ca87f;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #2ca87f;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.green-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.green-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #dc2626;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #dc2626;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.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);
}
.green-theme {
  --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);
}
.green-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #2ca87f;
  --mat-progress-bar-track-color: rgba(44, 168, 127, 0.25);
}
.green-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #8996a4;
  --mat-progress-bar-track-color: rgba(137, 150, 164, 0.25);
}
.green-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #dc2626;
  --mat-progress-bar-track-color: rgba(220, 38, 38, 0.25);
}
.green-theme {
  --mat-tooltip-container-color: #616161;
  --mat-tooltip-supporting-text-color: #fff;
}
.green-theme {
  --mat-form-field-focus-select-arrow-color: rgba(44, 168, 127, 0.87);
  --mat-form-field-filled-caret-color: #2ca87f;
  --mat-form-field-filled-focus-active-indicator-color: #2ca87f;
  --mat-form-field-filled-focus-label-text-color: rgba(44, 168, 127, 0.87);
  --mat-form-field-outlined-caret-color: #2ca87f;
  --mat-form-field-outlined-focus-outline-color: #2ca87f;
  --mat-form-field-outlined-focus-label-text-color: rgba(44, 168, 127, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #dc2626;
  --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: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
  --mat-form-field-filled-container-color: rgb(244.8, 244.8, 244.8);
  --mat-form-field-filled-disabled-container-color: rgb(249.9, 249.9, 249.9);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-error-hover-label-text-color: #dc2626;
  --mat-form-field-filled-error-focus-label-text-color: #dc2626;
  --mat-form-field-filled-error-label-text-color: #dc2626;
  --mat-form-field-filled-error-caret-color: #dc2626;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mat-form-field-filled-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-hover-active-indicator-color: #dc2626;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-error-caret-color: #dc2626;
  --mat-form-field-outlined-error-focus-label-text-color: #dc2626;
  --mat-form-field-outlined-error-label-text-color: #dc2626;
  --mat-form-field-outlined-error-hover-label-text-color: #dc2626;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #dc2626;
  --mat-form-field-outlined-error-hover-outline-color: #dc2626;
  --mat-form-field-outlined-error-outline-color: #dc2626;
}
.green-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-filled-caret-color: #8996a4;
  --mat-form-field-filled-focus-active-indicator-color: #8996a4;
  --mat-form-field-filled-focus-label-text-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-outlined-caret-color: #8996a4;
  --mat-form-field-outlined-focus-outline-color: #8996a4;
  --mat-form-field-outlined-focus-label-text-color: rgba(137, 150, 164, 0.87);
}
.green-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-filled-caret-color: #dc2626;
  --mat-form-field-filled-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-focus-label-text-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-outlined-caret-color: #dc2626;
  --mat-form-field-outlined-focus-outline-color: #dc2626;
  --mat-form-field-outlined-focus-label-text-color: rgba(220, 38, 38, 0.87);
}
.green-theme {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(44, 168, 127, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.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: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.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: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.green-theme {
  --mat-autocomplete-background-color: white;
}
.green-theme {
  --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.6);
}
.green-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: #212121;
  --mat-chip-elevated-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-elevated-disabled-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-elevated-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-flat-disabled-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
  --mat-chip-with-icon-disabled-icon-color: #212121;
  --mat-chip-with-icon-icon-color: #212121;
  --mat-chip-with-icon-selected-icon-color: #212121;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mat-chip-with-trailing-icon-trailing-icon-color: #212121;
}
.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: white;
  --mat-chip-elevated-container-color: #2ca87f;
  --mat-chip-elevated-disabled-container-color: #2ca87f;
  --mat-chip-elevated-selected-container-color: #2ca87f;
  --mat-chip-flat-disabled-selected-container-color: #2ca87f;
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.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: black;
  --mat-chip-elevated-container-color: #8996a4;
  --mat-chip-elevated-disabled-container-color: #8996a4;
  --mat-chip-elevated-selected-container-color: #8996a4;
  --mat-chip-flat-disabled-selected-container-color: #8996a4;
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: black;
  --mat-chip-selected-disabled-trailing-icon-color: black;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: black;
  --mat-chip-selected-trailing-icon-color: black;
  --mat-chip-with-icon-disabled-icon-color: black;
  --mat-chip-with-icon-icon-color: black;
  --mat-chip-with-icon-selected-icon-color: black;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: black;
  --mat-chip-with-trailing-icon-trailing-icon-color: black;
}
.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: white;
  --mat-chip-elevated-container-color: #dc2626;
  --mat-chip-elevated-disabled-container-color: #dc2626;
  --mat-chip-elevated-selected-container-color: #dc2626;
  --mat-chip-flat-disabled-selected-container-color: #dc2626;
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.green-theme {
  --mat-slide-toggle-selected-focus-state-layer-color: #27a077;
  --mat-slide-toggle-selected-handle-color: #27a077;
  --mat-slide-toggle-selected-hover-state-layer-color: #27a077;
  --mat-slide-toggle-selected-pressed-state-layer-color: #27a077;
  --mat-slide-toggle-selected-focus-handle-color: #107d4f;
  --mat-slide-toggle-selected-hover-handle-color: #107d4f;
  --mat-slide-toggle-selected-pressed-handle-color: #107d4f;
  --mat-slide-toggle-selected-focus-track-color: #6bc2a5;
  --mat-slide-toggle-selected-hover-track-color: #6bc2a5;
  --mat-slide-toggle-selected-pressed-track-color: #6bc2a5;
  --mat-slide-toggle-selected-track-color: #6bc2a5;
  --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: #424242;
  --mat-slide-toggle-disabled-selected-icon-color: #fff;
  --mat-slide-toggle-disabled-selected-track-color: #424242;
  --mat-slide-toggle-disabled-unselected-handle-color: #424242;
  --mat-slide-toggle-disabled-unselected-icon-color: #fff;
  --mat-slide-toggle-disabled-unselected-track-color: #424242;
  --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: #fff;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-icon-color: #fff;
  --mat-slide-toggle-unselected-hover-handle-color: #212121;
  --mat-slide-toggle-unselected-focus-handle-color: #212121;
  --mat-slide-toggle-unselected-focus-state-layer-color: #424242;
  --mat-slide-toggle-unselected-focus-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-icon-color: #fff;
  --mat-slide-toggle-unselected-handle-color: #616161;
  --mat-slide-toggle-unselected-hover-state-layer-color: #424242;
  --mat-slide-toggle-unselected-hover-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-pressed-handle-color: #212121;
  --mat-slide-toggle-unselected-pressed-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #424242;
  --mat-slide-toggle-unselected-track-color: #e0e0e0;
}
.green-theme {
  --mdc-slide-toggle-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-slide-toggle-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
.green-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
}
.green-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-focus-state-layer-color: #5b6b79;
  --mat-slide-toggle-selected-handle-color: #5b6b79;
  --mat-slide-toggle-selected-hover-state-layer-color: #5b6b79;
  --mat-slide-toggle-selected-pressed-state-layer-color: #5b6b79;
  --mat-slide-toggle-selected-focus-handle-color: #131920;
  --mat-slide-toggle-selected-hover-handle-color: #131920;
  --mat-slide-toggle-selected-pressed-handle-color: #131920;
  --mat-slide-toggle-selected-focus-track-color: #dbe0e5;
  --mat-slide-toggle-selected-hover-track-color: #dbe0e5;
  --mat-slide-toggle-selected-pressed-track-color: #dbe0e5;
  --mat-slide-toggle-selected-track-color: #dbe0e5;
}
.green-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-focus-state-layer-color: #d82222;
  --mat-slide-toggle-selected-handle-color: #d82222;
  --mat-slide-toggle-selected-hover-state-layer-color: #d82222;
  --mat-slide-toggle-selected-pressed-state-layer-color: #d82222;
  --mat-slide-toggle-selected-focus-handle-color: #c50d0d;
  --mat-slide-toggle-selected-hover-handle-color: #c50d0d;
  --mat-slide-toggle-selected-pressed-handle-color: #c50d0d;
  --mat-slide-toggle-selected-focus-track-color: #e76767;
  --mat-slide-toggle-selected-hover-track-color: #e76767;
  --mat-slide-toggle-selected-pressed-track-color: #e76767;
  --mat-slide-toggle-selected-track-color: #e76767;
}
.green-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #2ca87f;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #2ca87f;
  --mat-radio-selected-hover-icon-color: #2ca87f;
  --mat-radio-selected-icon-color: #2ca87f;
  --mat-radio-selected-pressed-icon-color: #2ca87f;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.green-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #8996a4;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #8996a4;
  --mat-radio-selected-hover-icon-color: #8996a4;
  --mat-radio-selected-icon-color: #8996a4;
  --mat-radio-selected-pressed-icon-color: #8996a4;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.green-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #dc2626;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #dc2626;
  --mat-radio-selected-hover-icon-color: #dc2626;
  --mat-radio-selected-icon-color: #dc2626;
  --mat-radio-selected-pressed-icon-color: #dc2626;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.green-theme {
  --mat-slider-active-track-color: #2ca87f;
  --mat-slider-focus-handle-color: #2ca87f;
  --mat-slider-focus-state-layer-color: rgba(44, 168, 127, 0.2);
  --mat-slider-handle-color: #2ca87f;
  --mat-slider-hover-handle-color: #2ca87f;
  --mat-slider-hover-state-layer-color: rgba(44, 168, 127, 0.05);
  --mat-slider-inactive-track-color: #2ca87f;
  --mat-slider-ripple-color: #2ca87f;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #2ca87f;
  --mat-slider-disabled-active-track-color: #000;
  --mat-slider-disabled-handle-color: #000;
  --mat-slider-disabled-inactive-track-color: #000;
  --mat-slider-label-container-color: #000;
  --mat-slider-label-label-text-color: #fff;
  --mat-slider-value-indicator-opacity: 0.6;
  --mat-slider-with-overlap-handle-outline-color: #fff;
  --mat-slider-with-tick-marks-disabled-container-color: #000;
}
.green-theme .mat-accent {
  --mat-slider-active-track-color: #8996a4;
  --mat-slider-focus-handle-color: #8996a4;
  --mat-slider-focus-state-layer-color: rgba(137, 150, 164, 0.2);
  --mat-slider-handle-color: #8996a4;
  --mat-slider-hover-handle-color: #8996a4;
  --mat-slider-hover-state-layer-color: rgba(137, 150, 164, 0.05);
  --mat-slider-inactive-track-color: #8996a4;
  --mat-slider-ripple-color: #8996a4;
  --mat-slider-with-tick-marks-active-container-color: black;
  --mat-slider-with-tick-marks-inactive-container-color: #8996a4;
}
.green-theme .mat-warn {
  --mat-slider-active-track-color: #dc2626;
  --mat-slider-focus-handle-color: #dc2626;
  --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2);
  --mat-slider-handle-color: #dc2626;
  --mat-slider-hover-handle-color: #dc2626;
  --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05);
  --mat-slider-inactive-track-color: #dc2626;
  --mat-slider-ripple-color: #dc2626;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #dc2626;
}
.green-theme {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
.green-theme {
  --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.38);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-disabled-label-text-color: black;
  --mat-list-list-item-disabled-leading-icon-color: black;
  --mat-list-list-item-disabled-trailing-icon-color: black;
  --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.38);
  --mat-list-list-item-hover-state-layer-color: black;
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: black;
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.green-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #2ca87f;
  --mat-checkbox-selected-hover-icon-color: #2ca87f;
  --mat-checkbox-selected-icon-color: #2ca87f;
  --mat-checkbox-selected-pressed-icon-color: #2ca87f;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #2ca87f;
  --mat-checkbox-selected-hover-state-layer-color: #2ca87f;
  --mat-checkbox-selected-pressed-state-layer-color: #2ca87f;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.green-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.green-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.green-theme {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}
.green-theme .mat-mdc-tab-group,
.green-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-label-text-color: #2ca87f;
  --mat-tab-active-ripple-color: #2ca87f;
  --mat-tab-inactive-ripple-color: #2ca87f;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-focus-label-text-color: #2ca87f;
  --mat-tab-active-hover-label-text-color: #2ca87f;
  --mat-tab-active-focus-indicator-color: #2ca87f;
  --mat-tab-active-hover-indicator-color: #2ca87f;
  --mat-tab-active-indicator-color: #2ca87f;
}
.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.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-label-text-color: #8996a4;
  --mat-tab-active-ripple-color: #8996a4;
  --mat-tab-inactive-ripple-color: #8996a4;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-focus-label-text-color: #8996a4;
  --mat-tab-active-hover-label-text-color: #8996a4;
  --mat-tab-active-focus-indicator-color: #8996a4;
  --mat-tab-active-hover-indicator-color: #8996a4;
  --mat-tab-active-indicator-color: #8996a4;
}
.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.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-label-text-color: #dc2626;
  --mat-tab-active-ripple-color: #dc2626;
  --mat-tab-inactive-ripple-color: #dc2626;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-focus-label-text-color: #dc2626;
  --mat-tab-active-hover-label-text-color: #dc2626;
  --mat-tab-active-focus-indicator-color: #dc2626;
  --mat-tab-active-hover-indicator-color: #dc2626;
  --mat-tab-active-indicator-color: #dc2626;
}
.green-theme {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.green-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #2ca87f;
  --mat-checkbox-selected-hover-icon-color: #2ca87f;
  --mat-checkbox-selected-icon-color: #2ca87f;
  --mat-checkbox-selected-pressed-icon-color: #2ca87f;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #2ca87f;
  --mat-checkbox-selected-hover-state-layer-color: #2ca87f;
  --mat-checkbox-selected-pressed-state-layer-color: #2ca87f;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.green-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.green-theme {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mat-button-filled-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-filled-disabled-state-layer-color: black;
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-state-layer-color: black;
  --mat-button-outlined-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: black;
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: black;
  --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: rgba(0, 0, 0, 0.1);
  --mat-button-outlined-state-layer-color: black;
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-protected-disabled-state-layer-color: black;
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-state-layer-color: black;
  --mat-button-text-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-text-disabled-state-layer-color: black;
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: black;
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-text-state-layer-color: black;
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mat-button-tonal-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-tonal-disabled-state-layer-color: black;
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: black;
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-tonal-state-layer-color: black;
}
.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: #2ca87f;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #2ca87f;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: rgba(44, 168, 127, 0.1);
  --mat-button-outlined-state-layer-color: #2ca87f;
  --mat-button-protected-container-color: #2ca87f;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #2ca87f;
  --mat-button-text-ripple-color: rgba(44, 168, 127, 0.1);
  --mat-button-text-state-layer-color: #2ca87f;
  --mat-button-tonal-container-color: #2ca87f;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.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: #8996a4;
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-state-layer-color: black;
  --mat-button-outlined-label-text-color: #8996a4;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-outlined-state-layer-color: #8996a4;
  --mat-button-protected-container-color: #8996a4;
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-state-layer-color: black;
  --mat-button-text-label-text-color: #8996a4;
  --mat-button-text-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-text-state-layer-color: #8996a4;
  --mat-button-tonal-container-color: #8996a4;
  --mat-button-tonal-label-text-color: black;
  --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-tonal-state-layer-color: black;
}
.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: #dc2626;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #dc2626;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-outlined-state-layer-color: #dc2626;
  --mat-button-protected-container-color: #dc2626;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #dc2626;
  --mat-button-text-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-text-state-layer-color: #dc2626;
  --mat-button-tonal-container-color: #dc2626;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.green-theme {
  --mat-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-disabled-state-layer-color: black;
  --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: rgba(0, 0, 0, 0.1);
  --mat-icon-button-state-layer-color: black;
}
.green-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #2ca87f;
  --mat-icon-button-state-layer-color: #2ca87f;
  --mat-icon-button-ripple-color: rgba(44, 168, 127, 0.1);
}
.green-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #8996a4;
  --mat-icon-button-state-layer-color: #8996a4;
  --mat-icon-button-ripple-color: rgba(137, 150, 164, 0.1);
}
.green-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #dc2626;
  --mat-icon-button-state-layer-color: #dc2626;
  --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1);
}
.green-theme {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: black;
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-state-layer-color: black;
  --mat-fab-state-layer-color: black;
}
.green-theme .mat-mdc-fab.mat-primary, .green-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #2ca87f;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #2ca87f;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.green-theme .mat-mdc-fab.mat-accent, .green-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #8996a4;
  --mat-fab-foreground-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-container-color: #8996a4;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-state-layer-color: black;
  --mat-fab-state-layer-color: black;
}
.green-theme .mat-mdc-fab.mat-warn, .green-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #dc2626;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #dc2626;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.green-theme {
  --mat-snack-bar-container-color: #333333;
  --mat-snack-bar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #c0e5d9;
}
.green-theme {
  --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);
}
.green-theme {
  --mat-progress-spinner-active-indicator-color: #2ca87f;
}
.green-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #8996a4;
}
.green-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #dc2626;
}
.green-theme {
  --mat-badge-background-color: #2ca87f;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}
.green-theme .mat-badge-accent {
  --mat-badge-background-color: #8996a4;
  --mat-badge-text-color: black;
}
.green-theme .mat-badge-warn {
  --mat-badge-background-color: #dc2626;
  --mat-badge-text-color: white;
}
.green-theme {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
.green-theme {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-button-toggle-divider-color: rgb(224.4, 224.4, 224.4);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: #bdbdbd;
  --mat-button-toggle-legacy-disabled-state-background-color: #eeeeee;
  --mat-button-toggle-legacy-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-button-toggle-legacy-selected-state-background-color: #e0e0e0;
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-button-toggle-legacy-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: black;
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}
.green-theme {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #2ca87f;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(44, 168, 127, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(44, 168, 127, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(44, 168, 127, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #2ca87f;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(44, 168, 127, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.green-theme .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: black;
  --mat-datepicker-calendar-date-selected-state-background-color: #8996a4;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(137, 150, 164, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: black;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(137, 150, 164, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.green-theme .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #dc2626;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.green-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #8996a4;
}
.green-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #dc2626;
}
.green-theme {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
.green-theme {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
.green-theme {
  --mat-icon-color: inherit;
}
.green-theme .mat-icon.mat-primary {
  --mat-icon-color: #2ca87f;
}
.green-theme .mat-icon.mat-accent {
  --mat-icon-color: #8996a4;
}
.green-theme .mat-icon.mat-warn {
  --mat-icon-color: #dc2626;
}
.green-theme {
  --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);
}
.green-theme {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #2ca87f;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #2ca87f;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #2ca87f;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #dc2626;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #dc2626;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.green-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: black;
  --mat-stepper-header-selected-state-icon-background-color: #8996a4;
  --mat-stepper-header-selected-state-icon-foreground-color: black;
  --mat-stepper-header-done-state-icon-background-color: #8996a4;
  --mat-stepper-header-done-state-icon-foreground-color: black;
  --mat-stepper-header-edit-state-icon-background-color: #8996a4;
  --mat-stepper-header-edit-state-icon-foreground-color: black;
}
.green-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #dc2626;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #dc2626;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #dc2626;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.green-theme {
  --mat-sort-arrow-color: rgb(117.3, 117.3, 117.3);
}
.green-theme {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.green-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #2ca87f;
  --mat-toolbar-container-text-color: white;
}
.green-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #8996a4;
  --mat-toolbar-container-text-color: black;
}
.green-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: white;
}
.green-theme {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
.green-theme {
  --mat-timepicker-container-background-color: white;
}
.green-theme {
  --primary-50: #e6f5f0;
}
.green-theme .bg-primary-50 {
  background: #e6f5f0;
}
.green-theme .b-primary-50 {
  border-color: #e6f5f0 !important;
}
.green-theme {
  --primary-100: #c0e5d9;
}
.green-theme {
  --primary-200: #96d4bf;
}
.green-theme {
  --primary-300: #6bc2a5;
}
.green-theme {
  --primary-400: #4cb592;
}
.green-theme {
  --primary-500: #2ca87f;
}
.green-theme .text-primary-500 {
  color: #2ca87f !important;
}
.green-theme {
  --primary-600: #27a077;
}
.green-theme {
  --primary-700: #21976c;
}
.green-theme {
  --primary-800: #1b8d62;
}
.green-theme {
  --primary-900: #107d4f;
}
.green-theme {
  --accent-50: #fff;
}
.green-theme {
  --accent-100: #f8f9fa;
}
.green-theme {
  --accent-200: #f3f5f7;
}
.green-theme {
  --accent-300: #dbe0e5;
}
.green-theme {
  --accent-400: #bec8d0;
}
.green-theme {
  --accent-500: #8996a4;
}
.green-theme {
  --accent-600: #5b6b79;
}
.green-theme {
  --accent-700: #3e4853;
}
.green-theme {
  --accent-800: #1d2630;
}
.green-theme {
  --accent-900: #131920;
}
.green-theme {
  --warn-50: #fbe5e5;
}
.green-theme {
  --warn-100: #f5bebe;
}
.green-theme {
  --warn-200: #ee9393;
}
.green-theme {
  --warn-300: #e76767;
}
.green-theme {
  --warn-400: #e14747;
}
.green-theme {
  --warn-500: #dc2626;
}
.green-theme .text-warn-500 {
  color: #dc2626 !important;
}
.green-theme {
  --warn-600: #d82222;
}
.green-theme {
  --warn-700: #d31c1c;
}
.green-theme {
  --warn-800: #ce1717;
}
.green-theme {
  --warn-900: #c50d0d;
}
.green-theme {
  --success-50: #e6f5f0;
}
.green-theme {
  --success-100: #c0e5d9;
}
.green-theme {
  --success-200: #96d4bf;
}
.green-theme {
  --success-300: #6bc2a5;
}
.green-theme {
  --success-400: #4cb592;
}
.green-theme {
  --success-500: #2ca87f;
}
.green-theme {
  --success-600: #27a077;
}
.green-theme {
  --success-700: #21976c;
}
.green-theme {
  --success-800: #1b8d62;
}
.green-theme {
  --success-900: #107d4f;
}
.green-theme {
  --warning-50: #fcf1e0;
}
.green-theme {
  --warning-100: #f7dcb3;
}
.green-theme {
  --warning-200: #f2c580;
}
.green-theme {
  --warning-300: #edad4d;
}
.green-theme {
  --warning-400: #e99c26;
}
.green-theme {
  --warning-500: #e58a00;
}
.green-theme {
  --warning-600: #e28200;
}
.green-theme {
  --warning-700: #de7700;
}
.green-theme {
  --warning-800: #da6d00;
}
.green-theme {
  --warning-900: #d35a00;
}
.green-theme.dark {
  --mat-ripple-color: rgba(255, 255, 255, 0.1);
}
.green-theme.dark {
  --mat-option-selected-state-label-text-color: #2ca87f;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.green-theme.dark .mat-accent {
  --mat-option-selected-state-label-text-color: #8996a4;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.green-theme.dark .mat-warn {
  --mat-option-selected-state-label-text-color: #dc2626;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.green-theme.dark {
  --mat-optgroup-label-text-color: white;
}
.green-theme.dark {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.green-theme.dark .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #2ca87f;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #2ca87f;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.green-theme.dark .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.green-theme.dark .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #dc2626;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #dc2626;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.green-theme.dark {
  --mat-app-background-color: #303030;
  --mat-app-text-color: white;
  --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);
}
.green-theme.dark {
  --mat-card-elevated-container-color: #424242;
  --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: #424242;
  --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(255, 255, 255, 0.12);
  --mat-card-subtitle-text-color: rgba(255, 255, 255, 0.7);
  --mat-card-filled-container-color: #424242;
  --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);
}
.green-theme.dark .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #2ca87f;
  --mat-progress-bar-track-color: rgba(44, 168, 127, 0.25);
}
.green-theme.dark .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #8996a4;
  --mat-progress-bar-track-color: rgba(137, 150, 164, 0.25);
}
.green-theme.dark .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #dc2626;
  --mat-progress-bar-track-color: rgba(220, 38, 38, 0.25);
}
.green-theme.dark {
  --mat-tooltip-container-color: #616161;
  --mat-tooltip-supporting-text-color: #fff;
}
.green-theme.dark {
  --mat-form-field-focus-select-arrow-color: rgba(44, 168, 127, 0.87);
  --mat-form-field-filled-caret-color: #2ca87f;
  --mat-form-field-filled-focus-active-indicator-color: #2ca87f;
  --mat-form-field-filled-focus-label-text-color: rgba(44, 168, 127, 0.87);
  --mat-form-field-outlined-caret-color: #2ca87f;
  --mat-form-field-outlined-focus-outline-color: #2ca87f;
  --mat-form-field-outlined-focus-label-text-color: rgba(44, 168, 127, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-state-layer-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-error-text-color: #dc2626;
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --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(255, 255, 255, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-focus-state-layer-opacity: 0.24;
  --mat-form-field-filled-container-color: rgb(73.56, 73.56, 73.56);
  --mat-form-field-filled-disabled-container-color: rgb(69.78, 69.78, 69.78);
  --mat-form-field-filled-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-filled-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-filled-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-filled-input-text-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-filled-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-filled-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-filled-error-hover-label-text-color: #dc2626;
  --mat-form-field-filled-error-focus-label-text-color: #dc2626;
  --mat-form-field-filled-error-label-text-color: #dc2626;
  --mat-form-field-filled-error-caret-color: #dc2626;
  --mat-form-field-filled-active-indicator-color: rgba(255, 255, 255, 0.42);
  --mat-form-field-filled-disabled-active-indicator-color: rgba(255, 255, 255, 0.06);
  --mat-form-field-filled-hover-active-indicator-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-hover-active-indicator-color: #dc2626;
  --mat-form-field-outlined-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-outlined-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-outlined-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-input-text-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-outlined-error-caret-color: #dc2626;
  --mat-form-field-outlined-error-focus-label-text-color: #dc2626;
  --mat-form-field-outlined-error-label-text-color: #dc2626;
  --mat-form-field-outlined-error-hover-label-text-color: #dc2626;
  --mat-form-field-outlined-outline-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-disabled-outline-color: rgba(255, 255, 255, 0.06);
  --mat-form-field-outlined-hover-outline-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #dc2626;
  --mat-form-field-outlined-error-hover-outline-color: #dc2626;
  --mat-form-field-outlined-error-outline-color: #dc2626;
}
.green-theme.dark .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-filled-caret-color: #8996a4;
  --mat-form-field-filled-focus-active-indicator-color: #8996a4;
  --mat-form-field-filled-focus-label-text-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-outlined-caret-color: #8996a4;
  --mat-form-field-outlined-focus-outline-color: #8996a4;
  --mat-form-field-outlined-focus-label-text-color: rgba(137, 150, 164, 0.87);
}
.green-theme.dark .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-filled-caret-color: #dc2626;
  --mat-form-field-filled-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-focus-label-text-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-outlined-caret-color: #dc2626;
  --mat-form-field-outlined-focus-outline-color: #dc2626;
  --mat-form-field-outlined-focus-label-text-color: rgba(220, 38, 38, 0.87);
}
.green-theme.dark {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(44, 168, 127, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.green-theme.dark .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.green-theme.dark .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.green-theme.dark {
  --mat-autocomplete-background-color: #424242;
}
.green-theme.dark {
  --mat-dialog-container-color: #424242;
  --mat-dialog-subhead-color: rgba(255, 255, 255, 0.87);
  --mat-dialog-supporting-text-color: rgba(255, 255, 255, 0.6);
}
.green-theme.dark .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: #fafafa;
  --mat-chip-elevated-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-elevated-disabled-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-elevated-selected-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-flat-disabled-selected-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: #fafafa;
  --mat-chip-selected-disabled-trailing-icon-color: #fafafa;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: #fafafa;
  --mat-chip-selected-trailing-icon-color: #fafafa;
  --mat-chip-with-icon-disabled-icon-color: #fafafa;
  --mat-chip-with-icon-icon-color: #fafafa;
  --mat-chip-with-icon-selected-icon-color: #fafafa;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa;
  --mat-chip-with-trailing-icon-trailing-icon-color: #fafafa;
}
.green-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .green-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #2ca87f;
  --mat-chip-elevated-disabled-container-color: #2ca87f;
  --mat-chip-elevated-selected-container-color: #2ca87f;
  --mat-chip-flat-disabled-selected-container-color: #2ca87f;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.green-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .green-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: black;
  --mat-chip-elevated-container-color: #8996a4;
  --mat-chip-elevated-disabled-container-color: #8996a4;
  --mat-chip-elevated-selected-container-color: #8996a4;
  --mat-chip-flat-disabled-selected-container-color: #8996a4;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: black;
  --mat-chip-selected-disabled-trailing-icon-color: black;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: black;
  --mat-chip-selected-trailing-icon-color: black;
  --mat-chip-with-icon-disabled-icon-color: black;
  --mat-chip-with-icon-icon-color: black;
  --mat-chip-with-icon-selected-icon-color: black;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: black;
  --mat-chip-with-trailing-icon-trailing-icon-color: black;
}
.green-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .green-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #dc2626;
  --mat-chip-elevated-disabled-container-color: #dc2626;
  --mat-chip-elevated-selected-container-color: #dc2626;
  --mat-chip-flat-disabled-selected-container-color: #dc2626;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.green-theme.dark {
  --mat-slide-toggle-selected-focus-state-layer-color: #21976c;
  --mat-slide-toggle-selected-handle-color: #21976c;
  --mat-slide-toggle-selected-hover-state-layer-color: #21976c;
  --mat-slide-toggle-selected-pressed-state-layer-color: #21976c;
  --mat-slide-toggle-selected-focus-handle-color: #1b8d62;
  --mat-slide-toggle-selected-hover-handle-color: #1b8d62;
  --mat-slide-toggle-selected-pressed-handle-color: #1b8d62;
  --mat-slide-toggle-selected-focus-track-color: #4cb592;
  --mat-slide-toggle-selected-hover-track-color: #4cb592;
  --mat-slide-toggle-selected-pressed-track-color: #4cb592;
  --mat-slide-toggle-selected-track-color: #4cb592;
  --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: #000;
  --mat-slide-toggle-disabled-selected-icon-color: #212121;
  --mat-slide-toggle-disabled-selected-track-color: #f5f5f5;
  --mat-slide-toggle-disabled-unselected-handle-color: #000;
  --mat-slide-toggle-disabled-unselected-icon-color: #212121;
  --mat-slide-toggle-disabled-unselected-track-color: #f5f5f5;
  --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: #fff;
  --mat-slide-toggle-label-text-color: white;
  --mat-slide-toggle-selected-icon-color: #212121;
  --mat-slide-toggle-unselected-hover-handle-color: #fafafa;
  --mat-slide-toggle-unselected-focus-handle-color: #fafafa;
  --mat-slide-toggle-unselected-focus-state-layer-color: #f5f5f5;
  --mat-slide-toggle-unselected-focus-track-color: #616161;
  --mat-slide-toggle-unselected-icon-color: #212121;
  --mat-slide-toggle-unselected-handle-color: #9e9e9e;
  --mat-slide-toggle-unselected-hover-state-layer-color: #f5f5f5;
  --mat-slide-toggle-unselected-hover-track-color: #616161;
  --mat-slide-toggle-unselected-pressed-handle-color: #fafafa;
  --mat-slide-toggle-unselected-pressed-track-color: #616161;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #f5f5f5;
  --mat-slide-toggle-unselected-track-color: #616161;
}
.green-theme.dark {
  --mdc-slide-toggle-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-slide-toggle-disabled-label-text-color: rgba(255, 255, 255, 0.5);
}
.green-theme.dark .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-color: white;
}
.green-theme.dark .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-focus-state-layer-color: #3e4853;
  --mat-slide-toggle-selected-handle-color: #3e4853;
  --mat-slide-toggle-selected-hover-state-layer-color: #3e4853;
  --mat-slide-toggle-selected-pressed-state-layer-color: #3e4853;
  --mat-slide-toggle-selected-focus-handle-color: #1d2630;
  --mat-slide-toggle-selected-hover-handle-color: #1d2630;
  --mat-slide-toggle-selected-pressed-handle-color: #1d2630;
  --mat-slide-toggle-selected-focus-track-color: #bec8d0;
  --mat-slide-toggle-selected-hover-track-color: #bec8d0;
  --mat-slide-toggle-selected-pressed-track-color: #bec8d0;
  --mat-slide-toggle-selected-track-color: #bec8d0;
}
.green-theme.dark .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-focus-state-layer-color: #d31c1c;
  --mat-slide-toggle-selected-handle-color: #d31c1c;
  --mat-slide-toggle-selected-hover-state-layer-color: #d31c1c;
  --mat-slide-toggle-selected-pressed-state-layer-color: #d31c1c;
  --mat-slide-toggle-selected-focus-handle-color: #ce1717;
  --mat-slide-toggle-selected-hover-handle-color: #ce1717;
  --mat-slide-toggle-selected-pressed-handle-color: #ce1717;
  --mat-slide-toggle-selected-focus-track-color: #e14747;
  --mat-slide-toggle-selected-hover-track-color: #e14747;
  --mat-slide-toggle-selected-pressed-track-color: #e14747;
  --mat-slide-toggle-selected-track-color: #e14747;
}
.green-theme.dark .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #2ca87f;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #2ca87f;
  --mat-radio-selected-hover-icon-color: #2ca87f;
  --mat-radio-selected-icon-color: #2ca87f;
  --mat-radio-selected-pressed-icon-color: #2ca87f;
  --mat-radio-unselected-focus-icon-color: #eeeeee;
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}
.green-theme.dark .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #8996a4;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #8996a4;
  --mat-radio-selected-hover-icon-color: #8996a4;
  --mat-radio-selected-icon-color: #8996a4;
  --mat-radio-selected-pressed-icon-color: #8996a4;
  --mat-radio-unselected-focus-icon-color: #eeeeee;
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}
.green-theme.dark .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #dc2626;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #dc2626;
  --mat-radio-selected-hover-icon-color: #dc2626;
  --mat-radio-selected-icon-color: #dc2626;
  --mat-radio-selected-pressed-icon-color: #dc2626;
  --mat-radio-unselected-focus-icon-color: #eeeeee;
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}
.green-theme.dark {
  --mat-slider-active-track-color: #2ca87f;
  --mat-slider-focus-handle-color: #2ca87f;
  --mat-slider-focus-state-layer-color: rgba(44, 168, 127, 0.2);
  --mat-slider-handle-color: #2ca87f;
  --mat-slider-hover-handle-color: #2ca87f;
  --mat-slider-hover-state-layer-color: rgba(44, 168, 127, 0.05);
  --mat-slider-inactive-track-color: #2ca87f;
  --mat-slider-ripple-color: #2ca87f;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #2ca87f;
  --mat-slider-disabled-active-track-color: #fff;
  --mat-slider-disabled-handle-color: #fff;
  --mat-slider-disabled-inactive-track-color: #fff;
  --mat-slider-label-container-color: #fff;
  --mat-slider-label-label-text-color: #000;
  --mat-slider-value-indicator-opacity: 0.9;
  --mat-slider-with-overlap-handle-outline-color: #fff;
  --mat-slider-with-tick-marks-disabled-container-color: #fff;
}
.green-theme.dark .mat-accent {
  --mat-slider-active-track-color: #8996a4;
  --mat-slider-focus-handle-color: #8996a4;
  --mat-slider-focus-state-layer-color: rgba(137, 150, 164, 0.2);
  --mat-slider-handle-color: #8996a4;
  --mat-slider-hover-handle-color: #8996a4;
  --mat-slider-hover-state-layer-color: rgba(137, 150, 164, 0.05);
  --mat-slider-inactive-track-color: #8996a4;
  --mat-slider-ripple-color: #8996a4;
  --mat-slider-with-tick-marks-active-container-color: black;
  --mat-slider-with-tick-marks-inactive-container-color: #8996a4;
}
.green-theme.dark .mat-warn {
  --mat-slider-active-track-color: #dc2626;
  --mat-slider-focus-handle-color: #dc2626;
  --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2);
  --mat-slider-handle-color: #dc2626;
  --mat-slider-hover-handle-color: #dc2626;
  --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05);
  --mat-slider-inactive-track-color: #dc2626;
  --mat-slider-ripple-color: #dc2626;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #dc2626;
}
.green-theme.dark {
  --mat-menu-item-label-text-color: white;
  --mat-menu-item-icon-color: white;
  --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-container-color: #424242;
  --mat-menu-divider-color: rgba(255, 255, 255, 0.12);
}
.green-theme.dark {
  --mat-list-list-item-label-text-color: white;
  --mat-list-list-item-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-disabled-label-text-color: white;
  --mat-list-list-item-disabled-leading-icon-color: white;
  --mat-list-list-item-disabled-trailing-icon-color: white;
  --mat-list-list-item-hover-label-text-color: white;
  --mat-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-hover-state-layer-color: white;
  --mat-list-list-item-hover-state-layer-opacity: 0.08;
  --mat-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-focus-label-text-color: white;
  --mat-list-list-item-focus-state-layer-color: white;
  --mat-list-list-item-focus-state-layer-opacity: 0.24;
}
.green-theme.dark .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #2ca87f;
  --mat-checkbox-selected-hover-icon-color: #2ca87f;
  --mat-checkbox-selected-icon-color: #2ca87f;
  --mat-checkbox-selected-pressed-icon-color: #2ca87f;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #2ca87f;
  --mat-checkbox-selected-hover-state-layer-color: #2ca87f;
  --mat-checkbox-selected-pressed-state-layer-color: #2ca87f;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.green-theme.dark .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.green-theme.dark .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.green-theme.dark {
  --mat-paginator-container-text-color: rgba(255, 255, 255, 0.87);
  --mat-paginator-container-background-color: #424242;
  --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.54);
  --mat-paginator-disabled-icon-color: rgba(255, 255, 255, 0.12);
}
.green-theme.dark .mat-mdc-tab-group,
.green-theme.dark .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-label-text-color: #2ca87f;
  --mat-tab-active-ripple-color: #2ca87f;
  --mat-tab-inactive-ripple-color: #2ca87f;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-focus-label-text-color: #2ca87f;
  --mat-tab-active-hover-label-text-color: #2ca87f;
  --mat-tab-active-focus-indicator-color: #2ca87f;
  --mat-tab-active-hover-indicator-color: #2ca87f;
  --mat-tab-active-indicator-color: #2ca87f;
}
.green-theme.dark .mat-mdc-tab-group.mat-accent,
.green-theme.dark .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-label-text-color: #8996a4;
  --mat-tab-active-ripple-color: #8996a4;
  --mat-tab-inactive-ripple-color: #8996a4;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-focus-label-text-color: #8996a4;
  --mat-tab-active-hover-label-text-color: #8996a4;
  --mat-tab-active-focus-indicator-color: #8996a4;
  --mat-tab-active-hover-indicator-color: #8996a4;
  --mat-tab-active-indicator-color: #8996a4;
}
.green-theme.dark .mat-mdc-tab-group.mat-warn,
.green-theme.dark .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-label-text-color: #dc2626;
  --mat-tab-active-ripple-color: #dc2626;
  --mat-tab-inactive-ripple-color: #dc2626;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-focus-label-text-color: #dc2626;
  --mat-tab-active-hover-label-text-color: #dc2626;
  --mat-tab-active-focus-indicator-color: #dc2626;
  --mat-tab-active-hover-indicator-color: #dc2626;
  --mat-tab-active-indicator-color: #dc2626;
}
.green-theme.dark {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.green-theme.dark .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #2ca87f;
  --mat-checkbox-selected-hover-icon-color: #2ca87f;
  --mat-checkbox-selected-icon-color: #2ca87f;
  --mat-checkbox-selected-pressed-icon-color: #2ca87f;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #2ca87f;
  --mat-checkbox-selected-hover-state-layer-color: #2ca87f;
  --mat-checkbox-selected-pressed-state-layer-color: #2ca87f;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.green-theme.dark .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.green-theme.dark {
  --mat-button-filled-container-color: #424242;
  --mat-button-filled-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mat-button-filled-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-filled-disabled-state-layer-color: white;
  --mat-button-filled-focus-state-layer-opacity: 0.24;
  --mat-button-filled-hover-state-layer-opacity: 0.08;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-pressed-state-layer-opacity: 0.24;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-outlined-disabled-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-disabled-state-layer-color: white;
  --mat-button-outlined-focus-state-layer-opacity: 0.24;
  --mat-button-outlined-hover-state-layer-opacity: 0.08;
  --mat-button-outlined-label-text-color: white;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.24;
  --mat-button-outlined-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-outlined-state-layer-color: white;
  --mat-button-protected-container-color: #424242;
  --mat-button-protected-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mat-button-protected-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-protected-disabled-state-layer-color: white;
  --mat-button-protected-focus-state-layer-opacity: 0.24;
  --mat-button-protected-hover-state-layer-opacity: 0.08;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-pressed-state-layer-opacity: 0.24;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-text-disabled-state-layer-color: white;
  --mat-button-text-focus-state-layer-opacity: 0.24;
  --mat-button-text-hover-state-layer-opacity: 0.08;
  --mat-button-text-label-text-color: white;
  --mat-button-text-pressed-state-layer-opacity: 0.24;
  --mat-button-text-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-text-state-layer-color: white;
  --mat-button-tonal-container-color: #424242;
  --mat-button-tonal-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mat-button-tonal-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-tonal-disabled-state-layer-color: white;
  --mat-button-tonal-focus-state-layer-opacity: 0.24;
  --mat-button-tonal-hover-state-layer-opacity: 0.08;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-pressed-state-layer-opacity: 0.24;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.green-theme.dark .mat-mdc-button.mat-primary,
.green-theme.dark .mat-mdc-unelevated-button.mat-primary,
.green-theme.dark .mat-mdc-raised-button.mat-primary,
.green-theme.dark .mat-mdc-outlined-button.mat-primary,
.green-theme.dark .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #2ca87f;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #2ca87f;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: rgba(44, 168, 127, 0.1);
  --mat-button-outlined-state-layer-color: #2ca87f;
  --mat-button-protected-container-color: #2ca87f;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #2ca87f;
  --mat-button-text-ripple-color: rgba(44, 168, 127, 0.1);
  --mat-button-text-state-layer-color: #2ca87f;
  --mat-button-tonal-container-color: #2ca87f;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.green-theme.dark .mat-mdc-button.mat-accent,
.green-theme.dark .mat-mdc-unelevated-button.mat-accent,
.green-theme.dark .mat-mdc-raised-button.mat-accent,
.green-theme.dark .mat-mdc-outlined-button.mat-accent,
.green-theme.dark .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #8996a4;
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-state-layer-color: black;
  --mat-button-outlined-label-text-color: #8996a4;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-outlined-state-layer-color: #8996a4;
  --mat-button-protected-container-color: #8996a4;
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-state-layer-color: black;
  --mat-button-text-label-text-color: #8996a4;
  --mat-button-text-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-text-state-layer-color: #8996a4;
  --mat-button-tonal-container-color: #8996a4;
  --mat-button-tonal-label-text-color: black;
  --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-tonal-state-layer-color: black;
}
.green-theme.dark .mat-mdc-button.mat-warn,
.green-theme.dark .mat-mdc-unelevated-button.mat-warn,
.green-theme.dark .mat-mdc-raised-button.mat-warn,
.green-theme.dark .mat-mdc-outlined-button.mat-warn,
.green-theme.dark .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #dc2626;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #dc2626;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-outlined-state-layer-color: #dc2626;
  --mat-button-protected-container-color: #dc2626;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #dc2626;
  --mat-button-text-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-text-state-layer-color: #dc2626;
  --mat-button-tonal-container-color: #dc2626;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.green-theme.dark {
  --mat-icon-button-disabled-icon-color: rgba(255, 255, 255, 0.5);
  --mat-icon-button-disabled-state-layer-color: white;
  --mat-icon-button-focus-state-layer-opacity: 0.24;
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.24;
  --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-icon-button-state-layer-color: white;
}
.green-theme.dark .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #2ca87f;
  --mat-icon-button-state-layer-color: #2ca87f;
  --mat-icon-button-ripple-color: rgba(44, 168, 127, 0.1);
}
.green-theme.dark .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #8996a4;
  --mat-icon-button-state-layer-color: #8996a4;
  --mat-icon-button-ripple-color: rgba(137, 150, 164, 0.1);
}
.green-theme.dark .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #dc2626;
  --mat-icon-button-state-layer-color: #dc2626;
  --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1);
}
.green-theme.dark {
  --mat-fab-container-color: #424242;
  --mat-fab-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
  --mat-fab-disabled-state-layer-color: white;
  --mat-fab-focus-state-layer-opacity: 0.24;
  --mat-fab-foreground-color: white;
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-pressed-state-layer-opacity: 0.24;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #424242;
  --mat-fab-small-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
  --mat-fab-small-disabled-state-layer-color: white;
  --mat-fab-small-focus-state-layer-opacity: 0.24;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-pressed-state-layer-opacity: 0.24;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.green-theme.dark .mat-mdc-fab.mat-primary, .green-theme.dark .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #2ca87f;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #2ca87f;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.green-theme.dark .mat-mdc-fab.mat-accent, .green-theme.dark .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #8996a4;
  --mat-fab-foreground-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-container-color: #8996a4;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-state-layer-color: black;
  --mat-fab-state-layer-color: black;
}
.green-theme.dark .mat-mdc-fab.mat-warn, .green-theme.dark .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #dc2626;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #dc2626;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.green-theme.dark {
  --mat-snack-bar-container-color: rgb(217.2, 217.2, 217.2);
  --mat-snack-bar-supporting-text-color: rgba(66, 66, 66, 0.87);
  --mat-snack-bar-button-color: #2ca87f;
}
.green-theme.dark {
  --mat-table-background-color: #424242;
  --mat-table-header-headline-color: white;
  --mat-table-row-item-label-text-color: white;
  --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
}
.green-theme.dark {
  --mat-progress-spinner-active-indicator-color: #2ca87f;
}
.green-theme.dark .mat-accent {
  --mat-progress-spinner-active-indicator-color: #8996a4;
}
.green-theme.dark .mat-warn {
  --mat-progress-spinner-active-indicator-color: #dc2626;
}
.green-theme.dark {
  --mat-badge-background-color: #2ca87f;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: rgb(110.1, 110.1, 110.1);
  --mat-badge-disabled-state-text-color: rgba(255, 255, 255, 0.5);
}
.green-theme.dark .mat-badge-accent {
  --mat-badge-background-color: #8996a4;
  --mat-badge-text-color: black;
}
.green-theme.dark .mat-badge-warn {
  --mat-badge-background-color: #dc2626;
  --mat-badge-text-color: white;
}
.green-theme.dark {
  --mat-bottom-sheet-container-text-color: white;
  --mat-bottom-sheet-container-background-color: #424242;
}
.green-theme.dark {
  --mat-button-toggle-background-color: #424242;
  --mat-button-toggle-disabled-selected-state-background-color: #424242;
  --mat-button-toggle-disabled-selected-state-text-color: white;
  --mat-button-toggle-disabled-state-background-color: #424242;
  --mat-button-toggle-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-button-toggle-divider-color: rgb(88.68, 88.68, 88.68);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: #424242;
  --mat-button-toggle-legacy-disabled-state-background-color: black;
  --mat-button-toggle-legacy-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-button-toggle-legacy-selected-state-background-color: #212121;
  --mat-button-toggle-legacy-selected-state-text-color: rgba(255, 255, 255, 0.7);
  --mat-button-toggle-legacy-state-layer-color: rgba(255, 255, 255, 0.12);
  --mat-button-toggle-legacy-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-toggle-selected-state-background-color: #212121;
  --mat-button-toggle-selected-state-text-color: white;
  --mat-button-toggle-state-layer-color: white;
  --mat-button-toggle-text-color: white;
}
.green-theme.dark {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #2ca87f;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(44, 168, 127, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(44, 168, 127, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(44, 168, 127, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #2ca87f;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(44, 168, 127, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color: white;
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: white;
  --mat-datepicker-calendar-navigation-button-icon-color: white;
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(255, 255, 255, 0.3);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.24);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
.green-theme.dark .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: black;
  --mat-datepicker-calendar-date-selected-state-background-color: #8996a4;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(137, 150, 164, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: black;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(137, 150, 164, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.green-theme.dark .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #dc2626;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.green-theme.dark .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #8996a4;
}
.green-theme.dark .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #dc2626;
}
.green-theme.dark {
  --mat-divider-color: rgba(255, 255, 255, 0.12);
}
.green-theme.dark {
  --mat-expansion-container-background-color: #424242;
  --mat-expansion-container-text-color: white;
  --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-expansion-header-text-color: white;
  --mat-expansion-header-description-color: rgba(255, 255, 255, 0.7);
  --mat-expansion-header-indicator-color: rgba(255, 255, 255, 0.7);
}
.green-theme.dark {
  --mat-icon-color: inherit;
}
.green-theme.dark .mat-icon.mat-primary {
  --mat-icon-color: #2ca87f;
}
.green-theme.dark .mat-icon.mat-accent {
  --mat-icon-color: #8996a4;
}
.green-theme.dark .mat-icon.mat-warn {
  --mat-icon-color: #dc2626;
}
.green-theme.dark {
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
  --mat-sidenav-container-background-color: #424242;
  --mat-sidenav-container-text-color: white;
  --mat-sidenav-content-background-color: #303030;
  --mat-sidenav-content-text-color: white;
  --mat-sidenav-scrim-color: rgba(189, 189, 189, 0.6);
}
.green-theme.dark {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #2ca87f;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #2ca87f;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #2ca87f;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: #424242;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: #dc2626;
  --mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-error-state-icon-foreground-color: #dc2626;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.green-theme.dark .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: black;
  --mat-stepper-header-selected-state-icon-background-color: #8996a4;
  --mat-stepper-header-selected-state-icon-foreground-color: black;
  --mat-stepper-header-done-state-icon-background-color: #8996a4;
  --mat-stepper-header-done-state-icon-foreground-color: black;
  --mat-stepper-header-edit-state-icon-background-color: #8996a4;
  --mat-stepper-header-edit-state-icon-foreground-color: black;
}
.green-theme.dark .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #dc2626;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #dc2626;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #dc2626;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.green-theme.dark {
  --mat-sort-arrow-color: rgb(198.3, 198.3, 198.3);
}
.green-theme.dark {
  --mat-toolbar-container-background-color: #212121;
  --mat-toolbar-container-text-color: white;
}
.green-theme.dark .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #2ca87f;
  --mat-toolbar-container-text-color: white;
}
.green-theme.dark .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #8996a4;
  --mat-toolbar-container-text-color: black;
}
.green-theme.dark .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: white;
}
.green-theme.dark {
  --mat-tree-container-background-color: #424242;
  --mat-tree-node-text-color: white;
}
.green-theme.dark {
  --mat-timepicker-container-background-color: #424242;
}
.green-theme.dark {
  --primary-50: #e6f5f0;
}
.green-theme.dark .bg-primary-50 {
  background: #e6f5f0;
}
.green-theme.dark .b-primary-50 {
  border-color: #e6f5f0 !important;
}
.green-theme.dark {
  --primary-100: #107d4f;
}
.green-theme.dark {
  --primary-200: #1b8d62;
}
.green-theme.dark {
  --primary-300: #21976c;
}
.green-theme.dark {
  --primary-400: #27a077;
}
.green-theme.dark {
  --primary-500: #2ca87f;
}
.green-theme.dark .text-primary-500 {
  color: #2ca87f !important;
}
.green-theme.dark {
  --primary-600: #4cb592;
}
.green-theme.dark {
  --primary-700: #6bc2a5;
}
.green-theme.dark {
  --primary-800: #96d4bf;
}
.green-theme.dark {
  --primary-900: #c0e5d9;
}
.green-theme.dark {
  --accent-50: #1d2630;
}
.green-theme.dark {
  --accent-100: #131920;
}
.green-theme.dark {
  --accent-200: #1d2630;
}
.green-theme.dark {
  --accent-300: #3e4853;
}
.green-theme.dark {
  --accent-400: #5b6b79;
}
.green-theme.dark {
  --accent-500: #8996a4;
}
.green-theme.dark {
  --accent-600: #bec8d0;
}
.green-theme.dark {
  --accent-700: #dbe0e5;
}
.green-theme.dark {
  --accent-800: #f3f5f7;
}
.green-theme.dark {
  --accent-900: #f8f9fa;
}
.green-theme.dark {
  --warn-50: #f5bebe;
}
.green-theme.dark {
  --warn-100: #c50d0d;
}
.green-theme.dark {
  --warn-200: #ce1717;
}
.green-theme.dark {
  --warn-300: #d31c1c;
}
.green-theme.dark {
  --warn-400: #d82222;
}
.green-theme.dark {
  --warn-500: #dc2626;
}
.green-theme.dark .text-warn-500 {
  color: #dc2626 !important;
}
.green-theme.dark {
  --warn-600: #e14747;
}
.green-theme.dark {
  --warn-700: #e76767;
}
.green-theme.dark {
  --warn-800: #ee9393;
}
.green-theme.dark {
  --warn-900: #f5bebe;
}
.green-theme.dark {
  --success-50: #e6f5f0;
}
.green-theme.dark {
  --success-100: #107d4f;
}
.green-theme.dark {
  --success-200: #1b8d62;
}
.green-theme.dark {
  --success-300: #21976c;
}
.green-theme.dark {
  --success-400: #27a077;
}
.green-theme.dark {
  --success-500: #2ca87f;
}
.green-theme.dark {
  --success-600: #4cb592;
}
.green-theme.dark {
  --success-700: #6bc2a5;
}
.green-theme.dark {
  --success-800: #96d4bf;
}
.green-theme.dark {
  --success-900: #c0e5d9;
}
.green-theme.dark {
  --warning-50: #fcf1e0;
}
.green-theme.dark {
  --warning-100: #d35a00;
}
.green-theme.dark {
  --warning-200: #da6d00;
}
.green-theme.dark {
  --warning-300: #de7700;
}
.green-theme.dark {
  --warning-400: #e28200;
}
.green-theme.dark {
  --warning-500: #e58a00;
}
.green-theme.dark {
  --warning-600: #e99c26;
}
.green-theme.dark {
  --warning-700: #edad4d;
}
.green-theme.dark {
  --warning-800: #f2c580;
}
.green-theme.dark {
  --warning-900: #f7dcb3;
}

.teal-theme {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}
.teal-theme {
  --mat-option-selected-state-label-text-color: #20c997;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.teal-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #8996a4;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.teal-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #dc2626;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.teal-theme {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
.teal-theme {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.teal-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #20c997;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #20c997;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.teal-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.teal-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #dc2626;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #dc2626;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.teal-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);
}
.teal-theme {
  --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);
}
.teal-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #20c997;
  --mat-progress-bar-track-color: rgba(32, 201, 151, 0.25);
}
.teal-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #8996a4;
  --mat-progress-bar-track-color: rgba(137, 150, 164, 0.25);
}
.teal-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #dc2626;
  --mat-progress-bar-track-color: rgba(220, 38, 38, 0.25);
}
.teal-theme {
  --mat-tooltip-container-color: #616161;
  --mat-tooltip-supporting-text-color: #fff;
}
.teal-theme {
  --mat-form-field-focus-select-arrow-color: rgba(32, 201, 151, 0.87);
  --mat-form-field-filled-caret-color: #20c997;
  --mat-form-field-filled-focus-active-indicator-color: #20c997;
  --mat-form-field-filled-focus-label-text-color: rgba(32, 201, 151, 0.87);
  --mat-form-field-outlined-caret-color: #20c997;
  --mat-form-field-outlined-focus-outline-color: #20c997;
  --mat-form-field-outlined-focus-label-text-color: rgba(32, 201, 151, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #dc2626;
  --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: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
  --mat-form-field-filled-container-color: rgb(244.8, 244.8, 244.8);
  --mat-form-field-filled-disabled-container-color: rgb(249.9, 249.9, 249.9);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-error-hover-label-text-color: #dc2626;
  --mat-form-field-filled-error-focus-label-text-color: #dc2626;
  --mat-form-field-filled-error-label-text-color: #dc2626;
  --mat-form-field-filled-error-caret-color: #dc2626;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mat-form-field-filled-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-hover-active-indicator-color: #dc2626;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-error-caret-color: #dc2626;
  --mat-form-field-outlined-error-focus-label-text-color: #dc2626;
  --mat-form-field-outlined-error-label-text-color: #dc2626;
  --mat-form-field-outlined-error-hover-label-text-color: #dc2626;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #dc2626;
  --mat-form-field-outlined-error-hover-outline-color: #dc2626;
  --mat-form-field-outlined-error-outline-color: #dc2626;
}
.teal-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-filled-caret-color: #8996a4;
  --mat-form-field-filled-focus-active-indicator-color: #8996a4;
  --mat-form-field-filled-focus-label-text-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-outlined-caret-color: #8996a4;
  --mat-form-field-outlined-focus-outline-color: #8996a4;
  --mat-form-field-outlined-focus-label-text-color: rgba(137, 150, 164, 0.87);
}
.teal-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-filled-caret-color: #dc2626;
  --mat-form-field-filled-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-focus-label-text-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-outlined-caret-color: #dc2626;
  --mat-form-field-outlined-focus-outline-color: #dc2626;
  --mat-form-field-outlined-focus-label-text-color: rgba(220, 38, 38, 0.87);
}
.teal-theme {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(32, 201, 151, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.teal-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: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.teal-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: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.teal-theme {
  --mat-autocomplete-background-color: white;
}
.teal-theme {
  --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.6);
}
.teal-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: #212121;
  --mat-chip-elevated-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-elevated-disabled-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-elevated-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-flat-disabled-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
  --mat-chip-with-icon-disabled-icon-color: #212121;
  --mat-chip-with-icon-icon-color: #212121;
  --mat-chip-with-icon-selected-icon-color: #212121;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mat-chip-with-trailing-icon-trailing-icon-color: #212121;
}
.teal-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .teal-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #20c997;
  --mat-chip-elevated-disabled-container-color: #20c997;
  --mat-chip-elevated-selected-container-color: #20c997;
  --mat-chip-flat-disabled-selected-container-color: #20c997;
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.teal-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .teal-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: black;
  --mat-chip-elevated-container-color: #8996a4;
  --mat-chip-elevated-disabled-container-color: #8996a4;
  --mat-chip-elevated-selected-container-color: #8996a4;
  --mat-chip-flat-disabled-selected-container-color: #8996a4;
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: black;
  --mat-chip-selected-disabled-trailing-icon-color: black;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: black;
  --mat-chip-selected-trailing-icon-color: black;
  --mat-chip-with-icon-disabled-icon-color: black;
  --mat-chip-with-icon-icon-color: black;
  --mat-chip-with-icon-selected-icon-color: black;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: black;
  --mat-chip-with-trailing-icon-trailing-icon-color: black;
}
.teal-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .teal-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #dc2626;
  --mat-chip-elevated-disabled-container-color: #dc2626;
  --mat-chip-elevated-selected-container-color: #dc2626;
  --mat-chip-flat-disabled-selected-container-color: #dc2626;
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.teal-theme {
  --mat-slide-toggle-selected-focus-state-layer-color: #1cc38f;
  --mat-slide-toggle-selected-handle-color: #1cc38f;
  --mat-slide-toggle-selected-hover-state-layer-color: #1cc38f;
  --mat-slide-toggle-selected-pressed-state-layer-color: #1cc38f;
  --mat-slide-toggle-selected-focus-handle-color: #0ba969;
  --mat-slide-toggle-selected-hover-handle-color: #0ba969;
  --mat-slide-toggle-selected-pressed-handle-color: #0ba969;
  --mat-slide-toggle-selected-focus-track-color: #63d9b6;
  --mat-slide-toggle-selected-hover-track-color: #63d9b6;
  --mat-slide-toggle-selected-pressed-track-color: #63d9b6;
  --mat-slide-toggle-selected-track-color: #63d9b6;
  --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: #424242;
  --mat-slide-toggle-disabled-selected-icon-color: #fff;
  --mat-slide-toggle-disabled-selected-track-color: #424242;
  --mat-slide-toggle-disabled-unselected-handle-color: #424242;
  --mat-slide-toggle-disabled-unselected-icon-color: #fff;
  --mat-slide-toggle-disabled-unselected-track-color: #424242;
  --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: #fff;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-icon-color: #fff;
  --mat-slide-toggle-unselected-hover-handle-color: #212121;
  --mat-slide-toggle-unselected-focus-handle-color: #212121;
  --mat-slide-toggle-unselected-focus-state-layer-color: #424242;
  --mat-slide-toggle-unselected-focus-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-icon-color: #fff;
  --mat-slide-toggle-unselected-handle-color: #616161;
  --mat-slide-toggle-unselected-hover-state-layer-color: #424242;
  --mat-slide-toggle-unselected-hover-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-pressed-handle-color: #212121;
  --mat-slide-toggle-unselected-pressed-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #424242;
  --mat-slide-toggle-unselected-track-color: #e0e0e0;
}
.teal-theme {
  --mdc-slide-toggle-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-slide-toggle-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
.teal-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
}
.teal-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-focus-state-layer-color: #5b6b79;
  --mat-slide-toggle-selected-handle-color: #5b6b79;
  --mat-slide-toggle-selected-hover-state-layer-color: #5b6b79;
  --mat-slide-toggle-selected-pressed-state-layer-color: #5b6b79;
  --mat-slide-toggle-selected-focus-handle-color: #131920;
  --mat-slide-toggle-selected-hover-handle-color: #131920;
  --mat-slide-toggle-selected-pressed-handle-color: #131920;
  --mat-slide-toggle-selected-focus-track-color: #dbe0e5;
  --mat-slide-toggle-selected-hover-track-color: #dbe0e5;
  --mat-slide-toggle-selected-pressed-track-color: #dbe0e5;
  --mat-slide-toggle-selected-track-color: #dbe0e5;
}
.teal-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-focus-state-layer-color: #d82222;
  --mat-slide-toggle-selected-handle-color: #d82222;
  --mat-slide-toggle-selected-hover-state-layer-color: #d82222;
  --mat-slide-toggle-selected-pressed-state-layer-color: #d82222;
  --mat-slide-toggle-selected-focus-handle-color: #c50d0d;
  --mat-slide-toggle-selected-hover-handle-color: #c50d0d;
  --mat-slide-toggle-selected-pressed-handle-color: #c50d0d;
  --mat-slide-toggle-selected-focus-track-color: #e76767;
  --mat-slide-toggle-selected-hover-track-color: #e76767;
  --mat-slide-toggle-selected-pressed-track-color: #e76767;
  --mat-slide-toggle-selected-track-color: #e76767;
}
.teal-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #20c997;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #20c997;
  --mat-radio-selected-hover-icon-color: #20c997;
  --mat-radio-selected-icon-color: #20c997;
  --mat-radio-selected-pressed-icon-color: #20c997;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.teal-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #8996a4;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #8996a4;
  --mat-radio-selected-hover-icon-color: #8996a4;
  --mat-radio-selected-icon-color: #8996a4;
  --mat-radio-selected-pressed-icon-color: #8996a4;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.teal-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #dc2626;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #dc2626;
  --mat-radio-selected-hover-icon-color: #dc2626;
  --mat-radio-selected-icon-color: #dc2626;
  --mat-radio-selected-pressed-icon-color: #dc2626;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.teal-theme {
  --mat-slider-active-track-color: #20c997;
  --mat-slider-focus-handle-color: #20c997;
  --mat-slider-focus-state-layer-color: rgba(32, 201, 151, 0.2);
  --mat-slider-handle-color: #20c997;
  --mat-slider-hover-handle-color: #20c997;
  --mat-slider-hover-state-layer-color: rgba(32, 201, 151, 0.05);
  --mat-slider-inactive-track-color: #20c997;
  --mat-slider-ripple-color: #20c997;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #20c997;
  --mat-slider-disabled-active-track-color: #000;
  --mat-slider-disabled-handle-color: #000;
  --mat-slider-disabled-inactive-track-color: #000;
  --mat-slider-label-container-color: #000;
  --mat-slider-label-label-text-color: #fff;
  --mat-slider-value-indicator-opacity: 0.6;
  --mat-slider-with-overlap-handle-outline-color: #fff;
  --mat-slider-with-tick-marks-disabled-container-color: #000;
}
.teal-theme .mat-accent {
  --mat-slider-active-track-color: #8996a4;
  --mat-slider-focus-handle-color: #8996a4;
  --mat-slider-focus-state-layer-color: rgba(137, 150, 164, 0.2);
  --mat-slider-handle-color: #8996a4;
  --mat-slider-hover-handle-color: #8996a4;
  --mat-slider-hover-state-layer-color: rgba(137, 150, 164, 0.05);
  --mat-slider-inactive-track-color: #8996a4;
  --mat-slider-ripple-color: #8996a4;
  --mat-slider-with-tick-marks-active-container-color: black;
  --mat-slider-with-tick-marks-inactive-container-color: #8996a4;
}
.teal-theme .mat-warn {
  --mat-slider-active-track-color: #dc2626;
  --mat-slider-focus-handle-color: #dc2626;
  --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2);
  --mat-slider-handle-color: #dc2626;
  --mat-slider-hover-handle-color: #dc2626;
  --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05);
  --mat-slider-inactive-track-color: #dc2626;
  --mat-slider-ripple-color: #dc2626;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #dc2626;
}
.teal-theme {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
.teal-theme {
  --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.38);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-disabled-label-text-color: black;
  --mat-list-list-item-disabled-leading-icon-color: black;
  --mat-list-list-item-disabled-trailing-icon-color: black;
  --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.38);
  --mat-list-list-item-hover-state-layer-color: black;
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: black;
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.teal-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #20c997;
  --mat-checkbox-selected-hover-icon-color: #20c997;
  --mat-checkbox-selected-icon-color: #20c997;
  --mat-checkbox-selected-pressed-icon-color: #20c997;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #20c997;
  --mat-checkbox-selected-hover-state-layer-color: #20c997;
  --mat-checkbox-selected-pressed-state-layer-color: #20c997;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.teal-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.teal-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.teal-theme {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}
.teal-theme .mat-mdc-tab-group,
.teal-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-label-text-color: #20c997;
  --mat-tab-active-ripple-color: #20c997;
  --mat-tab-inactive-ripple-color: #20c997;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-focus-label-text-color: #20c997;
  --mat-tab-active-hover-label-text-color: #20c997;
  --mat-tab-active-focus-indicator-color: #20c997;
  --mat-tab-active-hover-indicator-color: #20c997;
  --mat-tab-active-indicator-color: #20c997;
}
.teal-theme .mat-mdc-tab-group.mat-accent,
.teal-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-label-text-color: #8996a4;
  --mat-tab-active-ripple-color: #8996a4;
  --mat-tab-inactive-ripple-color: #8996a4;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-focus-label-text-color: #8996a4;
  --mat-tab-active-hover-label-text-color: #8996a4;
  --mat-tab-active-focus-indicator-color: #8996a4;
  --mat-tab-active-hover-indicator-color: #8996a4;
  --mat-tab-active-indicator-color: #8996a4;
}
.teal-theme .mat-mdc-tab-group.mat-warn,
.teal-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-label-text-color: #dc2626;
  --mat-tab-active-ripple-color: #dc2626;
  --mat-tab-inactive-ripple-color: #dc2626;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-focus-label-text-color: #dc2626;
  --mat-tab-active-hover-label-text-color: #dc2626;
  --mat-tab-active-focus-indicator-color: #dc2626;
  --mat-tab-active-hover-indicator-color: #dc2626;
  --mat-tab-active-indicator-color: #dc2626;
}
.teal-theme {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.teal-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #20c997;
  --mat-checkbox-selected-hover-icon-color: #20c997;
  --mat-checkbox-selected-icon-color: #20c997;
  --mat-checkbox-selected-pressed-icon-color: #20c997;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #20c997;
  --mat-checkbox-selected-hover-state-layer-color: #20c997;
  --mat-checkbox-selected-pressed-state-layer-color: #20c997;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.teal-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.teal-theme {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mat-button-filled-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-filled-disabled-state-layer-color: black;
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-state-layer-color: black;
  --mat-button-outlined-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: black;
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: black;
  --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: rgba(0, 0, 0, 0.1);
  --mat-button-outlined-state-layer-color: black;
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-protected-disabled-state-layer-color: black;
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-state-layer-color: black;
  --mat-button-text-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-text-disabled-state-layer-color: black;
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: black;
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-text-state-layer-color: black;
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mat-button-tonal-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-tonal-disabled-state-layer-color: black;
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: black;
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-tonal-state-layer-color: black;
}
.teal-theme .mat-mdc-button.mat-primary,
.teal-theme .mat-mdc-unelevated-button.mat-primary,
.teal-theme .mat-mdc-raised-button.mat-primary,
.teal-theme .mat-mdc-outlined-button.mat-primary,
.teal-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #20c997;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #20c997;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: rgba(32, 201, 151, 0.1);
  --mat-button-outlined-state-layer-color: #20c997;
  --mat-button-protected-container-color: #20c997;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #20c997;
  --mat-button-text-ripple-color: rgba(32, 201, 151, 0.1);
  --mat-button-text-state-layer-color: #20c997;
  --mat-button-tonal-container-color: #20c997;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.teal-theme .mat-mdc-button.mat-accent,
.teal-theme .mat-mdc-unelevated-button.mat-accent,
.teal-theme .mat-mdc-raised-button.mat-accent,
.teal-theme .mat-mdc-outlined-button.mat-accent,
.teal-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #8996a4;
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-state-layer-color: black;
  --mat-button-outlined-label-text-color: #8996a4;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-outlined-state-layer-color: #8996a4;
  --mat-button-protected-container-color: #8996a4;
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-state-layer-color: black;
  --mat-button-text-label-text-color: #8996a4;
  --mat-button-text-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-text-state-layer-color: #8996a4;
  --mat-button-tonal-container-color: #8996a4;
  --mat-button-tonal-label-text-color: black;
  --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-tonal-state-layer-color: black;
}
.teal-theme .mat-mdc-button.mat-warn,
.teal-theme .mat-mdc-unelevated-button.mat-warn,
.teal-theme .mat-mdc-raised-button.mat-warn,
.teal-theme .mat-mdc-outlined-button.mat-warn,
.teal-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #dc2626;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #dc2626;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-outlined-state-layer-color: #dc2626;
  --mat-button-protected-container-color: #dc2626;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #dc2626;
  --mat-button-text-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-text-state-layer-color: #dc2626;
  --mat-button-tonal-container-color: #dc2626;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.teal-theme {
  --mat-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-disabled-state-layer-color: black;
  --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: rgba(0, 0, 0, 0.1);
  --mat-icon-button-state-layer-color: black;
}
.teal-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #20c997;
  --mat-icon-button-state-layer-color: #20c997;
  --mat-icon-button-ripple-color: rgba(32, 201, 151, 0.1);
}
.teal-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #8996a4;
  --mat-icon-button-state-layer-color: #8996a4;
  --mat-icon-button-ripple-color: rgba(137, 150, 164, 0.1);
}
.teal-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #dc2626;
  --mat-icon-button-state-layer-color: #dc2626;
  --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1);
}
.teal-theme {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: black;
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-state-layer-color: black;
  --mat-fab-state-layer-color: black;
}
.teal-theme .mat-mdc-fab.mat-primary, .teal-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #20c997;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #20c997;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.teal-theme .mat-mdc-fab.mat-accent, .teal-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #8996a4;
  --mat-fab-foreground-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-container-color: #8996a4;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-state-layer-color: black;
  --mat-fab-state-layer-color: black;
}
.teal-theme .mat-mdc-fab.mat-warn, .teal-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #dc2626;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #dc2626;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.teal-theme {
  --mat-snack-bar-container-color: #333333;
  --mat-snack-bar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #bcefe0;
}
.teal-theme {
  --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);
}
.teal-theme {
  --mat-progress-spinner-active-indicator-color: #20c997;
}
.teal-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #8996a4;
}
.teal-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #dc2626;
}
.teal-theme {
  --mat-badge-background-color: #20c997;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}
.teal-theme .mat-badge-accent {
  --mat-badge-background-color: #8996a4;
  --mat-badge-text-color: black;
}
.teal-theme .mat-badge-warn {
  --mat-badge-background-color: #dc2626;
  --mat-badge-text-color: white;
}
.teal-theme {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
.teal-theme {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-button-toggle-divider-color: rgb(224.4, 224.4, 224.4);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: #bdbdbd;
  --mat-button-toggle-legacy-disabled-state-background-color: #eeeeee;
  --mat-button-toggle-legacy-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-button-toggle-legacy-selected-state-background-color: #e0e0e0;
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-button-toggle-legacy-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: black;
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}
.teal-theme {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #20c997;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(32, 201, 151, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(32, 201, 151, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(32, 201, 151, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #20c997;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(32, 201, 151, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.teal-theme .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: black;
  --mat-datepicker-calendar-date-selected-state-background-color: #8996a4;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(137, 150, 164, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: black;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(137, 150, 164, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.teal-theme .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #dc2626;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.teal-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #8996a4;
}
.teal-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #dc2626;
}
.teal-theme {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
.teal-theme {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
.teal-theme {
  --mat-icon-color: inherit;
}
.teal-theme .mat-icon.mat-primary {
  --mat-icon-color: #20c997;
}
.teal-theme .mat-icon.mat-accent {
  --mat-icon-color: #8996a4;
}
.teal-theme .mat-icon.mat-warn {
  --mat-icon-color: #dc2626;
}
.teal-theme {
  --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);
}
.teal-theme {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #20c997;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #20c997;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #20c997;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #dc2626;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #dc2626;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.teal-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: black;
  --mat-stepper-header-selected-state-icon-background-color: #8996a4;
  --mat-stepper-header-selected-state-icon-foreground-color: black;
  --mat-stepper-header-done-state-icon-background-color: #8996a4;
  --mat-stepper-header-done-state-icon-foreground-color: black;
  --mat-stepper-header-edit-state-icon-background-color: #8996a4;
  --mat-stepper-header-edit-state-icon-foreground-color: black;
}
.teal-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #dc2626;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #dc2626;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #dc2626;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.teal-theme {
  --mat-sort-arrow-color: rgb(117.3, 117.3, 117.3);
}
.teal-theme {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.teal-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #20c997;
  --mat-toolbar-container-text-color: white;
}
.teal-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #8996a4;
  --mat-toolbar-container-text-color: black;
}
.teal-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: white;
}
.teal-theme {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
.teal-theme {
  --mat-timepicker-container-background-color: white;
}
.teal-theme {
  --primary-50: #e4f9f3;
}
.teal-theme .bg-primary-50 {
  background: #e4f9f3;
}
.teal-theme .b-primary-50 {
  border-color: #e4f9f3 !important;
}
.teal-theme {
  --primary-100: #bcefe0;
}
.teal-theme {
  --primary-200: #90e4cb;
}
.teal-theme {
  --primary-300: #63d9b6;
}
.teal-theme {
  --primary-400: #41d1a7;
}
.teal-theme {
  --primary-500: #20c997;
}
.teal-theme .text-primary-500 {
  color: #20c997 !important;
}
.teal-theme {
  --primary-600: #1cc38f;
}
.teal-theme {
  --primary-700: #18bc84;
}
.teal-theme {
  --primary-800: #13b57a;
}
.teal-theme {
  --primary-900: #0ba969;
}
.teal-theme {
  --accent-50: #fff;
}
.teal-theme {
  --accent-100: #f8f9fa;
}
.teal-theme {
  --accent-200: #f3f5f7;
}
.teal-theme {
  --accent-300: #dbe0e5;
}
.teal-theme {
  --accent-400: #bec8d0;
}
.teal-theme {
  --accent-500: #8996a4;
}
.teal-theme {
  --accent-600: #5b6b79;
}
.teal-theme {
  --accent-700: #3e4853;
}
.teal-theme {
  --accent-800: #1d2630;
}
.teal-theme {
  --accent-900: #131920;
}
.teal-theme {
  --warn-50: #fbe5e5;
}
.teal-theme {
  --warn-100: #f5bebe;
}
.teal-theme {
  --warn-200: #ee9393;
}
.teal-theme {
  --warn-300: #e76767;
}
.teal-theme {
  --warn-400: #e14747;
}
.teal-theme {
  --warn-500: #dc2626;
}
.teal-theme .text-warn-500 {
  color: #dc2626 !important;
}
.teal-theme {
  --warn-600: #d82222;
}
.teal-theme {
  --warn-700: #d31c1c;
}
.teal-theme {
  --warn-800: #ce1717;
}
.teal-theme {
  --warn-900: #c50d0d;
}
.teal-theme {
  --success-50: #e6f5f0;
}
.teal-theme {
  --success-100: #c0e5d9;
}
.teal-theme {
  --success-200: #96d4bf;
}
.teal-theme {
  --success-300: #6bc2a5;
}
.teal-theme {
  --success-400: #4cb592;
}
.teal-theme {
  --success-500: #2ca87f;
}
.teal-theme {
  --success-600: #27a077;
}
.teal-theme {
  --success-700: #21976c;
}
.teal-theme {
  --success-800: #1b8d62;
}
.teal-theme {
  --success-900: #107d4f;
}
.teal-theme {
  --warning-50: #fcf1e0;
}
.teal-theme {
  --warning-100: #f7dcb3;
}
.teal-theme {
  --warning-200: #f2c580;
}
.teal-theme {
  --warning-300: #edad4d;
}
.teal-theme {
  --warning-400: #e99c26;
}
.teal-theme {
  --warning-500: #e58a00;
}
.teal-theme {
  --warning-600: #e28200;
}
.teal-theme {
  --warning-700: #de7700;
}
.teal-theme {
  --warning-800: #da6d00;
}
.teal-theme {
  --warning-900: #d35a00;
}
.teal-theme.dark {
  --mat-ripple-color: rgba(255, 255, 255, 0.1);
}
.teal-theme.dark {
  --mat-option-selected-state-label-text-color: #20c997;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.teal-theme.dark .mat-accent {
  --mat-option-selected-state-label-text-color: #8996a4;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.teal-theme.dark .mat-warn {
  --mat-option-selected-state-label-text-color: #dc2626;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.teal-theme.dark {
  --mat-optgroup-label-text-color: white;
}
.teal-theme.dark {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.teal-theme.dark .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #20c997;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #20c997;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.teal-theme.dark .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.teal-theme.dark .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #dc2626;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #dc2626;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.teal-theme.dark {
  --mat-app-background-color: #303030;
  --mat-app-text-color: white;
  --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);
}
.teal-theme.dark {
  --mat-card-elevated-container-color: #424242;
  --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: #424242;
  --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(255, 255, 255, 0.12);
  --mat-card-subtitle-text-color: rgba(255, 255, 255, 0.7);
  --mat-card-filled-container-color: #424242;
  --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);
}
.teal-theme.dark .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #20c997;
  --mat-progress-bar-track-color: rgba(32, 201, 151, 0.25);
}
.teal-theme.dark .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #8996a4;
  --mat-progress-bar-track-color: rgba(137, 150, 164, 0.25);
}
.teal-theme.dark .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #dc2626;
  --mat-progress-bar-track-color: rgba(220, 38, 38, 0.25);
}
.teal-theme.dark {
  --mat-tooltip-container-color: #616161;
  --mat-tooltip-supporting-text-color: #fff;
}
.teal-theme.dark {
  --mat-form-field-focus-select-arrow-color: rgba(32, 201, 151, 0.87);
  --mat-form-field-filled-caret-color: #20c997;
  --mat-form-field-filled-focus-active-indicator-color: #20c997;
  --mat-form-field-filled-focus-label-text-color: rgba(32, 201, 151, 0.87);
  --mat-form-field-outlined-caret-color: #20c997;
  --mat-form-field-outlined-focus-outline-color: #20c997;
  --mat-form-field-outlined-focus-label-text-color: rgba(32, 201, 151, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-state-layer-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-error-text-color: #dc2626;
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --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(255, 255, 255, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-focus-state-layer-opacity: 0.24;
  --mat-form-field-filled-container-color: rgb(73.56, 73.56, 73.56);
  --mat-form-field-filled-disabled-container-color: rgb(69.78, 69.78, 69.78);
  --mat-form-field-filled-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-filled-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-filled-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-filled-input-text-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-filled-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-filled-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-filled-error-hover-label-text-color: #dc2626;
  --mat-form-field-filled-error-focus-label-text-color: #dc2626;
  --mat-form-field-filled-error-label-text-color: #dc2626;
  --mat-form-field-filled-error-caret-color: #dc2626;
  --mat-form-field-filled-active-indicator-color: rgba(255, 255, 255, 0.42);
  --mat-form-field-filled-disabled-active-indicator-color: rgba(255, 255, 255, 0.06);
  --mat-form-field-filled-hover-active-indicator-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-hover-active-indicator-color: #dc2626;
  --mat-form-field-outlined-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-outlined-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-outlined-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-input-text-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-outlined-error-caret-color: #dc2626;
  --mat-form-field-outlined-error-focus-label-text-color: #dc2626;
  --mat-form-field-outlined-error-label-text-color: #dc2626;
  --mat-form-field-outlined-error-hover-label-text-color: #dc2626;
  --mat-form-field-outlined-outline-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-disabled-outline-color: rgba(255, 255, 255, 0.06);
  --mat-form-field-outlined-hover-outline-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #dc2626;
  --mat-form-field-outlined-error-hover-outline-color: #dc2626;
  --mat-form-field-outlined-error-outline-color: #dc2626;
}
.teal-theme.dark .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-filled-caret-color: #8996a4;
  --mat-form-field-filled-focus-active-indicator-color: #8996a4;
  --mat-form-field-filled-focus-label-text-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-outlined-caret-color: #8996a4;
  --mat-form-field-outlined-focus-outline-color: #8996a4;
  --mat-form-field-outlined-focus-label-text-color: rgba(137, 150, 164, 0.87);
}
.teal-theme.dark .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-filled-caret-color: #dc2626;
  --mat-form-field-filled-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-focus-label-text-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-outlined-caret-color: #dc2626;
  --mat-form-field-outlined-focus-outline-color: #dc2626;
  --mat-form-field-outlined-focus-label-text-color: rgba(220, 38, 38, 0.87);
}
.teal-theme.dark {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(32, 201, 151, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.teal-theme.dark .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.teal-theme.dark .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.teal-theme.dark {
  --mat-autocomplete-background-color: #424242;
}
.teal-theme.dark {
  --mat-dialog-container-color: #424242;
  --mat-dialog-subhead-color: rgba(255, 255, 255, 0.87);
  --mat-dialog-supporting-text-color: rgba(255, 255, 255, 0.6);
}
.teal-theme.dark .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: #fafafa;
  --mat-chip-elevated-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-elevated-disabled-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-elevated-selected-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-flat-disabled-selected-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: #fafafa;
  --mat-chip-selected-disabled-trailing-icon-color: #fafafa;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: #fafafa;
  --mat-chip-selected-trailing-icon-color: #fafafa;
  --mat-chip-with-icon-disabled-icon-color: #fafafa;
  --mat-chip-with-icon-icon-color: #fafafa;
  --mat-chip-with-icon-selected-icon-color: #fafafa;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa;
  --mat-chip-with-trailing-icon-trailing-icon-color: #fafafa;
}
.teal-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .teal-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: black;
  --mat-chip-elevated-container-color: #20c997;
  --mat-chip-elevated-disabled-container-color: #20c997;
  --mat-chip-elevated-selected-container-color: #20c997;
  --mat-chip-flat-disabled-selected-container-color: #20c997;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: black;
  --mat-chip-selected-disabled-trailing-icon-color: black;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: black;
  --mat-chip-selected-trailing-icon-color: black;
  --mat-chip-with-icon-disabled-icon-color: black;
  --mat-chip-with-icon-icon-color: black;
  --mat-chip-with-icon-selected-icon-color: black;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: black;
  --mat-chip-with-trailing-icon-trailing-icon-color: black;
}
.teal-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .teal-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: black;
  --mat-chip-elevated-container-color: #8996a4;
  --mat-chip-elevated-disabled-container-color: #8996a4;
  --mat-chip-elevated-selected-container-color: #8996a4;
  --mat-chip-flat-disabled-selected-container-color: #8996a4;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: black;
  --mat-chip-selected-disabled-trailing-icon-color: black;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: black;
  --mat-chip-selected-trailing-icon-color: black;
  --mat-chip-with-icon-disabled-icon-color: black;
  --mat-chip-with-icon-icon-color: black;
  --mat-chip-with-icon-selected-icon-color: black;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: black;
  --mat-chip-with-trailing-icon-trailing-icon-color: black;
}
.teal-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .teal-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #dc2626;
  --mat-chip-elevated-disabled-container-color: #dc2626;
  --mat-chip-elevated-selected-container-color: #dc2626;
  --mat-chip-flat-disabled-selected-container-color: #dc2626;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.teal-theme.dark {
  --mat-slide-toggle-selected-focus-state-layer-color: #18bc84;
  --mat-slide-toggle-selected-handle-color: #18bc84;
  --mat-slide-toggle-selected-hover-state-layer-color: #18bc84;
  --mat-slide-toggle-selected-pressed-state-layer-color: #18bc84;
  --mat-slide-toggle-selected-focus-handle-color: #13b57a;
  --mat-slide-toggle-selected-hover-handle-color: #13b57a;
  --mat-slide-toggle-selected-pressed-handle-color: #13b57a;
  --mat-slide-toggle-selected-focus-track-color: #41d1a7;
  --mat-slide-toggle-selected-hover-track-color: #41d1a7;
  --mat-slide-toggle-selected-pressed-track-color: #41d1a7;
  --mat-slide-toggle-selected-track-color: #41d1a7;
  --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: #000;
  --mat-slide-toggle-disabled-selected-icon-color: #212121;
  --mat-slide-toggle-disabled-selected-track-color: #f5f5f5;
  --mat-slide-toggle-disabled-unselected-handle-color: #000;
  --mat-slide-toggle-disabled-unselected-icon-color: #212121;
  --mat-slide-toggle-disabled-unselected-track-color: #f5f5f5;
  --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: #fff;
  --mat-slide-toggle-label-text-color: white;
  --mat-slide-toggle-selected-icon-color: #212121;
  --mat-slide-toggle-unselected-hover-handle-color: #fafafa;
  --mat-slide-toggle-unselected-focus-handle-color: #fafafa;
  --mat-slide-toggle-unselected-focus-state-layer-color: #f5f5f5;
  --mat-slide-toggle-unselected-focus-track-color: #616161;
  --mat-slide-toggle-unselected-icon-color: #212121;
  --mat-slide-toggle-unselected-handle-color: #9e9e9e;
  --mat-slide-toggle-unselected-hover-state-layer-color: #f5f5f5;
  --mat-slide-toggle-unselected-hover-track-color: #616161;
  --mat-slide-toggle-unselected-pressed-handle-color: #fafafa;
  --mat-slide-toggle-unselected-pressed-track-color: #616161;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #f5f5f5;
  --mat-slide-toggle-unselected-track-color: #616161;
}
.teal-theme.dark {
  --mdc-slide-toggle-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-slide-toggle-disabled-label-text-color: rgba(255, 255, 255, 0.5);
}
.teal-theme.dark .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-color: white;
}
.teal-theme.dark .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-focus-state-layer-color: #3e4853;
  --mat-slide-toggle-selected-handle-color: #3e4853;
  --mat-slide-toggle-selected-hover-state-layer-color: #3e4853;
  --mat-slide-toggle-selected-pressed-state-layer-color: #3e4853;
  --mat-slide-toggle-selected-focus-handle-color: #1d2630;
  --mat-slide-toggle-selected-hover-handle-color: #1d2630;
  --mat-slide-toggle-selected-pressed-handle-color: #1d2630;
  --mat-slide-toggle-selected-focus-track-color: #bec8d0;
  --mat-slide-toggle-selected-hover-track-color: #bec8d0;
  --mat-slide-toggle-selected-pressed-track-color: #bec8d0;
  --mat-slide-toggle-selected-track-color: #bec8d0;
}
.teal-theme.dark .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-focus-state-layer-color: #d31c1c;
  --mat-slide-toggle-selected-handle-color: #d31c1c;
  --mat-slide-toggle-selected-hover-state-layer-color: #d31c1c;
  --mat-slide-toggle-selected-pressed-state-layer-color: #d31c1c;
  --mat-slide-toggle-selected-focus-handle-color: #ce1717;
  --mat-slide-toggle-selected-hover-handle-color: #ce1717;
  --mat-slide-toggle-selected-pressed-handle-color: #ce1717;
  --mat-slide-toggle-selected-focus-track-color: #e14747;
  --mat-slide-toggle-selected-hover-track-color: #e14747;
  --mat-slide-toggle-selected-pressed-track-color: #e14747;
  --mat-slide-toggle-selected-track-color: #e14747;
}
.teal-theme.dark .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #20c997;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #20c997;
  --mat-radio-selected-hover-icon-color: #20c997;
  --mat-radio-selected-icon-color: #20c997;
  --mat-radio-selected-pressed-icon-color: #20c997;
  --mat-radio-unselected-focus-icon-color: #eeeeee;
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}
.teal-theme.dark .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #8996a4;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #8996a4;
  --mat-radio-selected-hover-icon-color: #8996a4;
  --mat-radio-selected-icon-color: #8996a4;
  --mat-radio-selected-pressed-icon-color: #8996a4;
  --mat-radio-unselected-focus-icon-color: #eeeeee;
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}
.teal-theme.dark .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #dc2626;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #dc2626;
  --mat-radio-selected-hover-icon-color: #dc2626;
  --mat-radio-selected-icon-color: #dc2626;
  --mat-radio-selected-pressed-icon-color: #dc2626;
  --mat-radio-unselected-focus-icon-color: #eeeeee;
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}
.teal-theme.dark {
  --mat-slider-active-track-color: #20c997;
  --mat-slider-focus-handle-color: #20c997;
  --mat-slider-focus-state-layer-color: rgba(32, 201, 151, 0.2);
  --mat-slider-handle-color: #20c997;
  --mat-slider-hover-handle-color: #20c997;
  --mat-slider-hover-state-layer-color: rgba(32, 201, 151, 0.05);
  --mat-slider-inactive-track-color: #20c997;
  --mat-slider-ripple-color: #20c997;
  --mat-slider-with-tick-marks-active-container-color: black;
  --mat-slider-with-tick-marks-inactive-container-color: #20c997;
  --mat-slider-disabled-active-track-color: #fff;
  --mat-slider-disabled-handle-color: #fff;
  --mat-slider-disabled-inactive-track-color: #fff;
  --mat-slider-label-container-color: #fff;
  --mat-slider-label-label-text-color: #000;
  --mat-slider-value-indicator-opacity: 0.9;
  --mat-slider-with-overlap-handle-outline-color: #fff;
  --mat-slider-with-tick-marks-disabled-container-color: #fff;
}
.teal-theme.dark .mat-accent {
  --mat-slider-active-track-color: #8996a4;
  --mat-slider-focus-handle-color: #8996a4;
  --mat-slider-focus-state-layer-color: rgba(137, 150, 164, 0.2);
  --mat-slider-handle-color: #8996a4;
  --mat-slider-hover-handle-color: #8996a4;
  --mat-slider-hover-state-layer-color: rgba(137, 150, 164, 0.05);
  --mat-slider-inactive-track-color: #8996a4;
  --mat-slider-ripple-color: #8996a4;
  --mat-slider-with-tick-marks-active-container-color: black;
  --mat-slider-with-tick-marks-inactive-container-color: #8996a4;
}
.teal-theme.dark .mat-warn {
  --mat-slider-active-track-color: #dc2626;
  --mat-slider-focus-handle-color: #dc2626;
  --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2);
  --mat-slider-handle-color: #dc2626;
  --mat-slider-hover-handle-color: #dc2626;
  --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05);
  --mat-slider-inactive-track-color: #dc2626;
  --mat-slider-ripple-color: #dc2626;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #dc2626;
}
.teal-theme.dark {
  --mat-menu-item-label-text-color: white;
  --mat-menu-item-icon-color: white;
  --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-container-color: #424242;
  --mat-menu-divider-color: rgba(255, 255, 255, 0.12);
}
.teal-theme.dark {
  --mat-list-list-item-label-text-color: white;
  --mat-list-list-item-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-disabled-label-text-color: white;
  --mat-list-list-item-disabled-leading-icon-color: white;
  --mat-list-list-item-disabled-trailing-icon-color: white;
  --mat-list-list-item-hover-label-text-color: white;
  --mat-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-hover-state-layer-color: white;
  --mat-list-list-item-hover-state-layer-opacity: 0.08;
  --mat-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-focus-label-text-color: white;
  --mat-list-list-item-focus-state-layer-color: white;
  --mat-list-list-item-focus-state-layer-opacity: 0.24;
}
.teal-theme.dark .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #20c997;
  --mat-checkbox-selected-hover-icon-color: #20c997;
  --mat-checkbox-selected-icon-color: #20c997;
  --mat-checkbox-selected-pressed-icon-color: #20c997;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #20c997;
  --mat-checkbox-selected-hover-state-layer-color: #20c997;
  --mat-checkbox-selected-pressed-state-layer-color: #20c997;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.teal-theme.dark .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.teal-theme.dark .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.teal-theme.dark {
  --mat-paginator-container-text-color: rgba(255, 255, 255, 0.87);
  --mat-paginator-container-background-color: #424242;
  --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.54);
  --mat-paginator-disabled-icon-color: rgba(255, 255, 255, 0.12);
}
.teal-theme.dark .mat-mdc-tab-group,
.teal-theme.dark .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-label-text-color: #20c997;
  --mat-tab-active-ripple-color: #20c997;
  --mat-tab-inactive-ripple-color: #20c997;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-focus-label-text-color: #20c997;
  --mat-tab-active-hover-label-text-color: #20c997;
  --mat-tab-active-focus-indicator-color: #20c997;
  --mat-tab-active-hover-indicator-color: #20c997;
  --mat-tab-active-indicator-color: #20c997;
}
.teal-theme.dark .mat-mdc-tab-group.mat-accent,
.teal-theme.dark .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-label-text-color: #8996a4;
  --mat-tab-active-ripple-color: #8996a4;
  --mat-tab-inactive-ripple-color: #8996a4;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-focus-label-text-color: #8996a4;
  --mat-tab-active-hover-label-text-color: #8996a4;
  --mat-tab-active-focus-indicator-color: #8996a4;
  --mat-tab-active-hover-indicator-color: #8996a4;
  --mat-tab-active-indicator-color: #8996a4;
}
.teal-theme.dark .mat-mdc-tab-group.mat-warn,
.teal-theme.dark .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-label-text-color: #dc2626;
  --mat-tab-active-ripple-color: #dc2626;
  --mat-tab-inactive-ripple-color: #dc2626;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-focus-label-text-color: #dc2626;
  --mat-tab-active-hover-label-text-color: #dc2626;
  --mat-tab-active-focus-indicator-color: #dc2626;
  --mat-tab-active-hover-indicator-color: #dc2626;
  --mat-tab-active-indicator-color: #dc2626;
}
.teal-theme.dark {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.teal-theme.dark .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #20c997;
  --mat-checkbox-selected-hover-icon-color: #20c997;
  --mat-checkbox-selected-icon-color: #20c997;
  --mat-checkbox-selected-pressed-icon-color: #20c997;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #20c997;
  --mat-checkbox-selected-hover-state-layer-color: #20c997;
  --mat-checkbox-selected-pressed-state-layer-color: #20c997;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.teal-theme.dark .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.teal-theme.dark {
  --mat-button-filled-container-color: #424242;
  --mat-button-filled-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mat-button-filled-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-filled-disabled-state-layer-color: white;
  --mat-button-filled-focus-state-layer-opacity: 0.24;
  --mat-button-filled-hover-state-layer-opacity: 0.08;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-pressed-state-layer-opacity: 0.24;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-outlined-disabled-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-disabled-state-layer-color: white;
  --mat-button-outlined-focus-state-layer-opacity: 0.24;
  --mat-button-outlined-hover-state-layer-opacity: 0.08;
  --mat-button-outlined-label-text-color: white;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.24;
  --mat-button-outlined-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-outlined-state-layer-color: white;
  --mat-button-protected-container-color: #424242;
  --mat-button-protected-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mat-button-protected-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-protected-disabled-state-layer-color: white;
  --mat-button-protected-focus-state-layer-opacity: 0.24;
  --mat-button-protected-hover-state-layer-opacity: 0.08;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-pressed-state-layer-opacity: 0.24;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-text-disabled-state-layer-color: white;
  --mat-button-text-focus-state-layer-opacity: 0.24;
  --mat-button-text-hover-state-layer-opacity: 0.08;
  --mat-button-text-label-text-color: white;
  --mat-button-text-pressed-state-layer-opacity: 0.24;
  --mat-button-text-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-text-state-layer-color: white;
  --mat-button-tonal-container-color: #424242;
  --mat-button-tonal-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mat-button-tonal-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-tonal-disabled-state-layer-color: white;
  --mat-button-tonal-focus-state-layer-opacity: 0.24;
  --mat-button-tonal-hover-state-layer-opacity: 0.08;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-pressed-state-layer-opacity: 0.24;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.teal-theme.dark .mat-mdc-button.mat-primary,
.teal-theme.dark .mat-mdc-unelevated-button.mat-primary,
.teal-theme.dark .mat-mdc-raised-button.mat-primary,
.teal-theme.dark .mat-mdc-outlined-button.mat-primary,
.teal-theme.dark .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #20c997;
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-state-layer-color: black;
  --mat-button-outlined-label-text-color: #20c997;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: rgba(32, 201, 151, 0.1);
  --mat-button-outlined-state-layer-color: #20c997;
  --mat-button-protected-container-color: #20c997;
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-state-layer-color: black;
  --mat-button-text-label-text-color: #20c997;
  --mat-button-text-ripple-color: rgba(32, 201, 151, 0.1);
  --mat-button-text-state-layer-color: #20c997;
  --mat-button-tonal-container-color: #20c997;
  --mat-button-tonal-label-text-color: black;
  --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-tonal-state-layer-color: black;
}
.teal-theme.dark .mat-mdc-button.mat-accent,
.teal-theme.dark .mat-mdc-unelevated-button.mat-accent,
.teal-theme.dark .mat-mdc-raised-button.mat-accent,
.teal-theme.dark .mat-mdc-outlined-button.mat-accent,
.teal-theme.dark .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #8996a4;
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-state-layer-color: black;
  --mat-button-outlined-label-text-color: #8996a4;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-outlined-state-layer-color: #8996a4;
  --mat-button-protected-container-color: #8996a4;
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-state-layer-color: black;
  --mat-button-text-label-text-color: #8996a4;
  --mat-button-text-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-text-state-layer-color: #8996a4;
  --mat-button-tonal-container-color: #8996a4;
  --mat-button-tonal-label-text-color: black;
  --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-tonal-state-layer-color: black;
}
.teal-theme.dark .mat-mdc-button.mat-warn,
.teal-theme.dark .mat-mdc-unelevated-button.mat-warn,
.teal-theme.dark .mat-mdc-raised-button.mat-warn,
.teal-theme.dark .mat-mdc-outlined-button.mat-warn,
.teal-theme.dark .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #dc2626;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #dc2626;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-outlined-state-layer-color: #dc2626;
  --mat-button-protected-container-color: #dc2626;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #dc2626;
  --mat-button-text-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-text-state-layer-color: #dc2626;
  --mat-button-tonal-container-color: #dc2626;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.teal-theme.dark {
  --mat-icon-button-disabled-icon-color: rgba(255, 255, 255, 0.5);
  --mat-icon-button-disabled-state-layer-color: white;
  --mat-icon-button-focus-state-layer-opacity: 0.24;
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.24;
  --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-icon-button-state-layer-color: white;
}
.teal-theme.dark .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #20c997;
  --mat-icon-button-state-layer-color: #20c997;
  --mat-icon-button-ripple-color: rgba(32, 201, 151, 0.1);
}
.teal-theme.dark .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #8996a4;
  --mat-icon-button-state-layer-color: #8996a4;
  --mat-icon-button-ripple-color: rgba(137, 150, 164, 0.1);
}
.teal-theme.dark .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #dc2626;
  --mat-icon-button-state-layer-color: #dc2626;
  --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1);
}
.teal-theme.dark {
  --mat-fab-container-color: #424242;
  --mat-fab-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
  --mat-fab-disabled-state-layer-color: white;
  --mat-fab-focus-state-layer-opacity: 0.24;
  --mat-fab-foreground-color: white;
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-pressed-state-layer-opacity: 0.24;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #424242;
  --mat-fab-small-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
  --mat-fab-small-disabled-state-layer-color: white;
  --mat-fab-small-focus-state-layer-opacity: 0.24;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-pressed-state-layer-opacity: 0.24;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.teal-theme.dark .mat-mdc-fab.mat-primary, .teal-theme.dark .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #20c997;
  --mat-fab-foreground-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-container-color: #20c997;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-state-layer-color: black;
  --mat-fab-state-layer-color: black;
}
.teal-theme.dark .mat-mdc-fab.mat-accent, .teal-theme.dark .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #8996a4;
  --mat-fab-foreground-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-container-color: #8996a4;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-state-layer-color: black;
  --mat-fab-state-layer-color: black;
}
.teal-theme.dark .mat-mdc-fab.mat-warn, .teal-theme.dark .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #dc2626;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #dc2626;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.teal-theme.dark {
  --mat-snack-bar-container-color: rgb(217.2, 217.2, 217.2);
  --mat-snack-bar-supporting-text-color: rgba(66, 66, 66, 0.87);
  --mat-snack-bar-button-color: #20c997;
}
.teal-theme.dark {
  --mat-table-background-color: #424242;
  --mat-table-header-headline-color: white;
  --mat-table-row-item-label-text-color: white;
  --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
}
.teal-theme.dark {
  --mat-progress-spinner-active-indicator-color: #20c997;
}
.teal-theme.dark .mat-accent {
  --mat-progress-spinner-active-indicator-color: #8996a4;
}
.teal-theme.dark .mat-warn {
  --mat-progress-spinner-active-indicator-color: #dc2626;
}
.teal-theme.dark {
  --mat-badge-background-color: #20c997;
  --mat-badge-text-color: black;
  --mat-badge-disabled-state-background-color: rgb(110.1, 110.1, 110.1);
  --mat-badge-disabled-state-text-color: rgba(255, 255, 255, 0.5);
}
.teal-theme.dark .mat-badge-accent {
  --mat-badge-background-color: #8996a4;
  --mat-badge-text-color: black;
}
.teal-theme.dark .mat-badge-warn {
  --mat-badge-background-color: #dc2626;
  --mat-badge-text-color: white;
}
.teal-theme.dark {
  --mat-bottom-sheet-container-text-color: white;
  --mat-bottom-sheet-container-background-color: #424242;
}
.teal-theme.dark {
  --mat-button-toggle-background-color: #424242;
  --mat-button-toggle-disabled-selected-state-background-color: #424242;
  --mat-button-toggle-disabled-selected-state-text-color: white;
  --mat-button-toggle-disabled-state-background-color: #424242;
  --mat-button-toggle-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-button-toggle-divider-color: rgb(88.68, 88.68, 88.68);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: #424242;
  --mat-button-toggle-legacy-disabled-state-background-color: black;
  --mat-button-toggle-legacy-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-button-toggle-legacy-selected-state-background-color: #212121;
  --mat-button-toggle-legacy-selected-state-text-color: rgba(255, 255, 255, 0.7);
  --mat-button-toggle-legacy-state-layer-color: rgba(255, 255, 255, 0.12);
  --mat-button-toggle-legacy-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-toggle-selected-state-background-color: #212121;
  --mat-button-toggle-selected-state-text-color: white;
  --mat-button-toggle-state-layer-color: white;
  --mat-button-toggle-text-color: white;
}
.teal-theme.dark {
  --mat-datepicker-calendar-date-selected-state-text-color: black;
  --mat-datepicker-calendar-date-selected-state-background-color: #20c997;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(32, 201, 151, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: black;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(32, 201, 151, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(32, 201, 151, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #20c997;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(32, 201, 151, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color: white;
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: white;
  --mat-datepicker-calendar-navigation-button-icon-color: white;
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(255, 255, 255, 0.3);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.24);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
.teal-theme.dark .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: black;
  --mat-datepicker-calendar-date-selected-state-background-color: #8996a4;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(137, 150, 164, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: black;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(137, 150, 164, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.teal-theme.dark .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #dc2626;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.teal-theme.dark .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #8996a4;
}
.teal-theme.dark .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #dc2626;
}
.teal-theme.dark {
  --mat-divider-color: rgba(255, 255, 255, 0.12);
}
.teal-theme.dark {
  --mat-expansion-container-background-color: #424242;
  --mat-expansion-container-text-color: white;
  --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-expansion-header-text-color: white;
  --mat-expansion-header-description-color: rgba(255, 255, 255, 0.7);
  --mat-expansion-header-indicator-color: rgba(255, 255, 255, 0.7);
}
.teal-theme.dark {
  --mat-icon-color: inherit;
}
.teal-theme.dark .mat-icon.mat-primary {
  --mat-icon-color: #20c997;
}
.teal-theme.dark .mat-icon.mat-accent {
  --mat-icon-color: #8996a4;
}
.teal-theme.dark .mat-icon.mat-warn {
  --mat-icon-color: #dc2626;
}
.teal-theme.dark {
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
  --mat-sidenav-container-background-color: #424242;
  --mat-sidenav-container-text-color: white;
  --mat-sidenav-content-background-color: #303030;
  --mat-sidenav-content-text-color: white;
  --mat-sidenav-scrim-color: rgba(189, 189, 189, 0.6);
}
.teal-theme.dark {
  --mat-stepper-header-icon-foreground-color: black;
  --mat-stepper-header-selected-state-icon-background-color: #20c997;
  --mat-stepper-header-selected-state-icon-foreground-color: black;
  --mat-stepper-header-done-state-icon-background-color: #20c997;
  --mat-stepper-header-done-state-icon-foreground-color: black;
  --mat-stepper-header-edit-state-icon-background-color: #20c997;
  --mat-stepper-header-edit-state-icon-foreground-color: black;
  --mat-stepper-container-color: #424242;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: #dc2626;
  --mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-error-state-icon-foreground-color: #dc2626;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.teal-theme.dark .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: black;
  --mat-stepper-header-selected-state-icon-background-color: #8996a4;
  --mat-stepper-header-selected-state-icon-foreground-color: black;
  --mat-stepper-header-done-state-icon-background-color: #8996a4;
  --mat-stepper-header-done-state-icon-foreground-color: black;
  --mat-stepper-header-edit-state-icon-background-color: #8996a4;
  --mat-stepper-header-edit-state-icon-foreground-color: black;
}
.teal-theme.dark .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #dc2626;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #dc2626;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #dc2626;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.teal-theme.dark {
  --mat-sort-arrow-color: rgb(198.3, 198.3, 198.3);
}
.teal-theme.dark {
  --mat-toolbar-container-background-color: #212121;
  --mat-toolbar-container-text-color: white;
}
.teal-theme.dark .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #20c997;
  --mat-toolbar-container-text-color: black;
}
.teal-theme.dark .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #8996a4;
  --mat-toolbar-container-text-color: black;
}
.teal-theme.dark .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: white;
}
.teal-theme.dark {
  --mat-tree-container-background-color: #424242;
  --mat-tree-node-text-color: white;
}
.teal-theme.dark {
  --mat-timepicker-container-background-color: #424242;
}
.teal-theme.dark {
  --primary-50: #e4f9f3;
}
.teal-theme.dark .bg-primary-50 {
  background: #e4f9f3;
}
.teal-theme.dark .b-primary-50 {
  border-color: #e4f9f3 !important;
}
.teal-theme.dark {
  --primary-100: #0ba969;
}
.teal-theme.dark {
  --primary-200: #13b57a;
}
.teal-theme.dark {
  --primary-300: #18bc84;
}
.teal-theme.dark {
  --primary-400: #1cc38f;
}
.teal-theme.dark {
  --primary-500: #20c997;
}
.teal-theme.dark .text-primary-500 {
  color: #20c997 !important;
}
.teal-theme.dark {
  --primary-600: #41d1a7;
}
.teal-theme.dark {
  --primary-700: #63d9b6;
}
.teal-theme.dark {
  --primary-800: #90e4cb;
}
.teal-theme.dark {
  --primary-900: #bcefe0;
}
.teal-theme.dark {
  --accent-50: #1d2630;
}
.teal-theme.dark {
  --accent-100: #131920;
}
.teal-theme.dark {
  --accent-200: #1d2630;
}
.teal-theme.dark {
  --accent-300: #3e4853;
}
.teal-theme.dark {
  --accent-400: #5b6b79;
}
.teal-theme.dark {
  --accent-500: #8996a4;
}
.teal-theme.dark {
  --accent-600: #bec8d0;
}
.teal-theme.dark {
  --accent-700: #dbe0e5;
}
.teal-theme.dark {
  --accent-800: #f3f5f7;
}
.teal-theme.dark {
  --accent-900: #f8f9fa;
}
.teal-theme.dark {
  --warn-50: #f5bebe;
}
.teal-theme.dark {
  --warn-100: #c50d0d;
}
.teal-theme.dark {
  --warn-200: #ce1717;
}
.teal-theme.dark {
  --warn-300: #d31c1c;
}
.teal-theme.dark {
  --warn-400: #d82222;
}
.teal-theme.dark {
  --warn-500: #dc2626;
}
.teal-theme.dark .text-warn-500 {
  color: #dc2626 !important;
}
.teal-theme.dark {
  --warn-600: #e14747;
}
.teal-theme.dark {
  --warn-700: #e76767;
}
.teal-theme.dark {
  --warn-800: #ee9393;
}
.teal-theme.dark {
  --warn-900: #f5bebe;
}
.teal-theme.dark {
  --success-50: #e6f5f0;
}
.teal-theme.dark {
  --success-100: #107d4f;
}
.teal-theme.dark {
  --success-200: #1b8d62;
}
.teal-theme.dark {
  --success-300: #21976c;
}
.teal-theme.dark {
  --success-400: #27a077;
}
.teal-theme.dark {
  --success-500: #2ca87f;
}
.teal-theme.dark {
  --success-600: #4cb592;
}
.teal-theme.dark {
  --success-700: #6bc2a5;
}
.teal-theme.dark {
  --success-800: #96d4bf;
}
.teal-theme.dark {
  --success-900: #c0e5d9;
}
.teal-theme.dark {
  --warning-50: #fcf1e0;
}
.teal-theme.dark {
  --warning-100: #d35a00;
}
.teal-theme.dark {
  --warning-200: #da6d00;
}
.teal-theme.dark {
  --warning-300: #de7700;
}
.teal-theme.dark {
  --warning-400: #e28200;
}
.teal-theme.dark {
  --warning-500: #e58a00;
}
.teal-theme.dark {
  --warning-600: #e99c26;
}
.teal-theme.dark {
  --warning-700: #edad4d;
}
.teal-theme.dark {
  --warning-800: #f2c580;
}
.teal-theme.dark {
  --warning-900: #f7dcb3;
}

.cyan-theme {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}
.cyan-theme {
  --mat-option-selected-state-label-text-color: #3ec9d6;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.cyan-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #8996a4;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.cyan-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #dc2626;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.cyan-theme {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
.cyan-theme {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.cyan-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #3ec9d6;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #3ec9d6;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.cyan-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.cyan-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #dc2626;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #dc2626;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}
.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);
}
.cyan-theme {
  --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);
}
.cyan-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #3ec9d6;
  --mat-progress-bar-track-color: rgba(62, 201, 214, 0.25);
}
.cyan-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #8996a4;
  --mat-progress-bar-track-color: rgba(137, 150, 164, 0.25);
}
.cyan-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #dc2626;
  --mat-progress-bar-track-color: rgba(220, 38, 38, 0.25);
}
.cyan-theme {
  --mat-tooltip-container-color: #616161;
  --mat-tooltip-supporting-text-color: #fff;
}
.cyan-theme {
  --mat-form-field-focus-select-arrow-color: rgba(62, 201, 214, 0.87);
  --mat-form-field-filled-caret-color: #3ec9d6;
  --mat-form-field-filled-focus-active-indicator-color: #3ec9d6;
  --mat-form-field-filled-focus-label-text-color: rgba(62, 201, 214, 0.87);
  --mat-form-field-outlined-caret-color: #3ec9d6;
  --mat-form-field-outlined-focus-outline-color: #3ec9d6;
  --mat-form-field-outlined-focus-label-text-color: rgba(62, 201, 214, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #dc2626;
  --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: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
  --mat-form-field-filled-container-color: rgb(244.8, 244.8, 244.8);
  --mat-form-field-filled-disabled-container-color: rgb(249.9, 249.9, 249.9);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-error-hover-label-text-color: #dc2626;
  --mat-form-field-filled-error-focus-label-text-color: #dc2626;
  --mat-form-field-filled-error-label-text-color: #dc2626;
  --mat-form-field-filled-error-caret-color: #dc2626;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mat-form-field-filled-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-hover-active-indicator-color: #dc2626;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-error-caret-color: #dc2626;
  --mat-form-field-outlined-error-focus-label-text-color: #dc2626;
  --mat-form-field-outlined-error-label-text-color: #dc2626;
  --mat-form-field-outlined-error-hover-label-text-color: #dc2626;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #dc2626;
  --mat-form-field-outlined-error-hover-outline-color: #dc2626;
  --mat-form-field-outlined-error-outline-color: #dc2626;
}
.cyan-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-filled-caret-color: #8996a4;
  --mat-form-field-filled-focus-active-indicator-color: #8996a4;
  --mat-form-field-filled-focus-label-text-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-outlined-caret-color: #8996a4;
  --mat-form-field-outlined-focus-outline-color: #8996a4;
  --mat-form-field-outlined-focus-label-text-color: rgba(137, 150, 164, 0.87);
}
.cyan-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-filled-caret-color: #dc2626;
  --mat-form-field-filled-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-focus-label-text-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-outlined-caret-color: #dc2626;
  --mat-form-field-outlined-focus-outline-color: #dc2626;
  --mat-form-field-outlined-focus-label-text-color: rgba(220, 38, 38, 0.87);
}
.cyan-theme {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(62, 201, 214, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.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: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.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: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.cyan-theme {
  --mat-autocomplete-background-color: white;
}
.cyan-theme {
  --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.6);
}
.cyan-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: #212121;
  --mat-chip-elevated-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-elevated-disabled-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-elevated-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-flat-disabled-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
  --mat-chip-with-icon-disabled-icon-color: #212121;
  --mat-chip-with-icon-icon-color: #212121;
  --mat-chip-with-icon-selected-icon-color: #212121;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mat-chip-with-trailing-icon-trailing-icon-color: #212121;
}
.cyan-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .cyan-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: black;
  --mat-chip-elevated-container-color: #3ec9d6;
  --mat-chip-elevated-disabled-container-color: #3ec9d6;
  --mat-chip-elevated-selected-container-color: #3ec9d6;
  --mat-chip-flat-disabled-selected-container-color: #3ec9d6;
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: black;
  --mat-chip-selected-disabled-trailing-icon-color: black;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: black;
  --mat-chip-selected-trailing-icon-color: black;
  --mat-chip-with-icon-disabled-icon-color: black;
  --mat-chip-with-icon-icon-color: black;
  --mat-chip-with-icon-selected-icon-color: black;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: black;
  --mat-chip-with-trailing-icon-trailing-icon-color: black;
}
.cyan-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .cyan-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: black;
  --mat-chip-elevated-container-color: #8996a4;
  --mat-chip-elevated-disabled-container-color: #8996a4;
  --mat-chip-elevated-selected-container-color: #8996a4;
  --mat-chip-flat-disabled-selected-container-color: #8996a4;
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: black;
  --mat-chip-selected-disabled-trailing-icon-color: black;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: black;
  --mat-chip-selected-trailing-icon-color: black;
  --mat-chip-with-icon-disabled-icon-color: black;
  --mat-chip-with-icon-icon-color: black;
  --mat-chip-with-icon-selected-icon-color: black;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: black;
  --mat-chip-with-trailing-icon-trailing-icon-color: black;
}
.cyan-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .cyan-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #dc2626;
  --mat-chip-elevated-disabled-container-color: #dc2626;
  --mat-chip-elevated-selected-container-color: #dc2626;
  --mat-chip-flat-disabled-selected-container-color: #dc2626;
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.cyan-theme {
  --mat-slide-toggle-selected-focus-state-layer-color: #38c3d1;
  --mat-slide-toggle-selected-handle-color: #38c3d1;
  --mat-slide-toggle-selected-hover-state-layer-color: #38c3d1;
  --mat-slide-toggle-selected-pressed-state-layer-color: #38c3d1;
  --mat-slide-toggle-selected-focus-handle-color: #1ba9bc;
  --mat-slide-toggle-selected-hover-handle-color: #1ba9bc;
  --mat-slide-toggle-selected-pressed-handle-color: #1ba9bc;
  --mat-slide-toggle-selected-focus-track-color: #78d9e2;
  --mat-slide-toggle-selected-hover-track-color: #78d9e2;
  --mat-slide-toggle-selected-pressed-track-color: #78d9e2;
  --mat-slide-toggle-selected-track-color: #78d9e2;
  --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: #424242;
  --mat-slide-toggle-disabled-selected-icon-color: #fff;
  --mat-slide-toggle-disabled-selected-track-color: #424242;
  --mat-slide-toggle-disabled-unselected-handle-color: #424242;
  --mat-slide-toggle-disabled-unselected-icon-color: #fff;
  --mat-slide-toggle-disabled-unselected-track-color: #424242;
  --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: #fff;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-icon-color: #fff;
  --mat-slide-toggle-unselected-hover-handle-color: #212121;
  --mat-slide-toggle-unselected-focus-handle-color: #212121;
  --mat-slide-toggle-unselected-focus-state-layer-color: #424242;
  --mat-slide-toggle-unselected-focus-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-icon-color: #fff;
  --mat-slide-toggle-unselected-handle-color: #616161;
  --mat-slide-toggle-unselected-hover-state-layer-color: #424242;
  --mat-slide-toggle-unselected-hover-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-pressed-handle-color: #212121;
  --mat-slide-toggle-unselected-pressed-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #424242;
  --mat-slide-toggle-unselected-track-color: #e0e0e0;
}
.cyan-theme {
  --mdc-slide-toggle-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-slide-toggle-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
.cyan-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
}
.cyan-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-focus-state-layer-color: #5b6b79;
  --mat-slide-toggle-selected-handle-color: #5b6b79;
  --mat-slide-toggle-selected-hover-state-layer-color: #5b6b79;
  --mat-slide-toggle-selected-pressed-state-layer-color: #5b6b79;
  --mat-slide-toggle-selected-focus-handle-color: #131920;
  --mat-slide-toggle-selected-hover-handle-color: #131920;
  --mat-slide-toggle-selected-pressed-handle-color: #131920;
  --mat-slide-toggle-selected-focus-track-color: #dbe0e5;
  --mat-slide-toggle-selected-hover-track-color: #dbe0e5;
  --mat-slide-toggle-selected-pressed-track-color: #dbe0e5;
  --mat-slide-toggle-selected-track-color: #dbe0e5;
}
.cyan-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-focus-state-layer-color: #d82222;
  --mat-slide-toggle-selected-handle-color: #d82222;
  --mat-slide-toggle-selected-hover-state-layer-color: #d82222;
  --mat-slide-toggle-selected-pressed-state-layer-color: #d82222;
  --mat-slide-toggle-selected-focus-handle-color: #c50d0d;
  --mat-slide-toggle-selected-hover-handle-color: #c50d0d;
  --mat-slide-toggle-selected-pressed-handle-color: #c50d0d;
  --mat-slide-toggle-selected-focus-track-color: #e76767;
  --mat-slide-toggle-selected-hover-track-color: #e76767;
  --mat-slide-toggle-selected-pressed-track-color: #e76767;
  --mat-slide-toggle-selected-track-color: #e76767;
}
.cyan-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #3ec9d6;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #3ec9d6;
  --mat-radio-selected-hover-icon-color: #3ec9d6;
  --mat-radio-selected-icon-color: #3ec9d6;
  --mat-radio-selected-pressed-icon-color: #3ec9d6;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.cyan-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #8996a4;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #8996a4;
  --mat-radio-selected-hover-icon-color: #8996a4;
  --mat-radio-selected-icon-color: #8996a4;
  --mat-radio-selected-pressed-icon-color: #8996a4;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.cyan-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #dc2626;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #dc2626;
  --mat-radio-selected-hover-icon-color: #dc2626;
  --mat-radio-selected-icon-color: #dc2626;
  --mat-radio-selected-pressed-icon-color: #dc2626;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.cyan-theme {
  --mat-slider-active-track-color: #3ec9d6;
  --mat-slider-focus-handle-color: #3ec9d6;
  --mat-slider-focus-state-layer-color: rgba(62, 201, 214, 0.2);
  --mat-slider-handle-color: #3ec9d6;
  --mat-slider-hover-handle-color: #3ec9d6;
  --mat-slider-hover-state-layer-color: rgba(62, 201, 214, 0.05);
  --mat-slider-inactive-track-color: #3ec9d6;
  --mat-slider-ripple-color: #3ec9d6;
  --mat-slider-with-tick-marks-active-container-color: black;
  --mat-slider-with-tick-marks-inactive-container-color: #3ec9d6;
  --mat-slider-disabled-active-track-color: #000;
  --mat-slider-disabled-handle-color: #000;
  --mat-slider-disabled-inactive-track-color: #000;
  --mat-slider-label-container-color: #000;
  --mat-slider-label-label-text-color: #fff;
  --mat-slider-value-indicator-opacity: 0.6;
  --mat-slider-with-overlap-handle-outline-color: #fff;
  --mat-slider-with-tick-marks-disabled-container-color: #000;
}
.cyan-theme .mat-accent {
  --mat-slider-active-track-color: #8996a4;
  --mat-slider-focus-handle-color: #8996a4;
  --mat-slider-focus-state-layer-color: rgba(137, 150, 164, 0.2);
  --mat-slider-handle-color: #8996a4;
  --mat-slider-hover-handle-color: #8996a4;
  --mat-slider-hover-state-layer-color: rgba(137, 150, 164, 0.05);
  --mat-slider-inactive-track-color: #8996a4;
  --mat-slider-ripple-color: #8996a4;
  --mat-slider-with-tick-marks-active-container-color: black;
  --mat-slider-with-tick-marks-inactive-container-color: #8996a4;
}
.cyan-theme .mat-warn {
  --mat-slider-active-track-color: #dc2626;
  --mat-slider-focus-handle-color: #dc2626;
  --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2);
  --mat-slider-handle-color: #dc2626;
  --mat-slider-hover-handle-color: #dc2626;
  --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05);
  --mat-slider-inactive-track-color: #dc2626;
  --mat-slider-ripple-color: #dc2626;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #dc2626;
}
.cyan-theme {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
.cyan-theme {
  --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.38);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-disabled-label-text-color: black;
  --mat-list-list-item-disabled-leading-icon-color: black;
  --mat-list-list-item-disabled-trailing-icon-color: black;
  --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.38);
  --mat-list-list-item-hover-state-layer-color: black;
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: black;
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.cyan-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #3ec9d6;
  --mat-checkbox-selected-hover-icon-color: #3ec9d6;
  --mat-checkbox-selected-icon-color: #3ec9d6;
  --mat-checkbox-selected-pressed-icon-color: #3ec9d6;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #3ec9d6;
  --mat-checkbox-selected-hover-state-layer-color: #3ec9d6;
  --mat-checkbox-selected-pressed-state-layer-color: #3ec9d6;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.cyan-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.cyan-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.cyan-theme {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}
.cyan-theme .mat-mdc-tab-group,
.cyan-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-label-text-color: #3ec9d6;
  --mat-tab-active-ripple-color: #3ec9d6;
  --mat-tab-inactive-ripple-color: #3ec9d6;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-focus-label-text-color: #3ec9d6;
  --mat-tab-active-hover-label-text-color: #3ec9d6;
  --mat-tab-active-focus-indicator-color: #3ec9d6;
  --mat-tab-active-hover-indicator-color: #3ec9d6;
  --mat-tab-active-indicator-color: #3ec9d6;
}
.cyan-theme .mat-mdc-tab-group.mat-accent,
.cyan-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-label-text-color: #8996a4;
  --mat-tab-active-ripple-color: #8996a4;
  --mat-tab-inactive-ripple-color: #8996a4;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-focus-label-text-color: #8996a4;
  --mat-tab-active-hover-label-text-color: #8996a4;
  --mat-tab-active-focus-indicator-color: #8996a4;
  --mat-tab-active-hover-indicator-color: #8996a4;
  --mat-tab-active-indicator-color: #8996a4;
}
.cyan-theme .mat-mdc-tab-group.mat-warn,
.cyan-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-label-text-color: #dc2626;
  --mat-tab-active-ripple-color: #dc2626;
  --mat-tab-inactive-ripple-color: #dc2626;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-focus-label-text-color: #dc2626;
  --mat-tab-active-hover-label-text-color: #dc2626;
  --mat-tab-active-focus-indicator-color: #dc2626;
  --mat-tab-active-hover-indicator-color: #dc2626;
  --mat-tab-active-indicator-color: #dc2626;
}
.cyan-theme {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.cyan-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #3ec9d6;
  --mat-checkbox-selected-hover-icon-color: #3ec9d6;
  --mat-checkbox-selected-icon-color: #3ec9d6;
  --mat-checkbox-selected-pressed-icon-color: #3ec9d6;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #3ec9d6;
  --mat-checkbox-selected-hover-state-layer-color: #3ec9d6;
  --mat-checkbox-selected-pressed-state-layer-color: #3ec9d6;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.cyan-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.cyan-theme {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mat-button-filled-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-filled-disabled-state-layer-color: black;
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-state-layer-color: black;
  --mat-button-outlined-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: black;
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: black;
  --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: rgba(0, 0, 0, 0.1);
  --mat-button-outlined-state-layer-color: black;
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-protected-disabled-state-layer-color: black;
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-state-layer-color: black;
  --mat-button-text-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-text-disabled-state-layer-color: black;
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: black;
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-text-state-layer-color: black;
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mat-button-tonal-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-tonal-disabled-state-layer-color: black;
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: black;
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-tonal-state-layer-color: black;
}
.cyan-theme .mat-mdc-button.mat-primary,
.cyan-theme .mat-mdc-unelevated-button.mat-primary,
.cyan-theme .mat-mdc-raised-button.mat-primary,
.cyan-theme .mat-mdc-outlined-button.mat-primary,
.cyan-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #3ec9d6;
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-state-layer-color: black;
  --mat-button-outlined-label-text-color: #3ec9d6;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: rgba(62, 201, 214, 0.1);
  --mat-button-outlined-state-layer-color: #3ec9d6;
  --mat-button-protected-container-color: #3ec9d6;
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-state-layer-color: black;
  --mat-button-text-label-text-color: #3ec9d6;
  --mat-button-text-ripple-color: rgba(62, 201, 214, 0.1);
  --mat-button-text-state-layer-color: #3ec9d6;
  --mat-button-tonal-container-color: #3ec9d6;
  --mat-button-tonal-label-text-color: black;
  --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-tonal-state-layer-color: black;
}
.cyan-theme .mat-mdc-button.mat-accent,
.cyan-theme .mat-mdc-unelevated-button.mat-accent,
.cyan-theme .mat-mdc-raised-button.mat-accent,
.cyan-theme .mat-mdc-outlined-button.mat-accent,
.cyan-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #8996a4;
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-state-layer-color: black;
  --mat-button-outlined-label-text-color: #8996a4;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-outlined-state-layer-color: #8996a4;
  --mat-button-protected-container-color: #8996a4;
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-state-layer-color: black;
  --mat-button-text-label-text-color: #8996a4;
  --mat-button-text-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-text-state-layer-color: #8996a4;
  --mat-button-tonal-container-color: #8996a4;
  --mat-button-tonal-label-text-color: black;
  --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-tonal-state-layer-color: black;
}
.cyan-theme .mat-mdc-button.mat-warn,
.cyan-theme .mat-mdc-unelevated-button.mat-warn,
.cyan-theme .mat-mdc-raised-button.mat-warn,
.cyan-theme .mat-mdc-outlined-button.mat-warn,
.cyan-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #dc2626;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #dc2626;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-outlined-state-layer-color: #dc2626;
  --mat-button-protected-container-color: #dc2626;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #dc2626;
  --mat-button-text-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-text-state-layer-color: #dc2626;
  --mat-button-tonal-container-color: #dc2626;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.cyan-theme {
  --mat-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-disabled-state-layer-color: black;
  --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: rgba(0, 0, 0, 0.1);
  --mat-icon-button-state-layer-color: black;
}
.cyan-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #3ec9d6;
  --mat-icon-button-state-layer-color: #3ec9d6;
  --mat-icon-button-ripple-color: rgba(62, 201, 214, 0.1);
}
.cyan-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #8996a4;
  --mat-icon-button-state-layer-color: #8996a4;
  --mat-icon-button-ripple-color: rgba(137, 150, 164, 0.1);
}
.cyan-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #dc2626;
  --mat-icon-button-state-layer-color: #dc2626;
  --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1);
}
.cyan-theme {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: black;
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-state-layer-color: black;
  --mat-fab-state-layer-color: black;
}
.cyan-theme .mat-mdc-fab.mat-primary, .cyan-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #3ec9d6;
  --mat-fab-foreground-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-container-color: #3ec9d6;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-state-layer-color: black;
  --mat-fab-state-layer-color: black;
}
.cyan-theme .mat-mdc-fab.mat-accent, .cyan-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #8996a4;
  --mat-fab-foreground-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-container-color: #8996a4;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-state-layer-color: black;
  --mat-fab-state-layer-color: black;
}
.cyan-theme .mat-mdc-fab.mat-warn, .cyan-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #dc2626;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #dc2626;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.cyan-theme {
  --mat-snack-bar-container-color: #333333;
  --mat-snack-bar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #c5eff3;
}
.cyan-theme {
  --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);
}
.cyan-theme {
  --mat-progress-spinner-active-indicator-color: #3ec9d6;
}
.cyan-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #8996a4;
}
.cyan-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #dc2626;
}
.cyan-theme {
  --mat-badge-background-color: #3ec9d6;
  --mat-badge-text-color: black;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}
.cyan-theme .mat-badge-accent {
  --mat-badge-background-color: #8996a4;
  --mat-badge-text-color: black;
}
.cyan-theme .mat-badge-warn {
  --mat-badge-background-color: #dc2626;
  --mat-badge-text-color: white;
}
.cyan-theme {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
.cyan-theme {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-button-toggle-divider-color: rgb(224.4, 224.4, 224.4);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: #bdbdbd;
  --mat-button-toggle-legacy-disabled-state-background-color: #eeeeee;
  --mat-button-toggle-legacy-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-button-toggle-legacy-selected-state-background-color: #e0e0e0;
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-button-toggle-legacy-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: black;
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}
.cyan-theme {
  --mat-datepicker-calendar-date-selected-state-text-color: black;
  --mat-datepicker-calendar-date-selected-state-background-color: #3ec9d6;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(62, 201, 214, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: black;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(62, 201, 214, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(62, 201, 214, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #3ec9d6;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(62, 201, 214, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.cyan-theme .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: black;
  --mat-datepicker-calendar-date-selected-state-background-color: #8996a4;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(137, 150, 164, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: black;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(137, 150, 164, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.cyan-theme .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #dc2626;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.cyan-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #8996a4;
}
.cyan-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #dc2626;
}
.cyan-theme {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
.cyan-theme {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
.cyan-theme {
  --mat-icon-color: inherit;
}
.cyan-theme .mat-icon.mat-primary {
  --mat-icon-color: #3ec9d6;
}
.cyan-theme .mat-icon.mat-accent {
  --mat-icon-color: #8996a4;
}
.cyan-theme .mat-icon.mat-warn {
  --mat-icon-color: #dc2626;
}
.cyan-theme {
  --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);
}
.cyan-theme {
  --mat-stepper-header-icon-foreground-color: black;
  --mat-stepper-header-selected-state-icon-background-color: #3ec9d6;
  --mat-stepper-header-selected-state-icon-foreground-color: black;
  --mat-stepper-header-done-state-icon-background-color: #3ec9d6;
  --mat-stepper-header-done-state-icon-foreground-color: black;
  --mat-stepper-header-edit-state-icon-background-color: #3ec9d6;
  --mat-stepper-header-edit-state-icon-foreground-color: black;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #dc2626;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #dc2626;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.cyan-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: black;
  --mat-stepper-header-selected-state-icon-background-color: #8996a4;
  --mat-stepper-header-selected-state-icon-foreground-color: black;
  --mat-stepper-header-done-state-icon-background-color: #8996a4;
  --mat-stepper-header-done-state-icon-foreground-color: black;
  --mat-stepper-header-edit-state-icon-background-color: #8996a4;
  --mat-stepper-header-edit-state-icon-foreground-color: black;
}
.cyan-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #dc2626;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #dc2626;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #dc2626;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.cyan-theme {
  --mat-sort-arrow-color: rgb(117.3, 117.3, 117.3);
}
.cyan-theme {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.cyan-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #3ec9d6;
  --mat-toolbar-container-text-color: black;
}
.cyan-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #8996a4;
  --mat-toolbar-container-text-color: black;
}
.cyan-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: white;
}
.cyan-theme {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
.cyan-theme {
  --mat-timepicker-container-background-color: white;
}
.cyan-theme {
  --primary-50: #e8f9fa;
}
.cyan-theme .bg-primary-50 {
  background: #e8f9fa;
}
.cyan-theme .b-primary-50 {
  border-color: #e8f9fa !important;
}
.cyan-theme {
  --primary-100: #c5eff3;
}
.cyan-theme {
  --primary-200: #9fe4eb;
}
.cyan-theme {
  --primary-300: #78d9e2;
}
.cyan-theme {
  --primary-400: #5bd1dc;
}
.cyan-theme {
  --primary-500: #3ec9d6;
}
.cyan-theme .text-primary-500 {
  color: #3ec9d6 !important;
}
.cyan-theme {
  --primary-600: #38c3d1;
}
.cyan-theme {
  --primary-700: #30bccc;
}
.cyan-theme {
  --primary-800: #28b5c6;
}
.cyan-theme {
  --primary-900: #1ba9bc;
}
.cyan-theme {
  --accent-50: #fff;
}
.cyan-theme {
  --accent-100: #f8f9fa;
}
.cyan-theme {
  --accent-200: #f3f5f7;
}
.cyan-theme {
  --accent-300: #dbe0e5;
}
.cyan-theme {
  --accent-400: #bec8d0;
}
.cyan-theme {
  --accent-500: #8996a4;
}
.cyan-theme {
  --accent-600: #5b6b79;
}
.cyan-theme {
  --accent-700: #3e4853;
}
.cyan-theme {
  --accent-800: #1d2630;
}
.cyan-theme {
  --accent-900: #131920;
}
.cyan-theme {
  --warn-50: #fbe5e5;
}
.cyan-theme {
  --warn-100: #f5bebe;
}
.cyan-theme {
  --warn-200: #ee9393;
}
.cyan-theme {
  --warn-300: #e76767;
}
.cyan-theme {
  --warn-400: #e14747;
}
.cyan-theme {
  --warn-500: #dc2626;
}
.cyan-theme .text-warn-500 {
  color: #dc2626 !important;
}
.cyan-theme {
  --warn-600: #d82222;
}
.cyan-theme {
  --warn-700: #d31c1c;
}
.cyan-theme {
  --warn-800: #ce1717;
}
.cyan-theme {
  --warn-900: #c50d0d;
}
.cyan-theme {
  --success-50: #e6f5f0;
}
.cyan-theme {
  --success-100: #c0e5d9;
}
.cyan-theme {
  --success-200: #96d4bf;
}
.cyan-theme {
  --success-300: #6bc2a5;
}
.cyan-theme {
  --success-400: #4cb592;
}
.cyan-theme {
  --success-500: #2ca87f;
}
.cyan-theme {
  --success-600: #27a077;
}
.cyan-theme {
  --success-700: #21976c;
}
.cyan-theme {
  --success-800: #1b8d62;
}
.cyan-theme {
  --success-900: #107d4f;
}
.cyan-theme {
  --warning-50: #fcf1e0;
}
.cyan-theme {
  --warning-100: #f7dcb3;
}
.cyan-theme {
  --warning-200: #f2c580;
}
.cyan-theme {
  --warning-300: #edad4d;
}
.cyan-theme {
  --warning-400: #e99c26;
}
.cyan-theme {
  --warning-500: #e58a00;
}
.cyan-theme {
  --warning-600: #e28200;
}
.cyan-theme {
  --warning-700: #de7700;
}
.cyan-theme {
  --warning-800: #da6d00;
}
.cyan-theme {
  --warning-900: #d35a00;
}
.cyan-theme.dark {
  --mat-ripple-color: rgba(255, 255, 255, 0.1);
}
.cyan-theme.dark {
  --mat-option-selected-state-label-text-color: #3ec9d6;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.cyan-theme.dark .mat-accent {
  --mat-option-selected-state-label-text-color: #8996a4;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.cyan-theme.dark .mat-warn {
  --mat-option-selected-state-label-text-color: #dc2626;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.cyan-theme.dark {
  --mat-optgroup-label-text-color: white;
}
.cyan-theme.dark {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.cyan-theme.dark .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #3ec9d6;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #3ec9d6;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.cyan-theme.dark .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #8996a4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8996a4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.cyan-theme.dark .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #dc2626;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #dc2626;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868;
}
.cyan-theme.dark {
  --mat-app-background-color: #303030;
  --mat-app-text-color: white;
  --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);
}
.cyan-theme.dark {
  --mat-card-elevated-container-color: #424242;
  --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: #424242;
  --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(255, 255, 255, 0.12);
  --mat-card-subtitle-text-color: rgba(255, 255, 255, 0.7);
  --mat-card-filled-container-color: #424242;
  --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);
}
.cyan-theme.dark .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #3ec9d6;
  --mat-progress-bar-track-color: rgba(62, 201, 214, 0.25);
}
.cyan-theme.dark .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #8996a4;
  --mat-progress-bar-track-color: rgba(137, 150, 164, 0.25);
}
.cyan-theme.dark .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #dc2626;
  --mat-progress-bar-track-color: rgba(220, 38, 38, 0.25);
}
.cyan-theme.dark {
  --mat-tooltip-container-color: #616161;
  --mat-tooltip-supporting-text-color: #fff;
}
.cyan-theme.dark {
  --mat-form-field-focus-select-arrow-color: rgba(62, 201, 214, 0.87);
  --mat-form-field-filled-caret-color: #3ec9d6;
  --mat-form-field-filled-focus-active-indicator-color: #3ec9d6;
  --mat-form-field-filled-focus-label-text-color: rgba(62, 201, 214, 0.87);
  --mat-form-field-outlined-caret-color: #3ec9d6;
  --mat-form-field-outlined-focus-outline-color: #3ec9d6;
  --mat-form-field-outlined-focus-label-text-color: rgba(62, 201, 214, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-state-layer-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-error-text-color: #dc2626;
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --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(255, 255, 255, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-focus-state-layer-opacity: 0.24;
  --mat-form-field-filled-container-color: rgb(73.56, 73.56, 73.56);
  --mat-form-field-filled-disabled-container-color: rgb(69.78, 69.78, 69.78);
  --mat-form-field-filled-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-filled-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-filled-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-filled-input-text-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-filled-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-filled-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-filled-error-hover-label-text-color: #dc2626;
  --mat-form-field-filled-error-focus-label-text-color: #dc2626;
  --mat-form-field-filled-error-label-text-color: #dc2626;
  --mat-form-field-filled-error-caret-color: #dc2626;
  --mat-form-field-filled-active-indicator-color: rgba(255, 255, 255, 0.42);
  --mat-form-field-filled-disabled-active-indicator-color: rgba(255, 255, 255, 0.06);
  --mat-form-field-filled-hover-active-indicator-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-hover-active-indicator-color: #dc2626;
  --mat-form-field-outlined-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-outlined-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-outlined-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-input-text-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mat-form-field-outlined-error-caret-color: #dc2626;
  --mat-form-field-outlined-error-focus-label-text-color: #dc2626;
  --mat-form-field-outlined-error-label-text-color: #dc2626;
  --mat-form-field-outlined-error-hover-label-text-color: #dc2626;
  --mat-form-field-outlined-outline-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-disabled-outline-color: rgba(255, 255, 255, 0.06);
  --mat-form-field-outlined-hover-outline-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #dc2626;
  --mat-form-field-outlined-error-hover-outline-color: #dc2626;
  --mat-form-field-outlined-error-outline-color: #dc2626;
}
.cyan-theme.dark .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-filled-caret-color: #8996a4;
  --mat-form-field-filled-focus-active-indicator-color: #8996a4;
  --mat-form-field-filled-focus-label-text-color: rgba(137, 150, 164, 0.87);
  --mat-form-field-outlined-caret-color: #8996a4;
  --mat-form-field-outlined-focus-outline-color: #8996a4;
  --mat-form-field-outlined-focus-label-text-color: rgba(137, 150, 164, 0.87);
}
.cyan-theme.dark .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-filled-caret-color: #dc2626;
  --mat-form-field-filled-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-focus-label-text-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-outlined-caret-color: #dc2626;
  --mat-form-field-outlined-focus-outline-color: #dc2626;
  --mat-form-field-outlined-focus-label-text-color: rgba(220, 38, 38, 0.87);
}
.cyan-theme.dark {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(62, 201, 214, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.cyan-theme.dark .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(137, 150, 164, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.cyan-theme.dark .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
.cyan-theme.dark {
  --mat-autocomplete-background-color: #424242;
}
.cyan-theme.dark {
  --mat-dialog-container-color: #424242;
  --mat-dialog-subhead-color: rgba(255, 255, 255, 0.87);
  --mat-dialog-supporting-text-color: rgba(255, 255, 255, 0.6);
}
.cyan-theme.dark .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: #fafafa;
  --mat-chip-elevated-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-elevated-disabled-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-elevated-selected-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-flat-disabled-selected-container-color: rgb(88.68, 88.68, 88.68);
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: #fafafa;
  --mat-chip-selected-disabled-trailing-icon-color: #fafafa;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: #fafafa;
  --mat-chip-selected-trailing-icon-color: #fafafa;
  --mat-chip-with-icon-disabled-icon-color: #fafafa;
  --mat-chip-with-icon-icon-color: #fafafa;
  --mat-chip-with-icon-selected-icon-color: #fafafa;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa;
  --mat-chip-with-trailing-icon-trailing-icon-color: #fafafa;
}
.cyan-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .cyan-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: black;
  --mat-chip-elevated-container-color: #3ec9d6;
  --mat-chip-elevated-disabled-container-color: #3ec9d6;
  --mat-chip-elevated-selected-container-color: #3ec9d6;
  --mat-chip-flat-disabled-selected-container-color: #3ec9d6;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: black;
  --mat-chip-selected-disabled-trailing-icon-color: black;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: black;
  --mat-chip-selected-trailing-icon-color: black;
  --mat-chip-with-icon-disabled-icon-color: black;
  --mat-chip-with-icon-icon-color: black;
  --mat-chip-with-icon-selected-icon-color: black;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: black;
  --mat-chip-with-trailing-icon-trailing-icon-color: black;
}
.cyan-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .cyan-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: black;
  --mat-chip-elevated-container-color: #8996a4;
  --mat-chip-elevated-disabled-container-color: #8996a4;
  --mat-chip-elevated-selected-container-color: #8996a4;
  --mat-chip-flat-disabled-selected-container-color: #8996a4;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: black;
  --mat-chip-selected-disabled-trailing-icon-color: black;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: black;
  --mat-chip-selected-trailing-icon-color: black;
  --mat-chip-with-icon-disabled-icon-color: black;
  --mat-chip-with-icon-icon-color: black;
  --mat-chip-with-icon-selected-icon-color: black;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: black;
  --mat-chip-with-trailing-icon-trailing-icon-color: black;
}
.cyan-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .cyan-theme.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #dc2626;
  --mat-chip-elevated-disabled-container-color: #dc2626;
  --mat-chip-elevated-selected-container-color: #dc2626;
  --mat-chip-flat-disabled-selected-container-color: #dc2626;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: white;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: white;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.cyan-theme.dark {
  --mat-slide-toggle-selected-focus-state-layer-color: #30bccc;
  --mat-slide-toggle-selected-handle-color: #30bccc;
  --mat-slide-toggle-selected-hover-state-layer-color: #30bccc;
  --mat-slide-toggle-selected-pressed-state-layer-color: #30bccc;
  --mat-slide-toggle-selected-focus-handle-color: #28b5c6;
  --mat-slide-toggle-selected-hover-handle-color: #28b5c6;
  --mat-slide-toggle-selected-pressed-handle-color: #28b5c6;
  --mat-slide-toggle-selected-focus-track-color: #5bd1dc;
  --mat-slide-toggle-selected-hover-track-color: #5bd1dc;
  --mat-slide-toggle-selected-pressed-track-color: #5bd1dc;
  --mat-slide-toggle-selected-track-color: #5bd1dc;
  --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: #000;
  --mat-slide-toggle-disabled-selected-icon-color: #212121;
  --mat-slide-toggle-disabled-selected-track-color: #f5f5f5;
  --mat-slide-toggle-disabled-unselected-handle-color: #000;
  --mat-slide-toggle-disabled-unselected-icon-color: #212121;
  --mat-slide-toggle-disabled-unselected-track-color: #f5f5f5;
  --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: #fff;
  --mat-slide-toggle-label-text-color: white;
  --mat-slide-toggle-selected-icon-color: #212121;
  --mat-slide-toggle-unselected-hover-handle-color: #fafafa;
  --mat-slide-toggle-unselected-focus-handle-color: #fafafa;
  --mat-slide-toggle-unselected-focus-state-layer-color: #f5f5f5;
  --mat-slide-toggle-unselected-focus-track-color: #616161;
  --mat-slide-toggle-unselected-icon-color: #212121;
  --mat-slide-toggle-unselected-handle-color: #9e9e9e;
  --mat-slide-toggle-unselected-hover-state-layer-color: #f5f5f5;
  --mat-slide-toggle-unselected-hover-track-color: #616161;
  --mat-slide-toggle-unselected-pressed-handle-color: #fafafa;
  --mat-slide-toggle-unselected-pressed-track-color: #616161;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #f5f5f5;
  --mat-slide-toggle-unselected-track-color: #616161;
}
.cyan-theme.dark {
  --mdc-slide-toggle-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-slide-toggle-disabled-label-text-color: rgba(255, 255, 255, 0.5);
}
.cyan-theme.dark .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-color: white;
}
.cyan-theme.dark .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-focus-state-layer-color: #3e4853;
  --mat-slide-toggle-selected-handle-color: #3e4853;
  --mat-slide-toggle-selected-hover-state-layer-color: #3e4853;
  --mat-slide-toggle-selected-pressed-state-layer-color: #3e4853;
  --mat-slide-toggle-selected-focus-handle-color: #1d2630;
  --mat-slide-toggle-selected-hover-handle-color: #1d2630;
  --mat-slide-toggle-selected-pressed-handle-color: #1d2630;
  --mat-slide-toggle-selected-focus-track-color: #bec8d0;
  --mat-slide-toggle-selected-hover-track-color: #bec8d0;
  --mat-slide-toggle-selected-pressed-track-color: #bec8d0;
  --mat-slide-toggle-selected-track-color: #bec8d0;
}
.cyan-theme.dark .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-focus-state-layer-color: #d31c1c;
  --mat-slide-toggle-selected-handle-color: #d31c1c;
  --mat-slide-toggle-selected-hover-state-layer-color: #d31c1c;
  --mat-slide-toggle-selected-pressed-state-layer-color: #d31c1c;
  --mat-slide-toggle-selected-focus-handle-color: #ce1717;
  --mat-slide-toggle-selected-hover-handle-color: #ce1717;
  --mat-slide-toggle-selected-pressed-handle-color: #ce1717;
  --mat-slide-toggle-selected-focus-track-color: #e14747;
  --mat-slide-toggle-selected-hover-track-color: #e14747;
  --mat-slide-toggle-selected-pressed-track-color: #e14747;
  --mat-slide-toggle-selected-track-color: #e14747;
}
.cyan-theme.dark .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #3ec9d6;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #3ec9d6;
  --mat-radio-selected-hover-icon-color: #3ec9d6;
  --mat-radio-selected-icon-color: #3ec9d6;
  --mat-radio-selected-pressed-icon-color: #3ec9d6;
  --mat-radio-unselected-focus-icon-color: #eeeeee;
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}
.cyan-theme.dark .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #8996a4;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #8996a4;
  --mat-radio-selected-hover-icon-color: #8996a4;
  --mat-radio-selected-icon-color: #8996a4;
  --mat-radio-selected-pressed-icon-color: #8996a4;
  --mat-radio-unselected-focus-icon-color: #eeeeee;
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}
.cyan-theme.dark .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #dc2626;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #dc2626;
  --mat-radio-selected-hover-icon-color: #dc2626;
  --mat-radio-selected-icon-color: #dc2626;
  --mat-radio-selected-pressed-icon-color: #dc2626;
  --mat-radio-unselected-focus-icon-color: #eeeeee;
  --mat-radio-unselected-hover-icon-color: #eeeeee;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
}
.cyan-theme.dark {
  --mat-slider-active-track-color: #3ec9d6;
  --mat-slider-focus-handle-color: #3ec9d6;
  --mat-slider-focus-state-layer-color: rgba(62, 201, 214, 0.2);
  --mat-slider-handle-color: #3ec9d6;
  --mat-slider-hover-handle-color: #3ec9d6;
  --mat-slider-hover-state-layer-color: rgba(62, 201, 214, 0.05);
  --mat-slider-inactive-track-color: #3ec9d6;
  --mat-slider-ripple-color: #3ec9d6;
  --mat-slider-with-tick-marks-active-container-color: black;
  --mat-slider-with-tick-marks-inactive-container-color: #3ec9d6;
  --mat-slider-disabled-active-track-color: #fff;
  --mat-slider-disabled-handle-color: #fff;
  --mat-slider-disabled-inactive-track-color: #fff;
  --mat-slider-label-container-color: #fff;
  --mat-slider-label-label-text-color: #000;
  --mat-slider-value-indicator-opacity: 0.9;
  --mat-slider-with-overlap-handle-outline-color: #fff;
  --mat-slider-with-tick-marks-disabled-container-color: #fff;
}
.cyan-theme.dark .mat-accent {
  --mat-slider-active-track-color: #8996a4;
  --mat-slider-focus-handle-color: #8996a4;
  --mat-slider-focus-state-layer-color: rgba(137, 150, 164, 0.2);
  --mat-slider-handle-color: #8996a4;
  --mat-slider-hover-handle-color: #8996a4;
  --mat-slider-hover-state-layer-color: rgba(137, 150, 164, 0.05);
  --mat-slider-inactive-track-color: #8996a4;
  --mat-slider-ripple-color: #8996a4;
  --mat-slider-with-tick-marks-active-container-color: black;
  --mat-slider-with-tick-marks-inactive-container-color: #8996a4;
}
.cyan-theme.dark .mat-warn {
  --mat-slider-active-track-color: #dc2626;
  --mat-slider-focus-handle-color: #dc2626;
  --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2);
  --mat-slider-handle-color: #dc2626;
  --mat-slider-hover-handle-color: #dc2626;
  --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05);
  --mat-slider-inactive-track-color: #dc2626;
  --mat-slider-ripple-color: #dc2626;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #dc2626;
}
.cyan-theme.dark {
  --mat-menu-item-label-text-color: white;
  --mat-menu-item-icon-color: white;
  --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-container-color: #424242;
  --mat-menu-divider-color: rgba(255, 255, 255, 0.12);
}
.cyan-theme.dark {
  --mat-list-list-item-label-text-color: white;
  --mat-list-list-item-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-disabled-label-text-color: white;
  --mat-list-list-item-disabled-leading-icon-color: white;
  --mat-list-list-item-disabled-trailing-icon-color: white;
  --mat-list-list-item-hover-label-text-color: white;
  --mat-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-hover-state-layer-color: white;
  --mat-list-list-item-hover-state-layer-opacity: 0.08;
  --mat-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mat-list-list-item-focus-label-text-color: white;
  --mat-list-list-item-focus-state-layer-color: white;
  --mat-list-list-item-focus-state-layer-opacity: 0.24;
}
.cyan-theme.dark .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #3ec9d6;
  --mat-checkbox-selected-hover-icon-color: #3ec9d6;
  --mat-checkbox-selected-icon-color: #3ec9d6;
  --mat-checkbox-selected-pressed-icon-color: #3ec9d6;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #3ec9d6;
  --mat-checkbox-selected-hover-state-layer-color: #3ec9d6;
  --mat-checkbox-selected-pressed-state-layer-color: #3ec9d6;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.cyan-theme.dark .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.cyan-theme.dark .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.cyan-theme.dark {
  --mat-paginator-container-text-color: rgba(255, 255, 255, 0.87);
  --mat-paginator-container-background-color: #424242;
  --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.54);
  --mat-paginator-disabled-icon-color: rgba(255, 255, 255, 0.12);
}
.cyan-theme.dark .mat-mdc-tab-group,
.cyan-theme.dark .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-label-text-color: #3ec9d6;
  --mat-tab-active-ripple-color: #3ec9d6;
  --mat-tab-inactive-ripple-color: #3ec9d6;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-focus-label-text-color: #3ec9d6;
  --mat-tab-active-hover-label-text-color: #3ec9d6;
  --mat-tab-active-focus-indicator-color: #3ec9d6;
  --mat-tab-active-hover-indicator-color: #3ec9d6;
  --mat-tab-active-indicator-color: #3ec9d6;
}
.cyan-theme.dark .mat-mdc-tab-group.mat-accent,
.cyan-theme.dark .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-label-text-color: #8996a4;
  --mat-tab-active-ripple-color: #8996a4;
  --mat-tab-inactive-ripple-color: #8996a4;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-focus-label-text-color: #8996a4;
  --mat-tab-active-hover-label-text-color: #8996a4;
  --mat-tab-active-focus-indicator-color: #8996a4;
  --mat-tab-active-hover-indicator-color: #8996a4;
  --mat-tab-active-indicator-color: #8996a4;
}
.cyan-theme.dark .mat-mdc-tab-group.mat-warn,
.cyan-theme.dark .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-label-text-color: #dc2626;
  --mat-tab-active-ripple-color: #dc2626;
  --mat-tab-inactive-ripple-color: #dc2626;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-active-focus-label-text-color: #dc2626;
  --mat-tab-active-hover-label-text-color: #dc2626;
  --mat-tab-active-focus-indicator-color: #dc2626;
  --mat-tab-active-hover-indicator-color: #dc2626;
  --mat-tab-active-indicator-color: #dc2626;
}
.cyan-theme.dark {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #8996a4;
  --mat-checkbox-selected-hover-icon-color: #8996a4;
  --mat-checkbox-selected-icon-color: #8996a4;
  --mat-checkbox-selected-pressed-icon-color: #8996a4;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8996a4;
  --mat-checkbox-selected-hover-state-layer-color: #8996a4;
  --mat-checkbox-selected-pressed-state-layer-color: #8996a4;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.cyan-theme.dark .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #3ec9d6;
  --mat-checkbox-selected-hover-icon-color: #3ec9d6;
  --mat-checkbox-selected-icon-color: #3ec9d6;
  --mat-checkbox-selected-pressed-icon-color: #3ec9d6;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #3ec9d6;
  --mat-checkbox-selected-hover-state-layer-color: #3ec9d6;
  --mat-checkbox-selected-pressed-state-layer-color: #3ec9d6;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.cyan-theme.dark .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #eeeeee;
  --mat-checkbox-unselected-hover-icon-color: #eeeeee;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.cyan-theme.dark {
  --mat-button-filled-container-color: #424242;
  --mat-button-filled-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mat-button-filled-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-filled-disabled-state-layer-color: white;
  --mat-button-filled-focus-state-layer-opacity: 0.24;
  --mat-button-filled-hover-state-layer-opacity: 0.08;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-pressed-state-layer-opacity: 0.24;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-outlined-disabled-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-disabled-state-layer-color: white;
  --mat-button-outlined-focus-state-layer-opacity: 0.24;
  --mat-button-outlined-hover-state-layer-opacity: 0.08;
  --mat-button-outlined-label-text-color: white;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.24;
  --mat-button-outlined-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-outlined-state-layer-color: white;
  --mat-button-protected-container-color: #424242;
  --mat-button-protected-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mat-button-protected-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-protected-disabled-state-layer-color: white;
  --mat-button-protected-focus-state-layer-opacity: 0.24;
  --mat-button-protected-hover-state-layer-opacity: 0.08;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-pressed-state-layer-opacity: 0.24;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-text-disabled-state-layer-color: white;
  --mat-button-text-focus-state-layer-opacity: 0.24;
  --mat-button-text-hover-state-layer-opacity: 0.08;
  --mat-button-text-label-text-color: white;
  --mat-button-text-pressed-state-layer-opacity: 0.24;
  --mat-button-text-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-text-state-layer-color: white;
  --mat-button-tonal-container-color: #424242;
  --mat-button-tonal-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mat-button-tonal-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-tonal-disabled-state-layer-color: white;
  --mat-button-tonal-focus-state-layer-opacity: 0.24;
  --mat-button-tonal-hover-state-layer-opacity: 0.08;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-pressed-state-layer-opacity: 0.24;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.cyan-theme.dark .mat-mdc-button.mat-primary,
.cyan-theme.dark .mat-mdc-unelevated-button.mat-primary,
.cyan-theme.dark .mat-mdc-raised-button.mat-primary,
.cyan-theme.dark .mat-mdc-outlined-button.mat-primary,
.cyan-theme.dark .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #3ec9d6;
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-state-layer-color: black;
  --mat-button-outlined-label-text-color: #3ec9d6;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: rgba(62, 201, 214, 0.1);
  --mat-button-outlined-state-layer-color: #3ec9d6;
  --mat-button-protected-container-color: #3ec9d6;
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-state-layer-color: black;
  --mat-button-text-label-text-color: #3ec9d6;
  --mat-button-text-ripple-color: rgba(62, 201, 214, 0.1);
  --mat-button-text-state-layer-color: #3ec9d6;
  --mat-button-tonal-container-color: #3ec9d6;
  --mat-button-tonal-label-text-color: black;
  --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-tonal-state-layer-color: black;
}
.cyan-theme.dark .mat-mdc-button.mat-accent,
.cyan-theme.dark .mat-mdc-unelevated-button.mat-accent,
.cyan-theme.dark .mat-mdc-raised-button.mat-accent,
.cyan-theme.dark .mat-mdc-outlined-button.mat-accent,
.cyan-theme.dark .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #8996a4;
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-state-layer-color: black;
  --mat-button-outlined-label-text-color: #8996a4;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-outlined-state-layer-color: #8996a4;
  --mat-button-protected-container-color: #8996a4;
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-state-layer-color: black;
  --mat-button-text-label-text-color: #8996a4;
  --mat-button-text-ripple-color: rgba(137, 150, 164, 0.1);
  --mat-button-text-state-layer-color: #8996a4;
  --mat-button-tonal-container-color: #8996a4;
  --mat-button-tonal-label-text-color: black;
  --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-tonal-state-layer-color: black;
}
.cyan-theme.dark .mat-mdc-button.mat-warn,
.cyan-theme.dark .mat-mdc-unelevated-button.mat-warn,
.cyan-theme.dark .mat-mdc-raised-button.mat-warn,
.cyan-theme.dark .mat-mdc-outlined-button.mat-warn,
.cyan-theme.dark .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #dc2626;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #dc2626;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-outlined-state-layer-color: #dc2626;
  --mat-button-protected-container-color: #dc2626;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #dc2626;
  --mat-button-text-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-text-state-layer-color: #dc2626;
  --mat-button-tonal-container-color: #dc2626;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.cyan-theme.dark {
  --mat-icon-button-disabled-icon-color: rgba(255, 255, 255, 0.5);
  --mat-icon-button-disabled-state-layer-color: white;
  --mat-icon-button-focus-state-layer-opacity: 0.24;
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.24;
  --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-icon-button-state-layer-color: white;
}
.cyan-theme.dark .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #3ec9d6;
  --mat-icon-button-state-layer-color: #3ec9d6;
  --mat-icon-button-ripple-color: rgba(62, 201, 214, 0.1);
}
.cyan-theme.dark .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #8996a4;
  --mat-icon-button-state-layer-color: #8996a4;
  --mat-icon-button-ripple-color: rgba(137, 150, 164, 0.1);
}
.cyan-theme.dark .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #dc2626;
  --mat-icon-button-state-layer-color: #dc2626;
  --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1);
}
.cyan-theme.dark {
  --mat-fab-container-color: #424242;
  --mat-fab-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
  --mat-fab-disabled-state-layer-color: white;
  --mat-fab-focus-state-layer-opacity: 0.24;
  --mat-fab-foreground-color: white;
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-pressed-state-layer-opacity: 0.24;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #424242;
  --mat-fab-small-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
  --mat-fab-small-disabled-state-layer-color: white;
  --mat-fab-small-focus-state-layer-opacity: 0.24;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-pressed-state-layer-opacity: 0.24;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.cyan-theme.dark .mat-mdc-fab.mat-primary, .cyan-theme.dark .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #3ec9d6;
  --mat-fab-foreground-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-container-color: #3ec9d6;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-state-layer-color: black;
  --mat-fab-state-layer-color: black;
}
.cyan-theme.dark .mat-mdc-fab.mat-accent, .cyan-theme.dark .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #8996a4;
  --mat-fab-foreground-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-container-color: #8996a4;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-state-layer-color: black;
  --mat-fab-state-layer-color: black;
}
.cyan-theme.dark .mat-mdc-fab.mat-warn, .cyan-theme.dark .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #dc2626;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #dc2626;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.cyan-theme.dark {
  --mat-snack-bar-container-color: rgb(217.2, 217.2, 217.2);
  --mat-snack-bar-supporting-text-color: rgba(66, 66, 66, 0.87);
  --mat-snack-bar-button-color: #3ec9d6;
}
.cyan-theme.dark {
  --mat-table-background-color: #424242;
  --mat-table-header-headline-color: white;
  --mat-table-row-item-label-text-color: white;
  --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
}
.cyan-theme.dark {
  --mat-progress-spinner-active-indicator-color: #3ec9d6;
}
.cyan-theme.dark .mat-accent {
  --mat-progress-spinner-active-indicator-color: #8996a4;
}
.cyan-theme.dark .mat-warn {
  --mat-progress-spinner-active-indicator-color: #dc2626;
}
.cyan-theme.dark {
  --mat-badge-background-color: #3ec9d6;
  --mat-badge-text-color: black;
  --mat-badge-disabled-state-background-color: rgb(110.1, 110.1, 110.1);
  --mat-badge-disabled-state-text-color: rgba(255, 255, 255, 0.5);
}
.cyan-theme.dark .mat-badge-accent {
  --mat-badge-background-color: #8996a4;
  --mat-badge-text-color: black;
}
.cyan-theme.dark .mat-badge-warn {
  --mat-badge-background-color: #dc2626;
  --mat-badge-text-color: white;
}
.cyan-theme.dark {
  --mat-bottom-sheet-container-text-color: white;
  --mat-bottom-sheet-container-background-color: #424242;
}
.cyan-theme.dark {
  --mat-button-toggle-background-color: #424242;
  --mat-button-toggle-disabled-selected-state-background-color: #424242;
  --mat-button-toggle-disabled-selected-state-text-color: white;
  --mat-button-toggle-disabled-state-background-color: #424242;
  --mat-button-toggle-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-button-toggle-divider-color: rgb(88.68, 88.68, 88.68);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: #424242;
  --mat-button-toggle-legacy-disabled-state-background-color: black;
  --mat-button-toggle-legacy-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-button-toggle-legacy-selected-state-background-color: #212121;
  --mat-button-toggle-legacy-selected-state-text-color: rgba(255, 255, 255, 0.7);
  --mat-button-toggle-legacy-state-layer-color: rgba(255, 255, 255, 0.12);
  --mat-button-toggle-legacy-text-color: rgba(255, 255, 255, 0.5);
  --mat-button-toggle-selected-state-background-color: #212121;
  --mat-button-toggle-selected-state-text-color: white;
  --mat-button-toggle-state-layer-color: white;
  --mat-button-toggle-text-color: white;
}
.cyan-theme.dark {
  --mat-datepicker-calendar-date-selected-state-text-color: black;
  --mat-datepicker-calendar-date-selected-state-background-color: #3ec9d6;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(62, 201, 214, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: black;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(62, 201, 214, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(62, 201, 214, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #3ec9d6;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(62, 201, 214, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color: white;
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: white;
  --mat-datepicker-calendar-navigation-button-icon-color: white;
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(255, 255, 255, 0.3);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.24);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
.cyan-theme.dark .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: black;
  --mat-datepicker-calendar-date-selected-state-background-color: #8996a4;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(137, 150, 164, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: black;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(137, 150, 164, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(137, 150, 164, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.cyan-theme.dark .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #dc2626;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.cyan-theme.dark .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #8996a4;
}
.cyan-theme.dark .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #dc2626;
}
.cyan-theme.dark {
  --mat-divider-color: rgba(255, 255, 255, 0.12);
}
.cyan-theme.dark {
  --mat-expansion-container-background-color: #424242;
  --mat-expansion-container-text-color: white;
  --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-expansion-header-text-color: white;
  --mat-expansion-header-description-color: rgba(255, 255, 255, 0.7);
  --mat-expansion-header-indicator-color: rgba(255, 255, 255, 0.7);
}
.cyan-theme.dark {
  --mat-icon-color: inherit;
}
.cyan-theme.dark .mat-icon.mat-primary {
  --mat-icon-color: #3ec9d6;
}
.cyan-theme.dark .mat-icon.mat-accent {
  --mat-icon-color: #8996a4;
}
.cyan-theme.dark .mat-icon.mat-warn {
  --mat-icon-color: #dc2626;
}
.cyan-theme.dark {
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
  --mat-sidenav-container-background-color: #424242;
  --mat-sidenav-container-text-color: white;
  --mat-sidenav-content-background-color: #303030;
  --mat-sidenav-content-text-color: white;
  --mat-sidenav-scrim-color: rgba(189, 189, 189, 0.6);
}
.cyan-theme.dark {
  --mat-stepper-header-icon-foreground-color: black;
  --mat-stepper-header-selected-state-icon-background-color: #3ec9d6;
  --mat-stepper-header-selected-state-icon-foreground-color: black;
  --mat-stepper-header-done-state-icon-background-color: #3ec9d6;
  --mat-stepper-header-done-state-icon-foreground-color: black;
  --mat-stepper-header-edit-state-icon-background-color: #3ec9d6;
  --mat-stepper-header-edit-state-icon-foreground-color: black;
  --mat-stepper-container-color: #424242;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: #dc2626;
  --mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-error-state-icon-foreground-color: #dc2626;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.cyan-theme.dark .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: black;
  --mat-stepper-header-selected-state-icon-background-color: #8996a4;
  --mat-stepper-header-selected-state-icon-foreground-color: black;
  --mat-stepper-header-done-state-icon-background-color: #8996a4;
  --mat-stepper-header-done-state-icon-foreground-color: black;
  --mat-stepper-header-edit-state-icon-background-color: #8996a4;
  --mat-stepper-header-edit-state-icon-foreground-color: black;
}
.cyan-theme.dark .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #dc2626;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #dc2626;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #dc2626;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.cyan-theme.dark {
  --mat-sort-arrow-color: rgb(198.3, 198.3, 198.3);
}
.cyan-theme.dark {
  --mat-toolbar-container-background-color: #212121;
  --mat-toolbar-container-text-color: white;
}
.cyan-theme.dark .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #3ec9d6;
  --mat-toolbar-container-text-color: black;
}
.cyan-theme.dark .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #8996a4;
  --mat-toolbar-container-text-color: black;
}
.cyan-theme.dark .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: white;
}
.cyan-theme.dark {
  --mat-tree-container-background-color: #424242;
  --mat-tree-node-text-color: white;
}
.cyan-theme.dark {
  --mat-timepicker-container-background-color: #424242;
}
.cyan-theme.dark {
  --primary-50: #e8f9fa;
}
.cyan-theme.dark .bg-primary-50 {
  background: #e8f9fa;
}
.cyan-theme.dark .b-primary-50 {
  border-color: #e8f9fa !important;
}
.cyan-theme.dark {
  --primary-100: #1ba9bc;
}
.cyan-theme.dark {
  --primary-200: #28b5c6;
}
.cyan-theme.dark {
  --primary-300: #30bccc;
}
.cyan-theme.dark {
  --primary-400: #38c3d1;
}
.cyan-theme.dark {
  --primary-500: #3ec9d6;
}
.cyan-theme.dark .text-primary-500 {
  color: #3ec9d6 !important;
}
.cyan-theme.dark {
  --primary-600: #5bd1dc;
}
.cyan-theme.dark {
  --primary-700: #78d9e2;
}
.cyan-theme.dark {
  --primary-800: #9fe4eb;
}
.cyan-theme.dark {
  --primary-900: #c5eff3;
}
.cyan-theme.dark {
  --accent-50: #1d2630;
}
.cyan-theme.dark {
  --accent-100: #131920;
}
.cyan-theme.dark {
  --accent-200: #1d2630;
}
.cyan-theme.dark {
  --accent-300: #3e4853;
}
.cyan-theme.dark {
  --accent-400: #5b6b79;
}
.cyan-theme.dark {
  --accent-500: #8996a4;
}
.cyan-theme.dark {
  --accent-600: #bec8d0;
}
.cyan-theme.dark {
  --accent-700: #dbe0e5;
}
.cyan-theme.dark {
  --accent-800: #f3f5f7;
}
.cyan-theme.dark {
  --accent-900: #f8f9fa;
}
.cyan-theme.dark {
  --warn-50: #f5bebe;
}
.cyan-theme.dark {
  --warn-100: #c50d0d;
}
.cyan-theme.dark {
  --warn-200: #ce1717;
}
.cyan-theme.dark {
  --warn-300: #d31c1c;
}
.cyan-theme.dark {
  --warn-400: #d82222;
}
.cyan-theme.dark {
  --warn-500: #dc2626;
}
.cyan-theme.dark .text-warn-500 {
  color: #dc2626 !important;
}
.cyan-theme.dark {
  --warn-600: #e14747;
}
.cyan-theme.dark {
  --warn-700: #e76767;
}
.cyan-theme.dark {
  --warn-800: #ee9393;
}
.cyan-theme.dark {
  --warn-900: #f5bebe;
}
.cyan-theme.dark {
  --success-50: #e6f5f0;
}
.cyan-theme.dark {
  --success-100: #107d4f;
}
.cyan-theme.dark {
  --success-200: #1b8d62;
}
.cyan-theme.dark {
  --success-300: #21976c;
}
.cyan-theme.dark {
  --success-400: #27a077;
}
.cyan-theme.dark {
  --success-500: #2ca87f;
}
.cyan-theme.dark {
  --success-600: #4cb592;
}
.cyan-theme.dark {
  --success-700: #6bc2a5;
}
.cyan-theme.dark {
  --success-800: #96d4bf;
}
.cyan-theme.dark {
  --success-900: #c0e5d9;
}
.cyan-theme.dark {
  --warning-50: #fcf1e0;
}
.cyan-theme.dark {
  --warning-100: #d35a00;
}
.cyan-theme.dark {
  --warning-200: #da6d00;
}
.cyan-theme.dark {
  --warning-300: #de7700;
}
.cyan-theme.dark {
  --warning-400: #e28200;
}
.cyan-theme.dark {
  --warning-500: #e58a00;
}
.cyan-theme.dark {
  --warning-600: #e99c26;
}
.cyan-theme.dark {
  --warning-700: #edad4d;
}
.cyan-theme.dark {
  --warning-800: #f2c580;
}
.cyan-theme.dark {
  --warning-900: #f7dcb3;
}

.snack-bar-success {
  --mat-snack-bar-button-color: #fff;
  --mat-snack-bar-container-color: #4caf50;
  --mat-snack-bar-supporting-text-color: #fff;
}

.snack-bar-warning {
  --mat-snack-bar-button-color: #000;
  --mat-snack-bar-container-color: #ff9800;
  --mat-snack-bar-supporting-text-color: #000;
}

.snack-bar-error {
  --mat-snack-bar-button-color: #fff;
  --mat-snack-bar-container-color: #f44336;
  --mat-snack-bar-supporting-text-color: #fff;
}
/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/intro.js/introjs.css?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************/
.introjs-overlay{position:absolute;box-sizing:content-box;z-index:999999;opacity:0;transition:all .3s ease-out}.introjs-showElement{z-index:9999999!important}tr.introjs-showElement>td{z-index:9999999!important;position:relative}tr.introjs-showElement>th{z-index:9999999!important;position:relative}.introjs-disableInteraction{z-index:99999999!important;position:absolute;background-color:#fff;opacity:0}.introjs-relativePosition{position:relative}.introjs-helperLayer{box-sizing:content-box;position:absolute;z-index:9999998;border-radius:4px;transition:all .3s ease-out}.introjs-helperLayer *{box-sizing:content-box}.introjs-helperLayer :before{box-sizing:content-box}.introjs-helperLayer :after{box-sizing:content-box}.introjs-tooltipReferenceLayer{font-family:"Helvetica Neue",Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif;box-sizing:content-box;position:absolute;visibility:hidden;z-index:100000000;background-color:transparent;transition:all .3s ease-out}.introjs-tooltipReferenceLayer *{font-family:"Helvetica Neue",Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.introjs-helperNumberLayer{font-family:"Helvetica Neue",Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif;color:#9e9e9e;text-align:center;padding-top:10px;padding-bottom:10px}.introjs-arrow{border:5px solid transparent;content:"";position:absolute}.introjs-arrow.top{top:-10px;left:10px;border-bottom-color:#fff}.introjs-arrow.right{right:-10px;top:10px;border-left-color:#fff}.introjs-arrow.bottom{bottom:-10px;left:10px;border-top-color:#fff}.introjs-arrow.left{left:-10px;top:10px;border-right-color:#fff}.introjs-tooltip{box-sizing:content-box;position:absolute;visibility:visible;background-color:#fff;min-width:250px;max-width:300px;border-radius:5px;box-shadow:0 3px 30px rgba(33,33,33,.3);transition:opacity .1s ease-out}.introjs-tooltiptext{padding:20px}.introjs-dontShowAgain{padding-left:20px;padding-right:20px}.introjs-dontShowAgain input{padding:0;margin:0;margin-bottom:2px;display:inline;width:10px;height:10px}.introjs-dontShowAgain label{font-size:14px;display:inline-block;font-weight:400;margin:0 0 0 5px;padding:0;background-color:#fff;color:#616161;-webkit-user-select:none;user-select:none}.introjs-tooltip-title{font-size:18px;width:90%;min-height:1.5em;margin:0;padding:0;font-weight:700;line-height:1.5}.introjs-tooltip-header{position:relative;padding-left:20px;padding-right:20px;padding-top:10px;min-height:1.5em}.introjs-tooltipbuttons{border-top:1px solid #e0e0e0;padding:10px;text-align:right;white-space:nowrap}.introjs-tooltipbuttons:after{content:"";visibility:hidden;display:block;height:0;clear:both}.introjs-button{box-sizing:content-box;position:relative;overflow:visible;padding:.5rem 1rem;border:1px solid #bdbdbd;text-decoration:none;text-shadow:1px 1px 0 #fff;font-size:14px;color:#424242;white-space:nowrap;cursor:pointer;outline:0;background-color:#f4f4f4;border-radius:.2em;zoom:1;display:inline}.introjs-button:hover{outline:0;text-decoration:none;border-color:#9e9e9e;background-color:#e0e0e0;color:#212121}.introjs-button:focus{outline:0;text-decoration:none;background-color:#eee;box-shadow:0 0 0 .2rem rgba(158,158,158,.5);border:1px solid #616161;color:#212121}.introjs-button:active{outline:0;text-decoration:none;background-color:#e0e0e0;border-color:#9e9e9e;color:#212121}.introjs-button::-moz-focus-inner{padding:0;border:0}.introjs-skipbutton{position:absolute;top:0;right:0;display:inline-block;width:45px;height:45px;line-height:45px;color:#616161;font-size:22px;cursor:pointer;font-weight:700;text-align:center;text-decoration:none}.introjs-skipbutton:focus,.introjs-skipbutton:hover{color:#212121;outline:0;text-decoration:none}.introjs-prevbutton{float:left}.introjs-nextbutton{float:right}.introjs-disabled{color:#9e9e9e;border-color:#bdbdbd;box-shadow:none;cursor:default;background-color:#f4f4f4;background-image:none;text-decoration:none}.introjs-disabled:focus,.introjs-disabled:hover{color:#9e9e9e;border-color:#bdbdbd;box-shadow:none;cursor:default;background-color:#f4f4f4;background-image:none;text-decoration:none}.introjs-hidden{display:none}.introjs-bullets{text-align:center;padding-top:10px;padding-bottom:10px}.introjs-bullets ul{box-sizing:content-box;clear:both;margin:0 auto 0;padding:0;display:inline-block}.introjs-bullets ul li{box-sizing:content-box;list-style:none;float:left;margin:0 2px}.introjs-bullets ul li a{transition:width .1s ease-in;box-sizing:content-box;display:block;width:6px;height:6px;background:#ccc;border-radius:10px;text-decoration:none;cursor:pointer}.introjs-bullets ul li a:focus,.introjs-bullets ul li a:hover{width:15px;background:#999;text-decoration:none;outline:0}.introjs-bullets ul li a.active{width:15px;background:#999}.introjs-progress{box-sizing:content-box;overflow:hidden;height:10px;margin:10px;border-radius:4px;background-color:#e0e0e0}.introjs-progressbar{box-sizing:content-box;float:left;width:0%;height:100%;font-size:10px;line-height:10px;text-align:center;background-color:#08c}.introjs-fixedTooltip{position:fixed}.introjs-hint{box-sizing:content-box;position:absolute;background:0 0;width:20px;height:15px;cursor:pointer}.introjs-hint:focus{border:0;outline:0}.introjs-hint:hover>.introjs-hint-pulse{background-color:rgba(60,60,60,.57)}.introjs-hidehint{display:none}.introjs-fixedhint{position:fixed}@keyframes introjspulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(0,0,0,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px transparent}100%{transform:scale(.95);box-shadow:0 0 0 0 transparent}}.introjs-hint-pulse{box-sizing:content-box;width:15px;height:15px;border-radius:30px;background-color:rgba(136,136,136,.24);z-index:10;position:absolute;transition:all .2s ease-out;animation:introjspulse 2s infinite}.introjs-hint-no-anim .introjs-hint-pulse{animation:none}.introjs-hint-dot{box-sizing:content-box;background:0 0;border-radius:60px;height:50px;width:50px;position:absolute;top:-18px;left:-18px;z-index:1;opacity:0}
/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/intro.js/themes/introjs-modern.css?ngGlobalStyle ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
.introjs-tooltip {
  background-color: rgba(000, 0, 0, 0.5);
  color: #fff;
}

.introjs-button,
.introjs-button:hover, .introjs-button:focus, .introjs-button:active,
.introjs-disabled, .introjs-disabled:focus, .introjs-disabled:hover {
  outline: none;
  background-image: none;
  background-color: transparent;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 50px;
  box-shadow: none;
  border-shadow: none;
  text-shadow: none;
}

.introjs-button:hover, .introjs-button:focus, .introjs-button:active {
  border: 1px solid #fff
}
.introjs-disabled, .introjs-disabled:focus, .introjs-disabled:hover {
  color: #ccc;
  border: 1px solid transparent;
}

.introjs-arrow {
  border: 10px solid #fff;
}
.introjs-arrow.top {
  border-color: transparent transparent rgba(000, 0, 0, 0.5);
  top: -20px;
  left: 20px;
}
.introjs-arrow.bottom {
  border-color: rgba(000, 0, 0, 0.5) transparent transparent;
  bottom: -20px;
  left: 20px;
}
.introjs-arrow.left, .introjs-arrow.right {
    top: 20px;
}

.introjs-arrow.left {
  left: -20px;
  border-color: transparent rgba(000, 0, 0, 0.5) transparent transparent;
}
.introjs-arrow.right {
  right: -20px;
  border-color: transparent transparent transparent rgba(000, 0, 0, 0.5);
}