/* src/styles.scss */
mat-dialog-title {
  border-bottom: 1px solid var(--divider) !important;
}
.dialog-content-bordered {
  border-top: 1px solid var(--divider) !important;
}
.dialog-search-input {
  line-height: 24px;
  border: 1px solid var(--divider);
  padding: 0 8px;
  border-radius: 4px;
  outline: 0;
  background: var(--bg-card);
  color: var(--text-primary);
  font-size: 16px !important;
}
.mat-mdc-dialog-container input,
.mat-mdc-dialog-container textarea,
.mat-mdc-dialog-container select,
.mat-mdc-dialog-container .mat-mdc-input-element,
.mat-mdc-dialog-container .mdc-text-field__input {
  font-size: 16px !important;
}
.command-palette-dialog {
  max-width: 95vw !important;
  z-index: 1100 !important;
}
.command-palette-dialog .mat-mdc-dialog-container {
  padding: 0 !important;
  border-radius: 12px !important;
  overflow: visible !important;
  max-width: 95vw !important;
}
.command-palette-dialog .mat-mdc-dialog-container .mat-mdc-dialog-surface {
  padding: 0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: var(--bg-card) !important;
  max-width: 95vw !important;
}
.command-palette-mobile {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.command-palette-mobile .mat-mdc-dialog-container {
  border-radius: 0 0 12px 12px !important;
  max-width: 100% !important;
  width: 100% !important;
}
.command-palette-mobile .mat-mdc-dialog-container .mat-mdc-dialog-surface {
  border-radius: 0 0 12px 12px !important;
  max-width: 100% !important;
  width: 100% !important;
  display: flex;
  flex-direction: column;
  max-height: calc(100dvh - 56px - env(safe-area-inset-bottom, 0px));
}
.cdk-global-overlay-wrapper:has(.command-palette-mobile) {
  justify-content: flex-start !important;
}
.cdk-global-overlay-wrapper:has(.command-palette-mobile) .cdk-overlay-pane.command-palette-mobile {
  transform: none !important;
}
.command-palette-backdrop {
  background: transparent !important;
  pointer-events: auto;
}
.location-position-badge {
  background: var(--bg-error-light);
  color: var(--color-error);
}
.product-name-small {
  font-size: 10px;
  color: var(--text-secondary);
}
.product-name-small.mb-4 {
  margin-bottom: 4px;
}
.product-name-small.mb-16 {
  margin-bottom: 16px;
}
.workshop-icon {
  color: var(--color-warning);
}
.helper-text {
  font-size: 12px;
  color: var(--text-secondary);
  margin-top: 4px;
  margin-left: 32px;
}
.unknown-parcel-text {
  color: var(--text-secondary);
}
@keyframes skeleton-shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
@keyframes gradient {
  0% {
    background:
      linear-gradient(
        -45deg,
        var(--skeleton-start),
        var(--skeleton-mid),
        var(--skeleton-end));
    background-size: 400% 400%;
    background-position: 0% 50%;
  }
  50% {
    background:
      linear-gradient(
        -45deg,
        var(--skeleton-start),
        var(--skeleton-mid),
        var(--skeleton-end));
    background-size: 400% 400%;
    background-position: 100% 50%;
  }
  100% {
    background:
      linear-gradient(
        -45deg,
        var(--skeleton-start),
        var(--skeleton-mid),
        var(--skeleton-end));
    background-size: 400% 400%;
    background-position: 0% 50%;
  }
}
.skeleton-image {
  height: 0px;
  width: 100%;
  padding-bottom: 80%;
  background:
    linear-gradient(
      90deg,
      var(--skeleton-start, #eee) 0%,
      var(--skeleton-mid, #ddd) 20%,
      var(--skeleton-start, #eee) 40%,
      var(--skeleton-start, #eee) 100%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.8s ease-in-out infinite;
  border-radius: 4px;
  border-radius: 8px;
}
.skeleton-title {
  height: 1em;
  margin: 0.2em 0;
  width: 40%;
  background:
    linear-gradient(
      90deg,
      var(--skeleton-start, #eee) 0%,
      var(--skeleton-mid, #ddd) 20%,
      var(--skeleton-start, #eee) 40%,
      var(--skeleton-start, #eee) 100%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.8s ease-in-out infinite;
  border-radius: 4px;
}
.skeleton-text {
  height: 1em;
  margin: 0.2em 0;
  width: 60%;
  background:
    linear-gradient(
      90deg,
      var(--skeleton-start, #eee) 0%,
      var(--skeleton-mid, #ddd) 20%,
      var(--skeleton-start, #eee) 40%,
      var(--skeleton-start, #eee) 100%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.8s ease-in-out infinite;
  border-radius: 4px;
}
.skeleton-block {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  background-color: var(--skeleton-bg);
  background:
    linear-gradient(
      90deg,
      var(--skeleton-start, #eee) 0%,
      var(--skeleton-mid, #ddd) 20%,
      var(--skeleton-start, #eee) 40%,
      var(--skeleton-start, #eee) 100%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.8s ease-in-out infinite;
  border-radius: 4px;
}
.skeleton-card {
  background:
    linear-gradient(
      90deg,
      var(--skeleton-start, #eee) 0%,
      var(--skeleton-mid, #ddd) 20%,
      var(--skeleton-start, #eee) 40%,
      var(--skeleton-start, #eee) 100%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.8s ease-in-out infinite;
  border-radius: 4px;
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.skeleton-card--horizontal {
  flex-direction: row;
  align-items: center;
}
.skeleton-avatar {
  background:
    linear-gradient(
      90deg,
      var(--skeleton-start, #eee) 0%,
      var(--skeleton-mid, #ddd) 20%,
      var(--skeleton-start, #eee) 40%,
      var(--skeleton-start, #eee) 100%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.8s ease-in-out infinite;
  border-radius: 4px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  flex-shrink: 0;
}
.skeleton-avatar-lg {
  background:
    linear-gradient(
      90deg,
      var(--skeleton-start, #eee) 0%,
      var(--skeleton-mid, #ddd) 20%,
      var(--skeleton-start, #eee) 40%,
      var(--skeleton-start, #eee) 100%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.8s ease-in-out infinite;
  border-radius: 4px;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  flex-shrink: 0;
}
.skeleton-thumbnail {
  background:
    linear-gradient(
      90deg,
      var(--skeleton-start, #eee) 0%,
      var(--skeleton-mid, #ddd) 20%,
      var(--skeleton-start, #eee) 40%,
      var(--skeleton-start, #eee) 100%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.8s ease-in-out infinite;
  border-radius: 4px;
  width: 80px;
  height: 80px;
  border-radius: 8px;
  flex-shrink: 0;
}
.skeleton-line {
  background:
    linear-gradient(
      90deg,
      var(--skeleton-start, #eee) 0%,
      var(--skeleton-mid, #ddd) 20%,
      var(--skeleton-start, #eee) 40%,
      var(--skeleton-start, #eee) 100%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.8s ease-in-out infinite;
  border-radius: 4px;
  height: 14px;
  width: 100%;
}
.skeleton-line--short {
  width: 40%;
}
.skeleton-line--medium {
  width: 70%;
}
.skeleton-line--long {
  width: 90%;
}
.skeleton-button {
  background:
    linear-gradient(
      90deg,
      var(--skeleton-start, #eee) 0%,
      var(--skeleton-mid, #ddd) 20%,
      var(--skeleton-start, #eee) 40%,
      var(--skeleton-start, #eee) 100%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.8s ease-in-out infinite;
  border-radius: 4px;
  height: 36px;
  width: 100px;
  border-radius: 18px;
}
.skeleton-chip {
  background:
    linear-gradient(
      90deg,
      var(--skeleton-start, #eee) 0%,
      var(--skeleton-mid, #ddd) 20%,
      var(--skeleton-start, #eee) 40%,
      var(--skeleton-start, #eee) 100%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.8s ease-in-out infinite;
  border-radius: 4px;
  height: 24px;
  width: 60px;
  border-radius: 12px;
}
.skeleton-container {
  opacity: 1;
  transition: opacity 0.3s ease-out;
}
.skeleton-container.loaded {
  opacity: 0;
  pointer-events: none;
}
@keyframes skeleton-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.skeleton-pulse {
  animation: skeleton-pulse 1.5s ease-in-out infinite;
}
.product-image-wrapper {
  position: relative;
  width: fit-content;
}
.product-image {
  width: calc(var(--card-width) - 2px);
  height: calc(var(--card-width) - 2px);
  object-fit: cover;
  display: block;
}
.product-extras {
  gap: 4px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
  bottom: 12px;
  left: 16px;
}
.product-extras.product-extras-top {
  top: 16px;
  bottom: auto;
}
.product-tags {
  overflow-x: auto;
  margin: 0 -16px;
  padding: 0 16px;
}
.product-tags::-webkit-scrollbar {
  display: none;
}
.product-tags .mdc-evolution-chip-set__chips {
  flex-wrap: nowrap;
}
.is-mobile .product-tags {
  margin: 0 -8px;
  padding: 0 8px;
}
.is-mobile .product-extras-top {
  top: 8px;
}
.product-top-buttons {
  gap: 8px;
  top: 16px;
  left: 16px;
  right: 16px;
  display: flex;
  flex-direction: column;
  position: absolute !important;
}
.product-extra {
  gap: 4px;
  height: 20px;
  padding: 0 8px;
  font-size: 10px;
  line-height: 12px;
  color: var(--badge-text);
  border-radius: 10px;
  width: fit-content;
  display: flex;
  align-items: center;
  align-items: center;
  background-color: var(--tag-bg);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  border: var(--tag-border);
}
.product-extra.product-future-price {
  background-color: var(--color-error);
}
.dark-theme .product-extra.product-future-price {
  background-color: var(--overlay-error-20);
  border: 1px solid var(--color-error-light);
  color: var(--color-error-light);
}
.product-extra.green {
  background-color: var(--color-success);
}
.dark-theme .product-extra.green {
  background-color: var(--overlay-success-20);
  border: 1px solid var(--color-success-light);
  color: var(--color-success-light);
}
.product-extra.red {
  background-color: var(--color-error);
}
.dark-theme .product-extra.red {
  background-color: var(--overlay-error-20);
  border: 1px solid var(--color-error-light);
  color: var(--color-error-light);
}
.product-extra .mat-icon {
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
}
.product-extra .mat-icon:first-child {
  margin-left: -4px;
}
.product-extra .mat-icon:last-child {
  margin-right: -4px;
}
.product-extra.product-seller {
  overflow: visible;
  position: relative;
  padding: 0 8px 0 0;
  overflow: hidden;
  text-decoration: none;
}
.product-extra.product-seller .product-seller-name {
  margin-right: 4px;
}
.product-extra.product-seller img.product-seller-logo {
  width: 20px;
  height: 20px;
  display: block;
  box-sizing: border-box;
  border: 1px solid var(--divider);
  border-radius: 10px;
  background-color: var(--bg-card);
}
.product-extra.product-seller img.product-seller-choice {
  height: 20px;
  display: block;
  box-sizing: border-box;
  border: 1px solid var(--divider);
  border-radius: 10px;
}
.product-seller-attrs {
  left: 0;
  gap: 6px;
  top: calc(100% + 4px);
  padding: 12px;
  display: flex;
  flex-direction: column;
  position: absolute;
  border-radius: 16px;
  background: var(--bg-card);
  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);
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
  border: 1px solid var(--divider);
  z-index: 2;
}
.product-seller-attrs .product-seller-attr {
  align-items: center;
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  font-size: 12px;
  color: var(--text-secondary);
}
.product-seller-attrs .product-seller-attr b {
  color: var(--text-primary);
  font-size: 14px;
}
.product-seller-attrs .product-seller-attr small {
  font-size: 12px;
  color: var(--text-secondary);
}
.product-seller:hover .product-seller-attrs {
  opacity: 1;
}
.product-price-wrapper {
  gap: 8px;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.product-price {
  font-size: 20px;
  font-weight: 600;
  color: var(--text-primary);
}
.product-available {
  border: 1px solid var(--divider);
  padding: 0 8px;
  font-size: 10px;
  line-height: 18px;
  border-radius: 10px;
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
}
.product-available.product-available-running-out {
  color: var(--color-warning);
  border-color: var(--color-warning);
}
.product-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  background-color: var(--bg-card);
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid var(--divider);
}
.product-card:hover {
  box-shadow: var(--card-shadow-hover);
}
.product-card .product-image {
  height: 200px;
  background-color: var(--bg-app);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.product-card .product-image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.product-card .product-content {
  padding: 16px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.product-card .product-title {
  font-size: 1.1em;
  font-weight: 500;
  margin-bottom: 8px;
  color: var(--text-primary);
}
.product-card .product-description {
  font-size: 0.9em;
  color: var(--text-secondary);
  margin-bottom: 16px;
  flex: 1;
}
.product-card .product-price {
  font-size: 1.2em;
  font-weight: 600;
  color: var(--primary);
  margin-bottom: 16px;
}
.product-card .product-actions {
  display: flex;
  gap: 8px;
  margin-top: auto;
}
.product-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
  padding: 16px;
}
.status-badge {
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 0.8em;
  font-weight: 500;
  text-transform: uppercase;
}
.status-badge.status-active {
  background-color: var(--bg-success-light);
  color: var(--color-success);
  border: 1px solid var(--color-success);
}
.status-badge.status-inactive {
  background-color: var(--bg-app);
  color: var(--text-secondary);
  border: 1px solid var(--divider);
}
.product-unit-price {
  padding: 4px 8px;
  font-size: 10px;
  line-height: 12px;
  border-radius: 10px;
  color: var(--badge-text);
  white-space: nowrap;
  background-color: var(--mat-chip-elevated-selected-container-color);
  border: 1px solid var(--mat-chip-elevated-selected-container-color);
}
.product-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: var(--text-primary);
  font-size: 16px;
  display: flex;
  align-items: center;
}
.product-quantity {
  font-size: 16px;
  padding: 0 8px;
  line-height: 24px;
  border-radius: 12px;
  margin-right: 4px;
  color: var(--primary);
  background-color: var(--quantity-badge-bg);
}
.product-stats {
  gap: 4px;
  display: flex;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 16px;
  align-items: center;
  color: var(--text-secondary);
  white-space: nowrap;
}
a.product-url,
button.product-url {
  --mdc-filled-button-container-color: var(--button-tonal-bg) !important;
  --mdc-filled-button-label-text-color: var(--button-tonal-text) !important;
  background-color: var(--button-tonal-bg) !important;
  color: var(--button-tonal-text) !important;
}
a.product-url .mdc-button__label,
button.product-url .mdc-button__label {
  color: var(--button-tonal-text) !important;
}
a.product-url.received,
button.product-url.received {
  background-color: var(--status-btn-received-bg) !important;
  color: var(--status-btn-received-text) !important;
}
a.product-url.received mat-icon,
a.product-url.received .mdc-button__label,
a.product-url.received span,
button.product-url.received mat-icon,
button.product-url.received .mdc-button__label,
button.product-url.received span {
  color: var(--status-btn-received-text) !important;
}
a.product-url.picked,
button.product-url.picked {
  background-color: var(--status-btn-picked-bg) !important;
  color: var(--status-btn-picked-text) !important;
}
a.product-url.picked mat-icon,
a.product-url.picked .mdc-button__label,
a.product-url.picked span,
button.product-url.picked mat-icon,
button.product-url.picked .mdc-button__label,
button.product-url.picked span {
  color: var(--status-btn-picked-text) !important;
}
a.product-url.delivered,
button.product-url.delivered {
  background-color: var(--status-btn-delivered-bg) !important;
  color: var(--status-btn-delivered-text) !important;
}
a.product-url.delivered mat-icon,
a.product-url.delivered .mdc-button__label,
a.product-url.delivered span,
button.product-url.delivered mat-icon,
button.product-url.delivered .mdc-button__label,
button.product-url.delivered span {
  color: var(--status-btn-delivered-text) !important;
}
a.product-url.shipped,
button.product-url.shipped {
  background-color: var(--status-btn-shipped-bg) !important;
  color: var(--status-btn-shipped-text) !important;
}
a.product-url.shipped mat-icon,
a.product-url.shipped .mdc-button__label,
a.product-url.shipped span,
button.product-url.shipped mat-icon,
button.product-url.shipped .mdc-button__label,
button.product-url.shipped span {
  color: var(--status-btn-shipped-text) !important;
}
a.product-url.ordered,
button.product-url.ordered {
  background-color: var(--status-btn-ordered-bg) !important;
  color: var(--status-btn-ordered-text) !important;
}
a.product-url.ordered mat-icon,
a.product-url.ordered .mdc-button__label,
a.product-url.ordered span,
button.product-url.ordered mat-icon,
button.product-url.ordered .mdc-button__label,
button.product-url.ordered span {
  color: var(--status-btn-ordered-text) !important;
}
a.product-url.partial,
button.product-url.partial {
  background-color: var(--status-btn-partial-bg) !important;
  color: var(--status-btn-partial-text) !important;
}
a.product-url.partial mat-icon,
a.product-url.partial .mdc-button__label,
a.product-url.partial span,
button.product-url.partial mat-icon,
button.product-url.partial .mdc-button__label,
button.product-url.partial span {
  color: var(--status-btn-partial-text) !important;
}
a.product-url.problem,
button.product-url.problem {
  background-color: var(--status-btn-problem-bg) !important;
  color: var(--status-btn-problem-text) !important;
}
a.product-url.problem mat-icon,
a.product-url.problem .mdc-button__label,
a.product-url.problem span,
button.product-url.problem mat-icon,
button.product-url.problem .mdc-button__label,
button.product-url.problem span {
  color: var(--status-btn-problem-text) !important;
}
a.product-url.awaiting_pickup,
button.product-url.awaiting_pickup {
  background-color: var(--status-btn-awaiting-bg) !important;
  color: var(--status-btn-awaiting-text) !important;
}
a.product-url.awaiting_pickup mat-icon,
a.product-url.awaiting_pickup .mdc-button__label,
a.product-url.awaiting_pickup span,
button.product-url.awaiting_pickup mat-icon,
button.product-url.awaiting_pickup .mdc-button__label,
button.product-url.awaiting_pickup span {
  color: var(--status-btn-awaiting-text) !important;
}
a.product-url.cancelled,
button.product-url.cancelled {
  background-color: var(--status-btn-cancelled-bg) !important;
  color: var(--status-btn-cancelled-text) !important;
}
a.product-url.cancelled mat-icon,
a.product-url.cancelled .mdc-button__label,
a.product-url.cancelled span,
button.product-url.cancelled mat-icon,
button.product-url.cancelled .mdc-button__label,
button.product-url.cancelled span {
  color: var(--status-btn-cancelled-text) !important;
}
.product-card-actions-container {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.product-card-actions-container .product-card-action {
  box-shadow: none !important;
  background-color: var(--bg-card);
  border: 1px solid var(--divider);
}
.product-status-icon.green .mat-icon {
  color: var(--color-success) !important;
}
.product-status-icon .mat-icon {
  display: block;
}
@media (max-width: 599.98px) {
  .hide-xs {
    display: none !important;
  }
}
@media (min-width: 600px) and (max-width: 959.98px) {
  .hide-sm {
    display: none !important;
  }
}
@media (min-width: 960px) and (max-width: 1279.98px) {
  .hide-md {
    display: none !important;
  }
}
@media (min-width: 1280px) and (max-width: 1919.98px) {
  .hide-lg {
    display: none !important;
  }
}
@media (min-width: 1920px) {
  .hide-xl {
    display: none !important;
  }
}
html {
  --white: #ffffff;
  --black: #000000;
  --text-primary: #000000;
  --text-secondary: #666666;
  --bg-card: #ffffff;
  --bg-card-rgb:
    255,
    255,
    255;
  --surface-rgb:
    255,
    255,
    255;
  --bg-app: #eeeeee;
  --divider: #e0e0e0;
  --primary: #0064BF;
  --on-primary: #ffffff;
  --color-primary: #0064BF;
  --text-on-primary: #ffffff;
  --toolbar-bg: #E5F1FF;
  --toolbar-base-text: #111111;
  --toolbar-text: #333333;
  --toolbar-border: #dddddd;
  --toolbar-button-text: #ffffff;
  --toolbar-button-bg: #333333;
  --button-primary-bg: #0064BF;
  --button-tonal-bg: #E5F1FF;
  --button-tonal-text: #0064BF;
  --fab-container-bg: #cce4ff;
  --search-overlay-bg: rgba(221, 221, 221, 0.9);
  --quantity-badge-bg: #E5F1FF;
  --color-success: #388E3C;
  --color-success-dark: #1B5E20;
  --bg-success-light: #E8F5E9;
  --bg-success-dark: #C8E6C9;
  --color-warning: #F57C00;
  --color-warning-dark: #E65100;
  --bg-warning-light: #fff3e0;
  --bg-yellow-light: #FFF9C4;
  --bg-orange-light: #FFF4E6;
  --color-info: #1976D2;
  --bg-info-light: #E3F2FD;
  --bg-cyan-light: #E0F7FA;
  --color-error: #f44336;
  --bg-error-light: #FFEBEE;
  --bg-pink-light: #FFE8E0;
  --link-color: #333333;
  --bg-teal-light: #e0f2f1;
  --bg-purple-light: #F3E5F5;
  --gray-333: #333333;
  --gray-666: #666666;
  --gray-999: #999999;
  --gray-light: #f5f5f5;
  --gray-lighter: #fafafa;
  --gray-border: #e0e0e0;
  --gray-tooltip-bg: #333333;
  --text-muted: #777777;
  --bg-hover: #f5f5f5;
  --bg-selected-row: #E5F1FF;
  --bg-notification: #eeeeee;
  --bg-disabled: #f5f5f5;
  --bg-surface: #f5f5f5;
  --badge-bg: rgba(0, 0, 0, 0.5);
  --badge-text: #fff;
  --tag-bg: #333333;
  --tag-border: none;
  --mat-app-background-color: var(--bg-card);
  --mat-app-text-color: var(--text-primary);
  --mat-card-outlined-container-color: var(--bg-card);
  --mat-card-elevated-container-color: var(--bg-card);
  --mat-card-outlined-outline-color: var(--divider);
  --mat-dialog-container-color: var(--bg-card);
  --mat-table-background-color: var(--bg-card);
  --mat-paginator-container-background-color: var(--bg-card);
  --mat-menu-container-color: var(--bg-card);
  --mat-select-panel-background-color: var(--bg-card);
  --mat-autocomplete-background-color: var(--bg-card);
  --mat-bottom-sheet-container-background-color: var(--bg-card);
  --mat-stepper-container-color: var(--bg-card);
  --mat-toolbar-container-background-color: var(--toolbar-bg);
  --mat-sidenav-container-background-color: var(--bg-card);
  --mat-sidenav-content-background-color: var(--bg-app);
  --mat-expansion-container-background-color: var(--bg-card);
  --mat-tree-container-background-color: var(--bg-card);
  --mat-divider-color: var(--divider);
  --mat-table-row-item-outline-color: var(--divider);
  --mat-chip-elevated-selected-container-color: var(--gray-333);
  --mat-chip-selected-label-text-color: var(--white);
  --mat-chip-outline-color: var(--text-muted);
  --chart-blue: #1976D2;
  --chart-orange: #F57C00;
  --chart-green: #388E3C;
  --chart-red: #D32F2F;
  --chart-purple: #7B1FA2;
  --chart-cyan: #0097A7;
  --chart-lime: #689F38;
  --chart-gray: #757575;
  --chart-red-light: #EF5350;
  --chart-red-dark: #C62828;
  --chart-blue-dark: #1565C0;
  --chart-green-dark: #2E7D32;
  --chart-yellow: #FBC02D;
  --chart-yellow-light: #FFD54F;
  --chart-yellow-dark: #FFB300;
  --chart-orange-dark: #E65100;
  --chart-green-light: #66BB6A;
  --chart-blue-light: #42A5F5;
  --chart-text-primary: #424242;
  --chart-text-secondary: #616161;
  --chart-grid: #E0E0E0;
  --chart-background: transparent;
  --chart-line-color: #333333;
  --chart-area-green: #5BE96C;
  --gradient-peach:
    linear-gradient(
      135deg,
      #f093fb 0%,
      #f5576c 100%);
  --gradient-ocean:
    linear-gradient(
      135deg,
      #4facfe 0%,
      #00f2fe 100%);
  --gradient-spring:
    linear-gradient(
      135deg,
      #43e97b 0%,
      #38f9d7 100%);
  --gradient-sunset:
    linear-gradient(
      135deg,
      #fa709a 0%,
      #fee140 100%);
  --gradient-indigo:
    linear-gradient(
      135deg,
      #667eea 0%,
      #764ba2 100%);
  --gradient-deep-sea:
    linear-gradient(
      135deg,
      #30cfd0 0%,
      #330867 100%);
  --overlay-light: rgba(255, 255, 255, 0.9);
  --overlay-medium: rgba(255, 255, 255, 0.6);
  --overlay-subtle: rgba(255, 255, 255, 0.3);
  --shadow-dark: rgba(0, 0, 0, 0.2);
  --shadow-medium: rgba(0, 0, 0, 0.1);
  --shadow-subtle: rgba(0, 0, 0, 0.05);
  --shadow-extra-subtle: rgba(0, 0, 0, 0.03);
  --shadow-strong: rgba(0, 0, 0, 0.2);
  --shadow-very-strong: rgba(0, 0, 0, 0.3);
  --shadow-intense: rgba(0, 0, 0, 0.5);
  --shadow-overlay: rgba(0, 0, 0, 0.75);
  --card-shadow-hover:
    rgba(51, 51, 51, 0.1) 0px 5px 5px -3px,
    rgba(51, 51, 51, 0.07) 0px 8px 10px 1px,
    rgba(51, 51, 51, 0.06) 0px 3px 14px 2px;
  --card-shadow-active:
    rgba(51, 51, 51, 0.15) 0px 7px 8px -4px,
    rgba(51, 51, 51, 0.1) 0px 12px 17px 2px,
    rgba(51, 51, 51, 0.08) 0px 5px 22px 4px;
  --overlay-primary-subtle: rgba(25, 118, 210, 0.06);
  --overlay-primary-light: rgba(25, 118, 210, 0.12);
  --overlay-primary-medium: rgba(25, 118, 210, 0.2);
  --overlay-success-04: rgba(76, 175, 80, 0.04);
  --overlay-success-subtle: rgba(76, 175, 80, 0.08);
  --overlay-success-10: rgba(76, 175, 80, 0.1);
  --overlay-success-light: rgba(76, 175, 80, 0.15);
  --overlay-warning-subtle: rgba(255, 152, 0, 0.08);
  --overlay-warning-light: rgba(255, 152, 0, 0.15);
  --overlay-error-subtle: rgba(244, 67, 54, 0.08);
  --overlay-error-10: rgba(244, 67, 54, 0.1);
  --overlay-error-light: rgba(244, 67, 54, 0.15);
  --overlay-error-20: rgba(244, 67, 54, 0.2);
  --overlay-error-30: rgba(244, 67, 54, 0.3);
  --overlay-error-40: rgba(244, 67, 54, 0.4);
  --overlay-error-medium: rgba(244, 67, 54, 0.25);
  --overlay-error-strong: rgba(244, 67, 54, 0.35);
  --overlay-warning-03: rgba(255, 152, 0, 0.03);
  --overlay-warning-06: rgba(255, 152, 0, 0.06);
  --overlay-warning-light: rgba(255, 152, 0, 0.15);
  --overlay-warning-20: rgba(255, 152, 0, 0.2);
  --overlay-warning-30: rgba(255, 152, 0, 0.3);
  --overlay-warning-40: rgba(255, 152, 0, 0.4);
  --overlay-warning-50: rgba(255, 152, 0, 0.5);
  --overlay-warning-medium: rgba(255, 152, 0, 0.25);
  --overlay-warning-strong: rgba(255, 152, 0, 0.35);
  --overlay-success-light: rgba(76, 175, 80, 0.15);
  --overlay-success-20: rgba(76, 175, 80, 0.2);
  --overlay-success-30: rgba(76, 175, 80, 0.3);
  --overlay-success-40: rgba(76, 175, 80, 0.4);
  --overlay-success-medium: rgba(76, 175, 80, 0.25);
  --overlay-success-strong: rgba(76, 175, 80, 0.35);
  --overlay-purple-subtle: rgba(156, 39, 176, 0.08);
  --overlay-purple-light: rgba(156, 39, 176, 0.15);
  --overlay-purple-accent-10: rgba(102, 126, 234, 0.1);
  --overlay-primary-03: rgba(33, 150, 243, 0.03);
  --overlay-primary-08: rgba(33, 150, 243, 0.08);
  --overlay-success-05: rgba(76, 175, 80, 0.05);
  --overlay-success-12: rgba(76, 175, 80, 0.12);
  --overlay-success-50: rgba(76, 175, 80, 0.5);
  --overlay-success-60: rgba(76, 175, 80, 0.6);
  --overlay-warning-05: rgba(255, 152, 0, 0.05);
  --overlay-warning-12: rgba(255, 152, 0, 0.12);
  --overlay-gray-15: rgba(158, 158, 158, 0.15);
  --overlay-gray-30: rgba(158, 158, 158, 0.3);
  --overlay-black-04: rgba(0, 0, 0, 0.04);
  --overlay-black-06: rgba(0, 0, 0, 0.06);
  --overlay-black-10: rgba(0, 0, 0, 0.1);
  --text-high-emphasis: rgba(0, 0, 0, 0.87);
  --text-medium-emphasis: rgba(0, 0, 0, 0.6);
  --text-low-emphasis: rgba(0, 0, 0, 0.5);
  --text-disabled: rgba(0, 0, 0, 0.3);
  --overlay-primary-06: rgba(33, 150, 243, 0.06);
  --overlay-primary-12: rgba(33, 150, 243, 0.12);
  --overlay-success-15: rgba(76, 175, 80, 0.15);
  --overlay-success-25: rgba(76, 175, 80, 0.25);
  --overlay-warning-06: rgba(255, 152, 0, 0.06);
  --color-primary-dark: #1976D2;
  --color-primary-light: #2196F3;
  --color-primary-darker: #1565C0;
  --color-primary-darkest: #0D47A1;
  --color-success-primary: #4caf50;
  --color-success-dark: #388e3c;
  --color-success-light: #66BB6A;
  --color-info: #0097A7;
  --color-info-dark: #00838f;
  --color-purple: #7B1FA2;
  --color-purple-dark: #6a1b9a;
  --color-orange: #FF6F00;
  --color-orange-dark: #e65100;
  --color-mint: #69F0AE;
  --color-mint-light: #B9F6CA;
  --color-warning-primary: #ff9800;
  --color-warning-dark: #f57c00;
  --color-warning-light: #FFB74D;
  --color-error-primary: #f44336;
  --color-error-dark: #d32f2f;
  --color-error-light: #E57373;
  --gray-darkest: #333333;
  --gray-darker: #555555;
  --gray-dark: #757575;
  --gray-medium: #777777;
  --gray: #999999;
  --gray-light: #BDBDBD;
  --gray-lighter: #CCCCCC;
  --gray-very-light: #DDDDDD;
  --gray-ultra-light: #EEEEEE;
  --gray-off-white: #F5F5F5;
  --gray-border: #E0E0E0;
  --shadow-border-light: rgba(0, 0, 0, 0.08);
  --shadow-overlay-subtle: rgba(0, 0, 0, 0.02);
  --shadow-overlay-light: rgba(0, 0, 0, 0.03);
  --shadow-overlay-medium: rgba(0, 0, 0, 0.05);
  --shadow-box-light: rgba(0, 0, 0, 0.12);
  --shadow-box-medium: rgba(0, 0, 0, 0.2);
  --shadow-box-strong: rgba(0, 0, 0, 0.3);
  --shadow-button: rgba(0, 0, 0, 0.25);
  --shadow-button-hover: rgba(0, 0, 0, 0.4);
  --shadow-very-strong: rgba(0, 0, 0, 0.3);
  --overlay-white-subtle: rgba(255, 255, 255, 0.05);
  --overlay-white-03: rgba(255, 255, 255, 0.03);
  --overlay-white-08: rgba(255, 255, 255, 0.08);
  --overlay-white-10: rgba(255, 255, 255, 0.1);
  --overlay-white-light: rgba(255, 255, 255, 0.08);
  --overlay-white-15: rgba(255, 255, 255, 0.15);
  --overlay-white-16: rgba(255, 255, 255, 0.16);
  --overlay-white-20: rgba(255, 255, 255, 0.2);
  --overlay-white-medium: rgba(255, 255, 255, 0.12);
  --overlay-white-25: rgba(255, 255, 255, 0.25);
  --overlay-white-30: rgba(255, 255, 255, 0.3);
  --overlay-white-35: rgba(255, 255, 255, 0.35);
  --overlay-white-38: rgba(255, 255, 255, 0.38);
  --overlay-white-40: rgba(255, 255, 255, 0.4);
  --overlay-white-strong: rgba(255, 255, 255, 0.5);
  --overlay-white-intense: rgba(255, 255, 255, 0.75);
  --overlay-white-very-intense: rgba(255, 255, 255, 0.8);
  --overlay-white-87: rgba(255, 255, 255, 0.87);
  --overlay-white-95: rgba(255, 255, 255, 0.95);
  --overlay-black-01: rgba(0, 0, 0, 0.015);
  --overlay-black-02: rgba(0, 0, 0, 0.02);
  --overlay-black-04: rgba(0, 0, 0, 0.04);
  --overlay-black-05: rgba(0, 0, 0, 0.05);
  --overlay-black-08: rgba(0, 0, 0, 0.08);
  --overlay-black-10: rgba(0, 0, 0, 0.1);
  --overlay-black-12: rgba(0, 0, 0, 0.12);
  --overlay-black-15: rgba(0, 0, 0, 0.15);
  --overlay-black-20: rgba(0, 0, 0, 0.2);
  --overlay-black-40: rgba(0, 0, 0, 0.4);
  --overlay-black-60: rgba(0, 0, 0, 0.6);
  --overlay-black-85: rgba(0, 0, 0, 0.85);
  --border-black-30: rgba(0, 0, 0, 0.3);
  --overlay-primary-02: rgba(33, 150, 243, 0.02);
  --overlay-primary-04: rgba(33, 150, 243, 0.04);
  --overlay-primary-05: rgba(33, 150, 243, 0.05);
  --overlay-primary-08: rgba(33, 150, 243, 0.08);
  --overlay-primary-10: rgba(33, 150, 243, 0.1);
  --overlay-primary-15: rgba(33, 150, 243, 0.15);
  --overlay-primary-20: rgba(33, 150, 243, 0.2);
  --overlay-primary-30: rgba(33, 150, 243, 0.3);
  --overlay-primary-40: rgba(33, 150, 243, 0.4);
  --overlay-primary-50: rgba(33, 150, 243, 0.5);
  --overlay-primary-60: rgba(33, 150, 243, 0.6);
  --overlay-primary-70: rgba(33, 150, 243, 0.7);
  --overlay-primary-bg-light: rgba(25, 118, 210, 0.3);
  --overlay-primary-bg-medium: rgba(25, 118, 210, 0.5);
  --bg-highlight-primary: #e5f1ff;
  --border-blue-light: #bbdefb;
  --overlay-error-02: rgba(244, 67, 54, 0.02);
  --overlay-error-05: rgba(244, 67, 54, 0.05);
  --overlay-error-10: rgba(244, 67, 54, 0.1);
  --overlay-error-20: rgba(244, 67, 54, 0.2);
  --overlay-error-30: rgba(244, 67, 54, 0.3);
  --overlay-success-10: rgba(76, 175, 80, 0.1);
  --overlay-success-15: rgba(76, 175, 80, 0.15);
  --overlay-success-20: rgba(76, 175, 80, 0.2);
  --overlay-warning-10: rgba(255, 152, 0, 0.1);
  --overlay-warning-15: rgba(255, 152, 0, 0.15);
  --overlay-warning-20: rgba(255, 152, 0, 0.2);
  --gradient-success:
    linear-gradient(
      135deg,
      #4caf50 0%,
      #388e3c 100%);
  --gradient-success-alt:
    linear-gradient(
      180deg,
      #4caf50 0%,
      #388e3c 100%);
  --gradient-warning:
    linear-gradient(
      135deg,
      #ff9800 0%,
      #f57c00 100%);
  --workshop-bg:
    linear-gradient(
      135deg,
      #fff5e6 0%,
      #ffe0b2 100%);
  --workshop-border: #ff9800;
  --workshop-border-hover: #f57c00;
  --workshop-shadow: rgba(255, 152, 0, 0.2);
  --workshop-icon-shadow: rgba(255, 152, 0, 0.3);
  --workshop-divider: rgba(255, 152, 0, 0.2);
  --workshop-item-bg: rgba(255, 255, 255, 0.7);
  --workshop-item-bg-hover: rgba(255, 255, 255, 0.9);
  --workshop-item-border: rgba(255, 152, 0, 0.2);
  --workshop-item-border-hover: rgba(255, 152, 0, 0.4);
  --workshop-item-shadow: rgba(255, 152, 0, 0.15);
  --workshop-text-primary: rgba(0, 0, 0, 0.87);
  --workshop-text-secondary: rgba(0, 0, 0, 0.6);
  --workshop-text-tertiary: rgba(0, 0, 0, 0.7);
  --workshop-avatar-border: rgba(255, 152, 0, 0.3);
  --workshop-btn-hover: rgba(255, 152, 0, 0.1);
  --workshop-scrollbar-track: rgba(255, 152, 0, 0.1);
  --workshop-scrollbar-thumb: rgba(255, 152, 0, 0.3);
  --workshop-scrollbar-thumb-hover: rgba(255, 152, 0, 0.5);
  --donation-donated-bg:
    linear-gradient(
      135deg,
      #fff5f5 0%,
      #ffe8e8 100%);
  --donation-donated-border: rgba(244, 67, 54, 0.2);
  --donation-donated-text: #d32f2f;
  --donation-donated-inspiration-border: rgba(244, 67, 54, 0.15);
  --donation-donated-inspiration-text: #c62828;
  --donation-icon-color: #ffffff;
  --donation-date-bg:
    linear-gradient(
      135deg,
      #fff3e0 0%,
      #ffe0b2 100%);
  --donation-date-border: rgba(255, 152, 0, 0.2);
  --donation-date-text: #e65100;
  --donation-remaining-bg:
    linear-gradient(
      135deg,
      #e3f2fd 0%,
      #bbdefb 100%);
  --donation-remaining-border: rgba(33, 150, 243, 0.2);
  --donation-remaining-text: #1565c0;
  --donation-remaining-zero-bg:
    linear-gradient(
      135deg,
      #f5f5f5 0%,
      #e0e0e0 100%);
  --donation-remaining-zero-border: rgba(0, 0, 0, 0.1);
  --donation-remaining-zero-text: #616161;
  --donation-remaining-zero-icon-bg:
    linear-gradient(
      135deg,
      #9e9e9e 0%,
      #757575 100%);
  --donation-remaining-zero-icon-shadow: rgba(158, 158, 158, 0.3);
  --gradient-primary:
    linear-gradient(
      135deg,
      #2196F3 0%,
      #1976D2 100%);
  --gradient-primary-blue:
    linear-gradient(
      135deg,
      #1976d2 0%,
      #1565c0 100%);
  --status-picked-text: #aba300;
  --status-delivered-text: #00ab9d;
  --status-delivered-bg: #9efff7;
  --status-delivered-bg-hover: #8dfbf2;
  --status-received-text: #06ab00;
  --status-received-bg: #b6ffb4;
  --status-received-bg-hover: #a0fe9d;
  --status-awaiting-pickup-bg: #d32f2f;
  --status-awaiting-pickup-text: #fff;
  --status-ordered-bg: #607D8B;
  --status-ordered-text: #ffffff;
  --status-partial-bg: #7B1FA2;
  --status-partial-text: #ffffff;
  --status-btn-received-bg: var(--status-received-bg);
  --status-btn-received-text: var(--status-received-text);
  --status-btn-picked-bg: var(--status-received-bg);
  --status-btn-picked-text: var(--status-received-text);
  --status-btn-delivered-bg: var(--status-delivered-bg);
  --status-btn-delivered-text: var(--status-delivered-text);
  --status-btn-shipped-bg: #fff3e0;
  --status-btn-shipped-text: #E65100;
  --status-btn-ordered-bg: #ECEFF1;
  --status-btn-ordered-text: #455A64;
  --status-btn-partial-bg: #F3E5F5;
  --status-btn-partial-text: #7B1FA2;
  --status-btn-problem-bg: #FFEBEE;
  --status-btn-problem-text: #C62828;
  --status-btn-awaiting-bg: #FFEBEE;
  --status-btn-awaiting-text: #C62828;
  --status-btn-cancelled-bg: #FAFAFA;
  --status-btn-cancelled-text: #9e9e9e;
  --drone-in-assembly-bg: #FFF9C4;
  --drone-in-assembly-text: #5D4037;
  --drone-missing-parts-bg: #FFE0B2;
  --drone-missing-parts-text: #E65100;
  --drone-to-repair-bg: #FFE8E0;
  --drone-to-repair-text: #D84315;
  --drone-assembled-bg: #E8F5E9;
  --drone-assembled-text: #558B2F;
  --drone-configured-bg: #EDE7F6;
  --drone-configured-text: #5E35B1;
  --drone-in-qc-bg: #E3F2FD;
  --drone-in-qc-text: #1565C0;
  --drone-qc-complete-bg: #E0F2F1;
  --drone-qc-complete-text: #00796B;
  --drone-flight-tested-bg: #E0F7FA;
  --drone-flight-tested-text: #0277BD;
  --drone-ready-bg: #C8E6C9;
  --drone-ready-text: #1B5E20;
  --drone-sent-to-unit-bg: #C5CAE9;
  --drone-sent-to-unit-text: #283593;
  --drone-received-bg: #A5D6A7;
  --drone-received-text: #1B5E20;
  --drone-draft-bg: #FFF9C4;
  --drone-draft-text: #5D4037;
  --drone-done-bg: #C8E6C9;
  --drone-done-text: #1B5E20;
  --drone-available-bg: #E8F5E9;
  --drone-available-text: #558B2F;
  --drone-transferred-bg: #C5CAE9;
  --drone-transferred-text: #283593;
  --drone-removed-bg: #FFEBEE;
  --drone-removed-text: #C62828;
  --ukraine-blue: #0057B7;
  --ukraine-yellow: #FFD700;
  --certificate-bg: #faf9f6;
  --certificate-text-dark: #2c2c2c;
  --certificate-text-medium: #3a3a3a;
  --certificate-text-gray: #5a5a5a;
  --certificate-text-light-gray: #616161;
  --certificate-separator: #9e9e9e;
  --color-purple-accent: #667eea;
  --color-orange-accent: #ff6b00;
  --color-yellow-bright: #FFEB3B;
  --color-red-deep: #c62828;
  --color-green-deep: #2e7d32;
  --color-orange-deep: #e65100;
  --color-orange-800: #ef6c00;
  --color-purple-deep: #7b1fa2;
  --skeleton-start: #eee;
  --skeleton-mid: #ddd;
  --skeleton-end: #aaa;
  --skeleton-bg: #eeeeee;
  --animation-fast: 250ms;
  --animation-normal: 300ms;
  --animation-spring: 350ms;
  --ease-spring-out: cubic-bezier(0.32, 0.72, 0, 1);
  --ease-spring-back: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-out: cubic-bezier(0.4, 0, 0.2, 1);
  --transition-transform-fast: transform var(--animation-fast) var(--ease-spring-out);
  --transition-transform-normal: transform var(--animation-normal) var(--ease-out);
  --transition-transform-spring: transform var(--animation-spring) var(--ease-spring-back);
}
html.dark-theme {
  --surface-0: #121212;
  --surface-1: #2D2D2D;
  --surface-2: #383838;
  --surface-3: #444444;
  --surface-4: #505050;
  --surface-5: #5C5C5C;
  --surface-6: #686868;
  --text-primary: #f8fafc;
  --text-secondary: #cbd5e1;
  --text-muted: #94a3b8;
  --bg-app: var(--surface-0);
  --bg-card: var(--surface-1);
  --bg-card-rgb:
    45,
    45,
    45;
  --surface-rgb:
    45,
    45,
    45;
  --bg-hover: var(--surface-2);
  --bg-selected-row: #3d4a5c;
  --bg-notification: var(--surface-0);
  --bg-disabled: #383838;
  --bg-surface: var(--surface-1);
  --divider: #4A4A4A;
  --border-subtle: #383838;
  --primary: #5a7aff;
  --on-primary: #ffffff;
  --color-primary: #5a7aff;
  --text-on-primary: #ffffff;
  --color-primary-dark: #4c7cef;
  --color-primary-light: #83a9fb;
  --color-primary-darker: #3d6de8;
  --color-primary-darkest: #2e5ed9;
  --color-success: #10b981;
  --color-success-primary: #10b981;
  --color-success-dark: #059669;
  --color-success-light: #6ee7b7;
  --color-info: #38bdf8;
  --color-info-dark: #0ea5e9;
  --color-purple: #c084fc;
  --color-purple-dark: #a855f7;
  --color-orange: #fbbf24;
  --color-orange-dark: #f59e0b;
  --color-mint: #34d399;
  --color-mint-light: #6ee7b7;
  --color-warning: #fbbf24;
  --color-warning-primary: #fbbf24;
  --color-warning-dark: #f59e0b;
  --color-warning-light: #fcd34d;
  --color-error-primary: #f87171;
  --color-error-dark: #ef4444;
  --color-error-light: #fca5a5;
  --toolbar-bg: var(--surface-3);
  --toolbar-base-text: #ffffff;
  --toolbar-text: #ffffff;
  --toolbar-border: var(--divider);
  --toolbar-button-text: #ffffff;
  --toolbar-button-bg: var(--primary);
  --toolbar-border-bottom: 1px solid var(--divider);
  --button-tonal-bg: var(--surface-2);
  --button-tonal-text: var(--text-primary);
  --fab-container-bg: var(--surface-3);
  --search-overlay-bg: rgba(0, 0, 0, 0.85);
  --quantity-badge-bg: var(--surface-2);
  --mat-sys-primary: #5a7aff;
  --mat-sys-on-primary: #ffffff;
  --color-success: var(--color-success-primary);
  --color-warning: var(--color-warning-primary);
  --color-error: var(--color-error-primary);
  --color-info: var(--color-info-primary, #38bdf8);
  --link-color: #60a5fa;
  --badge-bg: var(--surface-5);
  --badge-text: var(--text-primary);
  --tag-bg: var(--surface-3);
  --tag-border: 1px solid var(--divider);
  --chart-blue: #60a5fa;
  --chart-orange: #fbbf24;
  --chart-green: #34d399;
  --chart-red: #f87171;
  --chart-purple: #c084fc;
  --chart-cyan: #22d3ee;
  --chart-lime: #a3e635;
  --chart-gray: #94a3b8;
  --chart-text-primary: var(--text-primary);
  --chart-text-secondary: var(--text-secondary);
  --chart-grid: #334155;
  --chart-background: transparent;
  --chart-line-color: #818cf8;
  --chart-area-green: #34d399;
  --chart-red-light: #fca5a5;
  --chart-red-dark: #ef4444;
  --chart-blue-dark: #2563eb;
  --chart-green-dark: #059669;
  --chart-yellow: #fde68a;
  --chart-yellow-light: #fef3c7;
  --chart-yellow-dark: #f59e0b;
  --chart-orange-dark: #d97706;
  --chart-green-light: #6ee7b7;
  --chart-blue-light: #93c5fd;
  --gradient-peach:
    linear-gradient(
      135deg,
      #f093fb 0%,
      #f5576c 100%);
  --gradient-ocean:
    linear-gradient(
      135deg,
      #4facfe 0%,
      #00f2fe 100%);
  --gradient-spring:
    linear-gradient(
      135deg,
      #43e97b 0%,
      #38f9d7 100%);
  --gradient-sunset:
    linear-gradient(
      135deg,
      #fa709a 0%,
      #fee140 100%);
  --gradient-indigo:
    linear-gradient(
      135deg,
      #667eea 0%,
      #764ba2 100%);
  --gradient-deep-sea:
    linear-gradient(
      135deg,
      #30cfd0 0%,
      #330867 100%);
  --shadow-dark: rgba(0, 0, 0, 0.8);
  --shadow-medium: rgba(0, 0, 0, 0.5);
  --shadow-subtle: rgba(0, 0, 0, 0.3);
  --shadow-border-light: rgba(255, 255, 255, 0.05);
  --card-shadow-hover:
    rgba(0, 0, 0, 0.4) 0px 5px 5px -3px,
    rgba(0, 0, 0, 0.3) 0px 8px 10px 1px,
    rgba(0, 0, 0, 0.2) 0px 3px 14px 2px;
  --card-shadow-active:
    rgba(0, 0, 0, 0.5) 0px 7px 8px -4px,
    rgba(0, 0, 0, 0.4) 0px 12px 17px 2px,
    rgba(0, 0, 0, 0.3) 0px 5px 22px 4px;
  --shadow-box-light: rgba(0, 0, 0, 0.4);
  --shadow-box-medium: rgba(0, 0, 0, 0.6);
  --shadow-box-strong: rgba(0, 0, 0, 0.8);
  --shadow-button: rgba(0, 0, 0, 0.5);
  --shadow-button-hover: rgba(0, 0, 0, 0.7);
  --shadow-very-strong: rgba(0, 0, 0, 0.8);
  --shadow-intense: rgba(0, 0, 0, 0.9);
  --shadow-overlay: rgba(0, 0, 0, 0.95);
  --overlay-light: rgba(255, 255, 255, 0.1);
  --overlay-medium: rgba(255, 255, 255, 0.05);
  --overlay-subtle: rgba(255, 255, 255, 0.03);
  --overlay-primary-02: rgba(90, 122, 255, 0.02);
  --overlay-primary-04: rgba(90, 122, 255, 0.04);
  --overlay-primary-05: rgba(90, 122, 255, 0.05);
  --overlay-primary-08: rgba(90, 122, 255, 0.08);
  --overlay-primary-10: rgba(90, 122, 255, 0.1);
  --overlay-primary-15: rgba(90, 122, 255, 0.15);
  --overlay-primary-20: rgba(90, 122, 255, 0.2);
  --overlay-primary-30: rgba(90, 122, 255, 0.3);
  --overlay-primary-40: rgba(90, 122, 255, 0.4);
  --overlay-primary-50: rgba(90, 122, 255, 0.5);
  --overlay-primary-60: rgba(90, 122, 255, 0.6);
  --overlay-primary-70: rgba(90, 122, 255, 0.7);
  --overlay-error-02: rgba(248, 113, 113, 0.02);
  --overlay-error-05: rgba(248, 113, 113, 0.05);
  --overlay-error-10: rgba(248, 113, 113, 0.1);
  --overlay-error-20: rgba(248, 113, 113, 0.2);
  --overlay-error-30: rgba(248, 113, 113, 0.3);
  --overlay-success-04: rgba(52, 211, 153, 0.04);
  --overlay-success-10: rgba(52, 211, 153, 0.1);
  --overlay-success-15: rgba(52, 211, 153, 0.15);
  --overlay-success-20: rgba(52, 211, 153, 0.2);
  --overlay-success-30: rgba(52, 211, 153, 0.3);
  --overlay-success-40: rgba(52, 211, 153, 0.4);
  --overlay-success-subtle: rgba(52, 211, 153, 0.08);
  --overlay-success-light: rgba(52, 211, 153, 0.15);
  --overlay-success-medium: rgba(52, 211, 153, 0.25);
  --overlay-success-strong: rgba(52, 211, 153, 0.35);
  --overlay-warning-03: rgba(251, 191, 36, 0.03);
  --overlay-warning-06: rgba(251, 191, 36, 0.06);
  --overlay-warning-10: rgba(251, 191, 36, 0.1);
  --overlay-warning-15: rgba(251, 191, 36, 0.15);
  --overlay-warning-20: rgba(251, 191, 36, 0.2);
  --overlay-warning-30: rgba(251, 191, 36, 0.3);
  --overlay-warning-40: rgba(251, 191, 36, 0.4);
  --overlay-warning-50: rgba(251, 191, 36, 0.5);
  --overlay-warning-subtle: rgba(251, 191, 36, 0.08);
  --overlay-warning-light: rgba(251, 191, 36, 0.15);
  --overlay-warning-medium: rgba(251, 191, 36, 0.25);
  --overlay-warning-strong: rgba(251, 191, 36, 0.35);
  --overlay-purple-subtle: rgba(167, 139, 250, 0.08);
  --overlay-purple-light: rgba(167, 139, 250, 0.15);
  --overlay-purple-accent-10: rgba(131, 169, 251, 0.1);
  --overlay-primary-03: rgba(93, 119, 255, 0.03);
  --overlay-primary-08: rgba(93, 119, 255, 0.08);
  --overlay-success-05: rgba(16, 185, 129, 0.05);
  --overlay-success-12: rgba(16, 185, 129, 0.12);
  --overlay-success-50: rgba(16, 185, 129, 0.5);
  --overlay-success-60: rgba(16, 185, 129, 0.6);
  --overlay-warning-05: rgba(245, 158, 11, 0.05);
  --overlay-warning-12: rgba(245, 158, 11, 0.12);
  --overlay-gray-15: rgba(148, 163, 184, 0.15);
  --overlay-gray-30: rgba(148, 163, 184, 0.3);
  --overlay-black-04: rgba(255, 255, 255, 0.04);
  --overlay-black-06: rgba(255, 255, 255, 0.06);
  --overlay-black-10: rgba(255, 255, 255, 0.1);
  --overlay-primary-subtle: rgba(90, 122, 255, 0.06);
  --overlay-primary-light: rgba(90, 122, 255, 0.12);
  --overlay-primary-medium: rgba(90, 122, 255, 0.2);
  --overlay-primary-bg-light: rgba(90, 122, 255, 0.3);
  --overlay-primary-bg-medium: rgba(90, 122, 255, 0.5);
  --overlay-error-subtle: rgba(248, 113, 113, 0.08);
  --overlay-error-light: rgba(248, 113, 113, 0.15);
  --overlay-error-medium: rgba(248, 113, 113, 0.25);
  --overlay-error-strong: rgba(248, 113, 113, 0.35);
  --bg-success-light: rgba(52, 211, 153, 0.15);
  --bg-success-dark: rgba(52, 211, 153, 0.25);
  --bg-warning-light: rgba(251, 191, 36, 0.15);
  --bg-yellow-light: rgba(251, 191, 36, 0.12);
  --bg-orange-light: rgba(251, 191, 36, 0.1);
  --bg-info-light: rgba(56, 189, 248, 0.15);
  --bg-cyan-light: rgba(34, 211, 238, 0.12);
  --bg-error-light: rgba(248, 113, 113, 0.15);
  --bg-pink-light: rgba(248, 113, 113, 0.12);
  --bg-teal-light: rgba(45, 212, 191, 0.12);
  --bg-purple-light: rgba(167, 139, 250, 0.12);
  --gradient-success:
    linear-gradient(
      135deg,
      #10b981 0%,
      #064e3b 100%);
  --gradient-success-alt:
    linear-gradient(
      180deg,
      #10b981 0%,
      #064e3b 100%);
  --gradient-warning:
    linear-gradient(
      135deg,
      #f59e0b 0%,
      #78350f 100%);
  --workshop-bg:
    linear-gradient(
      135deg,
      var(--surface-1) 0%,
      var(--surface-2) 100%);
  --workshop-border: var(--color-warning-primary);
  --workshop-border-hover: var(--color-warning);
  --workshop-shadow: rgba(251, 191, 36, 0.15);
  --workshop-icon-shadow: rgba(251, 191, 36, 0.2);
  --workshop-divider: rgba(251, 191, 36, 0.2);
  --workshop-item-bg: var(--surface-0);
  --workshop-item-bg-hover: var(--surface-1);
  --workshop-item-border: rgba(251, 191, 36, 0.15);
  --workshop-item-border-hover: rgba(251, 191, 36, 0.3);
  --workshop-item-shadow: rgba(251, 191, 36, 0.1);
  --workshop-text-primary: var(--text-primary);
  --workshop-text-secondary: var(--text-secondary);
  --workshop-text-tertiary: var(--text-secondary);
  --workshop-avatar-border: rgba(251, 191, 36, 0.2);
  --workshop-btn-hover: rgba(251, 191, 36, 0.1);
  --workshop-scrollbar-track: rgba(251, 191, 36, 0.1);
  --workshop-scrollbar-thumb: rgba(251, 191, 36, 0.2);
  --workshop-scrollbar-thumb-hover: rgba(251, 191, 36, 0.3);
  --donation-donated-bg: var(--bg-card);
  --donation-donated-border: var(--overlay-error-medium);
  --donation-donated-text: var(--color-error-dark);
  --donation-donated-inspiration-border: var(--overlay-error-light);
  --donation-donated-inspiration-text: var(--color-red-deep);
  --donation-icon-color: #ffffff;
  --donation-date-bg: var(--bg-card);
  --donation-date-border: var(--overlay-warning-medium);
  --donation-date-text: var(--color-orange-deep);
  --donation-remaining-bg: var(--bg-card);
  --donation-remaining-border: var(--overlay-primary-medium);
  --donation-remaining-text: var(--color-primary-darker);
  --donation-remaining-zero-bg: var(--bg-card);
  --donation-remaining-zero-border: var(--shadow-medium);
  --donation-remaining-zero-text: var(--certificate-text-light-gray);
  --donation-remaining-zero-icon-bg:
    linear-gradient(
      135deg,
      var(--certificate-separator) 0%,
      var(--gray-dark) 100%);
  --donation-remaining-zero-icon-shadow: var(--shadow-strong);
  --gradient-primary:
    linear-gradient(
      135deg,
      #5a7aff 0%,
      #3d6de8 100%);
  --gradient-primary-blue:
    linear-gradient(
      135deg,
      #3d6de8 0%,
      #2e5ed9 100%);
  --status-picked-text: #fef08a;
  --status-delivered-text: #67e8f9;
  --status-delivered-bg: rgba(8, 145, 178, 0.3);
  --bg-highlight-primary: rgba(21, 101, 192, 0.2);
  --button-primary-bg: #5a7aff;
  --border-blue-light: var(--color-primary-darkest);
  --status-delivered-bg-hover: rgba(8, 145, 178, 0.5);
  --status-received-text: #86efac;
  --status-received-bg: rgba(21, 128, 61, 0.3);
  --status-received-bg-hover: rgba(21, 128, 61, 0.5);
  --status-awaiting-pickup-bg: #f87171;
  --status-awaiting-pickup-text: #000000;
  --status-ordered-bg: #94a3b8;
  --status-ordered-text: #000000;
  --status-partial-bg: #c084fc;
  --status-partial-text: #000000;
  --status-btn-received-bg: var(--color-success-primary);
  --status-btn-received-text: var(--on-primary);
  --status-btn-picked-bg: var(--color-success-primary);
  --status-btn-picked-text: var(--on-primary);
  --status-btn-delivered-bg: var(--color-primary-dark);
  --status-btn-delivered-text: var(--on-primary);
  --status-btn-shipped-bg: var(--color-warning-primary);
  --status-btn-shipped-text: #000000;
  --status-btn-ordered-bg: var(--status-ordered-bg);
  --status-btn-ordered-text: var(--status-ordered-text);
  --status-btn-partial-bg: var(--status-partial-bg);
  --status-btn-partial-text: var(--status-partial-text);
  --status-btn-problem-bg: var(--color-error-primary);
  --status-btn-problem-text: var(--on-primary);
  --status-btn-awaiting-bg: var(--status-awaiting-pickup-bg);
  --status-btn-awaiting-text: var(--status-awaiting-pickup-text);
  --status-btn-cancelled-bg: var(--bg-card);
  --status-btn-cancelled-text: var(--text-muted);
  --drone-in-assembly-bg: #422006;
  --drone-in-assembly-border: #78350f;
  --drone-in-assembly-text: #fcd34d;
  --drone-missing-parts-bg: #7c2d12;
  --drone-missing-parts-border: #9a3412;
  --drone-missing-parts-text: #fdba74;
  --drone-to-repair-bg: #450a0a;
  --drone-to-repair-border: #7f1d1d;
  --drone-to-repair-text: #fca5a5;
  --drone-assembled-bg: #022c22;
  --drone-assembled-border: #064e3b;
  --drone-assembled-text: #6ee7b7;
  --drone-configured-bg: #2e1065;
  --drone-configured-border: #4c1d95;
  --drone-configured-text: #c4b5fd;
  --drone-in-qc-bg: #172554;
  --drone-in-qc-border: #1e3a8a;
  --drone-in-qc-text: #93c5fd;
  --drone-qc-complete-bg: #042f2e;
  --drone-qc-complete-border: #134e4a;
  --drone-qc-complete-text: #5eead4;
  --drone-flight-tested-bg: #164e63;
  --drone-flight-tested-border: #155e75;
  --drone-flight-tested-text: #67e8f9;
  --drone-ready-bg: #065f46;
  --drone-ready-border: #047857;
  --drone-ready-text: #6ee7b7;
  --drone-sent-to-unit-bg: #1e1b4b;
  --drone-sent-to-unit-border: #312e81;
  --drone-sent-to-unit-text: #a5b4fc;
  --drone-received-bg: #14532d;
  --drone-received-border: #166534;
  --drone-received-text: #86efac;
  --drone-draft-bg: #422006;
  --drone-draft-border: #78350f;
  --drone-draft-text: #fcd34d;
  --drone-done-bg: #065f46;
  --drone-done-border: #047857;
  --drone-done-text: #6ee7b7;
  --drone-available-bg: #022c22;
  --drone-available-border: #064e3b;
  --drone-available-text: #6ee7b7;
  --drone-transferred-bg: #1e1b4b;
  --drone-transferred-border: #312e81;
  --drone-transferred-text: #a5b4fc;
  --drone-removed-bg: #334155;
  --drone-removed-border: #475569;
  --drone-removed-text: #cbd5e1;
  --ukraine-blue: #0057B7;
  --ukraine-yellow: #FFD700;
  --certificate-bg: #faf9f6;
  --certificate-text-dark: #2c2c2c;
  --certificate-text-medium: #3a3a3a;
  --certificate-text-gray: #5a5a5a;
  --certificate-text-light-gray: #616161;
  --certificate-separator: #9e9e9e;
  --color-purple-accent: #83a9fb;
  --color-orange-accent: #fbbf24;
  --color-yellow-bright: #fef08a;
  --color-red-deep: #f87171;
  --color-green-deep: #5ce5b8;
  --color-orange-deep: #fb923c;
  --color-purple-deep: #a78bfa;
  --color-error-light: #fca5a5;
  --color-warning-light: #fcd34d;
  --color-info-light: #7dd3fc;
  --color-success-light: #6ee7b7;
  --skeleton-start: #2C2C2C;
  --skeleton-mid: #333333;
  --skeleton-end: #3A3A3A;
  --skeleton-bg: #2C2C2C;
  --gray-darkest: #e2e8f0;
  --gray-darker: #cbd5e1;
  --gray-dark: #94a3b8;
  --gray-medium: #64748b;
  --gray: #475569;
  --gray-light: #334155;
  --gray-lighter: #1e293b;
  --gray-very-light: var(--surface-2);
  --gray-ultra-light: var(--divider);
  --gray-off-white: var(--surface-1);
  --gray-border: var(--divider);
  --shadow-extra-subtle: rgba(0, 0, 0, 0.2);
  --shadow-overlay-subtle: rgba(0, 0, 0, 0.4);
  --shadow-overlay-light: rgba(0, 0, 0, 0.5);
  --shadow-overlay-medium: rgba(0, 0, 0, 0.7);
  --shadow-strong: rgba(0, 0, 0, 0.9);
  --palette-red: #F44336;
  --palette-pink: #E91E63;
  --palette-purple: #9C27B0;
  --palette-deep-purple: #673AB7;
  --palette-indigo: #3F51B5;
  --palette-blue: #2196F3;
  --palette-light-blue: #03A9F4;
  --palette-cyan: #00BCD4;
  --palette-teal: #009688;
  --palette-green: #4CAF50;
  --palette-light-green: #8BC34A;
  --palette-lime: #CDDC39;
  --palette-yellow: #FFEB3B;
  --palette-amber: #FFC107;
  --palette-orange: #FF9800;
  --palette-deep-orange: #FF5722;
  --palette-brown: #795548;
  --palette-blue-grey: #607D8B;
}
html.dark-theme .product-image-wrapper,
html.dark-theme .picture {
  background-color: var(--surface-1);
}
html.dark-theme .product-image-wrapper img,
html.dark-theme .product-image-wrapper .product-image,
html.dark-theme .picture img,
html.dark-theme .picture .product-image {
  display: block;
}
html:not(.dark-theme) .notification {
  background-color: var(--bg-notification) !important;
  border-color: var(--divider) !important;
}
html:not(.dark-theme) .notification.clickable:hover {
  background-color: var(--bg-hover) !important;
}
html.dark-theme .notification {
  background-color: var(--surface-0) !important;
  border-color: var(--overlay-white-20) !important;
}
html.dark-theme .notification.clickable:hover {
  background-color: var(--surface-1) !important;
}
.markdown-preview,
.markdown-content {
  font-size: 14px;
  line-height: 1.6;
  color: var(--text-primary, #333);
}
.markdown-preview *,
.markdown-content * {
  color: inherit;
}
.markdown-preview h1,
.markdown-preview h2,
.markdown-preview h3,
.markdown-preview h4,
.markdown-preview h5,
.markdown-preview h6,
.markdown-content h1,
.markdown-content h2,
.markdown-content h3,
.markdown-content h4,
.markdown-content h5,
.markdown-content h6 {
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-weight: 600;
  line-height: 1.3;
  color: var(--text-primary, #333);
}
.markdown-preview h1,
.markdown-content h1 {
  font-size: 1.75em;
}
.markdown-preview h2,
.markdown-content h2 {
  font-size: 1.5em;
}
.markdown-preview h3,
.markdown-content h3 {
  font-size: 1.25em;
}
.markdown-preview h4,
.markdown-content h4 {
  font-size: 1.1em;
}
.markdown-preview h5,
.markdown-preview h6,
.markdown-content h5,
.markdown-content h6 {
  font-size: 1em;
}
.markdown-preview p,
.markdown-content p {
  margin: 0.75em 0;
}
.markdown-preview a,
.markdown-content a {
  color: var(--primary-color, #1976d2);
  text-decoration: none;
}
.markdown-preview a:hover,
.markdown-content a:hover {
  text-decoration: underline;
}
.markdown-preview ul,
.markdown-preview ol,
.markdown-content ul,
.markdown-content ol {
  margin: 0.75em 0;
  padding-left: 1.5em;
}
.markdown-preview li,
.markdown-content li {
  margin: 0.25em 0;
}
.markdown-preview ul.contains-task-list,
.markdown-content ul.contains-task-list {
  list-style: none;
  padding-left: 0;
}
.markdown-preview li.task-list-item,
.markdown-content li.task-list-item {
  display: flex;
  align-items: flex-start;
  gap: 0.5em;
}
.markdown-preview li.task-list-item input[type=checkbox],
.markdown-content li.task-list-item input[type=checkbox] {
  margin-top: 0.25em;
}
.markdown-preview code,
.markdown-content code {
  background: var(--code-bg, rgba(0, 0, 0, 0.05));
  padding: 0.15em 0.4em;
  border-radius: 4px;
  font-family: "Roboto Mono", monospace;
  font-size: 0.9em;
}
.markdown-preview pre,
.markdown-content pre {
  background: var(--code-bg, rgba(0, 0, 0, 0.05));
  padding: 1em;
  border-radius: 8px;
  overflow-x: auto;
  margin: 1em 0;
}
.markdown-preview pre code,
.markdown-content pre code {
  background: transparent;
  padding: 0;
  font-size: 0.85em;
}
.markdown-preview blockquote,
.markdown-content blockquote {
  margin: 1em 0;
  padding: 0.5em 1em;
  border-left: 4px solid var(--primary-color, #1976d2);
  background: var(--blockquote-bg, rgba(0, 0, 0, 0.02));
  color: var(--text-secondary, #666);
}
.markdown-preview blockquote p,
.markdown-content blockquote p {
  margin: 0.25em 0;
}
.markdown-preview hr,
.markdown-content hr {
  border: none;
  border-top: 1px solid var(--border-color, #ddd);
  margin: 1.5em 0;
}
.markdown-preview table,
.markdown-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 1em 0;
}
.markdown-preview th,
.markdown-preview td,
.markdown-content th,
.markdown-content td {
  padding: 0.5em 0.75em;
  border: 1px solid var(--border-color, #ddd);
  text-align: left;
}
.markdown-preview th,
.markdown-content th {
  background: var(--table-header-bg, rgba(0, 0, 0, 0.03));
  font-weight: 600;
}
.markdown-preview tr:nth-child(even),
.markdown-content tr:nth-child(even) {
  background: var(--table-row-alt-bg, rgba(0, 0, 0, 0.01));
}
.markdown-preview img,
.markdown-content img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin: 0.5em 0;
  display: block;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.markdown-preview img:hover,
.markdown-content img:hover {
  transform: scale(1.01);
  box-shadow: 0 4px 12px var(--shadow-light, rgba(0, 0, 0, 0.15));
}
.markdown-preview details,
.markdown-content details {
  margin: 0.75em 0;
  border: 1px solid var(--border-color, var(--divider, #ddd));
  border-radius: 8px;
  overflow: hidden;
  background: var(--surface-color, var(--bg-card, #fff));
  transition: box-shadow 0.2s ease;
}
.markdown-preview details:hover,
.markdown-content details:hover {
  box-shadow: 0 2px 6px var(--shadow-light, rgba(0, 0, 0, 0.08));
}
.markdown-preview details summary,
.markdown-content details summary {
  cursor: pointer;
  padding: 10px 14px;
  font-weight: 500;
  -webkit-user-select: none;
  user-select: none;
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--summary-bg, rgba(0, 0, 0, 0.02));
  transition: background-color 0.15s ease;
  list-style: none;
}
.markdown-preview details summary::before,
.markdown-content details summary::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 6px solid var(--text-secondary, #666);
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  transition: transform 0.2s ease;
  flex-shrink: 0;
}
.markdown-preview details summary::-webkit-details-marker,
.markdown-content details summary::-webkit-details-marker {
  display: none;
}
.markdown-preview details summary::marker,
.markdown-content details summary::marker {
  content: none;
}
.markdown-preview details summary:hover,
.markdown-content details summary:hover {
  background: var(--hover-bg, var(--bg-hover, rgba(0, 0, 0, 0.05)));
}
.markdown-preview details[open] summary,
.markdown-content details[open] summary {
  border-bottom: 1px solid var(--border-color, var(--divider, #ddd));
}
.markdown-preview details[open] summary::before,
.markdown-content details[open] summary::before {
  transform: rotate(90deg);
}
.markdown-preview details > *:not(summary),
.markdown-content details > *:not(summary) {
  padding: 12px 14px;
}
.markdown-preview details img,
.markdown-content details img {
  margin: 0;
  border-radius: 0 0 8px 8px;
  max-height: 400px;
  object-fit: contain;
  width: 100%;
}
.markdown-preview del,
.markdown-content del {
  text-decoration: line-through;
  color: var(--text-secondary, #999);
}
.markdown-preview strong,
.markdown-content strong {
  font-weight: 600;
}
.markdown-preview em,
.markdown-content em {
  font-style: italic;
}
html:not(.dark-theme) .markdown-preview,
html:not(.dark-theme) .markdown-content {
  color: #000000 !important;
}
html:not(.dark-theme) .markdown-preview p,
html:not(.dark-theme) .markdown-preview li,
html:not(.dark-theme) .markdown-preview span,
html:not(.dark-theme) .markdown-preview div,
html:not(.dark-theme) .markdown-preview td,
html:not(.dark-theme) .markdown-preview th,
html:not(.dark-theme) .markdown-preview dd,
html:not(.dark-theme) .markdown-preview dt,
html:not(.dark-theme) .markdown-content p,
html:not(.dark-theme) .markdown-content li,
html:not(.dark-theme) .markdown-content span,
html:not(.dark-theme) .markdown-content div,
html:not(.dark-theme) .markdown-content td,
html:not(.dark-theme) .markdown-content th,
html:not(.dark-theme) .markdown-content dd,
html:not(.dark-theme) .markdown-content dt {
  color: #000000;
}
html:not(.dark-theme) .markdown-preview h1,
html:not(.dark-theme) .markdown-preview h2,
html:not(.dark-theme) .markdown-preview h3,
html:not(.dark-theme) .markdown-preview h4,
html:not(.dark-theme) .markdown-preview h5,
html:not(.dark-theme) .markdown-preview h6,
html:not(.dark-theme) .markdown-content h1,
html:not(.dark-theme) .markdown-content h2,
html:not(.dark-theme) .markdown-content h3,
html:not(.dark-theme) .markdown-content h4,
html:not(.dark-theme) .markdown-content h5,
html:not(.dark-theme) .markdown-content h6 {
  color: #000000;
}
html:not(.dark-theme) .markdown-preview blockquote,
html:not(.dark-theme) .markdown-content blockquote {
  color: #444444;
}
html:not(.dark-theme) .markdown-preview blockquote p,
html:not(.dark-theme) .markdown-preview blockquote span,
html:not(.dark-theme) .markdown-content blockquote p,
html:not(.dark-theme) .markdown-content blockquote span {
  color: #444444;
}
html:not(.dark-theme) .markdown-preview code,
html:not(.dark-theme) .markdown-content code {
  color: #333333;
}
html:not(.dark-theme) .markdown-preview a,
html:not(.dark-theme) .markdown-content a {
  color: var(--primary, #1976d2);
}
html:not(.dark-theme) .markdown-preview del,
html:not(.dark-theme) .markdown-content del {
  color: #666666;
}
html:not(.dark-theme) .markdown-preview details summary,
html:not(.dark-theme) .markdown-content details summary {
  color: #000000;
}
@media (prefers-color-scheme: dark) {
  .markdown-preview,
  .markdown-content {
    --text-primary: #e0e0e0;
    --text-secondary: #a0a0a0;
    --border-color: #444;
    --code-bg: rgba(255, 255, 255, 0.1);
    --blockquote-bg: rgba(255, 255, 255, 0.05);
    --table-header-bg: rgba(255, 255, 255, 0.08);
    --table-row-alt-bg: rgba(255, 255, 255, 0.03);
    --hover-bg: rgba(255, 255, 255, 0.05);
  }
}
body.dark .markdown-preview,
body.dark .markdown-content,
.dark-theme .markdown-preview,
.dark-theme .markdown-content {
  --text-primary: #e0e0e0;
  --text-secondary: #a0a0a0;
  --border-color: #444;
  --code-bg: rgba(255, 255, 255, 0.1);
  --blockquote-bg: rgba(255, 255, 255, 0.05);
  --table-header-bg: rgba(255, 255, 255, 0.08);
  --table-row-alt-bg: rgba(255, 255, 255, 0.03);
  --hover-bg: rgba(255, 255, 255, 0.05);
  --surface-color: #1e1e1e;
}
.completed-text .markdown-preview,
.completed-text .markdown-content {
  text-decoration: line-through;
  opacity: 0.7;
}
.checklist-item-card .markdown-preview,
.checklist-item-card .markdown-content {
  font-size: 14px;
  line-height: 1.5;
}
.checklist-item-card .markdown-preview > *:first-child,
.checklist-item-card .markdown-content > *:first-child {
  margin-top: 0;
}
.checklist-item-card .markdown-preview > *:last-child,
.checklist-item-card .markdown-content > *:last-child {
  margin-bottom: 0;
}
.checklist-item-card .markdown-preview p,
.checklist-item-card .markdown-content p {
  margin: 0.5em 0;
}
.checklist-item-card .markdown-preview ul,
.checklist-item-card .markdown-preview ol,
.checklist-item-card .markdown-content ul,
.checklist-item-card .markdown-content ol {
  margin: 0.5em 0;
  padding-left: 1.25em;
}
.checklist-item-card .markdown-preview li,
.checklist-item-card .markdown-content li {
  margin: 0.2em 0;
}
.checklist-item-card .markdown-preview h1,
.checklist-item-card .markdown-preview h2,
.checklist-item-card .markdown-preview h3,
.checklist-item-card .markdown-preview h4,
.checklist-item-card .markdown-preview h5,
.checklist-item-card .markdown-preview h6,
.checklist-item-card .markdown-content h1,
.checklist-item-card .markdown-content h2,
.checklist-item-card .markdown-content h3,
.checklist-item-card .markdown-content h4,
.checklist-item-card .markdown-content h5,
.checklist-item-card .markdown-content h6 {
  margin-top: 0.75em;
  margin-bottom: 0.35em;
  font-size: 1em;
}
.checklist-item-card .markdown-preview h1,
.checklist-item-card .markdown-preview h2,
.checklist-item-card .markdown-content h1,
.checklist-item-card .markdown-content h2 {
  font-size: 1.1em;
}
.checklist-item-card .markdown-preview h3,
.checklist-item-card .markdown-preview h4,
.checklist-item-card .markdown-content h3,
.checklist-item-card .markdown-content h4 {
  font-size: 1em;
}
.checklist-item-card .markdown-preview details,
.checklist-item-card .markdown-content details {
  margin: 0.5em 0;
}
.checklist-item-card .markdown-preview details summary,
.checklist-item-card .markdown-content details summary {
  padding: 8px 12px;
  font-size: 13px;
}
.checklist-item-card .markdown-preview details > *:not(summary),
.checklist-item-card .markdown-content details > *:not(summary) {
  padding: 10px 12px;
}
.checklist-item-card .markdown-preview pre,
.checklist-item-card .markdown-content pre {
  padding: 0.75em;
  margin: 0.5em 0;
  font-size: 12px;
}
.checklist-item-card .markdown-preview code,
.checklist-item-card .markdown-content code {
  font-size: 0.85em;
}
.checklist-item-card .markdown-preview blockquote,
.checklist-item-card .markdown-content blockquote {
  margin: 0.5em 0;
  padding: 0.35em 0.75em;
}
@media (max-width: 599px) {
  .markdown-preview,
  .markdown-content {
    font-size: 14px;
  }
  .markdown-preview table,
  .markdown-content table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .markdown-preview details summary,
  .markdown-content details summary {
    padding: 12px 14px;
    min-height: 44px;
    display: flex;
    align-items: center;
  }
  .markdown-preview img,
  .markdown-content img {
    width: 100%;
    max-width: 100%;
    border-radius: 6px;
  }
  .markdown-preview pre,
  .markdown-content pre {
    padding: 0.75em;
    font-size: 12px;
    border-radius: 6px;
  }
  .checklist-item-card .markdown-preview,
  .checklist-item-card .markdown-content {
    font-size: 14px;
  }
  .checklist-item-card .markdown-preview details summary,
  .checklist-item-card .markdown-content details summary {
    padding: 10px 12px;
  }
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
@view-transition { navigation: auto; }
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
}
::view-transition-old(root) {
  animation: view-slide-out 0.25s ease-out;
}
::view-transition-new(root) {
  animation: view-slide-in 0.25s ease-out;
}
@keyframes view-slide-out {
  to {
    transform: translateX(-30%);
    opacity: 0.5;
  }
}
@keyframes view-slide-in {
  from {
    transform: translateX(100%);
  }
}
.product-card-image,
.drone-card-image,
.kit-card-image {
  view-transition-name: item-hero;
}
.product-dialog-image,
.drone-dialog-image,
.kit-dialog-image {
  view-transition-name: item-hero;
}
input,
textarea,
select,
input[type=text],
input[type=email],
input[type=password],
input[type=number],
input[type=tel],
input[type=url],
input[type=search],
input[type=date],
input[type=time],
input[type=datetime-local],
.mat-mdc-form-field input,
.mat-mdc-form-field textarea,
.mat-mdc-form-field select,
.mat-mdc-input-element,
.mdc-text-field__input,
.mat-mdc-select-trigger,
.mat-mdc-select-value,
.mat-mdc-select-value-text,
.mat-mdc-autocomplete-trigger,
.mat-mdc-chip-input,
.mdc-chip__primary-action,
[contenteditable=true],
.track-input,
.search-input,
.command-input {
  font-size: 16px !important;
}
.mat-mdc-form-field .mat-mdc-text-field-wrapper input,
.mat-mdc-form-field .mat-mdc-text-field-wrapper textarea {
  font-size: 16px !important;
}
.mat-mdc-form-field .mat-mdc-select {
  font-size: 16px !important;
}
.mat-mdc-form-field-subscript-wrapper,
.mat-mdc-form-field-hint-wrapper {
  font-size: 12px;
}
button,
a,
input,
textarea,
select,
[role=button],
.mat-mdc-button,
.mat-mdc-icon-button,
.mat-mdc-fab,
.mat-mdc-mini-fab,
.mat-mdc-chip {
  touch-action: manipulation;
}
.scrollable,
.mat-mdc-dialog-content,
.mat-drawer-inner-container,
mat-sidenav-content,
cdk-virtual-scroll-viewport {
  -webkit-overflow-scrolling: touch;
}
.scroll-container,
.mat-mdc-dialog-content,
cdk-virtual-scroll-viewport {
  overscroll-behavior: contain;
}
.safe-area-top {
  padding-top: env(safe-area-inset-top);
}
.safe-area-bottom {
  padding-bottom: env(safe-area-inset-bottom);
}
.safe-area-all {
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}
.offline-indicator {
  position: fixed;
  top: env(safe-area-inset-top, 0);
  left: 0;
  right: 0;
  background-color: var(--color-warning, #f59e0b);
  color: #000;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  font-size: 14px;
  z-index: 9999;
  animation: slideDown 0.3s ease;
}
.offline-indicator mat-icon {
  font-size: 18px;
  height: 18px;
  width: 18px;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.sync-status-indicator {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  background: var(--surface-2, #f5f5f5);
  border-radius: 8px;
  font-size: 13px;
  color: var(--text-secondary);
}
.sync-status-indicator.syncing mat-icon {
  animation: spin 1s linear infinite;
}
.sync-status-indicator.error {
  background: var(--overlay-error-medium, rgba(239, 68, 68, 0.1));
  color: var(--color-error, #ef4444);
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.sync-badge {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sync-badge mat-icon {
  font-size: 16px;
  height: 16px;
  width: 16px;
}
.sync-badge.pending {
  background: var(--color-warning, #f59e0b);
  color: #000;
}
.sync-badge.pending mat-icon {
  animation: pulse 2s ease-in-out infinite;
}
.sync-badge.syncing {
  background: var(--primary, #2196f3);
  color: var(--on-primary, #fff);
}
.sync-badge.syncing mat-icon {
  animation: spin 1s linear infinite;
}
.sync-badge.failed {
  background: var(--color-error, #ef4444);
  color: #fff;
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
}
@media screen and (max-width: 959.98px) {
  html,
  body {
    overscroll-behavior: none;
  }
  button:not(.inline-button):not(.mat-mdc-paginator-navigation-previous):not(.mat-mdc-paginator-navigation-next):not(.mat-calendar-previous-button):not(.mat-calendar-next-button),
  .mat-mdc-icon-button,
  .mat-mdc-mini-fab,
  [role=button] {
    min-width: 44px;
    min-height: 44px;
  }
  input,
  textarea,
  select,
  .mat-mdc-input-element,
  .mdc-text-field__input,
  .mat-mdc-select-value,
  .mat-mdc-chip-input,
  [contenteditable=true] {
    font-size: 16px !important;
    transform-origin: left top;
  }
  .mat-mdc-form-field input,
  .mat-mdc-form-field textarea,
  .mat-mdc-form-field .mat-mdc-input-element,
  .mat-mdc-form-field .mdc-text-field__input {
    font-size: 16px !important;
  }
  .mat-mdc-dialog-container input,
  .mat-mdc-dialog-container textarea,
  .mat-mdc-dialog-container select,
  .mat-mdc-dialog-container .mat-mdc-input-element,
  .mat-mdc-dialog-container .mdc-text-field__input,
  .mat-mdc-dialog-container .mat-mdc-select-value,
  .cdk-overlay-pane input,
  .cdk-overlay-pane textarea,
  .cdk-overlay-pane select,
  .cdk-overlay-pane .mat-mdc-input-element,
  .cdk-overlay-pane .mdc-text-field__input,
  .cdk-overlay-pane .mat-mdc-select-value {
    font-size: 16px !important;
  }
  .mat-mdc-dialog-container .mat-mdc-form-field input,
  .mat-mdc-dialog-container .mat-mdc-form-field textarea,
  .cdk-overlay-pane .mat-mdc-form-field input,
  .cdk-overlay-pane .mat-mdc-form-field textarea {
    font-size: 16px !important;
  }
  .mat-mdc-select-trigger {
    font-size: 16px !important;
  }
  .mat-mdc-button,
  .mat-mdc-fab,
  .mat-mdc-icon-button,
  .mat-mdc-chip,
  .mat-mdc-tab,
  mat-toolbar,
  mat-sidenav,
  nav,
  .bottom-nav,
  [role=navigation],
  [role=button],
  .card-header,
  .list-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
  }
  .full-height {
    min-height: 100dvh;
  }
  .mobile-fullscreen-dialog .mat-mdc-dialog-container {
    max-width: 100vw !important;
    max-height: 100vh !important;
  }
  .mobile-fullscreen-dialog .mat-mdc-dialog-surface {
    border-radius: 16px 16px 0 0 !important;
    max-height: calc(100vh - env(safe-area-inset-top)) !important;
  }
  .mobile-sheet-dialog .mat-mdc-dialog-container {
    max-width: 100vw !important;
    max-height: 90vh !important;
  }
  .mobile-sheet-dialog .mat-mdc-dialog-surface {
    border-radius: 16px 16px 0 0 !important;
    max-height: 90vh !important;
    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.15) !important;
  }
  .mobile-sheet-dialog.cdk-overlay-pane {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    max-width: 100% !important;
  }
  .mobile-edit-dialog .mat-mdc-dialog-container {
    max-width: 100vw !important;
    max-height: 100dvh !important;
    width: 100vw !important;
    height: 100dvh !important;
  }
  .mobile-edit-dialog .mat-mdc-dialog-surface {
    border-radius: 0 !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
  }
  .mobile-edit-dialog.cdk-overlay-pane {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    height: 100dvh !important;
  }
  .mobile-edit-dialog .mat-mdc-dialog-component-host {
    display: flex !important;
    flex-direction: column !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
  }
  .mobile-edit-dialog .mat-mdc-dialog-content {
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }
  .mobile-edit-dialog .mat-mdc-dialog-actions {
    flex: 0 0 auto !important;
    position: sticky !important;
    bottom: 0 !important;
    padding: 12px 16px !important;
    padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    background: rgba(var(--bg-card-rgb, 255, 255, 255), 0.92) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-top: 1px solid var(--divider) !important;
    box-shadow: 0 -1px 6px rgba(0, 0, 0, 0.08);
    z-index: 100 !important;
    margin: 0 !important;
  }
  .mobile-edit-dialog app-dialog-header + .mat-mdc-dialog-content,
  .mobile-edit-dialog app-dialog-header ~ .mat-mdc-dialog-content {
    padding-top: 0 !important;
  }
  .dialog-grabber {
    width: 36px;
    height: 4px;
    background: var(--divider);
    border-radius: 2px;
    margin: 8px auto 12px auto;
    cursor: grab;
    touch-action: none;
  }
  .dialog-grabber:active {
    cursor: grabbing;
    background: var(--text-muted);
  }
  .mobile-dialog-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px 12px 16px;
    border-bottom: 1px solid var(--divider);
    position: sticky;
    top: 0;
    background: var(--bg-card);
    z-index: 10;
  }
  .mobile-dialog-header .dialog-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mobile-dialog-header .dialog-close-btn {
    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 0;
    margin: -8px -12px -8px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    color: var(--text-muted);
    touch-action: manipulation;
  }
  .mobile-dialog-header .dialog-close-btn:hover {
    background: var(--bg-hover);
    color: var(--text-primary);
  }
  .mobile-dialog-header .dialog-close-btn mat-icon {
    font-size: 24px;
    width: 24px;
    height: 24px;
  }
  .mat-mdc-dialog-actions {
    padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    padding-left: calc(16px + env(safe-area-inset-left, 0px)) !important;
    padding-right: calc(16px + env(safe-area-inset-right, 0px)) !important;
    gap: 8px;
  }
  .mat-mdc-dialog-actions button {
    min-height: 44px;
    min-width: 44px;
    touch-action: manipulation;
  }
  .mat-mdc-dialog-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
  }
  .mat-mdc-dialog-actions button[mat-button]:not([color]),
  .mat-mdc-dialog-actions button[mat-dialog-close]:not([color]),
  .mat-mdc-dialog-actions a[mat-button]:not([color]),
  .mat-mdc-dialog-actions a[mat-dialog-close]:not([color]) {
    color: var(--text-secondary) !important;
  }
  .dark-theme .mat-mdc-dialog-actions button[mat-button]:not([color]),
  .dark-theme .mat-mdc-dialog-actions button[mat-dialog-close]:not([color]),
  .dark-theme .mat-mdc-dialog-actions a[mat-button]:not([color]),
  .dark-theme .mat-mdc-dialog-actions a[mat-dialog-close]:not([color]) {
    color: var(--text-secondary) !important;
  }
  .mat-mdc-dialog-actions button[mat-button]:not([color]):hover,
  .mat-mdc-dialog-actions button[mat-dialog-close]:not([color]):hover,
  .mat-mdc-dialog-actions a[mat-button]:not([color]):hover,
  .mat-mdc-dialog-actions a[mat-dialog-close]:not([color]):hover {
    background-color: var(--bg-hover);
  }
  .mat-mdc-dialog-actions > button:first-child,
  .mat-mdc-dialog-actions > a:first-child {
    margin-right: auto;
  }
  .mat-mdc-dialog-content {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding-left: calc(16px + env(safe-area-inset-left, 0px)) !important;
    padding-right: calc(16px + env(safe-area-inset-right, 0px)) !important;
  }
  .mobile-edit-dialog .mat-mdc-dialog-content {
    padding-top: calc(8px + env(safe-area-inset-top, 0px)) !important;
  }
  .mat-bottom-sheet-container {
    padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    padding-left: calc(16px + env(safe-area-inset-left, 0px)) !important;
    padding-right: calc(16px + env(safe-area-inset-right, 0px)) !important;
    border-radius: 16px 16px 0 0;
  }
  .mat-mdc-dialog-container button,
  .mat-mdc-dialog-container a[mat-button],
  .mat-mdc-dialog-container a[mat-flat-button],
  .mat-mdc-dialog-container a[mat-raised-button],
  .mat-mdc-dialog-container a[mat-stroked-button] {
    min-height: 44px;
    min-width: 44px;
  }
  .mat-mdc-dialog-container .mat-mdc-icon-button {
    width: 44px;
    height: 44px;
    padding: 10px;
  }
  .mat-mdc-dialog-container .mat-mdc-form-field {
    min-height: 56px;
  }
  .mat-mdc-dialog-container .mat-mdc-checkbox,
  .mat-mdc-dialog-container .mat-mdc-radio-button {
    min-height: 44px;
    display: flex;
    align-items: center;
  }
  .mat-mdc-dialog-container .mat-mdc-chip {
    min-height: 32px;
    touch-action: manipulation;
  }
}
@media (pointer: coarse) {
  .clickable-list > *,
  .action-buttons > * {
    margin: 4px 0;
  }
  .mat-expansion-panel-header {
    min-height: 56px;
  }
}
html {
  --mat-app-background-color: #f8f8f8;
  --mat-app-text-color: #111111;
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-ripple-color: color-mix(in srgb, #111111 10%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-option-hover-state-layer-color: color-mix(in srgb, #111111 8%, transparent);
  --mat-option-label-text-color: #111111;
  --mat-option-selected-state-label-text-color: #1f1f1f;
  --mat-option-selected-state-layer-color: #d6d6d6;
  --mat-optgroup-label-text-color: #474747;
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #f8f8f8;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #ffffff;
  --mat-pseudo-checkbox-full-selected-icon-color: #0064bf;
  --mat-pseudo-checkbox-full-unselected-icon-color: #474747;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #0064bf;
  --mat-option-label-text-size: 1rem;
  --mat-option-label-text-weight: 400;
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 1.25rem;
  --mat-option-label-text-tracking: 0.006rem;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 1.25rem;
  --mat-optgroup-label-text-size: 0.875rem;
  --mat-optgroup-label-text-tracking: 0.006rem;
  --mat-optgroup-label-text-weight: 500;
  --mat-card-elevated-container-shape: 12px;
  --mat-card-filled-container-shape: 12px;
  --mat-card-outlined-container-shape: 12px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-card-filled-container-color: #dddddd;
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-container-color: #f8f8f8;
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: #c9c9c9;
  --mat-card-subtitle-text-color: #111111;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 1.5rem;
  --mat-card-subtitle-text-size: 1rem;
  --mat-card-subtitle-text-tracking: 0.009rem;
  --mat-card-subtitle-text-weight: 500;
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 1.75rem;
  --mat-card-title-text-size: 1.375rem;
  --mat-card-title-text-tracking: 0;
  --mat-card-title-text-weight: 400;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-progress-bar-active-indicator-color: #0064bf;
  --mat-progress-bar-track-color: #e4e4e4;
  --mat-tooltip-container-color: #222222;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-color: #eeeeee;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-line-height: 1rem;
  --mat-tooltip-supporting-text-size: 0.75rem;
  --mat-tooltip-supporting-text-tracking: 0.025rem;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-form-field-disabled-leading-icon-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-form-field-disabled-trailing-icon-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-form-field-enabled-select-arrow-color: #474747;
  --mat-form-field-error-focus-trailing-icon-color: #ca2d3f;
  --mat-form-field-error-hover-trailing-icon-color: #98222f;
  --mat-form-field-error-text-color: #ca2d3f;
  --mat-form-field-error-trailing-icon-color: #ca2d3f;
  --mat-form-field-filled-active-indicator-color: #474747;
  --mat-form-field-filled-caret-color: #0064bf;
  --mat-form-field-filled-container-color: #e4e4e4;
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, #111111 4%, transparent);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-form-field-filled-error-active-indicator-color: #ca2d3f;
  --mat-form-field-filled-error-caret-color: #ca2d3f;
  --mat-form-field-filled-error-focus-active-indicator-color: #ca2d3f;
  --mat-form-field-filled-error-focus-label-text-color: #ca2d3f;
  --mat-form-field-filled-error-hover-active-indicator-color: #98222f;
  --mat-form-field-filled-error-hover-label-text-color: #98222f;
  --mat-form-field-filled-error-label-text-color: #ca2d3f;
  --mat-form-field-filled-focus-active-indicator-color: #0064bf;
  --mat-form-field-filled-focus-label-text-color: #0064bf;
  --mat-form-field-filled-hover-active-indicator-color: #111111;
  --mat-form-field-filled-hover-label-text-color: #474747;
  --mat-form-field-filled-input-text-color: #111111;
  --mat-form-field-filled-input-text-placeholder-color: #474747;
  --mat-form-field-filled-label-text-color: #474747;
  --mat-form-field-focus-select-arrow-color: #0064bf;
  --mat-form-field-focus-state-layer-opacity: 0;
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-leading-icon-color: #474747;
  --mat-form-field-outlined-caret-color: #0064bf;
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-form-field-outlined-error-caret-color: #ca2d3f;
  --mat-form-field-outlined-error-focus-label-text-color: #ca2d3f;
  --mat-form-field-outlined-error-focus-outline-color: #ca2d3f;
  --mat-form-field-outlined-error-hover-label-text-color: #98222f;
  --mat-form-field-outlined-error-hover-outline-color: #98222f;
  --mat-form-field-outlined-error-label-text-color: #ca2d3f;
  --mat-form-field-outlined-error-outline-color: #ca2d3f;
  --mat-form-field-outlined-focus-label-text-color: #0064bf;
  --mat-form-field-outlined-focus-outline-color: #0064bf;
  --mat-form-field-outlined-hover-label-text-color: #111111;
  --mat-form-field-outlined-hover-outline-color: #111111;
  --mat-form-field-outlined-input-text-color: #111111;
  --mat-form-field-outlined-input-text-placeholder-color: #474747;
  --mat-form-field-outlined-label-text-color: #474747;
  --mat-form-field-outlined-outline-color: #777777;
  --mat-form-field-select-disabled-option-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-form-field-select-option-text-color: #111111;
  --mat-form-field-state-layer-color: #111111;
  --mat-form-field-trailing-icon-color: #474747;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 1.5rem;
  --mat-form-field-container-text-size: 1rem;
  --mat-form-field-container-text-tracking: 0.031rem;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 1rem;
  --mat-form-field-subscript-text-size: 0.75rem;
  --mat-form-field-subscript-text-tracking: 0.025rem;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 1rem;
  --mat-form-field-outlined-label-text-tracking: 0.031rem;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 1rem;
  --mat-form-field-filled-label-text-tracking: 0.031rem;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-select-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-select-enabled-trigger-text-color: #111111;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-select-placeholder-text-color: #474747;
  --mat-select-enabled-arrow-color: #474747;
  --mat-select-disabled-arrow-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-select-focused-arrow-color: #0064bf;
  --mat-select-invalid-arrow-color: #ca2d3f;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 1.5rem;
  --mat-select-trigger-text-size: 1rem;
  --mat-select-trigger-text-tracking: 0.031rem;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-dialog-actions-alignment: flex-end;
  --mat-dialog-actions-padding: 16px 24px;
  --mat-dialog-container-elevation-shadow: none;
  --mat-dialog-container-max-width: 560px;
  --mat-dialog-container-min-width: 280px;
  --mat-dialog-container-shape: 28px;
  --mat-dialog-container-small-max-width: calc(100vw - 32px);
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 6px 24px 13px;
  --mat-dialog-with-actions-content-padding: 20px 24px 0;
  --mat-dialog-container-color: #f8f8f8;
  --mat-dialog-subhead-color: #111111;
  --mat-dialog-supporting-text-color: #474747;
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 2rem;
  --mat-dialog-subhead-size: 1.5rem;
  --mat-dialog-subhead-tracking: 0;
  --mat-dialog-subhead-weight: 400;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 1.25rem;
  --mat-dialog-supporting-text-size: 0.875rem;
  --mat-dialog-supporting-text-tracking: 0.016rem;
  --mat-dialog-supporting-text-weight: 400;
  --mat-chip-container-shape-radius: 8px;
  --mat-chip-disabled-container-opacity: 1;
  --mat-chip-elevated-container-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-outline-width: 1px;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-opacity: 1;
  --mat-chip-with-avatar-avatar-shape-radius: 24px;
  --mat-chip-with-avatar-avatar-size: 24px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 0.38;
  --mat-chip-with-icon-disabled-icon-opacity: 0.38;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 0.38;
  --mat-chip-disabled-label-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-chip-disabled-outline-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-chip-elevated-selected-container-color: #d6d6d6;
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-chip-focus-outline-color: #474747;
  --mat-chip-focus-state-layer-color: #474747;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: #474747;
  --mat-chip-hover-state-layer-opacity: 0.08;
  --mat-chip-label-text-color: #474747;
  --mat-chip-outline-color: #777777;
  --mat-chip-selected-disabled-trailing-icon-color: #111111;
  --mat-chip-selected-focus-state-layer-color: #1f1f1f;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: #1f1f1f;
  --mat-chip-selected-hover-state-layer-opacity: 0.08;
  --mat-chip-selected-label-text-color: #1f1f1f;
  --mat-chip-selected-trailing-action-state-layer-color: #1f1f1f;
  --mat-chip-selected-trailing-icon-color: #1f1f1f;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0.12;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0.08;
  --mat-chip-trailing-action-state-layer-color: #474747;
  --mat-chip-with-icon-disabled-icon-color: #111111;
  --mat-chip-with-icon-icon-color: #474747;
  --mat-chip-with-icon-selected-icon-color: #1f1f1f;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #111111;
  --mat-chip-with-trailing-icon-trailing-icon-color: #474747;
  --mat-chip-container-height: 32px;
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 1.25rem;
  --mat-chip-label-text-size: 0.875rem;
  --mat-chip-label-text-tracking: 0.006rem;
  --mat-chip-label-text-weight: 500;
  --mat-slide-toggle-disabled-selected-handle-opacity: 1;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 2px;
  --mat-slide-toggle-handle-shape: 9999px;
  --mat-slide-toggle-hidden-track-opacity: 0;
  --mat-slide-toggle-hidden-track-transition: opacity 75ms;
  --mat-slide-toggle-pressed-handle-size: 28px;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0 24px;
  --mat-slide-toggle-selected-handle-size: 24px;
  --mat-slide-toggle-selected-icon-size: 16px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0 22px;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 2px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0 24px;
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-track-height: 32px;
  --mat-slide-toggle-track-outline-width: 2px;
  --mat-slide-toggle-track-shape: 9999px;
  --mat-slide-toggle-track-width: 52px;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0 8px;
  --mat-slide-toggle-unselected-handle-size: 16px;
  --mat-slide-toggle-unselected-icon-size: 16px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0 2px;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0 4px;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: opacity 75ms;
  --mat-slide-toggle-with-icon-handle-size: 24px;
  --mat-slide-toggle-disabled-label-text-color: #111111;
  --mat-slide-toggle-disabled-selected-handle-color: #f8f8f8;
  --mat-slide-toggle-disabled-selected-icon-color: #111111;
  --mat-slide-toggle-disabled-selected-track-color: #111111;
  --mat-slide-toggle-disabled-unselected-handle-color: #111111;
  --mat-slide-toggle-disabled-unselected-icon-color: #e4e4e4;
  --mat-slide-toggle-disabled-unselected-track-color: #e4e4e4;
  --mat-slide-toggle-disabled-unselected-track-outline-color: #111111;
  --mat-slide-toggle-label-text-color: #111111;
  --mat-slide-toggle-selected-focus-handle-color: #bbdefb;
  --mat-slide-toggle-selected-focus-state-layer-color: #0064bf;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-focus-track-color: #0064bf;
  --mat-slide-toggle-selected-handle-color: #ffffff;
  --mat-slide-toggle-selected-hover-handle-color: #bbdefb;
  --mat-slide-toggle-selected-hover-state-layer-color: #0064bf;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.08;
  --mat-slide-toggle-selected-hover-track-color: #0064bf;
  --mat-slide-toggle-selected-icon-color: #004a8c;
  --mat-slide-toggle-selected-pressed-handle-color: #bbdefb;
  --mat-slide-toggle-selected-pressed-state-layer-color: #0064bf;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-pressed-track-color: #0064bf;
  --mat-slide-toggle-selected-track-color: #0064bf;
  --mat-slide-toggle-track-outline-color: #777777;
  --mat-slide-toggle-unselected-focus-handle-color: #474747;
  --mat-slide-toggle-unselected-focus-state-layer-color: #111111;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-focus-track-color: #e4e4e4;
  --mat-slide-toggle-unselected-handle-color: #777777;
  --mat-slide-toggle-unselected-hover-handle-color: #474747;
  --mat-slide-toggle-unselected-hover-state-layer-color: #111111;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.08;
  --mat-slide-toggle-unselected-hover-track-color: #e4e4e4;
  --mat-slide-toggle-unselected-icon-color: #e4e4e4;
  --mat-slide-toggle-unselected-pressed-handle-color: #474747;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #111111;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-pressed-track-color: #e4e4e4;
  --mat-slide-toggle-unselected-track-color: #e4e4e4;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 1.25rem;
  --mat-slide-toggle-label-text-size: 0.875rem;
  --mat-slide-toggle-label-text-tracking: 0.016rem;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-checked-ripple-color: #0064bf;
  --mat-radio-disabled-label-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-radio-disabled-selected-icon-color: #111111;
  --mat-radio-disabled-unselected-icon-color: #111111;
  --mat-radio-label-text-color: #111111;
  --mat-radio-ripple-color: #111111;
  --mat-radio-selected-focus-icon-color: #0064bf;
  --mat-radio-selected-hover-icon-color: #0064bf;
  --mat-radio-selected-icon-color: #0064bf;
  --mat-radio-selected-pressed-icon-color: #0064bf;
  --mat-radio-unselected-focus-icon-color: #111111;
  --mat-radio-unselected-hover-icon-color: #111111;
  --mat-radio-unselected-icon-color: #474747;
  --mat-radio-unselected-pressed-icon-color: #111111;
  --mat-radio-touch-target-display: block;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 1.25rem;
  --mat-radio-label-text-size: 0.875rem;
  --mat-radio-label-text-tracking: 0.016rem;
  --mat-radio-label-text-weight: 400;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-value-indicator-padding: 0;
  --mat-slider-value-indicator-width: 28px;
  --mat-slider-value-indicator-height: 28px;
  --mat-slider-value-indicator-caret-display: none;
  --mat-slider-value-indicator-border-radius: 50% 50% 50% 0;
  --mat-slider-value-indicator-text-transform: rotate(45deg);
  --mat-slider-value-indicator-container-transform: translateX(-50%) rotate(-45deg);
  --mat-slider-active-track-height: 4px;
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.38;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.38;
  --mat-slider-active-track-color: #0064bf;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-disabled-active-track-color: #111111;
  --mat-slider-disabled-handle-color: #111111;
  --mat-slider-disabled-inactive-track-color: #111111;
  --mat-slider-focus-handle-color: #0064bf;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #0064bf 20%, transparent);
  --mat-slider-handle-color: #0064bf;
  --mat-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-handle-shape: 9999px;
  --mat-slider-hover-handle-color: #0064bf;
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #0064bf 5%, transparent);
  --mat-slider-inactive-track-color: #e4e4e4;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-label-container-color: #0064bf;
  --mat-slider-label-label-text-color: #ffffff;
  --mat-slider-ripple-color: #0064bf;
  --mat-slider-with-overlap-handle-outline-color: #ffffff;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-container-shape: 9999px;
  --mat-slider-with-tick-marks-disabled-container-color: #111111;
  --mat-slider-with-tick-marks-inactive-container-color: #474747;
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-line-height: 1rem;
  --mat-slider-label-label-text-size: 0.75rem;
  --mat-slider-label-label-text-tracking: 0.031rem;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-divider-bottom-spacing: 8px;
  --mat-menu-divider-top-spacing: 8px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-spacing: 12px;
  --mat-menu-item-leading-spacing: 12px;
  --mat-menu-item-trailing-spacing: 12px;
  --mat-menu-item-with-icon-leading-spacing: 12px;
  --mat-menu-item-with-icon-trailing-spacing: 12px;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-color: #e4e4e4;
  --mat-menu-item-label-text-color: #111111;
  --mat-menu-item-icon-color: #474747;
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, #111111 8%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-menu-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-line-height: 1.25rem;
  --mat-menu-item-label-text-size: 0.875rem;
  --mat-menu-item-label-text-tracking: 0.006rem;
  --mat-menu-item-label-text-weight: 500;
  --mat-list-active-indicator-color: #d6d6d6;
  --mat-list-active-indicator-shape: 9999px;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-disabled-label-text-color: #111111;
  --mat-list-list-item-disabled-label-text-opacity: 0.3;
  --mat-list-list-item-disabled-leading-icon-color: #111111;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-state-layer-color: #111111;
  --mat-list-list-item-disabled-state-layer-opacity: 0.12;
  --mat-list-list-item-disabled-trailing-icon-color: #111111;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-focus-label-text-color: #111111;
  --mat-list-list-item-focus-state-layer-color: #111111;
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-hover-label-text-color: #111111;
  --mat-list-list-item-hover-state-layer-color: #111111;
  --mat-list-list-item-hover-state-layer-opacity: 0.08;
  --mat-list-list-item-label-text-color: #111111;
  --mat-list-list-item-leading-avatar-color: #bbdefb;
  --mat-list-list-item-leading-avatar-shape: 9999px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-leading-icon-color: #474747;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-selected-trailing-icon-color: #0064bf;
  --mat-list-list-item-supporting-text-color: #474747;
  --mat-list-list-item-trailing-icon-color: #474747;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-trailing-supporting-text-color: #474747;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 16px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 1.5rem;
  --mat-list-list-item-label-text-size: 1rem;
  --mat-list-list-item-label-text-tracking: 0.031rem;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 1.25rem;
  --mat-list-list-item-supporting-text-size: 0.875rem;
  --mat-list-list-item-supporting-text-tracking: 0.016rem;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 1rem;
  --mat-list-list-item-trailing-supporting-text-size: 0.688rem;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.031rem;
  --mat-list-list-item-trailing-supporting-text-weight: 500;
  --mat-paginator-container-text-color: #111111;
  --mat-paginator-container-background-color: #f8f8f8;
  --mat-paginator-disabled-icon-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-paginator-enabled-icon-color: #474747;
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 1rem;
  --mat-paginator-container-text-size: 0.75rem;
  --mat-paginator-container-text-tracking: 0.025rem;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 0.75rem;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-tab-divider-height: 1px;
  --mat-tab-active-focus-indicator-color: #0064bf;
  --mat-tab-active-focus-label-text-color: #111111;
  --mat-tab-active-hover-indicator-color: #0064bf;
  --mat-tab-active-hover-label-text-color: #111111;
  --mat-tab-active-indicator-color: #0064bf;
  --mat-tab-active-label-text-color: #111111;
  --mat-tab-active-ripple-color: #111111;
  --mat-tab-divider-color: #e4e4e4;
  --mat-tab-inactive-focus-label-text-color: #111111;
  --mat-tab-inactive-hover-label-text-color: #111111;
  --mat-tab-inactive-label-text-color: #111111;
  --mat-tab-inactive-ripple-color: #111111;
  --mat-tab-pagination-icon-color: #111111;
  --mat-tab-disabled-ripple-color: #474747;
  --mat-tab-container-height: 48px;
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-line-height: 1.25rem;
  --mat-tab-label-text-size: 0.875rem;
  --mat-tab-label-text-tracking: 0.006rem;
  --mat-tab-label-text-weight: 500;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.08;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.08;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-checkbox-disabled-selected-checkmark-color: #f8f8f8;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-checkbox-label-text-color: #111111;
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #0064bf;
  --mat-checkbox-selected-focus-state-layer-color: #0064bf;
  --mat-checkbox-selected-hover-icon-color: #0064bf;
  --mat-checkbox-selected-hover-state-layer-color: #0064bf;
  --mat-checkbox-selected-icon-color: #0064bf;
  --mat-checkbox-selected-pressed-icon-color: #0064bf;
  --mat-checkbox-selected-pressed-state-layer-color: #111111;
  --mat-checkbox-unselected-focus-icon-color: #111111;
  --mat-checkbox-unselected-focus-state-layer-color: #111111;
  --mat-checkbox-unselected-hover-icon-color: #111111;
  --mat-checkbox-unselected-hover-state-layer-color: #111111;
  --mat-checkbox-unselected-icon-color: #474747;
  --mat-checkbox-unselected-pressed-state-layer-color: #0064bf;
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 1.25rem;
  --mat-checkbox-label-text-size: 0.875rem;
  --mat-checkbox-label-text-tracking: 0.016rem;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 9999px;
  --mat-button-filled-horizontal-padding: 24px;
  --mat-button-filled-icon-offset: -8px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-outlined-container-shape: 9999px;
  --mat-button-outlined-horizontal-padding: 24px;
  --mat-button-outlined-icon-offset: -8px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-protected-container-shape: 9999px;
  --mat-button-protected-horizontal-padding: 24px;
  --mat-button-protected-icon-offset: -8px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-text-container-shape: 9999px;
  --mat-button-text-horizontal-padding: 12px;
  --mat-button-text-icon-offset: -4px;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 16px;
  --mat-button-tonal-container-shape: 9999px;
  --mat-button-tonal-horizontal-padding: 24px;
  --mat-button-tonal-icon-offset: -8px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-filled-container-color: #0064bf;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: #474747;
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.08;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-button-outlined-disabled-outline-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-button-outlined-disabled-state-layer-color: #474747;
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.08;
  --mat-button-outlined-label-text-color: #0064bf;
  --mat-button-outlined-outline-color: #777777;
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, #0064bf 12%, transparent);
  --mat-button-outlined-state-layer-color: #0064bf;
  --mat-button-protected-container-color: #f8f8f8;
  --mat-button-protected-container-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-container-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-button-protected-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: #474747;
  --mat-button-protected-focus-container-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-container-elevation-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-button-protected-hover-state-layer-opacity: 0.08;
  --mat-button-protected-label-text-color: #0064bf;
  --mat-button-protected-pressed-container-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, #0064bf 12%, transparent);
  --mat-button-protected-state-layer-color: #0064bf;
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-button-text-disabled-state-layer-color: #474747;
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.08;
  --mat-button-text-label-text-color: #0064bf;
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, #0064bf 12%, transparent);
  --mat-button-text-state-layer-color: #0064bf;
  --mat-button-tonal-container-color: #d6d6d6;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: #474747;
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.08;
  --mat-button-tonal-label-text-color: #1f1f1f;
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #1f1f1f 12%, transparent);
  --mat-button-tonal-state-layer-color: #1f1f1f;
  --mat-button-filled-touch-target-display: block;
  --mat-button-filled-container-height: 40px;
  --mat-button-outlined-container-height: 40px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-touch-target-display: block;
  --mat-button-protected-container-height: 40px;
  --mat-button-text-touch-target-display: block;
  --mat-button-text-container-height: 40px;
  --mat-button-tonal-container-height: 40px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 0.875rem;
  --mat-button-filled-label-text-tracking: 0.006rem;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 0.875rem;
  --mat-button-outlined-label-text-tracking: 0.006rem;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 0.875rem;
  --mat-button-protected-label-text-tracking: 0.006rem;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 0.875rem;
  --mat-button-text-label-text-tracking: 0.006rem;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 0.875rem;
  --mat-button-tonal-label-text-tracking: 0.006rem;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 9999px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: #474747;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-icon-color: #474747;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, #474747 12%, transparent);
  --mat-icon-button-state-layer-color: #474747;
  --mat-icon-button-touch-target-display: block;
  --mat-icon-button-state-layer-size: 40px;
  --mat-fab-container-shape: 16px;
  --mat-fab-extended-container-height: 56px;
  --mat-fab-extended-container-shape: 16px;
  --mat-fab-small-container-shape: 12px;
  --mat-fab-container-color: #bbdefb;
  --mat-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-container-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-fab-extended-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-focus-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-pressed-container-elevation-shadow: 6;
  --mat-fab-focus-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: #004a8c;
  --mat-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-pressed-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, #004a8c 12%, transparent);
  --mat-fab-small-container-color: #bbdefb;
  --mat-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-fab-small-focus-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: #004a8c;
  --mat-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-pressed-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, #004a8c 12%, transparent);
  --mat-fab-small-state-layer-color: #004a8c;
  --mat-fab-state-layer-color: #004a8c;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 0.875rem;
  --mat-fab-extended-label-text-tracking: 0.006rem;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-button-color: #90caf9;
  --mat-snack-bar-container-color: #222222;
  --mat-snack-bar-supporting-text-color: #eeeeee;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 1.25rem;
  --mat-snack-bar-supporting-text-size: 0.875rem;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: #f8f8f8;
  --mat-table-header-headline-color: #111111;
  --mat-table-row-item-label-text-color: #111111;
  --mat-table-row-item-outline-color: #777777;
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 1.25rem;
  --mat-table-header-headline-size: 0.875rem;
  --mat-table-header-headline-tracking: 0.006rem;
  --mat-table-header-headline-weight: 500;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 1.25rem;
  --mat-table-row-item-label-text-size: 0.875rem;
  --mat-table-row-item-label-text-tracking: 0.016rem;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 1.25rem;
  --mat-table-footer-supporting-text-size: 0.875rem;
  --mat-table-footer-supporting-text-tracking: 0.016rem;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-active-indicator-color: #0064bf;
  --mat-badge-container-offset: -12px 0;
  --mat-badge-container-overlap-offset: -12px;
  --mat-badge-container-padding: 0 4px;
  --mat-badge-container-shape: 9999px;
  --mat-badge-container-size: 16px;
  --mat-badge-large-size-container-offset: -12px 0;
  --mat-badge-large-size-container-overlap-offset: -12px;
  --mat-badge-large-size-container-padding: 0 4px;
  --mat-badge-large-size-container-size: 16px;
  --mat-badge-legacy-container-size: unset;
  --mat-badge-legacy-large-size-container-size: unset;
  --mat-badge-legacy-small-size-container-size: unset;
  --mat-badge-small-size-container-offset: -6px 0;
  --mat-badge-small-size-container-overlap-offset: -6px;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-small-size-container-size: 6px;
  --mat-badge-background-color: #ca2d3f;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, #ca2d3f 38%, transparent);
  --mat-badge-disabled-state-text-color: #ffffff;
  --mat-badge-text-color: #ffffff;
  --mat-badge-large-size-line-height: 16px;
  --mat-badge-large-size-text-size: 0.688rem;
  --mat-badge-line-height: 16px;
  --mat-badge-small-size-line-height: 6px;
  --mat-badge-small-size-text-size: 0;
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-text-size: 0.688rem;
  --mat-badge-text-weight: 500;
  --mat-bottom-sheet-container-shape: 28px;
  --mat-bottom-sheet-container-text-color: #111111;
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 1.5rem;
  --mat-bottom-sheet-container-text-size: 1rem;
  --mat-bottom-sheet-container-text-tracking: 0.031rem;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.08;
  --mat-button-toggle-shape: 28px;
  --mat-button-toggle-background-color: transparent;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: transparent;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-button-toggle-divider-color: #777777;
  --mat-button-toggle-selected-state-background-color: #d6d6d6;
  --mat-button-toggle-selected-state-text-color: #1f1f1f;
  --mat-button-toggle-state-layer-color: #111111;
  --mat-button-toggle-text-color: #111111;
  --mat-button-toggle-height: 40px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 1.25rem;
  --mat-button-toggle-label-text-size: 0.875rem;
  --mat-button-toggle-label-text-tracking: 0.006rem;
  --mat-button-toggle-label-text-weight: 500;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-shape: 16px;
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-shape: 28px;
  --mat-datepicker-calendar-body-label-text-color: #111111;
  --mat-datepicker-calendar-container-text-color: #111111;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #111111 8%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: #bbdefb;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #292929;
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #d6d6d6;
  --mat-datepicker-calendar-date-in-range-state-background-color: #bbdefb;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-preview-state-outline-color: #0064bf;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-datepicker-calendar-date-selected-state-background-color: #0064bf;
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-text-color: #111111;
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-datepicker-calendar-date-today-outline-color: #0064bf;
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #0064bf;
  --mat-datepicker-calendar-header-divider-color: transparent;
  --mat-datepicker-calendar-header-text-color: #474747;
  --mat-datepicker-calendar-navigation-button-icon-color: #474747;
  --mat-datepicker-calendar-period-button-icon-color: #474747;
  --mat-datepicker-calendar-period-button-text-color: #474747;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-datepicker-range-input-separator-color: #111111;
  --mat-datepicker-toggle-active-state-icon-color: #0064bf;
  --mat-datepicker-toggle-icon-color: #474747;
  --mat-datepicker-calendar-body-label-text-size: 0.875rem;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 0.875rem;
  --mat-datepicker-calendar-header-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 0.875rem;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 0.875rem;
  --mat-divider-width: 1px;
  --mat-divider-color: #777777;
  --mat-expansion-container-shape: 12px;
  --mat-expansion-header-indicator-display: inline-block;
  --mat-expansion-legacy-header-indicator-display: none;
  --mat-expansion-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-expansion-actions-divider-color: #777777;
  --mat-expansion-container-background-color: #f8f8f8;
  --mat-expansion-container-text-color: #111111;
  --mat-expansion-header-description-color: #474747;
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, #111111 8%, transparent);
  --mat-expansion-header-indicator-color: #474747;
  --mat-expansion-header-text-color: #111111;
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 1.5rem;
  --mat-expansion-container-text-size: 1rem;
  --mat-expansion-container-text-tracking: 0.031rem;
  --mat-expansion-container-text-weight: 400;
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-line-height: 1.5rem;
  --mat-expansion-header-text-size: 1rem;
  --mat-expansion-header-text-tracking: 0.009rem;
  --mat-expansion-header-text-weight: 500;
  --mat-grid-list-tile-header-primary-text-size: 400 1rem / 1.5rem Roboto, sans-serif;
  --mat-grid-list-tile-header-secondary-text-size: 400 0.875rem / 1.25rem Roboto, sans-serif;
  --mat-grid-list-tile-footer-primary-text-size: 400 1rem / 1.5rem Roboto, sans-serif;
  --mat-grid-list-tile-footer-secondary-text-size: 400 0.875rem / 1.25rem Roboto, sans-serif;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 16px;
  --mat-sidenav-container-elevation-shadow: none;
  --mat-sidenav-container-width: 360px;
  --mat-sidenav-container-divider-color: transparent;
  --mat-sidenav-container-background-color: #f8f8f8;
  --mat-sidenav-container-text-color: #474747;
  --mat-sidenav-content-background-color: #f8f8f8;
  --mat-sidenav-content-text-color: #111111;
  --mat-sidenav-scrim-color: color-mix(in srgb, #303030 40%, transparent);
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-focus-state-layer-shape: 12px;
  --mat-stepper-header-hover-state-layer-shape: 12px;
  --mat-stepper-container-color: #f8f8f8;
  --mat-stepper-header-done-state-icon-background-color: #0064bf;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #0064bf;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-error-state-icon-foreground-color: #ca2d3f;
  --mat-stepper-header-error-state-label-text-color: #ca2d3f;
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, #111111 8%, transparent);
  --mat-stepper-header-icon-background-color: #474747;
  --mat-stepper-header-icon-foreground-color: #f8f8f8;
  --mat-stepper-header-label-text-color: #474747;
  --mat-stepper-header-optional-label-text-color: #474747;
  --mat-stepper-header-selected-state-icon-background-color: #0064bf;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-label-text-color: #474747;
  --mat-stepper-line-color: #777777;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 0.875rem;
  --mat-stepper-header-label-text-weight: 500;
  --mat-stepper-header-error-state-label-text-size: 0.875rem;
  --mat-stepper-header-selected-state-label-text-size: 0.875rem;
  --mat-stepper-header-selected-state-label-text-weight: 500;
  --mat-stepper-header-height: 72px;
  --mat-sort-arrow-color: #111111;
  --mat-toolbar-container-background-color: #f8f8f8;
  --mat-toolbar-container-text-color: #111111;
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 1.75rem;
  --mat-toolbar-title-text-size: 1.375rem;
  --mat-toolbar-title-text-tracking: 0;
  --mat-toolbar-title-text-weight: 400;
  --mat-tree-container-background-color: #f8f8f8;
  --mat-tree-node-text-color: #111111;
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 1rem;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-background-color: var(--bg-app) !important;
  --mat-app-text-color: var(--text-primary) !important;
  --mat-card-outlined-container-color: var(--bg-card) !important;
  --mat-card-elevated-container-color: var(--bg-card) !important;
  --mat-card-outlined-outline-color: var(--divider) !important;
  --mat-dialog-container-color: var(--bg-card) !important;
  --mat-table-background-color: var(--bg-card) !important;
  --mat-paginator-container-background-color: var(--bg-card) !important;
  --mat-menu-container-color: var(--bg-card) !important;
  --mat-select-panel-background-color: var(--bg-card) !important;
  --mat-autocomplete-background-color: var(--bg-card) !important;
  --mat-bottom-sheet-container-background-color: var(--bg-card) !important;
  --mat-stepper-container-color: var(--bg-card) !important;
  --mat-toolbar-container-background-color: var(--toolbar-bg) !important;
  --mat-toolbar-container-text-color: var(--toolbar-base-text) !important;
  --mat-sidenav-container-background-color: var(--bg-card) !important;
  --mat-sidenav-content-background-color: var(--bg-app) !important;
  --mat-expansion-container-background-color: var(--bg-card) !important;
  --mat-tree-container-background-color: var(--bg-card) !important;
  --mat-divider-color: var(--divider) !important;
  --mat-table-row-item-outline-color: var(--divider) !important;
  --mat-chip-elevated-selected-container-color: var(--gray-333) !important;
  --mat-chip-selected-label-text-color: var(--white) !important;
  --mat-chip-outline-color: var(--text-muted) !important;
}
html .mat-primary {
  --mat-stepper-container-color: #f8f8f8;
  --mat-stepper-header-done-state-icon-background-color: #0064bf;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #0064bf;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-error-state-icon-foreground-color: #ca2d3f;
  --mat-stepper-header-error-state-label-text-color: #ca2d3f;
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, #111111 8%, transparent);
  --mat-stepper-header-icon-background-color: #474747;
  --mat-stepper-header-icon-foreground-color: #f8f8f8;
  --mat-stepper-header-label-text-color: #474747;
  --mat-stepper-header-optional-label-text-color: #474747;
  --mat-stepper-header-selected-state-icon-background-color: #0064bf;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-label-text-color: #474747;
  --mat-stepper-line-color: #777777;
}
html .mat-primary.mat-icon {
  --mat-icon-color: #0064bf;
}
html .mat-primary.mat-mdc-tab-group,
html .mat-primary.mat-mdc-tab-nav-bar {
  --mat-tab-active-focus-indicator-color: #0064bf;
  --mat-tab-active-focus-label-text-color: #111111;
  --mat-tab-active-hover-indicator-color: #0064bf;
  --mat-tab-active-hover-label-text-color: #111111;
  --mat-tab-active-indicator-color: #0064bf;
  --mat-tab-active-label-text-color: #111111;
  --mat-tab-active-ripple-color: #111111;
  --mat-tab-divider-color: #e4e4e4;
  --mat-tab-inactive-focus-label-text-color: #111111;
  --mat-tab-inactive-hover-label-text-color: #111111;
  --mat-tab-inactive-label-text-color: #111111;
  --mat-tab-inactive-ripple-color: #111111;
  --mat-tab-pagination-icon-color: #111111;
  --mat-tab-disabled-ripple-color: #474747;
}
html .mat-primary.mat-mdc-slide-toggle {
  --mat-slide-toggle-disabled-label-text-color: #111111;
  --mat-slide-toggle-disabled-selected-handle-color: #f8f8f8;
  --mat-slide-toggle-disabled-selected-icon-color: #111111;
  --mat-slide-toggle-disabled-selected-track-color: #111111;
  --mat-slide-toggle-disabled-unselected-handle-color: #111111;
  --mat-slide-toggle-disabled-unselected-icon-color: #e4e4e4;
  --mat-slide-toggle-disabled-unselected-track-color: #e4e4e4;
  --mat-slide-toggle-disabled-unselected-track-outline-color: #111111;
  --mat-slide-toggle-label-text-color: #111111;
  --mat-slide-toggle-selected-focus-handle-color: #bbdefb;
  --mat-slide-toggle-selected-focus-state-layer-color: #0064bf;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-focus-track-color: #0064bf;
  --mat-slide-toggle-selected-handle-color: #ffffff;
  --mat-slide-toggle-selected-hover-handle-color: #bbdefb;
  --mat-slide-toggle-selected-hover-state-layer-color: #0064bf;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.08;
  --mat-slide-toggle-selected-hover-track-color: #0064bf;
  --mat-slide-toggle-selected-icon-color: #004a8c;
  --mat-slide-toggle-selected-pressed-handle-color: #bbdefb;
  --mat-slide-toggle-selected-pressed-state-layer-color: #0064bf;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-pressed-track-color: #0064bf;
  --mat-slide-toggle-selected-track-color: #0064bf;
  --mat-slide-toggle-track-outline-color: #777777;
  --mat-slide-toggle-unselected-focus-handle-color: #474747;
  --mat-slide-toggle-unselected-focus-state-layer-color: #111111;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-focus-track-color: #e4e4e4;
  --mat-slide-toggle-unselected-handle-color: #777777;
  --mat-slide-toggle-unselected-hover-handle-color: #474747;
  --mat-slide-toggle-unselected-hover-state-layer-color: #111111;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.08;
  --mat-slide-toggle-unselected-hover-track-color: #e4e4e4;
  --mat-slide-toggle-unselected-icon-color: #e4e4e4;
  --mat-slide-toggle-unselected-pressed-handle-color: #474747;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #111111;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-pressed-track-color: #e4e4e4;
  --mat-slide-toggle-unselected-track-color: #e4e4e4;
}
html .mat-primary.mat-datepicker-content {
  --mat-datepicker-calendar-body-label-text-color: #111111;
  --mat-datepicker-calendar-container-text-color: #111111;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #111111 8%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: #bbdefb;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #292929;
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #d6d6d6;
  --mat-datepicker-calendar-date-in-range-state-background-color: #bbdefb;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-preview-state-outline-color: #0064bf;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-datepicker-calendar-date-selected-state-background-color: #0064bf;
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-text-color: #111111;
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-datepicker-calendar-date-today-outline-color: #0064bf;
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #0064bf;
  --mat-datepicker-calendar-header-divider-color: transparent;
  --mat-datepicker-calendar-header-text-color: #474747;
  --mat-datepicker-calendar-navigation-button-icon-color: #474747;
  --mat-datepicker-calendar-period-button-icon-color: #474747;
  --mat-datepicker-calendar-period-button-text-color: #474747;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-datepicker-range-input-separator-color: #111111;
  --mat-datepicker-toggle-active-state-icon-color: #0064bf;
  --mat-datepicker-toggle-icon-color: #474747;
}
html .mat-primary.mat-mdc-button-base {
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: #0064bf;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-icon-color: #0064bf;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, #0064bf 12%, transparent);
  --mat-icon-button-state-layer-color: #0064bf;
}
html .mat-badge {
  --mat-badge-background-color: #0064bf;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, #0064bf 38%, transparent);
  --mat-badge-disabled-state-text-color: #ffffff;
  --mat-badge-text-color: #ffffff;
}
html .mat-accent {
  --mat-option-focus-state-layer-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-option-hover-state-layer-color: color-mix(in srgb, #111111 8%, transparent);
  --mat-option-label-text-color: #111111;
  --mat-option-selected-state-label-text-color: #004a8c;
  --mat-option-selected-state-layer-color: #bbdefb;
}
html .mat-accent {
  --mat-progress-spinner-active-indicator-color: #0064bf;
}
html .mat-accent {
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #f8f8f8;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #ffffff;
  --mat-pseudo-checkbox-full-selected-icon-color: #0064bf;
  --mat-pseudo-checkbox-full-unselected-icon-color: #474747;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #0064bf;
}
html .mat-accent {
  --mat-stepper-container-color: #f8f8f8;
  --mat-stepper-header-done-state-icon-background-color: #0064bf;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #0064bf;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-error-state-icon-foreground-color: #ca2d3f;
  --mat-stepper-header-error-state-label-text-color: #ca2d3f;
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, #111111 8%, transparent);
  --mat-stepper-header-icon-background-color: #474747;
  --mat-stepper-header-icon-foreground-color: #f8f8f8;
  --mat-stepper-header-label-text-color: #474747;
  --mat-stepper-header-optional-label-text-color: #474747;
  --mat-stepper-header-selected-state-icon-background-color: #0064bf;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-label-text-color: #474747;
  --mat-stepper-line-color: #777777;
}
html .mat-accent.mat-icon {
  --mat-icon-color: #0064bf;
}
html .mat-accent.mat-mdc-checkbox {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-checkbox-disabled-selected-checkmark-color: #f8f8f8;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-checkbox-label-text-color: #111111;
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #0064bf;
  --mat-checkbox-selected-focus-state-layer-color: #0064bf;
  --mat-checkbox-selected-hover-icon-color: #0064bf;
  --mat-checkbox-selected-hover-state-layer-color: #0064bf;
  --mat-checkbox-selected-icon-color: #0064bf;
  --mat-checkbox-selected-pressed-icon-color: #0064bf;
  --mat-checkbox-selected-pressed-state-layer-color: #111111;
  --mat-checkbox-unselected-focus-icon-color: #111111;
  --mat-checkbox-unselected-focus-state-layer-color: #111111;
  --mat-checkbox-unselected-hover-icon-color: #111111;
  --mat-checkbox-unselected-hover-state-layer-color: #111111;
  --mat-checkbox-unselected-icon-color: #474747;
  --mat-checkbox-unselected-pressed-state-layer-color: #0064bf;
}
html .mat-accent.mat-mdc-slider {
  --mat-slider-active-track-color: #0064bf;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-disabled-active-track-color: #111111;
  --mat-slider-disabled-handle-color: #111111;
  --mat-slider-disabled-inactive-track-color: #111111;
  --mat-slider-focus-handle-color: #0064bf;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #0064bf 20%, transparent);
  --mat-slider-handle-color: #0064bf;
  --mat-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-handle-shape: 9999px;
  --mat-slider-hover-handle-color: #0064bf;
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #0064bf 5%, transparent);
  --mat-slider-inactive-track-color: #e4e4e4;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-label-container-color: #0064bf;
  --mat-slider-label-label-text-color: #ffffff;
  --mat-slider-ripple-color: #0064bf;
  --mat-slider-with-overlap-handle-outline-color: #ffffff;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-container-shape: 9999px;
  --mat-slider-with-tick-marks-disabled-container-color: #111111;
  --mat-slider-with-tick-marks-inactive-container-color: #474747;
}
html .mat-accent.mat-mdc-tab-group,
html .mat-accent.mat-mdc-tab-nav-bar {
  --mat-tab-active-focus-indicator-color: #0064bf;
  --mat-tab-active-focus-label-text-color: #111111;
  --mat-tab-active-hover-indicator-color: #0064bf;
  --mat-tab-active-hover-label-text-color: #111111;
  --mat-tab-active-indicator-color: #0064bf;
  --mat-tab-active-label-text-color: #111111;
  --mat-tab-active-ripple-color: #111111;
  --mat-tab-divider-color: #e4e4e4;
  --mat-tab-inactive-focus-label-text-color: #111111;
  --mat-tab-inactive-hover-label-text-color: #111111;
  --mat-tab-inactive-label-text-color: #111111;
  --mat-tab-inactive-ripple-color: #111111;
  --mat-tab-pagination-icon-color: #111111;
  --mat-tab-disabled-ripple-color: #474747;
}
html .mat-accent.mat-mdc-slide-toggle {
  --mat-slide-toggle-disabled-label-text-color: #111111;
  --mat-slide-toggle-disabled-selected-handle-color: #f8f8f8;
  --mat-slide-toggle-disabled-selected-icon-color: #111111;
  --mat-slide-toggle-disabled-selected-track-color: #111111;
  --mat-slide-toggle-disabled-unselected-handle-color: #111111;
  --mat-slide-toggle-disabled-unselected-icon-color: #e4e4e4;
  --mat-slide-toggle-disabled-unselected-track-color: #e4e4e4;
  --mat-slide-toggle-disabled-unselected-track-outline-color: #111111;
  --mat-slide-toggle-label-text-color: #111111;
  --mat-slide-toggle-selected-focus-handle-color: #bbdefb;
  --mat-slide-toggle-selected-focus-state-layer-color: #0064bf;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-focus-track-color: #0064bf;
  --mat-slide-toggle-selected-handle-color: #ffffff;
  --mat-slide-toggle-selected-hover-handle-color: #bbdefb;
  --mat-slide-toggle-selected-hover-state-layer-color: #0064bf;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.08;
  --mat-slide-toggle-selected-hover-track-color: #0064bf;
  --mat-slide-toggle-selected-icon-color: #004a8c;
  --mat-slide-toggle-selected-pressed-handle-color: #bbdefb;
  --mat-slide-toggle-selected-pressed-state-layer-color: #0064bf;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-pressed-track-color: #0064bf;
  --mat-slide-toggle-selected-track-color: #0064bf;
  --mat-slide-toggle-track-outline-color: #777777;
  --mat-slide-toggle-unselected-focus-handle-color: #474747;
  --mat-slide-toggle-unselected-focus-state-layer-color: #111111;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-focus-track-color: #e4e4e4;
  --mat-slide-toggle-unselected-handle-color: #777777;
  --mat-slide-toggle-unselected-hover-handle-color: #474747;
  --mat-slide-toggle-unselected-hover-state-layer-color: #111111;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.08;
  --mat-slide-toggle-unselected-hover-track-color: #e4e4e4;
  --mat-slide-toggle-unselected-icon-color: #e4e4e4;
  --mat-slide-toggle-unselected-pressed-handle-color: #474747;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #111111;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-pressed-track-color: #e4e4e4;
  --mat-slide-toggle-unselected-track-color: #e4e4e4;
}
html .mat-accent.mat-mdc-form-field {
  --mat-select-enabled-trigger-text-color: #111111;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-select-placeholder-text-color: #474747;
  --mat-select-enabled-arrow-color: #474747;
  --mat-select-disabled-arrow-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-select-focused-arrow-color: #0064bf;
  --mat-select-invalid-arrow-color: #ca2d3f;
}
html .mat-accent.mat-mdc-radio-button {
  --mat-radio-checked-ripple-color: #0064bf;
  --mat-radio-disabled-label-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-radio-disabled-selected-icon-color: #111111;
  --mat-radio-disabled-unselected-icon-color: #111111;
  --mat-radio-label-text-color: #111111;
  --mat-radio-ripple-color: #111111;
  --mat-radio-selected-focus-icon-color: #0064bf;
  --mat-radio-selected-hover-icon-color: #0064bf;
  --mat-radio-selected-icon-color: #0064bf;
  --mat-radio-selected-pressed-icon-color: #0064bf;
  --mat-radio-unselected-focus-icon-color: #111111;
  --mat-radio-unselected-hover-icon-color: #111111;
  --mat-radio-unselected-pressed-icon-color: #111111;
}
html .mat-accent.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #0064bf;
  --mat-progress-bar-track-color: #e4e4e4;
}
html .mat-accent.mat-mdc-form-field {
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-form-field-disabled-leading-icon-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-form-field-disabled-trailing-icon-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-form-field-enabled-select-arrow-color: #474747;
  --mat-form-field-error-focus-trailing-icon-color: #ca2d3f;
  --mat-form-field-error-hover-trailing-icon-color: #98222f;
  --mat-form-field-error-text-color: #ca2d3f;
  --mat-form-field-error-trailing-icon-color: #ca2d3f;
  --mat-form-field-filled-active-indicator-color: #474747;
  --mat-form-field-filled-caret-color: #0064bf;
  --mat-form-field-filled-container-color: #e4e4e4;
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, #111111 4%, transparent);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-form-field-filled-error-active-indicator-color: #ca2d3f;
  --mat-form-field-filled-error-caret-color: #ca2d3f;
  --mat-form-field-filled-error-focus-active-indicator-color: #ca2d3f;
  --mat-form-field-filled-error-focus-label-text-color: #ca2d3f;
  --mat-form-field-filled-error-hover-active-indicator-color: #98222f;
  --mat-form-field-filled-error-hover-label-text-color: #98222f;
  --mat-form-field-filled-error-label-text-color: #ca2d3f;
  --mat-form-field-filled-focus-active-indicator-color: #0064bf;
  --mat-form-field-filled-focus-label-text-color: #0064bf;
  --mat-form-field-filled-hover-active-indicator-color: #111111;
  --mat-form-field-filled-hover-label-text-color: #474747;
  --mat-form-field-filled-input-text-color: #111111;
  --mat-form-field-filled-input-text-placeholder-color: #474747;
  --mat-form-field-filled-label-text-color: #474747;
  --mat-form-field-focus-select-arrow-color: #0064bf;
  --mat-form-field-focus-state-layer-opacity: 0;
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-leading-icon-color: #474747;
  --mat-form-field-outlined-caret-color: #0064bf;
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-form-field-outlined-error-caret-color: #ca2d3f;
  --mat-form-field-outlined-error-focus-label-text-color: #ca2d3f;
  --mat-form-field-outlined-error-focus-outline-color: #ca2d3f;
  --mat-form-field-outlined-error-hover-label-text-color: #98222f;
  --mat-form-field-outlined-error-hover-outline-color: #98222f;
  --mat-form-field-outlined-error-label-text-color: #ca2d3f;
  --mat-form-field-outlined-error-outline-color: #ca2d3f;
  --mat-form-field-outlined-focus-label-text-color: #0064bf;
  --mat-form-field-outlined-focus-outline-color: #0064bf;
  --mat-form-field-outlined-hover-label-text-color: #111111;
  --mat-form-field-outlined-hover-outline-color: #111111;
  --mat-form-field-outlined-input-text-color: #111111;
  --mat-form-field-outlined-input-text-placeholder-color: #474747;
  --mat-form-field-outlined-label-text-color: #474747;
  --mat-form-field-outlined-outline-color: #777777;
  --mat-form-field-select-disabled-option-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-form-field-select-option-text-color: #111111;
  --mat-form-field-state-layer-color: #111111;
  --mat-form-field-trailing-icon-color: #474747;
}
html .mat-accent.mat-datepicker-content {
  --mat-datepicker-calendar-body-label-text-color: #111111;
  --mat-datepicker-calendar-container-text-color: #111111;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #111111 8%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: #bbdefb;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #292929;
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #d6d6d6;
  --mat-datepicker-calendar-date-in-range-state-background-color: #bbdefb;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-preview-state-outline-color: #0064bf;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-datepicker-calendar-date-selected-state-background-color: #0064bf;
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-text-color: #111111;
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-datepicker-calendar-date-today-outline-color: #0064bf;
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #0064bf;
  --mat-datepicker-calendar-header-divider-color: transparent;
  --mat-datepicker-calendar-header-text-color: #474747;
  --mat-datepicker-calendar-navigation-button-icon-color: #474747;
  --mat-datepicker-calendar-period-button-icon-color: #474747;
  --mat-datepicker-calendar-period-button-text-color: #474747;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-datepicker-range-input-separator-color: #111111;
  --mat-datepicker-toggle-active-state-icon-color: #0064bf;
  --mat-datepicker-toggle-icon-color: #474747;
}
html .mat-accent.mat-mdc-button-base {
  --mat-button-filled-container-color: #0064bf;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: #474747;
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.08;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-button-outlined-disabled-outline-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-button-outlined-disabled-state-layer-color: #474747;
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.08;
  --mat-button-outlined-label-text-color: #0064bf;
  --mat-button-outlined-outline-color: #777777;
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, #0064bf 12%, transparent);
  --mat-button-outlined-state-layer-color: #0064bf;
  --mat-button-protected-container-color: #f8f8f8;
  --mat-button-protected-container-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-container-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-button-protected-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: #474747;
  --mat-button-protected-focus-container-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-container-elevation-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-button-protected-hover-state-layer-opacity: 0.08;
  --mat-button-protected-label-text-color: #0064bf;
  --mat-button-protected-pressed-container-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, #0064bf 12%, transparent);
  --mat-button-protected-state-layer-color: #0064bf;
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-button-text-disabled-state-layer-color: #474747;
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.08;
  --mat-button-text-label-text-color: #0064bf;
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, #0064bf 12%, transparent);
  --mat-button-text-state-layer-color: #0064bf;
  --mat-button-tonal-container-color: #bbdefb;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: #474747;
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.08;
  --mat-button-tonal-label-text-color: #004a8c;
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #004a8c 12%, transparent);
  --mat-button-tonal-state-layer-color: #004a8c;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: #0064bf;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-icon-color: #0064bf;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, #0064bf 12%, transparent);
  --mat-icon-button-state-layer-color: #0064bf;
}
html .mat-accent.mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-chip-disabled-outline-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-chip-elevated-selected-container-color: #bbdefb;
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-chip-focus-outline-color: #474747;
  --mat-chip-focus-state-layer-color: #474747;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: #474747;
  --mat-chip-hover-state-layer-opacity: 0.08;
  --mat-chip-label-text-color: #474747;
  --mat-chip-outline-color: #777777;
  --mat-chip-selected-disabled-trailing-icon-color: #111111;
  --mat-chip-selected-focus-state-layer-color: #004a8c;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: #004a8c;
  --mat-chip-selected-hover-state-layer-opacity: 0.08;
  --mat-chip-selected-label-text-color: #004a8c;
  --mat-chip-selected-trailing-action-state-layer-color: #004a8c;
  --mat-chip-selected-trailing-icon-color: #004a8c;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0.12;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0.08;
  --mat-chip-trailing-action-state-layer-color: #474747;
  --mat-chip-with-icon-disabled-icon-color: #111111;
  --mat-chip-with-icon-icon-color: #474747;
  --mat-chip-with-icon-selected-icon-color: #004a8c;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #111111;
  --mat-chip-with-trailing-icon-trailing-icon-color: #474747;
}
html .mat-accent .mdc-list-item__start,
html .mat-accent .mdc-list-item__end {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-checkbox-disabled-selected-checkmark-color: #f8f8f8;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-checkbox-label-text-color: #111111;
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #0064bf;
  --mat-checkbox-selected-focus-state-layer-color: #0064bf;
  --mat-checkbox-selected-hover-icon-color: #0064bf;
  --mat-checkbox-selected-hover-state-layer-color: #0064bf;
  --mat-checkbox-selected-icon-color: #0064bf;
  --mat-checkbox-selected-pressed-icon-color: #0064bf;
  --mat-checkbox-selected-pressed-state-layer-color: #111111;
  --mat-checkbox-unselected-focus-icon-color: #111111;
  --mat-checkbox-unselected-focus-state-layer-color: #111111;
  --mat-checkbox-unselected-hover-icon-color: #111111;
  --mat-checkbox-unselected-hover-state-layer-color: #111111;
  --mat-checkbox-unselected-icon-color: #474747;
  --mat-checkbox-unselected-pressed-state-layer-color: #0064bf;
  --mat-radio-checked-ripple-color: #0064bf;
  --mat-radio-disabled-label-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-radio-disabled-selected-icon-color: #111111;
  --mat-radio-disabled-unselected-icon-color: #111111;
  --mat-radio-label-text-color: #111111;
  --mat-radio-ripple-color: #111111;
  --mat-radio-selected-focus-icon-color: #0064bf;
  --mat-radio-selected-hover-icon-color: #0064bf;
  --mat-radio-selected-icon-color: #0064bf;
  --mat-radio-selected-pressed-icon-color: #0064bf;
  --mat-radio-unselected-focus-icon-color: #111111;
  --mat-radio-unselected-hover-icon-color: #111111;
  --mat-radio-unselected-pressed-icon-color: #111111;
}
html .mat-accent.mat-mdc-fab,
html .mat-accent.mat-mdc-mini-fab {
  --mat-fab-container-color: #bbdefb;
  --mat-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-container-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-fab-extended-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-focus-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-pressed-container-elevation-shadow: 6;
  --mat-fab-focus-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: #004a8c;
  --mat-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-pressed-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, #004a8c 12%, transparent);
  --mat-fab-small-container-color: #bbdefb;
  --mat-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-fab-small-focus-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: #004a8c;
  --mat-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-pressed-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, #004a8c 12%, transparent);
  --mat-fab-small-state-layer-color: #004a8c;
  --mat-fab-state-layer-color: #004a8c;
}
html .mat-badge-accent {
  --mat-badge-background-color: #0064bf;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, #0064bf 38%, transparent);
  --mat-badge-disabled-state-text-color: #ffffff;
  --mat-badge-text-color: #ffffff;
}
html .mat-warn {
  --mat-option-focus-state-layer-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-option-hover-state-layer-color: color-mix(in srgb, #111111 8%, transparent);
  --mat-option-label-text-color: #111111;
  --mat-option-selected-state-label-text-color: #98222f;
  --mat-option-selected-state-layer-color: #ffd7dc;
}
html .mat-warn {
  --mat-progress-spinner-active-indicator-color: #ca2d3f;
}
html .mat-warn {
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #f8f8f8;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #ffffff;
  --mat-pseudo-checkbox-full-selected-icon-color: #ca2d3f;
  --mat-pseudo-checkbox-full-unselected-icon-color: #474747;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ca2d3f;
}
html .mat-warn {
  --mat-stepper-container-color: #f8f8f8;
  --mat-stepper-header-done-state-icon-background-color: #ca2d3f;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #ca2d3f;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-error-state-icon-foreground-color: #ca2d3f;
  --mat-stepper-header-error-state-label-text-color: #ca2d3f;
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, #111111 8%, transparent);
  --mat-stepper-header-icon-background-color: #474747;
  --mat-stepper-header-icon-foreground-color: #f8f8f8;
  --mat-stepper-header-label-text-color: #474747;
  --mat-stepper-header-optional-label-text-color: #474747;
  --mat-stepper-header-selected-state-icon-background-color: #ca2d3f;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-label-text-color: #474747;
  --mat-stepper-line-color: #777777;
}
html .mat-warn.mat-icon {
  --mat-icon-color: #ca2d3f;
}
html .mat-warn.mat-mdc-checkbox {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-checkbox-disabled-selected-checkmark-color: #f8f8f8;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-checkbox-label-text-color: #111111;
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #ca2d3f;
  --mat-checkbox-selected-focus-state-layer-color: #ca2d3f;
  --mat-checkbox-selected-hover-icon-color: #ca2d3f;
  --mat-checkbox-selected-hover-state-layer-color: #ca2d3f;
  --mat-checkbox-selected-icon-color: #ca2d3f;
  --mat-checkbox-selected-pressed-icon-color: #ca2d3f;
  --mat-checkbox-selected-pressed-state-layer-color: #111111;
  --mat-checkbox-unselected-focus-icon-color: #111111;
  --mat-checkbox-unselected-focus-state-layer-color: #111111;
  --mat-checkbox-unselected-hover-icon-color: #111111;
  --mat-checkbox-unselected-hover-state-layer-color: #111111;
  --mat-checkbox-unselected-icon-color: #474747;
  --mat-checkbox-unselected-pressed-state-layer-color: #ca2d3f;
}
html .mat-warn.mat-mdc-slider {
  --mat-slider-active-track-color: #ca2d3f;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-disabled-active-track-color: #111111;
  --mat-slider-disabled-handle-color: #111111;
  --mat-slider-disabled-inactive-track-color: #111111;
  --mat-slider-focus-handle-color: #ca2d3f;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #ca2d3f 20%, transparent);
  --mat-slider-handle-color: #ca2d3f;
  --mat-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-handle-shape: 9999px;
  --mat-slider-hover-handle-color: #ca2d3f;
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #ca2d3f 5%, transparent);
  --mat-slider-inactive-track-color: #e4e4e4;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-label-container-color: #ca2d3f;
  --mat-slider-label-label-text-color: #ffffff;
  --mat-slider-ripple-color: #ca2d3f;
  --mat-slider-with-overlap-handle-outline-color: #ffffff;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-container-shape: 9999px;
  --mat-slider-with-tick-marks-disabled-container-color: #111111;
  --mat-slider-with-tick-marks-inactive-container-color: #474747;
}
html .mat-warn.mat-mdc-tab-group,
html .mat-warn.mat-mdc-tab-nav-bar {
  --mat-tab-active-focus-indicator-color: #ca2d3f;
  --mat-tab-active-focus-label-text-color: #111111;
  --mat-tab-active-hover-indicator-color: #ca2d3f;
  --mat-tab-active-hover-label-text-color: #111111;
  --mat-tab-active-indicator-color: #ca2d3f;
  --mat-tab-active-label-text-color: #111111;
  --mat-tab-active-ripple-color: #111111;
  --mat-tab-divider-color: #e4e4e4;
  --mat-tab-inactive-focus-label-text-color: #111111;
  --mat-tab-inactive-hover-label-text-color: #111111;
  --mat-tab-inactive-label-text-color: #111111;
  --mat-tab-inactive-ripple-color: #111111;
  --mat-tab-pagination-icon-color: #111111;
  --mat-tab-disabled-ripple-color: #474747;
}
html .mat-warn.mat-mdc-slide-toggle {
  --mat-slide-toggle-disabled-label-text-color: #111111;
  --mat-slide-toggle-disabled-selected-handle-color: #f8f8f8;
  --mat-slide-toggle-disabled-selected-icon-color: #111111;
  --mat-slide-toggle-disabled-selected-track-color: #111111;
  --mat-slide-toggle-disabled-unselected-handle-color: #111111;
  --mat-slide-toggle-disabled-unselected-icon-color: #e4e4e4;
  --mat-slide-toggle-disabled-unselected-track-color: #e4e4e4;
  --mat-slide-toggle-disabled-unselected-track-outline-color: #111111;
  --mat-slide-toggle-label-text-color: #111111;
  --mat-slide-toggle-selected-focus-handle-color: #ffd7dc;
  --mat-slide-toggle-selected-focus-state-layer-color: #ca2d3f;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-focus-track-color: #ca2d3f;
  --mat-slide-toggle-selected-handle-color: #ffffff;
  --mat-slide-toggle-selected-hover-handle-color: #ffd7dc;
  --mat-slide-toggle-selected-hover-state-layer-color: #ca2d3f;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.08;
  --mat-slide-toggle-selected-hover-track-color: #ca2d3f;
  --mat-slide-toggle-selected-icon-color: #98222f;
  --mat-slide-toggle-selected-pressed-handle-color: #ffd7dc;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ca2d3f;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-pressed-track-color: #ca2d3f;
  --mat-slide-toggle-selected-track-color: #ca2d3f;
  --mat-slide-toggle-track-outline-color: #777777;
  --mat-slide-toggle-unselected-focus-handle-color: #474747;
  --mat-slide-toggle-unselected-focus-state-layer-color: #111111;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-focus-track-color: #e4e4e4;
  --mat-slide-toggle-unselected-handle-color: #777777;
  --mat-slide-toggle-unselected-hover-handle-color: #474747;
  --mat-slide-toggle-unselected-hover-state-layer-color: #111111;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.08;
  --mat-slide-toggle-unselected-hover-track-color: #e4e4e4;
  --mat-slide-toggle-unselected-icon-color: #e4e4e4;
  --mat-slide-toggle-unselected-pressed-handle-color: #474747;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #111111;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-pressed-track-color: #e4e4e4;
  --mat-slide-toggle-unselected-track-color: #e4e4e4;
}
html .mat-warn.mat-mdc-form-field {
  --mat-select-enabled-trigger-text-color: #111111;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-select-placeholder-text-color: #474747;
  --mat-select-enabled-arrow-color: #474747;
  --mat-select-disabled-arrow-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-select-focused-arrow-color: #ca2d3f;
  --mat-select-invalid-arrow-color: #ca2d3f;
}
html .mat-warn.mat-mdc-radio-button {
  --mat-radio-checked-ripple-color: #ca2d3f;
  --mat-radio-disabled-label-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-radio-disabled-selected-icon-color: #111111;
  --mat-radio-disabled-unselected-icon-color: #111111;
  --mat-radio-label-text-color: #111111;
  --mat-radio-ripple-color: #111111;
  --mat-radio-selected-focus-icon-color: #ca2d3f;
  --mat-radio-selected-hover-icon-color: #ca2d3f;
  --mat-radio-selected-icon-color: #ca2d3f;
  --mat-radio-selected-pressed-icon-color: #ca2d3f;
  --mat-radio-unselected-focus-icon-color: #111111;
  --mat-radio-unselected-hover-icon-color: #111111;
  --mat-radio-unselected-pressed-icon-color: #111111;
}
html .mat-warn.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #ca2d3f;
  --mat-progress-bar-track-color: #e4e4e4;
}
html .mat-warn.mat-mdc-form-field {
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-form-field-disabled-leading-icon-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-form-field-disabled-trailing-icon-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-form-field-enabled-select-arrow-color: #474747;
  --mat-form-field-error-focus-trailing-icon-color: #ca2d3f;
  --mat-form-field-error-hover-trailing-icon-color: #98222f;
  --mat-form-field-error-text-color: #ca2d3f;
  --mat-form-field-error-trailing-icon-color: #ca2d3f;
  --mat-form-field-filled-active-indicator-color: #474747;
  --mat-form-field-filled-caret-color: #ca2d3f;
  --mat-form-field-filled-container-color: #e4e4e4;
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, #111111 4%, transparent);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-form-field-filled-error-active-indicator-color: #ca2d3f;
  --mat-form-field-filled-error-caret-color: #ca2d3f;
  --mat-form-field-filled-error-focus-active-indicator-color: #ca2d3f;
  --mat-form-field-filled-error-focus-label-text-color: #ca2d3f;
  --mat-form-field-filled-error-hover-active-indicator-color: #98222f;
  --mat-form-field-filled-error-hover-label-text-color: #98222f;
  --mat-form-field-filled-error-label-text-color: #ca2d3f;
  --mat-form-field-filled-focus-active-indicator-color: #ca2d3f;
  --mat-form-field-filled-focus-label-text-color: #ca2d3f;
  --mat-form-field-filled-hover-active-indicator-color: #111111;
  --mat-form-field-filled-hover-label-text-color: #474747;
  --mat-form-field-filled-input-text-color: #111111;
  --mat-form-field-filled-input-text-placeholder-color: #474747;
  --mat-form-field-filled-label-text-color: #474747;
  --mat-form-field-focus-select-arrow-color: #ca2d3f;
  --mat-form-field-focus-state-layer-opacity: 0;
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-leading-icon-color: #474747;
  --mat-form-field-outlined-caret-color: #ca2d3f;
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-form-field-outlined-error-caret-color: #ca2d3f;
  --mat-form-field-outlined-error-focus-label-text-color: #ca2d3f;
  --mat-form-field-outlined-error-focus-outline-color: #ca2d3f;
  --mat-form-field-outlined-error-hover-label-text-color: #98222f;
  --mat-form-field-outlined-error-hover-outline-color: #98222f;
  --mat-form-field-outlined-error-label-text-color: #ca2d3f;
  --mat-form-field-outlined-error-outline-color: #ca2d3f;
  --mat-form-field-outlined-focus-label-text-color: #ca2d3f;
  --mat-form-field-outlined-focus-outline-color: #ca2d3f;
  --mat-form-field-outlined-hover-label-text-color: #111111;
  --mat-form-field-outlined-hover-outline-color: #111111;
  --mat-form-field-outlined-input-text-color: #111111;
  --mat-form-field-outlined-input-text-placeholder-color: #474747;
  --mat-form-field-outlined-label-text-color: #474747;
  --mat-form-field-outlined-outline-color: #777777;
  --mat-form-field-select-disabled-option-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-form-field-select-option-text-color: #111111;
  --mat-form-field-state-layer-color: #111111;
  --mat-form-field-trailing-icon-color: #474747;
}
html .mat-warn.mat-datepicker-content {
  --mat-datepicker-calendar-body-label-text-color: #111111;
  --mat-datepicker-calendar-container-text-color: #111111;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #111111 8%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: #bbdefb;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #292929;
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #d6d6d6;
  --mat-datepicker-calendar-date-in-range-state-background-color: #ffd7dc;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-preview-state-outline-color: #ca2d3f;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-datepicker-calendar-date-selected-state-background-color: #ca2d3f;
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-text-color: #111111;
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-datepicker-calendar-date-today-outline-color: #ca2d3f;
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ca2d3f;
  --mat-datepicker-calendar-header-divider-color: transparent;
  --mat-datepicker-calendar-header-text-color: #474747;
  --mat-datepicker-calendar-navigation-button-icon-color: #474747;
  --mat-datepicker-calendar-period-button-icon-color: #474747;
  --mat-datepicker-calendar-period-button-text-color: #474747;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-datepicker-range-input-separator-color: #111111;
  --mat-datepicker-toggle-active-state-icon-color: #ca2d3f;
  --mat-datepicker-toggle-icon-color: #474747;
}
html .mat-warn.mat-mdc-button-base {
  --mat-button-filled-container-color: #ca2d3f;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: #474747;
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.08;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-button-outlined-disabled-outline-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-button-outlined-disabled-state-layer-color: #474747;
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.08;
  --mat-button-outlined-label-text-color: #ca2d3f;
  --mat-button-outlined-outline-color: #777777;
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, #ca2d3f 12%, transparent);
  --mat-button-outlined-state-layer-color: #ca2d3f;
  --mat-button-protected-container-color: #f8f8f8;
  --mat-button-protected-container-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-container-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-button-protected-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: #474747;
  --mat-button-protected-focus-container-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-container-elevation-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-button-protected-hover-state-layer-opacity: 0.08;
  --mat-button-protected-label-text-color: #ca2d3f;
  --mat-button-protected-pressed-container-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ca2d3f 12%, transparent);
  --mat-button-protected-state-layer-color: #ca2d3f;
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-button-text-disabled-state-layer-color: #474747;
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.08;
  --mat-button-text-label-text-color: #ca2d3f;
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, #ca2d3f 12%, transparent);
  --mat-button-text-state-layer-color: #ca2d3f;
  --mat-button-tonal-container-color: #ffd7dc;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: #474747;
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.08;
  --mat-button-tonal-label-text-color: #98222f;
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #98222f 12%, transparent);
  --mat-button-tonal-state-layer-color: #98222f;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: #ca2d3f;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-icon-color: #ca2d3f;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, #ca2d3f 12%, transparent);
  --mat-icon-button-state-layer-color: #ca2d3f;
}
html .mat-warn.mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-chip-disabled-outline-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-chip-elevated-selected-container-color: #ffd7dc;
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, #111111 12%, transparent);
  --mat-chip-focus-outline-color: #474747;
  --mat-chip-focus-state-layer-color: #474747;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: #474747;
  --mat-chip-hover-state-layer-opacity: 0.08;
  --mat-chip-label-text-color: #474747;
  --mat-chip-outline-color: #777777;
  --mat-chip-selected-disabled-trailing-icon-color: #111111;
  --mat-chip-selected-focus-state-layer-color: #98222f;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: #98222f;
  --mat-chip-selected-hover-state-layer-opacity: 0.08;
  --mat-chip-selected-label-text-color: #98222f;
  --mat-chip-selected-trailing-action-state-layer-color: #98222f;
  --mat-chip-selected-trailing-icon-color: #98222f;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0.12;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0.08;
  --mat-chip-trailing-action-state-layer-color: #474747;
  --mat-chip-with-icon-disabled-icon-color: #111111;
  --mat-chip-with-icon-icon-color: #474747;
  --mat-chip-with-icon-selected-icon-color: #98222f;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #111111;
  --mat-chip-with-trailing-icon-trailing-icon-color: #474747;
}
html .mat-warn .mdc-list-item__start,
html .mat-warn .mdc-list-item__end {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-checkbox-disabled-selected-checkmark-color: #f8f8f8;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-checkbox-label-text-color: #111111;
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #ca2d3f;
  --mat-checkbox-selected-focus-state-layer-color: #ca2d3f;
  --mat-checkbox-selected-hover-icon-color: #ca2d3f;
  --mat-checkbox-selected-hover-state-layer-color: #ca2d3f;
  --mat-checkbox-selected-icon-color: #ca2d3f;
  --mat-checkbox-selected-pressed-icon-color: #ca2d3f;
  --mat-checkbox-selected-pressed-state-layer-color: #111111;
  --mat-checkbox-unselected-focus-icon-color: #111111;
  --mat-checkbox-unselected-focus-state-layer-color: #111111;
  --mat-checkbox-unselected-hover-icon-color: #111111;
  --mat-checkbox-unselected-hover-state-layer-color: #111111;
  --mat-checkbox-unselected-icon-color: #474747;
  --mat-checkbox-unselected-pressed-state-layer-color: #ca2d3f;
  --mat-radio-checked-ripple-color: #ca2d3f;
  --mat-radio-disabled-label-color: color-mix(in srgb, #111111 38%, transparent);
  --mat-radio-disabled-selected-icon-color: #111111;
  --mat-radio-disabled-unselected-icon-color: #111111;
  --mat-radio-label-text-color: #111111;
  --mat-radio-ripple-color: #111111;
  --mat-radio-selected-focus-icon-color: #ca2d3f;
  --mat-radio-selected-hover-icon-color: #ca2d3f;
  --mat-radio-selected-icon-color: #ca2d3f;
  --mat-radio-selected-pressed-icon-color: #ca2d3f;
  --mat-radio-unselected-focus-icon-color: #111111;
  --mat-radio-unselected-hover-icon-color: #111111;
  --mat-radio-unselected-pressed-icon-color: #111111;
}
html .mat-badge-warn {
  --mat-badge-background-color: #ca2d3f;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, #ca2d3f 38%, transparent);
  --mat-badge-disabled-state-text-color: #ffffff;
  --mat-badge-text-color: #ffffff;
}
html .mat-mdc-unelevated-button.mat-primary,
html .mat-mdc-raised-button.mat-primary,
html .mat-mdc-flat-button.mat-primary {
  --mdc-filled-button-container-color: var(--button-primary-bg);
  --mdc-filled-button-label-text-color: var(--white);
  background-color: var(--button-primary-bg) !important;
  color: var(--white) !important;
}
html.dark-theme {
  --mat-app-text-color: #e5e7eb;
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-ripple-color: color-mix(in srgb, #e5e7eb 10%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-option-hover-state-layer-color: color-mix(in srgb, #e5e7eb 8%, transparent);
  --mat-option-label-text-color: #e5e7eb;
  --mat-option-selected-state-label-text-color: #c0f7e5;
  --mat-option-selected-state-layer-color: #005042;
  --mat-optgroup-label-text-color: #e5e7eb;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #131a2b;
  --mat-pseudo-checkbox-full-selected-icon-color: #5a7aff;
  --mat-pseudo-checkbox-full-unselected-icon-color: #e5e7eb;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #5a7aff;
  --mat-option-label-text-size: 1rem;
  --mat-option-label-text-weight: 400;
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 1.25rem;
  --mat-option-label-text-tracking: 0.006rem;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 1.25rem;
  --mat-optgroup-label-text-size: 0.875rem;
  --mat-optgroup-label-text-tracking: 0.006rem;
  --mat-optgroup-label-text-weight: 500;
  --mat-card-elevated-container-shape: 12px;
  --mat-card-filled-container-shape: 12px;
  --mat-card-outlined-container-shape: 12px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: #0a0e14;
  --mat-card-elevated-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: #283241;
  --mat-card-subtitle-text-color: #e5e7eb;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 1.5rem;
  --mat-card-subtitle-text-size: 1rem;
  --mat-card-subtitle-text-tracking: 0.009rem;
  --mat-card-subtitle-text-weight: 500;
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 1.75rem;
  --mat-card-title-text-size: 1.375rem;
  --mat-card-title-text-tracking: 0;
  --mat-card-title-text-weight: 400;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-progress-bar-active-indicator-color: #5a7aff;
  --mat-progress-bar-track-color: #283241;
  --mat-tooltip-container-color: #e5e7eb;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-color: #151a22;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-line-height: 1rem;
  --mat-tooltip-supporting-text-size: 0.75rem;
  --mat-tooltip-supporting-text-tracking: 0.025rem;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-form-field-disabled-leading-icon-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-form-field-disabled-trailing-icon-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-form-field-enabled-select-arrow-color: #e5e7eb;
  --mat-form-field-error-focus-trailing-icon-color: #fecaca;
  --mat-form-field-error-hover-trailing-icon-color: #fee2e2;
  --mat-form-field-error-text-color: #fecaca;
  --mat-form-field-error-trailing-icon-color: #fecaca;
  --mat-form-field-filled-active-indicator-color: #e5e7eb;
  --mat-form-field-filled-caret-color: #5a7aff;
  --mat-form-field-filled-container-color: #283241;
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, #e5e7eb 4%, transparent);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-form-field-filled-error-active-indicator-color: #fecaca;
  --mat-form-field-filled-error-caret-color: #fecaca;
  --mat-form-field-filled-error-focus-active-indicator-color: #fecaca;
  --mat-form-field-filled-error-focus-label-text-color: #fecaca;
  --mat-form-field-filled-error-hover-active-indicator-color: #fee2e2;
  --mat-form-field-filled-error-hover-label-text-color: #fee2e2;
  --mat-form-field-filled-error-label-text-color: #fecaca;
  --mat-form-field-filled-focus-active-indicator-color: #5a7aff;
  --mat-form-field-filled-focus-label-text-color: #5a7aff;
  --mat-form-field-filled-hover-active-indicator-color: #e5e7eb;
  --mat-form-field-filled-hover-label-text-color: #e5e7eb;
  --mat-form-field-filled-input-text-color: #e5e7eb;
  --mat-form-field-filled-input-text-placeholder-color: #e5e7eb;
  --mat-form-field-filled-label-text-color: #e5e7eb;
  --mat-form-field-focus-select-arrow-color: #5a7aff;
  --mat-form-field-focus-state-layer-opacity: 0;
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-leading-icon-color: #e5e7eb;
  --mat-form-field-outlined-caret-color: #5a7aff;
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-form-field-outlined-error-caret-color: #fecaca;
  --mat-form-field-outlined-error-focus-label-text-color: #fecaca;
  --mat-form-field-outlined-error-focus-outline-color: #fecaca;
  --mat-form-field-outlined-error-hover-label-text-color: #fee2e2;
  --mat-form-field-outlined-error-hover-outline-color: #fee2e2;
  --mat-form-field-outlined-error-label-text-color: #fecaca;
  --mat-form-field-outlined-error-outline-color: #fecaca;
  --mat-form-field-outlined-focus-label-text-color: #5a7aff;
  --mat-form-field-outlined-focus-outline-color: #5a7aff;
  --mat-form-field-outlined-hover-label-text-color: #e5e7eb;
  --mat-form-field-outlined-hover-outline-color: #e5e7eb;
  --mat-form-field-outlined-input-text-color: #e5e7eb;
  --mat-form-field-outlined-input-text-placeholder-color: #e5e7eb;
  --mat-form-field-outlined-label-text-color: #e5e7eb;
  --mat-form-field-outlined-outline-color: #6b7280;
  --mat-form-field-select-disabled-option-text-color: color-mix(in srgb, #0a0e14 38%, transparent);
  --mat-form-field-select-option-text-color: #0a0e14;
  --mat-form-field-state-layer-color: #e5e7eb;
  --mat-form-field-trailing-icon-color: #e5e7eb;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 1.5rem;
  --mat-form-field-container-text-size: 1rem;
  --mat-form-field-container-text-tracking: 0.031rem;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 1rem;
  --mat-form-field-subscript-text-size: 0.75rem;
  --mat-form-field-subscript-text-tracking: 0.025rem;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 1rem;
  --mat-form-field-outlined-label-text-tracking: 0.031rem;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 1rem;
  --mat-form-field-filled-label-text-tracking: 0.031rem;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-select-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-select-enabled-trigger-text-color: #e5e7eb;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-select-placeholder-text-color: #e5e7eb;
  --mat-select-enabled-arrow-color: #e5e7eb;
  --mat-select-disabled-arrow-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-select-focused-arrow-color: #5a7aff;
  --mat-select-invalid-arrow-color: #fecaca;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 1.5rem;
  --mat-select-trigger-text-size: 1rem;
  --mat-select-trigger-text-tracking: 0.031rem;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-dialog-actions-alignment: flex-end;
  --mat-dialog-actions-padding: 16px 24px;
  --mat-dialog-container-elevation-shadow: none;
  --mat-dialog-container-max-width: 560px;
  --mat-dialog-container-min-width: 280px;
  --mat-dialog-container-shape: 28px;
  --mat-dialog-container-small-max-width: calc(100vw - 32px);
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 6px 24px 13px;
  --mat-dialog-with-actions-content-padding: 20px 24px 0;
  --mat-dialog-subhead-color: #e5e7eb;
  --mat-dialog-supporting-text-color: #e5e7eb;
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 2rem;
  --mat-dialog-subhead-size: 1.5rem;
  --mat-dialog-subhead-tracking: 0;
  --mat-dialog-subhead-weight: 400;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 1.25rem;
  --mat-dialog-supporting-text-size: 0.875rem;
  --mat-dialog-supporting-text-tracking: 0.016rem;
  --mat-dialog-supporting-text-weight: 400;
  --mat-chip-container-shape-radius: 8px;
  --mat-chip-disabled-container-opacity: 1;
  --mat-chip-elevated-container-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-outline-width: 1px;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-opacity: 1;
  --mat-chip-with-avatar-avatar-shape-radius: 24px;
  --mat-chip-with-avatar-avatar-size: 24px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 0.38;
  --mat-chip-with-icon-disabled-icon-opacity: 0.38;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 0.38;
  --mat-chip-disabled-label-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-chip-disabled-outline-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-chip-elevated-selected-container-color: #005042;
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-chip-focus-outline-color: #e5e7eb;
  --mat-chip-focus-state-layer-color: #e5e7eb;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: #e5e7eb;
  --mat-chip-hover-state-layer-opacity: 0.08;
  --mat-chip-label-text-color: #e5e7eb;
  --mat-chip-outline-color: #6b7280;
  --mat-chip-selected-disabled-trailing-icon-color: #e5e7eb;
  --mat-chip-selected-focus-state-layer-color: #c0f7e5;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: #c0f7e5;
  --mat-chip-selected-hover-state-layer-opacity: 0.08;
  --mat-chip-selected-label-text-color: #c0f7e5;
  --mat-chip-selected-trailing-action-state-layer-color: #c0f7e5;
  --mat-chip-selected-trailing-icon-color: #c0f7e5;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0.12;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0.08;
  --mat-chip-trailing-action-state-layer-color: #e5e7eb;
  --mat-chip-with-icon-disabled-icon-color: #e5e7eb;
  --mat-chip-with-icon-icon-color: #e5e7eb;
  --mat-chip-with-icon-selected-icon-color: #c0f7e5;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #e5e7eb;
  --mat-chip-with-trailing-icon-trailing-icon-color: #e5e7eb;
  --mat-chip-container-height: 32px;
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 1.25rem;
  --mat-chip-label-text-size: 0.875rem;
  --mat-chip-label-text-tracking: 0.006rem;
  --mat-chip-label-text-weight: 500;
  --mat-slide-toggle-disabled-selected-handle-opacity: 1;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 2px;
  --mat-slide-toggle-handle-shape: 9999px;
  --mat-slide-toggle-hidden-track-opacity: 0;
  --mat-slide-toggle-hidden-track-transition: opacity 75ms;
  --mat-slide-toggle-pressed-handle-size: 28px;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0 24px;
  --mat-slide-toggle-selected-handle-size: 24px;
  --mat-slide-toggle-selected-icon-size: 16px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0 22px;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 2px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0 24px;
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-track-height: 32px;
  --mat-slide-toggle-track-outline-width: 2px;
  --mat-slide-toggle-track-shape: 9999px;
  --mat-slide-toggle-track-width: 52px;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0 8px;
  --mat-slide-toggle-unselected-handle-size: 16px;
  --mat-slide-toggle-unselected-icon-size: 16px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0 2px;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0 4px;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: opacity 75ms;
  --mat-slide-toggle-with-icon-handle-size: 24px;
  --mat-slide-toggle-disabled-label-text-color: #e5e7eb;
  --mat-slide-toggle-disabled-selected-icon-color: #e5e7eb;
  --mat-slide-toggle-disabled-selected-track-color: #e5e7eb;
  --mat-slide-toggle-disabled-unselected-handle-color: #e5e7eb;
  --mat-slide-toggle-disabled-unselected-icon-color: #283241;
  --mat-slide-toggle-disabled-unselected-track-color: #283241;
  --mat-slide-toggle-disabled-unselected-track-outline-color: #e5e7eb;
  --mat-slide-toggle-label-text-color: #e5e7eb;
  --mat-slide-toggle-selected-focus-handle-color: #202938;
  --mat-slide-toggle-selected-focus-state-layer-color: #5a7aff;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-focus-track-color: #5a7aff;
  --mat-slide-toggle-selected-handle-color: #131a2b;
  --mat-slide-toggle-selected-hover-handle-color: #202938;
  --mat-slide-toggle-selected-hover-state-layer-color: #5a7aff;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.08;
  --mat-slide-toggle-selected-hover-track-color: #5a7aff;
  --mat-slide-toggle-selected-icon-color: #abc4fe;
  --mat-slide-toggle-selected-pressed-handle-color: #202938;
  --mat-slide-toggle-selected-pressed-state-layer-color: #5a7aff;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-pressed-track-color: #5a7aff;
  --mat-slide-toggle-selected-track-color: #5a7aff;
  --mat-slide-toggle-track-outline-color: #6b7280;
  --mat-slide-toggle-unselected-focus-handle-color: #e5e7eb;
  --mat-slide-toggle-unselected-focus-state-layer-color: #e5e7eb;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-focus-track-color: #283241;
  --mat-slide-toggle-unselected-handle-color: #6b7280;
  --mat-slide-toggle-unselected-hover-handle-color: #e5e7eb;
  --mat-slide-toggle-unselected-hover-state-layer-color: #e5e7eb;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.08;
  --mat-slide-toggle-unselected-hover-track-color: #283241;
  --mat-slide-toggle-unselected-icon-color: #283241;
  --mat-slide-toggle-unselected-pressed-handle-color: #e5e7eb;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #e5e7eb;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-pressed-track-color: #283241;
  --mat-slide-toggle-unselected-track-color: #283241;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 1.25rem;
  --mat-slide-toggle-label-text-size: 0.875rem;
  --mat-slide-toggle-label-text-tracking: 0.016rem;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-checked-ripple-color: #5a7aff;
  --mat-radio-disabled-label-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-radio-disabled-selected-icon-color: #e5e7eb;
  --mat-radio-disabled-unselected-icon-color: #e5e7eb;
  --mat-radio-label-text-color: #e5e7eb;
  --mat-radio-ripple-color: #e5e7eb;
  --mat-radio-selected-focus-icon-color: #5a7aff;
  --mat-radio-selected-hover-icon-color: #5a7aff;
  --mat-radio-selected-icon-color: #5a7aff;
  --mat-radio-selected-pressed-icon-color: #5a7aff;
  --mat-radio-unselected-focus-icon-color: #e5e7eb;
  --mat-radio-unselected-hover-icon-color: #e5e7eb;
  --mat-radio-unselected-icon-color: #e5e7eb;
  --mat-radio-unselected-pressed-icon-color: #e5e7eb;
  --mat-radio-touch-target-display: block;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 1.25rem;
  --mat-radio-label-text-size: 0.875rem;
  --mat-radio-label-text-tracking: 0.016rem;
  --mat-radio-label-text-weight: 400;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-value-indicator-padding: 0;
  --mat-slider-value-indicator-width: 28px;
  --mat-slider-value-indicator-height: 28px;
  --mat-slider-value-indicator-caret-display: none;
  --mat-slider-value-indicator-border-radius: 50% 50% 50% 0;
  --mat-slider-value-indicator-text-transform: rotate(45deg);
  --mat-slider-value-indicator-container-transform: translateX(-50%) rotate(-45deg);
  --mat-slider-active-track-height: 4px;
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.38;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.38;
  --mat-slider-active-track-color: #5a7aff;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-disabled-active-track-color: #e5e7eb;
  --mat-slider-disabled-handle-color: #e5e7eb;
  --mat-slider-disabled-inactive-track-color: #e5e7eb;
  --mat-slider-focus-handle-color: #5a7aff;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #5a7aff 20%, transparent);
  --mat-slider-handle-color: #5a7aff;
  --mat-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-handle-shape: 9999px;
  --mat-slider-hover-handle-color: #5a7aff;
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #5a7aff 5%, transparent);
  --mat-slider-inactive-track-color: #283241;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-label-container-color: #5a7aff;
  --mat-slider-label-label-text-color: #131a2b;
  --mat-slider-ripple-color: #5a7aff;
  --mat-slider-with-overlap-handle-outline-color: #131a2b;
  --mat-slider-with-tick-marks-active-container-color: #131a2b;
  --mat-slider-with-tick-marks-container-shape: 9999px;
  --mat-slider-with-tick-marks-disabled-container-color: #e5e7eb;
  --mat-slider-with-tick-marks-inactive-container-color: #e5e7eb;
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-line-height: 1rem;
  --mat-slider-label-label-text-size: 0.75rem;
  --mat-slider-label-label-text-tracking: 0.031rem;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-divider-bottom-spacing: 8px;
  --mat-menu-divider-top-spacing: 8px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-spacing: 12px;
  --mat-menu-item-leading-spacing: 12px;
  --mat-menu-item-trailing-spacing: 12px;
  --mat-menu-item-with-icon-leading-spacing: 12px;
  --mat-menu-item-with-icon-trailing-spacing: 12px;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-color: #283241;
  --mat-menu-item-label-text-color: #e5e7eb;
  --mat-menu-item-icon-color: #e5e7eb;
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, #e5e7eb 8%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-menu-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-line-height: 1.25rem;
  --mat-menu-item-label-text-size: 0.875rem;
  --mat-menu-item-label-text-tracking: 0.006rem;
  --mat-menu-item-label-text-weight: 500;
  --mat-list-active-indicator-color: #005042;
  --mat-list-active-indicator-shape: 9999px;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-disabled-label-text-color: #e5e7eb;
  --mat-list-list-item-disabled-label-text-opacity: 0.3;
  --mat-list-list-item-disabled-leading-icon-color: #e5e7eb;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-state-layer-color: #e5e7eb;
  --mat-list-list-item-disabled-state-layer-opacity: 0.12;
  --mat-list-list-item-disabled-trailing-icon-color: #e5e7eb;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-focus-label-text-color: #e5e7eb;
  --mat-list-list-item-focus-state-layer-color: #e5e7eb;
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-hover-label-text-color: #e5e7eb;
  --mat-list-list-item-hover-state-layer-color: #e5e7eb;
  --mat-list-list-item-hover-state-layer-opacity: 0.08;
  --mat-list-list-item-label-text-color: #e5e7eb;
  --mat-list-list-item-leading-avatar-color: #202938;
  --mat-list-list-item-leading-avatar-shape: 9999px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-leading-icon-color: #e5e7eb;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-selected-trailing-icon-color: #5a7aff;
  --mat-list-list-item-supporting-text-color: #e5e7eb;
  --mat-list-list-item-trailing-icon-color: #e5e7eb;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-trailing-supporting-text-color: #e5e7eb;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 16px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 1.5rem;
  --mat-list-list-item-label-text-size: 1rem;
  --mat-list-list-item-label-text-tracking: 0.031rem;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 1.25rem;
  --mat-list-list-item-supporting-text-size: 0.875rem;
  --mat-list-list-item-supporting-text-tracking: 0.016rem;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 1rem;
  --mat-list-list-item-trailing-supporting-text-size: 0.688rem;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.031rem;
  --mat-list-list-item-trailing-supporting-text-weight: 500;
  --mat-paginator-container-text-color: #e5e7eb;
  --mat-paginator-disabled-icon-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-paginator-enabled-icon-color: #e5e7eb;
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 1rem;
  --mat-paginator-container-text-size: 0.75rem;
  --mat-paginator-container-text-tracking: 0.025rem;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 0.75rem;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-tab-divider-height: 1px;
  --mat-tab-active-focus-indicator-color: #5a7aff;
  --mat-tab-active-focus-label-text-color: #e5e7eb;
  --mat-tab-active-hover-indicator-color: #5a7aff;
  --mat-tab-active-hover-label-text-color: #e5e7eb;
  --mat-tab-active-indicator-color: #5a7aff;
  --mat-tab-active-label-text-color: #e5e7eb;
  --mat-tab-active-ripple-color: #e5e7eb;
  --mat-tab-divider-color: #283241;
  --mat-tab-inactive-focus-label-text-color: #e5e7eb;
  --mat-tab-inactive-hover-label-text-color: #e5e7eb;
  --mat-tab-inactive-label-text-color: #e5e7eb;
  --mat-tab-inactive-ripple-color: #e5e7eb;
  --mat-tab-pagination-icon-color: #e5e7eb;
  --mat-tab-disabled-ripple-color: #e5e7eb;
  --mat-tab-container-height: 48px;
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-line-height: 1.25rem;
  --mat-tab-label-text-size: 0.875rem;
  --mat-tab-label-text-tracking: 0.006rem;
  --mat-tab-label-text-weight: 500;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.08;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.08;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-checkbox-label-text-color: #e5e7eb;
  --mat-checkbox-selected-checkmark-color: #131a2b;
  --mat-checkbox-selected-focus-icon-color: #5a7aff;
  --mat-checkbox-selected-focus-state-layer-color: #5a7aff;
  --mat-checkbox-selected-hover-icon-color: #5a7aff;
  --mat-checkbox-selected-hover-state-layer-color: #5a7aff;
  --mat-checkbox-selected-icon-color: #5a7aff;
  --mat-checkbox-selected-pressed-icon-color: #5a7aff;
  --mat-checkbox-selected-pressed-state-layer-color: #e5e7eb;
  --mat-checkbox-unselected-focus-icon-color: #e5e7eb;
  --mat-checkbox-unselected-focus-state-layer-color: #e5e7eb;
  --mat-checkbox-unselected-hover-icon-color: #e5e7eb;
  --mat-checkbox-unselected-hover-state-layer-color: #e5e7eb;
  --mat-checkbox-unselected-icon-color: #e5e7eb;
  --mat-checkbox-unselected-pressed-state-layer-color: #5a7aff;
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 1.25rem;
  --mat-checkbox-label-text-size: 0.875rem;
  --mat-checkbox-label-text-tracking: 0.016rem;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 9999px;
  --mat-button-filled-horizontal-padding: 24px;
  --mat-button-filled-icon-offset: -8px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-outlined-container-shape: 9999px;
  --mat-button-outlined-horizontal-padding: 24px;
  --mat-button-outlined-icon-offset: -8px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-protected-container-shape: 9999px;
  --mat-button-protected-horizontal-padding: 24px;
  --mat-button-protected-icon-offset: -8px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-text-container-shape: 9999px;
  --mat-button-text-horizontal-padding: 12px;
  --mat-button-text-icon-offset: -4px;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 16px;
  --mat-button-tonal-container-shape: 9999px;
  --mat-button-tonal-horizontal-padding: 24px;
  --mat-button-tonal-icon-offset: -8px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-filled-container-color: #5a7aff;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: #e5e7eb;
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.08;
  --mat-button-filled-label-text-color: #131a2b;
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, #131a2b 12%, transparent);
  --mat-button-filled-state-layer-color: #131a2b;
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-button-outlined-disabled-outline-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-button-outlined-disabled-state-layer-color: #e5e7eb;
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.08;
  --mat-button-outlined-label-text-color: #5a7aff;
  --mat-button-outlined-outline-color: #6b7280;
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, #5a7aff 12%, transparent);
  --mat-button-outlined-state-layer-color: #5a7aff;
  --mat-button-protected-container-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-container-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-button-protected-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: #e5e7eb;
  --mat-button-protected-focus-container-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-container-elevation-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-button-protected-hover-state-layer-opacity: 0.08;
  --mat-button-protected-label-text-color: #5a7aff;
  --mat-button-protected-pressed-container-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, #5a7aff 12%, transparent);
  --mat-button-protected-state-layer-color: #5a7aff;
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-button-text-disabled-state-layer-color: #e5e7eb;
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.08;
  --mat-button-text-label-text-color: #5a7aff;
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, #5a7aff 12%, transparent);
  --mat-button-text-state-layer-color: #5a7aff;
  --mat-button-tonal-container-color: #005042;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: #e5e7eb;
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.08;
  --mat-button-tonal-label-text-color: #c0f7e5;
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #c0f7e5 12%, transparent);
  --mat-button-tonal-state-layer-color: #c0f7e5;
  --mat-button-filled-touch-target-display: block;
  --mat-button-filled-container-height: 40px;
  --mat-button-outlined-container-height: 40px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-touch-target-display: block;
  --mat-button-protected-container-height: 40px;
  --mat-button-text-touch-target-display: block;
  --mat-button-text-container-height: 40px;
  --mat-button-tonal-container-height: 40px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 0.875rem;
  --mat-button-filled-label-text-tracking: 0.006rem;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 0.875rem;
  --mat-button-outlined-label-text-tracking: 0.006rem;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 0.875rem;
  --mat-button-protected-label-text-tracking: 0.006rem;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 0.875rem;
  --mat-button-text-label-text-tracking: 0.006rem;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 0.875rem;
  --mat-button-tonal-label-text-tracking: 0.006rem;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 9999px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: #e5e7eb;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-icon-color: #e5e7eb;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-icon-button-state-layer-color: #e5e7eb;
  --mat-icon-button-touch-target-display: block;
  --mat-icon-button-state-layer-size: 40px;
  --mat-fab-container-shape: 16px;
  --mat-fab-extended-container-height: 56px;
  --mat-fab-extended-container-shape: 16px;
  --mat-fab-small-container-shape: 12px;
  --mat-fab-container-color: #202938;
  --mat-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-container-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-fab-extended-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-focus-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-pressed-container-elevation-shadow: 6;
  --mat-fab-focus-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: #abc4fe;
  --mat-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-pressed-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, #abc4fe 12%, transparent);
  --mat-fab-small-container-color: #202938;
  --mat-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-fab-small-focus-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: #abc4fe;
  --mat-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-pressed-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, #abc4fe 12%, transparent);
  --mat-fab-small-state-layer-color: #abc4fe;
  --mat-fab-state-layer-color: #abc4fe;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 0.875rem;
  --mat-fab-extended-label-text-tracking: 0.006rem;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-button-color: #2d3745;
  --mat-snack-bar-container-color: #e5e7eb;
  --mat-snack-bar-supporting-text-color: #151a22;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 1.25rem;
  --mat-snack-bar-supporting-text-size: 0.875rem;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --mat-table-header-headline-color: #e5e7eb;
  --mat-table-row-item-label-text-color: #e5e7eb;
  --mat-table-row-item-outline-color: #6b7280;
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 1.25rem;
  --mat-table-header-headline-size: 0.875rem;
  --mat-table-header-headline-tracking: 0.006rem;
  --mat-table-header-headline-weight: 500;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 1.25rem;
  --mat-table-row-item-label-text-size: 0.875rem;
  --mat-table-row-item-label-text-tracking: 0.016rem;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 1.25rem;
  --mat-table-footer-supporting-text-size: 0.875rem;
  --mat-table-footer-supporting-text-tracking: 0.016rem;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-active-indicator-color: #5a7aff;
  --mat-badge-container-offset: -12px 0;
  --mat-badge-container-overlap-offset: -12px;
  --mat-badge-container-padding: 0 4px;
  --mat-badge-container-shape: 9999px;
  --mat-badge-container-size: 16px;
  --mat-badge-large-size-container-offset: -12px 0;
  --mat-badge-large-size-container-overlap-offset: -12px;
  --mat-badge-large-size-container-padding: 0 4px;
  --mat-badge-large-size-container-size: 16px;
  --mat-badge-legacy-container-size: unset;
  --mat-badge-legacy-large-size-container-size: unset;
  --mat-badge-legacy-small-size-container-size: unset;
  --mat-badge-small-size-container-offset: -6px 0;
  --mat-badge-small-size-container-overlap-offset: -6px;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-small-size-container-size: 6px;
  --mat-badge-background-color: #fecaca;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, #fecaca 38%, transparent);
  --mat-badge-disabled-state-text-color: #5c1018;
  --mat-badge-text-color: #5c1018;
  --mat-badge-large-size-line-height: 16px;
  --mat-badge-large-size-text-size: 0.688rem;
  --mat-badge-line-height: 16px;
  --mat-badge-small-size-line-height: 6px;
  --mat-badge-small-size-text-size: 0;
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-text-size: 0.688rem;
  --mat-badge-text-weight: 500;
  --mat-bottom-sheet-container-shape: 28px;
  --mat-bottom-sheet-container-text-color: #e5e7eb;
  --mat-bottom-sheet-container-background-color: #0a0e14;
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 1.5rem;
  --mat-bottom-sheet-container-text-size: 1rem;
  --mat-bottom-sheet-container-text-tracking: 0.031rem;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.08;
  --mat-button-toggle-shape: 28px;
  --mat-button-toggle-background-color: transparent;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: transparent;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-button-toggle-divider-color: #6b7280;
  --mat-button-toggle-selected-state-background-color: #005042;
  --mat-button-toggle-selected-state-text-color: #c0f7e5;
  --mat-button-toggle-state-layer-color: #e5e7eb;
  --mat-button-toggle-text-color: #e5e7eb;
  --mat-button-toggle-height: 40px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 1.25rem;
  --mat-button-toggle-label-text-size: 0.875rem;
  --mat-button-toggle-label-text-tracking: 0.006rem;
  --mat-button-toggle-label-text-weight: 500;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-shape: 16px;
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-shape: 28px;
  --mat-datepicker-calendar-body-label-text-color: #e5e7eb;
  --mat-datepicker-calendar-container-text-color: #e5e7eb;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e5e7eb 8%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: #202938;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #90f0d1;
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #005042;
  --mat-datepicker-calendar-date-in-range-state-background-color: #202938;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-preview-state-outline-color: #5a7aff;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-datepicker-calendar-date-selected-state-background-color: #5a7aff;
  --mat-datepicker-calendar-date-selected-state-text-color: #131a2b;
  --mat-datepicker-calendar-date-text-color: #e5e7eb;
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-datepicker-calendar-date-today-outline-color: #5a7aff;
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #5a7aff;
  --mat-datepicker-calendar-header-divider-color: transparent;
  --mat-datepicker-calendar-header-text-color: #e5e7eb;
  --mat-datepicker-calendar-navigation-button-icon-color: #e5e7eb;
  --mat-datepicker-calendar-period-button-icon-color: #e5e7eb;
  --mat-datepicker-calendar-period-button-text-color: #e5e7eb;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-datepicker-range-input-separator-color: #e5e7eb;
  --mat-datepicker-toggle-active-state-icon-color: #5a7aff;
  --mat-datepicker-toggle-icon-color: #e5e7eb;
  --mat-datepicker-calendar-body-label-text-size: 0.875rem;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 0.875rem;
  --mat-datepicker-calendar-header-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 0.875rem;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 0.875rem;
  --mat-divider-width: 1px;
  --mat-divider-color: #6b7280;
  --mat-expansion-container-shape: 12px;
  --mat-expansion-header-indicator-display: inline-block;
  --mat-expansion-legacy-header-indicator-display: none;
  --mat-expansion-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-expansion-actions-divider-color: #6b7280;
  --mat-expansion-container-text-color: #e5e7eb;
  --mat-expansion-header-description-color: #e5e7eb;
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, #e5e7eb 8%, transparent);
  --mat-expansion-header-indicator-color: #e5e7eb;
  --mat-expansion-header-text-color: #e5e7eb;
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 1.5rem;
  --mat-expansion-container-text-size: 1rem;
  --mat-expansion-container-text-tracking: 0.031rem;
  --mat-expansion-container-text-weight: 400;
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-line-height: 1.5rem;
  --mat-expansion-header-text-size: 1rem;
  --mat-expansion-header-text-tracking: 0.009rem;
  --mat-expansion-header-text-weight: 500;
  --mat-grid-list-tile-header-primary-text-size: 400 1rem / 1.5rem Roboto, sans-serif;
  --mat-grid-list-tile-header-secondary-text-size: 400 0.875rem / 1.25rem Roboto, sans-serif;
  --mat-grid-list-tile-footer-primary-text-size: 400 1rem / 1.5rem Roboto, sans-serif;
  --mat-grid-list-tile-footer-secondary-text-size: 400 0.875rem / 1.25rem Roboto, sans-serif;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 16px;
  --mat-sidenav-container-elevation-shadow: none;
  --mat-sidenav-container-width: 360px;
  --mat-sidenav-container-divider-color: transparent;
  --mat-sidenav-container-text-color: #e5e7eb;
  --mat-sidenav-content-text-color: #e5e7eb;
  --mat-sidenav-scrim-color: color-mix(in srgb, #1a2230 40%, transparent);
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-focus-state-layer-shape: 12px;
  --mat-stepper-header-hover-state-layer-shape: 12px;
  --mat-stepper-header-done-state-icon-background-color: #5a7aff;
  --mat-stepper-header-done-state-icon-foreground-color: #131a2b;
  --mat-stepper-header-edit-state-icon-background-color: #5a7aff;
  --mat-stepper-header-edit-state-icon-foreground-color: #131a2b;
  --mat-stepper-header-error-state-icon-foreground-color: #fecaca;
  --mat-stepper-header-error-state-label-text-color: #fecaca;
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, #e5e7eb 8%, transparent);
  --mat-stepper-header-icon-background-color: #e5e7eb;
  --mat-stepper-header-label-text-color: #e5e7eb;
  --mat-stepper-header-optional-label-text-color: #e5e7eb;
  --mat-stepper-header-selected-state-icon-background-color: #5a7aff;
  --mat-stepper-header-selected-state-icon-foreground-color: #131a2b;
  --mat-stepper-header-selected-state-label-text-color: #e5e7eb;
  --mat-stepper-line-color: #6b7280;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 0.875rem;
  --mat-stepper-header-label-text-weight: 500;
  --mat-stepper-header-error-state-label-text-size: 0.875rem;
  --mat-stepper-header-selected-state-label-text-size: 0.875rem;
  --mat-stepper-header-selected-state-label-text-weight: 500;
  --mat-stepper-header-height: 72px;
  --mat-sort-arrow-color: #e5e7eb;
  --mat-toolbar-container-text-color: #e5e7eb;
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 1.75rem;
  --mat-toolbar-title-text-size: 1.375rem;
  --mat-toolbar-title-text-tracking: 0;
  --mat-toolbar-title-text-weight: 400;
  --mat-tree-node-text-color: #e5e7eb;
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 1rem;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-background-color: var(--surface-0) !important;
  --mat-app-text-color: var(--text-primary) !important;
  --mat-card-outlined-container-color: var(--surface-1) !important;
  --mat-card-elevated-container-color: var(--surface-1) !important;
  --mat-card-outlined-outline-color: var(--divider) !important;
  --mat-dialog-container-color: var(--surface-4) !important;
  --mat-table-background-color: var(--surface-1) !important;
  --mat-paginator-container-background-color: var(--surface-1) !important;
  --mat-menu-container-color: var(--surface-5) !important;
  --mat-select-panel-background-color: var(--surface-3) !important;
  --mat-autocomplete-background-color: var(--surface-3) !important;
  --mat-bottom-sheet-container-background-color: var(--surface-4) !important;
  --mat-stepper-container-color: var(--surface-1) !important;
  --mat-toolbar-container-background-color: var(--surface-3) !important;
  --mat-sidenav-container-background-color: var(--surface-0) !important;
  --mat-sidenav-content-background-color: var(--surface-0) !important;
  --mat-expansion-container-background-color: var(--surface-1) !important;
  --mat-tree-container-background-color: var(--surface-1) !important;
  --mat-divider-color: var(--divider) !important;
  --mat-table-row-item-outline-color: var(--divider) !important;
}
html.dark-theme .mat-primary {
  --mat-stepper-header-done-state-icon-background-color: #5a7aff;
  --mat-stepper-header-done-state-icon-foreground-color: #131a2b;
  --mat-stepper-header-edit-state-icon-background-color: #5a7aff;
  --mat-stepper-header-edit-state-icon-foreground-color: #131a2b;
  --mat-stepper-header-error-state-icon-foreground-color: #fecaca;
  --mat-stepper-header-error-state-label-text-color: #fecaca;
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, #e5e7eb 8%, transparent);
  --mat-stepper-header-icon-background-color: #e5e7eb;
  --mat-stepper-header-label-text-color: #e5e7eb;
  --mat-stepper-header-optional-label-text-color: #e5e7eb;
  --mat-stepper-header-selected-state-icon-background-color: #5a7aff;
  --mat-stepper-header-selected-state-icon-foreground-color: #131a2b;
  --mat-stepper-header-selected-state-label-text-color: #e5e7eb;
  --mat-stepper-line-color: #6b7280;
}
html.dark-theme .mat-primary.mat-icon {
  --mat-icon-color: #5a7aff;
}
html.dark-theme .mat-primary.mat-mdc-tab-group,
html.dark-theme .mat-primary.mat-mdc-tab-nav-bar {
  --mat-tab-active-focus-indicator-color: #5a7aff;
  --mat-tab-active-focus-label-text-color: #e5e7eb;
  --mat-tab-active-hover-indicator-color: #5a7aff;
  --mat-tab-active-hover-label-text-color: #e5e7eb;
  --mat-tab-active-indicator-color: #5a7aff;
  --mat-tab-active-label-text-color: #e5e7eb;
  --mat-tab-active-ripple-color: #e5e7eb;
  --mat-tab-divider-color: #283241;
  --mat-tab-inactive-focus-label-text-color: #e5e7eb;
  --mat-tab-inactive-hover-label-text-color: #e5e7eb;
  --mat-tab-inactive-label-text-color: #e5e7eb;
  --mat-tab-inactive-ripple-color: #e5e7eb;
  --mat-tab-pagination-icon-color: #e5e7eb;
  --mat-tab-disabled-ripple-color: #e5e7eb;
}
html.dark-theme .mat-primary.mat-mdc-slide-toggle {
  --mat-slide-toggle-disabled-label-text-color: #e5e7eb;
  --mat-slide-toggle-disabled-selected-icon-color: #e5e7eb;
  --mat-slide-toggle-disabled-selected-track-color: #e5e7eb;
  --mat-slide-toggle-disabled-unselected-handle-color: #e5e7eb;
  --mat-slide-toggle-disabled-unselected-icon-color: #283241;
  --mat-slide-toggle-disabled-unselected-track-color: #283241;
  --mat-slide-toggle-disabled-unselected-track-outline-color: #e5e7eb;
  --mat-slide-toggle-label-text-color: #e5e7eb;
  --mat-slide-toggle-selected-focus-handle-color: #202938;
  --mat-slide-toggle-selected-focus-state-layer-color: #5a7aff;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-focus-track-color: #5a7aff;
  --mat-slide-toggle-selected-handle-color: #131a2b;
  --mat-slide-toggle-selected-hover-handle-color: #202938;
  --mat-slide-toggle-selected-hover-state-layer-color: #5a7aff;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.08;
  --mat-slide-toggle-selected-hover-track-color: #5a7aff;
  --mat-slide-toggle-selected-icon-color: #abc4fe;
  --mat-slide-toggle-selected-pressed-handle-color: #202938;
  --mat-slide-toggle-selected-pressed-state-layer-color: #5a7aff;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-pressed-track-color: #5a7aff;
  --mat-slide-toggle-selected-track-color: #5a7aff;
  --mat-slide-toggle-track-outline-color: #6b7280;
  --mat-slide-toggle-unselected-focus-handle-color: #e5e7eb;
  --mat-slide-toggle-unselected-focus-state-layer-color: #e5e7eb;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-focus-track-color: #283241;
  --mat-slide-toggle-unselected-handle-color: #6b7280;
  --mat-slide-toggle-unselected-hover-handle-color: #e5e7eb;
  --mat-slide-toggle-unselected-hover-state-layer-color: #e5e7eb;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.08;
  --mat-slide-toggle-unselected-hover-track-color: #283241;
  --mat-slide-toggle-unselected-icon-color: #283241;
  --mat-slide-toggle-unselected-pressed-handle-color: #e5e7eb;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #e5e7eb;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-pressed-track-color: #283241;
  --mat-slide-toggle-unselected-track-color: #283241;
}
html.dark-theme .mat-primary.mat-datepicker-content {
  --mat-datepicker-calendar-body-label-text-color: #e5e7eb;
  --mat-datepicker-calendar-container-text-color: #e5e7eb;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e5e7eb 8%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: #202938;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #90f0d1;
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #005042;
  --mat-datepicker-calendar-date-in-range-state-background-color: #202938;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-preview-state-outline-color: #5a7aff;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-datepicker-calendar-date-selected-state-background-color: #5a7aff;
  --mat-datepicker-calendar-date-selected-state-text-color: #131a2b;
  --mat-datepicker-calendar-date-text-color: #e5e7eb;
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-datepicker-calendar-date-today-outline-color: #5a7aff;
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #5a7aff;
  --mat-datepicker-calendar-header-divider-color: transparent;
  --mat-datepicker-calendar-header-text-color: #e5e7eb;
  --mat-datepicker-calendar-navigation-button-icon-color: #e5e7eb;
  --mat-datepicker-calendar-period-button-icon-color: #e5e7eb;
  --mat-datepicker-calendar-period-button-text-color: #e5e7eb;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-datepicker-range-input-separator-color: #e5e7eb;
  --mat-datepicker-toggle-active-state-icon-color: #5a7aff;
  --mat-datepicker-toggle-icon-color: #e5e7eb;
}
html.dark-theme .mat-primary.mat-mdc-button-base {
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: #5a7aff;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-icon-color: #5a7aff;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, #5a7aff 12%, transparent);
  --mat-icon-button-state-layer-color: #5a7aff;
}
html.dark-theme .mat-badge {
  --mat-badge-background-color: #5a7aff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, #5a7aff 38%, transparent);
  --mat-badge-disabled-state-text-color: #131a2b;
  --mat-badge-text-color: #131a2b;
}
html.dark-theme .mat-accent {
  --mat-option-focus-state-layer-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-option-hover-state-layer-color: color-mix(in srgb, #e5e7eb 8%, transparent);
  --mat-option-label-text-color: #e5e7eb;
  --mat-option-selected-state-label-text-color: #abc4fe;
  --mat-option-selected-state-layer-color: #202938;
}
html.dark-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #5a7aff;
}
html.dark-theme .mat-accent {
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #131a2b;
  --mat-pseudo-checkbox-full-selected-icon-color: #5a7aff;
  --mat-pseudo-checkbox-full-unselected-icon-color: #e5e7eb;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #5a7aff;
}
html.dark-theme .mat-accent {
  --mat-stepper-header-done-state-icon-background-color: #5a7aff;
  --mat-stepper-header-done-state-icon-foreground-color: #131a2b;
  --mat-stepper-header-edit-state-icon-background-color: #5a7aff;
  --mat-stepper-header-edit-state-icon-foreground-color: #131a2b;
  --mat-stepper-header-error-state-icon-foreground-color: #fecaca;
  --mat-stepper-header-error-state-label-text-color: #fecaca;
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, #e5e7eb 8%, transparent);
  --mat-stepper-header-icon-background-color: #e5e7eb;
  --mat-stepper-header-label-text-color: #e5e7eb;
  --mat-stepper-header-optional-label-text-color: #e5e7eb;
  --mat-stepper-header-selected-state-icon-background-color: #5a7aff;
  --mat-stepper-header-selected-state-icon-foreground-color: #131a2b;
  --mat-stepper-header-selected-state-label-text-color: #e5e7eb;
  --mat-stepper-line-color: #6b7280;
}
html.dark-theme .mat-accent.mat-icon {
  --mat-icon-color: #5a7aff;
}
html.dark-theme .mat-accent.mat-mdc-checkbox {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-checkbox-label-text-color: #e5e7eb;
  --mat-checkbox-selected-checkmark-color: #131a2b;
  --mat-checkbox-selected-focus-icon-color: #5a7aff;
  --mat-checkbox-selected-focus-state-layer-color: #5a7aff;
  --mat-checkbox-selected-hover-icon-color: #5a7aff;
  --mat-checkbox-selected-hover-state-layer-color: #5a7aff;
  --mat-checkbox-selected-icon-color: #5a7aff;
  --mat-checkbox-selected-pressed-icon-color: #5a7aff;
  --mat-checkbox-selected-pressed-state-layer-color: #e5e7eb;
  --mat-checkbox-unselected-focus-icon-color: #e5e7eb;
  --mat-checkbox-unselected-focus-state-layer-color: #e5e7eb;
  --mat-checkbox-unselected-hover-icon-color: #e5e7eb;
  --mat-checkbox-unselected-hover-state-layer-color: #e5e7eb;
  --mat-checkbox-unselected-icon-color: #e5e7eb;
  --mat-checkbox-unselected-pressed-state-layer-color: #5a7aff;
}
html.dark-theme .mat-accent.mat-mdc-slider {
  --mat-slider-active-track-color: #5a7aff;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-disabled-active-track-color: #e5e7eb;
  --mat-slider-disabled-handle-color: #e5e7eb;
  --mat-slider-disabled-inactive-track-color: #e5e7eb;
  --mat-slider-focus-handle-color: #5a7aff;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #5a7aff 20%, transparent);
  --mat-slider-handle-color: #5a7aff;
  --mat-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-handle-shape: 9999px;
  --mat-slider-hover-handle-color: #5a7aff;
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #5a7aff 5%, transparent);
  --mat-slider-inactive-track-color: #283241;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-label-container-color: #5a7aff;
  --mat-slider-label-label-text-color: #131a2b;
  --mat-slider-ripple-color: #5a7aff;
  --mat-slider-with-overlap-handle-outline-color: #131a2b;
  --mat-slider-with-tick-marks-active-container-color: #131a2b;
  --mat-slider-with-tick-marks-container-shape: 9999px;
  --mat-slider-with-tick-marks-disabled-container-color: #e5e7eb;
  --mat-slider-with-tick-marks-inactive-container-color: #e5e7eb;
}
html.dark-theme .mat-accent.mat-mdc-tab-group,
html.dark-theme .mat-accent.mat-mdc-tab-nav-bar {
  --mat-tab-active-focus-indicator-color: #5a7aff;
  --mat-tab-active-focus-label-text-color: #e5e7eb;
  --mat-tab-active-hover-indicator-color: #5a7aff;
  --mat-tab-active-hover-label-text-color: #e5e7eb;
  --mat-tab-active-indicator-color: #5a7aff;
  --mat-tab-active-label-text-color: #e5e7eb;
  --mat-tab-active-ripple-color: #e5e7eb;
  --mat-tab-divider-color: #283241;
  --mat-tab-inactive-focus-label-text-color: #e5e7eb;
  --mat-tab-inactive-hover-label-text-color: #e5e7eb;
  --mat-tab-inactive-label-text-color: #e5e7eb;
  --mat-tab-inactive-ripple-color: #e5e7eb;
  --mat-tab-pagination-icon-color: #e5e7eb;
  --mat-tab-disabled-ripple-color: #e5e7eb;
}
html.dark-theme .mat-accent.mat-mdc-slide-toggle {
  --mat-slide-toggle-disabled-label-text-color: #e5e7eb;
  --mat-slide-toggle-disabled-selected-icon-color: #e5e7eb;
  --mat-slide-toggle-disabled-selected-track-color: #e5e7eb;
  --mat-slide-toggle-disabled-unselected-handle-color: #e5e7eb;
  --mat-slide-toggle-disabled-unselected-icon-color: #283241;
  --mat-slide-toggle-disabled-unselected-track-color: #283241;
  --mat-slide-toggle-disabled-unselected-track-outline-color: #e5e7eb;
  --mat-slide-toggle-label-text-color: #e5e7eb;
  --mat-slide-toggle-selected-focus-handle-color: #202938;
  --mat-slide-toggle-selected-focus-state-layer-color: #5a7aff;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-focus-track-color: #5a7aff;
  --mat-slide-toggle-selected-handle-color: #131a2b;
  --mat-slide-toggle-selected-hover-handle-color: #202938;
  --mat-slide-toggle-selected-hover-state-layer-color: #5a7aff;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.08;
  --mat-slide-toggle-selected-hover-track-color: #5a7aff;
  --mat-slide-toggle-selected-icon-color: #abc4fe;
  --mat-slide-toggle-selected-pressed-handle-color: #202938;
  --mat-slide-toggle-selected-pressed-state-layer-color: #5a7aff;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-pressed-track-color: #5a7aff;
  --mat-slide-toggle-selected-track-color: #5a7aff;
  --mat-slide-toggle-track-outline-color: #6b7280;
  --mat-slide-toggle-unselected-focus-handle-color: #e5e7eb;
  --mat-slide-toggle-unselected-focus-state-layer-color: #e5e7eb;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-focus-track-color: #283241;
  --mat-slide-toggle-unselected-handle-color: #6b7280;
  --mat-slide-toggle-unselected-hover-handle-color: #e5e7eb;
  --mat-slide-toggle-unselected-hover-state-layer-color: #e5e7eb;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.08;
  --mat-slide-toggle-unselected-hover-track-color: #283241;
  --mat-slide-toggle-unselected-icon-color: #283241;
  --mat-slide-toggle-unselected-pressed-handle-color: #e5e7eb;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #e5e7eb;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-pressed-track-color: #283241;
  --mat-slide-toggle-unselected-track-color: #283241;
}
html.dark-theme .mat-accent.mat-mdc-form-field {
  --mat-select-enabled-trigger-text-color: #e5e7eb;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-select-placeholder-text-color: #e5e7eb;
  --mat-select-enabled-arrow-color: #e5e7eb;
  --mat-select-disabled-arrow-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-select-focused-arrow-color: #5a7aff;
  --mat-select-invalid-arrow-color: #fecaca;
}
html.dark-theme .mat-accent.mat-mdc-radio-button {
  --mat-radio-checked-ripple-color: #5a7aff;
  --mat-radio-disabled-label-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-radio-disabled-selected-icon-color: #e5e7eb;
  --mat-radio-disabled-unselected-icon-color: #e5e7eb;
  --mat-radio-label-text-color: #e5e7eb;
  --mat-radio-ripple-color: #e5e7eb;
  --mat-radio-selected-focus-icon-color: #5a7aff;
  --mat-radio-selected-hover-icon-color: #5a7aff;
  --mat-radio-selected-icon-color: #5a7aff;
  --mat-radio-selected-pressed-icon-color: #5a7aff;
  --mat-radio-unselected-focus-icon-color: #e5e7eb;
  --mat-radio-unselected-hover-icon-color: #e5e7eb;
  --mat-radio-unselected-pressed-icon-color: #e5e7eb;
}
html.dark-theme .mat-accent.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #5a7aff;
  --mat-progress-bar-track-color: #283241;
}
html.dark-theme .mat-accent.mat-mdc-form-field {
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-form-field-disabled-leading-icon-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-form-field-disabled-trailing-icon-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-form-field-enabled-select-arrow-color: #e5e7eb;
  --mat-form-field-error-focus-trailing-icon-color: #fecaca;
  --mat-form-field-error-hover-trailing-icon-color: #fee2e2;
  --mat-form-field-error-text-color: #fecaca;
  --mat-form-field-error-trailing-icon-color: #fecaca;
  --mat-form-field-filled-active-indicator-color: #e5e7eb;
  --mat-form-field-filled-caret-color: #5a7aff;
  --mat-form-field-filled-container-color: #283241;
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, #e5e7eb 4%, transparent);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-form-field-filled-error-active-indicator-color: #fecaca;
  --mat-form-field-filled-error-caret-color: #fecaca;
  --mat-form-field-filled-error-focus-active-indicator-color: #fecaca;
  --mat-form-field-filled-error-focus-label-text-color: #fecaca;
  --mat-form-field-filled-error-hover-active-indicator-color: #fee2e2;
  --mat-form-field-filled-error-hover-label-text-color: #fee2e2;
  --mat-form-field-filled-error-label-text-color: #fecaca;
  --mat-form-field-filled-focus-active-indicator-color: #5a7aff;
  --mat-form-field-filled-focus-label-text-color: #5a7aff;
  --mat-form-field-filled-hover-active-indicator-color: #e5e7eb;
  --mat-form-field-filled-hover-label-text-color: #e5e7eb;
  --mat-form-field-filled-input-text-color: #e5e7eb;
  --mat-form-field-filled-input-text-placeholder-color: #e5e7eb;
  --mat-form-field-filled-label-text-color: #e5e7eb;
  --mat-form-field-focus-select-arrow-color: #5a7aff;
  --mat-form-field-focus-state-layer-opacity: 0;
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-leading-icon-color: #e5e7eb;
  --mat-form-field-outlined-caret-color: #5a7aff;
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-form-field-outlined-error-caret-color: #fecaca;
  --mat-form-field-outlined-error-focus-label-text-color: #fecaca;
  --mat-form-field-outlined-error-focus-outline-color: #fecaca;
  --mat-form-field-outlined-error-hover-label-text-color: #fee2e2;
  --mat-form-field-outlined-error-hover-outline-color: #fee2e2;
  --mat-form-field-outlined-error-label-text-color: #fecaca;
  --mat-form-field-outlined-error-outline-color: #fecaca;
  --mat-form-field-outlined-focus-label-text-color: #5a7aff;
  --mat-form-field-outlined-focus-outline-color: #5a7aff;
  --mat-form-field-outlined-hover-label-text-color: #e5e7eb;
  --mat-form-field-outlined-hover-outline-color: #e5e7eb;
  --mat-form-field-outlined-input-text-color: #e5e7eb;
  --mat-form-field-outlined-input-text-placeholder-color: #e5e7eb;
  --mat-form-field-outlined-label-text-color: #e5e7eb;
  --mat-form-field-outlined-outline-color: #6b7280;
  --mat-form-field-select-disabled-option-text-color: color-mix(in srgb, #0a0e14 38%, transparent);
  --mat-form-field-select-option-text-color: #0a0e14;
  --mat-form-field-state-layer-color: #e5e7eb;
  --mat-form-field-trailing-icon-color: #e5e7eb;
}
html.dark-theme .mat-accent.mat-datepicker-content {
  --mat-datepicker-calendar-body-label-text-color: #e5e7eb;
  --mat-datepicker-calendar-container-text-color: #e5e7eb;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e5e7eb 8%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: #202938;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #90f0d1;
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #005042;
  --mat-datepicker-calendar-date-in-range-state-background-color: #202938;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-preview-state-outline-color: #5a7aff;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-datepicker-calendar-date-selected-state-background-color: #5a7aff;
  --mat-datepicker-calendar-date-selected-state-text-color: #131a2b;
  --mat-datepicker-calendar-date-text-color: #e5e7eb;
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-datepicker-calendar-date-today-outline-color: #5a7aff;
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #5a7aff;
  --mat-datepicker-calendar-header-divider-color: transparent;
  --mat-datepicker-calendar-header-text-color: #e5e7eb;
  --mat-datepicker-calendar-navigation-button-icon-color: #e5e7eb;
  --mat-datepicker-calendar-period-button-icon-color: #e5e7eb;
  --mat-datepicker-calendar-period-button-text-color: #e5e7eb;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-datepicker-range-input-separator-color: #e5e7eb;
  --mat-datepicker-toggle-active-state-icon-color: #5a7aff;
  --mat-datepicker-toggle-icon-color: #e5e7eb;
}
html.dark-theme .mat-accent.mat-mdc-button-base {
  --mat-button-filled-container-color: #5a7aff;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: #e5e7eb;
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.08;
  --mat-button-filled-label-text-color: #131a2b;
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, #131a2b 12%, transparent);
  --mat-button-filled-state-layer-color: #131a2b;
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-button-outlined-disabled-outline-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-button-outlined-disabled-state-layer-color: #e5e7eb;
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.08;
  --mat-button-outlined-label-text-color: #5a7aff;
  --mat-button-outlined-outline-color: #6b7280;
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, #5a7aff 12%, transparent);
  --mat-button-outlined-state-layer-color: #5a7aff;
  --mat-button-protected-container-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-container-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-button-protected-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: #e5e7eb;
  --mat-button-protected-focus-container-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-container-elevation-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-button-protected-hover-state-layer-opacity: 0.08;
  --mat-button-protected-label-text-color: #5a7aff;
  --mat-button-protected-pressed-container-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, #5a7aff 12%, transparent);
  --mat-button-protected-state-layer-color: #5a7aff;
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-button-text-disabled-state-layer-color: #e5e7eb;
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.08;
  --mat-button-text-label-text-color: #5a7aff;
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, #5a7aff 12%, transparent);
  --mat-button-text-state-layer-color: #5a7aff;
  --mat-button-tonal-container-color: #202938;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: #e5e7eb;
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.08;
  --mat-button-tonal-label-text-color: #abc4fe;
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #abc4fe 12%, transparent);
  --mat-button-tonal-state-layer-color: #abc4fe;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: #5a7aff;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-icon-color: #5a7aff;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, #5a7aff 12%, transparent);
  --mat-icon-button-state-layer-color: #5a7aff;
}
html.dark-theme .mat-accent.mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-chip-disabled-outline-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-chip-elevated-selected-container-color: #202938;
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-chip-focus-outline-color: #e5e7eb;
  --mat-chip-focus-state-layer-color: #e5e7eb;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: #e5e7eb;
  --mat-chip-hover-state-layer-opacity: 0.08;
  --mat-chip-label-text-color: #e5e7eb;
  --mat-chip-outline-color: #6b7280;
  --mat-chip-selected-disabled-trailing-icon-color: #e5e7eb;
  --mat-chip-selected-focus-state-layer-color: #abc4fe;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: #abc4fe;
  --mat-chip-selected-hover-state-layer-opacity: 0.08;
  --mat-chip-selected-label-text-color: #abc4fe;
  --mat-chip-selected-trailing-action-state-layer-color: #abc4fe;
  --mat-chip-selected-trailing-icon-color: #abc4fe;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0.12;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0.08;
  --mat-chip-trailing-action-state-layer-color: #e5e7eb;
  --mat-chip-with-icon-disabled-icon-color: #e5e7eb;
  --mat-chip-with-icon-icon-color: #e5e7eb;
  --mat-chip-with-icon-selected-icon-color: #abc4fe;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #e5e7eb;
  --mat-chip-with-trailing-icon-trailing-icon-color: #e5e7eb;
}
html.dark-theme .mat-accent .mdc-list-item__start,
html.dark-theme .mat-accent .mdc-list-item__end {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-checkbox-label-text-color: #e5e7eb;
  --mat-checkbox-selected-checkmark-color: #131a2b;
  --mat-checkbox-selected-focus-icon-color: #5a7aff;
  --mat-checkbox-selected-focus-state-layer-color: #5a7aff;
  --mat-checkbox-selected-hover-icon-color: #5a7aff;
  --mat-checkbox-selected-hover-state-layer-color: #5a7aff;
  --mat-checkbox-selected-icon-color: #5a7aff;
  --mat-checkbox-selected-pressed-icon-color: #5a7aff;
  --mat-checkbox-selected-pressed-state-layer-color: #e5e7eb;
  --mat-checkbox-unselected-focus-icon-color: #e5e7eb;
  --mat-checkbox-unselected-focus-state-layer-color: #e5e7eb;
  --mat-checkbox-unselected-hover-icon-color: #e5e7eb;
  --mat-checkbox-unselected-hover-state-layer-color: #e5e7eb;
  --mat-checkbox-unselected-icon-color: #e5e7eb;
  --mat-checkbox-unselected-pressed-state-layer-color: #5a7aff;
  --mat-radio-checked-ripple-color: #5a7aff;
  --mat-radio-disabled-label-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-radio-disabled-selected-icon-color: #e5e7eb;
  --mat-radio-disabled-unselected-icon-color: #e5e7eb;
  --mat-radio-label-text-color: #e5e7eb;
  --mat-radio-ripple-color: #e5e7eb;
  --mat-radio-selected-focus-icon-color: #5a7aff;
  --mat-radio-selected-hover-icon-color: #5a7aff;
  --mat-radio-selected-icon-color: #5a7aff;
  --mat-radio-selected-pressed-icon-color: #5a7aff;
  --mat-radio-unselected-focus-icon-color: #e5e7eb;
  --mat-radio-unselected-hover-icon-color: #e5e7eb;
  --mat-radio-unselected-pressed-icon-color: #e5e7eb;
}
html.dark-theme .mat-accent.mat-mdc-fab,
html.dark-theme .mat-accent.mat-mdc-mini-fab {
  --mat-fab-container-color: #202938;
  --mat-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-container-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-fab-extended-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-focus-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-pressed-container-elevation-shadow: 6;
  --mat-fab-focus-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: #abc4fe;
  --mat-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-pressed-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, #abc4fe 12%, transparent);
  --mat-fab-small-container-color: #202938;
  --mat-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-fab-small-focus-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: #abc4fe;
  --mat-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-pressed-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, #abc4fe 12%, transparent);
  --mat-fab-small-state-layer-color: #abc4fe;
  --mat-fab-state-layer-color: #abc4fe;
}
html.dark-theme .mat-badge-accent {
  --mat-badge-background-color: #5a7aff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, #5a7aff 38%, transparent);
  --mat-badge-disabled-state-text-color: #131a2b;
  --mat-badge-text-color: #131a2b;
}
html.dark-theme .mat-warn {
  --mat-option-focus-state-layer-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-option-hover-state-layer-color: color-mix(in srgb, #e5e7eb 8%, transparent);
  --mat-option-label-text-color: #e5e7eb;
  --mat-option-selected-state-label-text-color: #fee2e2;
  --mat-option-selected-state-layer-color: #891b27;
}
html.dark-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #fecaca;
}
html.dark-theme .mat-warn {
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #5c1018;
  --mat-pseudo-checkbox-full-selected-icon-color: #fecaca;
  --mat-pseudo-checkbox-full-unselected-icon-color: #e5e7eb;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fecaca;
}
html.dark-theme .mat-warn {
  --mat-stepper-header-done-state-icon-background-color: #fecaca;
  --mat-stepper-header-done-state-icon-foreground-color: #5c1018;
  --mat-stepper-header-edit-state-icon-background-color: #fecaca;
  --mat-stepper-header-edit-state-icon-foreground-color: #5c1018;
  --mat-stepper-header-error-state-icon-foreground-color: #fecaca;
  --mat-stepper-header-error-state-label-text-color: #fecaca;
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, #e5e7eb 8%, transparent);
  --mat-stepper-header-icon-background-color: #e5e7eb;
  --mat-stepper-header-label-text-color: #e5e7eb;
  --mat-stepper-header-optional-label-text-color: #e5e7eb;
  --mat-stepper-header-selected-state-icon-background-color: #fecaca;
  --mat-stepper-header-selected-state-icon-foreground-color: #5c1018;
  --mat-stepper-header-selected-state-label-text-color: #e5e7eb;
  --mat-stepper-line-color: #6b7280;
}
html.dark-theme .mat-warn.mat-icon {
  --mat-icon-color: #fecaca;
}
html.dark-theme .mat-warn.mat-mdc-checkbox {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-checkbox-label-text-color: #e5e7eb;
  --mat-checkbox-selected-checkmark-color: #5c1018;
  --mat-checkbox-selected-focus-icon-color: #fecaca;
  --mat-checkbox-selected-focus-state-layer-color: #fecaca;
  --mat-checkbox-selected-hover-icon-color: #fecaca;
  --mat-checkbox-selected-hover-state-layer-color: #fecaca;
  --mat-checkbox-selected-icon-color: #fecaca;
  --mat-checkbox-selected-pressed-icon-color: #fecaca;
  --mat-checkbox-selected-pressed-state-layer-color: #e5e7eb;
  --mat-checkbox-unselected-focus-icon-color: #e5e7eb;
  --mat-checkbox-unselected-focus-state-layer-color: #e5e7eb;
  --mat-checkbox-unselected-hover-icon-color: #e5e7eb;
  --mat-checkbox-unselected-hover-state-layer-color: #e5e7eb;
  --mat-checkbox-unselected-icon-color: #e5e7eb;
  --mat-checkbox-unselected-pressed-state-layer-color: #fecaca;
}
html.dark-theme .mat-warn.mat-mdc-slider {
  --mat-slider-active-track-color: #fecaca;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-disabled-active-track-color: #e5e7eb;
  --mat-slider-disabled-handle-color: #e5e7eb;
  --mat-slider-disabled-inactive-track-color: #e5e7eb;
  --mat-slider-focus-handle-color: #fecaca;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fecaca 20%, transparent);
  --mat-slider-handle-color: #fecaca;
  --mat-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-handle-shape: 9999px;
  --mat-slider-hover-handle-color: #fecaca;
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fecaca 5%, transparent);
  --mat-slider-inactive-track-color: #283241;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-label-container-color: #fecaca;
  --mat-slider-label-label-text-color: #5c1018;
  --mat-slider-ripple-color: #fecaca;
  --mat-slider-with-overlap-handle-outline-color: #5c1018;
  --mat-slider-with-tick-marks-active-container-color: #5c1018;
  --mat-slider-with-tick-marks-container-shape: 9999px;
  --mat-slider-with-tick-marks-disabled-container-color: #e5e7eb;
  --mat-slider-with-tick-marks-inactive-container-color: #e5e7eb;
}
html.dark-theme .mat-warn.mat-mdc-tab-group,
html.dark-theme .mat-warn.mat-mdc-tab-nav-bar {
  --mat-tab-active-focus-indicator-color: #fecaca;
  --mat-tab-active-focus-label-text-color: #e5e7eb;
  --mat-tab-active-hover-indicator-color: #fecaca;
  --mat-tab-active-hover-label-text-color: #e5e7eb;
  --mat-tab-active-indicator-color: #fecaca;
  --mat-tab-active-label-text-color: #e5e7eb;
  --mat-tab-active-ripple-color: #e5e7eb;
  --mat-tab-divider-color: #283241;
  --mat-tab-inactive-focus-label-text-color: #e5e7eb;
  --mat-tab-inactive-hover-label-text-color: #e5e7eb;
  --mat-tab-inactive-label-text-color: #e5e7eb;
  --mat-tab-inactive-ripple-color: #e5e7eb;
  --mat-tab-pagination-icon-color: #e5e7eb;
  --mat-tab-disabled-ripple-color: #e5e7eb;
}
html.dark-theme .mat-warn.mat-mdc-slide-toggle {
  --mat-slide-toggle-disabled-label-text-color: #e5e7eb;
  --mat-slide-toggle-disabled-selected-icon-color: #e5e7eb;
  --mat-slide-toggle-disabled-selected-track-color: #e5e7eb;
  --mat-slide-toggle-disabled-unselected-handle-color: #e5e7eb;
  --mat-slide-toggle-disabled-unselected-icon-color: #283241;
  --mat-slide-toggle-disabled-unselected-track-color: #283241;
  --mat-slide-toggle-disabled-unselected-track-outline-color: #e5e7eb;
  --mat-slide-toggle-label-text-color: #e5e7eb;
  --mat-slide-toggle-selected-focus-handle-color: #891b27;
  --mat-slide-toggle-selected-focus-state-layer-color: #fecaca;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-focus-track-color: #fecaca;
  --mat-slide-toggle-selected-handle-color: #5c1018;
  --mat-slide-toggle-selected-hover-handle-color: #891b27;
  --mat-slide-toggle-selected-hover-state-layer-color: #fecaca;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.08;
  --mat-slide-toggle-selected-hover-track-color: #fecaca;
  --mat-slide-toggle-selected-icon-color: #fee2e2;
  --mat-slide-toggle-selected-pressed-handle-color: #891b27;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fecaca;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-pressed-track-color: #fecaca;
  --mat-slide-toggle-selected-track-color: #fecaca;
  --mat-slide-toggle-track-outline-color: #6b7280;
  --mat-slide-toggle-unselected-focus-handle-color: #e5e7eb;
  --mat-slide-toggle-unselected-focus-state-layer-color: #e5e7eb;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-focus-track-color: #283241;
  --mat-slide-toggle-unselected-handle-color: #6b7280;
  --mat-slide-toggle-unselected-hover-handle-color: #e5e7eb;
  --mat-slide-toggle-unselected-hover-state-layer-color: #e5e7eb;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.08;
  --mat-slide-toggle-unselected-hover-track-color: #283241;
  --mat-slide-toggle-unselected-icon-color: #283241;
  --mat-slide-toggle-unselected-pressed-handle-color: #e5e7eb;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #e5e7eb;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-pressed-track-color: #283241;
  --mat-slide-toggle-unselected-track-color: #283241;
}
html.dark-theme .mat-warn.mat-mdc-form-field {
  --mat-select-enabled-trigger-text-color: #e5e7eb;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-select-placeholder-text-color: #e5e7eb;
  --mat-select-enabled-arrow-color: #e5e7eb;
  --mat-select-disabled-arrow-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-select-focused-arrow-color: #fecaca;
  --mat-select-invalid-arrow-color: #fecaca;
}
html.dark-theme .mat-warn.mat-mdc-radio-button {
  --mat-radio-checked-ripple-color: #fecaca;
  --mat-radio-disabled-label-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-radio-disabled-selected-icon-color: #e5e7eb;
  --mat-radio-disabled-unselected-icon-color: #e5e7eb;
  --mat-radio-label-text-color: #e5e7eb;
  --mat-radio-ripple-color: #e5e7eb;
  --mat-radio-selected-focus-icon-color: #fecaca;
  --mat-radio-selected-hover-icon-color: #fecaca;
  --mat-radio-selected-icon-color: #fecaca;
  --mat-radio-selected-pressed-icon-color: #fecaca;
  --mat-radio-unselected-focus-icon-color: #e5e7eb;
  --mat-radio-unselected-hover-icon-color: #e5e7eb;
  --mat-radio-unselected-pressed-icon-color: #e5e7eb;
}
html.dark-theme .mat-warn.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #fecaca;
  --mat-progress-bar-track-color: #283241;
}
html.dark-theme .mat-warn.mat-mdc-form-field {
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-form-field-disabled-leading-icon-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-form-field-disabled-trailing-icon-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-form-field-enabled-select-arrow-color: #e5e7eb;
  --mat-form-field-error-focus-trailing-icon-color: #fecaca;
  --mat-form-field-error-hover-trailing-icon-color: #fee2e2;
  --mat-form-field-error-text-color: #fecaca;
  --mat-form-field-error-trailing-icon-color: #fecaca;
  --mat-form-field-filled-active-indicator-color: #e5e7eb;
  --mat-form-field-filled-caret-color: #fecaca;
  --mat-form-field-filled-container-color: #283241;
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, #e5e7eb 4%, transparent);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-form-field-filled-error-active-indicator-color: #fecaca;
  --mat-form-field-filled-error-caret-color: #fecaca;
  --mat-form-field-filled-error-focus-active-indicator-color: #fecaca;
  --mat-form-field-filled-error-focus-label-text-color: #fecaca;
  --mat-form-field-filled-error-hover-active-indicator-color: #fee2e2;
  --mat-form-field-filled-error-hover-label-text-color: #fee2e2;
  --mat-form-field-filled-error-label-text-color: #fecaca;
  --mat-form-field-filled-focus-active-indicator-color: #fecaca;
  --mat-form-field-filled-focus-label-text-color: #fecaca;
  --mat-form-field-filled-hover-active-indicator-color: #e5e7eb;
  --mat-form-field-filled-hover-label-text-color: #e5e7eb;
  --mat-form-field-filled-input-text-color: #e5e7eb;
  --mat-form-field-filled-input-text-placeholder-color: #e5e7eb;
  --mat-form-field-filled-label-text-color: #e5e7eb;
  --mat-form-field-focus-select-arrow-color: #fecaca;
  --mat-form-field-focus-state-layer-opacity: 0;
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-leading-icon-color: #e5e7eb;
  --mat-form-field-outlined-caret-color: #fecaca;
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-form-field-outlined-error-caret-color: #fecaca;
  --mat-form-field-outlined-error-focus-label-text-color: #fecaca;
  --mat-form-field-outlined-error-focus-outline-color: #fecaca;
  --mat-form-field-outlined-error-hover-label-text-color: #fee2e2;
  --mat-form-field-outlined-error-hover-outline-color: #fee2e2;
  --mat-form-field-outlined-error-label-text-color: #fecaca;
  --mat-form-field-outlined-error-outline-color: #fecaca;
  --mat-form-field-outlined-focus-label-text-color: #fecaca;
  --mat-form-field-outlined-focus-outline-color: #fecaca;
  --mat-form-field-outlined-hover-label-text-color: #e5e7eb;
  --mat-form-field-outlined-hover-outline-color: #e5e7eb;
  --mat-form-field-outlined-input-text-color: #e5e7eb;
  --mat-form-field-outlined-input-text-placeholder-color: #e5e7eb;
  --mat-form-field-outlined-label-text-color: #e5e7eb;
  --mat-form-field-outlined-outline-color: #6b7280;
  --mat-form-field-select-disabled-option-text-color: color-mix(in srgb, #0a0e14 38%, transparent);
  --mat-form-field-select-option-text-color: #0a0e14;
  --mat-form-field-state-layer-color: #e5e7eb;
  --mat-form-field-trailing-icon-color: #e5e7eb;
}
html.dark-theme .mat-warn.mat-datepicker-content {
  --mat-datepicker-calendar-body-label-text-color: #e5e7eb;
  --mat-datepicker-calendar-container-text-color: #e5e7eb;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e5e7eb 8%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: #202938;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #90f0d1;
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #005042;
  --mat-datepicker-calendar-date-in-range-state-background-color: #891b27;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-preview-state-outline-color: #fecaca;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-datepicker-calendar-date-selected-state-background-color: #fecaca;
  --mat-datepicker-calendar-date-selected-state-text-color: #5c1018;
  --mat-datepicker-calendar-date-text-color: #e5e7eb;
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-datepicker-calendar-date-today-outline-color: #fecaca;
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #fecaca;
  --mat-datepicker-calendar-header-divider-color: transparent;
  --mat-datepicker-calendar-header-text-color: #e5e7eb;
  --mat-datepicker-calendar-navigation-button-icon-color: #e5e7eb;
  --mat-datepicker-calendar-period-button-icon-color: #e5e7eb;
  --mat-datepicker-calendar-period-button-text-color: #e5e7eb;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-datepicker-range-input-separator-color: #e5e7eb;
  --mat-datepicker-toggle-active-state-icon-color: #fecaca;
  --mat-datepicker-toggle-icon-color: #e5e7eb;
}
html.dark-theme .mat-warn.mat-mdc-button-base {
  --mat-button-filled-container-color: #fecaca;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: #e5e7eb;
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.08;
  --mat-button-filled-label-text-color: #5c1018;
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, #5c1018 12%, transparent);
  --mat-button-filled-state-layer-color: #5c1018;
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-button-outlined-disabled-outline-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-button-outlined-disabled-state-layer-color: #e5e7eb;
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.08;
  --mat-button-outlined-label-text-color: #fecaca;
  --mat-button-outlined-outline-color: #6b7280;
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fecaca 12%, transparent);
  --mat-button-outlined-state-layer-color: #fecaca;
  --mat-button-protected-container-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-container-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-button-protected-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: #e5e7eb;
  --mat-button-protected-focus-container-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-container-elevation-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-button-protected-hover-state-layer-opacity: 0.08;
  --mat-button-protected-label-text-color: #fecaca;
  --mat-button-protected-pressed-container-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, #fecaca 12%, transparent);
  --mat-button-protected-state-layer-color: #fecaca;
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-button-text-disabled-state-layer-color: #e5e7eb;
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.08;
  --mat-button-text-label-text-color: #fecaca;
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, #fecaca 12%, transparent);
  --mat-button-text-state-layer-color: #fecaca;
  --mat-button-tonal-container-color: #891b27;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: #e5e7eb;
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.08;
  --mat-button-tonal-label-text-color: #fee2e2;
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #fee2e2 12%, transparent);
  --mat-button-tonal-state-layer-color: #fee2e2;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: #fecaca;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-icon-color: #fecaca;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fecaca 12%, transparent);
  --mat-icon-button-state-layer-color: #fecaca;
}
html.dark-theme .mat-warn.mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-chip-disabled-outline-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-chip-elevated-selected-container-color: #891b27;
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, #e5e7eb 12%, transparent);
  --mat-chip-focus-outline-color: #e5e7eb;
  --mat-chip-focus-state-layer-color: #e5e7eb;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: #e5e7eb;
  --mat-chip-hover-state-layer-opacity: 0.08;
  --mat-chip-label-text-color: #e5e7eb;
  --mat-chip-outline-color: #6b7280;
  --mat-chip-selected-disabled-trailing-icon-color: #e5e7eb;
  --mat-chip-selected-focus-state-layer-color: #fee2e2;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: #fee2e2;
  --mat-chip-selected-hover-state-layer-opacity: 0.08;
  --mat-chip-selected-label-text-color: #fee2e2;
  --mat-chip-selected-trailing-action-state-layer-color: #fee2e2;
  --mat-chip-selected-trailing-icon-color: #fee2e2;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0.12;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0.08;
  --mat-chip-trailing-action-state-layer-color: #e5e7eb;
  --mat-chip-with-icon-disabled-icon-color: #e5e7eb;
  --mat-chip-with-icon-icon-color: #e5e7eb;
  --mat-chip-with-icon-selected-icon-color: #fee2e2;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #e5e7eb;
  --mat-chip-with-trailing-icon-trailing-icon-color: #e5e7eb;
}
html.dark-theme .mat-warn .mdc-list-item__start,
html.dark-theme .mat-warn .mdc-list-item__end {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-checkbox-label-text-color: #e5e7eb;
  --mat-checkbox-selected-checkmark-color: #5c1018;
  --mat-checkbox-selected-focus-icon-color: #fecaca;
  --mat-checkbox-selected-focus-state-layer-color: #fecaca;
  --mat-checkbox-selected-hover-icon-color: #fecaca;
  --mat-checkbox-selected-hover-state-layer-color: #fecaca;
  --mat-checkbox-selected-icon-color: #fecaca;
  --mat-checkbox-selected-pressed-icon-color: #fecaca;
  --mat-checkbox-selected-pressed-state-layer-color: #e5e7eb;
  --mat-checkbox-unselected-focus-icon-color: #e5e7eb;
  --mat-checkbox-unselected-focus-state-layer-color: #e5e7eb;
  --mat-checkbox-unselected-hover-icon-color: #e5e7eb;
  --mat-checkbox-unselected-hover-state-layer-color: #e5e7eb;
  --mat-checkbox-unselected-icon-color: #e5e7eb;
  --mat-checkbox-unselected-pressed-state-layer-color: #fecaca;
  --mat-radio-checked-ripple-color: #fecaca;
  --mat-radio-disabled-label-color: color-mix(in srgb, #e5e7eb 38%, transparent);
  --mat-radio-disabled-selected-icon-color: #e5e7eb;
  --mat-radio-disabled-unselected-icon-color: #e5e7eb;
  --mat-radio-label-text-color: #e5e7eb;
  --mat-radio-ripple-color: #e5e7eb;
  --mat-radio-selected-focus-icon-color: #fecaca;
  --mat-radio-selected-hover-icon-color: #fecaca;
  --mat-radio-selected-icon-color: #fecaca;
  --mat-radio-selected-pressed-icon-color: #fecaca;
  --mat-radio-unselected-focus-icon-color: #e5e7eb;
  --mat-radio-unselected-hover-icon-color: #e5e7eb;
  --mat-radio-unselected-pressed-icon-color: #e5e7eb;
}
html.dark-theme .mat-badge-warn {
  --mat-badge-background-color: #fecaca;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, #fecaca 38%, transparent);
  --mat-badge-disabled-state-text-color: #5c1018;
  --mat-badge-text-color: #5c1018;
}
html.dark-theme {
  --mat-chip-elevated-selected-container-color: var(--primary);
  --mat-chip-selected-container-color: var(--primary);
  --mat-chip-selected-label-text-color: var(--on-primary);
  --mat-chip-with-icon-selected-icon-color: var(--on-primary);
  --mat-chip-outline-color: var(--divider);
  --mat-chip-elevated-container-color: var(--surface-2);
  --mat-chip-label-text-color: var(--text-primary);
  --mat-chip-with-icon-icon-color: var(--text-secondary);
  --mat-badge-background-color: var(--primary);
  --mat-badge-text-color: var(--white);
  --mat-badge-disabled-state-background-color: var(--surface-4);
  --mat-badge-disabled-state-text-color: var(--text-muted);
  --mat-dialog-container-max-width: 960px;
  --mat-menu-container-color: var(--surface-5);
  --mat-menu-item-label-text-color: var(--text-primary);
  --mat-menu-item-icon-color: var(--text-secondary);
  --mat-menu-item-hover-state-layer-color: var(--overlay-white-08);
  --mat-menu-item-focus-state-layer-color: var(--overlay-white-medium);
  --mat-bottom-sheet-container-background-color: var(--surface-4);
  --mat-expansion-container-background-color: var(--surface-1);
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-text-color: var(--text-primary);
  --mat-expansion-header-description-color: var(--text-secondary);
  --mat-sidenav-container-background-color: var(--surface-0);
  --mat-sidenav-content-background-color: var(--surface-0);
}
html.dark-theme .mat-mdc-table,
html.dark-theme .mat-table {
  background-color: transparent !important;
}
html.dark-theme .mat-mdc-table .mat-mdc-header-cell,
html.dark-theme .mat-mdc-table .mat-header-cell,
html.dark-theme .mat-mdc-table .mat-mdc-cell,
html.dark-theme .mat-mdc-table .mat-cell,
html.dark-theme .mat-mdc-table td.mat-cell,
html.dark-theme .mat-mdc-table td.mat-mdc-cell,
html.dark-theme .mat-mdc-table th.mat-header-cell,
html.dark-theme .mat-mdc-table th.mat-mdc-header-cell,
html.dark-theme .mat-table .mat-mdc-header-cell,
html.dark-theme .mat-table .mat-header-cell,
html.dark-theme .mat-table .mat-mdc-cell,
html.dark-theme .mat-table .mat-cell,
html.dark-theme .mat-table td.mat-cell,
html.dark-theme .mat-table td.mat-mdc-cell,
html.dark-theme .mat-table th.mat-header-cell,
html.dark-theme .mat-table th.mat-mdc-header-cell {
  background-color: transparent !important;
  color: var(--text-primary) !important;
  border-bottom-color: var(--divider) !important;
}
html.dark-theme .mat-mdc-table .mat-mdc-row,
html.dark-theme .mat-mdc-table .mat-row,
html.dark-theme .mat-mdc-table .mat-mdc-header-row,
html.dark-theme .mat-mdc-table .mat-header-row,
html.dark-theme .mat-mdc-table tr.mat-row,
html.dark-theme .mat-mdc-table tr.mat-mdc-row,
html.dark-theme .mat-mdc-table tr.mat-header-row,
html.dark-theme .mat-mdc-table tr.mat-mdc-header-row,
html.dark-theme .mat-table .mat-mdc-row,
html.dark-theme .mat-table .mat-row,
html.dark-theme .mat-table .mat-mdc-header-row,
html.dark-theme .mat-table .mat-header-row,
html.dark-theme .mat-table tr.mat-row,
html.dark-theme .mat-table tr.mat-mdc-row,
html.dark-theme .mat-table tr.mat-header-row,
html.dark-theme .mat-table tr.mat-mdc-header-row {
  background-color: transparent !important;
}
html.dark-theme .product-extra {
  background-color: var(--surface-4) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--divider) !important;
}
html.dark-theme .product-extra .mat-icon {
  color: var(--text-secondary) !important;
}
html.dark-theme .product-extra.green {
  background-color: var(--overlay-success-medium) !important;
  border: 1px solid var(--color-success-light) !important;
  color: var(--color-success-light) !important;
}
html.dark-theme .product-extra.red,
html.dark-theme .product-extra.product-future-price {
  background-color: var(--overlay-error-medium) !important;
  border: 1px solid var(--color-error-light) !important;
  color: var(--color-error-light) !important;
}
html.dark-theme .product-unit-price {
  background-color: var(--surface-2) !important;
  border-color: var(--surface-2) !important;
}
html.dark-theme .model-tag {
  color: var(--text-primary) !important;
  border-color: var(--divider) !important;
}
html.dark-theme .model-tag b {
  color: var(--text-primary) !important;
}
html.dark-theme .model-tag small {
  color: var(--text-secondary) !important;
}
html.dark-theme mat-chip-option,
html.dark-theme .mat-mdc-chip-option,
html.dark-theme mat-chip,
html.dark-theme .mat-mdc-chip {
  background-color: var(--surface-2) !important;
  border: 1px solid var(--overlay-white-medium) !important;
  color: var(--text-primary) !important;
}
html.dark-theme mat-chip-option .mdc-evolution-chip__text-label,
html.dark-theme mat-chip-option .mat-mdc-chip-action-label,
html.dark-theme .mat-mdc-chip-option .mdc-evolution-chip__text-label,
html.dark-theme .mat-mdc-chip-option .mat-mdc-chip-action-label,
html.dark-theme mat-chip .mdc-evolution-chip__text-label,
html.dark-theme mat-chip .mat-mdc-chip-action-label,
html.dark-theme .mat-mdc-chip .mdc-evolution-chip__text-label,
html.dark-theme .mat-mdc-chip .mat-mdc-chip-action-label {
  color: var(--text-primary) !important;
}
html.dark-theme mat-chip-option:hover,
html.dark-theme .mat-mdc-chip-option:hover,
html.dark-theme mat-chip:hover,
html.dark-theme .mat-mdc-chip:hover {
  background-color: var(--surface-3) !important;
  border-color: var(--overlay-white-20) !important;
}
html.dark-theme mat-chip-option.mat-mdc-chip-selected,
html.dark-theme mat-chip-option.mdc-evolution-chip--selected,
html.dark-theme mat-chip-option[aria-selected=true],
html.dark-theme .mat-mdc-chip-option.mat-mdc-chip-selected,
html.dark-theme .mat-mdc-chip-option.mdc-evolution-chip--selected,
html.dark-theme .mat-mdc-chip-option[aria-selected=true],
html.dark-theme mat-chip.mat-mdc-chip-selected,
html.dark-theme mat-chip.mdc-evolution-chip--selected,
html.dark-theme mat-chip[aria-selected=true],
html.dark-theme .mat-mdc-chip.mat-mdc-chip-selected,
html.dark-theme .mat-mdc-chip.mdc-evolution-chip--selected,
html.dark-theme .mat-mdc-chip[aria-selected=true] {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: var(--on-primary) !important;
}
html.dark-theme mat-chip-option.mat-mdc-chip-selected .mdc-evolution-chip__text-label,
html.dark-theme mat-chip-option.mat-mdc-chip-selected .mat-mdc-chip-action-label,
html.dark-theme mat-chip-option.mdc-evolution-chip--selected .mdc-evolution-chip__text-label,
html.dark-theme mat-chip-option.mdc-evolution-chip--selected .mat-mdc-chip-action-label,
html.dark-theme mat-chip-option[aria-selected=true] .mdc-evolution-chip__text-label,
html.dark-theme mat-chip-option[aria-selected=true] .mat-mdc-chip-action-label,
html.dark-theme .mat-mdc-chip-option.mat-mdc-chip-selected .mdc-evolution-chip__text-label,
html.dark-theme .mat-mdc-chip-option.mat-mdc-chip-selected .mat-mdc-chip-action-label,
html.dark-theme .mat-mdc-chip-option.mdc-evolution-chip--selected .mdc-evolution-chip__text-label,
html.dark-theme .mat-mdc-chip-option.mdc-evolution-chip--selected .mat-mdc-chip-action-label,
html.dark-theme .mat-mdc-chip-option[aria-selected=true] .mdc-evolution-chip__text-label,
html.dark-theme .mat-mdc-chip-option[aria-selected=true] .mat-mdc-chip-action-label,
html.dark-theme mat-chip.mat-mdc-chip-selected .mdc-evolution-chip__text-label,
html.dark-theme mat-chip.mat-mdc-chip-selected .mat-mdc-chip-action-label,
html.dark-theme mat-chip.mdc-evolution-chip--selected .mdc-evolution-chip__text-label,
html.dark-theme mat-chip.mdc-evolution-chip--selected .mat-mdc-chip-action-label,
html.dark-theme mat-chip[aria-selected=true] .mdc-evolution-chip__text-label,
html.dark-theme mat-chip[aria-selected=true] .mat-mdc-chip-action-label,
html.dark-theme .mat-mdc-chip.mat-mdc-chip-selected .mdc-evolution-chip__text-label,
html.dark-theme .mat-mdc-chip.mat-mdc-chip-selected .mat-mdc-chip-action-label,
html.dark-theme .mat-mdc-chip.mdc-evolution-chip--selected .mdc-evolution-chip__text-label,
html.dark-theme .mat-mdc-chip.mdc-evolution-chip--selected .mat-mdc-chip-action-label,
html.dark-theme .mat-mdc-chip[aria-selected=true] .mdc-evolution-chip__text-label,
html.dark-theme .mat-mdc-chip[aria-selected=true] .mat-mdc-chip-action-label {
  color: var(--on-primary) !important;
}
html.dark-theme mat-chip-option.mat-mdc-chip-selected .mdc-evolution-chip__checkmark,
html.dark-theme mat-chip-option.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark,
html.dark-theme mat-chip-option[aria-selected=true] .mdc-evolution-chip__checkmark,
html.dark-theme .mat-mdc-chip-option.mat-mdc-chip-selected .mdc-evolution-chip__checkmark,
html.dark-theme .mat-mdc-chip-option.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark,
html.dark-theme .mat-mdc-chip-option[aria-selected=true] .mdc-evolution-chip__checkmark,
html.dark-theme mat-chip.mat-mdc-chip-selected .mdc-evolution-chip__checkmark,
html.dark-theme mat-chip.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark,
html.dark-theme mat-chip[aria-selected=true] .mdc-evolution-chip__checkmark,
html.dark-theme .mat-mdc-chip.mat-mdc-chip-selected .mdc-evolution-chip__checkmark,
html.dark-theme .mat-mdc-chip.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark,
html.dark-theme .mat-mdc-chip[aria-selected=true] .mdc-evolution-chip__checkmark {
  color: var(--on-primary) !important;
}
html.dark-theme .mat-badge-content,
html.dark-theme .mat-mdc-badge-content {
  background-color: var(--primary) !important;
  color: var(--white) !important;
}
html.dark-theme .badge:not(button):not(.mat-mdc-button):not(.mat-mdc-icon-button),
html.dark-theme .counter:not(button),
html.dark-theme .count-badge:not(button),
html.dark-theme .quantity-chip,
html.dark-theme .item-count {
  background-color: var(--surface-5) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--divider);
}
html.dark-theme mat-expansion-panel .counter,
html.dark-theme mat-expansion-panel .badge:not(button),
html.dark-theme mat-expansion-panel .count,
html.dark-theme .mat-expansion-panel .counter,
html.dark-theme .mat-expansion-panel .badge:not(button),
html.dark-theme .mat-expansion-panel .count {
  background-color: var(--surface-5) !important;
  color: var(--text-primary) !important;
}
html.dark-theme mat-card,
html.dark-theme .mat-mdc-card {
  background-color: var(--surface-1) !important;
  border: 1px solid var(--divider) !important;
  box-shadow: 0 2px 4px var(--shadow-very-strong) !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  border-radius: 12px !important;
}
html.dark-theme mat-card::before,
html.dark-theme .mat-mdc-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: transparent;
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  border-radius: inherit;
  z-index: 1;
}
html.dark-theme mat-card:hover,
html.dark-theme .mat-mdc-card:hover {
  background-color: var(--surface-2) !important;
  border-color: var(--primary) !important;
  box-shadow: var(--card-shadow-hover) !important;
  transform: translateY(-2px);
}
html.dark-theme mat-card:hover::before,
html.dark-theme .mat-mdc-card:hover::before {
  background-color: var(--overlay-white-subtle);
}
html.dark-theme .product-card,
html.dark-theme .model-card,
html.dark-theme .seller-card,
html.dark-theme .order-card,
html.dark-theme .request-card,
html.dark-theme .drone-card,
html.dark-theme .kit-card {
  background-color: var(--surface-1) !important;
  border: 1px solid var(--divider) !important;
  border-radius: 12px !important;
}
html.dark-theme .product-card:hover,
html.dark-theme .model-card:hover,
html.dark-theme .seller-card:hover,
html.dark-theme .order-card:hover,
html.dark-theme .request-card:hover,
html.dark-theme .drone-card:hover,
html.dark-theme .kit-card:hover {
  background-color: var(--surface-2) !important;
  border-color: var(--primary) !important;
}
html.dark-theme .mat-mdc-unelevated-button.mat-primary,
html.dark-theme .mat-mdc-raised-button.mat-primary,
html.dark-theme .mat-mdc-flat-button.mat-primary,
html.dark-theme mat-dialog-actions .mat-mdc-unelevated-button.mat-primary,
html.dark-theme mat-dialog-actions .mat-mdc-raised-button.mat-primary,
html.dark-theme mat-dialog-actions .mat-mdc-flat-button.mat-primary,
html.dark-theme mat-toolbar .mat-mdc-unelevated-button.mat-primary,
html.dark-theme mat-toolbar .mat-mdc-raised-button.mat-primary,
html.dark-theme mat-toolbar .mat-mdc-flat-button.mat-primary {
  --mdc-filled-button-container-color: var(--button-primary-bg);
  --mdc-filled-button-label-text-color: var(--white);
  background-color: var(--button-primary-bg) !important;
  color: var(--white) !important;
}
html.dark-theme .mat-mdc-dialog-container .mdc-dialog__surface {
  background-color: var(--surface-4) !important;
  border: 1px solid var(--divider) !important;
  box-shadow: 0 24px 48px var(--shadow-intense) !important;
  max-width: 100% !important;
  width: 100% !important;
}
html.dark-theme .secondary-button-dark {
  background-color: var(--overlay-white-15) !important;
  border: 1px solid var(--overlay-white-40) !important;
  color: var(--text-primary) !important;
}
html.dark-theme .secondary-button-dark:hover {
  background-color: var(--overlay-white-25) !important;
  border-color: var(--overlay-white-strong) !important;
}
html.dark-theme .cdk-overlay-dark-backdrop {
  background-color: var(--shadow-overlay) !important;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
html.dark-theme .mat-mdc-menu-panel {
  border: 1px solid var(--divider);
  background-color: var(--surface-5) !important;
}
html.dark-theme .mat-mdc-menu-panel .mat-mdc-menu-content {
  background-color: transparent;
}
html.dark-theme .mat-mdc-menu-panel .mat-mdc-menu-item {
  color: var(--text-primary) !important;
}
html.dark-theme .mat-mdc-menu-panel .mat-mdc-menu-item .mat-icon {
  color: var(--text-secondary) !important;
}
html.dark-theme .mat-mdc-menu-panel .mat-mdc-menu-item:hover {
  background-color: var(--surface-6) !important;
}
html.dark-theme .mat-mdc-menu-panel .mat-mdc-menu-item:focus {
  background-color: var(--surface-6) !important;
}
html.dark-theme .mat-mdc-menu-panel .mat-mdc-menu-item.mat-mdc-menu-item-highlighted {
  background-color: var(--surface-6) !important;
}
html.dark-theme .mat-mdc-menu-panel .mat-mdc-menu-item.warn,
html.dark-theme .mat-mdc-menu-panel .mat-mdc-menu-item[color=warn] {
  color: var(--color-error) !important;
}
html.dark-theme .mat-mdc-menu-panel .mat-mdc-menu-item.warn .mat-icon,
html.dark-theme .mat-mdc-menu-panel .mat-mdc-menu-item[color=warn] .mat-icon {
  color: var(--color-error) !important;
}
html.dark-theme .mat-bottom-sheet-container {
  border-top: 1px solid var(--divider);
}
html.dark-theme mat-expansion-panel,
html.dark-theme .mat-expansion-panel,
html.dark-theme .mat-mdc-expansion-panel {
  background-color: var(--surface-1) !important;
  border: 1px solid var(--divider) !important;
  box-shadow: none !important;
}
html.dark-theme mat-expansion-panel .mat-expansion-panel-header,
html.dark-theme mat-expansion-panel .mat-mdc-expansion-panel-header,
html.dark-theme .mat-expansion-panel .mat-expansion-panel-header,
html.dark-theme .mat-expansion-panel .mat-mdc-expansion-panel-header,
html.dark-theme .mat-mdc-expansion-panel .mat-expansion-panel-header,
html.dark-theme .mat-mdc-expansion-panel .mat-mdc-expansion-panel-header {
  background-color: var(--surface-1) !important;
}
html.dark-theme mat-sidenav {
  background-color: var(--surface-1) !important;
  border-right: 1px solid var(--divider) !important;
}
html.dark-theme mat-toolbar {
  border-bottom: 1px solid var(--divider);
}
html.dark-theme .products-total,
html.dark-theme button.products-total,
html.dark-theme .mat-mdc-fab.products-total,
html.dark-theme .mat-mdc-extended-fab.products-total {
  background-color: var(--primary) !important;
  background: var(--primary) !important;
  border: none !important;
  color: var(--on-primary) !important;
}
html.dark-theme .products-total .mat-icon,
html.dark-theme button.products-total .mat-icon,
html.dark-theme .mat-mdc-fab.products-total .mat-icon,
html.dark-theme .mat-mdc-extended-fab.products-total .mat-icon {
  color: var(--on-primary) !important;
}
html.dark-theme .products-total.mat-mdc-fab.mat-mdc-button-disabled,
html.dark-theme .products-total.mat-mdc-button-disabled,
html.dark-theme .products-total[disabled],
html.dark-theme button.products-total.mat-mdc-fab.mat-mdc-button-disabled,
html.dark-theme button.products-total.mat-mdc-button-disabled,
html.dark-theme button.products-total[disabled],
html.dark-theme .mat-mdc-fab.products-total.mat-mdc-fab.mat-mdc-button-disabled,
html.dark-theme .mat-mdc-fab.products-total.mat-mdc-button-disabled,
html.dark-theme .mat-mdc-fab.products-total[disabled],
html.dark-theme .mat-mdc-extended-fab.products-total.mat-mdc-fab.mat-mdc-button-disabled,
html.dark-theme .mat-mdc-extended-fab.products-total.mat-mdc-button-disabled,
html.dark-theme .mat-mdc-extended-fab.products-total[disabled] {
  background-color: var(--primary) !important;
  background: var(--primary) !important;
  color: var(--on-primary) !important;
  opacity: 1 !important;
}
html.dark-theme .products-total.mat-mdc-fab.mat-mdc-button-disabled .mat-icon,
html.dark-theme .products-total.mat-mdc-button-disabled .mat-icon,
html.dark-theme .products-total[disabled] .mat-icon,
html.dark-theme button.products-total.mat-mdc-fab.mat-mdc-button-disabled .mat-icon,
html.dark-theme button.products-total.mat-mdc-button-disabled .mat-icon,
html.dark-theme button.products-total[disabled] .mat-icon,
html.dark-theme .mat-mdc-fab.products-total.mat-mdc-fab.mat-mdc-button-disabled .mat-icon,
html.dark-theme .mat-mdc-fab.products-total.mat-mdc-button-disabled .mat-icon,
html.dark-theme .mat-mdc-fab.products-total[disabled] .mat-icon,
html.dark-theme .mat-mdc-extended-fab.products-total.mat-mdc-fab.mat-mdc-button-disabled .mat-icon,
html.dark-theme .mat-mdc-extended-fab.products-total.mat-mdc-button-disabled .mat-icon,
html.dark-theme .mat-mdc-extended-fab.products-total[disabled] .mat-icon {
  color: var(--on-primary) !important;
}
html.dark-theme .products-total .products-total-text,
html.dark-theme button.products-total .products-total-text,
html.dark-theme .mat-mdc-fab.products-total .products-total-text,
html.dark-theme .mat-mdc-extended-fab.products-total .products-total-text {
  color: var(--on-primary);
}
html.dark-theme .products-total .products-total-text span,
html.dark-theme button.products-total .products-total-text span,
html.dark-theme .mat-mdc-fab.products-total .products-total-text span,
html.dark-theme .mat-mdc-extended-fab.products-total .products-total-text span {
  color: var(--on-primary);
}
html.dark-theme .products-total .products-total-text small,
html.dark-theme button.products-total .products-total-text small,
html.dark-theme .mat-mdc-fab.products-total .products-total-text small,
html.dark-theme .mat-mdc-extended-fab.products-total .products-total-text small {
  color: var(--on-primary);
  opacity: 0.8;
}
html.dark-theme .products-total .mdc-fab__label,
html.dark-theme .products-total .mdc-button__label,
html.dark-theme button.products-total .mdc-fab__label,
html.dark-theme button.products-total .mdc-button__label,
html.dark-theme .mat-mdc-fab.products-total .mdc-fab__label,
html.dark-theme .mat-mdc-fab.products-total .mdc-button__label,
html.dark-theme .mat-mdc-extended-fab.products-total .mdc-fab__label,
html.dark-theme .mat-mdc-extended-fab.products-total .mdc-button__label {
  color: var(--on-primary) !important;
}
html.dark-theme .apexcharts-tooltip {
  background: var(--surface-4) !important;
  border: 1px solid var(--divider) !important;
  box-shadow: 0 4px 8px var(--shadow-medium) !important;
}
html.dark-theme .apexcharts-tooltip .apexcharts-tooltip-title {
  background: var(--surface-5) !important;
  border-bottom: 1px solid var(--divider) !important;
  color: var(--text-primary) !important;
}
html.dark-theme .apexcharts-tooltip .apexcharts-tooltip-text,
html.dark-theme .apexcharts-tooltip .apexcharts-tooltip-text-y-label,
html.dark-theme .apexcharts-tooltip .apexcharts-tooltip-text-y-value,
html.dark-theme .apexcharts-tooltip .apexcharts-tooltip-text-goals-label,
html.dark-theme .apexcharts-tooltip .apexcharts-tooltip-text-goals-value,
html.dark-theme .apexcharts-tooltip .apexcharts-tooltip-text-z-label,
html.dark-theme .apexcharts-tooltip .apexcharts-tooltip-text-z-value {
  color: var(--text-primary) !important;
}
html.dark-theme .apexcharts-tooltip .apexcharts-tooltip-marker {
  border-color: var(--divider) !important;
}
html.dark-theme .mat-mdc-fab:not(.mat-primary):not(.mat-accent):not(.mat-warn),
html.dark-theme .mat-mdc-mini-fab:not(.mat-primary):not(.mat-accent):not(.mat-warn) {
  background-color: var(--surface-3) !important;
  border: 1px solid var(--divider) !important;
  color: var(--white) !important;
  box-shadow: 0 2px 4px var(--shadow-subtle) !important;
}
html.dark-theme .mat-mdc-fab:not(.mat-primary):not(.mat-accent):not(.mat-warn) .mat-icon,
html.dark-theme .mat-mdc-mini-fab:not(.mat-primary):not(.mat-accent):not(.mat-warn) .mat-icon {
  color: var(--primary) !important;
}
html.dark-theme .mat-mdc-fab:not(.mat-primary):not(.mat-accent):not(.mat-warn) .mdc-fab__ripple,
html.dark-theme .mat-mdc-mini-fab:not(.mat-primary):not(.mat-accent):not(.mat-warn) .mdc-fab__ripple {
  background-color: transparent !important;
}
html.dark-theme .mat-mdc-fab:not(.mat-primary):not(.mat-accent):not(.mat-warn):hover:not(:disabled),
html.dark-theme .mat-mdc-mini-fab:not(.mat-primary):not(.mat-accent):not(.mat-warn):hover:not(:disabled) {
  background-color: var(--surface-4) !important;
  border-color: var(--primary) !important;
  box-shadow: 0 4px 8px var(--shadow-medium) !important;
}
html.dark-theme .mat-mdc-fab:not(.mat-primary):not(.mat-accent):not(.mat-warn):active:not(:disabled),
html.dark-theme .mat-mdc-mini-fab:not(.mat-primary):not(.mat-accent):not(.mat-warn):active:not(:disabled) {
  background-color: var(--surface-5) !important;
}
html.dark-theme .mat-mdc-fab.mat-primary,
html.dark-theme .mat-mdc-mini-fab.mat-primary,
html.dark-theme .mat-mdc-fab.mat-accent,
html.dark-theme .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-container-color: var(--mat-sys-primary) !important;
  --mdc-fab-icon-color: var(--mat-sys-on-primary) !important;
  background-color: var(--mat-sys-primary) !important;
  border: none !important;
  color: var(--mat-sys-on-primary) !important;
  box-shadow: 0 2px 4px var(--shadow-subtle) !important;
}
html.dark-theme .mat-mdc-fab.mat-primary .mat-icon,
html.dark-theme .mat-mdc-mini-fab.mat-primary .mat-icon,
html.dark-theme .mat-mdc-fab.mat-accent .mat-icon,
html.dark-theme .mat-mdc-mini-fab.mat-accent .mat-icon {
  color: var(--mat-sys-on-primary) !important;
}
html.dark-theme .mat-mdc-fab.mat-primary span,
html.dark-theme .mat-mdc-mini-fab.mat-primary span,
html.dark-theme .mat-mdc-fab.mat-accent span,
html.dark-theme .mat-mdc-mini-fab.mat-accent span {
  color: var(--mat-sys-on-primary) !important;
}
html.dark-theme .mat-mdc-fab.mat-primary .mdc-fab__ripple,
html.dark-theme .mat-mdc-mini-fab.mat-primary .mdc-fab__ripple,
html.dark-theme .mat-mdc-fab.mat-accent .mdc-fab__ripple,
html.dark-theme .mat-mdc-mini-fab.mat-accent .mdc-fab__ripple {
  background-color: transparent !important;
}
html.dark-theme .mat-mdc-fab.mat-primary:hover:not(:disabled),
html.dark-theme .mat-mdc-mini-fab.mat-primary:hover:not(:disabled),
html.dark-theme .mat-mdc-fab.mat-accent:hover:not(:disabled),
html.dark-theme .mat-mdc-mini-fab.mat-accent:hover:not(:disabled) {
  background-color: var(--color-primary-light) !important;
  box-shadow: 0 4px 8px var(--shadow-medium) !important;
}
html.dark-theme .mat-mdc-fab.mat-primary:active:not(:disabled),
html.dark-theme .mat-mdc-mini-fab.mat-primary:active:not(:disabled),
html.dark-theme .mat-mdc-fab.mat-accent:active:not(:disabled),
html.dark-theme .mat-mdc-mini-fab.mat-accent:active:not(:disabled) {
  background-color: var(--color-primary-dark) !important;
}
html.dark-theme .mat-mdc-fab.mat-primary:disabled,
html.dark-theme .mat-mdc-mini-fab.mat-primary:disabled,
html.dark-theme .mat-mdc-fab.mat-accent:disabled,
html.dark-theme .mat-mdc-mini-fab.mat-accent:disabled {
  background-color: var(--overlay-white-08) !important;
  border-color: var(--overlay-white-medium) !important;
  color: var(--overlay-white-38) !important;
}
html.dark-theme {
  --mdc-filled-text-field-container-color: var(--surface-2);
  --mdc-filled-text-field-disabled-container-color: var(--surface-1);
  --mdc-filled-text-field-hover-container-color: var(--surface-3);
  --mdc-filled-text-field-focus-container-color: var(--surface-3);
  --mat-select-panel-background-color: var(--surface-3);
  --mat-select-enabled-trigger-text-color: var(--text-primary);
  --mat-select-disabled-trigger-text-color: var(--text-muted);
  --mdc-filled-text-field-label-text-color: var(--text-secondary);
  --mdc-filled-text-field-input-text-color: var(--text-primary);
  --mdc-filled-text-field-disabled-label-text-color: var(--text-muted);
  --mdc-filled-text-field-disabled-input-text-color: var(--text-muted);
  --mdc-outlined-text-field-container-shape: 8px;
  --mdc-outlined-text-field-outline-color: var(--divider);
  --mdc-outlined-text-field-hover-outline-color: var(--text-secondary);
  --mdc-outlined-text-field-focus-outline-color: var(--primary);
  --mdc-filled-text-field-active-indicator-color: var(--divider);
  --mdc-filled-text-field-hover-active-indicator-color: var(--text-secondary);
  --mdc-filled-text-field-focus-active-indicator-color: var(--primary);
  --mat-autocomplete-background-color: var(--surface-3);
}
html.dark-theme .mat-mdc-form-field .mdc-text-field--filled {
  background-color: var(--surface-2) !important;
  border-radius: 8px 8px 0 0;
}
html.dark-theme .mat-mdc-form-field .mdc-text-field--filled:hover {
  background-color: var(--surface-3) !important;
}
html.dark-theme .mat-mdc-form-field .mdc-text-field--filled.mdc-text-field--focused {
  background-color: var(--surface-3) !important;
}
html.dark-theme .mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline__leading,
html.dark-theme .mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline__notch,
html.dark-theme .mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline__trailing {
  border-color: var(--divider) !important;
}
html.dark-theme .mat-mdc-form-field .mdc-text-field--outlined:hover .mdc-notched-outline__leading,
html.dark-theme .mat-mdc-form-field .mdc-text-field--outlined:hover .mdc-notched-outline__notch,
html.dark-theme .mat-mdc-form-field .mdc-text-field--outlined:hover .mdc-notched-outline__trailing {
  border-color: var(--text-secondary) !important;
}
html.dark-theme .mat-mdc-form-field .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__leading,
html.dark-theme .mat-mdc-form-field .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__notch,
html.dark-theme .mat-mdc-form-field .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: var(--primary) !important;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px / 32px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px / 32px Roboto, sans-serif;
  letter-spacing: 0.0125em;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
  margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px / 24px Roboto, sans-serif;
  letter-spacing: 0.03125em;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px / 22px Roboto, sans-serif;
  letter-spacing: 0.0071428571em;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px / 20px Roboto, sans-serif;
  letter-spacing: 0.0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px Roboto, sans-serif;
  letter-spacing: 0.0333333333em;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px / 96px Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px / 60px Roboto, sans-serif;
  letter-spacing: -0.0083333333em;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px / 50px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px / 40px Roboto, sans-serif;
  letter-spacing: 0.0073529412em;
  margin: 0 0 64px;
}
html,
body {
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding: 0;
  margin: 0;
  font-family: "Roboto", sans-serif;
}
a {
  color: var(--link-color);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
.grecaptcha-badge {
  visibility: hidden;
}
.grid-view {
  display: grid;
  grid-gap: 8px;
  width: 100%;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}
.grid-view.truncated {
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}
.list-view {
  display: grid;
  grid-gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(600px, auto));
}
.card-label {
  padding: 4px 8px;
  font-size: 10px;
  background-color: var(--badge-bg);
  color: var(--badge-text);
  border-radius: 10px;
}
.flex-truncated {
  min-width: 0;
}
.badge {
  padding: 0.2em 1em;
  border-radius: 1em;
  display: inline-block;
}
.fs-xs {
  font-size: 0.6em;
}
.tags-wrapper {
  margin: -0.2em;
}
.tag {
  padding: 0.2em 1em;
  border-radius: 1em;
  display: inline-block;
  border-style: solid;
  border-width: 1px;
  border-color: var(--divider);
  color: var(--text-secondary);
  font-size: 0.6em;
  margin: 0.2em;
  line-height: 1.2em;
}
table.table {
  border-collapse: collapse;
}
table.table td,
table.table th {
  border: 1px solid var(--divider);
  padding: 2px 8px;
}
.alert {
  padding: 8px 12px;
  border-radius: 3px;
  font-size: 0.8em;
  line-height: 1.2em;
}
.inline-img {
  display: inline-block;
  height: 1em;
}
.mat-drawer {
  width: var(--aside-width) !important;
}
html {
  --card-gap: 16px;
  --card-width: 256px;
  --aside-width: 256px;
}
html {
  --mat-bottom-sheet-container-background-color: var(--bg-card);
}
html {
  --mat-chip-container-height: 32px;
  --mat-chip-elevated-selected-container-color: var(--gray-333);
  --mat-chip-selected-label-text-color: var(--white);
  --mat-chip-with-icon-selected-icon-color: var(--white);
  --mat-chip-outline-color: var(--text-muted);
}
html .mdc-evolution-chip__text-label {
  gap: 8px;
  display: flex;
  align-items: center;
}
html {
  --mat-menu-container-shape: 20px;
  --mat-menu-container-color: var(--bg-card);
}
html .mat-mdc-menu-panel {
  margin-top: 8px;
  max-width: 480px;
  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);
}
html {
  --mat-card-elevated-container-color: var(--bg-card);
}
html {
  --mat-divider-color: var(--divider);
}
html {
  --mat-sidenav-container-divider-color: var(--divider);
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-background-color: var(--bg-app);
  --mat-sidenav-content-background-color: var(--bg-app);
}
html {
  --mat-expansion-container-background-color: var(--bg-card);
}
html {
  --mat-dialog-container-max-width: 960px;
}
html .mat-mdc-dialog-container .mdc-dialog__surface {
  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);
}
html .mat-mdc-dialog-component-host {
  max-height: calc(var(--app-height, 100vh) - 96px);
}
html .mat-mdc-dialog-content {
  max-height: initial;
}
html .is-mobile div.mobile-fullscreen {
  --mat-dialog-container-shape: 0px;
  --mat-dialog-container-small-max-width: 100%;
  min-width: 100vw !important;
}
html .is-mobile .mat-mdc-dialog-component-host {
  max-height: var(--app-height, 100vh);
}
html .mat-mdc-raised-button,
html .mat-mdc-unelevated-button,
html .mat-mdc-flat-button {
  min-height: 40px;
  font-weight: 500;
  letter-spacing: 0.01em;
  border-radius: 20px;
}
html .mat-mdc-outlined-button {
  min-height: 40px;
  font-weight: 500;
  border-radius: 20px;
}
html .mat-mdc-button {
  min-height: 40px;
  font-weight: 500;
}
html .mat-mdc-unelevated-button.mat-primary,
html .mat-mdc-raised-button.mat-primary,
html .mat-mdc-flat-button.mat-primary {
  --mdc-filled-button-label-text-color: var(--white) !important;
  color: var(--white) !important;
}
html html.dark-theme .mat-mdc-raised-button.mat-primary,
html html.dark-theme .mat-mdc-unelevated-button.mat-primary,
html html.dark-theme .mat-mdc-flat-button.mat-primary {
  --mdc-filled-button-container-color: var(--mat-sys-primary) !important;
  --mdc-filled-button-label-text-color: var(--mat-sys-on-primary) !important;
  --mdc-protected-button-container-color: var(--mat-sys-primary) !important;
  --mdc-protected-button-label-text-color: var(--mat-sys-on-primary) !important;
  background-color: var(--mat-sys-primary) !important;
  color: var(--mat-sys-on-primary) !important;
}
html html.dark-theme .mat-mdc-raised-button.mat-primary:hover:not(:disabled),
html html.dark-theme .mat-mdc-unelevated-button.mat-primary:hover:not(:disabled),
html html.dark-theme .mat-mdc-flat-button.mat-primary:hover:not(:disabled) {
  background-color: #5a7aff !important;
}
html html.dark-theme .mat-mdc-raised-button.mat-primary:active:not(:disabled),
html html.dark-theme .mat-mdc-unelevated-button.mat-primary:active:not(:disabled),
html html.dark-theme .mat-mdc-flat-button.mat-primary:active:not(:disabled) {
  background-color: #4c72ff !important;
}
html html.dark-theme .mat-mdc-raised-button.mat-primary:disabled,
html html.dark-theme .mat-mdc-unelevated-button.mat-primary:disabled,
html html.dark-theme .mat-mdc-flat-button.mat-primary:disabled {
  background-color: var(--overlay-white-medium) !important;
  color: var(--overlay-white-38) !important;
}
html html.dark-theme .mat-mdc-raised-button.mat-accent,
html html.dark-theme .mat-mdc-unelevated-button.mat-accent,
html html.dark-theme .mat-mdc-flat-button.mat-accent {
  --mdc-filled-button-container-color: var(--mat-sys-primary) !important;
  --mdc-filled-button-label-text-color: var(--mat-sys-on-primary) !important;
  --mdc-protected-button-container-color: var(--mat-sys-primary) !important;
  --mdc-protected-button-label-text-color: var(--mat-sys-on-primary) !important;
  background-color: var(--mat-sys-primary) !important;
  color: var(--mat-sys-on-primary) !important;
}
html html.dark-theme .mat-mdc-raised-button.mat-accent:hover:not(:disabled),
html html.dark-theme .mat-mdc-unelevated-button.mat-accent:hover:not(:disabled),
html html.dark-theme .mat-mdc-flat-button.mat-accent:hover:not(:disabled) {
  background-color: #5a7aff !important;
}
html html.dark-theme .mat-mdc-raised-button.mat-warn,
html html.dark-theme .mat-mdc-unelevated-button.mat-warn,
html html.dark-theme .mat-mdc-flat-button.mat-warn {
  background-color: #fecaca !important;
  color: #5c1018 !important;
}
html html.dark-theme .mat-mdc-raised-button.mat-warn:hover:not(:disabled),
html html.dark-theme .mat-mdc-unelevated-button.mat-warn:hover:not(:disabled),
html html.dark-theme .mat-mdc-flat-button.mat-warn:hover:not(:disabled) {
  background-color: #fecaca !important;
}
html html.dark-theme .mat-mdc-outlined-button {
  --mdc-outlined-button-outline-color: var(--overlay-white-medium) !important;
  border-color: var(--overlay-white-medium) !important;
}
html html.dark-theme .mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #5a7aff !important;
  color: #5a7aff !important;
}
html html.dark-theme .mat-mdc-outlined-button.mat-primary:hover:not(:disabled) {
  --mdc-outlined-button-outline-color: var(--overlay-white-20) !important;
  background-color: var(--overlay-primary-08) !important;
}
html html.dark-theme .mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #5a7aff !important;
  color: #5a7aff !important;
}
html html.dark-theme .mat-mdc-outlined-button.mat-accent:hover:not(:disabled) {
  background-color: var(--shadow-overlay-medium) !important;
}
html html.dark-theme .mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #fecaca !important;
  color: #fecaca !important;
}
html html.dark-theme .mat-mdc-outlined-button.mat-warn:hover:not(:disabled) {
  background-color: var(--overlay-error-05) !important;
}
html html.dark-theme .mat-mdc-button:not(.mat-primary):not(.mat-accent):not(.mat-warn),
html html.dark-theme mat-dialog-actions .mat-mdc-button:not(.mat-primary):not(.mat-accent):not(.mat-warn) {
  --mdc-text-button-label-text-color: var(--color-primary-light) !important;
  color: var(--color-primary-light) !important;
}
html html.dark-theme .mat-mdc-button:not(.mat-primary):not(.mat-accent):not(.mat-warn) mat-icon,
html html.dark-theme mat-dialog-actions .mat-mdc-button:not(.mat-primary):not(.mat-accent):not(.mat-warn) mat-icon {
  color: var(--color-primary-light) !important;
}
html html.dark-theme .mat-mdc-button:not(.mat-primary):not(.mat-accent):not(.mat-warn):hover:not(:disabled),
html html.dark-theme mat-dialog-actions .mat-mdc-button:not(.mat-primary):not(.mat-accent):not(.mat-warn):hover:not(:disabled) {
  background-color: var(--overlay-primary-08) !important;
}
html html.dark-theme .mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #5a7aff !important;
  color: #5a7aff !important;
}
html html.dark-theme .mat-mdc-button.mat-primary:hover:not(:disabled) {
  background-color: var(--overlay-primary-08) !important;
}
html html.dark-theme .mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #5a7aff !important;
  color: #5a7aff !important;
}
html html.dark-theme .mat-mdc-button.mat-accent:hover:not(:disabled) {
  background-color: var(--shadow-overlay-medium) !important;
}
html html.dark-theme .mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #fecaca !important;
  color: #fecaca !important;
}
html html.dark-theme .mat-mdc-button.mat-warn:hover:not(:disabled) {
  background-color: var(--overlay-error-05) !important;
}
html html.dark-theme .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #5a7aff !important;
  color: #5a7aff !important;
}
html html.dark-theme .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #5a7aff !important;
  color: #5a7aff !important;
}
html html.dark-theme .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #fecaca !important;
  color: #fecaca !important;
}
html html.dark-theme .mat-mdc-fab,
html html.dark-theme .mat-mdc-mini-fab {
  --mdc-fab-container-color: var(--mat-sys-primary) !important;
  --mdc-fab-icon-color: var(--mat-sys-on-primary) !important;
  background-color: var(--mat-sys-primary) !important;
  color: var(--mat-sys-on-primary) !important;
}
html html.dark-theme .mat-mdc-fab.mat-primary,
html html.dark-theme .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-container-color: var(--mat-sys-primary) !important;
  --mdc-fab-icon-color: var(--mat-sys-on-primary) !important;
  background-color: var(--mat-sys-primary) !important;
  color: var(--mat-sys-on-primary) !important;
}
html html.dark-theme .mat-mdc-fab.mat-accent,
html html.dark-theme .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-container-color: var(--mat-sys-primary) !important;
  --mdc-fab-icon-color: var(--mat-sys-on-primary) !important;
  background-color: var(--mat-sys-primary) !important;
  color: var(--mat-sys-on-primary) !important;
}
html html.dark-theme .mdc-button--raised.mat-mdc-raised-button.mat-primary,
html html.dark-theme .mdc-button--unelevated.mat-mdc-unelevated-button.mat-primary,
html html.dark-theme .mdc-button.mat-mdc-flat-button.mat-primary,
html html.dark-theme a.mdc-button--raised.mat-mdc-raised-button.mat-primary,
html html.dark-theme a.mdc-button--unelevated.mat-mdc-unelevated-button.mat-primary,
html html.dark-theme a.mdc-button.mat-mdc-flat-button.mat-primary,
html html.dark-theme button.mdc-button--raised.mat-mdc-raised-button.mat-primary,
html html.dark-theme button.mdc-button--unelevated.mat-mdc-unelevated-button.mat-primary,
html html.dark-theme button.mdc-button.mat-mdc-flat-button.mat-primary {
  background-color: var(--mat-sys-primary) !important;
  color: var(--mat-sys-on-primary) !important;
}
html html.dark-theme .mdc-button--raised.mat-primary,
html html.dark-theme .mdc-button--unelevated.mat-primary {
  background-color: #5a7aff !important;
  color: #131a2b !important;
}
html html.dark-theme .mdc-button--outlined.mat-primary {
  border-color: var(--overlay-white-medium) !important;
  color: #5a7aff !important;
}
html .mat-mdc-button:focus-visible,
html .mat-mdc-raised-button:focus-visible,
html .mat-mdc-outlined-button:focus-visible,
html .mat-mdc-unelevated-button:focus-visible,
html .mat-mdc-flat-button:focus-visible,
html .mat-mdc-icon-button:focus-visible,
html .mat-mdc-fab:focus-visible,
html .mat-mdc-mini-fab:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}
html .mat-datepicker-content {
  background-color: var(--bg-card);
  border-radius: 16px;
  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);
}
html {
  --mat-table-row-item-outline-color: var(--divider);
}
html {
  --mat-select-panel-background-color: var(--bg-card);
}
html div.mat-mdc-select-panel {
  border-radius: 12px;
  overflow: auto;
}
html .mdc-list-item__primary-text {
  flex: 1;
}
html .mat-mdc-optgroup-label .mdc-list-item__primary-text {
  color: var(--text-secondary);
}
html {
  --mat-snackbar-container-shape: 12px;
}
html {
  --mat-tooltip-container-shape: 12px;
  --mat-tooltip-container-color: var(--gray-tooltip-bg);
  --mat-tooltip-supporting-text-color: var(--white);
}
html .mdc-tooltip__surface {
  max-width: 220px;
  background-color: var(--gray-tooltip-bg) !important;
  color: var(--white) !important;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 500;
  box-shadow: 0 4px 12px var(--shadow-medium);
}
html {
  --mat-autocomplete-container-shape: 8px;
  --mat-autocomplete-background-color: var(--bg-card);
}
html {
  --mat-form-field-filled-container-shape: 8px;
}
html mat-form-field {
  width: 100%;
}
.mat-mdc-icon-button.mat-mdc-button-base.mat-icon-button-xsm {
  padding: 0px;
  height: 16px;
  width: 16px;
  line-height: 16px;
}
.mat-mdc-icon-button.mat-mdc-button-base .mat-icon {
  height: 16px;
  width: 16px;
  font-size: 16px;
}
.is-active .mdc-list-item__primary-text {
  color: #bbdefb;
}
@media screen and (max-width: 959.98px) {
  body {
    --card-width: calc((100vw - 32px - 16px) / 2);
  }
}
@media screen and (min-width: 1360px) {
  html {
    --aside-width: calc(100vw - 0.5px - 1104px);
  }
}
@media screen and (min-width: 1632px) {
  html {
    --aside-width: calc(100vw - 0.5px - 1376px);
  }
}
@media screen and (min-width: 1904px) {
  html {
    --aside-width: calc(100vw - 0.5px - 1648px);
  }
}
@media screen and (min-width: 2176px) {
  html {
    --aside-width: calc(100vw - 0.5px - 1920px);
  }
}
@media screen and (min-width: 2448px) {
  html {
    --aside-width: calc(100vw - 0.5px - 2192px);
  }
}
@media screen and (min-width: 2720px) {
  html {
    --aside-width: calc(100vw - 0.5px - 2464px);
  }
}
@media screen and (min-width: 2992px) {
  html {
    --aside-width: calc(100vw - 0.5px - 2736px);
  }
}
[matsuffix] {
  margin-right: 8px;
}
.button-loading .mdc-button__label {
  transition: opacity 0.2s ease;
}
.button-loading .mat-mdc-progress-spinner {
  opacity: 0;
  position: absolute;
  transition: opacity 0.2s ease;
}
.button-loading .mat-mdc-progress-spinner circle {
  stroke: var(--on-primary);
}
.button-loading.mat-mdc-mini-fab .mat-mdc-progress-spinner circle {
  stroke: #0064bf;
}
.button-loading.button-loading__active {
  pointer-events: none;
}
.button-loading.button-loading__active .mdc-button__label,
.button-loading.button-loading__active .mat-icon {
  opacity: 0;
}
.button-loading.button-loading__active .mat-mdc-progress-spinner {
  opacity: 1;
}
.flex {
  gap: 8px;
  display: flex;
  align-items: center;
}
.flex.column {
  gap: 0;
  flex-direction: column;
  align-items: initial;
}
.flex.between {
  justify-content: space-between;
}
.spacer {
  flex: 1;
}
@keyframes btnWiggle {
  0% {
    -webkit-transform: rotate(0deg);
  }
  2% {
    -webkit-transform: rotate(-1deg);
  }
  3.5% {
    -webkit-transform: rotate(1deg);
  }
  5% {
    -webkit-transform: rotate(0deg);
  }
  7% {
    -webkit-transform: rotate(-2deg);
  }
  8.5% {
    -webkit-transform: rotate(2deg);
  }
  10% {
    -webkit-transform: rotate(0deg);
  }
  12% {
    -webkit-transform: rotate(-2deg);
  }
  13.5% {
    -webkit-transform: rotate(2deg);
  }
  15% {
    -webkit-transform: rotate(0deg);
  }
  17% {
    -webkit-transform: rotate(-2deg);
  }
  18.5% {
    -webkit-transform: rotate(2deg);
  }
  20% {
    -webkit-transform: rotate(0deg);
  }
  22% {
    -webkit-transform: rotate(-2deg);
  }
  23.5% {
    -webkit-transform: rotate(2deg);
  }
  25% {
    -webkit-transform: rotate(0deg);
  }
  27% {
    -webkit-transform: rotate(-1deg);
  }
  28.5% {
    -webkit-transform: rotate(1deg);
  }
  30% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
.hide-md,
.hide-lg {
  display: none;
}
html .mat-mdc-dialog-container {
  max-width: none !important;
}
html.dark-theme .mat-mdc-dialog-container {
  max-width: none !important;
}
html:not(.dark-theme) .notification {
  background-color: var(--gray-border) !important;
  border-color: var(--shadow-strong) !important;
}
html:not(.dark-theme) .notification.clickable:hover {
  background-color: var(--divider) !important;
}
html.dark-theme .notification {
  background-color: var(--black) !important;
  border-color: var(--overlay-white-20) !important;
}
html.dark-theme .notification.clickable:hover {
  background-color: var(--black) !important;
  filter: brightness(1.2);
}
html.dark-theme .notifications .mat-button-toggle-checked {
  background-color: var(--overlay-primary-20) !important;
  color: var(--color-primary-light) !important;
}
html.dark-theme .mat-mdc-menu-content .link-active {
  background-color: var(--overlay-primary-20) !important;
  color: var(--color-primary-light) !important;
}
html.dark-theme .mat-mdc-menu-content .link-active .mat-icon {
  color: var(--color-primary-light) !important;
}
html.dark-theme .mat-mdc-menu-content .link-active:hover {
  background-color: var(--overlay-primary-30) !important;
}
html.dark-theme .language-menu .language-menu-item.active {
  background-color: var(--overlay-primary-20) !important;
}
html.dark-theme .language-menu .language-menu-item.active .menu-item-name {
  color: var(--color-primary-light) !important;
}
html.dark-theme .language-menu .language-menu-item.active .check-icon {
  color: var(--color-primary-light) !important;
}
html.dark-theme .language-menu .language-menu-item.active:hover {
  background-color: var(--overlay-primary-30) !important;
}
html.dark-theme .language-menu .language-menu-item:hover:not(.active) {
  background-color: var(--surface-2) !important;
}
html:not(.dark-theme) .mat-mdc-fab:not(.active),
html:not(.dark-theme) .mat-mdc-mini-fab:not(.active) {
  --mdc-fab-container-color: var(--fab-container-bg) !important;
  --mdc-fab-icon-color: var(--primary) !important;
  background-color: var(--fab-container-bg) !important;
  color: var(--primary) !important;
}
html:not(.dark-theme) .mat-mdc-fab:not(.active) mat-icon,
html:not(.dark-theme) .mat-mdc-fab:not(.active) .mat-icon,
html:not(.dark-theme) .mat-mdc-mini-fab:not(.active) mat-icon,
html:not(.dark-theme) .mat-mdc-mini-fab:not(.active) .mat-icon {
  color: var(--primary) !important;
}
html:not(.dark-theme) .mat-mdc-fab:not(.active) span,
html:not(.dark-theme) .mat-mdc-mini-fab:not(.active) span {
  color: var(--primary) !important;
}
html:not(.dark-theme) .mat-mdc-fab.active,
html:not(.dark-theme) .mat-mdc-mini-fab.active,
html:not(.dark-theme) button.active.mat-mdc-fab,
html:not(.dark-theme) button.active.mat-mdc-mini-fab {
  --mdc-fab-container-color: var(--primary) !important;
  --mdc-fab-icon-color: var(--on-primary) !important;
  background-color: var(--primary) !important;
  color: var(--on-primary) !important;
}
html:not(.dark-theme) .mat-mdc-fab.active mat-icon,
html:not(.dark-theme) .mat-mdc-fab.active .mat-icon,
html:not(.dark-theme) .mat-mdc-mini-fab.active mat-icon,
html:not(.dark-theme) .mat-mdc-mini-fab.active .mat-icon,
html:not(.dark-theme) button.active.mat-mdc-fab mat-icon,
html:not(.dark-theme) button.active.mat-mdc-fab .mat-icon,
html:not(.dark-theme) button.active.mat-mdc-mini-fab mat-icon,
html:not(.dark-theme) button.active.mat-mdc-mini-fab .mat-icon {
  color: var(--on-primary) !important;
}
html:not(.dark-theme) .mat-mdc-fab.active span,
html:not(.dark-theme) .mat-mdc-mini-fab.active span,
html:not(.dark-theme) button.active.mat-mdc-fab span,
html:not(.dark-theme) button.active.mat-mdc-mini-fab span {
  color: var(--on-primary) !important;
}
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button {
  --mdc-filled-button-container-color: var(--button-tonal-bg) !important;
  --mdc-filled-button-label-text-color: var(--button-tonal-text) !important;
  background-color: var(--button-tonal-bg) !important;
  color: var(--button-tonal-text) !important;
}
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary .mdc-button__label,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary .mdc-button__label,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary .mdc-button__label,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button .mdc-button__label,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button .mdc-button__label {
  color: var(--button-tonal-text) !important;
}
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary mat-icon,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary mat-icon,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary mat-icon,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button mat-icon,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button mat-icon {
  color: var(--button-tonal-text) !important;
}
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.received,
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.picked,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.received,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.picked,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.received,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.picked,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.received,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.picked,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.received,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.picked {
  background-color: var(--status-btn-received-bg) !important;
  color: var(--status-btn-received-text) !important;
}
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.received .mdc-button__label,
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.received mat-icon,
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.received span,
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.picked .mdc-button__label,
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.picked mat-icon,
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.picked span,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.received .mdc-button__label,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.received mat-icon,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.received span,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.picked .mdc-button__label,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.picked mat-icon,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.picked span,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.received .mdc-button__label,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.received mat-icon,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.received span,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.picked .mdc-button__label,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.picked mat-icon,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.picked span,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.received .mdc-button__label,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.received mat-icon,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.received span,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.picked .mdc-button__label,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.picked mat-icon,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.picked span,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.received .mdc-button__label,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.received mat-icon,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.received span,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.picked .mdc-button__label,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.picked mat-icon,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.picked span {
  color: var(--status-btn-received-text) !important;
}
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.delivered,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.delivered,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.delivered,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.delivered,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.delivered {
  background-color: var(--status-btn-delivered-bg) !important;
  color: var(--status-btn-delivered-text) !important;
}
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.delivered .mdc-button__label,
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.delivered mat-icon,
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.delivered span,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.delivered .mdc-button__label,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.delivered mat-icon,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.delivered span,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.delivered .mdc-button__label,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.delivered mat-icon,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.delivered span,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.delivered .mdc-button__label,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.delivered mat-icon,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.delivered span,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.delivered .mdc-button__label,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.delivered mat-icon,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.delivered span {
  color: var(--status-btn-delivered-text) !important;
}
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.shipped,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.shipped,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.shipped,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.shipped,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.shipped {
  background-color: var(--status-btn-shipped-bg) !important;
  color: var(--status-btn-shipped-text) !important;
}
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.shipped .mdc-button__label,
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.shipped mat-icon,
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.shipped span,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.shipped .mdc-button__label,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.shipped mat-icon,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.shipped span,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.shipped .mdc-button__label,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.shipped mat-icon,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.shipped span,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.shipped .mdc-button__label,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.shipped mat-icon,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.shipped span,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.shipped .mdc-button__label,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.shipped mat-icon,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.shipped span {
  color: var(--status-btn-shipped-text) !important;
}
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.ordered,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.ordered,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.ordered,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.ordered,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.ordered {
  background-color: var(--status-btn-ordered-bg) !important;
  color: var(--status-btn-ordered-text) !important;
}
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.ordered .mdc-button__label,
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.ordered mat-icon,
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.ordered span,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.ordered .mdc-button__label,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.ordered mat-icon,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.ordered span,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.ordered .mdc-button__label,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.ordered mat-icon,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.ordered span,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.ordered .mdc-button__label,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.ordered mat-icon,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.ordered span,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.ordered .mdc-button__label,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.ordered mat-icon,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.ordered span {
  color: var(--status-btn-ordered-text) !important;
}
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.partial,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.partial,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.partial,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.partial,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.partial {
  background-color: var(--status-btn-partial-bg) !important;
  color: var(--status-btn-partial-text) !important;
}
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.partial .mdc-button__label,
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.partial mat-icon,
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.partial span,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.partial .mdc-button__label,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.partial mat-icon,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.partial span,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.partial .mdc-button__label,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.partial mat-icon,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.partial span,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.partial .mdc-button__label,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.partial mat-icon,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.partial span,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.partial .mdc-button__label,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.partial mat-icon,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.partial span {
  color: var(--status-btn-partial-text) !important;
}
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.problem,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.problem,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.problem,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.problem,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.problem {
  background-color: var(--status-btn-problem-bg) !important;
  color: var(--status-btn-problem-text) !important;
}
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.problem .mdc-button__label,
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.problem mat-icon,
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.problem span,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.problem .mdc-button__label,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.problem mat-icon,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.problem span,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.problem .mdc-button__label,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.problem mat-icon,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.problem span,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.problem .mdc-button__label,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.problem mat-icon,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.problem span,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.problem .mdc-button__label,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.problem mat-icon,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.problem span {
  color: var(--status-btn-problem-text) !important;
}
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.awaiting_pickup,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.awaiting_pickup,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.awaiting_pickup,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.awaiting_pickup,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.awaiting_pickup {
  background-color: var(--status-btn-awaiting-bg) !important;
  color: var(--status-btn-awaiting-text) !important;
}
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.awaiting_pickup .mdc-button__label,
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.awaiting_pickup mat-icon,
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.awaiting_pickup span,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.awaiting_pickup .mdc-button__label,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.awaiting_pickup mat-icon,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.awaiting_pickup span,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.awaiting_pickup .mdc-button__label,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.awaiting_pickup mat-icon,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.awaiting_pickup span,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.awaiting_pickup .mdc-button__label,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.awaiting_pickup mat-icon,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.awaiting_pickup span,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.awaiting_pickup .mdc-button__label,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.awaiting_pickup mat-icon,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.awaiting_pickup span {
  color: var(--status-btn-awaiting-text) !important;
}
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.cancelled,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.cancelled,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.cancelled,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.cancelled,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.cancelled {
  background-color: var(--status-btn-cancelled-bg) !important;
  color: var(--status-btn-cancelled-text) !important;
}
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.cancelled .mdc-button__label,
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.cancelled mat-icon,
html:not(.dark-theme) .product-url.mat-mdc-unelevated-button.mat-primary.cancelled span,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.cancelled .mdc-button__label,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.cancelled mat-icon,
html:not(.dark-theme) .product-url.mat-mdc-raised-button.mat-primary.cancelled span,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.cancelled .mdc-button__label,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.cancelled mat-icon,
html:not(.dark-theme) .product-url.mat-mdc-flat-button.mat-primary.cancelled span,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.cancelled .mdc-button__label,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.cancelled mat-icon,
html:not(.dark-theme) button.product-url.mat-mdc-unelevated-button.cancelled span,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.cancelled .mdc-button__label,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.cancelled mat-icon,
html:not(.dark-theme) a.product-url.mat-mdc-unelevated-button.cancelled span {
  color: var(--status-btn-cancelled-text) !important;
}
@media screen and (max-width: 959.98px) {
  html body input,
  html body textarea,
  html body select,
  html body input[type=text],
  html body input[type=email],
  html body input[type=password],
  html body input[type=number],
  html body input[type=tel],
  html body input[type=url],
  html body input[type=search],
  html body input[type=date],
  html body input[type=time],
  html body input[type=datetime-local],
  html body .mat-mdc-input-element,
  html body .mdc-text-field__input,
  html body .mat-mdc-select-value,
  html body .mat-mdc-select-trigger,
  html body .mat-mdc-chip-input,
  html body .mat-mdc-autocomplete-trigger,
  html body .mat-datepicker-input,
  html body [contenteditable=true],
  html body .search-input,
  html body .command-input,
  html body .dialog-search-input,
  html body .track-input {
    font-size: 16px !important;
  }
  html body .mat-mdc-form-field input,
  html body .mat-mdc-form-field textarea,
  html body .mat-mdc-form-field .mat-mdc-input-element,
  html body .mat-mdc-form-field .mdc-text-field__input {
    font-size: 16px !important;
  }
  html body .cdk-overlay-container input,
  html body .cdk-overlay-container textarea,
  html body .cdk-overlay-container select,
  html body .cdk-overlay-container .mat-mdc-input-element,
  html body .cdk-overlay-container .mdc-text-field__input,
  html body .cdk-overlay-container .mat-mdc-select-value,
  html body .mat-mdc-dialog-container input,
  html body .mat-mdc-dialog-container textarea,
  html body .mat-mdc-dialog-container .mat-mdc-input-element {
    font-size: 16px !important;
  }
  html body .mat-bottom-sheet-container input,
  html body .mat-bottom-sheet-container textarea,
  html body .mat-bottom-sheet-container .mat-mdc-input-element {
    font-size: 16px !important;
  }
  .products-buttons,
  .products-bulk-actions,
  .page-fab-group,
  .floating-actions,
  .fab-container {
    position: fixed !important;
    left: 16px;
    right: 16px;
    bottom: calc(56px + env(safe-area-inset-bottom, 0px) + 16px) !important;
    z-index: 100;
    background: rgba(var(--surface-rgb), 0.85);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 24px;
    padding: 8px 12px;
    border: 1px solid var(--divider);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .products-buttons::before,
  .products-bulk-actions::before,
  .page-fab-group::before,
  .floating-actions::before,
  .fab-container::before {
    display: none;
  }
  .products-buttons button[mat-fab],
  .products-buttons .mat-mdc-fab,
  .products-buttons .mat-mdc-mini-fab,
  .fab-container button[mat-fab],
  .fab-container .mat-mdc-fab,
  .fab-container .mat-mdc-mini-fab,
  .floating-actions button[mat-fab],
  .floating-actions .mat-mdc-fab,
  .floating-actions .mat-mdc-mini-fab {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
  }
  .products-buttons button[mat-fab]:hover,
  .products-buttons .mat-mdc-fab:hover,
  .products-buttons .mat-mdc-mini-fab:hover,
  .fab-container button[mat-fab]:hover,
  .fab-container .mat-mdc-fab:hover,
  .fab-container .mat-mdc-mini-fab:hover,
  .floating-actions button[mat-fab]:hover,
  .floating-actions .mat-mdc-fab:hover,
  .floating-actions .mat-mdc-mini-fab:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
  }
  .products-buttons button[mat-fab]:not(.mdc-fab--extended),
  .products-buttons .mat-mdc-fab:not(.mdc-fab--extended),
  .products-buttons .mat-mdc-mini-fab:not(.mdc-fab--extended),
  .fab-container button[mat-fab]:not(.mdc-fab--extended),
  .fab-container .mat-mdc-fab:not(.mdc-fab--extended),
  .fab-container .mat-mdc-mini-fab:not(.mdc-fab--extended),
  .floating-actions button[mat-fab]:not(.mdc-fab--extended),
  .floating-actions .mat-mdc-fab:not(.mdc-fab--extended),
  .floating-actions .mat-mdc-mini-fab:not(.mdc-fab--extended) {
    width: 40px;
    height: 40px;
  }
  .products-buttons button[mat-fab]:not(.mdc-fab--extended) .mat-icon,
  .products-buttons .mat-mdc-fab:not(.mdc-fab--extended) .mat-icon,
  .products-buttons .mat-mdc-mini-fab:not(.mdc-fab--extended) .mat-icon,
  .fab-container button[mat-fab]:not(.mdc-fab--extended) .mat-icon,
  .fab-container .mat-mdc-fab:not(.mdc-fab--extended) .mat-icon,
  .fab-container .mat-mdc-mini-fab:not(.mdc-fab--extended) .mat-icon,
  .floating-actions button[mat-fab]:not(.mdc-fab--extended) .mat-icon,
  .floating-actions .mat-mdc-fab:not(.mdc-fab--extended) .mat-icon,
  .floating-actions .mat-mdc-mini-fab:not(.mdc-fab--extended) .mat-icon {
    font-size: 20px;
    width: 20px;
    height: 20px;
  }
  .products-buttons button[mat-fab].mdc-fab--extended,
  .products-buttons .mat-mdc-fab.mdc-fab--extended,
  .products-buttons .mat-mdc-mini-fab.mdc-fab--extended,
  .fab-container button[mat-fab].mdc-fab--extended,
  .fab-container .mat-mdc-fab.mdc-fab--extended,
  .fab-container .mat-mdc-mini-fab.mdc-fab--extended,
  .floating-actions button[mat-fab].mdc-fab--extended,
  .floating-actions .mat-mdc-fab.mdc-fab--extended,
  .floating-actions .mat-mdc-mini-fab.mdc-fab--extended {
    height: 40px;
    padding: 0 16px;
  }
  .products-buttons button[mat-fab].mdc-fab--extended .mdc-fab__label,
  .products-buttons .mat-mdc-fab.mdc-fab--extended .mdc-fab__label,
  .products-buttons .mat-mdc-mini-fab.mdc-fab--extended .mdc-fab__label,
  .fab-container button[mat-fab].mdc-fab--extended .mdc-fab__label,
  .fab-container .mat-mdc-fab.mdc-fab--extended .mdc-fab__label,
  .fab-container .mat-mdc-mini-fab.mdc-fab--extended .mdc-fab__label,
  .floating-actions button[mat-fab].mdc-fab--extended .mdc-fab__label,
  .floating-actions .mat-mdc-fab.mdc-fab--extended .mdc-fab__label,
  .floating-actions .mat-mdc-mini-fab.mdc-fab--extended .mdc-fab__label {
    padding: 0 4px;
    font-size: 14px;
  }
  .products-buttons button[mat-fab].mat-primary,
  .products-buttons .mat-mdc-fab.mat-primary,
  .fab-container button[mat-fab].mat-primary,
  .fab-container .mat-mdc-fab.mat-primary,
  .floating-actions button[mat-fab].mat-primary,
  .floating-actions .mat-mdc-fab.mat-primary {
    --mdc-fab-container-color: var(--primary) !important;
    --mdc-fab-icon-color: var(--on-primary) !important;
  }
  .products-buttons button[mat-fab]:not(.mat-primary):not(.filter-button),
  .products-buttons .mat-mdc-fab:not(.mat-primary):not(.filter-button),
  .fab-container button[mat-fab]:not(.mat-primary):not(.filter-button),
  .fab-container .mat-mdc-fab:not(.mat-primary):not(.filter-button),
  .floating-actions button[mat-fab]:not(.mat-primary):not(.filter-button),
  .floating-actions .mat-mdc-fab:not(.mat-primary):not(.filter-button) {
    --mdc-fab-container-color: var(--button-tonal-bg, #E5F1FF) !important;
    --mdc-fab-icon-color: var(--button-tonal-text, var(--primary)) !important;
  }
  .products-buttons button[mat-fab]:not(.mat-primary):not(.filter-button) .mdc-fab__label,
  .products-buttons .mat-mdc-fab:not(.mat-primary):not(.filter-button) .mdc-fab__label,
  .fab-container button[mat-fab]:not(.mat-primary):not(.filter-button) .mdc-fab__label,
  .fab-container .mat-mdc-fab:not(.mat-primary):not(.filter-button) .mdc-fab__label,
  .floating-actions button[mat-fab]:not(.mat-primary):not(.filter-button) .mdc-fab__label,
  .floating-actions .mat-mdc-fab:not(.mat-primary):not(.filter-button) .mdc-fab__label {
    color: var(--button-tonal-text, var(--primary));
  }
  .products-buttons .filter-button,
  .products-buttons button[mat-fab].filter-button,
  .fab-container .filter-button,
  .fab-container button[mat-fab].filter-button,
  .floating-actions .filter-button,
  .floating-actions button[mat-fab].filter-button {
    --mdc-fab-container-color: var(--bg-card) !important;
    --mdc-fab-icon-color: var(--text-primary) !important;
    border: 1px solid var(--divider);
  }
  .products-buttons .filter-button .mdc-fab__label,
  .products-buttons button[mat-fab].filter-button .mdc-fab__label,
  .fab-container .filter-button .mdc-fab__label,
  .fab-container button[mat-fab].filter-button .mdc-fab__label,
  .floating-actions .filter-button .mdc-fab__label,
  .floating-actions button[mat-fab].filter-button .mdc-fab__label {
    color: var(--text-primary);
  }
  .products-total {
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    position: relative !important;
    left: auto;
    right: auto;
    bottom: auto !important;
  }
  .action-buttons {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-left: auto;
  }
}
html.sidebar-collapsed {
  --aside-width: 60px;
  --aside-collapsed: 1;
}
html.sidebar-transitioning body:not(.is-mobile) .mat-drawer {
  transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1);
  will-change: width;
}
html.sidebar-transitioning body:not(.is-mobile) mat-drawer-content {
  transition: margin-left 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
html.sidebar-transitioning body:not(.is-mobile) .products-row,
html.sidebar-transitioning body:not(.is-mobile) .products-grid {
  will-change: contents;
  contain: layout style;
}
body:not(.is-mobile) .mat-drawer-container.sidebar-collapsible .mat-drawer-content {
  margin-left: var(--aside-width) !important;
}
body:not(.is-mobile) .mat-drawer-container.sidebar-collapsible .mat-drawer {
  width: var(--aside-width);
}
html.sidebar-collapsed body:not(.is-mobile) .sidebar-content {
  overflow: hidden;
}
html.sidebar-collapsed body:not(.is-mobile) .sidebar-content > * {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
html.sidebar-collapsed body:not(.is-mobile) .mat-drawer {
  width: 60px !important;
}
html.sidebar-collapsed body:not(.is-mobile) app-filters-panel {
  display: none;
}
html.sidebar-collapsed body:not(.is-mobile) .products-sidebar {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.products-row {
  contain: layout style;
}
.product-card,
.order-card,
.model-card,
.seller-card {
  content-visibility: auto;
  contain-intrinsic-size: auto var(--card-width) auto 400px;
}

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