/* node_modules/ngx-owl-carousel-o/lib/styles/prebuilt-themes/owl.carousel.min.css */
.owl-carousel,
.owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}
.owl-carousel .owl-item.center {
  z-index: 5;
}
.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: none;
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height .5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
  transition: opacity .4s ease;
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("./media/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform .1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity .4s ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/* node_modules/ngx-owl-carousel-o/lib/styles/prebuilt-themes/owl.theme.default.min.css */
.owl-theme .owl-dots,
.owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav {
  margin-top: 10px;
}
.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}
.owl-theme .owl-nav .disabled {
  opacity: .5;
  cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

/* node_modules/@ngxpert/hot-toast/src/styles/styles.css */
@keyframes hotToastEnter {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.hot-toast-animated-icon {
  animation: var(--hot-toast-animated-icon-animation, hotToastEnter 0.3s ease-in-out forwards);
  position: var(--hot-toast-animated-icon-position, relative);
  transform: var(--hot-toast-animated-icon-transform, scale(0));
}
@media (prefers-reduced-motion: reduce) {
  .hot-toast-animated-icon {
    animation-duration: var(--hot-toast-animated-icon-reduced-motion-animation-duration, none);
    opacity: var(--hot-toast-animated-icon-reduced-motion-opacity, 1);
    transform: var(--hot-toast-animated-icon-reduced-motion-transform, scale(1));
  }
}
@keyframes hotToastCircleAnimation {
  from {
    opacity: 0;
    transform: scale(0) rotate(45deg);
  }
  to {
    opacity: 1;
    transform: scale(1) rotate(45deg);
  }
}
@keyframes hotToastCheckmarkAnimation {
  0% {
    height: 0;
    opacity: 0;
    width: 0;
  }
  40% {
    height: 0;
    opacity: 1;
    width: 6px;
  }
  100% {
    height: 10px;
    opacity: 1;
  }
}
.hot-toast-checkmark-icon {
  animation: var(--hot-toast-checkmark-icon-animation, hotToastCircleAnimation 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards);
  animation-delay: var(--hot-toast-checkmark-icon-animation-delay, 100ms);
  background-color: var(--hot-toast-checkmark-icon-background-color, var(--check-primary, #61d345));
  border-radius: var(--hot-toast-checkmark-icon-border-radius, 10px);
  height: var(--hot-toast-checkmark-icon-height, 20px);
  opacity: var(--hot-toast-checkmark-icon-opacity, 0);
  position: var(--hot-toast-checkmark-icon-position, relative);
  transform: var(--hot-toast-checkmark-icon-transform, rotate(45deg));
  width: var(--hot-toast-checkmark-icon-width, 20px);
}
@media (prefers-reduced-motion: reduce) {
  .hot-toast-checkmark-icon {
    animation-duration: var(--hot-toast-checkmark-icon-reduced-motion-animation-duration, 0ms);
  }
}
.hot-toast-checkmark-icon::after {
  animation: var(--hot-toast-checkmark-icon-after-animation, hotToastCheckmarkAnimation 0.2s ease-out forwards);
  animation-delay: var(--hot-toast-checkmark-icon-after-animation-delay, 200ms);
  border-bottom-style: solid;
  border-bottom-width: var(--hot-toast-checkmark-icon-after-border-bottom, 2px);
  border-color: var(--hot-toast-checkmark-icon-after-border-color, var(--check-secondary, #fff));
  border-right-style: solid;
  border-right-width: var(--hot-toast-checkmark-icon-after-border-right, 2px);
  bottom: var(--hot-toast-checkmark-icon-after-bottom, 6px);
  box-sizing: var(--hot-toast-checkmark-icon-after-box-sizing, border-box);
  content: var(--hot-toast-checkmark-icon-after-content, "");
  height: var(--hot-toast-checkmark-icon-after-height, 10px);
  left: var(--hot-toast-checkmark-icon-after-left, 6px);
  opacity: var(--hot-toast-checkmark-icon-after-opacity, 0);
  position: var(--hot-toast-checkmark-icon-after-position, absolute);
  width: var(--hot-toast-checkmark-icon-after-width, 6px);
}
@media (prefers-reduced-motion: reduce) {
  .hot-toast-checkmark-icon::after {
    animation-duration: var(--hot-toast-checkmark-icon-after-reduced-motion-animation-duration, 0ms);
  }
}
@keyframes hotToastErrorCircleAnimation {
  from {
    opacity: 0;
    transform: scale(0) rotate(45deg);
  }
  to {
    opacity: 1;
    transform: scale(1) rotate(45deg);
  }
}
@keyframes hotToastFirstLineAnimation {
  from {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes hotToastSecondLineAnimation {
  from {
    opacity: 0;
    transform: scale(0) rotate(90deg);
  }
  to {
    opacity: 1;
    transform: scale(1) rotate(90deg);
  }
}
.hot-toast-error-icon {
  animation: var(--hot-toast-error-icon-animation, hotToastErrorCircleAnimation 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards);
  animation-delay: var(--hot-toast-error-icon-animation-delay, 100ms);
  background: var(--hot-toast-error-icon-background, var(--error-primary, #ff4b4b));
  border-radius: var(--hot-toast-error-icon-border-radius, 10px);
  height: var(--hot-toast-error-icon-height, 20px);
  opacity: var(--hot-toast-error-icon-opacity, 0);
  position: var(--hot-toast-error-icon-position, relative);
  transform: var(--hot-toast-error-icon-transform, rotate(45deg));
  width: var(--hot-toast-error-icon-width, 20px);
}
@media (prefers-reduced-motion: reduce) {
  .hot-toast-error-icon {
    animation-duration: var(--hot-toast-error-icon-reduced-motion-animation-duration, 0ms);
  }
}
.hot-toast-error-icon::after,
.hot-toast-error-icon::before {
  animation: var(--hot-toast-error-icon-after-before-animation, hotToastFirstLineAnimation 0.15s ease-out forwards);
  animation-delay: var(--hot-toast-error-icon-after-before-animation-delay, 150ms);
  background: var(--hot-toast-error-icon-after-before-background, var(--error-secondary, #fff));
  border-radius: var(--hot-toast-error-icon-after-before-border-radius, 3px);
  bottom: var(--hot-toast-error-icon-after-before-bottom, 9px);
  content: var(--hot-toast-error-icon-after-before-content, "");
  height: var(--hot-toast-error-icon-after-before-height, 2px);
  left: var(--hot-toast-error-icon-after-before-left, 4px);
  opacity: var(--hot-toast-error-icon-after-before-opacity, 0);
  position: var(--hot-toast-error-icon-after-before-position, absolute);
  width: var(--hot-toast-error-icon-after-before-width, 12px);
}
@media (prefers-reduced-motion: reduce) {
  .hot-toast-error-icon::after,
  .hot-toast-error-icon::before {
    animation-duration: var(--hot-toast-error-icon-after-before-reduced-motion-animation-duration, 0ms);
  }
}
.hot-toast-error-icon::before {
  animation: var(--hot-toast-error-icon-before-animation, hotToastSecondLineAnimation 0.15s ease-out forwards);
  animation-delay: var(--hot-toast-error-icon-before-animation-delay, 180ms);
  transform: var(--hot-toast-error-icon-before-transform, rotate(90deg));
}
@media (prefers-reduced-motion: reduce) {
  .hot-toast-error-icon::before {
    animation-duration: var(--hot-toast-error-icon-before-reduced-motion-animation-duration, 0ms);
  }
}
.hot-toast-bar-base {
  align-items: var(--hot-toast-align-items, center);
  background-color: var(--hot-toast-bg, #fff);
  border-radius: var(--hot-toast-border-radius, 4px);
  box-shadow: var(--hot-toast-shadow, 0 3px 10px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.05));
  color: var(--hot-toast-color, #363636);
  display: var(--hot-toast-display, flex);
  line-height: var(--hot-toast-line, 1.3);
  margin: var(--hot-toast-margin, 16px);
  max-width: var(--hot-toast-max-width, 350px);
  padding: var(--hot-toast-padding, 8px 10px);
  pointer-events: var(--hot-toast-pointer-events, auto);
  width: var(--hot-toast-width, fit-content);
  transition-property: border-bottom-left-radius, border-bottom-right-radius;
  transition-duration: 230ms;
  transition-timing-function: ease-out;
}
.hot-toast-bar-base:hover,
.hot-toast-bar-base:focus {
  animation-play-state: var(--hot-toast-animation-state, paused) !important;
}
@media (prefers-reduced-motion: reduce) {
  .hot-toast-bar-base {
    animation-duration: var(--hot-toast-reduced-motion-animation-duration, 10ms) !important;
  }
}
.expanded .hot-toast-bar-base {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.hot-toast-message {
  color: var(--hot-toast-message-color, inherit);
  display: var(--hot-toast-message-display, flex);
  flex: var(--hot-toast-message-flex, 1);
  justify-content: var(--hot-toast-message-justify-content, center);
  margin: var(--hot-toast-message-margin, 4px 10px);
}
.hot-toast-bar-base-container {
  display: var(--hot-toast-container-display, flex);
  pointer-events: var(--hot-toast-container-pointer-events, none);
  position: var(--hot-toast-container-position, absolute);
  transition: var(--hot-toast-container-transition, transform 230ms cubic-bezier(0.21, 1.02, 0.73, 1));
}
@media (prefers-reduced-motion: reduce) {
  .hot-toast-bar-base-container {
    transition-duration: var(--hot-toast-container-reduced-motion-transition-duration, 10ms) !important;
  }
}
.hot-toast-bar-base-container.hot-toast-theme-snackbar .hot-toast-bar-base {
  background: var(--hot-toast-snackbar-bg, #323232);
  box-shadow: var(--hot-toast-snackbar-shadow, 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12));
  color: var(--hot-toast-snackbar-color, rgb(255, 255, 255));
}
.hot-toast-bar-base-container.hot-toast-theme-snackbar .hot-toast-close-btn {
  filter: var(--hot-toast-snackbar-close-btn-filter, invert(1) grayscale(100%) brightness(200%));
}
.hot-toast-close-btn {
  align-self: var(--hot-toast-close-btn-align-self, flex-start);
  background-color: var(--hot-toast-close-btn-background-color, transparent);
  background-image: var(--hot-toast-close-btn-background-image, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e"));
  background-position: var(--hot-toast-close-btn-background-position, center);
  background-repeat: var(--hot-toast-close-btn-background-repeat, no-repeat);
  background-size: var(--hot-toast-close-btn-background-size, 0.75em);
  border: var(--hot-toast-close-btn-border, 0);
  border-radius: var(--hot-toast-close-btn-border-radius, 0.25rem);
  box-sizing: var(--hot-toast-close-btn-box-sizing, content-box);
  display: var(--hot-toast-close-btn-display, flex);
  height: var(--hot-toast-close-btn-height, 0.8em);
  margin-top: var(--hot-toast-close-btn-margin-top, 0.25em);
  opacity: var(--hot-toast-close-btn-opacity, 0.5);
  padding: var(--hot-toast-close-btn-padding, 0.25em);
  width: var(--hot-toast-close-btn-width, 0.8em);
}
.hot-toast-close-btn:focus {
  box-shadow: var(--hot-toast-close-btn-box-shadow, 0 0 0 0.125rem rgba(13, 110, 253, 0.25));
  outline: var(--hot-toast-close-btn-outline, none);
}
.hot-toast-close-btn:hover,
.hot-toast-close-btn:focus {
  opacity: var(--hot-toast-close-btn-opacity, 0.75);
}
.hot-toast-group-btn {
  align-self: var(--hot-toast-group-btn-align-self, flex-start);
  background-color: var(--hot-toast-group-btn-background-color, transparent);
  background-image: var(--hot-toast-group-btn-background-image, url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.75745 10.5858L9.17166 9.17154L12.0001 12L14.8285 9.17157L16.2427 10.5858L12.0001 14.8284L7.75745 10.5858Z' fill='currentColor' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21Z' fill='currentColor' /%3E%3C/svg%3E"));
  background-position: var(--hot-toast-group-btn-background-position, center);
  background-repeat: var(--hot-toast-group-btn-background-repeat, no-repeat);
  background-size: var(--hot-toast-group-btn-background-size, 1.3em);
  border: var(--hot-toast-group-btn-border, 0);
  border-radius: var(--hot-toast-group-btn-border-radius, 0.25rem);
  box-sizing: var(--hot-toast-group-btn-box-sizing, content-box);
  display: var(--hot-toast-group-btn-display, flex);
  height: var(--hot-toast-group-btn-height, 0.8em);
  margin-top: var(--hot-toast-group-btn-margin-top, 0.25em);
  opacity: var(--hot-toast-group-btn-opacity, 0.5);
  padding: var(--hot-toast-group-btn-padding, 0.25em);
  width: var(--hot-toast-group-btn-width, 0.8em);
  will-change: var(--hot-toast-group-btn-will-change, transform);
  transition: var(--hot-toast-group-btn-transition, transform 230ms cubic-bezier(0.21, 1.02, 0.73, 1));
}
.hot-toast-group-btn:focus {
  box-shadow: var(--hot-toast-group-btn-box-shadow, 0 0 0 0.125rem rgba(13, 110, 253, 0.25));
  outline: var(--hot-toast-group-btn-outline, none);
}
.hot-toast-group-btn:hover,
.hot-toast-group-btn:focus {
  opacity: var(--hot-toast-group-btn-opacity, 0.75);
}
.expanded .hot-toast-group-btn {
  transform: rotate(var(--hot-toast-group-btn-expanded-rotate, 180deg));
}
.hot-toast-icon {
  align-self: var(--hot-toast-icon-align-self, flex-start);
  padding-top: var(--hot-toast-icon-padding-top, 0.25em);
}
.hot-toast-bar-base-wrapper {
  pointer-events: all;
}
.hot-toast-bar-base-group {
  --hot-toast-shadow: none;
  background-color: var(--hot-toast-group-bg, #fff);
  margin: var(--hot-toast-margin, 16px);
  margin-top: calc(-1 * var(--hot-toast-margin, 16px));
  border-bottom-left-radius: var(--hot-toast-border-radius, 4px);
  border-bottom-right-radius: var(--hot-toast-border-radius, 4px);
  height: 0;
  overflow: hidden;
  transition-property: height;
  transition-duration: 230ms;
  transition-timing-function: ease-in-out;
  position: relative;
  box-shadow: var(--hot-toast-group-after-shadow, 0 3px 10px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.05));
}
.expanded .hot-toast-bar-base-group {
  height: var(--hot-toast-group-height);
}
.hot-toast-bar-base-group .hot-toast-bar-base {
  margin: 0;
}
@keyframes hotToastEnterAnimationNegative {
  0% {
    opacity: 0.5;
    transform: translate3d(0, -80px, 0) scale(0.6);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes hotToastEnterAnimationPositive {
  0% {
    opacity: 0.5;
    transform: translate3d(0, 80px, 0) scale(0.6);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes hotToastExitAnimationPositive {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, -1px) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, var(--hot-toast-exit-positive-y, 130px), -1px) scale(0.5);
  }
}
@keyframes hotToastExitAnimationNegative {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, -1px) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, var(--hot-toast-exit-negative-y, -130px), -1px) scale(0.5);
  }
}
@keyframes hotToastEnterSoftAnimationNegative {
  0% {
    opacity: 0.5;
    transform: translate3d(0, -14px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes hotToastEnterSoftAnimationPositive {
  0% {
    opacity: 0.5;
    transform: translate3d(0, 14px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes hotToastExitSoftAnimationPositive {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, -1px);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 14px, -1px);
  }
}
@keyframes hotToastExitSoftAnimationNegative {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, -1px);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -14px, -1px);
  }
}
.hot-toast-indicator-wrapper {
  align-items: var(--hot-toast-indicator-wrapper-align-items, center);
  display: var(--hot-toast-indicator-wrapper-display, flex);
  justify-content: var(--hot-toast-indicator-wrapper-justify-content, center);
  min-height: var(--hot-toast-indicator-wrapper-min-height, 20px);
  min-width: var(--hot-toast-indicator-wrapper-min-width, 20px);
  position: var(--hot-toast-indicator-wrapper-position, relative);
}
.hot-toast-status-wrapper {
  position: var(--hot-toast-status-wrapper-position, absolute);
}
@keyframes animate-info-background {
  from {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes animate-info-line {
  0% {
    height: 0;
    opacity: 0;
  }
  40% {
    height: 4.8px;
    opacity: 1;
  }
  100% {
    height: 8px;
    opacity: 1;
  }
}
.hot-toast-info-icon {
  animation: var(--hot-toast-info-icon-animation, animate-info-background 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards);
  animation-delay: var(--hot-toast-info-icon-animation-delay, 100ms);
  background-color: var(--hot-toast-info-icon-background-color, var(--info-primary, #0d6efd));
  border-radius: var(--hot-toast-info-icon-border-radius, 50%);
  display: var(--hot-toast-info-icon-display, block);
  height: var(--hot-toast-info-icon-height, 20px);
  opacity: var(--hot-toast-info-icon-opacity, 0);
  position: var(--hot-toast-info-icon-position, relative);
  transform: var(--hot-toast-info-icon-transform, scale(0));
  width: var(--hot-toast-info-icon-width, 20px);
}
.hot-toast-info-icon::after,
.hot-toast-info-icon::before {
  background-color: var(--hot-toast-info-icon-after-before-background-color, var(--info-secondary, #fff));
  border-radius: var(--hot-toast-info-icon-after-before-border-radius, 3px);
  box-sizing: var(--hot-toast-info-icon-after-before-box-sizing, border-box);
  content: var(--hot-toast-info-icon-after-before-content, "");
  display: var(--hot-toast-info-icon-after-before-display, block);
  left: var(--hot-toast-info-icon-after-before-left, 8.5px);
  position: var(--hot-toast-info-icon-after-before-position, absolute);
  width: var(--hot-toast-info-icon-after-before-width, 2.5px);
}
.hot-toast-info-icon::after {
  animation: var(--hot-toast-info-icon-after-animation, animate-info-line 0.2s ease-out forwards);
  animation-delay: var(--hot-toast-info-icon-after-animation-delay, 200ms);
  height: var(--hot-toast-info-icon-after-height, 0);
  opacity: var(--hot-toast-info-icon-after-opacity, 0);
  top: var(--hot-toast-info-icon-after-bottom, 8px);
}
.hot-toast-info-icon::before {
  height: var(--hot-toast-info-icon-before-height, 2px);
  top: var(--hot-toast-info-icon-before-top, 4px);
}
@keyframes hotToastRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.hot-toast-loader-icon {
  animation: var(--hot-toast-loader-icon-animation, hotToastRotate 1s linear infinite);
  border: var(--hot-toast-loader-icon-border, 2px solid);
  border-bottom-color: var(--hot-toast-loader-icon-border-color, #e0e0e0);
  border-left-color: var(--hot-toast-loader-icon-border-color, #e0e0e0);
  border-radius: var(--hot-toast-loader-icon-border-radius, 100%);
  border-right-color: var(--hot-toast-loader-icon-border-right-color, #616161);
  border-top-color: var(--hot-toast-loader-icon-border-color, #e0e0e0);
  box-sizing: var(--hot-toast-loader-icon-box-sizing, border-box);
  height: var(--hot-toast-loader-icon-height, 18px);
  padding-top: var(--hot-toast-loader-icon-padding-top, 2px);
  width: var(--hot-toast-loader-icon-width, 18px);
}
@media (prefers-reduced-motion: reduce) {
  .hot-toast-loader-icon {
    animation-duration: var(--hot-toast-loader-icon-reduced-motion-animation-duration, 5s);
  }
}
@keyframes animate-warn-background {
  from {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes animate-warn-line {
  0% {
    height: 0;
    opacity: 0;
  }
  40% {
    height: 4.8px;
    opacity: 1;
  }
  100% {
    height: 8px;
    opacity: 1;
  }
}
.hot-toast-warning-icon {
  animation: var(--hot-toast-warning-icon-animation, animate-warn-background 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards);
  animation-delay: var(--hot-toast-warning-icon-animation-delay, 100ms);
  background-color: var(--hot-toast-warning-icon-background-color, var(--warn-primary, #ffab00));
  border-radius: var(--hot-toast-warning-icon-border-radius, 50%);
  display: var(--hot-toast-warning-icon-display, block);
  height: var(--hot-toast-warning-icon-height, 20px);
  opacity: var(--hot-toast-warning-icon-opacity, 0);
  position: var(--hot-toast-warning-icon-position, relative);
  transform: var(--hot-toast-warning-icon-transform, scale(0));
  width: var(--hot-toast-warning-icon-width, 20px);
}
.hot-toast-warning-icon::after,
.hot-toast-warning-icon::before {
  background-color: var(--hot-toast-warning-icon-after-before-background-color, var(--warn-secondary, #fff));
  border-radius: var(--hot-toast-warning-icon-after-before-border-radius, 3px);
  box-sizing: var(--hot-toast-warning-icon-after-before-box-sizing, border-box);
  content: var(--hot-toast-warning-icon-after-before-content, "");
  display: var(--hot-toast-warning-icon-after-before-display, block);
  left: var(--hot-toast-warning-icon-after-before-left, 8.5px);
  position: var(--hot-toast-warning-icon-after-before-position, absolute);
  width: var(--hot-toast-warning-icon-after-before-width, 2.5px);
}
.hot-toast-warning-icon::after {
  animation: var(--hot-toast-warning-icon-after-animation, animate-warn-line 0.2s ease-out forwards);
  animation-delay: var(--hot-toast-warning-icon-after-animation-delay, 200ms);
  height: var(--hot-toast-warning-icon-after-height, 0);
  opacity: var(--hot-toast-warning-icon-after-opacity, 0);
  top: var(--hot-toast-warning-icon-after-top, 4px);
}
.hot-toast-warning-icon::before {
  bottom: var(--hot-toast-warning-icon-before-bottom, 4px);
  height: var(--hot-toast-warning-icon-before-height, 2px);
}

/* node_modules/aos/dist/aos.css */
[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms;
}
[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms;
}
[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
  transition-duration: .1s;
}
[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: .1s;
}
[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  transition-duration: .15s;
}
[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: .15s;
}
[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  transition-duration: .2s;
}
[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: .2s;
}
[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  transition-duration: .25s;
}
[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: .25s;
}
[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  transition-duration: .3s;
}
[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: .3s;
}
[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  transition-duration: .35s;
}
[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: .35s;
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  transition-duration: .4s;
}
[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: .4s;
}
[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  transition-duration: .45s;
}
[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: .45s;
}
[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  transition-duration: .5s;
}
[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: .5s;
}
[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  transition-duration: .55s;
}
[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: .55s;
}
[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  transition-duration: .6s;
}
[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: .6s;
}
[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
  transition-duration: .65s;
}
[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: .65s;
}
[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  transition-duration: .7s;
}
[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: .7s;
}
[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  transition-duration: .75s;
}
[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: .75s;
}
[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
  transition-duration: .8s;
}
[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: .8s;
}
[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
  transition-duration: .85s;
}
[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: .85s;
}
[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
  transition-duration: .9s;
}
[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: .9s;
}
[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
  transition-duration: .95s;
}
[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: .95s;
}
[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}
[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s;
}
[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s;
}
[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s;
}
[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s;
}
[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s;
}
[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s;
}
[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s;
}
[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s;
}
[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s;
}
[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s;
}
[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s;
}
[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s;
}
[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s;
}
[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s;
}
[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s;
}
[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s;
}
[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s;
}
[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s;
}
[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s;
}
[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s;
}
[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s;
}
[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s;
}
[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s;
}
[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s;
}
[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s;
}
[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s;
}
[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s;
}
[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s;
}
[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s;
}
[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s;
}
[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s;
}
[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s;
}
[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s;
}
[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s;
}
[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s;
}
[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s;
}
[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s;
}
[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s;
}
[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s;
}
[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s;
}
[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s;
}
[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s;
}
[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s;
}
[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s;
}
[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s;
}
[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s;
}
[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s;
}
[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s;
}
[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s;
}
[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s;
}
[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s;
}
[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s;
}
[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s;
}
[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s;
}
[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s;
}
[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s;
}
[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s;
}
[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s;
}
[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s;
}
[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s;
}
[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s;
}
[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s;
}
[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s;
}
[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s;
}
[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s;
}
[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s;
}
[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s;
}
[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s;
}
[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s;
}
[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s;
}
[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s;
}
[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s;
}
[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s;
}
[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s;
}
[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s;
}
[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s;
}
[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s;
}
[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s;
}
[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s;
}
[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s;
}
[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s;
}
[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .25, .75, .75);
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease;
}
[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in;
}
[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out;
}
[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out;
}
[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(.6, -.28, .735, .045);
}
[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
}
[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.47, 0, .745, .715);
}
[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.39, .575, .565, 1);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.445, .05, .55, .95);
}
[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53);
}
[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955);
}
[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53);
}
[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955);
}
[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53);
}
[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955);
}
[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}
[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0);
}
[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0);
}
[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0);
}
[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0);
}
[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0);
}
[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0);
}
[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0);
}
[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0);
}
[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1);
}
[data-aos=zoom-in] {
  transform: scale(.6);
}
[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(.6);
}
[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(.6);
}
[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(.6);
}
[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(.6);
}
[data-aos=zoom-out] {
  transform: scale(1.2);
}
[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}
[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}
[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}
[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}
[data-aos^=slide][data-aos^=slide] {
  transition-property: transform;
}
[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0);
}
[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0);
}
[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0);
}
[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0);
}
[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0);
}
[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform;
}
[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg);
}
[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0);
}
[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg);
}
[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0);
}
[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg);
}
[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0);
}
[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg);
}
[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

/* node_modules/ng-sortgrid/styles/ngsg.css */
.ng-sg-placeholder {
  background-color: #f4f4f4 !important;
  color: darkgrey !important;
}
.ng-sg-dropped {
  border: 1px solid cornflowerblue !important;
}
.ng-sg-selected {
  background: lightblue !important;
}
.ng-sg-active {
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12);
  opacity: .6;
}

/* src/styles.scss */
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}
.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
  background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1));
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}
@keyframes cdk-text-field-autofill-start {
}
@keyframes cdk-text-field-autofill-end {
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}
.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}
.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, transparent);
  color: var(--mat-app-text-color, inherit);
}
html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-option-selected-state-label-text-color: #d75f2b;
  --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: #639bfc;
  --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: #ff0031;
  --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);
}
.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #d75f2b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #d75f2b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
html {
  --mat-full-pseudo-checkbox-selected-icon-color: #639bfc;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #639bfc;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #639bfc;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #639bfc;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #ff0031;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ff0031;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-theme-loaded-marker {
  display: none;
}
html {
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}
.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #d75f2b;
  --mdc-linear-progress-track-color: rgba(215, 95, 43, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #639bfc;
  --mdc-linear-progress-track-color: rgba(99, 155, 252, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #ff0031;
  --mdc-linear-progress-track-color: rgba(255, 0, 49, 0.25);
}
html {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
  --mdc-filled-text-field-caret-color: #d75f2b;
  --mdc-filled-text-field-focus-active-indicator-color: #d75f2b;
  --mdc-filled-text-field-focus-label-text-color: rgba(215, 95, 43, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #ff0031;
  --mdc-filled-text-field-error-focus-label-text-color: #ff0031;
  --mdc-filled-text-field-error-label-text-color: #ff0031;
  --mdc-filled-text-field-error-caret-color: #ff0031;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #ff0031;
  --mdc-filled-text-field-error-focus-active-indicator-color: #ff0031;
  --mdc-filled-text-field-error-hover-active-indicator-color: #ff0031;
  --mdc-outlined-text-field-caret-color: #d75f2b;
  --mdc-outlined-text-field-focus-outline-color: #d75f2b;
  --mdc-outlined-text-field-focus-label-text-color: rgba(215, 95, 43, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #ff0031;
  --mdc-outlined-text-field-error-focus-label-text-color: #ff0031;
  --mdc-outlined-text-field-error-label-text-color: #ff0031;
  --mdc-outlined-text-field-error-hover-label-text-color: #ff0031;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #ff0031;
  --mdc-outlined-text-field-error-hover-outline-color: #ff0031;
  --mdc-outlined-text-field-error-outline-color: #ff0031;
  --mat-form-field-focus-select-arrow-color: rgba(215, 95, 43, 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: #ff0031;
  --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-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #639bfc;
  --mdc-filled-text-field-focus-active-indicator-color: #639bfc;
  --mdc-filled-text-field-focus-label-text-color: rgba(99, 155, 252, 0.87);
  --mdc-outlined-text-field-caret-color: #639bfc;
  --mdc-outlined-text-field-focus-outline-color: #639bfc;
  --mdc-outlined-text-field-focus-label-text-color: rgba(99, 155, 252, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(99, 155, 252, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #ff0031;
  --mdc-filled-text-field-focus-active-indicator-color: #ff0031;
  --mdc-filled-text-field-focus-label-text-color: rgba(255, 0, 49, 0.87);
  --mdc-outlined-text-field-caret-color: #ff0031;
  --mdc-outlined-text-field-focus-outline-color: #ff0031;
  --mdc-outlined-text-field-focus-label-text-color: rgba(255, 0, 49, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(255, 0, 49, 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;
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: 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(215, 95, 43, 0.87);
  --mat-select-invalid-arrow-color: rgba(255, 0, 49, 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(99, 155, 252, 0.87);
  --mat-select-invalid-arrow-color: rgba(255, 0, 49, 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(255, 0, 49, 0.87);
  --mat-select-invalid-arrow-color: rgba(255, 0, 49, 0.87);
}
html {
  --mat-select-arrow-transform: translateY(-8px);
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-autocomplete-background-color: white;
  --mdc-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);
  --mdc-dialog-container-shadow-color: #000;
  --mdc-dialog-container-shape: 4px;
  --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;
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}
.mat-mdc-standard-chip {
  --mdc-chip-container-shape-family: rounded;
  --mdc-chip-container-shape-radius: 16px 16px 16px 16px;
  --mdc-chip-with-avatar-avatar-shape-family: rounded;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-selected-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-flat-disabled-selected-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #d75f2b;
  --mdc-chip-elevated-selected-container-color: #d75f2b;
  --mdc-chip-elevated-disabled-container-color: #d75f2b;
  --mdc-chip-flat-disabled-selected-container-color: #d75f2b;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #639bfc;
  --mdc-chip-elevated-selected-container-color: #639bfc;
  --mdc-chip-elevated-disabled-container-color: #639bfc;
  --mdc-chip-flat-disabled-selected-container-color: #639bfc;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #ff0031;
  --mdc-chip-elevated-selected-container-color: #ff0031;
  --mdc-chip-elevated-disabled-container-color: #ff0031;
  --mdc-chip-flat-disabled-selected-container-color: #ff0031;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}
html {
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
  --mdc-switch-selected-focus-state-layer-color: #ff7700;
  --mdc-switch-selected-handle-color: #ff7700;
  --mdc-switch-selected-hover-state-layer-color: #ff7700;
  --mdc-switch-selected-pressed-state-layer-color: #ff7700;
  --mdc-switch-selected-focus-handle-color: #ff7700;
  --mdc-switch-selected-hover-handle-color: #ff7700;
  --mdc-switch-selected-pressed-handle-color: #ff7700;
  --mdc-switch-selected-focus-track-color: #ff9605;
  --mdc-switch-selected-hover-track-color: #ff9605;
  --mdc-switch-selected-pressed-track-color: #ff9605;
  --mdc-switch-selected-track-color: #ff9605;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #5f8ced;
  --mdc-switch-selected-handle-color: #5f8ced;
  --mdc-switch-selected-hover-state-layer-color: #5f8ced;
  --mdc-switch-selected-pressed-state-layer-color: #5f8ced;
  --mdc-switch-selected-focus-handle-color: #4949a5;
  --mdc-switch-selected-hover-handle-color: #4949a5;
  --mdc-switch-selected-pressed-handle-color: #4949a5;
  --mdc-switch-selected-focus-track-color: #81b9ff;
  --mdc-switch-selected-hover-track-color: #81b9ff;
  --mdc-switch-selected-pressed-track-color: #81b9ff;
  --mdc-switch-selected-track-color: #81b9ff;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #f4511e;
  --mdc-switch-selected-handle-color: #f4511e;
  --mdc-switch-selected-hover-state-layer-color: #f4511e;
  --mdc-switch-selected-pressed-state-layer-color: #f4511e;
  --mdc-switch-selected-focus-handle-color: #bf360c;
  --mdc-switch-selected-hover-handle-color: #bf360c;
  --mdc-switch-selected-pressed-handle-color: #bf360c;
  --mdc-switch-selected-focus-track-color: #f9a825;
  --mdc-switch-selected-hover-track-color: #f9a825;
  --mdc-switch-selected-pressed-track-color: #f9a825;
  --mdc-switch-selected-track-color: #f9a825;
}
html {
  --mdc-switch-state-layer-size: 40px;
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}
.mat-mdc-radio-button {
  --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #d75f2b;
  --mdc-radio-selected-hover-icon-color: #d75f2b;
  --mdc-radio-selected-icon-color: #d75f2b;
  --mdc-radio-selected-pressed-icon-color: #d75f2b;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #d75f2b;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #639bfc;
  --mdc-radio-selected-hover-icon-color: #639bfc;
  --mdc-radio-selected-icon-color: #639bfc;
  --mdc-radio-selected-pressed-icon-color: #639bfc;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #639bfc;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ff0031;
  --mdc-radio-selected-hover-icon-color: #ff0031;
  --mdc-radio-selected-icon-color: #ff0031;
  --mdc-radio-selected-pressed-icon-color: #ff0031;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #ff0031;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
html {
  --mdc-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-color: #d75f2b;
  --mdc-slider-focus-handle-color: #d75f2b;
  --mdc-slider-hover-handle-color: #d75f2b;
  --mdc-slider-active-track-color: #d75f2b;
  --mdc-slider-inactive-track-color: #d75f2b;
  --mdc-slider-with-tick-marks-inactive-container-color: #d75f2b;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mdc-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-ripple-color: #d75f2b;
  --mat-slider-hover-state-layer-color: rgba(215, 95, 43, 0.05);
  --mat-slider-focus-state-layer-color: rgba(215, 95, 43, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
}
html .mat-accent {
  --mat-slider-ripple-color: #639bfc;
  --mat-slider-hover-state-layer-color: rgba(99, 155, 252, 0.05);
  --mat-slider-focus-state-layer-color: rgba(99, 155, 252, 0.2);
  --mdc-slider-handle-color: #639bfc;
  --mdc-slider-focus-handle-color: #639bfc;
  --mdc-slider-hover-handle-color: #639bfc;
  --mdc-slider-active-track-color: #639bfc;
  --mdc-slider-inactive-track-color: #639bfc;
  --mdc-slider-with-tick-marks-inactive-container-color: #639bfc;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
html .mat-warn {
  --mat-slider-ripple-color: #ff0031;
  --mat-slider-hover-state-layer-color: rgba(255, 0, 49, 0.05);
  --mat-slider-focus-state-layer-color: rgba(255, 0, 49, 0.2);
  --mdc-slider-handle-color: #ff0031;
  --mdc-slider-focus-handle-color: #ff0031;
  --mdc-slider-hover-handle-color: #ff0031;
  --mdc-slider-active-track-color: #ff0031;
  --mdc-slider-inactive-track-color: #ff0031;
  --mdc-slider-with-tick-marks-inactive-container-color: #ff0031;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
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-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);
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #d75f2b;
  --mdc-radio-selected-hover-icon-color: #d75f2b;
  --mdc-radio-selected-icon-color: #d75f2b;
  --mdc-radio-selected-pressed-icon-color: #d75f2b;
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #639bfc;
  --mdc-radio-selected-hover-icon-color: #639bfc;
  --mdc-radio-selected-icon-color: #639bfc;
  --mdc-radio-selected-pressed-icon-color: #639bfc;
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ff0031;
  --mdc-radio-selected-hover-icon-color: #ff0031;
  --mdc-radio-selected-icon-color: #ff0031;
  --mdc-radio-selected-pressed-icon-color: #ff0031;
}
.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #d75f2b;
  --mdc-checkbox-selected-hover-icon-color: #d75f2b;
  --mdc-checkbox-selected-icon-color: #d75f2b;
  --mdc-checkbox-selected-pressed-icon-color: #d75f2b;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #d75f2b;
  --mdc-checkbox-selected-hover-state-layer-color: #d75f2b;
  --mdc-checkbox-selected-pressed-state-layer-color: #d75f2b;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #639bfc;
  --mdc-checkbox-selected-hover-icon-color: #639bfc;
  --mdc-checkbox-selected-icon-color: #639bfc;
  --mdc-checkbox-selected-pressed-icon-color: #639bfc;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #639bfc;
  --mdc-checkbox-selected-hover-state-layer-color: #639bfc;
  --mdc-checkbox-selected-pressed-state-layer-color: #639bfc;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ff0031;
  --mdc-checkbox-selected-hover-icon-color: #ff0031;
  --mdc-checkbox-selected-icon-color: #ff0031;
  --mdc-checkbox-selected-pressed-icon-color: #ff0031;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ff0031;
  --mdc-checkbox-selected-hover-state-layer-color: #ff0031;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff0031;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: #d75f2b;
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: #d75f2b;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #d75f2b;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #d75f2b;
  --mat-tab-header-active-ripple-color: #d75f2b;
  --mat-tab-header-inactive-ripple-color: #d75f2b;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #d75f2b;
  --mat-tab-header-active-hover-label-text-color: #d75f2b;
  --mat-tab-header-active-focus-indicator-color: #d75f2b;
  --mat-tab-header-active-hover-indicator-color: #d75f2b;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #639bfc;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #639bfc;
  --mat-tab-header-active-ripple-color: #639bfc;
  --mat-tab-header-inactive-ripple-color: #639bfc;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #639bfc;
  --mat-tab-header-active-hover-label-text-color: #639bfc;
  --mat-tab-header-active-focus-indicator-color: #639bfc;
  --mat-tab-header-active-hover-indicator-color: #639bfc;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #ff0031;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #ff0031;
  --mat-tab-header-active-ripple-color: #ff0031;
  --mat-tab-header-inactive-ripple-color: #ff0031;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #ff0031;
  --mat-tab-header-active-hover-label-text-color: #ff0031;
  --mat-tab-header-active-focus-indicator-color: #ff0031;
  --mat-tab-header-active-hover-indicator-color: #ff0031;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #d75f2b;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #639bfc;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #ff0031;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
html {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #639bfc;
  --mdc-checkbox-selected-hover-icon-color: #639bfc;
  --mdc-checkbox-selected-icon-color: #639bfc;
  --mdc-checkbox-selected-pressed-icon-color: #639bfc;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #639bfc;
  --mdc-checkbox-selected-hover-state-layer-color: #639bfc;
  --mdc-checkbox-selected-pressed-state-layer-color: #639bfc;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-checkbox {
  --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #d75f2b;
  --mdc-checkbox-selected-hover-icon-color: #d75f2b;
  --mdc-checkbox-selected-icon-color: #d75f2b;
  --mdc-checkbox-selected-pressed-icon-color: #d75f2b;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #d75f2b;
  --mdc-checkbox-selected-hover-state-layer-color: #d75f2b;
  --mdc-checkbox-selected-pressed-state-layer-color: #d75f2b;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ff0031;
  --mdc-checkbox-selected-hover-icon-color: #ff0031;
  --mdc-checkbox-selected-icon-color: #ff0031;
  --mdc-checkbox-selected-pressed-icon-color: #ff0031;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ff0031;
  --mdc-checkbox-selected-hover-state-layer-color: #ff0031;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff0031;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
html {
  --mdc-checkbox-state-layer-size: 40px;
  --mat-checkbox-touch-target-display: block;
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-keep-touch-target: false;
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
  --mdc-text-button-label-text-color: black;
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: black;
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: black;
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-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);
  --mdc-protected-button-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);
  --mdc-protected-button-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);
  --mdc-protected-button-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);
  --mdc-protected-button-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);
  --mdc-protected-button-container-shadow-color: #000;
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color: black;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
}
.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #d75f2b;
  --mat-text-button-state-layer-color: #d75f2b;
  --mat-text-button-ripple-color: rgba(215, 95, 43, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #639bfc;
  --mat-text-button-state-layer-color: #639bfc;
  --mat-text-button-ripple-color: rgba(99, 155, 252, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #ff0031;
  --mat-text-button-state-layer-color: #ff0031;
  --mat-text-button-ripple-color: rgba(255, 0, 49, 0.1);
}
.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #d75f2b;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #639bfc;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #ff0031;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #d75f2b;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #639bfc;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #ff0031;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #d75f2b;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #d75f2b;
  --mat-outlined-button-ripple-color: rgba(215, 95, 43, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #639bfc;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #639bfc;
  --mat-outlined-button-ripple-color: rgba(99, 155, 252, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #ff0031;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #ff0031;
  --mat-outlined-button-ripple-color: rgba(255, 0, 49, 0.1);
}
html {
  --mdc-text-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
  --mdc-icon-button-icon-size: 24px;
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #d75f2b;
  --mat-icon-button-state-layer-color: #d75f2b;
  --mat-icon-button-ripple-color: rgba(215, 95, 43, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #639bfc;
  --mat-icon-button-state-layer-color: #639bfc;
  --mat-icon-button-ripple-color: rgba(99, 155, 252, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #ff0031;
  --mat-icon-button-state-layer-color: #ff0031;
  --mat-icon-button-ripple-color: rgba(255, 0, 49, 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;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mdc-fab-container-shape: 50%;
  --mdc-fab-icon-size: 24px;
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-icon-size: 24px;
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-fab-container-color: white;
  --mdc-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);
  --mdc-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);
  --mdc-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);
  --mdc-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);
  --mdc-fab-container-shadow-color: #000;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mdc-fab-small-container-color: white;
  --mdc-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);
  --mdc-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);
  --mdc-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);
  --mdc-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);
  --mdc-fab-small-container-shadow-color: #000;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --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);
  --mdc-extended-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);
  --mdc-extended-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);
  --mdc-extended-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);
  --mdc-extended-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);
  --mdc-extended-fab-container-shadow-color: #000;
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #d75f2b;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #639bfc;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #ff0031;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #d75f2b;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #639bfc;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #ff0031;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html {
  --mat-fab-touch-target-display: block;
  --mat-fab-small-touch-target-display: block;
  --mdc-snackbar-container-shape: 4px;
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #639bfc;
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
  --mdc-circular-progress-active-indicator-color: #d75f2b;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color: #639bfc;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color: #ff0031;
}
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;
  --mat-badge-background-color: #d75f2b;
  --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: #639bfc;
  --mat-badge-text-color: white;
}
.mat-badge-warn {
  --mat-badge-background-color: #ff0031;
  --mat-badge-text-color: white;
}
html {
  --mat-bottom-sheet-container-shape: 4px;
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0;
  --mat-standard-button-toggle-height: 48px;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #d75f2b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(215, 95, 43, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(215, 95, 43, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(215, 95, 43, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #d75f2b;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(215, 95, 43, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-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: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #639bfc;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(99, 155, 252, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(99, 155, 252, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(99, 155, 252, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(99, 155, 252, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ff0031;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 0, 49, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 0, 49, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 0, 49, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 0, 49, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #639bfc;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #ff0031;
}
.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;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: #d75f2b;
}
.mat-icon.mat-accent {
  --mat-icon-color: #639bfc;
}
.mat-icon.mat-warn {
  --mat-icon-color: #ff0031;
}
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;
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #d75f2b;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #d75f2b;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #d75f2b;
  --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: #ff0031;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #ff0031;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #639bfc;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #639bfc;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #639bfc;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ff0031;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ff0031;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ff0031;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html {
  --mat-stepper-header-height: 72px;
  --mat-sort-arrow-color: #757575;
  --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: #d75f2b;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #639bfc;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #ff0031;
  --mat-toolbar-container-text-color: white;
}
html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
}
.dark {
  --mat-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-option-selected-state-label-text-color: #d75f2b;
  --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);
  --mat-optgroup-label-text-color: white;
  --mat-full-pseudo-checkbox-selected-icon-color: #639bfc;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #639bfc;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
  --mat-app-background-color: #303030;
  --mat-app-text-color: white;
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
  --mdc-elevated-card-container-color: #424242;
  --mdc-elevated-card-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: #424242;
  --mdc-outlined-card-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-outlined-card-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(255, 255, 255, 0.7);
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
  --mdc-filled-text-field-caret-color: #d75f2b;
  --mdc-filled-text-field-focus-active-indicator-color: #d75f2b;
  --mdc-filled-text-field-focus-label-text-color: rgba(215, 95, 43, 0.87);
  --mdc-filled-text-field-container-color: #4a4a4a;
  --mdc-filled-text-field-disabled-container-color: #464646;
  --mdc-filled-text-field-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #ff0031;
  --mdc-filled-text-field-error-focus-label-text-color: #ff0031;
  --mdc-filled-text-field-error-label-text-color: #ff0031;
  --mdc-filled-text-field-error-caret-color: #ff0031;
  --mdc-filled-text-field-active-indicator-color: rgba(255, 255, 255, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(255, 255, 255, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #ff0031;
  --mdc-filled-text-field-error-focus-active-indicator-color: #ff0031;
  --mdc-filled-text-field-error-hover-active-indicator-color: #ff0031;
  --mdc-outlined-text-field-caret-color: #d75f2b;
  --mdc-outlined-text-field-focus-outline-color: #d75f2b;
  --mdc-outlined-text-field-focus-label-text-color: rgba(215, 95, 43, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-error-caret-color: #ff0031;
  --mdc-outlined-text-field-error-focus-label-text-color: #ff0031;
  --mdc-outlined-text-field-error-label-text-color: #ff0031;
  --mdc-outlined-text-field-error-hover-label-text-color: #ff0031;
  --mdc-outlined-text-field-outline-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(255, 255, 255, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #ff0031;
  --mdc-outlined-text-field-error-hover-outline-color: #ff0031;
  --mdc-outlined-text-field-error-outline-color: #ff0031;
  --mat-form-field-focus-select-arrow-color: rgba(215, 95, 43, 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: #ff0031;
  --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-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-select-panel-background-color: #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(215, 95, 43, 0.87);
  --mat-select-invalid-arrow-color: rgba(255, 0, 49, 0.87);
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-autocomplete-background-color: #424242;
  --mdc-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);
  --mdc-dialog-container-shadow-color: #000;
  --mdc-dialog-container-shape: 4px;
  --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;
  --mdc-dialog-container-color: #424242;
  --mdc-dialog-subhead-color: rgba(255, 255, 255, 0.87);
  --mdc-dialog-supporting-text-color: rgba(255, 255, 255, 0.6);
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
  --mdc-switch-selected-focus-state-layer-color: #ff9605;
  --mdc-switch-selected-handle-color: #ff9605;
  --mdc-switch-selected-hover-state-layer-color: #ff9605;
  --mdc-switch-selected-pressed-state-layer-color: #ff9605;
  --mdc-switch-selected-focus-handle-color: #fec817;
  --mdc-switch-selected-hover-handle-color: #fec817;
  --mdc-switch-selected-pressed-handle-color: #fec817;
  --mdc-switch-selected-focus-track-color: #ff7700;
  --mdc-switch-selected-hover-track-color: #ff7700;
  --mdc-switch-selected-pressed-track-color: #ff7700;
  --mdc-switch-selected-track-color: #ff7700;
  --mdc-switch-disabled-selected-handle-color: #000;
  --mdc-switch-disabled-selected-icon-color: #212121;
  --mdc-switch-disabled-selected-track-color: #f5f5f5;
  --mdc-switch-disabled-unselected-handle-color: #000;
  --mdc-switch-disabled-unselected-icon-color: #212121;
  --mdc-switch-disabled-unselected-track-color: #f5f5f5;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-selected-icon-color: #212121;
  --mdc-switch-unselected-focus-handle-color: #fafafa;
  --mdc-switch-unselected-focus-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-focus-track-color: #616161;
  --mdc-switch-unselected-handle-color: #9e9e9e;
  --mdc-switch-unselected-hover-handle-color: #fafafa;
  --mdc-switch-unselected-hover-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-hover-track-color: #616161;
  --mdc-switch-unselected-icon-color: #212121;
  --mdc-switch-unselected-pressed-handle-color: #fafafa;
  --mdc-switch-unselected-pressed-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-pressed-track-color: #616161;
  --mdc-switch-unselected-track-color: #616161;
  --mdc-switch-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-color: #d75f2b;
  --mdc-slider-focus-handle-color: #d75f2b;
  --mdc-slider-hover-handle-color: #d75f2b;
  --mdc-slider-active-track-color: #d75f2b;
  --mdc-slider-inactive-track-color: #d75f2b;
  --mdc-slider-with-tick-marks-inactive-container-color: #d75f2b;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #fff;
  --mdc-slider-disabled-handle-color: #fff;
  --mdc-slider-disabled-inactive-track-color: #fff;
  --mdc-slider-label-container-color: #fff;
  --mdc-slider-label-label-text-color: #000;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #fff;
  --mdc-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-ripple-color: #d75f2b;
  --mat-slider-hover-state-layer-color: rgba(215, 95, 43, 0.05);
  --mat-slider-focus-state-layer-color: rgba(215, 95, 43, 0.2);
  --mat-slider-value-indicator-opacity: 0.9;
  --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-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);
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mdc-list-list-item-label-text-color: white;
  --mdc-list-list-item-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mdc-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-disabled-label-text-color: white;
  --mdc-list-list-item-disabled-leading-icon-color: white;
  --mdc-list-list-item-disabled-trailing-icon-color: white;
  --mdc-list-list-item-hover-label-text-color: white;
  --mdc-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-focus-label-text-color: white;
  --mdc-list-list-item-hover-state-layer-color: white;
  --mdc-list-list-item-hover-state-layer-opacity: 0.08;
  --mdc-list-list-item-focus-state-layer-color: white;
  --mdc-list-list-item-focus-state-layer-opacity: 0.24;
  --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);
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #639bfc;
  --mdc-checkbox-selected-hover-icon-color: #639bfc;
  --mdc-checkbox-selected-icon-color: #639bfc;
  --mdc-checkbox-selected-pressed-icon-color: #639bfc;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #639bfc;
  --mdc-checkbox-selected-hover-state-layer-color: #639bfc;
  --mdc-checkbox-selected-pressed-state-layer-color: #639bfc;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-keep-touch-target: false;
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
  --mdc-text-button-label-text-color: white;
  --mdc-text-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-text-button-state-layer-color: white;
  --mat-text-button-disabled-state-layer-color: white;
  --mat-text-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.08;
  --mat-text-button-focus-state-layer-opacity: 0.24;
  --mat-text-button-pressed-state-layer-opacity: 0.24;
  --mdc-filled-button-container-color: #424242;
  --mdc-filled-button-label-text-color: white;
  --mdc-filled-button-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-disabled-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.08;
  --mat-filled-button-focus-state-layer-opacity: 0.24;
  --mat-filled-button-pressed-state-layer-opacity: 0.24;
  --mdc-protected-button-container-color: #424242;
  --mdc-protected-button-label-text-color: white;
  --mdc-protected-button-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mdc-protected-button-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);
  --mdc-protected-button-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);
  --mdc-protected-button-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);
  --mdc-protected-button-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);
  --mdc-protected-button-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);
  --mdc-protected-button-container-shadow-color: #000;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-disabled-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.08;
  --mat-protected-button-focus-state-layer-opacity: 0.24;
  --mat-protected-button-pressed-state-layer-opacity: 0.24;
  --mdc-outlined-button-disabled-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mdc-outlined-button-label-text-color: white;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: white;
  --mat-outlined-button-disabled-state-layer-color: white;
  --mat-outlined-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.08;
  --mat-outlined-button-focus-state-layer-opacity: 0.24;
  --mat-outlined-button-pressed-state-layer-opacity: 0.24;
  --mdc-icon-button-icon-size: 24px;
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(255, 255, 255, 0.5);
  --mat-icon-button-state-layer-color: white;
  --mat-icon-button-disabled-state-layer-color: white;
  --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-focus-state-layer-opacity: 0.24;
  --mat-icon-button-pressed-state-layer-opacity: 0.24;
  --mdc-fab-container-shape: 50%;
  --mdc-fab-icon-size: 24px;
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-icon-size: 24px;
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-fab-container-color: #424242;
  --mdc-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);
  --mdc-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);
  --mdc-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);
  --mdc-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);
  --mdc-fab-container-shadow-color: #000;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-disabled-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-focus-state-layer-opacity: 0.24;
  --mat-fab-pressed-state-layer-opacity: 0.24;
  --mat-fab-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
  --mdc-fab-small-container-color: #424242;
  --mdc-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);
  --mdc-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);
  --mdc-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);
  --mdc-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);
  --mdc-fab-small-container-shadow-color: #000;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-disabled-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-focus-state-layer-opacity: 0.24;
  --mat-fab-small-pressed-state-layer-opacity: 0.24;
  --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);
  --mdc-extended-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);
  --mdc-extended-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);
  --mdc-extended-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);
  --mdc-extended-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);
  --mdc-extended-fab-container-shadow-color: #000;
  --mdc-snackbar-container-shape: 4px;
  --mdc-snackbar-container-color: #d9d9d9;
  --mdc-snackbar-supporting-text-color: rgba(66, 66, 66, 0.87);
  --mat-snack-bar-button-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-width: 1px;
  --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);
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
  --mdc-circular-progress-active-indicator-color: #d75f2b;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #d75f2b;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #6e6e6e;
  --mat-badge-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-bottom-sheet-container-shape: 4px;
  --mat-bottom-sheet-container-text-color: white;
  --mat-bottom-sheet-container-background-color: #424242;
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-legacy-button-toggle-text-color: rgba(255, 255, 255, 0.5);
  --mat-legacy-button-toggle-state-layer-color: rgba(255, 255, 255, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(255, 255, 255, 0.7);
  --mat-legacy-button-toggle-selected-state-background-color: #212121;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-legacy-button-toggle-disabled-state-background-color: black;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #424242;
  --mat-standard-button-toggle-text-color: white;
  --mat-standard-button-toggle-background-color: #424242;
  --mat-standard-button-toggle-state-layer-color: white;
  --mat-standard-button-toggle-selected-state-background-color: #212121;
  --mat-standard-button-toggle-selected-state-text-color: white;
  --mat-standard-button-toggle-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-standard-button-toggle-disabled-state-background-color: #424242;
  --mat-standard-button-toggle-disabled-selected-state-text-color: white;
  --mat-standard-button-toggle-disabled-selected-state-background-color: #424242;
  --mat-standard-button-toggle-divider-color: #595959;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #d75f2b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(215, 95, 43, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(215, 95, 43, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(215, 95, 43, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #d75f2b;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(215, 95, 43, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: 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;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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);
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
  --mat-sidenav-container-divider-color: rgba(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);
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #d75f2b;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #d75f2b;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #d75f2b;
  --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: #ff0031;
  --mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-error-state-icon-foreground-color: #ff0031;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-sort-arrow-color: #c6c6c6;
  --mat-toolbar-container-background-color: #212121;
  --mat-toolbar-container-text-color: white;
  --mat-tree-container-background-color: #424242;
  --mat-tree-node-text-color: white;
}
.dark .mat-accent {
  --mat-option-selected-state-label-text-color: #639bfc;
  --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);
}
.dark .mat-warn {
  --mat-option-selected-state-label-text-color: #ff0031;
  --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);
}
.dark .mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #d75f2b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #d75f2b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.dark .mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #639bfc;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #639bfc;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.dark .mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #ff0031;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ff0031;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.dark .mat-elevation-z0,
.dark .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.dark .mat-elevation-z1,
.dark .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.dark .mat-elevation-z2,
.dark .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.dark .mat-elevation-z3,
.dark .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.dark .mat-elevation-z4,
.dark .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.dark .mat-elevation-z5,
.dark .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.dark .mat-elevation-z6,
.dark .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.dark .mat-elevation-z7,
.dark .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.dark .mat-elevation-z8,
.dark .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.dark .mat-elevation-z9,
.dark .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.dark .mat-elevation-z10,
.dark .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.dark .mat-elevation-z11,
.dark .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.dark .mat-elevation-z12,
.dark .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.dark .mat-elevation-z13,
.dark .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.dark .mat-elevation-z14,
.dark .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.dark .mat-elevation-z15,
.dark .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.dark .mat-elevation-z16,
.dark .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.dark .mat-elevation-z17,
.dark .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.dark .mat-elevation-z18,
.dark .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.dark .mat-elevation-z19,
.dark .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.dark .mat-elevation-z20,
.dark .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.dark .mat-elevation-z21,
.dark .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.dark .mat-elevation-z22,
.dark .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.dark .mat-elevation-z23,
.dark .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.dark .mat-elevation-z24,
.dark .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-theme-loaded-marker {
  display: none;
}
.dark .mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #d75f2b;
  --mdc-linear-progress-track-color: rgba(215, 95, 43, 0.25);
}
.dark .mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #639bfc;
  --mdc-linear-progress-track-color: rgba(99, 155, 252, 0.25);
}
.dark .mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #ff0031;
  --mdc-linear-progress-track-color: rgba(255, 0, 49, 0.25);
}
.dark .mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #639bfc;
  --mdc-filled-text-field-focus-active-indicator-color: #639bfc;
  --mdc-filled-text-field-focus-label-text-color: rgba(99, 155, 252, 0.87);
  --mdc-outlined-text-field-caret-color: #639bfc;
  --mdc-outlined-text-field-focus-outline-color: #639bfc;
  --mdc-outlined-text-field-focus-label-text-color: rgba(99, 155, 252, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(99, 155, 252, 0.87);
}
.dark .mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #ff0031;
  --mdc-filled-text-field-focus-active-indicator-color: #ff0031;
  --mdc-filled-text-field-focus-label-text-color: rgba(255, 0, 49, 0.87);
  --mdc-outlined-text-field-caret-color: #ff0031;
  --mdc-outlined-text-field-focus-outline-color: #ff0031;
  --mdc-outlined-text-field-focus-label-text-color: rgba(255, 0, 49, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(255, 0, 49, 0.87);
}
.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(99, 155, 252, 0.87);
  --mat-select-invalid-arrow-color: rgba(255, 0, 49, 0.87);
}
.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(255, 0, 49, 0.87);
  --mat-select-invalid-arrow-color: rgba(255, 0, 49, 0.87);
}
.dark .mat-mdc-standard-chip {
  --mdc-chip-container-shape-family: rounded;
  --mdc-chip-container-shape-radius: 16px 16px 16px 16px;
  --mdc-chip-with-avatar-avatar-shape-family: rounded;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mdc-chip-disabled-label-text-color: #fafafa;
  --mdc-chip-elevated-container-color: #595959;
  --mdc-chip-elevated-selected-container-color: #595959;
  --mdc-chip-elevated-disabled-container-color: #595959;
  --mdc-chip-flat-disabled-selected-container-color: #595959;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #fafafa;
  --mdc-chip-selected-label-text-color: #fafafa;
  --mdc-chip-with-icon-icon-color: #fafafa;
  --mdc-chip-with-icon-disabled-icon-color: #fafafa;
  --mdc-chip-with-icon-selected-icon-color: #fafafa;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #fafafa;
  --mat-chip-selected-disabled-trailing-icon-color: #fafafa;
  --mat-chip-selected-trailing-icon-color: #fafafa;
}
.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #d75f2b;
  --mdc-chip-elevated-selected-container-color: #d75f2b;
  --mdc-chip-elevated-disabled-container-color: #d75f2b;
  --mdc-chip-flat-disabled-selected-container-color: #d75f2b;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #639bfc;
  --mdc-chip-elevated-selected-container-color: #639bfc;
  --mdc-chip-elevated-disabled-container-color: #639bfc;
  --mdc-chip-flat-disabled-selected-container-color: #639bfc;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #ff0031;
  --mdc-chip-elevated-selected-container-color: #ff0031;
  --mdc-chip-elevated-disabled-container-color: #ff0031;
  --mdc-chip-flat-disabled-selected-container-color: #ff0031;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.dark .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-color: white;
}
.dark .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #81b9ff;
  --mdc-switch-selected-handle-color: #81b9ff;
  --mdc-switch-selected-hover-state-layer-color: #81b9ff;
  --mdc-switch-selected-pressed-state-layer-color: #81b9ff;
  --mdc-switch-selected-focus-handle-color: #a1cdff;
  --mdc-switch-selected-hover-handle-color: #a1cdff;
  --mdc-switch-selected-pressed-handle-color: #a1cdff;
  --mdc-switch-selected-focus-track-color: #5f8ced;
  --mdc-switch-selected-hover-track-color: #5f8ced;
  --mdc-switch-selected-pressed-track-color: #5f8ced;
  --mdc-switch-selected-track-color: #5f8ced;
}
.dark .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #f9a825;
  --mdc-switch-selected-handle-color: #f9a825;
  --mdc-switch-selected-hover-state-layer-color: #f9a825;
  --mdc-switch-selected-pressed-state-layer-color: #f9a825;
  --mdc-switch-selected-focus-handle-color: #fbc02d;
  --mdc-switch-selected-hover-handle-color: #fbc02d;
  --mdc-switch-selected-pressed-handle-color: #fbc02d;
  --mdc-switch-selected-focus-track-color: #f4511e;
  --mdc-switch-selected-hover-track-color: #f4511e;
  --mdc-switch-selected-pressed-track-color: #f4511e;
  --mdc-switch-selected-track-color: #f4511e;
}
.dark .mat-mdc-radio-button {
  --mdc-form-field-label-text-color: white;
}
.dark .mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #d75f2b;
  --mdc-radio-selected-hover-icon-color: #d75f2b;
  --mdc-radio-selected-icon-color: #d75f2b;
  --mdc-radio-selected-pressed-icon-color: #d75f2b;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #d75f2b;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
}
.dark .mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #639bfc;
  --mdc-radio-selected-hover-icon-color: #639bfc;
  --mdc-radio-selected-icon-color: #639bfc;
  --mdc-radio-selected-pressed-icon-color: #639bfc;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #639bfc;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
}
.dark .mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #ff0031;
  --mdc-radio-selected-hover-icon-color: #ff0031;
  --mdc-radio-selected-icon-color: #ff0031;
  --mdc-radio-selected-pressed-icon-color: #ff0031;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #ff0031;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
}
.dark .mat-accent {
  --mat-slider-ripple-color: #639bfc;
  --mat-slider-hover-state-layer-color: rgba(99, 155, 252, 0.05);
  --mat-slider-focus-state-layer-color: rgba(99, 155, 252, 0.2);
  --mdc-slider-handle-color: #639bfc;
  --mdc-slider-focus-handle-color: #639bfc;
  --mdc-slider-hover-handle-color: #639bfc;
  --mdc-slider-active-track-color: #639bfc;
  --mdc-slider-inactive-track-color: #639bfc;
  --mdc-slider-with-tick-marks-inactive-container-color: #639bfc;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.dark .mat-warn {
  --mat-slider-ripple-color: #ff0031;
  --mat-slider-hover-state-layer-color: rgba(255, 0, 49, 0.05);
  --mat-slider-focus-state-layer-color: rgba(255, 0, 49, 0.2);
  --mdc-slider-handle-color: #ff0031;
  --mdc-slider-focus-handle-color: #ff0031;
  --mdc-slider-hover-handle-color: #ff0031;
  --mdc-slider-active-track-color: #ff0031;
  --mdc-slider-inactive-track-color: #ff0031;
  --mdc-slider-with-tick-marks-inactive-container-color: #ff0031;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.dark .mdc-list-item__start,
.dark .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #d75f2b;
  --mdc-radio-selected-hover-icon-color: #d75f2b;
  --mdc-radio-selected-icon-color: #d75f2b;
  --mdc-radio-selected-pressed-icon-color: #d75f2b;
}
.dark .mat-accent .mdc-list-item__start,
.dark .mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #639bfc;
  --mdc-radio-selected-hover-icon-color: #639bfc;
  --mdc-radio-selected-icon-color: #639bfc;
  --mdc-radio-selected-pressed-icon-color: #639bfc;
}
.dark .mat-warn .mdc-list-item__start,
.dark .mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #ff0031;
  --mdc-radio-selected-hover-icon-color: #ff0031;
  --mdc-radio-selected-icon-color: #ff0031;
  --mdc-radio-selected-pressed-icon-color: #ff0031;
}
.dark .mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #d75f2b;
  --mdc-checkbox-selected-hover-icon-color: #d75f2b;
  --mdc-checkbox-selected-icon-color: #d75f2b;
  --mdc-checkbox-selected-pressed-icon-color: #d75f2b;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #d75f2b;
  --mdc-checkbox-selected-hover-state-layer-color: #d75f2b;
  --mdc-checkbox-selected-pressed-state-layer-color: #d75f2b;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.dark .mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #639bfc;
  --mdc-checkbox-selected-hover-icon-color: #639bfc;
  --mdc-checkbox-selected-icon-color: #639bfc;
  --mdc-checkbox-selected-pressed-icon-color: #639bfc;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #639bfc;
  --mdc-checkbox-selected-hover-state-layer-color: #639bfc;
  --mdc-checkbox-selected-pressed-state-layer-color: #639bfc;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.dark .mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ff0031;
  --mdc-checkbox-selected-hover-icon-color: #ff0031;
  --mdc-checkbox-selected-icon-color: #ff0031;
  --mdc-checkbox-selected-pressed-icon-color: #ff0031;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ff0031;
  --mdc-checkbox-selected-hover-state-layer-color: #ff0031;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff0031;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: #d75f2b;
}
.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: #d75f2b;
}
.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.dark .mat-mdc-tab-group,
.dark .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #d75f2b;
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #d75f2b;
  --mat-tab-header-active-ripple-color: #d75f2b;
  --mat-tab-header-inactive-ripple-color: #d75f2b;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #d75f2b;
  --mat-tab-header-active-hover-label-text-color: #d75f2b;
  --mat-tab-header-active-focus-indicator-color: #d75f2b;
  --mat-tab-header-active-hover-indicator-color: #d75f2b;
}
.dark .mat-mdc-tab-group.mat-accent,
.dark .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #639bfc;
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #639bfc;
  --mat-tab-header-active-ripple-color: #639bfc;
  --mat-tab-header-inactive-ripple-color: #639bfc;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #639bfc;
  --mat-tab-header-active-hover-label-text-color: #639bfc;
  --mat-tab-header-active-focus-indicator-color: #639bfc;
  --mat-tab-header-active-hover-indicator-color: #639bfc;
}
.dark .mat-mdc-tab-group.mat-warn,
.dark .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #ff0031;
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #ff0031;
  --mat-tab-header-active-ripple-color: #ff0031;
  --mat-tab-header-inactive-ripple-color: #ff0031;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #ff0031;
  --mat-tab-header-active-hover-label-text-color: #ff0031;
  --mat-tab-header-active-focus-indicator-color: #ff0031;
  --mat-tab-header-active-hover-indicator-color: #ff0031;
}
.dark .mat-mdc-tab-group.mat-background-primary,
.dark .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #d75f2b;
  --mat-tab-header-with-background-foreground-color: white;
}
.dark .mat-mdc-tab-group.mat-background-accent,
.dark .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #639bfc;
  --mat-tab-header-with-background-foreground-color: white;
}
.dark .mat-mdc-tab-group.mat-background-warn,
.dark .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #ff0031;
  --mat-tab-header-with-background-foreground-color: white;
}
.dark .mat-mdc-checkbox {
  --mdc-form-field-label-text-color: white;
}
.dark .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #d75f2b;
  --mdc-checkbox-selected-hover-icon-color: #d75f2b;
  --mdc-checkbox-selected-icon-color: #d75f2b;
  --mdc-checkbox-selected-pressed-icon-color: #d75f2b;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #d75f2b;
  --mdc-checkbox-selected-hover-state-layer-color: #d75f2b;
  --mdc-checkbox-selected-pressed-state-layer-color: #d75f2b;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.dark .mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ff0031;
  --mdc-checkbox-selected-hover-icon-color: #ff0031;
  --mdc-checkbox-selected-icon-color: #ff0031;
  --mdc-checkbox-selected-pressed-icon-color: #ff0031;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ff0031;
  --mdc-checkbox-selected-hover-state-layer-color: #ff0031;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff0031;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.dark .mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #d75f2b;
  --mat-text-button-state-layer-color: #d75f2b;
  --mat-text-button-ripple-color: rgba(215, 95, 43, 0.1);
}
.dark .mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #639bfc;
  --mat-text-button-state-layer-color: #639bfc;
  --mat-text-button-ripple-color: rgba(99, 155, 252, 0.1);
}
.dark .mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #ff0031;
  --mat-text-button-state-layer-color: #ff0031;
  --mat-text-button-ripple-color: rgba(255, 0, 49, 0.1);
}
.dark .mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #d75f2b;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark .mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #639bfc;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark .mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #ff0031;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark .mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #d75f2b;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark .mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #639bfc;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark .mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #ff0031;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark .mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #d75f2b;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: #d75f2b;
  --mat-outlined-button-ripple-color: rgba(215, 95, 43, 0.1);
}
.dark .mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #639bfc;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: #639bfc;
  --mat-outlined-button-ripple-color: rgba(99, 155, 252, 0.1);
}
.dark .mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #ff0031;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: #ff0031;
  --mat-outlined-button-ripple-color: rgba(255, 0, 49, 0.1);
}
.dark .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #d75f2b;
  --mat-icon-button-state-layer-color: #d75f2b;
  --mat-icon-button-ripple-color: rgba(215, 95, 43, 0.1);
}
.dark .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #639bfc;
  --mat-icon-button-state-layer-color: #639bfc;
  --mat-icon-button-ripple-color: rgba(99, 155, 252, 0.1);
}
.dark .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #ff0031;
  --mat-icon-button-state-layer-color: #ff0031;
  --mat-icon-button-ripple-color: rgba(255, 0, 49, 0.1);
}
.dark .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #d75f2b;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #639bfc;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #ff0031;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #d75f2b;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #639bfc;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #ff0031;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark .mat-accent {
  --mdc-circular-progress-active-indicator-color: #639bfc;
}
.dark .mat-warn {
  --mdc-circular-progress-active-indicator-color: #ff0031;
}
.dark .mat-badge-accent {
  --mat-badge-background-color: #639bfc;
  --mat-badge-text-color: white;
}
.dark .mat-badge-warn {
  --mat-badge-background-color: #ff0031;
  --mat-badge-text-color: white;
}
.dark .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #639bfc;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(99, 155, 252, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(99, 155, 252, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(99, 155, 252, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(99, 155, 252, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.dark .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ff0031;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 0, 49, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 0, 49, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 0, 49, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 0, 49, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.dark .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #639bfc;
}
.dark .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #ff0031;
}
.dark .mat-icon.mat-primary {
  --mat-icon-color: #d75f2b;
}
.dark .mat-icon.mat-accent {
  --mat-icon-color: #639bfc;
}
.dark .mat-icon.mat-warn {
  --mat-icon-color: #ff0031;
}
.dark .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #639bfc;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #639bfc;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #639bfc;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.dark .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ff0031;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ff0031;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ff0031;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.dark .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #d75f2b;
  --mat-toolbar-container-text-color: white;
}
.dark .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #639bfc;
  --mat-toolbar-container-text-color: white;
}
.dark .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #ff0031;
  --mat-toolbar-container-text-color: white;
}
:root {
  --primary-50: 255 119 0;
  --primary-100: 255 119 0;
  --primary-200: 255 119 0;
  --primary-300: 255 119 0;
  --primary-400: 255 119 0;
  --primary-500: 255 119 0;
  --primary-600: 255 119 0;
  --primary-700: 255 119 0;
  --primary-800: 255 119 0;
  --primary-900: 255 85 0;
}
*,
::before,
::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}
.pointer-events-none {
  pointer-events: none;
}
.fixed {
  position: fixed;
}
.\!absolute {
  position: absolute !important;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.\!sticky {
  position: sticky !important;
}
.inset-0 {
  inset: 0px;
}
.\!bottom-px {
  bottom: 1px !important;
}
.\!right-0 {
  right: 0px !important;
}
.\!top-0 {
  top: 0px !important;
}
.-left-0\.5 {
  left: -0.125rem;
}
.-top-0\.5 {
  top: -0.125rem;
}
.-top-2 {
  top: -0.5rem;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-2 {
  bottom: 0.5rem;
}
.left-0 {
  left: 0px;
}
.left-1\/2 {
  left: 50%;
}
.left-\[5\.75rem\] {
  left: 5.75rem;
}
.right-0 {
  right: 0px;
}
.right-2 {
  right: 0.5rem;
}
.right-px {
  right: 1px;
}
.top-0 {
  top: 0px;
}
.top-6 {
  top: 1.5rem;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-\[11\] {
  z-index: 11;
}
.z-\[1\] {
  z-index: 1;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.row-span-2 {
  grid-row: span 2 / span 2;
}
.\!m-0 {
  margin: 0px !important;
}
.m-0 {
  margin: 0px;
}
.m-auto {
  margin: auto;
}
.\!-mx-4 {
  margin-left: -1rem !important;
  margin-right: -1rem !important;
}
.\!-my-5 {
  margin-top: -1.25rem !important;
  margin-bottom: -1.25rem !important;
}
.\!mx-3 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}
.-mx-2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.-mx-6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.\!ml-1 {
  margin-left: 0.25rem !important;
}
.\!ml-auto {
  margin-left: auto !important;
}
.\!mr-2 {
  margin-right: 0.5rem !important;
}
.\!mt-0 {
  margin-top: 0px !important;
}
.-mb-4 {
  margin-bottom: -1rem;
}
.-mb-8 {
  margin-bottom: -2rem;
}
.-ml-6 {
  margin-left: -1.5rem;
}
.-mr-4 {
  margin-right: -1rem;
}
.-mt-6 {
  margin-top: -1.5rem;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-7 {
  margin-bottom: 1.75rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-9 {
  margin-bottom: 2.25rem;
}
.mb-auto {
  margin-bottom: auto;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-5 {
  margin-right: 1.25rem;
}
.mt-0 {
  margin-top: 0px;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-8 {
  margin-top: 2rem;
}
.\!line-clamp-1 {
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
}
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.\!flex {
  display: flex !important;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.\!grid {
  display: grid !important;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.aspect-video {
  aspect-ratio: 16 / 9;
}
.\!size-10 {
  width: 2.5rem !important;
  height: 2.5rem !important;
}
.\!size-6 {
  width: 1.5rem !important;
  height: 1.5rem !important;
}
.\!size-8 {
  width: 2rem !important;
  height: 2rem !important;
}
.\!size-9 {
  width: 2.25rem !important;
  height: 2.25rem !important;
}
.\!size-full {
  width: 100% !important;
  height: 100% !important;
}
.size-10 {
  width: 2.5rem;
  height: 2.5rem;
}
.size-12 {
  width: 3rem;
  height: 3rem;
}
.size-14 {
  width: 3.5rem;
  height: 3.5rem;
}
.size-16 {
  width: 4rem;
  height: 4rem;
}
.size-20 {
  width: 5rem;
  height: 5rem;
}
.size-3 {
  width: 0.75rem;
  height: 0.75rem;
}
.size-4 {
  width: 1rem;
  height: 1rem;
}
.size-5 {
  width: 1.25rem;
  height: 1.25rem;
}
.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}
.size-64 {
  width: 16rem;
  height: 16rem;
}
.size-8 {
  width: 2rem;
  height: 2rem;
}
.size-full {
  width: 100%;
  height: 100%;
}
.\!h-0 {
  height: 0px !important;
}
.\!h-10 {
  height: 2.5rem !important;
}
.\!h-12 {
  height: 3rem !important;
}
.\!h-14 {
  height: 3.5rem !important;
}
.\!h-6 {
  height: 1.5rem !important;
}
.\!h-8 {
  height: 2rem !important;
}
.\!h-9 {
  height: 2.25rem !important;
}
.\!h-\[18px\] {
  height: 18px !important;
}
.\!h-auto {
  height: auto !important;
}
.h-0 {
  height: 0px;
}
.h-1\.5 {
  height: 0.375rem;
}
.h-10 {
  height: 2.5rem;
}
.h-12 {
  height: 3rem;
}
.h-16 {
  height: 4rem;
}
.h-4 {
  height: 1rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[30px\] {
  height: 30px;
}
.h-dvh {
  height: 100dvh;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.max-h-32 {
  max-height: 8rem;
}
.max-h-\[300px\] {
  max-height: 300px;
}
.\!min-h-0 {
  min-height: 0px !important;
}
.min-h-dvh {
  min-height: 100dvh;
}
.\!w-10 {
  width: 2.5rem !important;
}
.\!w-28 {
  width: 7rem !important;
}
.\!w-64 {
  width: 16rem !important;
}
.\!w-full {
  width: 100% !important;
}
.\!w-min {
  width: min-content !important;
}
.w-1 {
  width: 0.25rem;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.333333%;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-2\/3 {
  width: 66.666667%;
}
.w-2\/5 {
  width: 40%;
}
.w-3\/5 {
  width: 60%;
}
.w-32 {
  width: 8rem;
}
.w-6 {
  width: 1.5rem;
}
.w-9 {
  width: 2.25rem;
}
.w-auto {
  width: auto;
}
.w-fit {
  width: fit-content;
}
.w-full {
  width: 100%;
}
.\!min-w-48 {
  min-width: 12rem !important;
}
.\!min-w-\[700px\] {
  min-width: 700px !important;
}
.\!max-w-md {
  max-width: 28rem !important;
}
.\!max-w-screen-md {
  max-width: 768px !important;
}
.\!max-w-screen-sm {
  max-width: 640px !important;
}
.\!max-w-sm {
  max-width: 24rem !important;
}
.max-w-12 {
  max-width: 3rem;
}
.max-w-20 {
  max-width: 5rem;
}
.max-w-24 {
  max-width: 6rem;
}
.max-w-28 {
  max-width: 7rem;
}
.max-w-32 {
  max-width: 8rem;
}
.max-w-40 {
  max-width: 10rem;
}
.max-w-48 {
  max-width: 12rem;
}
.max-w-72 {
  max-width: 18rem;
}
.max-w-7xl {
  max-width: 80rem;
}
.max-w-screen-sm {
  max-width: 640px;
}
.max-w-sm {
  max-width: 24rem;
}
.max-w-xl {
  max-width: 36rem;
}
.max-w-xs {
  max-width: 20rem;
}
.\!flex-none {
  flex: none !important;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-none {
  flex: none;
}
.shrink-0 {
  flex-shrink: 0;
}
.border-collapse {
  border-collapse: collapse;
}
.\!translate-y-0 {
  --tw-translate-y: 0px !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-2 {
  --tw-translate-x: -0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[-5px\] {
  --tw-translate-x: -5px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-0 {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes pulse-zoom {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.02);
  }
}
.\!animate-pulse-zoom {
  animation: pulse-zoom .9s ease-in infinite !important;
}
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
.animate-ping {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@keyframes pulse-zoom {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.02);
  }
}
.animate-pulse-zoom {
  animation: pulse-zoom .9s ease-in infinite;
}
@keyframes vibrate {
  0%, 20%, 100% {
    transform: rotate(0);
  }
  2%, 6%, 10%, 14%, 18% {
    transform: rotate(-1deg);
  }
  4%, 8%, 12%, 16% {
    transform: rotate(1deg);
  }
}
.animate-vibrate {
  animation: vibrate 1s ease-in-out infinite;
}
.\!cursor-auto {
  cursor: auto !important;
}
.cursor-pointer {
  cursor: pointer;
}
.list-none {
  list-style-type: none;
}
.\!grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.\!flex-col {
  flex-direction: column !important;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.\!items-center {
  align-items: center !important;
}
.items-center {
  align-items: center;
}
.\!justify-start {
  justify-content: flex-start !important;
}
.justify-end {
  justify-content: flex-end;
}
.\!justify-center {
  justify-content: center !important;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-items-center {
  justify-items: center;
}
.\!gap-2 {
  gap: 0.5rem !important;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-x-2 {
  column-gap: 0.5rem;
}
.gap-y-1 {
  row-gap: 0.25rem;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-16 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(4rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.overflow-auto {
  overflow: auto;
}
.\!overflow-hidden {
  overflow: hidden !important;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-y-auto {
  overflow-y: auto;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.\!whitespace-normal {
  white-space: normal !important;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.break-all {
  word-break: break-all;
}
.\!rounded {
  border-radius: 0.25rem !important;
}
.\!rounded-2xl {
  border-radius: 1rem !important;
}
.\!rounded-3xl {
  border-radius: 1.5rem !important;
}
.\!rounded-checkout {
  border-radius: var(--checkout-radius) !important;
}
.\!rounded-lg {
  border-radius: 0.5rem !important;
}
.\!rounded-md {
  border-radius: 0.375rem !important;
}
.\!rounded-none {
  border-radius: 0px !important;
}
.\!rounded-xl {
  border-radius: 0.75rem !important;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-checkout {
  border-radius: var(--checkout-radius);
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.\!rounded-b-none {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.\!rounded-t-none {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-b-none {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.rounded-b-xl {
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.rounded-e-none {
  border-start-end-radius: 0px;
  border-end-end-radius: 0px;
}
.rounded-s-none {
  border-start-start-radius: 0px;
  border-end-start-radius: 0px;
}
.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.rounded-t-none {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.rounded-t-xl {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.rounded-se-none {
  border-start-end-radius: 0px;
}
.rounded-ss-none {
  border-start-start-radius: 0px;
}
.\!border {
  border-width: 1px !important;
}
.border {
  border-width: 1px;
}
.border-2 {
  border-width: 2px;
}
.border-x-0 {
  border-left-width: 0px;
  border-right-width: 0px;
}
.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-0 {
  border-bottom-width: 0px;
}
.border-r {
  border-right-width: 1px;
}
.border-r-0 {
  border-right-width: 0px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-0 {
  border-top-width: 0px;
}
.\!border-solid {
  border-style: solid !important;
}
.border-solid {
  border-style: solid;
}
.border-dashed {
  border-style: dashed;
}
.\!border-none {
  border-style: none !important;
}
.border-none {
  border-style: none;
}
.\!border-blue-800 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(30 64 175 / var(--tw-border-opacity, 1)) !important;
}
.\!border-line-color {
  border-color: var(--line-color) !important;
}
.\!border-neutral-dark-70 {
  border-color: var(--neutral-dark-70) !important;
}
.\!border-primary-500 {
  border-color: rgb(var(--primary-500)) !important;
}
.border-\[\#014F6C\] {
  --tw-border-opacity: 1;
  border-color: rgb(1 79 108 / var(--tw-border-opacity, 1));
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-line-color {
  border-color: var(--line-color);
}
.border-neutral-50 {
  --tw-border-opacity: 1;
  border-color: rgb(250 250 250 / var(--tw-border-opacity, 1));
}
.border-neutral-dark-70 {
  border-color: var(--neutral-dark-70);
}
.border-primary-500 {
  border-color: rgb(var(--primary-500));
}
.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-b-line-color {
  border-bottom-color: var(--line-color);
}
.border-r-line-color {
  border-right-color: var(--line-color);
}
.border-t-line-color {
  border-top-color: var(--line-color);
}
.border-t-transparent {
  border-top-color: transparent;
}
.\!bg-primary-bg {
  background-color: var(--primary-bg) !important;
}
.\!bg-secondary-bg {
  background-color: var(--secondary-bg) !important;
}
.\!bg-transparent {
  background-color: transparent !important;
}
.bg-card-bg {
  background-color: var(--card-bg);
}
.bg-green-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
}
.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.bg-green-500\/20 {
  background-color: rgb(34 197 94 / 0.2);
}
.bg-line-color {
  background-color: var(--line-color);
}
.bg-neutral-dark-90 {
  background-color: var(--neutral-dark-90);
}
.bg-primary-bg {
  background-color: var(--primary-bg);
}
.bg-secondary-bg {
  background-color: var(--secondary-bg);
}
.bg-transparent {
  background-color: transparent;
}
.\!bg-gradient-best-choice {
  background-image: var(--gradient-best-choice) !important;
}
.bg-gradient-login {
  background-image: var(--gradient-background-login);
}
.bg-gradient-primary {
  background-image: var(--gradient-primary);
}
.bg-gradient-purple-clarity {
  background-image: var(--gradient-purple-clarity);
}
.bg-gradient-tertiary {
  background-image: var(--gradient-tertiary);
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-primary-accent-gradient {
  background-image: var(--primary-accent-gradient);
}
.from-current {
  --tw-gradient-from: currentColor var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-transparent {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-40\% {
  --tw-gradient-from-position: 40%;
}
.to-current {
  --tw-gradient-to: currentColor var(--tw-gradient-to-position);
}
.to-primary-bg {
  --tw-gradient-to: var(--primary-bg) var(--tw-gradient-to-position);
}
.to-90\% {
  --tw-gradient-to-position: 90%;
}
.bg-clip-text {
  background-clip: text;
}
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.\!p-0 {
  padding: 0px !important;
}
.\!p-1 {
  padding: 0.25rem !important;
}
.\!p-1\.5 {
  padding: 0.375rem !important;
}
.\!p-2\.5 {
  padding: 0.625rem !important;
}
.\!p-3 {
  padding: 0.75rem !important;
}
.p-0 {
  padding: 0px;
}
.p-1 {
  padding: 0.25rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-6 {
  padding: 1.5rem;
}
.\!px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.\!px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.\!px-2\.5 {
  padding-left: 0.625rem !important;
  padding-right: 0.625rem !important;
}
.\!px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.\!px-7 {
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
}
.\!px-8 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.\!py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.\!py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.\!py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.\!py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.\!py-5 {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}
.\!py-6 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.\!pb-0 {
  padding-bottom: 0px !important;
}
.\!pl-7 {
  padding-left: 1.75rem !important;
}
.\!pr-36 {
  padding-right: 9rem !important;
}
.\!pr-5 {
  padding-right: 1.25rem !important;
}
.\!pt-2 {
  padding-top: 0.5rem !important;
}
.\!pt-6 {
  padding-top: 1.5rem !important;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pr-0\.5 {
  padding-right: 0.125rem;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pt-0 {
  padding-top: 0px;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-4 {
  padding-top: 1rem;
}
.\!text-center {
  text-align: center !important;
}
.text-center {
  text-align: center;
}
.\!text-start {
  text-align: start !important;
}
.text-start {
  text-align: start;
}
.\!text-end {
  text-align: end !important;
}
.text-end {
  text-align: end;
}
.font-hanken {
  font-family: "Hanken Grotesk", sans-serif;
}
.\!text-2xl {
  font-size: 1.375rem !important;
}
.\!text-base {
  font-size: 0.875rem !important;
}
.\!text-lg {
  font-size: 1rem !important;
}
.\!text-sm {
  font-size: 0.75rem !important;
}
.\!text-xl {
  font-size: 1.125rem !important;
}
.\!text-xs {
  font-size: 0.625rem !important;
}
.text-2xl {
  font-size: 1.375rem;
}
.text-3xl {
  font-size: 1.75rem;
}
.text-4xl {
  font-size: 2.125rem;
}
.text-5xl {
  font-size: 2.875rem;
}
.text-8xl {
  font-size: 5.875rem;
}
.text-base {
  font-size: 0.875rem;
}
.text-lg {
  font-size: 1rem;
}
.text-sm {
  font-size: 0.75rem;
}
.text-xl {
  font-size: 1.125rem;
}
.text-xs {
  font-size: 0.625rem;
}
.\!font-normal {
  font-weight: 400 !important;
}
.\!font-semibold {
  font-weight: 600 !important;
}
.font-bold {
  font-weight: 700;
}
.font-light {
  font-weight: 300;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.not-italic {
  font-style: normal;
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-none {
  line-height: 1;
}
.leading-normal {
  line-height: 1.5;
}
.leading-snug {
  line-height: 1.375;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.\!text-blue-600 {
  --tw-text-opacity: 1 !important;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1)) !important;
}
.\!text-green-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1)) !important;
}
.\!text-placeholder {
  color: var(--placeholder-color) !important;
}
.\!text-title {
  color: var(--title-color) !important;
}
.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.text-inherit {
  color: inherit;
}
.text-neutral-dark-50 {
  color: var(--neutral-dark-50);
}
.text-neutral-light-100 {
  color: var(--neutral-light-100);
}
.text-paragraph {
  color: var(--paragraph-color);
}
.text-pink-500 {
  --tw-text-opacity: 1;
  color: rgb(236 72 153 / var(--tw-text-opacity, 1));
}
.text-placeholder {
  color: var(--placeholder-color);
}
.text-primary-500 {
  color: rgb(var(--primary-500));
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-secondary-bg {
  color: var(--secondary-bg);
}
.text-title {
  color: var(--title-color);
}
.text-transparent {
  color: transparent;
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
}
.line-through {
  text-decoration-line: line-through;
}
.no-underline {
  text-decoration-line: none;
}
.\!opacity-100 {
  opacity: 1 !important;
}
.opacity-0 {
  opacity: 0;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-80 {
  opacity: 0.8;
}
.\!shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow) !important;
}
.\!shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow) !important;
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.\!shadow-gray-400 {
  --tw-shadow-color: #9ca3af !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.\!shadow-title {
  --tw-shadow-color: var(--title-color) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.outline {
  outline-style: solid;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-700 {
  transition-duration: 700ms;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.fa-spin {
  --fa-animation-duration: 0.5s;
}
@keyframes pulse-notification {
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes shake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(5px);
  }
  50% {
    transform: translateX(-5px);
  }
  75% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
  }
}
#chart-donuts .apexcharts-legend {
  max-width: 350px;
  margin: 0 auto;
  margin-top: auto;
}
#chart-donuts .apexcharts-legend-text {
  display: flex;
  items-align: center;
}
a[role=button] {
  cursor: pointer;
}
.mat-mdc-unelevated-button {
  --mdc-filled-button-container-height: 40px;
  --mdc-filled-button-container-shape: 40px;
  --mat-filled-button-horizontal-padding: 1.5rem;
  --mdc-filled-button-label-text-size: 1rem;
  --mdc-filled-button-container-color: var(--secondary-bg);
  --mdc-filled-button-label-text-font: "Hanken Grotesk", sans-serif;
  --mdc-filled-button-label-text-weight: 600;
}
.mat-mdc-unelevated-button.mat-contrast {
  --mdc-filled-button-container-color: var(--contrast-button-bg);
  --mdc-filled-button-label-text-color: var(--contrast-button-text);
}
.mat-mdc-unelevated-button.mat-green:not(:disabled) {
  --mdc-filled-button-container-color: var(--feedback-positive-bg);
  --mdc-filled-button-label-text-color: var(--neutral-light-100);
}
.mat-mdc-unelevated-button .mat-mdc-button-touch-target {
  height: 2.5rem !important;
}
.mat-mdc-button {
  --mdc-text-button-container-height: 40px;
  --mdc-text-button-container-shape: 40px;
  --mat-text-button-horizontal-padding: 2rem;
  --mdc-text-button-label-text-size: 0.875rem;
}
.mat-mdc-button.mat-calendar-period-button {
  flex: none;
}
.mat-mdc-outlined-button {
  --mdc-outlined-button-container-height: 40px;
  --mdc-outlined-button-container-shape: 40px;
  --mat-outlined-button-horizontal-padding: 2rem;
  --mdc-outlined-button-label-text-size: 0.875rem;
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-outline-color: var(--red-color) !important;
  --mdc-outlined-button-label-text-color: var(--text-color) !important;
}
.mat-mdc-outlined-button:not(:disabled) {
  --mdc-outlined-button-label-text-color: var(--text-color);
  --mdc-outlined-button-outline-color: var(--text-color);
}
.mat-mdc-outlined-button.mat-primary:not(:disabled) {
  --mdc-outlined-button-label-text-color: var(--title-color);
  --mdc-outlined-button-outline-color: rgb(var(--primary-500));
}
.mat-mdc-outlined-button.mat-contrast {
  --mdc-outlined-button-label-text-color: var(--title-color);
  --mdc-outlined-button-outline-color: var(--contrast-button-bg);
}
.mat-mdc-outlined-button.mat-warn:not(:disabled) {
  --mdc-outlined-button-label-text-color: var(--title-color);
  --mdc-outlined-button-outline-color: #ff0031;
}
.mat-mdc-outlined-button.mat-green:not(:disabled) {
  --mdc-outlined-button-label-text-color: var(--neutral-light-100);
  --mdc-outlined-button-outline-color: var(--feedback-positive-bg);
}
mat-sidenav.main-sidenav {
  --mat-text-button-hover-state-layer-opacity: 0;
}
mat-sidenav.main-sidenav .mat-mdc-button {
  --mdc-text-button-container-height: 40px;
  justify-content: flex-start;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
mat-sidenav.main-sidenav .mat-mdc-button:hover {
  --tw-translate-x: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
mat-sidenav.main-sidenav .mat-mdc-button.active {
  background-image: var(--sidebar-active-button);
}
mat-sidenav.main-sidenav .mat-mdc-button.active .mdc-button__label i {
  color: var(--primary-color);
}
mat-sidenav.main-sidenav .mat-mdc-button .mdc-button__label {
  text-wrap: nowrap;
  font-size: 0.875rem;
  color: var(--neutral-dark-50);
}
mat-sidenav.main-sidenav .mat-mdc-button .mdc-button__label i {
  padding-right: 0.875rem;
  color: var(--neutral-dark-50);
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
mat-sidenav.main-sidenav .mat-mdc-button.icon-only {
  --mat-text-button-horizontal-padding: 1.5rem;
  min-width: 46px;
}
mat-sidenav.main-sidenav .mat-mdc-button.icon-only .mdc-button__label {
  text-wrap: nowrap;
  text-align: center;
  font-size: 0.875rem;
  color: var(--neutral-dark-60);
}
mat-sidenav.main-sidenav .mat-mdc-button.icon-only .mdc-button__label i {
  padding: 0px;
}
mat-sidenav.main-sidenav .mat-mdc-button.icon-only .mdc-button__label span {
  display: none;
}
mat-sidenav.main-sidenav .mat-mdc-button:hover {
  background-image: var(--sidebar-active-button);
}
.mat-mdc-icon-button.mat-mdc-button-base.square .mat-mdc-button-persistent-ripple {
  border-radius: 0.375rem;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mdc-icon-button-icon-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  background-color: var(--secondary-bg);
  padding: 0px;
}
.mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-persistent-ripple {
  border-radius: 0.5rem;
}
.mat-mdc-icon-button.mat-mdc-button-base.rounded-full {
  border-radius: 50%;
}
.mat-mdc-icon-button.mat-mdc-button-base.rounded-full .mat-mdc-button-persistent-ripple {
  border-radius: 50%;
}
.mat-mdc-icon-button.mat-mdc-button-base.size-sm {
  --mdc-icon-button-state-layer-size: 24px;
  border-radius: 0.375rem;
  padding: 0px;
  font-size: 0.75rem;
}
.mat-button-toggle-group {
  --mat-standard-button-toggle-shape: 8px;
  --mat-standard-button-toggle-background-color: var(--card-bg);
  --mat-standard-button-toggle-height: 45px;
}
.mat-button-toggle-group.mat-button-toggle-group-appearance-standard {
  gap: 0.75rem;
  border-style: none;
}
.mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard {
  border-radius: 0.5rem;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard + .mat-button-toggle-appearance-standard {
  border-style: none;
}
.mat-button-toggle-group .mat-button-toggle-checked {
  background: var(--gradient-tertiary) !important;
}
.mat-button-toggle-group .mat-button-toggle-checked .mat-button-toggle-label-content {
  color: var(--neutral-light-100);
}
.mat-mdc-menu-content .mat-mdc-menu-item {
  min-height: 2.5rem;
}
.mat-datepicker-toggle .mat-mdc-icon-button.mat-mdc-button-base svg {
  --mdc-icon-button-icon-size: 18px;
}
.mat-mdc-button-base.w-full .mdc-button__label {
  width: 100% !important;
}
.mat-mdc-button-base.importing {
  overflow: hidden;
}
.mat-mdc-button-base.importing::after {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(0 0 0 / 0.2) var(--tw-gradient-to-position);
}
.mat-mdc-button-base.importing:where(.dark, .dark *)::after {
  --tw-gradient-to: rgb(255 255 255 / 0.2) var(--tw-gradient-to-position);
}
.mat-mdc-button-base.importing::after {
  animation: loadingShimmer 1.5s infinite;
  content: "";
}
@keyframes loadingShimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.card {
  position: relative;
  border-radius: 1rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--line-color);
  padding: 1.5rem;
}
.card header {
  margin-bottom: 1rem;
}
.card header h2 {
  margin: 0px;
  font-size: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--purple-text);
}
.card header p {
  margin-bottom: 0px;
  margin-top: 0.25rem;
  font-size: 0.625rem;
  color: var(--paragraph-color);
}
.card header button.help {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 2rem;
  height: 2rem;
  background-color: transparent;
}
.card header button.help .mat-mdc-button-touch-target {
  width: 2rem;
  height: 2rem;
}
.card header button.help i {
  font-size: 0.875rem;
}
.card mat-expansion-panel.filters {
  margin-bottom: 1.5rem;
}
.card mat-expansion-panel.filters mat-expansion-panel-header mat-panel-title h2 {
  margin: 0px;
  font-size: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--purple-text);
}
.card-actions {
  margin-top: 1.5rem;
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}
.owl-theme .owl-dots .owl-dot span {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  margin-bottom: 0px;
  background-color: var(--card-bg);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.owl-theme .owl-dots .owl-dot.active span {
  width: 1rem;
  background-color: rgb(var(--primary-500));
}
owl-carousel-o.rewards-carousel .owl-stage {
  display: flex;
}
owl-carousel-o.rewards-carousel .owl-stage .owl-item {
  display: flex;
}
goat-checkout-pay,
goat-checkout-order {
  display: block;
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
  --primary-bg: #f4f6fb;
  --secondary-bg: #ffffff;
  --line-color: #e5e7eb;
}
goat-checkout-pay .mat-mdc-unelevated-button,
goat-checkout-order .mat-mdc-unelevated-button {
  --mdc-filled-button-container-height: 40px;
}
goat-checkout-pay .card,
goat-checkout-order .card {
  background-color: var(--secondary-bg);
}
goat-checkout-pay mat-expansion-panel.mat-expansion-panel:not([class*=mat-elevation-z]),
goat-checkout-order mat-expansion-panel.mat-expansion-panel:not([class*=mat-elevation-z]) {
  border-radius: 1rem;
  border-style: none;
}
goat-checkout-pay mat-expansion-panel.mat-expansion-panel:not([class*=mat-elevation-z]) .mat-expansion-panel-body,
goat-checkout-order mat-expansion-panel.mat-expansion-panel:not([class*=mat-elevation-z]) .mat-expansion-panel-body {
  margin-top: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
goat-checkout-pay form-field label,
goat-checkout-order form-field label {
  margin-bottom: 0.25rem;
}
goat-checkout-pay form-field input,
goat-checkout-pay form-field mat-select,
goat-checkout-order form-field input,
goat-checkout-order form-field mat-select {
  height: 2.5rem;
  background-color: var(--secondary-bg);
}
goat-checkout-pay form-field .has-prefix > input,
goat-checkout-pay form-field .has-prefix > mat-select,
goat-checkout-pay form-field .has-prefix > mat-date-range-input,
goat-checkout-pay form-field .has-prefix > textarea,
goat-checkout-order form-field .has-prefix > input,
goat-checkout-order form-field .has-prefix > mat-select,
goat-checkout-order form-field .has-prefix > mat-date-range-input,
goat-checkout-order form-field .has-prefix > textarea {
  padding-left: 2.5rem;
}
goat-checkout-pay form-field .has-prefix > mat-select > .mat-mdc-select-trigger,
goat-checkout-order form-field .has-prefix > mat-select > .mat-mdc-select-trigger {
  padding-left: 0px;
}
goat-checkout-pay form-field .mat-mdc-icon-button.mat-mdc-button-base,
goat-checkout-order form-field .mat-mdc-icon-button.mat-mdc-button-base {
  background-color: transparent;
}
.dark goat-checkout-pay {
  --primary-bg: #1e1f21;
  --secondary-bg: #181a1a;
  --line-color: #363b3d;
}
.frame-detail-handler {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-align: end;
  border-radius: 0.75rem;
  border-width: 4px;
  border-style: solid;
  border-color: rgb(var(--primary-500));
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.group:hover .frame-detail-handler {
  opacity: 1;
}
.group:focus .frame-detail-handler {
  opacity: 1;
}
.frame-detail-handler div {
  display: inline-block;
  border-end-start-radius: 0.375rem;
  background-color: rgb(var(--primary-500));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
mat-bottom-sheet-container {
  --mat-bottom-sheet-container-background-color: var(--primary-bg);
}
.mat-mdc-dialog-container {
  --mdc-dialog-supporting-text-font:
    var(--font-family),
    "Geist",
    sans-serif;
}
.mat-mdc-dialog-panel {
  --mdc-dialog-container-shape: 8px;
  --mat-dialog-headline-padding: 1.5rem;
  --mdc-dialog-subhead-font: "Hanken Grotesk", sans-serif;
  --mdc-dialog-subhead-size: 1.5rem;
  --mdc-dialog-subhead-line-height: 2.25rem;
  --mdc-dialog-subhead-weight: 700;
  --mdc-dialog-subhead-color: var(--text-color);
  --mat-dialog-with-actions-content-padding: 1.5rem;
  --mat-dialog-actions-padding: 1.5rem;
  --mat-dialog-actions-alignment: flex-end;
}
.mat-mdc-dialog-panel .mat-mdc-dialog-container .mdc-dialog__surface {
  border-width: 1px;
  border-style: solid;
  border-color: var(--line-color);
  background-image: var(--page-bg);
}
.mat-mdc-dialog-panel .mat-mdc-dialog-container .mdc-dialog__content {
  position: relative;
  --mdc-dialog-supporting-text-line-height: 1rem;
}
.mat-mdc-dialog-panel .mat-mdc-dialog-container .mdc-dialog__content .dialog-close-button {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 1;
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  border-style: none;
  background-color: transparent;
  padding: 0px;
  font-size: 0.75rem;
  color: var(--text-color);
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.mat-mdc-dialog-panel .mat-mdc-dialog-container .mdc-dialog__content .dialog-close-button:hover {
  background-color: var(--tertiary-bg);
}
.mat-mdc-dialog-panel .mat-mdc-dialog-container .mdc-dialog__title {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom-width: 1px;
  border-bottom-color: var(--line-color);
  border-bottom-style: solid;
}
.mat-mdc-dialog-panel .mat-mdc-dialog-container .mdc-dialog__title + mat-dialog-content.mat-mdc-dialog-content {
  padding-top: var(--mat-dialog-with-actions-content-padding);
}
.mat-mdc-dialog-panel .mat-mdc-dialog-container .mdc-dialog__title .dialog-close-button {
  position: absolute;
  right: 0px;
  top: 0px;
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  border-style: none;
  background-color: transparent;
  padding: 0px;
  font-size: 0.75rem;
  color: var(--text-color);
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.mat-mdc-dialog-panel .mat-mdc-dialog-container .mdc-dialog__title .dialog-close-button:hover {
  background-color: var(--tertiary-bg);
}
.mat-mdc-dialog-panel .mat-mdc-dialog-container .mat-mdc-dialog-content .fileover-overlay {
  position: absolute;
  inset: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary-bg);
  opacity: 0;
}
.mat-mdc-dialog-panel .mat-mdc-dialog-container .mat-mdc-dialog-content .fileover-overlay,
.mat-mdc-dialog-panel .mat-mdc-dialog-container .mat-mdc-dialog-content .fileover-overlay-hidden {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.mat-mdc-dialog-panel .mat-mdc-dialog-container .mat-mdc-dialog-content.fileover .fileover-overlay {
  opacity: 1;
}
.mat-mdc-dialog-panel .mat-mdc-dialog-container .mat-mdc-dialog-content.fileover .fileover-overlay-hidden {
  opacity: 0;
}
.mat-mdc-dialog-panel .mat-mdc-dialog-container .mdc-dialog__actions {
  border-top-width: 1px;
  border-top-color: var(--line-color);
  border-top-style: solid;
}
.mat-mdc-dialog-panel .mat-mdc-dialog-container .mdc-dialog__actions > *:first-child:not(:last-child) {
  margin-left: 0px;
  margin-right: auto;
}
.mat-mdc-dialog-panel .cdk-overlay-dark-backdrop {
  background-color: rgb(14 16 21 / 0.6);
  --tw-backdrop-blur: blur(2px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.mat-mdc-dialog-panel.dark .mat-mdc-dialog-container .mdc-dialog__surface {
  border-color: var(--neutral-dark-70);
  background-color: var(--neutral-dark-90);
  color: var(--neutral-light-100);
}
.cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.sidebar-drag-box {
  cursor: grab;
}
.sidebar-drag-box .mat-expansion-panel-header:not([aria-disabled=true]):not(.mat-expanded) {
  cursor: grab;
}
.sidebar-drag-box.cdk-drag-placeholder {
  opacity: 0;
}
.sidebar-drag-box.cdk-drag-preview {
  overflow: visible;
  cursor: grabbing !important;
}
.sidebar-drag-box.cdk-drag-preview .mat-expansion-panel-header:not([aria-disabled=true]) {
  cursor: grabbing !important;
}
.sidebar-drag-list.cdk-drop-list-dragging {
  cursor: grabbing !important;
}
.sidebar-drag-list.cdk-drop-list-dragging .sidebar-drag-box {
  cursor: grabbing !important;
}
.sidebar-drag-list.cdk-drop-list-dragging .sidebar-drag-box .mat-expansion-panel-header:not([aria-disabled=true]) {
  cursor: grabbing !important;
}
.sidebar-drag-list.cdk-drop-list-dragging .sidebar-drag-box:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.sidebar-drag-list.cdk-drop-list-dragging li:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
mat-expansion-panel {
  --mat-expansion-header-collapsed-state-height: 64px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-expansion-container-shape: 16px;
  --mat-expansion-container-background-color: transition;
  --mat-expansion-container-text-color: var(--title-color);
  --mat-expansion-header-indicator-color: var(--purple-color);
}
mat-expansion-panel .mat-expansion-panel-body {
  padding-bottom: 1.5rem;
}
mat-expansion-panel .mat-expansion-indicator::after {
  margin-top: -0.25rem;
  padding: 0.25rem;
}
mat-expansion-panel.mat-expansion-panel:not([class*=mat-elevation-z]) {
  border-width: 1px;
  border-style: solid;
  border-color: var(--line-color);
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.medium-zoom-overlay {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  z-index: 10;
  background-color: var(--primary-bg);
}
.medium-zoom-image--opened {
  z-index: 20;
}
.border-b-solid {
  border-bottom-style: solid;
}
.border-t-solid {
  border-top-style: solid;
}
.border-l-solid {
  border-left-style: solid;
}
.border-r-solid {
  border-right-style: solid;
}
.border-y-solid {
  border-top-style: solid;
  border-bottom-style: solid;
}
.border-x-solid {
  border-left-style: solid;
  border-right-style: solid;
}
.mdc-tooltip.mdc-tooltip--multiline .mdc-tooltip__surface {
  text-align: inherit;
}
.goat-calendar-range .mat-calendar mat-calendar-header .mat-calendar-controls {
  margin: 0px;
}
.goat-calendar-range .mat-calendar mat-calendar-header .mat-calendar-controls .mat-calendar-period-button {
  margin: 0px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.fa-spin {
  --fa-animation-duration: 0.5s;
}
@keyframes pulse-notification {
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes shake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(5px);
  }
  50% {
    transform: translateX(-5px);
  }
  75% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
  }
}
form-field {
  --mat-select-placeholder-text-color: var(--placeholder-color);
  display: block;
}
form-field label {
  margin-bottom: 0.75rem;
  display: block;
  font-size: 0.875rem;
  color: var(--title-color);
}
form-field input,
form-field mat-select,
form-field mat-date-range-input,
form-field textarea {
  border: none;
  display: block;
  height: 2.5rem;
  width: 100%;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--line-color);
  background-color: var(--primary-bg);
  padding-left: 1rem;
  padding-right: 1rem;
  font-family:
    var(--font-family),
    "Geist",
    sans-serif;
  font-size: 0.875rem;
  color: var(--title-color);
  outline: 2px solid transparent;
  outline-offset: 2px;
}
form-field.mat-mdc-button-base input .mdc-button__label,
form-field.mat-mdc-button-base mat-select .mdc-button__label,
form-field.mat-mdc-button-base mat-date-range-input .mdc-button__label,
form-field.mat-mdc-button-base textarea .mdc-button__label {
  width: 100%;
}
form-field input:not(:disabled, [readonly]):focus,
form-field mat-select:not(:disabled, [readonly]):focus,
form-field mat-date-range-input:not(:disabled, [readonly]):focus,
form-field textarea:not(:disabled, [readonly]):focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(var(--primary-500) / 0.5);
}
form-field input::placeholder,
form-field mat-select::placeholder,
form-field mat-date-range-input::placeholder,
form-field textarea::placeholder {
  color: var(--placeholder-color);
}
form-field .mat-datepicker-toggle {
  position: absolute;
  bottom: 0px;
  right: 0px;
}
form-field textarea {
  height: auto;
  resize: none;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
form-field goat-star-rating .star-rating {
  height: 3rem;
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--line-color);
  background-color: var(--primary-bg);
  padding-left: 1rem;
  padding-right: 1rem;
}
form-field goat-star-rating .star-rating i {
  font-size: 1.375rem;
}
form-field mat-select {
  --mat-select-enabled-trigger-text-color: var(--title-color);
  margin: 0px;
  padding: 0px;
}
form-field mat-select.mat-mdc-select {
  font-size: 0.875rem;
}
form-field mat-select.mat-mdc-select-disabled {
  opacity: 0.6;
}
form-field mat-select.mat-mdc-select-disabled:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(var(--primary-500) / 0.5);
}
form-field mat-select .mat-mdc-select-trigger {
  height: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0px;
  padding-bottom: 0px;
}
form-field mat-select.small .mat-mdc-select-trigger {
  padding-top: 0px;
  padding-bottom: 0px;
}
form-field mat-select.small .mat-mdc-select-trigger .mat-mdc-select-value {
  margin-right: 0.5rem;
}
form-field mat-select.hidden-arrow .mat-mdc-select-arrow-wrapper {
  display: none;
}
form-field mat-select.placeholder-text-title .mat-mdc-select-placeholder {
  color: var(--title-color);
}
form-field .has-prefix > input,
form-field .has-prefix > mat-select,
form-field .has-prefix > mat-date-range-input,
form-field .has-prefix > textarea {
  padding-left: 3rem;
}
form-field .has-suffix > input,
form-field .has-suffix > mat-select,
form-field .has-suffix > mat-date-range-input,
form-field .has-suffix > textarea {
  padding-right: 3rem;
}
form-field .prefix,
form-field .suffix {
  position: absolute;
  top: 50%;
  display: flex;
  height: 100%;
  width: 40px;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: center;
  justify-content: center;
  text-align: center;
}
form-field .prefix + input,
form-field .prefix mat-select,
form-field .prefix textarea,
form-field .suffix + input,
form-field .suffix mat-select,
form-field .suffix textarea {
  padding-left: 3.5rem;
}
form-field .prefix {
  left: 0px;
}
form-field .suffix {
  right: 0px;
}
form-field .prefix,
form-field .suffix {
  font-size: 0.875rem;
}
form-field .prefix.mat-mdc-icon-button.mat-mdc-button-base,
form-field .suffix.mat-mdc-icon-button.mat-mdc-button-base {
  height: 100%;
  width: 40px;
  padding: 0px;
}
form-field .prefix.mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target,
form-field .suffix.mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
  height: 100%;
  width: 40px;
  padding: 0px;
}
form-field .ng-invalid.ng-dirty,
form-field .ng-invalid.ng-touched {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
  animation: shake 0.2s var(--elastic);
}
form-field .mat-mdc-select-disabled {
  color: var(--title-color);
}
mat-chip-row {
  border-radius: 0.25rem !important;
  background-color: var(--secondary-bg) !important;
  font-size: 0.75rem !important;
}
mat-chip-row button[matChipRemove] {
  font-size: 0.625rem !important;
}
mat-date-range-input {
  --mat-datepicker-range-input-separator-color: var(--placeholder-color);
}
mat-date-range-input .mat-date-range-input-container {
  height: 100%;
}
mat-date-range-input .mat-date-range-input-container .mat-date-range-input-separator {
  opacity: 1;
}
mat-date-range-input .mat-date-range-input-container input {
  font-size: 0.75rem !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000) !important;
}
mat-date-range-input .mat-date-range-input-container input::placeholder {
  color: var(--placeholder-color);
}
mat-slide-toggle {
  --mdc-switch-track-height: 24px;
  --mdc-switch-track-width: 45px;
  --mdc-switch-selected-focus-state-layer-color: #fff;
  --mdc-switch-selected-focus-handle-color: #fff;
  --mdc-switch-selected-hover-state-layer-color: #fff;
  --mdc-switch-selected-pressed-handle-color: #fff;
  --mdc-switch-selected-handle-color: #fff;
  --mdc-switch-selected-hover-handle-color: #fff;
  --mdc-switch-selected-pressed-state-layer-color: #fff;
  --mdc-switch-track-shape: 12px;
  --mdc-switch-handle-width: 26px;
  --mdc-switch-unselected-handle-color: var(--switch-unselected-handle-color);
  --mdc-switch-unselected-track-color: var(--switch-unselected-track-color);
}
mat-slide-toggle .mat-internal-form-field {
  gap: 0.75rem;
}
mat-slide-toggle .mdc-switch__handle {
  left: 3px;
}
mat-slide-toggle .mdc-switch__handle::before,
mat-slide-toggle .mdc-switch__handle::after {
  border: none;
}
mat-slide-toggle .mdc-label {
  font-weight: 700;
}
.dark .mat-mdc-checkbox.mat-primary,
.mat-mdc-checkbox.mat-primary {
  --mdc-form-field-label-text-color: var(--title-color);
  --mdc-checkbox-selected-checkmark-color: var(--neutral-light-100);
  --mdc-checkbox-unselected-icon-color: var(--neutral-60);
  --mdc-checkbox-unselected-focus-icon-color: rgb(var(--primary-500));
  --mdc-checkbox-unselected-hover-icon-color: rgb(var(--primary-500));
  --mdc-checkbox-unselected-pressed-icon-color: rgb(var(--primary-500));
  --mdc-checkbox-selected-focus-icon-color: transparent;
  --mdc-checkbox-selected-hover-icon-color: transparent;
  --mdc-checkbox-selected-icon-color: transparent;
  --mdc-checkbox-selected-pressed-icon-color: transparent;
  font-size: 0.875rem;
}
.dark .mat-mdc-checkbox.mat-primary.form-items-start .mdc-form-field,
.mat-mdc-checkbox.mat-primary.form-items-start .mdc-form-field {
  align-items: center;
}
.dark .mat-mdc-checkbox.mat-primary .mdc-checkbox__background,
.mat-mdc-checkbox.mat-primary .mdc-checkbox__background {
  border-radius: 0.25rem;
  border-width: 1px;
}
.dark .mat-mdc-checkbox.mat-primary .mdc-checkbox__background svg,
.mat-mdc-checkbox.mat-primary .mdc-checkbox__background svg {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dark .mat-mdc-checkbox.mat-primary .mdc-checkbox__native-control:enabled:focus:checked ~ .mdc-checkbox__background,
.dark .mat-mdc-checkbox.mat-primary .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mat-mdc-checkbox.mat-primary .mdc-checkbox__native-control:enabled:focus:checked ~ .mdc-checkbox__background,
.mat-mdc-checkbox.mat-primary .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background {
  border-color: rgb(var(--primary-500));
  border-style: none;
  background-image: var(--gradient-primary);
}
.dark .mat-mdc-checkbox.mat-primary.ignore-disable .mdc-checkbox__native-control:disabled:focus:checked ~ .mdc-checkbox__background,
.dark .mat-mdc-checkbox.mat-primary.ignore-disable .mdc-checkbox .mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background,
.mat-mdc-checkbox.mat-primary.ignore-disable .mdc-checkbox__native-control:disabled:focus:checked ~ .mdc-checkbox__background,
.mat-mdc-checkbox.mat-primary.ignore-disable .mdc-checkbox .mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background {
  border-color: rgb(var(--primary-500));
  border-style: none;
  background-image: var(--gradient-primary);
}
.dark .mat-mdc-checkbox.mat-primary .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background,
.mat-mdc-checkbox.mat-primary .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {
  border-style: solid;
  border-color: var(--neutral-dark-60);
}
.dark .mat-mdc-checkbox.mat-primary .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark,
.mat-mdc-checkbox.mat-primary .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  --mdc-checkbox-selected-checkmark-color: rgb(var(--primary-500));
  --tw-scale-x: 60%;
  --tw-scale-y: 60%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.dark .mat-mdc-checkbox.mat-primary .mdc-checkbox__checkmark,
.mat-mdc-checkbox.mat-primary .mdc-checkbox__checkmark {
  --tw-scale-x: 60%;
  --tw-scale-y: 60%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.dark .mat-mdc-checkbox.mat-primary:hover .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background,
.mat-mdc-checkbox.mat-primary:hover .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {
  border-style: solid;
  border-color: var(--neutral-dark-60);
}
.dark .mat-mdc-checkbox.mat-primary:hover .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark,
.mat-mdc-checkbox.mat-primary:hover .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  --mdc-checkbox-selected-checkmark-color: rgb(var(--primary-500));
  --tw-scale-x: 60%;
  --tw-scale-y: 60%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.dark .mat-pseudo-checkbox,
.mat-pseudo-checkbox {
  --mat-full-pseudo-checkbox-unselected-icon-color: var(--neutral-60);
  --mat-full-pseudo-checkbox-unselected-focus-icon-color: rgb( var(--primary-500) );
  --mat-full-pseudo-checkbox-unselected-hover-icon-color: rgb( var(--primary-500) );
  --mat-full-pseudo-checkbox-selected-checkmark-color: var(--neutral-light-100);
  --mat-full-pseudo-checkbox-unselected-pressed-icon-color: rgb( var(--primary-500) );
  --mat-full-pseudo-checkbox-selected-focus-icon-color: transparent;
  --mat-full-pseudo-checkbox-selected-hover-icon-color: transparent;
  --mat-full-pseudo-checkbox-selected-icon-color: rgb(var(--primary-500));
  --mat-full-pseudo-checkbox-selected-pressed-icon-color: transparent;
}
.dark .mat-pseudo-checkbox.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox.mat-pseudo-checkbox-full {
  border-radius: 0.25rem;
  border-width: 1px;
}
.dark .mat-pseudo-checkbox.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked {
  background-image: var(--gradient-primary);
}
.dark .mat-pseudo-checkbox.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after,
.mat-pseudo-checkbox.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after {
  --tw-rotate: -45deg;
  --tw-scale-x: 95%;
  --tw-scale-y: 95%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.dark .mat-mdc-checkbox.mat-checkout .mdc-checkbox__background,
.mat-mdc-checkbox.mat-checkout .mdc-checkbox__background {
  border-radius: 0.25rem;
  border-width: 1px;
}
.dark .mat-mdc-checkbox.mat-checkout .mdc-checkbox__ripple,
.mat-mdc-checkbox.mat-checkout .mdc-checkbox__ripple {
  display: none;
}
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.mat-mdc-slider.mdc-slider {
  height: 2.5rem;
}
.mat-mdc-slider.mdc-slider .mdc-slider__input {
  top: 0px;
  height: 2.5rem;
}
.mat-mdc-slider.mdc-slider .mdc-slider__thumb {
  width: 2.5rem;
  height: 2.5rem;
}
.mat-mdc-slider.mdc-slider .mdc-slider__thumb .mat-ripple {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 9999px;
}
.mat-mdc-icon-button.mat-mdc-button-base.mat-mdc-slider.mdc-slider .mdc-slider__thumb .mat-ripple {
  border-radius: 50%;
}
.mat-mdc-icon-button.mat-mdc-button-base.mat-mdc-slider.mdc-slider .mdc-slider__thumb .mat-ripple .mat-mdc-button-persistent-ripple {
  border-radius: 50%;
}
.mat-mdc-select-panel .mat-mdc-option {
  min-height: 2rem;
  font-size: 0.875rem;
  line-height: 3;
}
.mdc-form-field > label {
  width: 100%;
}
.mat-mdc-button-base.mdc-form-field > label .mdc-button__label {
  width: 100%;
}
mat-radio-button.field-full .mdc-form-field {
  width: 100%;
}
mat-radio-button.mat-mdc-button-base.field-full .mdc-form-field .mdc-button__label {
  width: 100%;
}
mat-radio-button.cards-scroll .mdc-form-field .mdc-label {
  overflow-x: auto;
}
mat-radio-button.mdc-label-full .mdc-form-field {
  width: 100%;
}
mat-radio-button.mat-mdc-button-base.mdc-label-full .mdc-form-field .mdc-button__label {
  width: 100%;
}
mat-radio-button.mdc-label-full .mdc-form-field .mdc-radio {
  display: none;
}
mat-radio-button.mdc-label-full .mdc-form-field .mdc-label {
  width: 100%;
  cursor: pointer;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
mat-radio-button.mat-mdc-button-base.mdc-label-full .mdc-form-field .mdc-label .mdc-button__label {
  width: 100%;
}
mat-radio-button.mat-primary {
  --mdc-radio-selected-icon-color: var(--neutral-60) !important;
}
mat-radio-button.mat-primary .mdc-radio__background {
  width: 1rem;
  height: 1rem;
}
mat-radio-button.mat-primary .mdc-radio__background .mdc-radio__outer-circle {
  border-width: 1px;
}
mat-radio-button.mat-primary .mdc-radio__background::before {
  top: calc(-1 * (var(--mdc-radio-state-layer-size) - 16px) / 2) !important;
  left: calc(-1 * (var(--mdc-radio-state-layer-size) - 16px) / 2) !important;
}
mat-radio-button.mat-primary .mdc-radio {
  width: 1rem;
  height: 1rem;
}
mat-radio-button.mat-primary .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
  left: 50%;
  top: 50%;
  width: 0.5rem;
  height: 0.5rem;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-style: none;
  background-image: var(--gradient-primary);
}
mat-radio-button.mat-primary .mdc-radio .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
mat-radio-group.with-var .mat-mdc-radio-button.mat-accent {
  --mdc-radio-selected-focus-icon-color: var(--selected-color);
  --mdc-radio-selected-hover-icon-color: var(--selected-color);
  --mdc-radio-selected-icon-color: var(--selected-color);
  --mdc-radio-selected-pressed-icon-color: var(--selected-color);
  --mat-radio-checked-ripple-color: var(--selected-color);
}
div.mat-mdc-select-panel {
  border-width: 1px;
  border-style: solid;
  border-color: var(--line-color);
  border-radius: 0.5rem !important;
  background-image: var(--page-bg) !important;
}
div.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--disabled.fake .mdc-list-item__primary-text {
  opacity: 1;
  width: 100%;
}
div.mat-mdc-button-base.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--disabled.fake .mdc-list-item__primary-text .mdc-button__label {
  width: 100%;
}
div.mat-mdc-select-panel .mat-mdc-option.full .mdc-list-item__primary-text {
  width: 100%;
}
div.mat-mdc-button-base.mat-mdc-select-panel .mat-mdc-option.full .mdc-list-item__primary-text .mdc-button__label {
  width: 100%;
}
.mdc-slider {
  --mdc-slider-active-track-height: 4px;
  --mdc-slider-handle-height: 18px;
  --mdc-slider-handle-width: 18px;
  --mat-slider-value-indicator-padding: 0 5px;
}
.mdc-slider.mat-purple {
  --mdc-slider-inactive-track-color: #353535;
  --mat-slider-hover-state-layer-color: rgba(151, 71, 255, 0.1);
  --mat-slider-focus-state-layer-color: rgba(151, 71, 255, 0.1);
}
.mdc-slider.mat-purple .mdc-slider__track--active_fill {
  height: var(--mdc-slider-active-track-height);
  border-style: none;
  background-image: var(--gradient-tertiary);
}
.mdc-slider.mat-purple .mdc-slider__track--inactive {
  opacity: 1;
}
.mdc-slider.mat-purple .mdc-slider__thumb-knob {
  border-style: none;
  background-image: var(--gradient-tertiary);
}
.mdc-slider mat-slider-visual-thumb .mdc-slider__value-indicator-container {
  bottom: 37px;
}
.mdc-slider mat-slider-visual-thumb .mdc-slider__value-indicator-container .mdc-slider__value-indicator {
  --mat-slider-value-indicator-border-radius: 4px;
  --mdc-slider-label-label-text-size: 0.875rem;
  --mat-slider-value-indicator-height: 20px;
  background-image: var(--gradient-tertiary);
  font-size: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity, 1));
}
.mdc-slider mat-slider-visual-thumb .mdc-slider__value-indicator-container .mdc-slider__value-indicator::before {
  --tw-border-opacity: 1;
  border-top-color: rgb(153 65 246 / var(--tw-border-opacity, 1));
}
.mdc-slider[alwaysshowthumb] .mdc-slider__value-indicator {
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.fake-input {
  border-radius: 0.25rem;
  border-color: transparent;
}
.fake-input .ng-invalid.ng-dirty,
.fake-input .ng-invalid.ng-touched {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
  animation: shake 0.2s var(--elastic);
}
.mat-mdc-menu-panel.default {
  border-width: 1px;
  border-style: solid;
  border-color: var(--line-color);
  border-radius: 0.5rem !important;
  background-image: var(--page-bg) !important;
}
.mat-mdc-menu-panel.customization-header {
  border-style: none;
  border-radius: 0.5rem !important;
  background-color: var(--neutral-dark-90) !important;
}
.mat-mdc-menu-panel .mat-mdc-menu-item i {
  color: var(--accent-color);
}
.mat-mdc-menu-panel .mat-mdc-menu-item.active i {
  color: rgb(var(--primary-500));
}
.dark ngx-colors-panel .opened {
  background-color: var(--tertiary-bg);
}
.dark ngx-colors-panel .opened .nav-wrapper {
  fill: var(--title-color);
}
.dark ngx-colors-panel .opened .nav-wrapper button {
  cursor: pointer;
  color: var(--title-color);
}
.dark ngx-colors-panel .opened .nav-wrapper button:hover {
  background-color: var(--secondary-bg);
}
.dark ngx-colors-panel .opened .manual-input-wrapper p {
  display: none;
}
.dark ngx-colors-panel .opened .manual-input-wrapper .g-input input {
  background-color: var(--secondary-bg);
  font-size: 0.75rem !important;
  color: var(--title-color) !important;
}
.app-color-picker .preview {
  height: 2.5rem !important;
  border-start-end-radius: 0.5rem !important;
  border-end-end-radius: 0.5rem !important;
  border-start-start-radius: 0px !important;
  border-end-start-radius: 0px !important;
  background-color: var(--line-color) !important;
  padding: 1px !important;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow) !important;
}
.app-color-picker .preview .circle {
  height: 38px !important;
  width: 2.25rem !important;
  border-start-end-radius: 0.5rem !important;
  border-end-end-radius: 0.5rem !important;
  border-start-start-radius: 0px !important;
  border-end-start-radius: 0px !important;
}
.page {
  margin-top: 2.5rem;
}
.page .container > header {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page .container > header h1 {
  margin: 0px;
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
  color: var(--section-title-color);
}
.container {
  margin-left: auto;
  margin-right: auto;
}
.mat-drawer-container {
  --mat-sidenav-container-background-color: transparent;
}
.mat-drawer-container .mat-drawer-content {
  overflow: unset;
}
.mat-drawer-container .mat-drawer-side {
  border-style: none;
}
.mat-drawer-container .mat-drawer-inner-container {
  overflow: hidden;
}
.mat-drawer-container .mat-sidenav.scrollable .mat-drawer-inner-container {
  overflow: auto;
}
@media (min-width: 1536px) {
  .container-checkout {
    width: 100%;
  }
  @media (min-width: 640px) {
    .container-checkout {
      max-width: 640px;
    }
  }
  @media (min-width: 768px) {
    .container-checkout {
      max-width: 768px;
    }
  }
  @media (min-width: 1024px) {
    .container-checkout {
      max-width: 1024px;
    }
  }
  @media (min-width: 1280px) {
    .container-checkout {
      max-width: 1280px;
    }
  }
  @media (min-width: 1536px) {
    .container-checkout {
      max-width: 1536px;
    }
  }
}
.container-checkout {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 1536px) {
  .container-checkout {
    max-width: 1920px;
  }
}
mat-progress-bar {
  --mdc-linear-progress-active-indicator-height: 5px;
  --mdc-linear-progress-active-indicator-shape: 5px;
  --mdc-linear-progress-track-height: 5px;
  --mdc-linear-progress-track-shape: 5px;
  border-radius: 5px;
}
mat-progress-bar.high {
  --mdc-linear-progress-active-indicator-height: 10px;
  --mdc-linear-progress-active-indicator-shape: 10px;
  --mdc-linear-progress-track-height: 10px;
  --mdc-linear-progress-track-shape: 10px;
}
mat-progress-bar.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-track-color: var(--neutral-dark-40) !important;
  --mdc-linear-progress-active-indicator-color: #4360ae !important;
}
mat-progress-bar.mat-mdc-progress-bar.mat-purple {
  --mdc-linear-progress-track-color: var(--line-color) !important;
  --mdc-linear-progress-active-indicator-color: transparent !important;
}
mat-progress-bar.mat-mdc-progress-bar.mat-purple .mdc-linear-progress__bar-inner {
  background:
    linear-gradient(
      180deg,
      #907eff 0%,
      #7b4ef3 100%);
  height: 0.625rem;
  border-radius: 9999px;
  border-style: none;
}
mat-progress-bar.mat-mdc-icon-button.mat-mdc-button-base.mat-mdc-progress-bar.mat-purple .mdc-linear-progress__bar-inner {
  border-radius: 50%;
}
mat-progress-bar.mat-mdc-icon-button.mat-mdc-button-base.mat-mdc-progress-bar.mat-purple .mdc-linear-progress__bar-inner .mat-mdc-button-persistent-ripple {
  border-radius: 50%;
}
.dark mat-progress-bar.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-track-color: var(--neutral-dark-70) !important;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-thumb {
  background: var(--neutral-dark-40);
  border-radius: 6px;
}
::-webkit-scrollbar-track {
  background: var(--primary-bg);
  border-radius: 6px;
}
.hidden-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.scroll-shadow-y {
  --scroll-top-cover: #121317;
  --scroll-bottom-cover: #000000;
  --scroll-thumb: rgba(255, 255, 255, 0.2);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  background:
    linear-gradient(var(--scroll-top-cover) 30%, transparent) center top,
    linear-gradient(transparent, var(--scroll-bottom-cover) 70%) center bottom,
    radial-gradient(
      farthest-side at 50% 0,
      var(--scroll-thumb),
      rgba(0, 0, 0, 0)) center top,
    radial-gradient(
      farthest-side at 50% 100%,
      var(--scroll-thumb),
      rgba(0, 0, 0, 0)) center bottom;
  background-repeat: no-repeat;
  background-size:
    100% 40px,
    100% 40px,
    100% 14px,
    100% 14px;
  background-attachment:
    local,
    local,
    scroll,
    scroll;
}
.dark .scroll-shadow-y {
  --scroll-top-cover: #121317;
  --scroll-bottom-cover: #000000;
  --scroll-thumb: rgba(255, 255, 255, 0.2);
}
@keyframes pulse {
  50% {
    opacity: .5;
  }
}
.skeleton {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  background-color: var(--card-bg);
}
@keyframes pulse {
  50% {
    opacity: .5;
  }
}
.skeleton-alt {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  background-image: var(--page-bg);
}
mat-stepper.mat-stepper-horizontal.checkout-stepper {
  --mat-stepper-container-color: transparent;
  --mat-stepper-header-height: 48px;
}
mat-stepper.mat-stepper-horizontal.checkout-stepper .mat-horizontal-content-container {
  padding-left: 0px;
  padding-right: 0px;
}
mat-stepper.mat-stepper-horizontal.checkout-stepper .mat-step-header {
  justify-content: center;
}
mat-stepper.mat-stepper-horizontal.checkout-stepper .mat-step-header .mat-step-label {
  display: none;
}
mat-stepper.mat-stepper-horizontal.checkout-stepper .mat-step-header .mat-step-icon {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.table-section {
  padding-bottom: 0.25rem;
}
.table-section header {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.table-section header a,
.table-section header button {
  flex: none;
  --mdc-filled-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
}
.table-container {
  overflow-x: auto;
}
.table-container table {
  --mat-table-background-color: transparent;
  width: 100%;
  min-width: 768px;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--line-color);
}
.mat-mdc-button-base.table-container table .mdc-button__label {
  width: 100%;
}
.table-container table thead tr {
  --mat-table-header-container-height: 3rem;
  font-family:
    var(--font-family),
    "Geist",
    sans-serif;
}
.table-container table thead tr th.mat-mdc-header-cell {
  border-bottom-color: var(--line-color);
  background-color: var(--primary-bg);
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--paragraph-color);
}
.table-container table thead tr th.mat-mdc-header-cell:first-child {
  border-top-left-radius: 0.5rem;
}
.table-container table thead tr th.mat-mdc-header-cell:last-child {
  border-top-right-radius: 0.5rem;
}
.table-container table tbody tr td {
  font-size: 0.75rem;
}
.table-container table tbody tr td.cdk-column-actions .buttons {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}
.table-container table tbody tr td.cdk-column-actions .buttons .mdc-icon-button {
  background-color: var(--primary-bg);
}
.table-container table tbody tr td.cdk-column-expandedDetail {
  padding: 0px;
}
.table-container table tbody tr td.cdk-column-expandedDetail .mdc-data-table__cell {
  padding: 0px;
}
.table-container table tbody tr td.mdc-data-table__cell {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  line-height: 1.375;
}
goat-paginator {
  margin-top: 1.5rem;
  display: block;
}
.badge,
button[badge] {
  display: inline-block;
  text-wrap: nowrap;
  border-radius: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
}
.badge span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
button[badge] span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple) {
  margin-right: 0.25rem;
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 0.5rem;
}
.badge.box,
button[badge].box {
  width: 100%;
  text-wrap: wrap;
  border-radius: 0.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 0.875rem;
}
.mat-mdc-button-base.badge.box .mdc-button__label,
button.mat-mdc-button-base[badge].box .mdc-button__label {
  width: 100%;
}
.badge.box a,
button[badge].box a {
  color: inherit;
}
.badge.false,
.badge.error,
button[badge].false,
button[badge].error {
  background-color: rgb(254 202 202 / 0.15);
}
.badge.false span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
.badge.error span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
button[badge].false span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
button[badge].error span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple) {
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
}
.badge.false.active,
.badge.error.active,
button[badge].false.active,
button[badge].error.active {
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
}
.badge.not-configured,
.badge.info,
.badge.IN_CANCELLATION_PROCESS,
button[badge].not-configured,
button[badge].info,
button[badge].IN_CANCELLATION_PROCESS {
  background-color: rgb(229 231 235 / 0.15);
}
.badge.not-configured span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
.badge.info span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
.badge.IN_CANCELLATION_PROCESS span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
button[badge].not-configured span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
button[badge].info span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
button[badge].IN_CANCELLATION_PROCESS span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple) {
  background-color: var(--neutral-dark-80);
}
.badge.not-configured.active,
.badge.info.active,
.badge.IN_CANCELLATION_PROCESS.active,
button[badge].not-configured.active,
button[badge].info.active,
button[badge].IN_CANCELLATION_PROCESS.active {
  border-color: var(--neutral-dark-80);
}
.badge.CANCELED,
.badge.FAILED,
.badge.EXPIRED,
.badge.REJECTED,
.badge.IN_CONFLICT,
.badge.deleted,
button[badge].CANCELED,
button[badge].FAILED,
button[badge].EXPIRED,
button[badge].REJECTED,
button[badge].IN_CONFLICT,
button[badge].deleted {
  background-color: rgb(255 0 49 / 0.15);
  --tw-text-opacity: 1;
  color: rgb(255 0 49 / var(--tw-text-opacity, 1));
}
.badge.CANCELED span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
.badge.FAILED span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
.badge.EXPIRED span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
.badge.REJECTED span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
.badge.IN_CONFLICT span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
.badge.deleted span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
button[badge].CANCELED span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
button[badge].FAILED span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
button[badge].EXPIRED span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
button[badge].REJECTED span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
button[badge].IN_CONFLICT span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
button[badge].deleted span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 0 49 / var(--tw-bg-opacity, 1));
}
.badge.CANCELED.active,
.badge.FAILED.active,
.badge.EXPIRED.active,
.badge.REJECTED.active,
.badge.IN_CONFLICT.active,
.badge.deleted.active,
button[badge].CANCELED.active,
button[badge].FAILED.active,
button[badge].EXPIRED.active,
button[badge].REJECTED.active,
button[badge].IN_CONFLICT.active,
button[badge].deleted.active {
  --tw-border-opacity: 1;
  border-color: rgb(255 0 49 / var(--tw-border-opacity, 1));
}
.badge.pending,
.badge.PENDING,
.badge.slow,
.badge.AWAITING_AUTHORIZATION,
button[badge].pending,
button[badge].PENDING,
button[badge].slow,
button[badge].AWAITING_AUTHORIZATION {
  background-color: rgb(255 182 0 / 0.15);
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity, 1));
}
.badge.pending:where(.dark, .dark *),
.badge.PENDING:where(.dark, .dark *),
.badge.slow:where(.dark, .dark *),
.badge.AWAITING_AUTHORIZATION:where(.dark, .dark *),
button[badge].pending:where(.dark, .dark *),
button[badge].PENDING:where(.dark, .dark *),
button[badge].slow:where(.dark, .dark *),
button[badge].AWAITING_AUTHORIZATION:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 182 0 / var(--tw-text-opacity, 1));
}
.badge.pending span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
.badge.PENDING span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
.badge.slow span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
.badge.AWAITING_AUTHORIZATION span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
button[badge].pending span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
button[badge].PENDING span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
button[badge].slow span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
button[badge].AWAITING_AUTHORIZATION span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple) {
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
}
.badge.pending span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple):where(.dark, .dark *),
.badge.PENDING span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple):where(.dark, .dark *),
.badge.slow span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple):where(.dark, .dark *),
.badge.AWAITING_AUTHORIZATION span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple):where(.dark, .dark *),
button[badge].pending span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple):where(.dark, .dark *),
button[badge].PENDING span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple):where(.dark, .dark *),
button[badge].slow span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple):where(.dark, .dark *),
button[badge].AWAITING_AUTHORIZATION span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple):where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 182 0 / var(--tw-bg-opacity, 1));
}
.badge.pending.active,
.badge.PENDING.active,
.badge.slow.active,
.badge.AWAITING_AUTHORIZATION.active,
button[badge].pending.active,
button[badge].PENDING.active,
button[badge].slow.active,
button[badge].AWAITING_AUTHORIZATION.active {
  --tw-border-opacity: 1;
  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
}
.badge.pending.active:where(.dark, .dark *),
.badge.PENDING.active:where(.dark, .dark *),
.badge.slow.active:where(.dark, .dark *),
.badge.AWAITING_AUTHORIZATION.active:where(.dark, .dark *),
button[badge].pending.active:where(.dark, .dark *),
button[badge].PENDING.active:where(.dark, .dark *),
button[badge].slow.active:where(.dark, .dark *),
button[badge].AWAITING_AUTHORIZATION.active:where(.dark, .dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(255 182 0 / var(--tw-border-opacity, 1));
}
.badge.paid,
.badge.PAID,
.badge.true,
.badge.success,
.badge.AUTHORIZED,
.badge.Operacional,
button[badge].paid,
button[badge].PAID,
button[badge].true,
button[badge].success,
button[badge].AUTHORIZED,
button[badge].Operacional {
  background-color: rgb(0 255 137 / 0.15);
  color: var(--feedback-positive-bg);
}
.badge.paid:where(.dark, .dark *),
.badge.PAID:where(.dark, .dark *),
.badge.true:where(.dark, .dark *),
.badge.success:where(.dark, .dark *),
.badge.AUTHORIZED:where(.dark, .dark *),
.badge.Operacional:where(.dark, .dark *),
button[badge].paid:where(.dark, .dark *),
button[badge].PAID:where(.dark, .dark *),
button[badge].true:where(.dark, .dark *),
button[badge].success:where(.dark, .dark *),
button[badge].AUTHORIZED:where(.dark, .dark *),
button[badge].Operacional:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(0 255 137 / var(--tw-text-opacity, 1));
}
.badge.paid span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
.badge.PAID span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
.badge.true span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
.badge.success span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
.badge.AUTHORIZED span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
.badge.Operacional span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
button[badge].paid span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
button[badge].PAID span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
button[badge].true span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
button[badge].success span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
button[badge].AUTHORIZED span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
button[badge].Operacional span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple) {
  background-color: var(--feedback-positive-bg);
}
.badge.paid span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple):where(.dark, .dark *),
.badge.PAID span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple):where(.dark, .dark *),
.badge.true span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple):where(.dark, .dark *),
.badge.success span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple):where(.dark, .dark *),
.badge.AUTHORIZED span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple):where(.dark, .dark *),
.badge.Operacional span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple):where(.dark, .dark *),
button[badge].paid span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple):where(.dark, .dark *),
button[badge].PAID span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple):where(.dark, .dark *),
button[badge].true span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple):where(.dark, .dark *),
button[badge].success span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple):where(.dark, .dark *),
button[badge].AUTHORIZED span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple):where(.dark, .dark *),
button[badge].Operacional span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple):where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(0 255 137 / var(--tw-bg-opacity, 1));
}
.badge.paid.active,
.badge.PAID.active,
.badge.true.active,
.badge.success.active,
.badge.AUTHORIZED.active,
.badge.Operacional.active,
button[badge].paid.active,
button[badge].PAID.active,
button[badge].true.active,
button[badge].success.active,
button[badge].AUTHORIZED.active,
button[badge].Operacional.active {
  border-color: var(--feedback-positive-bg);
}
.badge.paid.active:where(.dark, .dark *),
.badge.PAID.active:where(.dark, .dark *),
.badge.true.active:where(.dark, .dark *),
.badge.success.active:where(.dark, .dark *),
.badge.AUTHORIZED.active:where(.dark, .dark *),
.badge.Operacional.active:where(.dark, .dark *),
button[badge].paid.active:where(.dark, .dark *),
button[badge].PAID.active:where(.dark, .dark *),
button[badge].true.active:where(.dark, .dark *),
button[badge].success.active:where(.dark, .dark *),
button[badge].AUTHORIZED.active:where(.dark, .dark *),
button[badge].Operacional.active:where(.dark, .dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(0 255 137 / var(--tw-border-opacity, 1));
}
.badge.authorized,
button[badge].authorized {
  background-color: rgb(140 0 255 / 0.15);
  --tw-text-opacity: 1;
  color: rgb(140 0 255 / var(--tw-text-opacity, 1));
}
.badge.authorized span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
button[badge].authorized span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple) {
  --tw-bg-opacity: 1;
  background-color: rgb(140 0 255 / var(--tw-bg-opacity, 1));
}
.badge.authorized.active,
button[badge].authorized.active {
  --tw-border-opacity: 1;
  border-color: rgb(140 0 255 / var(--tw-border-opacity, 1));
}
.badge.invoiced,
button[badge].invoiced {
  background-color: rgb(114 91 194 / 0.15);
  --tw-text-opacity: 1;
  color: rgb(114 91 194 / var(--tw-text-opacity, 1));
}
.badge.invoiced span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
button[badge].invoiced span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple) {
  --tw-bg-opacity: 1;
  background-color: rgb(114 91 194 / var(--tw-bg-opacity, 1));
}
.badge.invoiced.active,
button[badge].invoiced.active {
  --tw-border-opacity: 1;
  border-color: rgb(114 91 194 / var(--tw-border-opacity, 1));
}
.badge.products-being-sorted,
button[badge].products-being-sorted {
  background-color: rgb(236 72 153 / 0.15);
  --tw-text-opacity: 1;
  color: rgb(236 72 153 / var(--tw-text-opacity, 1));
}
.badge.products-being-sorted span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
button[badge].products-being-sorted span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple) {
  --tw-bg-opacity: 1;
  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
}
.badge.products-being-sorted.active,
button[badge].products-being-sorted.active {
  --tw-border-opacity: 1;
  border-color: rgb(236 72 153 / var(--tw-border-opacity, 1));
}
.badge.ready-for-shipment,
button[badge].ready-for-shipment {
  background-color: rgb(217 70 239 / 0.15);
  --tw-text-opacity: 1;
  color: rgb(217 70 239 / var(--tw-text-opacity, 1));
}
.badge.ready-for-shipment span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
button[badge].ready-for-shipment span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple) {
  --tw-bg-opacity: 1;
  background-color: rgb(217 70 239 / var(--tw-bg-opacity, 1));
}
.badge.ready-for-shipment.active,
button[badge].ready-for-shipment.active {
  --tw-border-opacity: 1;
  border-color: rgb(217 70 239 / var(--tw-border-opacity, 1));
}
.badge.in-transit,
button[badge].in-transit {
  background-color: rgb(59 130 246 / 0.15);
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.badge.in-transit span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
button[badge].in-transit span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple) {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.badge.in-transit.active,
button[badge].in-transit.active {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.badge.delivered,
button[badge].delivered {
  background-color: rgb(14 165 233 / 0.15);
  --tw-text-opacity: 1;
  color: rgb(14 165 233 / var(--tw-text-opacity, 1));
}
.badge.delivered span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
button[badge].delivered span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple) {
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233 / var(--tw-bg-opacity, 1));
}
.badge.delivered.active,
button[badge].delivered.active {
  --tw-border-opacity: 1;
  border-color: rgb(14 165 233 / var(--tw-border-opacity, 1));
}
.badge.failed,
button[badge].failed {
  background-color: rgb(244 63 94 / 0.15);
  --tw-text-opacity: 1;
  color: rgb(244 63 94 / var(--tw-text-opacity, 1));
}
.badge.failed span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
button[badge].failed span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple) {
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));
}
.badge.failed.active,
button[badge].failed.active {
  --tw-border-opacity: 1;
  border-color: rgb(244 63 94 / var(--tw-border-opacity, 1));
}
.badge.canceled,
button[badge].canceled {
  background-color: rgb(255 0 49 / 0.15);
  --tw-text-opacity: 1;
  color: rgb(255 0 49 / var(--tw-text-opacity, 1));
}
.badge.canceled span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple),
button[badge].canceled span:not(.mdc-button__label, .mat-mdc-focus-indicator, .mat-mdc-button-touch-target, .mat-mdc-button-ripple, .mdc-button__ripple) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 0 49 / var(--tw-bg-opacity, 1));
}
.badge.canceled.active,
button[badge].canceled.active {
  --tw-border-opacity: 1;
  border-color: rgb(255 0 49 / var(--tw-border-opacity, 1));
}
button[badge] {
  display: inline-flex;
  border-radius: 9999px;
}
button.mat-mdc-icon-button.mat-mdc-button-base[badge] {
  border-radius: 50%;
}
button.mat-mdc-icon-button.mat-mdc-button-base[badge] .mat-mdc-button-persistent-ripple {
  border-radius: 50%;
}
:not(.dark) .badge.not-configured,
:not(.dark) .badge.info,
:not(.dark) .badge.IN_CANCELLATION_PROCESS {
  background-color: var(--secondary-bg);
}
.mdc-tooltip__surface {
  --mdc-plain-tooltip-supporting-text-size: 0.875rem;
}
.mat-mdc-tab-group .mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 2rem;
  --mdc-tab-indicator-active-indicator-height: 2rem;
  --mdc-tab-indicator-active-indicator-shape: 4px;
  --mdc-tab-indicator-active-indicator-color: #7f22fe;
  --mat-tab-header-active-focus-indicator-color: #7f22fe;
  --mat-tab-header-active-hover-indicator-color: #7f22fe;
  --mat-tab-header-inactive-ripple-color: var(--neutral-60);
  --mat-tab-header-inactive-label-text-color: var(--neutral-60);
  --mat-tab-header-active-label-text-color: #f9f4ff;
  --mat-tab-header-active-focus-label-text-color: #f9f4ff;
  --mat-tab-header-active-ripple-color: #7f22fe;
  --mat-tab-header-active-hover-label-text-color: #f9f4ff;
}
.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-list {
  flex: none;
}
.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-list .mat-mdc-tab-labels {
  border-radius: 0.375rem;
  background-color: var(--secondary-bg);
  padding: 0.5rem;
}
.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-list .mat-mdc-tab-labels .mat-mdc-tab.mdc-tab {
  height: 2rem;
  min-width: 0px;
  border-radius: 0.25rem;
  padding: 0px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
}
.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-list .mat-mdc-tab-labels .mat-mdc-tab.mdc-tab .mdc-tab__ripple,
.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-list .mat-mdc-tab-labels .mat-mdc-tab.mdc-tab .mat-ripple {
  border-radius: 0.25rem;
}
.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-list .mat-mdc-tab-labels .mat-mdc-tab.mdc-tab .mdc-tab__ripple::before,
.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-list .mat-mdc-tab-labels .mat-mdc-tab.mdc-tab .mat-ripple::before {
  content: var(--tw-content);
  border-radius: 0.25rem;
}
.mat-mdc-tab-group .mat-mdc-tab-body-wrapper mat-tab-body {
  padding-top: 1.5rem;
}
:root {
  --gradient-background-light:
    linear-gradient(
      180deg,
      #fff 0%,
      #fffcf9 100%);
  --gradient-background-login:
    linear-gradient(
      180deg,
      #15171c 0%,
      #000 100%);
  --gradient-purple-clarity:
    linear-gradient(
      
      180deg,
      rgba(151, 71, 255, 0.1) 0%,
      rgba(151, 71, 255, 0.05) 100% );
  --gradient-best-choice:
    linear-gradient(
      180deg,
      #271c0f,
      #00363d);
  --gradient-plan-card:
    linear-gradient(
      180deg,
      #271c0f,
      #00363d);
  --gradient-primary:
    linear-gradient(
      90deg,
      #ad2119 0%,
      #ff7f00 100%);
  --gradient-tertiary:
    linear-gradient(
      180deg,
      #8c00ff 0%,
      #a73cff 100%);
  --gradient-blue-pink:
    linear-gradient(
      90deg,
      #009dc8 0%,
      #ec90b7 100%);
  --primary-accent-gradient:
    linear-gradient(
      
      137deg,
      #fff 19.13%,
      #ff7f00 58.16%,
      #508ff4 95.67% );
  --gradient-feedback-positive-bg:
    linear-gradient(
      
      90deg,
      rgba(0, 230, 118, 0.4) 0%,
      rgba(35, 247, 221, 0.4) 100% );
  --gradient-feedback-positive-text:
    linear-gradient(
      
      90deg,
      #00ffc2 0%,
      #28cae0 100% );
  --sidebar-base-button:
    linear-gradient(
      
      90deg,
      transparent 4.25%,
      transparent 99.99% );
  --sidebar-active-button:
    linear-gradient(
      
      90deg,
      rgba(90, 97, 116, 0) 4.25%,
      rgba(46, 49, 57, 0.6) 99.99% );
  --medium-zoom-overlay-bg: rgba(255, 255, 255, 0.32);
  --neutral-dark-10: #f5f5f5;
  --neutral-dark-20: #e6e6e6;
  --neutral-dark-30: #f0f0f0;
  --neutral-dark-40: #d9d9d9;
  --neutral-dark-50: #7b8296;
  --neutral-dark-60: #5c657a;
  --neutral-dark-70: #31353e;
  --neutral-dark-80: #22252d;
  --neutral-dark-90: #191b22;
  --neutral-dark-100: #0e1015;
  --neutral-light-100: #ffffff;
  --feedback-green-bg: #0a201d;
  --feedback-positive-base: #00ff89;
  --feedback-positive-dark: #01a057;
  --feedback-positive-text-dark: #127646;
  --feedback-negative-base: #ff5a7a;
  --feedback-negative-dark: #e0324f;
  --brand-secondary-base: #508ff4;
  --brand-secondary-dark: #4360ae;
  --primary-color: #d75f2b;
  --primary-color-light: #fff6f3;
  --purple-text-light: #8c00ff;
  --purple-text-dark: #a684ff;
  --purple-primary: #7529f4;
  --purple-primary-light: #f9f6fe;
  --blue-onboarding-button: #4600ff;
  --page-bg: var(--gradient-background-light);
  --primary-bg: var(--neutral-light-100);
  --secondary-bg: var(--neutral-dark-10);
  --line-color: var(--neutral-dark-40);
  --purple-text: var(--purple-text-light);
  --section-bg: transparent;
  --card-bg: var(--neutral-dark-10);
  --button-neutral-bg: var(--neutral-dark-30);
  --gradient-purple: var(--gradient-tertiary);
  --feedback-positive-bg: var(--feedback-positive-text-dark);
  --feedback-negative-bg: var(--feedback-negative-base);
  --background-stamp: var(--neutral-dark-40);
  --text-color: var(--neutral-dark-100);
  --brand-secondary: var(--brand-secondary-base);
  --tooltip-bg: var(--neutral-light-100);
  --placeholder-color: var(--neutral-dark-50);
  --contrast-button-bg: var(--purple-primary);
  --contrast-button-text: var(--purple-primary-light);
}
.dark:root {
  --page-bg:
    linear-gradient(
      
      180deg,
      var(--neutral-dark-90) 0%,
      var(--neutral-dark-90) 100% );
  --primary-bg: var(--neutral-dark-90);
  --secondary-bg: var(--neutral-dark-80);
  --line-color: var(--neutral-dark-70);
  --purple-text: var(--purple-text-dark);
  --section-bg: transparent;
  --card-bg: var(--neutral-dark-80);
  --button-neutral-bg: var(--neutral-dark-100);
  --gradient-purple: var(--gradient-purple-clarity);
  --feedback-positive-bg: var(--feedback-positive-dark);
  --feedback-negative-bg: var(--feedback-negative-dark);
  --background-stamp: var(--neutral-dark-80);
  --text-color: var(--neutral-light-100);
  --brand-secondary: var(--brand-secondary-dark);
  --tooltip-bg: var(--neutral-dark-100);
  --placeholder-color: var(--neutral-dark-50);
  --medium-zoom-overlay-bg: rgba(0, 0, 0, 0.32);
  --contrast-button-bg: var(--neutral-light-100);
  --contrast-button-text: var(--neutral-dark-100);
}
:root {
  --ts: all 0.3s ease-in-out;
  --elastic: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --text-color: #0a0a0a;
  --tertiary-bg: #f7fbff;
  --title-color: #0a0a0a;
  --paragraph-color: #0a0a0a;
  --yellow-color: #f2af4c;
  --green-color: #0fa05d;
  --red-color: #e0324f;
  --gray-color: #cccccc;
  --accent-color: #508ff4;
  --accent-dark-color: #4360ae;
  --skeleton-bg: var(--secondary-bg);
  --skeleton-bg-dark: #e7e7e7;
  --avatar-dark-color: #e9e9e9;
  --avatar-light-color: #ffffff;
  --avatar-br: 50%;
  --avatar-ratio: 1/1;
  --container: 1440px;
  --checkout-radius: 1rem;
  --font-family: "Geist";
  --switch-unselected-handle-color: #000;
  --switch-unselected-track-color: #f7f7f7;
  --scroll-track: var(--secondary-bg);
  --scroll-thumb: var(--tertiary-bg);
}
.dark:root {
  --text-color: #f0f0f0;
  --title-color: #ffffff;
  --paragraph-color: #f3f3f3;
  --section-title-color: #7b8296;
  --tertiary-bg: #2e2e2e;
  --input-base-shadow: 0px 14px 25px 0px rgba(0, 0, 0, 0.25);
  --hover-actions-gradient:
    linear-gradient(
      
      90deg,
      rgba(90, 97, 116, 0) 4.25%,
      rgba(46, 49, 57, 0.6) 99.99% );
  --feedback-green-bg: #0a201d;
  --feedback-green-bg-gradient:
    linear-gradient(
      
      90deg,
      rgba(0, 230, 118, 0.4) 0%,
      rgba(35, 247, 221, 0.4) 100% );
  --feedback-green-base: #00ff89;
  --feedback-green-text-gradient:
    linear-gradient(
      
      90deg,
      #00ffc2 0%,
      #28cae0 100% );
  --feedback-red-light: #ff5a7a;
  --skeleton-bg: var(--secondary-bg);
  --skeleton-bg-dark: #1f1f1f;
  --avatar-dark-color: #2a2a2a;
  --avatar-light-color: #4a4a4a;
  --switch-unselected-handle-color: #fff;
  --switch-unselected-track-color: #2e2e2e;
  --medium-zoom-overlay-bg: rgba(0, 0, 0, 0.32);
  color-scheme: dark;
}
:root {
  --mat-badge-small-size-text-size: 0.75rem;
  --mat-sidenav-content-text-color: var(--title-color);
}
.mat-mdc-icon-button .svg-inline--fa,
.svg-inline--fa {
  display: inline-block;
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}
.fa-1x {
  font-size: 1em;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-6x {
  font-size: 6em;
}
.fa-7x {
  font-size: 7em;
}
.fa-8x {
  font-size: 8em;
}
.fa-9x {
  font-size: 9em;
}
.fa-10x {
  font-size: 10em;
}
.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em;
}
.fa-xs {
  font-size: 0.75em;
  line-height: 0.08333em;
  vertical-align: 0.125em;
}
.fa-sm {
  font-size: 0.875em;
  line-height: 0.07143em;
  vertical-align: 0.05357em;
}
.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em;
}
.fa-xl {
  font-size: 1.5em;
  line-height: 0.04167em;
  vertical-align: -0.125em;
}
.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em;
}
.fa-fw {
  text-align: center;
  width: 1.25em;
}
.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  left: calc(var(--fa-li-width, 2em) * -1);
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit;
}
.fa-border {
  border-radius: var(--fa-border-radius, 0.1em);
  border: var(--fa-border-width, 0.08em) var(--fa-border-style, solid) var(--fa-border-color, #eee);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
}
.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
}
.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
}
.fa-beat {
  -webkit-animation-name: fa-beat;
  animation-name: fa-beat;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
  animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}
.fa-bounce {
  -webkit-animation-name: fa-bounce;
  animation-name: fa-bounce;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
  animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}
.fa-fade {
  -webkit-animation-name: fa-fade;
  animation-name: fa-fade;
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}
.fa-beat-fade,
.fa-fade {
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
  animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
}
.fa-beat-fade {
  -webkit-animation-name: fa-beat-fade;
  animation-name: fa-beat-fade;
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}
.fa-flip {
  -webkit-animation-name: fa-flip;
  animation-name: fa-flip;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
  animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}
.fa-shake {
  -webkit-animation-name: fa-shake;
  animation-name: fa-shake;
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
  animation-timing-function: var(--fa-animation-timing, linear);
}
.fa-shake,
.fa-spin {
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
  animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
}
.fa-spin {
  -webkit-animation-name: fa-spin;
  animation-name: fa-spin;
  -webkit-animation-duration: var(--fa-animation-duration, 2s);
  animation-duration: var(--fa-animation-duration, 2s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
  animation-timing-function: var(--fa-animation-timing, linear);
}
.fa-spin-reverse {
  --fa-animation-direction: reverse;
}
.fa-pulse,
.fa-spin-pulse {
  -webkit-animation-name: fa-spin;
  animation-name: fa-spin;
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, steps(8));
  animation-timing-function: var(--fa-animation-timing, steps(8));
}
@media (prefers-reduced-motion: reduce) {
  .fa-beat,
  .fa-beat-fade,
  .fa-bounce,
  .fa-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}
@-webkit-keyframes fa-beat {
  0%, 90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  45% {
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@keyframes fa-beat {
  0%, 90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  45% {
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@-webkit-keyframes fa-bounce {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
  10% {
    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound, -0.125em));
    transform: scale(1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
  to {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
}
@keyframes fa-bounce {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
  10% {
    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound, -0.125em));
    transform: scale(1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
  to {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
}
@-webkit-keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@-webkit-keyframes fa-beat-fade {
  0%, to {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@keyframes fa-beat-fade {
  0%, to {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@-webkit-keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}
@keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}
@-webkit-keyframes fa-shake {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  4% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  8%, 24% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }
  12%, 28% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }
  16% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }
  20% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
  }
  32% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }
  36% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }
  40%, to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes fa-shake {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  4% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  8%, 24% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }
  12%, 28% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }
  16% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }
  20% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
  }
  32% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }
  36% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }
  40%, to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.fa-flip-vertical {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  -webkit-transform: scale(-1);
  transform: scale(-1);
}
.fa-rotate-by {
  -webkit-transform: rotate(var(--fa-rotate-angle, none));
  transform: rotate(var(--fa-rotate-angle, none));
}
.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}
.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--fa-stack-z-index, auto);
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: var(--fa-inverse, #fff);
}
body,
html {
  margin: 0;
  padding: 0;
  font-family:
    var(--font-family),
    "Geist",
    sans-serif;
  --mat-sidenav-content-background-color: transparent;
}
* {
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .md\:container {
    width: 100%;
  }
  @media (min-width: 640px) {
    .md\:container {
      max-width: 640px;
    }
  }
  @media (min-width: 768px) {
    .md\:container {
      max-width: 768px;
    }
  }
  @media (min-width: 1024px) {
    .md\:container {
      max-width: 1024px;
    }
  }
  @media (min-width: 1280px) {
    .md\:container {
      max-width: 1280px;
    }
  }
  @media (min-width: 1536px) {
    .md\:container {
      max-width: 1536px;
    }
  }
}
.\*\:m-0 > * {
  margin: 0px;
}
.\*\:w-7 > * {
  width: 1.75rem;
}
.\*\:w-9 > * {
  width: 2.25rem;
}
.\*\:w-full > * {
  width: 100%;
}
.\*\:\!bg-secondary-bg > * {
  background-color: var(--secondary-bg) !important;
}
.\*\:text-base > * {
  font-size: 0.875rem;
}
.placeholder\:text-neutral-dark-50::placeholder {
  color: var(--neutral-dark-50);
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.focus\:underline:focus {
  text-decoration-line: underline;
}
.focus\:\!ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000) !important;
}
.disabled\:cursor-auto:disabled {
  cursor: auto;
}
.disabled\:text-inherit:disabled {
  color: inherit;
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
@media not all and (min-width: 768px) {
  .max-md\:hidden {
    display: none;
  }
}
@media not all and (min-width: 640px) {
  .max-sm\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .max-sm\:w-\[calc\(100\%\+2rem\)\] {
    width: calc(100% + 2rem);
  }
  .max-sm\:\!rounded-none {
    border-radius: 0px !important;
  }
  .max-sm\:pt-0 {
    padding-top: 0px;
  }
}
@media (min-width: 640px) {
  .sm\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .sm\:block {
    display: block;
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:max-w-md {
    max-width: 28rem;
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:\!rounded-xl {
    border-radius: 0.75rem !important;
  }
  .sm\:pt-4 {
    padding-top: 1rem;
  }
}
@media (min-width: 768px) {
  .md\:\!sticky {
    position: sticky !important;
  }
  .md\:bottom-8 {
    bottom: 2rem;
  }
  .md\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .md\:\!ml-0 {
    margin-left: 0px !important;
  }
  .md\:\!mr-0 {
    margin-right: 0px !important;
  }
  .md\:mb-16 {
    margin-bottom: 4rem;
  }
  .md\:block {
    display: block;
  }
  .md\:flex {
    display: flex;
  }
  .md\:table-row {
    display: table-row;
  }
  .md\:hidden {
    display: none;
  }
  .md\:min-h-dvh {
    min-height: 100dvh;
  }
  .md\:w-1\/2 {
    width: 50%;
  }
  .md\:w-2\/4 {
    width: 50%;
  }
  .md\:max-w-md {
    max-width: 28rem;
  }
  .md\:max-w-sm {
    max-width: 24rem;
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:flex-col {
    flex-direction: column;
  }
  .md\:items-start {
    align-items: flex-start;
  }
  .md\:justify-start {
    justify-content: flex-start;
  }
  .md\:pt-10 {
    padding-top: 2.5rem;
  }
  .md\:text-start {
    text-align: start;
  }
}
@media (min-width: 1024px) {
  .lg\:\!ml-6 {
    margin-left: 1.5rem !important;
  }
  .lg\:\!mr-6 {
    margin-right: 1.5rem !important;
  }
  .lg\:block {
    display: block;
  }
  .lg\:w-1\/2 {
    width: 50%;
  }
  .lg\:\!max-w-screen-md {
    max-width: 768px !important;
  }
  .lg\:max-w-lg {
    max-width: 32rem;
  }
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:flex-row {
    flex-direction: row;
  }
}
@media (min-width: 1280px) {
  .xl\:\!ml-10 {
    margin-left: 2.5rem !important;
  }
  .xl\:\!mr-10 {
    margin-right: 2.5rem !important;
  }
  .xl\:flex {
    display: flex;
  }
  .xl\:w-1\/2 {
    width: 50%;
  }
  .xl\:\!max-w-6xl {
    max-width: 72rem !important;
  }
  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.dark\:\!text-blue-500:where(.dark, .dark *) {
  --tw-text-opacity: 1 !important;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1)) !important;
}
.dark\:after\:\!border-blue-800:where(.dark, .dark *)::after {
  content: var(--tw-content);
  --tw-border-opacity: 1 !important;
  border-color: rgb(30 64 175 / var(--tw-border-opacity, 1)) !important;
}

/* angular:styles/global:styles */