/* src/styles/styles-custom.scss */
.mat-toolbar {
  height: clamp(20px, 3vw, 60px) !important;
  padding: 0 var(--s-16) !important;
}
.mat-toolbar .logo-one img {
  width: 100%;
}
.mat-toolbar .logo-two img {
  width: 100%;
}
.mat-toolbar .mat-mdc-button {
  min-width: var(--s-64);
  line-height: var(--s-36);
  padding: 0 var(--s-6);
  border-radius: var(--s-4);
}
.mat-toolbar mat-grid-tile {
  display: flex;
  justify-content: center;
  align-items: center;
  position: unset;
}
.mat-toolbar .mat-mdc-button-wrapper,
.mat-toolbar .mat-mdc-button-wrapper mat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mat-mdc-menu-content {
  background: #424242;
}
.mat-mdc-menu-content button.mat-mdc-menu-item {
  background: #424242;
}
.mat-mdc-menu-content button.mat-mdc-menu-item .mat-icon {
  height: var(--s-40) !important;
  width: var(--s-40) !important;
}
button.mat-mdc-menu-item .mat-icon * {
  fill: #f5f5f5 !important;
}
button.selectedMenu svg * {
  fill: #f5f5f5 !important;
}
.date-picker-field mat-datepicker-toggle {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.date-picker-field mat-datepicker-toggle mat-icon {
  font-size: var(--s-52) !important;
}
.date-picker-field mat-datepicker-toggle button {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.mat-mdc-fab {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.mat-mdc-fab .mdc-button__label {
  line-height: 0 !important;
  padding: 0 !important;
}
.mat-mdc-fab .mat-icon {
  width: 100%;
  height: 100%;
}
.mat-mdc-raised-button {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.load-spinner-data mat-spinner,
.load-spinner-data svg,
.load-data mat-spinner,
.load-data svg {
  width: var(--s-100) !important;
  height: var(--s-100) !important;
}
.mat-mdc-dialog-container {
  background-color: #424242;
  border-radius: var(--s-15) !important;
  box-shadow:
    0 11px 15px -7px rgba(0, 0, 0, 0.2),
    0 24px 38px 3px rgba(0, 0, 0, 0.1411764706),
    0 9px 46px 8px rgba(0, 0, 0, 0.1215686275);
}
.mat-mdc-dialog-container .mat-mdc-dialog-surface {
  box-shadow: unset !important;
}
.mat-mdc-dialog-container h1 {
  margin: 0 0 var(--s-16) !important;
}
.mat-mdc-dialog-container .mat-mdc-dialog-title {
  line-height: var(--s-32);
}
.mat-mdc-dialog-container .mat-mdc-dialog-content {
  padding: 0;
  line-height: var(--s-20);
  margin: 0;
}
.mat-mdc-dialog-container .mat-mdc-dialog-content p {
  margin: 0 0 var(--s-12);
}
.mat-mdc-dialog-container .mat-mdc-dialog-actions .mat-mdc-button {
  color: #f2a900;
  min-width: var(--s-64);
  line-height: var(--s-36);
  padding: 0 var(--s-16);
  border-radius: var(--s-4);
}
.mat-mdc-dialog-container .mat-mdc-dialog-actions * {
  font-family: "Roboto-Thin" !important;
}
.notif-icon {
  height: var(--s-24) !important;
  width: var(--s-24) !important;
}
.notif-icon .mat-badge-content {
  background: #f44747 !important;
  left: var(--s-22);
  bottom: var(--s-15);
  top: initial !important;
  right: initial !important;
  width: var(--s-22) !important;
  height: var(--s-22) !important;
  font-size: var(--s-12) !important;
  line-height: var(--s-22) !important;
}
.diag-transparent-backdrop {
  background-color: initial;
}
button.mat-mdc-menu-item.more-menu-style,
button.mat-mdc-menu-item.more-menu-style-disabled {
  width: var(--s-210) !important;
  height: var(--s-60) !important;
  font-weight: 500;
  font-size: var(--s-24) !important;
  background-color: rgb(48, 48, 48);
  color: #ffffff;
  text-align: left;
  border-radius: var(--s-7) !important;
  border: var(--s-2) solid rgb(242, 169, 0) !important;
  line-height: var(--s-28);
  padding-left: var(--s-22) !important;
  padding-right: 0 !important;
}
button.mat-mdc-menu-item.more-menu-style-disabled {
  opacity: 0.4 !important;
}
.mat-mdc-menu-panel.avcc-ota-more-menu {
  min-width: var(--s-10) !important;
  min-height: var(--s-10) !important;
  border-radius: var(--s-5) !important;
  right: var(--s-20) !important;
  bottom: var(--s-8) !important;
}
.mat-mdc-menu-panel.avcc-ota-updates-version {
  width: var(--s-100) !important;
  min-width: var(--s-10) !important;
  min-height: var(--s-10) !important;
  border-radius: var(--s-8) !important;
  top: var(--s-12) !important;
}
.mat-mdc-menu-panel.avcc-toolbar-menu {
  min-width: var(--s-340) !important;
  max-width: none !important;
  border-radius: 0 0 var(--s-16) var(--s-16) !important;
  margin-top: var(--s-12);
}
.mat-mdc-menu-panel.avcc-tab-toolbar-menu {
  min-width: var(--st-340) !important;
  max-width: none !important;
  background: var(--screen-darken-48, rgba(0, 0, 0, 0.8)) !important;
  border-radius: 0 0 var(--st-16) var(--st-16) !important;
  top: var(--st-8);
}
.mat-mdc-menu-panel.avcc-yard-pass-toolbar {
  min-width: var(--s-340) !important;
  max-width: none !important;
  border-radius: 0 0 var(--s-16) var(--s-16) !important;
  margin-top: var(--s-12);
}
.mat-mdc-menu-panel.avcc-yard-pass-toolbar {
  min-width: var(--st-340) !important;
  max-width: none !important;
  background: var(--screen-darken-48, rgba(0, 0, 0, 0.8)) !important;
  border-radius: 0 0 var(--st-16) var(--st-16) !important;
  top: var(--st-8);
}
.mat-mdc-menu-panel.avcc-menu {
  border-radius: var(--s-16) !important;
}
.mat-mdc-menu-panel.avcc-menu .mat-mdc-menu-content button.mat-mdc-menu-item {
  text-align: center;
}
.mat-mdc-menu-panel.avcc-menu .mat-mdc-menu-content:not(:empty) {
  padding-top: 0;
  padding-bottom: 0;
}
avcc-custom-date-picker {
  width: var(--s-190);
  margin-right: var(--s-10);
  margin-left: var(--s-6);
}
avcc-notifications avcc-custom-date-picker {
  width: var(--s-290);
}
avcc-notifications avcc-email-usage .tooltip-left::after {
  right: 52% !important;
  transform: translate(42%, -1px) !important;
}
avcc-notifications .mat-mdc-icon-button {
  line-height: var(--s-1);
}
.diag-history-expanded avcc-custom-date-picker {
  width: var(--s-290);
}
.mat-mdc-autocomplete-panel {
  flex-basis: 100%;
  position: initial !important;
  font-size: var(--s-24) !important;
  min-width: 100% !important;
  border-radius: var(--s-16) !important;
  background: #2f2f2f !important;
}
.mat-mdc-autocomplete-panel .mat-mdc-option-text {
  justify-content: initial !important;
}
.mat-mdc-autocomplete-panel::-webkit-scrollbar {
  width: var(--s-13) !important;
}
.mat-mdc-autocomplete-panel::-webkit-scrollbar-track {
  border-top-right-radius: var(--s-16);
  border-bottom-right-radius: var(--s-16);
  background: #2f2f2f;
  box-shadow: inset 0 0 var(--s-5) #2f2f2f;
}
.mat-mdc-autocomplete-panel::-webkit-scrollbar-thumb {
  background: #777777;
  border: solid #777777;
  cursor: pointer;
}
.mat-mdc-autocomplete-panel::-webkit-scrollbar-thumb:hover {
  background: #777777;
  border: solid #777777 !important;
}
.mat-select-panel-dropdown,
.mat-select-panel-dropdown-left,
.mat-select-panel-dropdown-top,
.mat-select-panel-dropdown-minwidth {
  min-width: calc(100% + var(--s-18)) !important;
  border-radius: var(--s-16);
}
.mat-select-panel-dropdown::-webkit-scrollbar,
.mat-select-panel-dropdown-left::-webkit-scrollbar,
.mat-select-panel-dropdown-top::-webkit-scrollbar,
.mat-select-panel-dropdown-minwidth::-webkit-scrollbar {
  width: var(--s-13) !important;
}
.mat-select-panel-dropdown::-webkit-scrollbar-track,
.mat-select-panel-dropdown-left::-webkit-scrollbar-track,
.mat-select-panel-dropdown-top::-webkit-scrollbar-track,
.mat-select-panel-dropdown-minwidth::-webkit-scrollbar-track {
  border-top-right-radius: var(--s-16);
  border-bottom-right-radius: var(--s-16);
  background: #2f2f2f;
  box-shadow: inset 0 0 var(--s-5) #2f2f2f;
}
.mat-select-panel-dropdown::-webkit-scrollbar-thumb,
.mat-select-panel-dropdown-left::-webkit-scrollbar-thumb,
.mat-select-panel-dropdown-top::-webkit-scrollbar-thumb,
.mat-select-panel-dropdown-minwidth::-webkit-scrollbar-thumb {
  background: #777777;
  border: solid #777777;
  cursor: pointer;
}
.mat-select-panel-dropdown::-webkit-scrollbar-thumb:hover,
.mat-select-panel-dropdown-left::-webkit-scrollbar-thumb:hover,
.mat-select-panel-dropdown-top::-webkit-scrollbar-thumb:hover,
.mat-select-panel-dropdown-minwidth::-webkit-scrollbar-thumb:hover {
  background: #777777;
  border: solid #777777 !important;
}
.dropdown-min-width {
  min-width: calc(100% + var(--s-50)) !important;
}
.mat-mdc-select-panel {
  overflow: auto !important;
}
.mat-mdc-select-panel-dropdown-minwidth .mat-mdc-option-text {
  text-overflow: ellipsis !important;
  display: flow !important;
  text-align: center;
}
.mat-mdc-select-panel-dropdown-left .mat-mdc-option-text {
  justify-content: initial !important;
}
.mat-mdc-select-panel-dropdown-top {
  position: initial !important;
}
.mat-mdc-select-panel-dropdown-top .mat-mdc-option-text {
  justify-content: initial !important;
}
.mat-mdc-menu-panel.avcc-notif-menu button.mat-mdc-menu-item {
  background: #757575;
  min-width: var(--s-170);
  font-size: var(--s-24);
}
.mat-mdc-menu-panel.avcc-notif-menu button.mat-mdc-menu-item:hover {
  background: #979797;
}
.mat-mdc-menu-panel.avcc-notif-menu button.mat-mdc-menu-item:not(:last-child) {
  border-bottom: 1px solid #ffffff;
}
.panic-backdrop .progress-bar mat-progress-spinner {
  width: var(--s-90) !important;
  height: var(--s-90) !important;
}
.panic-backdrop .progress-bar svg {
  width: var(--s-90) !important;
  height: var(--s-90) !important;
}
.mat-mdc-form-field {
  border-radius: var(--s-16);
}
.mat-datepicker-toggle .mat-icon-button {
  width: 0;
  height: 0;
}
.mat-mdc-select-value {
  font-size: var(--s-24) !important;
  padding: var(--s-5);
}
.mat-mdc-form-field .mat-mdc-select-arrow {
  border-left: var(--s-10) solid transparent;
  border-right: var(--s-10) solid transparent;
  border-top: var(--s-10) solid;
  margin: 0 var(--s-20);
}
.mat-mdc-form-field .mat-mdc-select-arrow svg {
  display: none !important;
}
.mat-mdc-paginator {
  min-height: var(--s-88);
  font-size: var(--s-24) !important;
}
.mat-mdc-paginator .mat-mdc-paginator-page-size {
  align-items: center;
}
.mat-mdc-paginator .mat-mdc-paginator-container {
  min-height: var(--s-56);
}
.mat-mdc-paginator .mat-mdc-form-field {
  margin-right: 0;
  height: var(--s-56);
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper {
  height: var(--s-56);
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper.date-picker-field {
  width: var(--s-250);
}
.mat-mdc-paginator .mat-mdc-form-field-infix {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.mat-mdc-paginator .mat-mdc-paginator-page-size-select {
  margin: 0 var(--s-4);
}
button mat-spinner,
button mat-spinner svg {
  width: var(--s-25) !important;
  height: var(--s-25) !important;
}
td.mat-mdc-cell:first-of-type {
  text-align: center;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
avcc-system-config-slider .mdc-slider__value-indicator::before {
  border-left: 8px solid rgba(0, 0, 0, 0);
  border-right: 8px solid rgba(0, 0, 0, 0);
  border-top: 5px solid;
  bottom: -3px;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  border-top-color: #f2a900;
}
avcc-system-config-slider .mdc-slider__value-indicator {
  display: flex;
  align-items: center;
  transform: scale(0);
  transition: transform 100ms cubic-bezier(0.4, 0, 1, 1);
  word-break: normal;
  background-color: var(--mat-slider-label-container-color, var(--mat-sys-primary));
  color: var(--mat-slider-label-label-text-color, var(--mat-sys-on-primary));
  width: var(--mat-slider-value-indicator-width, 28px);
  height: 28px;
  opacity: var(--mat-slider-value-indicator-opacity, 1);
  border-radius: 50%;
  width: 18px !important;
  padding: 0px 5px;
  background: #f2a900;
}
avcc-system-config-slider .mdc-slider__value-indicator-text {
  font-size: var(--s-12) !important;
  color: white !important;
}
avcc-system-config-slider .mdc-slider__track--inactive {
  background-color: rgba(255, 255, 255, 0.3019607843) !important;
}
avcc-card-button .img-container .Check {
  width: var(--st-95) !important;
  height: var(--st-83) !important;
}
avcc-card-button .text-container .Check {
  margin-top: var(--st-20);
  font-size: var(--st-24);
}
.yd-layout .params-view {
  padding: var(--s-12) 0;
}
.yd-layout .params-view .carousel-content {
  gap: var(--s-36);
}
.yd-layout .diag-history-tile .page-buttons {
  margin-top: var(--s-12);
}
.yd-layout .diag-report-tile .carousel-content {
  gap: var(--s-10) 0;
}
.yd-layout .diag-report-tile {
  justify-content: initial !important;
  margin-left: 0 !important;
}
.yd-layout .no-data {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
}
.yd-layout .no-data p {
  font-size: var(--s-16);
}
.yd-layout .camera-container {
  gap: var(--s-40) var(--s-18);
}
avcc-diagnostic-report .carousel-content {
  gap: var(--s-10) 0;
}
avcc-gate-check-in .load-data mat-spinner,
avcc-gate-check-in .load-data svg,
avcc-gate-check-out .load-data mat-spinner,
avcc-gate-check-out .load-data svg {
  width: var(--st-100) !important;
  height: var(--st-100) !important;
}
avcc-gate-check-in .mat-table,
avcc-gate-check-out .mat-table {
  background: #1b1b1b !important;
}
avcc-gate-check-in .mat-table th.mat-header-cell,
avcc-gate-check-out .mat-table th.mat-header-cell {
  height: var(--st-51);
  align-items: center;
  font-size: var(--st-24);
  color: white;
  border-bottom: var(--st-1) solid white;
  min-width: var(--st-170);
}
avcc-gate-check-in .mat-table tr.mat-header-row,
avcc-gate-check-out .mat-table tr.mat-header-row {
  background:
    linear-gradient(
      360deg,
      #051623 0%,
      #165b8e 100%);
  height: var(--st-51);
  width: 100%;
}
avcc-gate-check-in .mat-table tr.mat-row,
avcc-gate-check-out .mat-table tr.mat-row {
  height: var(--st-80);
}
avcc-gate-check-in .mat-table .highlighted-row td.mat-cell:first-of-type,
avcc-gate-check-out .mat-table .highlighted-row td.mat-cell:first-of-type {
  border-left: var(--st-2) solid #1b1b1b;
  border-color: #f2a900 !important;
}
avcc-gate-check-in .mat-table .highlighted-row td.mat-cell,
avcc-gate-check-out .mat-table .highlighted-row td.mat-cell {
  border-top: var(--st-2) solid !important;
  border-bottom: var(--st-2) solid !important;
  border-color: #f2a900 !important;
}
avcc-gate-check-in .mat-table .highlighted-row td.mat-cell:last-of-type,
avcc-gate-check-out .mat-table .highlighted-row td.mat-cell:last-of-type {
  border-right: var(--st-2) solid #1b1b1b;
  border-color: #f2a900 !important;
}
avcc-gate-check-in th.mat-header-cell:first-of-type,
avcc-gate-check-out th.mat-header-cell:first-of-type {
  padding-left: var(--st-50) !important;
}
avcc-gate-check-in td.mat-cell:first-of-type,
avcc-gate-check-out td.mat-cell:first-of-type {
  height: var(--st-80);
  text-align: start;
  padding-left: var(--st-34) !important;
  border-left: var(--st-8) solid #1b1b1b;
  border-top-left-radius: var(--st-30);
  border-bottom-left-radius: var(--st-30);
  padding-top: var(--st-6);
  padding-bottom: unset !important;
  align-items: center;
}
avcc-gate-check-in td.mat-cell,
avcc-gate-check-out td.mat-cell {
  border: 0;
  font-size: var(--st-22);
  max-width: var(--st-150);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.5);
  padding-right: var(--st-20);
  background: #303030;
}
avcc-gate-check-in td.no-data,
avcc-gate-check-out td.no-data {
  display: table-cell !important;
  border-right: var(--st-8) solid #1b1b1b !important;
}
avcc-gate-check-in td.mat-cell:last-of-type,
avcc-gate-check-out td.mat-cell:last-of-type {
  height: var(--st-80);
  padding-left: unset !important;
  max-width: var(--st-700);
  border-top-right-radius: var(--st-25);
  border-bottom-right-radius: var(--st-25);
  text-align: center !important;
  border-right: var(--st-2) solid #1b1b1b;
  padding-bottom: var(--st-6) !important;
  padding-top: var(--st-4) !important;
  padding-right: var(--st-8) !important;
  border-right: var(--st-8) solid #1b1b1b;
}
avcc-gate-check-out td.mat-cell:first-of-type .table-value {
  padding-top: var(--st-2);
  padding-bottom: var(--st-2);
}
.yd-layout .calendar__input {
  font-size: var(--s-20) !important;
  padding-right: var(--s-40) !important;
}
avcc-detailed-info-dialog .mat-grid-tile-content {
  display: grid !important;
  grid-template-columns: var(--st-150) auto;
  justify-content: flex-start !important;
  margin-right: var(--st-4);
}
avcc-detailed-info-dialog .mat-grid-list {
  margin-left: var(--st-20);
}
avcc-detailed-info-dialog .mat-grid-tile {
  margin-right: var(--st-10);
}
avcc-detailed-info-dialog .mat-grid-tile span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-height: var(--st-24) !important;
  padding-top: var(--st-5);
}
avcc-detailed-info-dialog .mat-icon-button,
avcc-detailed-info-dialog .mat-icon-button-wrapper {
  color: white;
  width: var(--st-50) !important;
  height: unset !important;
}
.tab-dropdown {
  max-height: var(--st-200) !important;
}
.input-field.search-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--s-12);
  margin-top: var(--s-10);
  border-bottom: var(--s-2) solid #8d8d8d;
  padding-bottom: var(--s-10);
  padding-left: var(--s-10);
  padding-right: var(--s-10);
}
avcc-notification-profile .input-field.search-bar {
  display: inherit;
  width: 56%;
}
avcc-tab-toolbar-menu-items avcc-yardpass-toolbar-items .mat-badge-medium .mat-badge-content {
  width: var(--st-22) !important;
  height: var(--st-22) !important;
  line-height: var(--st-22) !important;
  background: #f44747 !important;
  font-size: var(--st-12);
  font-size: var(--st-12);
}
avcc-tab-toolbar-menu-items avcc-yardpass-toolbar-items .mat-badge-medium.mat-badge-above .mat-badge-content {
  top: clamp(1.5px, 0.876vw, 12px) !important;
  right: clamp(-14px, -1.022vw, -1.75px) !important;
}
.avcc-tab-loading-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0;
  z-index: 100;
}
.cdk-overlay-container.dialog-open .mat-snack-bar-container {
  pointer-events: none;
  opacity: 0.5;
}
avcc-search-input .mat-mdc-pseudo-checkbox-disabled {
  display: none !important;
}
avcc-search .mat-mdc-form-field-infix {
  width: var(--s-190) !important;
}
avcc-search .mat-mdc-standard-chip .mat-mdc-chip-remove.mat-icon {
  width: var(--s-25) !important;
  height: var(--s-23) !important;
  font-size: var(--s-25) !important;
}
avcc-search .mat-mdc-standard-chip {
  min-height: var(--s-40) !important;
  height: var(--s-1) !important;
}
avcc-search .mat-mdc-chip-list-wrapper input.mat-mdc-input-element,
avcc-search .mat-mdc-chip-list-wrapper .mat-mdc-standard-chip {
  margin: var(--s-7) !important;
}
avcc-search .mat-mdc-standard-chip .mat-mdc-chip-remove,
avcc-search .mat-mdc-standard-chip .mat-mdc-chip-trailing-icon {
  margin-left: var(--s-8) !important;
}
avcc-search .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
avcc-search .mdc-evolution-chip-set__chips {
  flex-flow: unset !important;
}
avcc-search .mat-mdc-form-field-flex {
  height: var(--s-48) !important;
}
avcc-create-commands .create-operation .mat-mdc-form-field-label-wrapper {
  opacity: 1 !important;
  text-align: start !important;
}
avcc-create-commands .create-operation .mat-mdc-select-arrow-wrapper {
  height: var(--s-30) !important;
  border-left: var(--s-1) solid !important;
}
avcc-create-commands .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow {
  margin: 0 var(--s-10) !important;
  width: 0;
  height: 0;
  border-left: var(--s-10) solid transparent;
  border-right: var(--s-10) solid transparent;
  border-top: var(--s-10) solid;
}
.stroked-button {
  background-color: transparent;
  border: var(--s-2) solid #f2a900;
  color: #f2a900;
  padding: var(--s-7) var(--s-18);
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: var(--s-16);
  cursor: pointer;
  border-radius: var(--s-40);
}
.avcc-tile {
  background: rgb(56, 58, 62);
  border-radius: var(--s-10);
  margin-top: var(--s-16);
  padding: var(--s-10) 0;
  margin-top: var(--s-10);
}
avcc-telemetry-logs .gateTable .mat-mdc-column-sn {
  padding-left: var(--s-12) !important;
}
avcc-telemetry-logs .gateTable .mat-mdc-column-trailerName {
  width: var(--s-180) !important;
  text-align: center;
  padding-right: 0 !important;
  max-width: var(--s-180) !important;
  min-width: var(--s-180) !important;
}
avcc-telemetry-logs .gateTable .mat-mdc-column-trailerName .mat-mdc-sort-header-container {
  justify-content: center !important;
}
avcc-telemetry-logs .gateTable .mat-mdc-cell.mat-mdc-column-trailerName {
  padding-left: 25px !important;
}
avcc-telemetry-logs .gateTable .mat-mdc-column-timestamp {
  max-width: var(--s-100) !important;
  min-width: var(--s-100) !important;
}
avcc-telemetry-logs .gateTable .mat-mdc-column-timestamp .mat-mdc-sort-header-container {
  justify-content: center !important;
}
avcc-diagnostic-report .mat-grid-tile {
  height: 10px;
}
.dead-lock-popup .mapboxgl-popup-content {
  position: relative;
  background: rgba(0, 0, 0, 0.2509803922);
  border-radius: var(--s-2);
  box-shadow: 0 var(--s-1) var(--s-2) rgba(0, 0, 0, 0.1);
  padding: 0 !important;
  pointer-events: auto;
}
.dead-lock-popup .mapboxgl-popup-tip {
  border-top-color: #f55431 !important;
}
avcc-mec-list .diagnostic-history .carousel-content,
avcc-rsu-details .diagnostic-history .carousel-content {
  overflow-y: auto;
  max-height: var(--s-250);
}
avcc-mec-list .toolbar {
  padding: 0px var(--s-22);
}
avcc-mec-list .mat-mdc-card-content:first-child {
  padding-top: var(--s-0);
}
avcc-mec-list .mdc-button__label {
  font-size: medium;
}
avcc-mec-list .mat-mdc-card-content {
  padding: unset !important;
}
.camera-container-section-large {
  overflow-y: initial !important;
  display: flex;
}
.camera-container-section-large .full-toolbar {
  display: none !important;
}
.camera-container-section-large .download-container {
  display: none !important;
}
.camera-container-section-large .full-layout {
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
}
.camera-container-section-large .full-fab {
  margin-top: var(--s-16) !important;
}
.camera-container-section-large .camera-stream-div {
  max-height: 100%;
  display: flex;
  flex-direction: column;
  overflow-x: initial !important;
  overflow-y: initial !important;
}
.camera-container-section-large .camera-stream-div avcc-camera-stream-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.camera-container-section-large .camera-stream-div avcc-camera-stream-container .full-camera-view-grid {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.camera-container-section-large .camera-stream-div avcc-camera-stream-container .full-camera-view-grid > div {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.camera-container-section-large .camera-stream-div avcc-camera-stream-container .full-camera-view-grid > div avcc-camera-view {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.camera-container-section-large .camera-stream-div avcc-camera-stream-container .full-camera-view-grid > div avcc-camera-view .full-outline {
  height: 100%;
}
.camera-container-section-large .camera-stream-div avcc-camera-stream-container .full-camera-view-grid > div avcc-camera-view .full-outline .full-layout {
  height: 100%;
}
.camera-container-section-large .camera-stream-div avcc-camera-stream-container .full-camera-view-grid > div avcc-camera-view .full-outline .loc-label {
  display: block !important;
}
.camera-container-section-large .camera-stream-div avcc-camera-stream-container .full-camera-view-grid > div avcc-camera-view.hidden {
  display: none;
}
avcc-device-diag-history .calendar__input {
  padding-right: var(--s-40) !important;
}
avcc-manual-check-in .mat-mdc-form-field,
avcc-manual-check-out .mat-mdc-form-field {
  width: 35% !important;
  margin-top: var(--s-5) !important;
}
avcc-manual-check-in .mat-mdc-form-field-wrapper,
avcc-manual-check-out .mat-mdc-form-field-wrapper {
  padding-bottom: 5% !important;
  width: 100%;
}
avcc-manual-check-in .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-flex,
avcc-manual-check-out .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-flex {
  border-bottom: var(--s-1) solid rgba(255, 255, 255, 0.5215686275) !important;
  padding: var(--s-12) var(--st-12) var(--s-7) 0;
  min-height: var(--s-60) !important;
  width: 100% !important;
  background-color: transparent !important;
}
avcc-manual-check-in .mat-mdc-form-field-error,
avcc-manual-check-out .mat-mdc-form-field-error {
  color: #ff2424 !important;
  padding: unset !important;
}
avcc-manual-check-confirm-page .actions_btn_confirm .mat-icon {
  width: var(--s-30) !important;
  height: var(--s-30) !important;
}
avcc-manual-check-confirm-page .actions_btn_confirm mat-spinner,
avcc-manual-check-confirm-page .actions_btn_confirm mat-spinner svg {
  width: var(--s-30) !important;
  height: var(--s-30) !important;
}
avcc-user-list td.mat-cell:first-of-type {
  text-align: start !important;
}
avcc-user-list .filter-container.column {
  margin-left: var(--s-1) !important;
}
avcc-user-list avcc-search {
  width: 42%;
}
avcc-user-list avcc-search .search-container,
avcc-user-list avcc-search .filter-container {
  width: 50% !important;
}
avcc-mobile-check-in .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before,
avcc-mobile-check-out .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  color: #9098aa;
  border-bottom-color: #9098aa !important;
}
avcc-mobile-check-in button mat-spinner,
avcc-mobile-check-in button mat-spinner svg,
avcc-mobile-check-out button mat-spinner,
avcc-mobile-check-out button mat-spinner svg {
  width: 20px !important;
  height: 20px !important;
}
.mini-desc {
  font-family: "Roboto-Thin" !important;
}
.telemetry-additional-text {
  font-size: var(--s-19) !important;
}
avcc-authentication .back-btn .mat-button-wrapper {
  font-family: "Roboto-Thin", sans-serif !important;
}
avcc-alert-logout .lock-mail-link {
  color: #dbc28a !important;
  text-decoration: underline !important;
}
avcc-notifications-popup .mat-icon-button {
  line-height: var(--s-1);
}
avcc-abort-switch-dialog .mat-button-wrapper {
  font-family: "Roboto-Thin", sans-serif !important;
}
avcc-tablet-home .mat-raised-button {
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: var(--st-160);
  height: var(--st-69);
  border-radius: var(--st-24) !important;
  font-size: var(--st-24) !important;
}
avcc-check-out-trailer-details .mat-form-field-appearance-fill .mat-mdc-select-arrow-wrapper {
  transform: translateY(-50%);
}
avcc-check-out-trailer-details .mat-raised-button {
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: var(--st-160);
  height: var(--st-69);
  border-radius: var(--st-24) !important;
  margin-right: var(--st-60);
  font-size: var(--st-24) !important;
}
avcc-check-out-trailer-details .mat-mdc-select-arrow-wrapper {
  padding-right: var(--st-12);
}
avcc-check-in-trailer-details .mat-mdc-select-arrow-wrapper {
  padding-right: var(--st-12);
}
avcc-check-in-trailer-details avcc-search-input .mat-select-panel-with-search {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #191616 !important;
  margin-top: -16px;
  border-radius: var(--s-10);
  height: 2em !important;
  margin-top: var(--s-5);
  margin-bottom: var(--s-5);
  border: var(--s-1) solid;
}
avcc-check-in-trailer-details avcc-search-input .mat-mdc-option.mdc-list-item {
  background: #191616;
}
avcc-check-in-trailer-details avcc-search-input .search-icon {
  padding-top: var(--st-14);
}
avcc-check-in-trailer-details avcc-search-input .clear-button,
avcc-check-in-trailer-details avcc-search-input .mat-mdc-icon-button.mat-mdc-button-base {
  margin-top: var(--st-20);
}
avcc-check-in-trailer-details .mat-form-field-appearance-fill .mat-mdc-select-arrow-wrapper {
  transform: translateY(-50%);
}
avcc-hubview-toolbar-items .mat-grid-tile-content {
  position: unset;
}
avcc-configuration .mat-mdc-text-field-wrapper {
  height: var(--s-56) !important;
}
avcc-configuration .mat-mdc-form-field-infix {
  min-height: var(--s-56) !important;
}
.custom-badge .mat-badge-content {
  font-size: var(--st-8) !important;
  padding: var(--st-2) !important;
  background-color: #f44747 !important;
  min-width: var(--st-17);
  width: unset !important;
  height: var(--st-17) !important;
  left: var(--st-31) !important;
  top: var(--st-41) !important;
  font-size: var(--st-10) !important;
  line-height: var(--st-17) !important;
  font-weight: 400 !important;
}
avcc-yard-pass-home .mat-badge-medium .mat-badge-content {
  min-width: var(--mat-badge-container-size, var(--s-21));
  min-height: var(--mat-badge-container-size, var(--s-21));
}
avcc-yard-pass-home .container-tablet-home .sidebar-tablet-home .heading-container span {
  font-size: var(--st-26);
  font-weight: 400;
  line-height: var(--st-30);
}
avcc-yard-pass-home .custom-badge .mat-badge-content {
  padding: var(--st-2) !important;
  background-color: #f44747 !important;
  width: unset !important;
  height: var(--st-17) !important;
  left: var(--st-31) !important;
  top: var(--st-41) !important;
  font-size: var(--st-10) !important;
  line-height: var(--st-17) !important;
  font-weight: 400 !important;
}
avcc-toolbar-menu avcc-hubview-toolbar avcc-yardpass-toolbar .mat-mdc-menu-content button.mat-mdc-menu-item {
  background: #424242;
  color: #f5f5f5 !important;
  border-bottom: var(--st-1) solid #9e9e9e;
  font-size: var(--st-24);
  font-weight: 400;
  line-height: var(--st-38);
  height: var(--st-80);
  letter-spacing: var(--st-2);
}
avcc-search-input .mat-pseudo-checkbox {
  display: none !important;
}
.yarddog-radio-buttons .mat-mdc-radio-outer-circle {
  height: var(--s-16) !important;
  width: var(--s-16) !important;
  top: var(--s-1) !important;
}
.yarddog-radio-buttons .mat-mdc-radio-inner-circle {
  height: var(--s-16) !important;
  width: var(--s-16) !important;
  top: var(--s-1) !important;
}
.yarddog-radio-buttons .mat-mdc-radio-label-content {
  padding-left: 0 !important;
}
.yarddog-radio-buttons .mat-mdc-radio-container {
  width: var(--s-20) !important;
  height: var(--s-20) !important;
}
.yarddog-radio-buttons .mat-mdc-radio-button.mat-mdc-radio-disabled.mat-mdc-radio-checked .mat-mdc-radio-label-content {
  color: white;
  opacity: 1;
}
.yarddog-radio-buttons .mat-mdc-radio-button.mat-mdc-radio-disabled.mat-mdc-radio-checked .mat-mdc-radio-outer-circle {
  border-color: #ffca28 !important;
}
.yarddog-radio-buttons .mat-mdc-radio-button.mat-mdc-radio-disabled.mat-mdc-radio-checked .mat-mdc-radio-inner-circle {
  background-color: #ffca28 !important;
}
avcc-yard-dog .mat-mdc-icon-button svg,
avcc-trailer .mat-mdc-icon-button svg,
avcc-switches .mat-mdc-icon-button svg,
avcc-dockdoors .mat-mdc-icon-button svg,
avcc-mec-list .mat-mdc-icon-button svg,
avcc-rsu .mat-mdc-icon-button svg,
avcc-rsu-details .mat-mdc-icon-button svg {
  width: var(--s-50) !important;
  height: var(--s-33) !important;
}
avcc-yard-dog .icon-button .mat-icon,
avcc-trailer .icon-button .mat-icon,
avcc-switches .icon-button .mat-icon,
avcc-dockdoors .icon-button .mat-icon,
avcc-mec-list .icon-button .mat-icon,
avcc-rsu .icon-button .mat-icon,
avcc-rsu-details .icon-button .mat-icon {
  width: unset !important;
  height: unset !important;
}
.mat-mdc-menu-content {
  padding: unset !important;
}

/* src/styles/variables.scss */
:root {
  --s-1: clamp(0.125px, 0.052vw, 1px);
  --s-2: clamp(0.25px, 0.104vw, 2px);
  --s-3: clamp(0.375px, 0.156vw, 3px);
  --s-4: clamp(0.5px, 0.208vw, 4px);
  --s-5: clamp(0.625px, 0.26vw, 5px);
  --s-6: clamp(0.75px, 0.312vw, 6px);
  --s-7: clamp(0.875px, 0.364vw, 7px);
  --s-8: clamp(1px, 0.416vw, 8px);
  --s-9: clamp(1.125px, 0.468vw, 9px);
  --s-10: clamp(1.25px, 0.52vw, 10px);
  --s-11: clamp(1.375px, 0.572vw, 11px);
  --s-12: clamp(1.5px, 0.624vw, 12px);
  --s-13: clamp(1.625px, 0.676vw, 13px);
  --s-14: clamp(1.75px, 0.728vw, 14px);
  --s-15: clamp(1.875px, 0.78vw, 15px);
  --s-16: clamp(2px, 0.832vw, 16px);
  --s-17: clamp(2.125px, 0.884vw, 17px);
  --s-18: clamp(2.25px, 0.936vw, 18px);
  --s-19: clamp(2.375px, 0.988vw, 19px);
  --s-20: clamp(2.5px, 1.04vw, 20px);
  --s-21: clamp(2.625px, 1.092vw, 21px);
  --s-22: clamp(2.75px, 1.144vw, 22px);
  --s-23: clamp(2.875px, 1.196vw, 23px);
  --s-24: clamp(3px, 1.248vw, 24px);
  --s-25: clamp(3.125px, 1.3vw, 25px);
  --s-26: clamp(3.25px, 1.352vw, 26px);
  --s-27: clamp(3.375px, 1.404vw, 27px);
  --s-28: clamp(3.5px, 1.456vw, 28px);
  --s-29: clamp(3.625px, 1.508vw, 29px);
  --s-30: clamp(3.75px, 1.56vw, 30px);
  --s-31: clamp(3.875px, 1.612vw, 31px);
  --s-32: clamp(4px, 1.664vw, 32px);
  --s-33: clamp(4.125px, 1.716vw, 33px);
  --s-34: clamp(4.25px, 1.768vw, 34px);
  --s-35: clamp(4.375px, 1.82vw, 35px);
  --s-36: clamp(4.5px, 1.872vw, 36px);
  --s-37: clamp(4.625px, 1.924vw, 37px);
  --s-38: clamp(4.75px, 1.976vw, 38px);
  --s-39: clamp(4.875px, 2.028vw, 39px);
  --s-40: clamp(5px, 2.08vw, 40px);
  --s-41: clamp(5.125px, 2.132vw, 41px);
  --s-42: clamp(5.25px, 2.184vw, 42px);
  --s-43: clamp(5.375px, 2.236vw, 43px);
  --s-44: clamp(5.5px, 2.288vw, 44px);
  --s-45: clamp(5.625px, 2.34vw, 45px);
  --s-46: clamp(5.75px, 2.392vw, 46px);
  --s-47: clamp(5.875px, 2.444vw, 47px);
  --s-48: clamp(6px, 2.496vw, 48px);
  --s-49: clamp(6.125px, 2.548vw, 49px);
  --s-50: clamp(6.25px, 2.6vw, 50px);
  --s-51: clamp(6.375px, 2.652vw, 51px);
  --s-52: clamp(6.5px, 2.704vw, 52px);
  --s-53: clamp(6.625px, 2.756vw, 53px);
  --s-54: clamp(6.75px, 2.808vw, 54px);
  --s-55: clamp(6.875px, 2.86vw, 55px);
  --s-56: clamp(7px, 2.912vw, 56px);
  --s-57: clamp(7.125px, 2.964vw, 57px);
  --s-58: clamp(7.25px, 3.016vw, 58px);
  --s-59: clamp(7.375px, 3.068vw, 59px);
  --s-60: clamp(7.5px, 3.12vw, 60px);
  --s-61: clamp(7.625px, 3.172vw, 61px);
  --s-62: clamp(7.75px, 3.224vw, 62px);
  --s-63: clamp(7.875px, 3.276vw, 63px);
  --s-64: clamp(8px, 3.328vw, 64px);
  --s-65: clamp(8.125px, 3.38vw, 65px);
  --s-66: clamp(8.25px, 3.432vw, 66px);
  --s-67: clamp(8.375px, 3.484vw, 67px);
  --s-68: clamp(8.5px, 3.536vw, 68px);
  --s-69: clamp(8.625px, 3.588vw, 69px);
  --s-70: clamp(8.75px, 3.64vw, 70px);
  --s-71: clamp(8.875px, 3.692vw, 71px);
  --s-72: clamp(9px, 3.744vw, 72px);
  --s-73: clamp(9.125px, 3.796vw, 73px);
  --s-74: clamp(9.25px, 3.848vw, 74px);
  --s-75: clamp(9.375px, 3.9vw, 75px);
  --s-76: clamp(9.5px, 3.952vw, 76px);
  --s-77: clamp(9.625px, 4.004vw, 77px);
  --s-78: clamp(9.75px, 4.056vw, 78px);
  --s-79: clamp(9.875px, 4.108vw, 79px);
  --s-80: clamp(10px, 4.16vw, 80px);
  --s-81: clamp(10.125px, 4.212vw, 81px);
  --s-82: clamp(10.25px, 4.264vw, 82px);
  --s-83: clamp(10.375px, 4.316vw, 83px);
  --s-84: clamp(10.5px, 4.368vw, 84px);
  --s-85: clamp(10.625px, 4.42vw, 85px);
  --s-86: clamp(10.75px, 4.472vw, 86px);
  --s-87: clamp(10.875px, 4.524vw, 87px);
  --s-88: clamp(11px, 4.576vw, 88px);
  --s-89: clamp(11.125px, 4.628vw, 89px);
  --s-90: clamp(11.25px, 4.68vw, 90px);
  --s-91: clamp(11.375px, 4.732vw, 91px);
  --s-92: clamp(11.5px, 4.784vw, 92px);
  --s-93: clamp(11.625px, 4.836vw, 93px);
  --s-94: clamp(11.75px, 4.888vw, 94px);
  --s-95: clamp(11.875px, 4.94vw, 95px);
  --s-96: clamp(12px, 4.992vw, 96px);
  --s-97: clamp(12.125px, 5.044vw, 97px);
  --s-98: clamp(12.25px, 5.096vw, 98px);
  --s-99: clamp(12.375px, 5.148vw, 99px);
  --s-100: clamp(12.5px, 5.2vw, 100px);
  --s-101: clamp(12.625px, 5.252vw, 101px);
  --s-102: clamp(12.75px, 5.304vw, 102px);
  --s-103: clamp(12.875px, 5.356vw, 103px);
  --s-104: clamp(13px, 5.408vw, 104px);
  --s-105: clamp(13.125px, 5.46vw, 105px);
  --s-106: clamp(13.25px, 5.512vw, 106px);
  --s-107: clamp(13.375px, 5.564vw, 107px);
  --s-108: clamp(13.5px, 5.616vw, 108px);
  --s-109: clamp(13.625px, 5.668vw, 109px);
  --s-110: clamp(13.75px, 5.72vw, 110px);
  --s-111: clamp(13.875px, 5.772vw, 111px);
  --s-112: clamp(14px, 5.824vw, 112px);
  --s-113: clamp(14.125px, 5.876vw, 113px);
  --s-114: clamp(14.25px, 5.928vw, 114px);
  --s-115: clamp(14.375px, 5.98vw, 115px);
  --s-116: clamp(14.5px, 6.032vw, 116px);
  --s-117: clamp(14.625px, 6.084vw, 117px);
  --s-118: clamp(14.75px, 6.136vw, 118px);
  --s-119: clamp(14.875px, 6.188vw, 119px);
  --s-120: clamp(15px, 6.24vw, 120px);
  --s-121: clamp(15.125px, 6.292vw, 121px);
  --s-122: clamp(15.25px, 6.344vw, 122px);
  --s-123: clamp(15.375px, 6.396vw, 123px);
  --s-124: clamp(15.5px, 6.448vw, 124px);
  --s-125: clamp(15.625px, 6.5vw, 125px);
  --s-126: clamp(15.75px, 6.552vw, 126px);
  --s-127: clamp(15.875px, 6.604vw, 127px);
  --s-128: clamp(16px, 6.656vw, 128px);
  --s-129: clamp(16.125px, 6.708vw, 129px);
  --s-130: clamp(16.25px, 6.76vw, 130px);
  --s-131: clamp(16.375px, 6.812vw, 131px);
  --s-132: clamp(16.5px, 6.864vw, 132px);
  --s-133: clamp(16.625px, 6.916vw, 133px);
  --s-134: clamp(16.75px, 6.968vw, 134px);
  --s-135: clamp(16.875px, 7.02vw, 135px);
  --s-136: clamp(17px, 7.072vw, 136px);
  --s-137: clamp(17.125px, 7.124vw, 137px);
  --s-138: clamp(17.25px, 7.176vw, 138px);
  --s-139: clamp(17.375px, 7.228vw, 139px);
  --s-140: clamp(17.5px, 7.28vw, 140px);
  --s-141: clamp(17.625px, 7.332vw, 141px);
  --s-142: clamp(17.75px, 7.384vw, 142px);
  --s-143: clamp(17.875px, 7.436vw, 143px);
  --s-144: clamp(18px, 7.488vw, 144px);
  --s-145: clamp(18.125px, 7.54vw, 145px);
  --s-146: clamp(18.25px, 7.592vw, 146px);
  --s-147: clamp(18.375px, 7.644vw, 147px);
  --s-148: clamp(18.5px, 7.696vw, 148px);
  --s-149: clamp(18.625px, 7.748vw, 149px);
  --s-150: clamp(18.75px, 7.8vw, 150px);
  --s-151: clamp(18.875px, 7.852vw, 151px);
  --s-152: clamp(19px, 7.904vw, 152px);
  --s-153: clamp(19.125px, 7.956vw, 153px);
  --s-154: clamp(19.25px, 8.008vw, 154px);
  --s-155: clamp(19.375px, 8.06vw, 155px);
  --s-156: clamp(19.5px, 8.112vw, 156px);
  --s-157: clamp(19.625px, 8.164vw, 157px);
  --s-158: clamp(19.75px, 8.216vw, 158px);
  --s-159: clamp(19.875px, 8.268vw, 159px);
  --s-160: clamp(20px, 8.32vw, 160px);
  --s-161: clamp(20.125px, 8.372vw, 161px);
  --s-162: clamp(20.25px, 8.424vw, 162px);
  --s-163: clamp(20.375px, 8.476vw, 163px);
  --s-164: clamp(20.5px, 8.528vw, 164px);
  --s-165: clamp(20.625px, 8.58vw, 165px);
  --s-166: clamp(20.75px, 8.632vw, 166px);
  --s-167: clamp(20.875px, 8.684vw, 167px);
  --s-168: clamp(21px, 8.736vw, 168px);
  --s-169: clamp(21.125px, 8.788vw, 169px);
  --s-170: clamp(21.25px, 8.84vw, 170px);
  --s-171: clamp(21.375px, 8.892vw, 171px);
  --s-172: clamp(21.5px, 8.944vw, 172px);
  --s-173: clamp(21.625px, 8.996vw, 173px);
  --s-174: clamp(21.75px, 9.048vw, 174px);
  --s-175: clamp(21.875px, 9.1vw, 175px);
  --s-176: clamp(22px, 9.152vw, 176px);
  --s-177: clamp(22.125px, 9.204vw, 177px);
  --s-178: clamp(22.25px, 9.256vw, 178px);
  --s-179: clamp(22.375px, 9.308vw, 179px);
  --s-180: clamp(22.5px, 9.36vw, 180px);
  --s-181: clamp(22.625px, 9.412vw, 181px);
  --s-182: clamp(22.75px, 9.464vw, 182px);
  --s-183: clamp(22.875px, 9.516vw, 183px);
  --s-184: clamp(23px, 9.568vw, 184px);
  --s-185: clamp(23.125px, 9.62vw, 185px);
  --s-186: clamp(23.25px, 9.672vw, 186px);
  --s-187: clamp(23.375px, 9.724vw, 187px);
  --s-188: clamp(23.5px, 9.776vw, 188px);
  --s-189: clamp(23.625px, 9.828vw, 189px);
  --s-190: clamp(23.75px, 9.88vw, 190px);
  --s-191: clamp(23.875px, 9.932vw, 191px);
  --s-192: clamp(24px, 9.984vw, 192px);
  --s-193: clamp(24.125px, 10.036vw, 193px);
  --s-194: clamp(24.25px, 10.088vw, 194px);
  --s-195: clamp(24.375px, 10.14vw, 195px);
  --s-196: clamp(24.5px, 10.192vw, 196px);
  --s-197: clamp(24.625px, 10.244vw, 197px);
  --s-198: clamp(24.75px, 10.296vw, 198px);
  --s-199: clamp(24.875px, 10.348vw, 199px);
  --s-200: clamp(25px, 10.4vw, 200px);
  --s-201: clamp(25.125px, 10.452vw, 201px);
  --s-202: clamp(25.25px, 10.504vw, 202px);
  --s-203: clamp(25.375px, 10.556vw, 203px);
  --s-204: clamp(25.5px, 10.608vw, 204px);
  --s-205: clamp(25.625px, 10.66vw, 205px);
  --s-206: clamp(25.75px, 10.712vw, 206px);
  --s-207: clamp(25.875px, 10.764vw, 207px);
  --s-208: clamp(26px, 10.816vw, 208px);
  --s-209: clamp(26.125px, 10.868vw, 209px);
  --s-210: clamp(26.25px, 10.92vw, 210px);
  --s-211: clamp(26.375px, 10.972vw, 211px);
  --s-212: clamp(26.5px, 11.024vw, 212px);
  --s-213: clamp(26.625px, 11.076vw, 213px);
  --s-214: clamp(26.75px, 11.128vw, 214px);
  --s-215: clamp(26.875px, 11.18vw, 215px);
  --s-216: clamp(27px, 11.232vw, 216px);
  --s-217: clamp(27.125px, 11.284vw, 217px);
  --s-218: clamp(27.25px, 11.336vw, 218px);
  --s-219: clamp(27.375px, 11.388vw, 219px);
  --s-220: clamp(27.5px, 11.44vw, 220px);
  --s-221: clamp(27.625px, 11.492vw, 221px);
  --s-222: clamp(27.75px, 11.544vw, 222px);
  --s-223: clamp(27.875px, 11.596vw, 223px);
  --s-224: clamp(28px, 11.648vw, 224px);
  --s-225: clamp(28.125px, 11.7vw, 225px);
  --s-226: clamp(28.25px, 11.752vw, 226px);
  --s-227: clamp(28.375px, 11.804vw, 227px);
  --s-228: clamp(28.5px, 11.856vw, 228px);
  --s-229: clamp(28.625px, 11.908vw, 229px);
  --s-230: clamp(28.75px, 11.96vw, 230px);
  --s-231: clamp(28.875px, 12.012vw, 231px);
  --s-232: clamp(29px, 12.064vw, 232px);
  --s-233: clamp(29.125px, 12.116vw, 233px);
  --s-234: clamp(29.25px, 12.168vw, 234px);
  --s-235: clamp(29.375px, 12.22vw, 235px);
  --s-236: clamp(29.5px, 12.272vw, 236px);
  --s-237: clamp(29.625px, 12.324vw, 237px);
  --s-238: clamp(29.75px, 12.376vw, 238px);
  --s-239: clamp(29.875px, 12.428vw, 239px);
  --s-240: clamp(30px, 12.48vw, 240px);
  --s-241: clamp(30.125px, 12.532vw, 241px);
  --s-242: clamp(30.25px, 12.584vw, 242px);
  --s-243: clamp(30.375px, 12.636vw, 243px);
  --s-244: clamp(30.5px, 12.688vw, 244px);
  --s-245: clamp(30.625px, 12.74vw, 245px);
  --s-246: clamp(30.75px, 12.792vw, 246px);
  --s-247: clamp(30.875px, 12.844vw, 247px);
  --s-248: clamp(31px, 12.896vw, 248px);
  --s-249: clamp(31.125px, 12.948vw, 249px);
  --s-250: clamp(31.25px, 13vw, 250px);
  --s-251: clamp(31.375px, 13.052vw, 251px);
  --s-252: clamp(31.5px, 13.104vw, 252px);
  --s-253: clamp(31.625px, 13.156vw, 253px);
  --s-254: clamp(31.75px, 13.208vw, 254px);
  --s-255: clamp(31.875px, 13.26vw, 255px);
  --s-256: clamp(32px, 13.312vw, 256px);
  --s-257: clamp(32.125px, 13.364vw, 257px);
  --s-258: clamp(32.25px, 13.416vw, 258px);
  --s-259: clamp(32.375px, 13.468vw, 259px);
  --s-260: clamp(32.5px, 13.52vw, 260px);
  --s-261: clamp(32.625px, 13.572vw, 261px);
  --s-262: clamp(32.75px, 13.624vw, 262px);
  --s-263: clamp(32.875px, 13.676vw, 263px);
  --s-264: clamp(33px, 13.728vw, 264px);
  --s-265: clamp(33.125px, 13.78vw, 265px);
  --s-266: clamp(33.25px, 13.832vw, 266px);
  --s-267: clamp(33.375px, 13.884vw, 267px);
  --s-268: clamp(33.5px, 13.936vw, 268px);
  --s-269: clamp(33.625px, 13.988vw, 269px);
  --s-270: clamp(33.75px, 14.04vw, 270px);
  --s-271: clamp(33.875px, 14.092vw, 271px);
  --s-272: clamp(34px, 14.144vw, 272px);
  --s-273: clamp(34.125px, 14.196vw, 273px);
  --s-274: clamp(34.25px, 14.248vw, 274px);
  --s-275: clamp(34.375px, 14.3vw, 275px);
  --s-276: clamp(34.5px, 14.352vw, 276px);
  --s-277: clamp(34.625px, 14.404vw, 277px);
  --s-278: clamp(34.75px, 14.456vw, 278px);
  --s-279: clamp(34.875px, 14.508vw, 279px);
  --s-280: clamp(35px, 14.56vw, 280px);
  --s-281: clamp(35.125px, 14.612vw, 281px);
  --s-282: clamp(35.25px, 14.664vw, 282px);
  --s-283: clamp(35.375px, 14.716vw, 283px);
  --s-284: clamp(35.5px, 14.768vw, 284px);
  --s-285: clamp(35.625px, 14.82vw, 285px);
  --s-286: clamp(35.75px, 14.872vw, 286px);
  --s-287: clamp(35.875px, 14.924vw, 287px);
  --s-288: clamp(36px, 14.976vw, 288px);
  --s-289: clamp(36.125px, 15.028vw, 289px);
  --s-290: clamp(36.25px, 15.08vw, 290px);
  --s-291: clamp(36.375px, 15.132vw, 291px);
  --s-292: clamp(36.5px, 15.184vw, 292px);
  --s-293: clamp(36.625px, 15.236vw, 293px);
  --s-294: clamp(36.75px, 15.288vw, 294px);
  --s-295: clamp(36.875px, 15.34vw, 295px);
  --s-296: clamp(37px, 15.392vw, 296px);
  --s-297: clamp(37.125px, 15.444vw, 297px);
  --s-298: clamp(37.25px, 15.496vw, 298px);
  --s-299: clamp(37.375px, 15.548vw, 299px);
  --s-300: clamp(37.5px, 15.6vw, 300px);
  --s-301: clamp(37.625px, 15.652vw, 301px);
  --s-302: clamp(37.75px, 15.704vw, 302px);
  --s-303: clamp(37.875px, 15.756vw, 303px);
  --s-304: clamp(38px, 15.808vw, 304px);
  --s-305: clamp(38.125px, 15.86vw, 305px);
  --s-306: clamp(38.25px, 15.912vw, 306px);
  --s-307: clamp(38.375px, 15.964vw, 307px);
  --s-308: clamp(38.5px, 16.016vw, 308px);
  --s-309: clamp(38.625px, 16.068vw, 309px);
  --s-310: clamp(38.75px, 16.12vw, 310px);
  --s-311: clamp(38.875px, 16.172vw, 311px);
  --s-312: clamp(39px, 16.224vw, 312px);
  --s-313: clamp(39.125px, 16.276vw, 313px);
  --s-314: clamp(39.25px, 16.328vw, 314px);
  --s-315: clamp(39.375px, 16.38vw, 315px);
  --s-316: clamp(39.5px, 16.432vw, 316px);
  --s-317: clamp(39.625px, 16.484vw, 317px);
  --s-318: clamp(39.75px, 16.536vw, 318px);
  --s-319: clamp(39.875px, 16.588vw, 319px);
  --s-320: clamp(40px, 16.64vw, 320px);
  --s-321: clamp(40.125px, 16.692vw, 321px);
  --s-322: clamp(40.25px, 16.744vw, 322px);
  --s-323: clamp(40.375px, 16.796vw, 323px);
  --s-324: clamp(40.5px, 16.848vw, 324px);
  --s-325: clamp(40.625px, 16.9vw, 325px);
  --s-326: clamp(40.75px, 16.952vw, 326px);
  --s-327: clamp(40.875px, 17.004vw, 327px);
  --s-328: clamp(41px, 17.056vw, 328px);
  --s-329: clamp(41.125px, 17.108vw, 329px);
  --s-330: clamp(41.25px, 17.16vw, 330px);
  --s-331: clamp(41.375px, 17.212vw, 331px);
  --s-332: clamp(41.5px, 17.264vw, 332px);
  --s-333: clamp(41.625px, 17.316vw, 333px);
  --s-334: clamp(41.75px, 17.368vw, 334px);
  --s-335: clamp(41.875px, 17.42vw, 335px);
  --s-336: clamp(42px, 17.472vw, 336px);
  --s-337: clamp(42.125px, 17.524vw, 337px);
  --s-338: clamp(42.25px, 17.576vw, 338px);
  --s-339: clamp(42.375px, 17.628vw, 339px);
  --s-340: clamp(42.5px, 17.68vw, 340px);
  --s-341: clamp(42.625px, 17.732vw, 341px);
  --s-342: clamp(42.75px, 17.784vw, 342px);
  --s-343: clamp(42.875px, 17.836vw, 343px);
  --s-344: clamp(43px, 17.888vw, 344px);
  --s-345: clamp(43.125px, 17.94vw, 345px);
  --s-346: clamp(43.25px, 17.992vw, 346px);
  --s-347: clamp(43.375px, 18.044vw, 347px);
  --s-348: clamp(43.5px, 18.096vw, 348px);
  --s-349: clamp(43.625px, 18.148vw, 349px);
  --s-350: clamp(43.75px, 18.2vw, 350px);
  --s-351: clamp(43.875px, 18.252vw, 351px);
  --s-352: clamp(44px, 18.304vw, 352px);
  --s-353: clamp(44.125px, 18.356vw, 353px);
  --s-354: clamp(44.25px, 18.408vw, 354px);
  --s-355: clamp(44.375px, 18.46vw, 355px);
  --s-356: clamp(44.5px, 18.512vw, 356px);
  --s-357: clamp(44.625px, 18.564vw, 357px);
  --s-358: clamp(44.75px, 18.616vw, 358px);
  --s-359: clamp(44.875px, 18.668vw, 359px);
  --s-360: clamp(45px, 18.72vw, 360px);
  --s-361: clamp(45.125px, 18.772vw, 361px);
  --s-362: clamp(45.25px, 18.824vw, 362px);
  --s-363: clamp(45.375px, 18.876vw, 363px);
  --s-364: clamp(45.5px, 18.928vw, 364px);
  --s-365: clamp(45.625px, 18.98vw, 365px);
  --s-366: clamp(45.75px, 19.032vw, 366px);
  --s-367: clamp(45.875px, 19.084vw, 367px);
  --s-368: clamp(46px, 19.136vw, 368px);
  --s-369: clamp(46.125px, 19.188vw, 369px);
  --s-370: clamp(46.25px, 19.24vw, 370px);
  --s-371: clamp(46.375px, 19.292vw, 371px);
  --s-372: clamp(46.5px, 19.344vw, 372px);
  --s-373: clamp(46.625px, 19.396vw, 373px);
  --s-374: clamp(46.75px, 19.448vw, 374px);
  --s-375: clamp(46.875px, 19.5vw, 375px);
  --s-376: clamp(47px, 19.552vw, 376px);
  --s-377: clamp(47.125px, 19.604vw, 377px);
  --s-378: clamp(47.25px, 19.656vw, 378px);
  --s-379: clamp(47.375px, 19.708vw, 379px);
  --s-380: clamp(47.5px, 19.76vw, 380px);
  --s-381: clamp(47.625px, 19.812vw, 381px);
  --s-382: clamp(47.75px, 19.864vw, 382px);
  --s-383: clamp(47.875px, 19.916vw, 383px);
  --s-384: clamp(48px, 19.968vw, 384px);
  --s-385: clamp(48.125px, 20.02vw, 385px);
  --s-386: clamp(48.25px, 20.072vw, 386px);
  --s-387: clamp(48.375px, 20.124vw, 387px);
  --s-388: clamp(48.5px, 20.176vw, 388px);
  --s-389: clamp(48.625px, 20.228vw, 389px);
  --s-390: clamp(48.75px, 20.28vw, 390px);
  --s-391: clamp(48.875px, 20.332vw, 391px);
  --s-392: clamp(49px, 20.384vw, 392px);
  --s-393: clamp(49.125px, 20.436vw, 393px);
  --s-394: clamp(49.25px, 20.488vw, 394px);
  --s-395: clamp(49.375px, 20.54vw, 395px);
  --s-396: clamp(49.5px, 20.592vw, 396px);
  --s-397: clamp(49.625px, 20.644vw, 397px);
  --s-398: clamp(49.75px, 20.696vw, 398px);
  --s-399: clamp(49.875px, 20.748vw, 399px);
  --s-400: clamp(50px, 20.8vw, 400px);
  --s-401: clamp(50.125px, 20.885vw, 401px);
  --s-416: clamp(52px, 21.667vw, 416px);
  --s-440: clamp(55px, 22.88vw, 440px);
  --s-450: clamp(56.25px, 23.4vw, 450px);
  --s-460: clamp(57.5px, 23.9583vw, 460px);
  --s-480: clamp(60px, 24.96vw, 480px);
  --s-500: clamp(62.5px, 26vw, 500px);
  --s-550: clamp(68.75px, 28.6vw, 550px);
  --s-800: clamp(100px, 41.6vw, 800px);
  --s-806: clamp(101px, 43.6vw, 806px);
  --s-832: clamp(104px, 44.164vw, 832px);
  --s-580: clamp(72.5px, 30.16vw, 580px);
  --s-620: clamp(77.5px, 32.292vw, 620px);
  --s-640: clamp(80px, 33.333vw, 640px);
  --s-680: clamp(81.5px, 35.16vw, 680px);
  --s-717: clamp(100px, 37.3vw, 717px);
  --s-1502: clamp(208.5px, 110.16vw, 1502px);
  --st-1: clamp(0.125px, 0.073vw, 1px);
  --st-2: clamp(0.25px, 0.146vw, 2px);
  --st-3: clamp(0.375px, 0.219vw, 3px);
  --st-4: clamp(0.5px, 0.292vw, 4px);
  --st-5: clamp(0.625px, 0.365vw, 5px);
  --st-6: clamp(0.75px, 0.438vw, 6px);
  --st-7: clamp(0.875px, 0.511vw, 7px);
  --st-8: clamp(1px, 0.584vw, 8px);
  --st-9: clamp(1.125px, 0.657vw, 9px);
  --st-10: clamp(1.25px, 0.73vw, 10px);
  --st-11: clamp(1.375px, 0.803vw, 11px);
  --st-12: clamp(1.5px, 0.876vw, 12px);
  --st-13: clamp(1.625px, 0.949vw, 13px);
  --st-14: clamp(1.75px, 1.022vw, 14px);
  --st-15: clamp(1.875px, 1.095vw, 15px);
  --st-16: clamp(2px, 1.168vw, 16px);
  --st-17: clamp(2.125px, 1.241vw, 17px);
  --st-18: clamp(2.25px, 1.314vw, 18px);
  --st-19: clamp(2.375px, 1.387vw, 19px);
  --st-20: clamp(2.5px, 1.46vw, 20px);
  --st-21: clamp(2.625px, 1.533vw, 21px);
  --st-22: clamp(2.75px, 1.606vw, 22px);
  --st-23: clamp(2.875px, 1.679vw, 23px);
  --st-24: clamp(3px, 1.752vw, 24px);
  --st-25: clamp(3.125px, 1.825vw, 25px);
  --st-26: clamp(3.25px, 1.898vw, 26px);
  --st-27: clamp(3.375px, 1.971vw, 27px);
  --st-28: clamp(3.5px, 2.044vw, 28px);
  --st-29: clamp(3.625px, 2.117vw, 29px);
  --st-30: clamp(3.75px, 2.19vw, 30px);
  --st-31: clamp(3.875px, 2.263vw, 31px);
  --st-32: clamp(4px, 2.336vw, 32px);
  --st-33: clamp(4.125px, 2.409vw, 33px);
  --st-34: clamp(4.25px, 2.482vw, 34px);
  --st-35: clamp(4.375px, 2.555vw, 35px);
  --st-36: clamp(4.5px, 2.628vw, 36px);
  --st-37: clamp(4.625px, 2.701vw, 37px);
  --st-38: clamp(4.75px, 2.774vw, 38px);
  --st-39: clamp(4.875px, 2.847vw, 39px);
  --st-40: clamp(5px, 2.92vw, 40px);
  --st-41: clamp(5.125px, 2.993vw, 41px);
  --st-42: clamp(5.25px, 3.066vw, 42px);
  --st-43: clamp(5.375px, 3.139vw, 43px);
  --st-44: clamp(5.5px, 3.212vw, 44px);
  --st-45: clamp(5.625px, 3.285vw, 45px);
  --st-46: clamp(5.75px, 3.358vw, 46px);
  --st-47: clamp(5.875px, 3.431vw, 47px);
  --st-48: clamp(6px, 3.504vw, 48px);
  --st-49: clamp(6.125px, 3.577vw, 49px);
  --st-50: clamp(6.25px, 3.65vw, 50px);
  --st-51: clamp(6.375px, 3.723vw, 51px);
  --st-52: clamp(6.5px, 3.796vw, 52px);
  --st-53: clamp(6.625px, 3.869vw, 53px);
  --st-54: clamp(6.75px, 3.942vw, 54px);
  --st-55: clamp(6.875px, 4.015vw, 55px);
  --st-56: clamp(7px, 4.088vw, 56px);
  --st-57: clamp(7.125px, 4.161vw, 57px);
  --st-58: clamp(7.25px, 4.234vw, 58px);
  --st-59: clamp(7.375px, 4.307vw, 59px);
  --st-60: clamp(7.5px, 4.38vw, 60px);
  --st-61: clamp(7.625px, 4.453vw, 61px);
  --st-62: clamp(7.75px, 4.526vw, 62px);
  --st-63: clamp(7.875px, 4.599vw, 63px);
  --st-64: clamp(8px, 4.672vw, 64px);
  --st-65: clamp(8.125px, 4.745vw, 65px);
  --st-66: clamp(8.25px, 4.818vw, 66px);
  --st-67: clamp(8.375px, 4.891vw, 67px);
  --st-68: clamp(8.5px, 4.964vw, 68px);
  --st-69: clamp(8.625px, 5.037vw, 69px);
  --st-70: clamp(8.75px, 5.11vw, 70px);
  --st-71: clamp(8.875px, 5.183vw, 71px);
  --st-72: clamp(9px, 5.256vw, 72px);
  --st-73: clamp(9.125px, 5.329vw, 73px);
  --st-74: clamp(9.25px, 5.402vw, 74px);
  --st-75: clamp(9.375px, 5.475vw, 75px);
  --st-76: clamp(9.5px, 5.548vw, 76px);
  --st-77: clamp(9.625px, 5.621vw, 77px);
  --st-78: clamp(9.75px, 5.694vw, 78px);
  --st-79: clamp(9.875px, 5.767vw, 79px);
  --st-80: clamp(10px, 5.84vw, 80px);
  --st-81: clamp(10.125px, 5.913vw, 81px);
  --st-82: clamp(10.25px, 5.986vw, 82px);
  --st-83: clamp(10.375px, 6.059vw, 83px);
  --st-84: clamp(10.5px, 6.132vw, 84px);
  --st-85: clamp(10.625px, 6.205vw, 85px);
  --st-86: clamp(10.75px, 6.278vw, 86px);
  --st-87: clamp(10.875px, 6.351vw, 87px);
  --st-88: clamp(11px, 6.424vw, 88px);
  --st-89: clamp(11.125px, 6.497vw, 89px);
  --st-90: clamp(11.25px, 6.57vw, 90px);
  --st-91: clamp(11.375px, 6.643vw, 91px);
  --st-92: clamp(11.5px, 6.716vw, 92px);
  --st-93: clamp(11.625px, 6.789vw, 93px);
  --st-94: clamp(11.75px, 6.862vw, 94px);
  --st-95: clamp(11.875px, 6.935vw, 95px);
  --st-96: clamp(12px, 7.008vw, 96px);
  --st-97: clamp(12.125px, 7.081vw, 97px);
  --st-98: clamp(12.25px, 7.154vw, 98px);
  --st-99: clamp(12.375px, 7.227vw, 99px);
  --st-100: clamp(12.5px, 7.3vw, 100px);
  --st-101: clamp(12.625px, 7.373vw, 101px);
  --st-102: clamp(12.75px, 7.446vw, 102px);
  --st-103: clamp(12.875px, 7.519vw, 103px);
  --st-104: clamp(13px, 7.592vw, 104px);
  --st-105: clamp(13.125px, 7.665vw, 105px);
  --st-106: clamp(13.25px, 7.738vw, 106px);
  --st-107: clamp(13.375px, 7.811vw, 107px);
  --st-108: clamp(13.5px, 7.884vw, 108px);
  --st-109: clamp(13.625px, 7.957vw, 109px);
  --st-110: clamp(13.75px, 8.03vw, 110px);
  --st-111: clamp(13.875px, 8.103vw, 111px);
  --st-112: clamp(14px, 8.176vw, 112px);
  --st-113: clamp(14.125px, 8.249vw, 113px);
  --st-114: clamp(14.25px, 8.322vw, 114px);
  --st-115: clamp(14.375px, 8.395vw, 115px);
  --st-116: clamp(14.5px, 8.468vw, 116px);
  --st-117: clamp(14.625px, 8.541vw, 117px);
  --st-118: clamp(14.75px, 8.614vw, 118px);
  --st-119: clamp(14.875px, 8.687vw, 119px);
  --st-120: clamp(15px, 8.76vw, 120px);
  --st-121: clamp(15.125px, 8.833vw, 121px);
  --st-122: clamp(15.25px, 8.906vw, 122px);
  --st-123: clamp(15.375px, 8.979vw, 123px);
  --st-124: clamp(15.5px, 9.052vw, 124px);
  --st-125: clamp(15.625px, 9.125vw, 125px);
  --st-126: clamp(15.75px, 9.198vw, 126px);
  --st-127: clamp(15.875px, 9.271vw, 127px);
  --st-128: clamp(16px, 9.344vw, 128px);
  --st-129: clamp(16.125px, 9.417vw, 129px);
  --st-130: clamp(16.25px, 9.49vw, 130px);
  --st-131: clamp(16.375px, 9.563vw, 131px);
  --st-132: clamp(16.5px, 9.636vw, 132px);
  --st-133: clamp(16.625px, 9.709vw, 133px);
  --st-134: clamp(16.75px, 9.782vw, 134px);
  --st-135: clamp(16.875px, 9.855vw, 135px);
  --st-136: clamp(17px, 9.928vw, 136px);
  --st-137: clamp(17.125px, 10.001vw, 137px);
  --st-138: clamp(17.25px, 10.074vw, 138px);
  --st-139: clamp(17.375px, 10.147vw, 139px);
  --st-140: clamp(17.5px, 10.22vw, 140px);
  --st-141: clamp(17.625px, 10.293vw, 141px);
  --st-142: clamp(17.75px, 10.366vw, 142px);
  --st-143: clamp(17.875px, 10.439vw, 143px);
  --st-144: clamp(18px, 10.512vw, 144px);
  --st-145: clamp(18.125px, 10.585vw, 145px);
  --st-146: clamp(18.25px, 10.658vw, 146px);
  --st-147: clamp(18.375px, 10.731vw, 147px);
  --st-148: clamp(18.5px, 10.804vw, 148px);
  --st-149: clamp(18.625px, 10.877vw, 149px);
  --st-150: clamp(18.75px, 10.95vw, 150px);
  --st-151: clamp(18.875px, 11.023vw, 151px);
  --st-152: clamp(19px, 11.096vw, 152px);
  --st-153: clamp(19.125px, 11.169vw, 153px);
  --st-154: clamp(19.25px, 11.242vw, 154px);
  --st-155: clamp(19.375px, 11.315vw, 155px);
  --st-156: clamp(19.5px, 11.388vw, 156px);
  --st-157: clamp(19.625px, 11.461vw, 157px);
  --st-158: clamp(19.75px, 11.534vw, 158px);
  --st-159: clamp(19.875px, 11.607vw, 159px);
  --st-160: clamp(20px, 11.68vw, 160px);
  --st-161: clamp(20.125px, 11.753vw, 161px);
  --st-162: clamp(20.25px, 11.826vw, 162px);
  --st-163: clamp(20.375px, 11.899vw, 163px);
  --st-164: clamp(20.5px, 11.972vw, 164px);
  --st-165: clamp(20.625px, 12.045vw, 165px);
  --st-166: clamp(20.75px, 12.118vw, 166px);
  --st-167: clamp(20.875px, 12.191vw, 167px);
  --st-168: clamp(21px, 12.264vw, 168px);
  --st-169: clamp(21.125px, 12.337vw, 169px);
  --st-170: clamp(21.25px, 12.41vw, 170px);
  --st-171: clamp(21.375px, 12.483vw, 171px);
  --st-172: clamp(21.5px, 12.556vw, 172px);
  --st-173: clamp(21.625px, 12.629vw, 173px);
  --st-174: clamp(21.75px, 12.702vw, 174px);
  --st-175: clamp(21.875px, 12.775vw, 175px);
  --st-176: clamp(22px, 12.848vw, 176px);
  --st-177: clamp(22.125px, 12.921vw, 177px);
  --st-178: clamp(22.25px, 12.994vw, 178px);
  --st-179: clamp(22.375px, 13.067vw, 179px);
  --st-180: clamp(22.5px, 13.14vw, 180px);
  --st-181: clamp(22.625px, 13.213vw, 181px);
  --st-182: clamp(22.75px, 13.286vw, 182px);
  --st-183: clamp(22.875px, 13.359vw, 183px);
  --st-184: clamp(23px, 13.432vw, 184px);
  --st-185: clamp(23.125px, 13.505vw, 185px);
  --st-186: clamp(23.25px, 13.578vw, 186px);
  --st-187: clamp(23.375px, 13.651vw, 187px);
  --st-188: clamp(23.5px, 13.724vw, 188px);
  --st-189: clamp(23.625px, 13.797vw, 189px);
  --st-190: clamp(23.75px, 13.87vw, 190px);
  --st-191: clamp(23.875px, 13.943vw, 191px);
  --st-192: clamp(24px, 14.016vw, 192px);
  --st-193: clamp(24.125px, 14.089vw, 193px);
  --st-194: clamp(24.25px, 14.162vw, 194px);
  --st-195: clamp(24.375px, 14.235vw, 195px);
  --st-196: clamp(24.5px, 14.308vw, 196px);
  --st-197: clamp(24.625px, 14.381vw, 197px);
  --st-198: clamp(24.75px, 14.454vw, 198px);
  --st-199: clamp(24.875px, 14.527vw, 199px);
  --st-200: clamp(25px, 14.6vw, 200px);
  --st-201: clamp(25.125px, 14.673vw, 201px);
  --st-202: clamp(25.25px, 14.746vw, 202px);
  --st-203: clamp(25.375px, 14.819vw, 203px);
  --st-204: clamp(25.5px, 14.892vw, 204px);
  --st-205: clamp(25.625px, 14.965vw, 205px);
  --st-206: clamp(25.75px, 15.038vw, 206px);
  --st-207: clamp(25.875px, 15.111vw, 207px);
  --st-208: clamp(26px, 15.184vw, 208px);
  --st-209: clamp(26.125px, 15.257vw, 209px);
  --st-210: clamp(26.25px, 15.33vw, 210px);
  --st-211: clamp(26.375px, 15.403vw, 211px);
  --st-212: clamp(26.5px, 15.476vw, 212px);
  --st-213: clamp(26.625px, 15.549vw, 213px);
  --st-214: clamp(26.75px, 15.622vw, 214px);
  --st-215: clamp(26.875px, 15.695vw, 215px);
  --st-216: clamp(27px, 15.768vw, 216px);
  --st-217: clamp(27.125px, 15.841vw, 217px);
  --st-218: clamp(27.25px, 15.914vw, 218px);
  --st-219: clamp(27.375px, 15.987vw, 219px);
  --st-220: clamp(27.5px, 16.06vw, 220px);
  --st-221: clamp(27.625px, 16.133vw, 221px);
  --st-222: clamp(27.75px, 16.206vw, 222px);
  --st-223: clamp(27.875px, 16.279vw, 223px);
  --st-224: clamp(28px, 16.352vw, 224px);
  --st-225: clamp(28.125px, 16.425vw, 225px);
  --st-226: clamp(28.25px, 16.498vw, 226px);
  --st-227: clamp(28.375px, 16.571vw, 227px);
  --st-228: clamp(28.5px, 16.644vw, 228px);
  --st-229: clamp(28.625px, 16.717vw, 229px);
  --st-230: clamp(28.75px, 16.79vw, 230px);
  --st-231: clamp(28.875px, 16.863vw, 231px);
  --st-232: clamp(29px, 16.936vw, 232px);
  --st-233: clamp(29.125px, 17.009vw, 233px);
  --st-234: clamp(29.25px, 17.082vw, 234px);
  --st-235: clamp(29.375px, 17.155vw, 235px);
  --st-236: clamp(29.5px, 17.228vw, 236px);
  --st-237: clamp(29.625px, 17.301vw, 237px);
  --st-238: clamp(29.75px, 17.374vw, 238px);
  --st-239: clamp(29.875px, 17.447vw, 239px);
  --st-240: clamp(30px, 17.52vw, 240px);
  --st-241: clamp(30.125px, 17.593vw, 241px);
  --st-242: clamp(30.25px, 17.666vw, 242px);
  --st-243: clamp(30.375px, 17.739vw, 243px);
  --st-244: clamp(30.5px, 17.812vw, 244px);
  --st-245: clamp(30.625px, 17.885vw, 245px);
  --st-246: clamp(30.75px, 17.958vw, 246px);
  --st-247: clamp(30.875px, 18.031vw, 247px);
  --st-248: clamp(31px, 18.104vw, 248px);
  --st-249: clamp(31.125px, 18.177vw, 249px);
  --st-250: clamp(31.25px, 18.25vw, 250px);
  --st-251: clamp(31.375px, 18.323vw, 251px);
  --st-252: clamp(31.5px, 18.396vw, 252px);
  --st-253: clamp(31.625px, 18.469vw, 253px);
  --st-254: clamp(31.75px, 18.542vw, 254px);
  --st-255: clamp(31.875px, 18.615vw, 255px);
  --st-256: clamp(32px, 18.688vw, 256px);
  --st-257: clamp(32.125px, 18.761vw, 257px);
  --st-258: clamp(32.25px, 18.834vw, 258px);
  --st-259: clamp(32.375px, 18.907vw, 259px);
  --st-260: clamp(32.5px, 18.98vw, 260px);
  --st-261: clamp(32.625px, 19.053vw, 261px);
  --st-262: clamp(32.75px, 19.126vw, 262px);
  --st-263: clamp(32.875px, 19.199vw, 263px);
  --st-264: clamp(33px, 19.272vw, 264px);
  --st-265: clamp(33.125px, 19.345vw, 265px);
  --st-266: clamp(33.25px, 19.418vw, 266px);
  --st-267: clamp(33.375px, 19.491vw, 267px);
  --st-268: clamp(33.5px, 19.564vw, 268px);
  --st-269: clamp(33.625px, 19.637vw, 269px);
  --st-270: clamp(33.75px, 19.71vw, 270px);
  --st-271: clamp(33.875px, 19.783vw, 271px);
  --st-272: clamp(34px, 19.856vw, 272px);
  --st-273: clamp(34.125px, 19.929vw, 273px);
  --st-274: clamp(34.25px, 20.002vw, 274px);
  --st-275: clamp(34.375px, 20.075vw, 275px);
  --st-276: clamp(34.5px, 20.148vw, 276px);
  --st-277: clamp(34.625px, 20.221vw, 277px);
  --st-278: clamp(34.75px, 20.294vw, 278px);
  --st-279: clamp(34.875px, 20.367vw, 279px);
  --st-280: clamp(35px, 20.44vw, 280px);
  --st-281: clamp(35.125px, 20.513vw, 281px);
  --st-282: clamp(35.25px, 20.586vw, 282px);
  --st-283: clamp(35.375px, 20.659vw, 283px);
  --st-284: clamp(35.5px, 20.732vw, 284px);
  --st-285: clamp(35.625px, 20.805vw, 285px);
  --st-286: clamp(35.75px, 20.878vw, 286px);
  --st-287: clamp(35.875px, 20.951vw, 287px);
  --st-288: clamp(36px, 21.024vw, 288px);
  --st-289: clamp(36.125px, 21.097vw, 289px);
  --st-290: clamp(36.25px, 21.17vw, 290px);
  --st-291: clamp(36.375px, 21.243vw, 291px);
  --st-292: clamp(36.5px, 21.316vw, 292px);
  --st-293: clamp(36.625px, 21.389vw, 293px);
  --st-294: clamp(36.75px, 21.462vw, 294px);
  --st-295: clamp(36.875px, 21.535vw, 295px);
  --st-296: clamp(37px, 21.608vw, 296px);
  --st-297: clamp(37.125px, 21.681vw, 297px);
  --st-298: clamp(37.25px, 21.754vw, 298px);
  --st-299: clamp(37.375px, 21.827vw, 299px);
  --st-300: clamp(37.5px, 21.9vw, 300px);
  --st-301: clamp(37.625px, 21.973vw, 301px);
  --st-302: clamp(37.75px, 22.046vw, 302px);
  --st-303: clamp(37.875px, 22.119vw, 303px);
  --st-304: clamp(38px, 22.192vw, 304px);
  --st-305: clamp(38.125px, 22.265vw, 305px);
  --st-306: clamp(38.25px, 22.338vw, 306px);
  --st-307: clamp(38.375px, 22.411vw, 307px);
  --st-308: clamp(38.5px, 22.484vw, 308px);
  --st-309: clamp(38.625px, 22.557vw, 309px);
  --st-310: clamp(38.75px, 22.63vw, 310px);
  --st-311: clamp(38.875px, 22.703vw, 311px);
  --st-312: clamp(39px, 22.776vw, 312px);
  --st-313: clamp(39.125px, 22.849vw, 313px);
  --st-314: clamp(39.25px, 22.922vw, 314px);
  --st-315: clamp(39.375px, 22.995vw, 315px);
  --st-316: clamp(39.5px, 23.068vw, 316px);
  --st-317: clamp(39.625px, 23.141vw, 317px);
  --st-318: clamp(39.75px, 23.214vw, 318px);
  --st-319: clamp(39.875px, 23.287vw, 319px);
  --st-320: clamp(40px, 23.36vw, 320px);
  --st-321: clamp(40.125px, 23.433vw, 321px);
  --st-322: clamp(40.25px, 23.506vw, 322px);
  --st-323: clamp(40.375px, 23.579vw, 323px);
  --st-324: clamp(40.5px, 23.652vw, 324px);
  --st-325: clamp(40.625px, 23.725vw, 325px);
  --st-326: clamp(40.75px, 23.798vw, 326px);
  --st-327: clamp(40.875px, 23.871vw, 327px);
  --st-328: clamp(41px, 23.944vw, 328px);
  --st-329: clamp(41.125px, 24.017vw, 329px);
  --st-330: clamp(41.25px, 24.09vw, 330px);
  --st-331: clamp(41.375px, 24.163vw, 331px);
  --st-332: clamp(41.5px, 24.236vw, 332px);
  --st-333: clamp(41.625px, 24.309vw, 333px);
  --st-334: clamp(41.75px, 24.382vw, 334px);
  --st-335: clamp(41.875px, 24.455vw, 335px);
  --st-336: clamp(42px, 24.528vw, 336px);
  --st-337: clamp(42.125px, 24.601vw, 337px);
  --st-338: clamp(42.25px, 24.674vw, 338px);
  --st-339: clamp(42.375px, 24.747vw, 339px);
  --st-340: clamp(42.5px, 24.82vw, 340px);
  --st-341: clamp(42.625px, 24.893vw, 341px);
  --st-342: clamp(42.75px, 24.966vw, 342px);
  --st-343: clamp(42.875px, 25.039vw, 343px);
  --st-344: clamp(43px, 25.112vw, 344px);
  --st-345: clamp(43.125px, 25.185vw, 345px);
  --st-346: clamp(43.25px, 25.258vw, 346px);
  --st-347: clamp(43.375px, 25.331vw, 347px);
  --st-348: clamp(43.5px, 25.404vw, 348px);
  --st-349: clamp(43.625px, 25.477vw, 349px);
  --st-350: clamp(43.75px, 25.55vw, 350px);
  --st-351: clamp(43.875px, 25.623vw, 351px);
  --st-352: clamp(44px, 25.696vw, 352px);
  --st-353: clamp(44.125px, 25.769vw, 353px);
  --st-354: clamp(44.25px, 25.842vw, 354px);
  --st-355: clamp(44.375px, 25.915vw, 355px);
  --st-356: clamp(44.5px, 25.988vw, 356px);
  --st-357: clamp(44.625px, 26.061vw, 357px);
  --st-358: clamp(44.75px, 26.134vw, 358px);
  --st-359: clamp(44.875px, 26.207vw, 359px);
  --st-360: clamp(45px, 26.28vw, 360px);
  --st-361: clamp(45.125px, 26.353vw, 361px);
  --st-362: clamp(45.25px, 26.426vw, 362px);
  --st-363: clamp(45.375px, 26.499vw, 363px);
  --st-364: clamp(45.5px, 26.572vw, 364px);
  --st-365: clamp(45.625px, 26.645vw, 365px);
  --st-366: clamp(45.75px, 26.718vw, 366px);
  --st-367: clamp(45.875px, 26.791vw, 367px);
  --st-368: clamp(46px, 26.864vw, 368px);
  --st-369: clamp(46.125px, 26.937vw, 369px);
  --st-370: clamp(46.25px, 27.01vw, 370px);
  --st-371: clamp(46.375px, 27.083vw, 371px);
  --st-372: clamp(46.5px, 27.156vw, 372px);
  --st-373: clamp(46.625px, 27.229vw, 373px);
  --st-374: clamp(46.75px, 27.302vw, 374px);
  --st-375: clamp(46.875px, 27.375vw, 375px);
  --st-376: clamp(47px, 27.448vw, 376px);
  --st-377: clamp(47.125px, 27.521vw, 377px);
  --st-378: clamp(47.25px, 27.594vw, 378px);
  --st-379: clamp(47.375px, 27.667vw, 379px);
  --st-380: clamp(47.5px, 27.74vw, 380px);
  --st-381: clamp(47.625px, 27.813vw, 381px);
  --st-382: clamp(47.75px, 27.886vw, 382px);
  --st-383: clamp(47.875px, 27.959vw, 383px);
  --st-384: clamp(48px, 28.032vw, 384px);
  --st-385: clamp(48.125px, 28.105vw, 385px);
  --st-386: clamp(48.25px, 28.178vw, 386px);
  --st-387: clamp(48.375px, 28.251vw, 387px);
  --st-388: clamp(48.5px, 28.324vw, 388px);
  --st-389: clamp(48.625px, 28.397vw, 389px);
  --st-390: clamp(48.75px, 28.47vw, 390px);
  --st-391: clamp(48.875px, 28.543vw, 391px);
  --st-392: clamp(49px, 28.616vw, 392px);
  --st-393: clamp(49.125px, 28.689vw, 393px);
  --st-394: clamp(49.25px, 28.762vw, 394px);
  --st-395: clamp(49.375px, 28.835vw, 395px);
  --st-396: clamp(49.5px, 28.908vw, 396px);
  --st-397: clamp(49.625px, 28.981vw, 397px);
  --st-398: clamp(49.75px, 29.054vw, 398px);
  --st-399: clamp(49.875px, 29.127vw, 399px);
  --st-400: clamp(50px, 29.2vw, 400px);
  --st-401: clamp(50.125px, 29.273vw, 401px);
  --st-402: clamp(50.25px, 29.346vw, 402px);
  --st-403: clamp(50.375px, 29.419vw, 403px);
  --st-404: clamp(50.5px, 29.492vw, 404px);
  --st-405: clamp(50.625px, 29.565vw, 405px);
  --st-406: clamp(50.75px, 29.638vw, 406px);
  --st-407: clamp(50.875px, 29.711vw, 407px);
  --st-408: clamp(51px, 29.784vw, 408px);
  --st-409: clamp(51.125px, 29.857vw, 409px);
  --st-410: clamp(51.25px, 29.93vw, 410px);
  --st-411: clamp(51.375px, 30.003vw, 411px);
  --st-412: clamp(51.5px, 30.076vw, 412px);
  --st-413: clamp(51.625px, 30.149vw, 413px);
  --st-414: clamp(51.75px, 30.222vw, 414px);
  --st-415: clamp(51.875px, 30.295vw, 415px);
  --st-416: clamp(52px, 30.368vw, 416px);
  --st-417: clamp(52.125px, 30.441vw, 417px);
  --st-418: clamp(52.25px, 30.514vw, 418px);
  --st-419: clamp(52.375px, 30.587vw, 419px);
  --st-420: clamp(52.5px, 30.66vw, 420px);
  --st-421: clamp(52.625px, 30.733vw, 421px);
  --st-422: clamp(52.75px, 30.806vw, 422px);
  --st-423: clamp(52.875px, 30.879vw, 423px);
  --st-424: clamp(53px, 30.952vw, 424px);
  --st-425: clamp(53.125px, 31.025vw, 425px);
  --st-426: clamp(53.25px, 31.098vw, 426px);
  --st-427: clamp(53.375px, 31.171vw, 427px);
  --st-428: clamp(53.5px, 31.244vw, 428px);
  --st-429: clamp(53.625px, 31.317vw, 429px);
  --st-430: clamp(53.75px, 31.39vw, 430px);
  --st-431: clamp(53.875px, 31.463vw, 431px);
  --st-432: clamp(54px, 31.536vw, 432px);
  --st-433: clamp(54.125px, 31.609vw, 433px);
  --st-434: clamp(54.25px, 31.682vw, 434px);
  --st-435: clamp(54.375px, 31.755vw, 435px);
  --st-436: clamp(54.5px, 31.828vw, 436px);
  --st-437: clamp(54.625px, 31.901vw, 437px);
  --st-438: clamp(54.75px, 31.974vw, 438px);
  --st-439: clamp(54.875px, 32.047vw, 439px);
  --st-440: clamp(55px, 32.12vw, 440px);
  --st-441: clamp(55.125px, 32.193vw, 441px);
  --st-442: clamp(55.25px, 32.266vw, 442px);
  --st-443: clamp(55.375px, 32.339vw, 443px);
  --st-444: clamp(55.5px, 32.412vw, 444px);
  --st-445: clamp(55.625px, 32.485vw, 445px);
  --st-446: clamp(55.75px, 32.558vw, 446px);
  --st-447: clamp(55.875px, 32.631vw, 447px);
  --st-448: clamp(56px, 32.704vw, 448px);
  --st-449: clamp(56.125px, 32.777vw, 449px);
  --st-450: clamp(56.25px, 32.85vw, 450px);
  --st-451: clamp(56.375px, 32.923vw, 451px);
  --st-452: clamp(56.5px, 32.996vw, 452px);
  --st-453: clamp(56.625px, 33.069vw, 453px);
  --st-454: clamp(56.75px, 33.142vw, 454px);
  --st-455: clamp(56.875px, 33.215vw, 455px);
  --st-456: clamp(57px, 33.288vw, 456px);
  --st-457: clamp(57.125px, 33.361vw, 457px);
  --st-458: clamp(57.25px, 33.434vw, 458px);
  --st-459: clamp(57.375px, 33.507vw, 459px);
  --st-460: clamp(57.5px, 33.58vw, 460px);
  --st-461: clamp(57.625px, 33.653vw, 461px);
  --st-462: clamp(57.75px, 33.726vw, 462px);
  --st-463: clamp(57.875px, 33.799vw, 463px);
  --st-464: clamp(58px, 33.872vw, 464px);
  --st-465: clamp(58.125px, 33.945vw, 465px);
  --st-466: clamp(58.25px, 34.018vw, 466px);
  --st-467: clamp(58.375px, 34.091vw, 467px);
  --st-468: clamp(58.5px, 34.164vw, 468px);
  --st-469: clamp(58.625px, 34.237vw, 469px);
  --st-470: clamp(58.75px, 34.31vw, 470px);
  --st-471: clamp(58.875px, 34.383vw, 471px);
  --st-472: clamp(59px, 34.456vw, 472px);
  --st-473: clamp(59.125px, 34.529vw, 473px);
  --st-474: clamp(59.25px, 34.602vw, 474px);
  --st-475: clamp(59.375px, 34.675vw, 475px);
  --st-476: clamp(59.5px, 34.748vw, 476px);
  --st-477: clamp(59.625px, 34.821vw, 477px);
  --st-478: clamp(59.75px, 34.894vw, 478px);
  --st-479: clamp(59.875px, 34.967vw, 479px);
  --st-480: clamp(60px, 35.04vw, 480px);
  --st-481: clamp(60.125px, 35.113vw, 481px);
  --st-482: clamp(60.25px, 35.186vw, 482px);
  --st-483: clamp(60.375px, 35.259vw, 483px);
  --st-484: clamp(60.5px, 35.332vw, 484px);
  --st-485: clamp(60.625px, 35.405vw, 485px);
  --st-486: clamp(60.75px, 35.478vw, 486px);
  --st-487: clamp(60.875px, 35.551vw, 487px);
  --st-488: clamp(61px, 35.624vw, 488px);
  --st-489: clamp(61.125px, 35.697vw, 489px);
  --st-490: clamp(61.25px, 35.77vw, 490px);
  --st-491: clamp(61.375px, 35.843vw, 491px);
  --st-492: clamp(61.5px, 35.916vw, 492px);
  --st-493: clamp(61.625px, 35.989vw, 493px);
  --st-494: clamp(61.75px, 36.062vw, 494px);
  --st-495: clamp(61.875px, 36.135vw, 495px);
  --st-496: clamp(62px, 36.208vw, 496px);
  --st-497: clamp(62.125px, 36.281vw, 497px);
  --st-498: clamp(62.25px, 36.354vw, 498px);
  --st-499: clamp(62.375px, 36.427vw, 499px);
  --st-500: clamp(62.5px, 36.5vw, 500px);
  --st-501: clamp(62.625px, 36.573vw, 501px);
  --st-502: clamp(62.75px, 36.646vw, 502px);
  --st-503: clamp(62.875px, 36.719vw, 503px);
  --st-504: clamp(63px, 36.792vw, 504px);
  --st-505: clamp(63.125px, 36.865vw, 505px);
  --st-506: clamp(63.25px, 36.938vw, 506px);
  --st-507: clamp(63.375px, 37.011vw, 507px);
  --st-508: clamp(63.5px, 37.084vw, 508px);
  --st-509: clamp(63.625px, 37.157vw, 509px);
  --st-510: clamp(63.75px, 37.23vw, 510px);
  --st-511: clamp(63.875px, 37.303vw, 511px);
  --st-512: clamp(64px, 37.376vw, 512px);
  --st-513: clamp(64.125px, 37.449vw, 513px);
  --st-514: clamp(64.25px, 37.522vw, 514px);
  --st-515: clamp(64.375px, 37.595vw, 515px);
  --st-516: clamp(64.5px, 37.668vw, 516px);
  --st-517: clamp(64.625px, 37.741vw, 517px);
  --st-518: clamp(64.75px, 37.814vw, 518px);
  --st-519: clamp(64.875px, 37.887vw, 519px);
  --st-520: clamp(65px, 37.96vw, 520px);
  --st-521: clamp(65.125px, 38.033vw, 521px);
  --st-522: clamp(65.25px, 38.106vw, 522px);
  --st-523: clamp(65.375px, 38.179vw, 523px);
  --st-524: clamp(65.5px, 38.252vw, 524px);
  --st-525: clamp(65.625px, 38.325vw, 525px);
  --st-526: clamp(65.75px, 38.398vw, 526px);
  --st-527: clamp(65.875px, 38.471vw, 527px);
  --st-528: clamp(66px, 38.544vw, 528px);
  --st-529: clamp(66.125px, 38.617vw, 529px);
  --st-530: clamp(66.25px, 38.69vw, 530px);
  --st-531: clamp(66.375px, 38.763vw, 531px);
  --st-532: clamp(66.5px, 38.836vw, 532px);
  --st-533: clamp(66.625px, 38.909vw, 533px);
  --st-534: clamp(66.75px, 38.982vw, 534px);
  --st-535: clamp(66.875px, 39.055vw, 535px);
  --st-536: clamp(67px, 39.128vw, 536px);
  --st-537: clamp(67.125px, 39.201vw, 537px);
  --st-538: clamp(67.25px, 39.274vw, 538px);
  --st-539: clamp(67.375px, 39.347vw, 539px);
  --st-540: clamp(67.5px, 39.42vw, 540px);
  --st-541: clamp(67.625px, 39.493vw, 541px);
  --st-542: clamp(67.75px, 39.566vw, 542px);
  --st-543: clamp(67.875px, 39.639vw, 543px);
  --st-544: clamp(68px, 39.712vw, 544px);
  --st-545: clamp(68.125px, 39.785vw, 545px);
  --st-546: clamp(68.25px, 39.858vw, 546px);
  --st-547: clamp(68.375px, 39.931vw, 547px);
  --st-548: clamp(68.5px, 40.004vw, 548px);
  --st-549: clamp(68.625px, 40.077vw, 549px);
  --st-550: clamp(68.75px, 40.15vw, 550px);
  --st-551: clamp(68.875px, 40.223vw, 551px);
  --st-552: clamp(69px, 40.296vw, 552px);
  --st-553: clamp(69.125px, 40.369vw, 553px);
  --st-554: clamp(69.25px, 40.442vw, 554px);
  --st-555: clamp(69.375px, 40.515vw, 555px);
  --st-556: clamp(69.5px, 40.588vw, 556px);
  --st-557: clamp(69.625px, 40.661vw, 557px);
  --st-558: clamp(69.75px, 40.734vw, 558px);
  --st-559: clamp(69.875px, 40.807vw, 559px);
  --st-560: clamp(70px, 40.88vw, 560px);
  --st-561: clamp(70.125px, 40.953vw, 561px);
  --st-562: clamp(70.25px, 41.026vw, 562px);
  --st-563: clamp(70.375px, 41.099vw, 563px);
  --st-564: clamp(70.5px, 41.172vw, 564px);
  --st-565: clamp(70.625px, 41.245vw, 565px);
  --st-566: clamp(70.75px, 41.318vw, 566px);
  --st-567: clamp(70.875px, 41.391vw, 567px);
  --st-568: clamp(71px, 41.464vw, 568px);
  --st-569: clamp(71.125px, 41.537vw, 569px);
  --st-570: clamp(71.25px, 41.61vw, 570px);
  --st-571: clamp(71.375px, 41.683vw, 571px);
  --st-572: clamp(71.5px, 41.756vw, 572px);
  --st-573: clamp(71.625px, 41.829vw, 573px);
  --st-574: clamp(71.75px, 41.902vw, 574px);
  --st-575: clamp(71.875px, 41.975vw, 575px);
  --st-576: clamp(72px, 42.048vw, 576px);
  --st-577: clamp(72.125px, 42.121vw, 577px);
  --st-578: clamp(72.25px, 42.194vw, 578px);
  --st-579: clamp(72.375px, 42.267vw, 579px);
  --st-580: clamp(72.5px, 42.34vw, 580px);
  --st-581: clamp(72.625px, 42.413vw, 581px);
  --st-582: clamp(72.75px, 42.486vw, 582px);
  --st-583: clamp(72.875px, 42.559vw, 583px);
  --st-584: clamp(73px, 42.632vw, 584px);
  --st-585: clamp(73.125px, 42.705vw, 585px);
  --st-586: clamp(73.25px, 42.778vw, 586px);
  --st-587: clamp(73.375px, 42.851vw, 587px);
  --st-588: clamp(73.5px, 42.924vw, 588px);
  --st-589: clamp(73.625px, 42.997vw, 589px);
  --st-590: clamp(73.75px, 43.07vw, 590px);
  --st-591: clamp(73.875px, 43.143vw, 591px);
  --st-592: clamp(74px, 43.216vw, 592px);
  --st-593: clamp(74.125px, 43.289vw, 593px);
  --st-594: clamp(74.25px, 43.362vw, 594px);
  --st-595: clamp(74.375px, 43.435vw, 595px);
  --st-596: clamp(74.5px, 43.508vw, 596px);
  --st-597: clamp(74.625px, 43.581vw, 597px);
  --st-598: clamp(74.75px, 43.654vw, 598px);
  --st-599: clamp(74.875px, 43.727vw, 599px);
  --st-600: clamp(75px, 43.8vw, 600px);
  --st-601: clamp(75.125px, 43.873vw, 601px);
  --st-602: clamp(75.25px, 43.946vw, 602px);
  --st-603: clamp(75.375px, 44.019vw, 603px);
  --st-604: clamp(75.5px, 44.092vw, 604px);
  --st-605: clamp(75.625px, 44.165vw, 605px);
  --st-606: clamp(75.75px, 44.238vw, 606px);
  --st-607: clamp(75.875px, 44.311vw, 607px);
  --st-608: clamp(76px, 44.384vw, 608px);
  --st-609: clamp(76.125px, 44.457vw, 609px);
  --st-610: clamp(76.25px, 44.53vw, 610px);
  --st-611: clamp(76.375px, 44.603vw, 611px);
  --st-612: clamp(76.5px, 44.676vw, 612px);
  --st-613: clamp(76.625px, 44.749vw, 613px);
  --st-614: clamp(76.75px, 44.822vw, 614px);
  --st-615: clamp(76.875px, 44.895vw, 615px);
  --st-616: clamp(77px, 44.968vw, 616px);
  --st-617: clamp(77.125px, 45.041vw, 617px);
  --st-618: clamp(77.25px, 45.114vw, 618px);
  --st-619: clamp(77.375px, 45.187vw, 619px);
  --st-620: clamp(77.5px, 45.26vw, 620px);
  --st-621: clamp(77.625px, 45.333vw, 621px);
  --st-622: clamp(77.75px, 45.406vw, 622px);
  --st-623: clamp(77.875px, 45.479vw, 623px);
  --st-624: clamp(78px, 45.552vw, 624px);
  --st-625: clamp(78.125px, 45.625vw, 625px);
  --st-626: clamp(78.25px, 45.698vw, 626px);
  --st-627: clamp(78.375px, 45.771vw, 627px);
  --st-628: clamp(78.5px, 45.844vw, 628px);
  --st-629: clamp(78.625px, 45.917vw, 629px);
  --st-630: clamp(78.75px, 45.99vw, 630px);
  --st-631: clamp(78.875px, 46.063vw, 631px);
  --st-632: clamp(79px, 46.136vw, 632px);
  --st-633: clamp(79.125px, 46.209vw, 633px);
  --st-634: clamp(79.25px, 46.282vw, 634px);
  --st-635: clamp(79.375px, 46.355vw, 635px);
  --st-636: clamp(79.5px, 46.428vw, 636px);
  --st-637: clamp(79.625px, 46.501vw, 637px);
  --st-638: clamp(79.75px, 46.574vw, 638px);
  --st-639: clamp(79.875px, 46.647vw, 639px);
  --st-640: clamp(80px, 46.72vw, 640px);
  --st-641: clamp(80.125px, 46.793vw, 641px);
  --st-642: clamp(80.25px, 46.866vw, 642px);
  --st-643: clamp(80.375px, 46.939vw, 643px);
  --st-644: clamp(80.5px, 47.012vw, 644px);
  --st-645: clamp(80.625px, 47.085vw, 645px);
  --st-646: clamp(80.75px, 47.158vw, 646px);
  --st-647: clamp(80.875px, 47.231vw, 647px);
  --st-648: clamp(81px, 47.304vw, 648px);
  --st-649: clamp(81.125px, 47.377vw, 649px);
  --st-650: clamp(81.25px, 47.45vw, 650px);
  --st-651: clamp(81.375px, 47.523vw, 651px);
  --st-652: clamp(81.5px, 47.596vw, 652px);
  --st-653: clamp(81.625px, 47.669vw, 653px);
  --st-654: clamp(81.75px, 47.742vw, 654px);
  --st-655: clamp(81.875px, 47.815vw, 655px);
  --st-656: clamp(82px, 47.888vw, 656px);
  --st-657: clamp(82.125px, 47.961vw, 657px);
  --st-658: clamp(82.25px, 48.034vw, 658px);
  --st-659: clamp(82.375px, 48.107vw, 659px);
  --st-660: clamp(82.5px, 48.18vw, 660px);
  --st-661: clamp(82.625px, 48.253vw, 661px);
  --st-662: clamp(82.75px, 48.326vw, 662px);
  --st-663: clamp(82.875px, 48.399vw, 663px);
  --st-664: clamp(83px, 48.472vw, 664px);
  --st-665: clamp(83.125px, 48.545vw, 665px);
  --st-666: clamp(83.25px, 48.618vw, 666px);
  --st-667: clamp(83.375px, 48.691vw, 667px);
  --st-668: clamp(83.5px, 48.764vw, 668px);
  --st-669: clamp(83.625px, 48.837vw, 669px);
  --st-670: clamp(83.75px, 48.91vw, 670px);
  --st-671: clamp(83.875px, 48.983vw, 671px);
  --st-672: clamp(84px, 49.056vw, 672px);
  --st-673: clamp(84.125px, 49.129vw, 673px);
  --st-674: clamp(84.25px, 49.202vw, 674px);
  --st-675: clamp(84.375px, 49.275vw, 675px);
  --st-676: clamp(84.5px, 49.348vw, 676px);
  --st-677: clamp(84.625px, 49.421vw, 677px);
  --st-678: clamp(84.75px, 49.494vw, 678px);
  --st-679: clamp(84.875px, 49.567vw, 679px);
  --st-680: clamp(85px, 49.64vw, 680px);
  --st-681: clamp(85.125px, 49.713vw, 681px);
  --st-682: clamp(85.25px, 49.786vw, 682px);
  --st-683: clamp(85.375px, 49.859vw, 683px);
  --st-684: clamp(85.5px, 49.932vw, 684px);
  --st-685: clamp(85.625px, 50.005vw, 685px);
  --st-686: clamp(85.75px, 50.078vw, 686px);
  --st-687: clamp(85.875px, 50.151vw, 687px);
  --st-688: clamp(86px, 50.224vw, 688px);
  --st-689: clamp(86.125px, 50.297vw, 689px);
  --st-690: clamp(86.25px, 50.37vw, 690px);
  --st-691: clamp(86.375px, 50.443vw, 691px);
  --st-692: clamp(86.5px, 50.516vw, 692px);
  --st-693: clamp(86.625px, 50.589vw, 693px);
  --st-694: clamp(86.75px, 50.662vw, 694px);
  --st-695: clamp(86.875px, 50.735vw, 695px);
  --st-696: clamp(87px, 50.808vw, 696px);
  --st-697: clamp(87.125px, 50.881vw, 697px);
  --st-698: clamp(87.25px, 50.954vw, 698px);
  --st-699: clamp(87.375px, 51.027vw, 699px);
  --st-700: clamp(87.5px, 51.1vw, 700px);
  --st-701: clamp(87.625px, 51.173vw, 701px);
  --st-702: clamp(87.75px, 51.246vw, 702px);
  --st-703: clamp(87.875px, 51.319vw, 703px);
  --st-704: clamp(88px, 51.392vw, 704px);
  --st-705: clamp(88.125px, 51.465vw, 705px);
  --st-706: clamp(88.25px, 51.538vw, 706px);
  --st-707: clamp(88.375px, 51.611vw, 707px);
  --st-708: clamp(88.5px, 51.684vw, 708px);
  --st-709: clamp(88.625px, 51.757vw, 709px);
  --st-710: clamp(88.75px, 51.83vw, 710px);
  --st-711: clamp(88.875px, 51.903vw, 711px);
  --st-712: clamp(89px, 51.976vw, 712px);
  --st-713: clamp(89.125px, 52.049vw, 713px);
  --st-714: clamp(89.25px, 52.122vw, 714px);
  --st-715: clamp(89.375px, 52.195vw, 715px);
  --st-716: clamp(89.5px, 52.268vw, 716px);
  --st-717: clamp(89.625px, 52.341vw, 717px);
  --st-718: clamp(89.75px, 52.414vw, 718px);
  --st-719: clamp(89.875px, 52.487vw, 719px);
  --st-720: clamp(90px, 52.56vw, 720px);
  --st-721: clamp(90.125px, 52.633vw, 721px);
  --st-722: clamp(90.25px, 52.706vw, 722px);
  --st-723: clamp(90.375px, 52.779vw, 723px);
  --st-724: clamp(90.5px, 52.852vw, 724px);
  --st-725: clamp(90.625px, 52.925vw, 725px);
  --st-726: clamp(90.75px, 52.998vw, 726px);
  --st-727: clamp(90.875px, 53.071vw, 727px);
  --st-728: clamp(91px, 53.144vw, 728px);
  --st-729: clamp(91.125px, 53.217vw, 729px);
  --st-730: clamp(91.25px, 53.29vw, 730px);
  --st-731: clamp(91.375px, 53.363vw, 731px);
  --st-732: clamp(91.5px, 53.436vw, 732px);
  --st-733: clamp(91.625px, 53.509vw, 733px);
  --st-734: clamp(91.75px, 53.582vw, 734px);
  --st-735: clamp(91.875px, 53.655vw, 735px);
  --st-736: clamp(92px, 53.728vw, 736px);
  --st-737: clamp(92.125px, 53.801vw, 737px);
  --st-738: clamp(92.25px, 53.874vw, 738px);
  --st-739: clamp(92.375px, 53.947vw, 739px);
  --st-740: clamp(92.5px, 54.02vw, 740px);
  --st-741: clamp(92.625px, 54.093vw, 741px);
  --st-742: clamp(92.75px, 54.166vw, 742px);
  --st-743: clamp(92.875px, 54.239vw, 743px);
  --st-744: clamp(93px, 54.312vw, 744px);
  --st-745: clamp(93.125px, 54.385vw, 745px);
  --st-746: clamp(93.25px, 54.458vw, 746px);
  --st-747: clamp(93.375px, 54.531vw, 747px);
  --st-748: clamp(93.5px, 54.604vw, 748px);
  --st-749: clamp(93.625px, 54.677vw, 749px);
  --st-750: clamp(93.75px, 54.75vw, 750px);
  --st-751: clamp(93.875px, 54.823vw, 751px);
  --st-752: clamp(94px, 54.896vw, 752px);
  --st-753: clamp(94.125px, 54.969vw, 753px);
  --st-754: clamp(94.25px, 55.042vw, 754px);
  --st-755: clamp(94.375px, 55.115vw, 755px);
  --st-756: clamp(94.5px, 55.188vw, 756px);
  --st-757: clamp(94.625px, 55.261vw, 757px);
  --st-758: clamp(94.75px, 55.334vw, 758px);
  --st-759: clamp(94.875px, 55.407vw, 759px);
  --st-760: clamp(95px, 55.48vw, 760px);
  --st-761: clamp(95.125px, 55.553vw, 761px);
  --st-762: clamp(95.25px, 55.626vw, 762px);
  --st-763: clamp(95.375px, 55.699vw, 763px);
  --st-764: clamp(95.5px, 55.772vw, 764px);
  --st-765: clamp(95.625px, 55.845vw, 765px);
  --st-766: clamp(95.75px, 55.918vw, 766px);
  --st-767: clamp(95.875px, 55.991vw, 767px);
  --st-768: clamp(96px, 56.064vw, 768px);
  --st-769: clamp(96.125px, 56.137vw, 769px);
  --st-770: clamp(96.25px, 56.21vw, 770px);
  --st-771: clamp(96.375px, 56.283vw, 771px);
  --st-772: clamp(96.5px, 56.356vw, 772px);
  --st-773: clamp(96.625px, 56.429vw, 773px);
  --st-774: clamp(96.75px, 56.502vw, 774px);
  --st-775: clamp(96.875px, 56.575vw, 775px);
  --st-776: clamp(97px, 56.648vw, 776px);
  --st-777: clamp(97.125px, 56.721vw, 777px);
  --st-778: clamp(97.25px, 56.794vw, 778px);
  --st-779: clamp(97.375px, 56.867vw, 779px);
  --st-780: clamp(97.5px, 56.94vw, 780px);
  --st-781: clamp(97.625px, 57.013vw, 781px);
  --st-782: clamp(97.75px, 57.086vw, 782px);
  --st-783: clamp(97.875px, 57.159vw, 783px);
  --st-784: clamp(98px, 57.232vw, 784px);
  --st-785: clamp(98.125px, 57.305vw, 785px);
  --st-786: clamp(98.25px, 57.378vw, 786px);
  --st-787: clamp(98.375px, 57.451vw, 787px);
  --st-788: clamp(98.5px, 57.524vw, 788px);
  --st-789: clamp(98.625px, 57.597vw, 789px);
  --st-790: clamp(98.75px, 57.67vw, 790px);
  --sm-20: clamp(-20px, -2.6vw, -2.5px);
  --sm-50: clamp(-50px, -2.6vw, -6.25px);
}

/* src/styles/theme.scss */
.mat-mdc-raised-button[disabled] {
  color: white !important;
}
avcc-yardpass-toolbar-items .mat-toolbar .mat-mdc-button {
  min-width: var(--s-64);
  line-height: var(--s-36);
  padding: 0 var(--s-16);
  border-radius: var(--s-4);
}
avcc-yard-dog-details .dashboard-btn .mat-mdc-raised-button {
  padding: var(--s-10) !important;
}
avcc-yard-dog-details .dashboard-btn .mdc-button__label {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
}
html {
  --mat-app-background-color: #303030;
  --mat-app-text-color: white;
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-ripple-color: color-mix(in srgb, white 12%, transparent);
}
html {
  --mat-option-selected-state-label-text-color: #f2a900;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: #f2a900;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: #e87e00;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent);
}
html {
  --mat-optgroup-label-text-color: white;
}
html {
  --mat-pseudo-checkbox-full-selected-icon-color: #f2a900;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f2a900;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
.mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #f2a900;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f2a900;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
.mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #f2a900;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f2a900;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
.mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e87e00;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e87e00;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
html {
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
}
html {
  --mat-button-filled-container-color: #424242;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: white;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-outlined-state-layer-color: white;
  --mat-button-protected-container-color: #424242;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: white;
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-text-state-layer-color: white;
  --mat-button-tonal-container-color: #424242;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #f2a900;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #f2a900;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #f2a900 12%, transparent);
  --mat-button-outlined-state-layer-color: #f2a900;
  --mat-button-protected-container-color: #f2a900;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #f2a900;
  --mat-button-text-ripple-color: color-mix(in srgb, #f2a900 12%, transparent);
  --mat-button-text-state-layer-color: #f2a900;
  --mat-button-tonal-container-color: #f2a900;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #f2a900;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #f2a900;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #f2a900 12%, transparent);
  --mat-button-outlined-state-layer-color: #f2a900;
  --mat-button-protected-container-color: #f2a900;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #f2a900;
  --mat-button-text-ripple-color: color-mix(in srgb, #f2a900 12%, transparent);
  --mat-button-text-state-layer-color: #f2a900;
  --mat-button-tonal-container-color: #f2a900;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e87e00;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #e87e00;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e87e00 12%, transparent);
  --mat-button-outlined-state-layer-color: #e87e00;
  --mat-button-protected-container-color: #e87e00;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #e87e00;
  --mat-button-text-ripple-color: color-mix(in srgb, #e87e00 12%, transparent);
  --mat-button-text-state-layer-color: #e87e00;
  --mat-button-tonal-container-color: #e87e00;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
html {
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
}
html {
  --mat-app-background-color: #303030;
  --mat-app-text-color: white;
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-ripple-color: color-mix(in srgb, white 12%, transparent);
}
html {
  --mat-option-selected-state-label-text-color: #f2a900;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: #f2a900;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: #e87e00;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent);
}
html {
  --mat-optgroup-label-text-color: white;
}
html {
  --mat-pseudo-checkbox-full-selected-icon-color: #f2a900;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f2a900;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
.mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #f2a900;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f2a900;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
.mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #f2a900;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f2a900;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
.mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e87e00;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e87e00;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
html {
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
}
html {
  --mat-card-elevated-container-color: #424242;
  --mat-card-elevated-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-container-color: #424242;
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-card-subtitle-text-color: rgba(255, 255, 255, 0.7);
  --mat-card-filled-container-color: #424242;
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}
.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #f2a900;
  --mat-progress-bar-track-color: rgba(242, 169, 0, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #f2a900;
  --mat-progress-bar-track-color: rgba(242, 169, 0, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e87e00;
  --mat-progress-bar-track-color: rgba(232, 126, 0, 0.25);
}
html {
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
}
html {
  --mat-tooltip-container-color: white;
  --mat-tooltip-supporting-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
}
html {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f2a900 87%, transparent);
  --mat-form-field-filled-caret-color: #f2a900;
  --mat-form-field-filled-focus-active-indicator-color: #f2a900;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f2a900 87%, transparent);
  --mat-form-field-outlined-caret-color: #f2a900;
  --mat-form-field-outlined-focus-outline-color: #f2a900;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f2a900 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-state-layer-color: white;
  --mat-form-field-error-text-color: #e87e00;
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #4a4a4a;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, white 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-filled-input-text-color: white;
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-error-hover-label-text-color: #e87e00;
  --mat-form-field-filled-error-focus-label-text-color: #e87e00;
  --mat-form-field-filled-error-label-text-color: #e87e00;
  --mat-form-field-filled-error-caret-color: #e87e00;
  --mat-form-field-filled-active-indicator-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, white 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: white;
  --mat-form-field-filled-error-active-indicator-color: #e87e00;
  --mat-form-field-filled-error-focus-active-indicator-color: #e87e00;
  --mat-form-field-filled-error-hover-active-indicator-color: #e87e00;
  --mat-form-field-outlined-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-outlined-hover-label-text-color: white;
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-outlined-input-text-color: white;
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-outlined-error-caret-color: #e87e00;
  --mat-form-field-outlined-error-focus-label-text-color: #e87e00;
  --mat-form-field-outlined-error-label-text-color: #e87e00;
  --mat-form-field-outlined-error-hover-label-text-color: #e87e00;
  --mat-form-field-outlined-outline-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, white 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: white;
  --mat-form-field-outlined-error-focus-outline-color: #e87e00;
  --mat-form-field-outlined-error-hover-outline-color: #e87e00;
  --mat-form-field-outlined-error-outline-color: #e87e00;
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f2a900 87%, transparent);
  --mat-form-field-filled-caret-color: #f2a900;
  --mat-form-field-filled-focus-active-indicator-color: #f2a900;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f2a900 87%, transparent);
  --mat-form-field-outlined-caret-color: #f2a900;
  --mat-form-field-outlined-focus-outline-color: #f2a900;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f2a900 87%, transparent);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e87e00 87%, transparent);
  --mat-form-field-filled-caret-color: #e87e00;
  --mat-form-field-filled-focus-active-indicator-color: #e87e00;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e87e00 87%, transparent);
  --mat-form-field-outlined-caret-color: #e87e00;
  --mat-form-field-outlined-focus-outline-color: #e87e00;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e87e00 87%, transparent);
}
html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}
html {
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: white;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);
  --mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-focused-arrow-color: #f2a900;
  --mat-select-invalid-arrow-color: #e87e00;
}
.mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: white;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);
  --mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-focused-arrow-color: #f2a900;
  --mat-select-invalid-arrow-color: #e87e00;
}
.mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: white;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);
  --mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-focused-arrow-color: #e87e00;
  --mat-select-invalid-arrow-color: #e87e00;
}
html {
  --mat-select-arrow-transform: translateY(-8px);
}
html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-autocomplete-background-color: #424242;
}
html {
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}
html {
  --mat-dialog-container-color: #424242;
  --mat-dialog-subhead-color: white;
  --mat-dialog-supporting-text-color: rgba(255, 255, 255, 0.7);
}
.mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #f2a900;
  --mat-chip-elevated-disabled-container-color: #f2a900;
  --mat-chip-elevated-selected-container-color: #f2a900;
  --mat-chip-flat-disabled-selected-container-color: #f2a900;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #f2a900;
  --mat-chip-elevated-disabled-container-color: #f2a900;
  --mat-chip-elevated-selected-container-color: #f2a900;
  --mat-chip-flat-disabled-selected-container-color: #f2a900;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #e87e00;
  --mat-chip-elevated-disabled-container-color: #e87e00;
  --mat-chip-elevated-selected-container-color: #e87e00;
  --mat-chip-flat-disabled-selected-container-color: #e87e00;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
html {
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
}
html {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #f2a900;
  --mat-slide-toggle-selected-handle-color: #f2a900;
  --mat-slide-toggle-selected-hover-state-layer-color: #f2a900;
  --mat-slide-toggle-selected-pressed-state-layer-color: #f2a900;
  --mat-slide-toggle-selected-focus-handle-color: #f2a900;
  --mat-slide-toggle-selected-hover-handle-color: #f2a900;
  --mat-slide-toggle-selected-pressed-handle-color: #f2a900;
  --mat-slide-toggle-selected-focus-track-color: #f0a200;
  --mat-slide-toggle-selected-hover-track-color: #f0a200;
  --mat-slide-toggle-selected-pressed-track-color: #f0a200;
  --mat-slide-toggle-selected-track-color: #f0a200;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-slide-toggle-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-disabled-selected-handle-color: white;
  --mat-slide-toggle-disabled-selected-track-color: white;
  --mat-slide-toggle-disabled-unselected-handle-color: white;
  --mat-slide-toggle-disabled-unselected-icon-color: #4a4a4a;
  --mat-slide-toggle-disabled-unselected-track-color: white;
  --mat-slide-toggle-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-handle-surface-color: #424242;
  --mat-slide-toggle-label-text-color: white;
  --mat-slide-toggle-unselected-hover-handle-color: white;
  --mat-slide-toggle-unselected-focus-handle-color: white;
  --mat-slide-toggle-unselected-focus-state-layer-color: white;
  --mat-slide-toggle-unselected-focus-track-color: rgba(255, 255, 255, 0.12);
  --mat-slide-toggle-unselected-icon-color: #4a4a4a;
  --mat-slide-toggle-unselected-handle-color: rgba(255, 255, 255, 0.7);
  --mat-slide-toggle-unselected-hover-state-layer-color: white;
  --mat-slide-toggle-unselected-hover-track-color: rgba(255, 255, 255, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: white;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(255, 255, 255, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: white;
  --mat-slide-toggle-unselected-track-color: rgba(255, 255, 255, 0.12);
}
.mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #f2a900;
  --mat-slide-toggle-selected-handle-color: #f2a900;
  --mat-slide-toggle-selected-hover-state-layer-color: #f2a900;
  --mat-slide-toggle-selected-pressed-state-layer-color: #f2a900;
  --mat-slide-toggle-selected-focus-handle-color: #f2a900;
  --mat-slide-toggle-selected-hover-handle-color: #f2a900;
  --mat-slide-toggle-selected-pressed-handle-color: #f2a900;
  --mat-slide-toggle-selected-focus-track-color: #f0a200;
  --mat-slide-toggle-selected-hover-track-color: #f0a200;
  --mat-slide-toggle-selected-pressed-track-color: #f0a200;
  --mat-slide-toggle-selected-track-color: #f0a200;
}
.mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #e87e00;
  --mat-slide-toggle-selected-handle-color: #e87e00;
  --mat-slide-toggle-selected-hover-state-layer-color: #e87e00;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e87e00;
  --mat-slide-toggle-selected-focus-handle-color: #e87e00;
  --mat-slide-toggle-selected-hover-handle-color: #e87e00;
  --mat-slide-toggle-selected-pressed-handle-color: #e87e00;
  --mat-slide-toggle-selected-focus-track-color: #f0a200;
  --mat-slide-toggle-selected-hover-track-color: #f0a200;
  --mat-slide-toggle-selected-pressed-track-color: #f0a200;
  --mat-slide-toggle-selected-track-color: #f0a200;
}
html {
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
}
html {
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #f2a900;
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #f2a900;
  --mat-radio-selected-hover-icon-color: #f2a900;
  --mat-radio-selected-icon-color: #f2a900;
  --mat-radio-selected-pressed-icon-color: #f2a900;
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #f2a900;
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #f2a900;
  --mat-radio-selected-hover-icon-color: #f2a900;
  --mat-radio-selected-icon-color: #f2a900;
  --mat-radio-selected-pressed-icon-color: #f2a900;
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e87e00;
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #e87e00;
  --mat-radio-selected-hover-icon-color: #e87e00;
  --mat-radio-selected-icon-color: #e87e00;
  --mat-radio-selected-pressed-icon-color: #e87e00;
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
html {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
html {
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
}
html {
  --mat-slider-active-track-color: #f2a900;
  --mat-slider-focus-handle-color: #f2a900;
  --mat-slider-handle-color: #f2a900;
  --mat-slider-hover-handle-color: #f2a900;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #f2a900 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #f2a900 4%, transparent);
  --mat-slider-inactive-track-color: #f2a900;
  --mat-slider-ripple-color: #f2a900;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #f2a900;
  --mat-slider-disabled-active-track-color: white;
  --mat-slider-disabled-handle-color: white;
  --mat-slider-disabled-inactive-track-color: white;
  --mat-slider-label-container-color: white;
  --mat-slider-label-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: white;
  --mat-slider-with-tick-marks-disabled-container-color: white;
}
.mat-accent {
  --mat-slider-active-track-color: #f2a900;
  --mat-slider-focus-handle-color: #f2a900;
  --mat-slider-handle-color: #f2a900;
  --mat-slider-hover-handle-color: #f2a900;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #f2a900 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #f2a900 4%, transparent);
  --mat-slider-inactive-track-color: #f2a900;
  --mat-slider-ripple-color: #f2a900;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #f2a900;
}
.mat-warn {
  --mat-slider-active-track-color: #e87e00;
  --mat-slider-focus-handle-color: #e87e00;
  --mat-slider-handle-color: #e87e00;
  --mat-slider-hover-handle-color: #e87e00;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e87e00 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e87e00 4%, transparent);
  --mat-slider-inactive-track-color: #e87e00;
  --mat-slider-ripple-color: #e87e00;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #e87e00;
}
html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-color: white;
  --mat-menu-item-icon-color: white;
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-menu-container-color: #424242;
  --mat-menu-divider-color: rgba(255, 255, 255, 0.12);
}
html {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
  --mat-list-list-item-label-text-color: white;
  --mat-list-list-item-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-disabled-label-text-color: white;
  --mat-list-list-item-disabled-leading-icon-color: white;
  --mat-list-list-item-disabled-trailing-icon-color: white;
  --mat-list-list-item-hover-label-text-color: white;
  --mat-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-hover-state-layer-color: white;
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-focus-label-text-color: white;
  --mat-list-list-item-focus-state-layer-color: white;
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-checked-ripple-color: #f2a900;
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #f2a900;
  --mat-radio-selected-hover-icon-color: #f2a900;
  --mat-radio-selected-icon-color: #f2a900;
  --mat-radio-selected-pressed-icon-color: #f2a900;
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #f2a900;
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #f2a900;
  --mat-radio-selected-hover-icon-color: #f2a900;
  --mat-radio-selected-icon-color: #f2a900;
  --mat-radio-selected-pressed-icon-color: #f2a900;
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e87e00;
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #e87e00;
  --mat-radio-selected-hover-icon-color: #e87e00;
  --mat-radio-selected-icon-color: #e87e00;
  --mat-radio-selected-pressed-icon-color: #e87e00;
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f2a900;
  --mat-checkbox-selected-hover-icon-color: #f2a900;
  --mat-checkbox-selected-icon-color: #f2a900;
  --mat-checkbox-selected-pressed-icon-color: #f2a900;
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: #f2a900;
  --mat-checkbox-selected-hover-state-layer-color: #f2a900;
  --mat-checkbox-selected-pressed-state-layer-color: #f2a900;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f2a900;
  --mat-checkbox-selected-hover-icon-color: #f2a900;
  --mat-checkbox-selected-icon-color: #f2a900;
  --mat-checkbox-selected-pressed-icon-color: #f2a900;
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: #f2a900;
  --mat-checkbox-selected-hover-state-layer-color: #f2a900;
  --mat-checkbox-selected-pressed-state-layer-color: #f2a900;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #e87e00;
  --mat-checkbox-selected-hover-icon-color: #e87e00;
  --mat-checkbox-selected-icon-color: #e87e00;
  --mat-checkbox-selected-pressed-icon-color: #e87e00;
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: #e87e00;
  --mat-checkbox-selected-hover-state-layer-color: #e87e00;
  --mat-checkbox-selected-pressed-state-layer-color: #e87e00;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #f2a900;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
}
html {
  --mat-paginator-container-text-color: white;
  --mat-paginator-container-background-color: #424242;
  --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.7);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, white 38%, transparent);
}
html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}
html {
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-label-text-color: #f2a900;
  --mat-tab-active-ripple-color: #f2a900;
  --mat-tab-inactive-ripple-color: #f2a900;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-focus-label-text-color: #f2a900;
  --mat-tab-active-hover-label-text-color: #f2a900;
  --mat-tab-active-focus-indicator-color: #f2a900;
  --mat-tab-active-hover-indicator-color: #f2a900;
  --mat-tab-active-indicator-color: #f2a900;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-label-text-color: #f2a900;
  --mat-tab-active-ripple-color: #f2a900;
  --mat-tab-inactive-ripple-color: #f2a900;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-focus-label-text-color: #f2a900;
  --mat-tab-active-hover-label-text-color: #f2a900;
  --mat-tab-active-focus-indicator-color: #f2a900;
  --mat-tab-active-hover-indicator-color: #f2a900;
  --mat-tab-active-indicator-color: #f2a900;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-label-text-color: #e87e00;
  --mat-tab-active-ripple-color: #e87e00;
  --mat-tab-inactive-ripple-color: #e87e00;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-focus-label-text-color: #e87e00;
  --mat-tab-active-hover-label-text-color: #e87e00;
  --mat-tab-active-focus-indicator-color: #e87e00;
  --mat-tab-active-hover-indicator-color: #e87e00;
  --mat-tab-active-indicator-color: #e87e00;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #f2a900;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #f2a900;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e87e00;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
html {
  --mat-checkbox-disabled-selected-checkmark-color: #424242;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
}
html {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f2a900;
  --mat-checkbox-selected-hover-icon-color: #f2a900;
  --mat-checkbox-selected-icon-color: #f2a900;
  --mat-checkbox-selected-pressed-icon-color: #f2a900;
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: #f2a900;
  --mat-checkbox-selected-hover-state-layer-color: #f2a900;
  --mat-checkbox-selected-pressed-state-layer-color: #f2a900;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f2a900;
  --mat-checkbox-selected-hover-icon-color: #f2a900;
  --mat-checkbox-selected-icon-color: #f2a900;
  --mat-checkbox-selected-pressed-icon-color: #f2a900;
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: #f2a900;
  --mat-checkbox-selected-hover-state-layer-color: #f2a900;
  --mat-checkbox-selected-pressed-state-layer-color: #f2a900;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #e87e00;
  --mat-checkbox-selected-hover-icon-color: #e87e00;
  --mat-checkbox-selected-icon-color: #e87e00;
  --mat-checkbox-selected-pressed-icon-color: #e87e00;
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: #e87e00;
  --mat-checkbox-selected-hover-state-layer-color: #e87e00;
  --mat-checkbox-selected-pressed-state-layer-color: #e87e00;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
html {
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
}
html {
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
}
html {
  --mat-button-filled-container-color: #424242;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: white;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-outlined-state-layer-color: white;
  --mat-button-protected-container-color: #424242;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: white;
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-text-state-layer-color: white;
  --mat-button-tonal-container-color: #424242;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #f2a900;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #f2a900;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #f2a900 12%, transparent);
  --mat-button-outlined-state-layer-color: #f2a900;
  --mat-button-protected-container-color: #f2a900;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #f2a900;
  --mat-button-text-ripple-color: color-mix(in srgb, #f2a900 12%, transparent);
  --mat-button-text-state-layer-color: #f2a900;
  --mat-button-tonal-container-color: #f2a900;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #f2a900;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #f2a900;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #f2a900 12%, transparent);
  --mat-button-outlined-state-layer-color: #f2a900;
  --mat-button-protected-container-color: #f2a900;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #f2a900;
  --mat-button-text-ripple-color: color-mix(in srgb, #f2a900 12%, transparent);
  --mat-button-text-state-layer-color: #f2a900;
  --mat-button-tonal-container-color: #f2a900;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e87e00;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #e87e00;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e87e00 12%, transparent);
  --mat-button-outlined-state-layer-color: #e87e00;
  --mat-button-protected-container-color: #e87e00;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #e87e00;
  --mat-button-text-ripple-color: color-mix(in srgb, #e87e00 12%, transparent);
  --mat-button-text-state-layer-color: #e87e00;
  --mat-button-tonal-container-color: #e87e00;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
html {
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
}
html {
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
}
html {
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-icon-button-state-layer-color: white;
}
.mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #f2a900;
  --mat-icon-button-state-layer-color: #f2a900;
  --mat-icon-button-ripple-color: color-mix(in srgb, #f2a900 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #f2a900;
  --mat-icon-button-state-layer-color: #f2a900;
  --mat-icon-button-ripple-color: color-mix(in srgb, #f2a900 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e87e00;
  --mat-icon-button-state-layer-color: #e87e00;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e87e00 12%, transparent);
}
html {
  --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mat-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mat-fab-container-color: #424242;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, white 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: white;
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-container-color: #424242;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, white 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #f2a900;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #f2a900 12%, transparent);
  --mat-fab-small-container-color: #f2a900;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #f2a900;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #f2a900 12%, transparent);
  --mat-fab-small-container-color: #f2a900;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e87e00;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #e87e00 12%, transparent);
  --mat-fab-small-container-color: #e87e00;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
html {
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
}
html {
  --mat-snack-bar-container-shape: 4px;
}
html {
  --mat-snack-bar-container-color: white;
  --mat-snack-bar-supporting-text-color: rgba(0, 0, 0, 0.87);
  --mat-snack-bar-button-color: #f0a200;
}
html {
  --mat-table-row-item-outline-width: 1px;
}
html {
  --mat-table-background-color: #424242;
  --mat-table-header-headline-color: white;
  --mat-table-row-item-label-text-color: white;
  --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
}
html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}
html {
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
}
html {
  --mat-progress-spinner-active-indicator-color: #f2a900;
}
.mat-accent {
  --mat-progress-spinner-active-indicator-color: #f2a900;
}
.mat-warn {
  --mat-progress-spinner-active-indicator-color: #e87e00;
}
html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}
html {
  --mat-badge-background-color: #f2a900;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
}
.mat-badge-accent {
  --mat-badge-background-color: #f2a900;
  --mat-badge-text-color: white;
}
.mat-badge-warn {
  --mat-badge-background-color: #e87e00;
  --mat-badge-text-color: white;
}
html {
  --mat-bottom-sheet-container-shape: 4px;
}
html {
  --mat-bottom-sheet-container-text-color: white;
  --mat-bottom-sheet-container-background-color: #424242;
}
html {
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
}
html {
  --mat-button-toggle-background-color: #424242;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: #424242;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-toggle-divider-color: rgba(255, 255, 255, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: #424242;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: white;
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-legacy-text-color: white;
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-selected-state-text-color: white;
  --mat-button-toggle-state-layer-color: white;
  --mat-button-toggle-text-color: white;
}
html {
  --mat-button-toggle-height: 48px;
}
html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f2a900 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #f2a900 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f2a900;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f2a900 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f2a900 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f2a900 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #f2a900;
  --mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
.mat-datepicker-content.mat-accent,
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f2a900 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #f2a900 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f2a900;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f2a900 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f2a900 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f2a900 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #f2a900;
  --mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
.mat-datepicker-content.mat-warn,
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e87e00 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #f2a900 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #e87e00;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e87e00 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e87e00 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e87e00 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e87e00;
  --mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-divider-width: 1px;
}
html {
  --mat-divider-color: rgba(255, 255, 255, 0.12);
}
html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}
html {
  --mat-expansion-container-background-color: #424242;
  --mat-expansion-container-text-color: white;
  --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-expansion-header-text-color: white;
  --mat-expansion-header-description-color: rgba(255, 255, 255, 0.7);
  --mat-expansion-header-indicator-color: rgba(255, 255, 255, 0.7);
}
html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}
html {
  --mat-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: #f2a900;
}
.mat-icon.mat-accent {
  --mat-icon-color: #f2a900;
}
.mat-icon.mat-warn {
  --mat-icon-color: #e87e00;
}
html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}
html {
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
  --mat-sidenav-container-background-color: #424242;
  --mat-sidenav-container-text-color: white;
  --mat-sidenav-content-background-color: #303030;
  --mat-sidenav-content-text-color: white;
  --mat-sidenav-scrim-color: rgba(255, 255, 255, 0.6);
}
html {
  --mat-stepper-header-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
}
html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f2a900;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f2a900;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f2a900;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: #424242;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: #e87e00;
  --mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-error-state-icon-foreground-color: #e87e00;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f2a900;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f2a900;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f2a900;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #e87e00;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #e87e00;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #e87e00;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html {
  --mat-stepper-header-height: 72px;
}
html {
  --mat-sort-arrow-color: white;
}
html {
  --mat-toolbar-container-background-color: #424242;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #f2a900;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #f2a900;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e87e00;
  --mat-toolbar-container-text-color: white;
}
html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}
html {
  --mat-tree-container-background-color: #424242;
  --mat-tree-node-text-color: white;
}
html {
  --mat-tree-node-min-height: 48px;
}
html {
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-timepicker-container-background-color: #424242;
}
.mat-mdc-dialog-container h1 {
  margin: 0 0 var(--s-16) !important;
}
.mat-mdc-dialog-container .mat-mdc-dialog-title {
  line-height: var(--s-32);
  font-size: var(--s-32) !important;
}
.mat-mdc-dialog-container .mat-mdc-dialog-content {
  padding: 0;
  line-height: var(--s-20);
  margin: 0;
}
.mat-mdc-dialog-container .mat-mdc-dialog-content p {
  margin: 0 0 var(--s-12);
}
.mat-mdc-dialog-container .mat-mdc-dialog-actions .mat-mdc-button {
  color: #f2a900;
  min-width: var(--s-64);
  line-height: var(--s-36);
  padding: 0 var(--s-16);
  border-radius: var(--s-4);
}
.mat-mdc-dialog-container .mat-mdc-dialog-actions * {
  font-family: "Roboto-Thin" !important;
}
.mat-mdc-dialog-container-with-actions .mat-mdc-dialog-content {
  padding: unset !important;
}
.custom-dialog .mat-mdc-dialog-container {
  background: rgba(0, 0, 0, 0.48);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  text-align: center;
  justify-content: center;
  min-height: var(--s-360);
  min-width: var(--s-800);
  font-size: var(--s-24);
  color: #f5f5f5;
  overflow: hidden;
  border: var(--s-4) solid #f2a900;
  border-radius: var(--s-24) !important;
}
.custom-dialog .mat-mdc-dialog-title {
  line-height: var(--s-48);
  font-size: var(--s-48) !important;
  padding-top: var(--s-44);
}
.custom-dialog .mat-mdc-dialog-content {
  overflow: unset !important;
  font-size: var(--s-30) !important;
  color: unset !important;
  flex: unset;
}
.custom-dialog .mat-mdc-dialog-actions {
  padding: var(--s-18) !important;
  flex-wrap: wrap;
  min-height: var(--s-52);
  align-items: center;
  box-sizing: content-box;
  margin-bottom: -24px;
}
.custom-dialog .mat-mdc-dialog-surface {
  background-color: unset !important;
  padding: var(--s-24);
}
.custom-dialog .mat-mdc-button-persistent-ripple::before {
  display: none !important;
}
.custom-ota-dialog-container .mat-mdc-dialog-container {
  background: rgba(0, 0, 0, 0.48);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  text-align: left;
  justify-content: center;
  font-size: var(--s-24);
  color: #f5f5f5;
  overflow: hidden;
  border: var(--s-4) solid #f2a900;
  border-radius: var(--s-24);
  padding: 0 !important;
}
.custom-tab-dialog .mat-mdc-dialog-container {
  background:
    linear-gradient(
      180deg,
      #3f3e3e 0%,
      #252525 100%);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  text-align: start;
  justify-content: center;
  min-height: var(--st-300);
  min-width: var(--st-800);
  font-size: var(--st-24);
  color: #f5f5f5;
  overflow: hidden;
  border: var(--st-1) solid #f2a900;
  border-radius: var(--st-24);
}
.custom-tab-dialog .mat-mdc-dialog-content {
  overflow: unset !important;
}
.custom-tab-dialog .mat-mdc-dialog-actions {
  padding: var(--st-50) var(--st-20) !important;
  flex-wrap: wrap;
  min-height: var(--st-35);
  align-items: center;
  box-sizing: content-box;
  margin-bottom: -24px;
}
.custom-connection-dialog .mat-mdc-dialog-container {
  background: transparent !important;
  text-align: center !important;
  justify-content: center !important;
  min-height: clamp(120px, 22.4vh, 242px) !important;
  min-width: var(--s-680);
  color: #f5f5f5 !important;
  overflow: hidden !important;
  border: var(--s-3) solid #f2a900 !important;
  border-radius: var(--s-10) !important;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25) !important;
  position: relative !important;
  padding: var(--s-24) !important;
  background: rgba(0, 0, 0, 0.4) !important;
  -webkit-backdrop-filter: blur(var(--s-8));
  backdrop-filter: blur(var(--s-8)) !important;
}
.custom-connection-dialog .mat-mdc-dialog-title {
  font-family: "Roboto", sans-serif !important;
  font-size: var(--s-32) !important;
  font-weight: 500 !important;
  line-height: var(--s-34) !important;
  letter-spacing: 0.08em !important;
  margin-top: var(--s-9) !important;
  margin-bottom: var(--s-9) !important;
  padding: unset !important;
}
.custom-connection-dialog .mat-mdc-dialog-content {
  overflow: unset !important;
  font-family: "Roboto", sans-serif !important;
  margin-bottom: var(--s-8) !important;
  font-size: var(--s-22) !important;
  font-weight: 400 !important;
  letter-spacing: 0.08em !important;
  line-height: var(--s-28) !important;
  white-space: pre-line !important;
  color: #f5f5f5 !important;
  padding: unset !important;
}
.custom-connection-dialog .mat-mdc-dialog-surface {
  background-color: transparent !important;
}
.notification-popup .mat-mdc-dialog-container {
  padding: var(--s-24) !important;
}
.blue-snackbar {
  background: #439236;
  color: white;
}
.error-snackbar {
  background: #ff4500;
  color: white;
}
.warning-snackbar {
  background: #f2a900;
  color: white;
}
.mat-mdc-snack-bar-container {
  min-width: var(--s-344);
  padding: var(--s-4) var(--s-4);
  border-radius: var(--s-4);
  min-height: var(--s-48);
  margin: var(--s-24);
}
.mat-mdc-snack-bar-container .mat-mdc-snackbar-surface {
  min-width: var(--s-344) !important;
  background: transparent !important;
  color: white !important;
  box-shadow: unset;
}
.mat-mdc-snack-bar-container .mat-mdc-snack-bar-label {
  line-height: var(--s-20);
  font-size: var(--s-14);
}
@media (max-width: 1400px) {
  .mat-mdc-snack-bar-container {
    min-width: var(--st-344);
    padding: var(--st-14) var(--s-16);
    border-radius: var(--st-4);
    min-height: var(--st-48);
    margin: var(--st-24);
  }
  .mat-mdc-snack-bar-container .mat-mdc-snack-bar-label {
    line-height: var(--st-20);
    font-size: var(--st-14);
  }
}
.notification-container {
  border-radius: var(--st-9);
  background: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #e05031;
  letter-spacing: 0.081rem;
  max-width: 42vw;
}
.notification-container .mdc-snackbar__label {
  padding: var(--st-15);
  display: flex;
  justify-content: center;
  align-items: baseline;
  font-size: var(--st-20);
}
.notification-container .mat-mdc-snack-bar-actions button {
  max-height: var(--st-36);
  min-width: 0;
  color: #0094ff;
  text-decoration: underline;
  font-size: var(--st-20);
}
.tab-notification-container {
  border-radius: var(--st-9);
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #e05031;
  letter-spacing: 0.081rem;
  min-width: var(--st-525);
  max-width: 90%;
  min-height: var(--st-57);
  position: absolute;
  bottom: 0;
  right: var(--st-327);
  padding: var(--st-15);
  box-sizing: border-box;
}
.tab-notification-container .mdc-snackbar__label {
  font-size: var(--st-20);
  word-break: break-word;
  flex: 1 1 auto;
}
.tab-notification-container .mat-mdc-snack-bar-actions button {
  max-height: var(--st-36);
  min-width: 0;
  color: #0094ff;
  text-decoration: underline;
  font-size: var(--st-20);
  white-space: nowrap;
}
.mobile-error-snackbar {
  background: #ff4500;
  color: white;
  min-width: 200px;
  padding: 7px 10px;
  border-radius: 4px;
  min-height: 25px;
  margin: 0;
  position: absolute;
  bottom: 90px;
  max-width: 70%;
  right: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile-error-snackbar .mat-mdc-snack-bar-label {
  line-height: 20px;
  font-size: 17px;
}
.multiline-snackbar {
  background: #439236;
  color: white;
  white-space: pre-line;
  min-width: 400px;
  min-height: 74px;
}
.mat-mdc-raised-button {
  border-radius: var(--s-24) !important;
  padding: 0 var(--s-12) !important;
  height: var(--s-69);
  font-size: var(--s-24) !important;
}
.mat-mdc-raised-button .mat-icon {
  width: var(--s-25) !important;
}
.mat-mdc-raised-button > .mat-icon {
  margin-right: unset !important;
}
.mat-mdc-paginator-icon {
  fill: unset !important;
}
.mat-mdc-icon-button[aria-disabled] {
  fill: gray;
}
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  background-color: #f2a900;
}
.mat-typography {
  font:
    400 var(--s-24)/var(--s-20) Roboto,
    "Helvetica Neue",
    sans-serif !important;
}
.mat-typography p {
  margin: 0 0 var(--s-12) !important;
}
.mat-mdc-icon-button {
  font-size: var(--s-14) !important;
}
.mat-mdc-unelevated-button,
.mat-mdc-raised-button,
.mat-mdc-fab,
.mat-mdc-mini-fab {
  color: white;
  background-color: #424242;
}
.mat-mdc-button .mdc-button__label {
  display: flex !important;
  align-items: center !important;
}
avcc-hubview-toolbar-items .mat-mdc-button .mdc-button__label {
  padding-right: var(--s-32);
}
avcc-notifications-popup .mat-mdc-button-persistent-ripple::before {
  display: none !important;
}
avcc-manual-check-in .mdc-button__label,
avcc-manual-check-out .mdc-button__label,
avcc-mobile-check-in .mdc-button__label,
avcc-mobile-check-out .mdc-button__label {
  display: contents !important;
}
avcc-kiosk-layout .options_qrcode .mdc-button__label {
  display: flex !important;
  align-items: center !important;
}
.mat-mdc-form-field {
  display: inline-block;
  position: relative;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: var(--s-12);
  height: var(--s-53);
  background: rgba(216, 216, 216, 0.2);
  color: #9098aa;
  font-size: var(--s-24) !important;
  font-family: sans-serif;
  border-radius: var(--s-16);
  border-top: 0px solid transparent;
  width: 100%;
}
.mat-mdc-form-field.disabled {
  background: rgba(216, 216, 216, 0.2);
}
.mat-mdc-form-field-infix {
  display: flex !important;
  border-top: 0;
  width: 100% !important;
  align-items: center;
  padding-top: unset !important;
  padding-bottom: unset !important;
  min-height: var(--s-53) !important;
}
.mat-mdc-form-field-has-label {
  color: #f5f5f5 !important;
}
.with-icon .mat-mdc-form-field-infix {
  display: flex;
  line-height: initial;
}
.with-icon .mat-mdc-form-field-label-wrapper {
  left: var(--s-50) !important;
}
.mat-mdc-form-field-error {
  color: red;
}
.mat-mdc-text-field-wrapper {
  border-radius: var(--s-24);
  background-color: transparent !important;
  padding-top: var(--s-2) !important;
}
.mdc-text-field {
  overflow: unset !important;
  padding: unset !important;
}
.mat-mdc-form-field.mat-focused .mdc-floating-label {
  color: #e87e00;
}
.mat-mdc-form-field-error {
  color: #ff0000 !important;
  font-size: var(--s-18);
}
.mat-mdc-select-arrow {
  color: #f5f5f5;
}
.mdc-line-ripple {
  display: none;
}
.mdc-text-field {
  padding: unset;
}
.mat-mdc-form-field-focus-overlay {
  border-radius: var(--s-18);
  background-color: transparent !important;
}
.mat-mdc-select-placeholder {
  color: white !important;
}
avcc-login .mat-mdc-form-field-infix,
avcc-send-mail .mat-mdc-form-field-infix,
avcc-reset-password .mat-mdc-form-field-infix {
  min-height: var(--s-68) !important;
}
.mat-mdc-form-field-subscript-wrapper {
  top: var(--s-3);
}
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: white;
  width: var(--s-52) !important;
  height: var(--s-52) !important;
  display: block !important;
}
.mat-mdc-form-field-flex {
  display: inline-flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  height: unset !important;
}
input.mat-mdc-input-element {
  margin-top: initial !important;
  caret-color: white !important;
  margin-left: var(--s-10);
}
.mat-mdc-form-field-appearance-legacy .mat-mdc-form-field-wrapper {
  padding-bottom: initial !important;
  width: 100%;
  height: 100%;
  display: flex;
}
.mat-mdc-form-field-error-wrapper {
  padding: 0 var(--s-10) !important;
}
.mat-mdc-form-field-error-wrapper .mat-mdc-form-field-bottom-align::before {
  height: unset !important;
}
input.mat-mdc-input-element {
  margin-top: var(--s-4);
  font-size: var(--s-24);
  color: white;
}
.mat-mdc-form-field-label-wrapper {
  top: 0;
  color: #f5f5f5 !important;
  opacity: 0.5;
  padding-top: 0 !important;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label {
  position: relative;
}
.mat-mdc-form-field-appearance-legacy .mat-mdc-form-field-label {
  top: 0;
}
.mat-mdc-form-field-label {
  font-size: var(--s-24) !important;
  color: #f5f5f5 !important;
  margin-left: var(--s-4);
}
.mat-mdc-select-arrow {
  color: #f5f5f5 !important;
}
.mat-mdc-form-field .mat-mdc-select-arrow {
  width: 0;
  height: 0;
  border-left: var(--s-10) solid transparent;
  border-right: var(--s-10) solid transparent;
  border-top: var(--s-10) solid;
  margin: 0 var(--s-20);
  color: #f5f5f5;
}
.mat-mdc-form-field {
  display: inline-flex !important;
  align-items: center !important;
}
.mat-paginator-container .mat-mdc-form-field .mat-mdc-select-arrow {
  width: 0;
  height: 0;
  border-left: var(--s-5) solid rgba(0, 0, 0, 0);
  border-right: var(--s-5) solid rgba(0, 0, 0, 0);
  border-top: var(--s-5) solid;
  margin: 0 var(--s-4);
  color: #f2a900 !important;
}
.mat-mdc-form-field-big.mat-mdc-form-field {
  display: inline-block;
  position: relative;
  text-align: left;
  margin-top: var(--s-10);
  margin-bottom: var(--s-20);
  height: var(--s-80);
  background: rgba(216, 216, 216, 0.2);
  color: #9098aa;
  font-size: var(--s-15);
  font-family: sans-serif;
  border-radius: var(--s-24);
  width: 100%;
}
.mat-mdc-form-field-big .mat-mdc-form-field-label {
  font-size: var(--s-24) !important;
  color: #f5f5f5 !important;
}
.login-form .mat-mdc-form-field-big .mat-mdc-form-field-label {
  margin-left: var(--s-14) !important;
}
.mat-mdc-form-field-disabled {
  background: rgba(41, 41, 43, 0.7098039216);
}
.mat-mdc-form-field-disabled .mat-mdc-select-arrow {
  color: #65736f !important;
}
avcc-check-in-trailer-details .mat-mdc-form-field-label {
  padding-left: 0 !important;
  margin-left: 0 !important;
}
avcc-check-in-trailer-details .mat-mdc-select-value {
  padding: 0px !important;
}
avcc-check-in-trailer-details .mat-mdc-text-field-wrapper,
avcc-check-out-trailer-details .mat-mdc-text-field-wrapper,
avcc-manual-check-in .mat-mdc-text-field-wrapper,
avcc-manual-check-out .mat-mdc-text-field-wrapper,
avcc-mobile-check-in .mat-mdc-text-field-wrapper,
avcc-mobile-check-out .mat-mdc-text-field-wrapper {
  width: 100%;
}
avcc-check-in-trailer-details .mat-mdc-form-field-error,
avcc-check-out-trailer-details .mat-mdc-form-field-error,
avcc-manual-check-in .mat-mdc-form-field-error,
avcc-manual-check-out .mat-mdc-form-field-error,
avcc-mobile-check-in .mat-mdc-form-field-error,
avcc-mobile-check-out .mat-mdc-form-field-error {
  color: red;
  font-size: var(--st-14) !important;
}
avcc-check-in-trailer-details .gate-div-container .mat-mdc-select-trigger,
avcc-check-out-trailer-details .gate-div-container .mat-mdc-select-trigger,
avcc-manual-check-in .gate-div-container .mat-mdc-select-trigger,
avcc-manual-check-out .gate-div-container .mat-mdc-select-trigger,
avcc-mobile-check-in .gate-div-container .mat-mdc-select-trigger,
avcc-mobile-check-out .gate-div-container .mat-mdc-select-trigger {
  padding: var(--s-7) 0 !important;
  padding-top: var(--s-0) !important;
}
avcc-check-in-trailer-details .gate-div-container .mat-mdc-input-element,
avcc-check-out-trailer-details .gate-div-container .mat-mdc-input-element,
avcc-manual-check-in .gate-div-container .mat-mdc-input-element,
avcc-manual-check-out .gate-div-container .mat-mdc-input-element,
avcc-mobile-check-in .gate-div-container .mat-mdc-input-element,
avcc-mobile-check-out .gate-div-container .mat-mdc-input-element {
  margin-top: var(--s-0) !important;
}
avcc-check-in-trailer-details .mat-mdc-select-placeholder,
avcc-check-out-trailer-details .mat-mdc-select-placeholder,
avcc-manual-check-in .mat-mdc-select-placeholder,
avcc-manual-check-out .mat-mdc-select-placeholder,
avcc-mobile-check-in .mat-mdc-select-placeholder,
avcc-mobile-check-out .mat-mdc-select-placeholder {
  padding-bottom: var(--s-5);
}
avcc-check-in-trailer-details .mat-mdc-form-field-error-wrapper,
avcc-check-out-trailer-details .mat-mdc-form-field-error-wrapper,
avcc-manual-check-in .mat-mdc-form-field-error-wrapper,
avcc-manual-check-out .mat-mdc-form-field-error-wrapper,
avcc-mobile-check-in .mat-mdc-form-field-error-wrapper,
avcc-mobile-check-out .mat-mdc-form-field-error-wrapper {
  padding: 0;
}
avcc-check-in-trailer-details .mat-mdc-form-field-infix,
avcc-check-out-trailer-details .mat-mdc-form-field-infix,
avcc-manual-check-in .mat-mdc-form-field-infix,
avcc-manual-check-out .mat-mdc-form-field-infix,
avcc-mobile-check-in .mat-mdc-form-field-infix,
avcc-mobile-check-out .mat-mdc-form-field-infix {
  display: flex !important;
  border-top: 0;
  width: 100% !important;
  align-items: center;
  padding-top: unset !important;
  padding-bottom: unset !important;
  min-height: unset !important;
}
avcc-check-in-trailer-details .mat-mdc-form-field-input-control,
avcc-check-out-trailer-details .mat-mdc-form-field-input-control,
avcc-manual-check-in .mat-mdc-form-field-input-control,
avcc-manual-check-out .mat-mdc-form-field-input-control,
avcc-mobile-check-in .mat-mdc-form-field-input-control,
avcc-mobile-check-out .mat-mdc-form-field-input-control {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  vertical-align: middle;
  padding: 0 !important;
}
avcc-check-in-trailer-details .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-floating-label,
avcc-check-out-trailer-details .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-floating-label,
avcc-manual-check-in .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-floating-label,
avcc-manual-check-out .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-floating-label,
avcc-mobile-check-in .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-floating-label,
avcc-mobile-check-out .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: aliceblue;
}
avcc-check-in-trailer-details .mat-mdc-form-field-focus-overlay,
avcc-check-out-trailer-details .mat-mdc-form-field-focus-overlay,
avcc-manual-check-in .mat-mdc-form-field-focus-overlay,
avcc-manual-check-out .mat-mdc-form-field-focus-overlay,
avcc-mobile-check-in .mat-mdc-form-field-focus-overlay,
avcc-mobile-check-out .mat-mdc-form-field-focus-overlay {
  border-radius: var(--s-18);
  background: none;
}
avcc-check-in-trailer-details .mdc-text-field--filled,
avcc-check-out-trailer-details .mdc-text-field--filled,
avcc-manual-check-in .mdc-text-field--filled,
avcc-manual-check-out .mdc-text-field--filled,
avcc-mobile-check-in .mdc-text-field--filled,
avcc-mobile-check-out .mdc-text-field--filled {
  padding: inherit !important;
}
avcc-check-in-trailer-details .mat-mdc-form-field,
avcc-check-out-trailer-details .mat-mdc-form-field,
avcc-manual-check-in .mat-mdc-form-field,
avcc-manual-check-out .mat-mdc-form-field,
avcc-mobile-check-in .mat-mdc-form-field,
avcc-mobile-check-out .mat-mdc-form-field {
  display: inline !important;
  align-items: center !important;
}
avcc-check-in-trailer-details .mdc-line-ripple,
avcc-check-out-trailer-details .mdc-line-ripple,
avcc-manual-check-in .mdc-line-ripple,
avcc-manual-check-out .mdc-line-ripple,
avcc-mobile-check-in .mdc-line-ripple,
avcc-mobile-check-out .mdc-line-ripple {
  display: unset !important;
}
avcc-check-in-trailer-details .mat-mdc-form-field,
avcc-check-out-trailer-details .mat-mdc-form-field,
avcc-manual-check-in .mat-mdc-form-field,
avcc-manual-check-out .mat-mdc-form-field,
avcc-mobile-check-in .mat-mdc-form-field,
avcc-mobile-check-out .mat-mdc-form-field {
  display: inline-block;
  position: relative;
  text-align: left;
}
avcc-check-in-trailer-details .mat-mdc-form-field.disabled,
avcc-check-out-trailer-details .mat-mdc-form-field.disabled,
avcc-manual-check-in .mat-mdc-form-field.disabled,
avcc-manual-check-out .mat-mdc-form-field.disabled,
avcc-mobile-check-in .mat-mdc-form-field.disabled,
avcc-mobile-check-out .mat-mdc-form-field.disabled {
  background: rgba(216, 216, 216, 0.2);
}
avcc-check-in-trailer-details .mdc-line-ripple,
avcc-check-out-trailer-details .mdc-line-ripple,
avcc-manual-check-in .mdc-line-ripple,
avcc-manual-check-out .mdc-line-ripple,
avcc-mobile-check-in .mdc-line-ripple,
avcc-mobile-check-out .mdc-line-ripple {
  display: unset;
}
avcc-check-in-trailer-details .mat-mdc-form-field,
avcc-check-out-trailer-details .mat-mdc-form-field,
avcc-manual-check-in .mat-mdc-form-field,
avcc-manual-check-out .mat-mdc-form-field,
avcc-mobile-check-in .mat-mdc-form-field,
avcc-mobile-check-out .mat-mdc-form-field {
  background: transparent;
}
avcc-check-in-trailer-details .mat-icon,
avcc-check-out-trailer-details .mat-icon,
avcc-manual-check-in .mat-icon,
avcc-manual-check-out .mat-icon,
avcc-mobile-check-in .mat-icon,
avcc-mobile-check-out .mat-icon {
  width: var(--s-30);
  font-size: var(--s-30) !important;
}
avcc-check-in-trailer-details .mat-mdc-form-field-wrapper,
avcc-check-out-trailer-details .mat-mdc-form-field-wrapper,
avcc-manual-check-in .mat-mdc-form-field-wrapper,
avcc-manual-check-out .mat-mdc-form-field-wrapper,
avcc-mobile-check-in .mat-mdc-form-field-wrapper,
avcc-mobile-check-out .mat-mdc-form-field-wrapper {
  position: relative;
  padding-bottom: var(--st-18);
}
avcc-check-in-trailer-details .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-flex,
avcc-check-out-trailer-details .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-flex,
avcc-manual-check-in .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-flex,
avcc-manual-check-out .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-flex,
avcc-mobile-check-in .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-flex,
avcc-mobile-check-out .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-flex {
  border-bottom: var(--s-1) solid rgba(255, 255, 255, 0.5215686275) !important;
  padding: var(--s-12) var(--s-12) var(--s-7) 0;
  min-height: var(--s-60) !important;
  width: var(--s-387);
  background-color: transparent !important;
}
@media (max-width: 1400px) {
  avcc-check-in-trailer-details .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-flex,
  avcc-check-out-trailer-details .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-flex,
  avcc-manual-check-in .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-flex,
  avcc-manual-check-out .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-flex,
  avcc-mobile-check-in .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-flex,
  avcc-mobile-check-out .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-flex {
    min-height: var(--st-40) !important;
  }
}
avcc-check-in-trailer-details .mat-mdc-form-field-infix,
avcc-check-out-trailer-details .mat-mdc-form-field-infix,
avcc-manual-check-in .mat-mdc-form-field-infix,
avcc-manual-check-out .mat-mdc-form-field-infix,
avcc-mobile-check-in .mat-mdc-form-field-infix,
avcc-mobile-check-out .mat-mdc-form-field-infix {
  all: unset;
  position: relative !important;
  flex: auto !important;
  min-width: 0 !important;
}
avcc-check-in-trailer-details .mat-mdc-input-element,
avcc-check-out-trailer-details .mat-mdc-input-element,
avcc-manual-check-in .mat-mdc-input-element,
avcc-manual-check-out .mat-mdc-input-element,
avcc-mobile-check-in .mat-mdc-input-element,
avcc-mobile-check-out .mat-mdc-input-element {
  all: unset !important;
  font: inherit !important;
  background: rgba(0, 0, 0, 0) !important;
  color: currentColor;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  width: 100% !important;
  max-width: 100% !important;
  vertical-align: bottom;
  text-align: inherit;
  box-sizing: content-box;
  margin-top: var(--s-20) !important;
  caret-color: white !important;
  color: white !important;
}
avcc-check-in-trailer-details avcc-search-input .mat-mdc-input-element,
avcc-check-out-trailer-details avcc-search-input .mat-mdc-input-element,
avcc-manual-check-in avcc-search-input .mat-mdc-input-element,
avcc-manual-check-out avcc-search-input .mat-mdc-input-element,
avcc-mobile-check-in avcc-search-input .mat-mdc-input-element,
avcc-mobile-check-out avcc-search-input .mat-mdc-input-element {
  margin-top: var(--s-2) !important;
}
avcc-check-in-trailer-details .mat-mdc-form-field-label-wrapper,
avcc-check-out-trailer-details .mat-mdc-form-field-label-wrapper,
avcc-manual-check-in .mat-mdc-form-field-label-wrapper,
avcc-manual-check-out .mat-mdc-form-field-label-wrapper,
avcc-mobile-check-in .mat-mdc-form-field-label-wrapper,
avcc-mobile-check-out .mat-mdc-form-field-label-wrapper {
  all: unset !important;
  position: absolute;
  left: 0;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}
avcc-check-in-trailer-details .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-label,
avcc-check-out-trailer-details .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-label,
avcc-manual-check-in .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-label,
avcc-manual-check-out .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-label,
avcc-mobile-check-in .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-label,
avcc-mobile-check-out .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-label {
  margin-top: -2.8em !important;
  min-height: var(--s-30);
  padding-top: var(--s-8);
  top: var(--s-26) !important;
  line-height: var(--s-24);
}
avcc-check-in-trailer-details .mat-mdc-form-field.mat-focused .mat-mdc-form-field-label,
avcc-check-out-trailer-details .mat-mdc-form-field.mat-focused .mat-mdc-form-field-label,
avcc-manual-check-in .mat-mdc-form-field.mat-focused .mat-mdc-form-field-label,
avcc-manual-check-out .mat-mdc-form-field.mat-focused .mat-mdc-form-field-label,
avcc-mobile-check-in .mat-mdc-form-field.mat-focused .mat-mdc-form-field-label,
avcc-mobile-check-out .mat-mdc-form-field.mat-focused .mat-mdc-form-field-label {
  color: #e87e00 !important;
}
avcc-check-in-trailer-details .mat-mdc-select-trigger,
avcc-check-out-trailer-details .mat-mdc-select-trigger,
avcc-manual-check-in .mat-mdc-select-trigger,
avcc-manual-check-out .mat-mdc-select-trigger,
avcc-mobile-check-in .mat-mdc-select-trigger,
avcc-mobile-check-out .mat-mdc-select-trigger {
  padding: var(--s-7) 0 !important;
  padding-top: var(--s-20) !important;
}
avcc-check-in-trailer-details .mat-mdc-select-value-text,
avcc-check-out-trailer-details .mat-mdc-select-value-text,
avcc-manual-check-in .mat-mdc-select-value-text,
avcc-manual-check-out .mat-mdc-select-value-text,
avcc-mobile-check-in .mat-mdc-select-value-text,
avcc-mobile-check-out .mat-mdc-select-value-text {
  padding-left: unset !important;
}
avcc-check-in-trailer-details .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-infix,
avcc-check-out-trailer-details .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-infix,
avcc-manual-check-in .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-infix,
avcc-manual-check-out .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-infix,
avcc-mobile-check-in .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-infix,
avcc-mobile-check-out .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-infix {
  padding: 0.005em 0 0.15em 0 !important;
}
avcc-check-in-trailer-details .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-form-field-label .mat-mdc-form-field-required-marker,
avcc-check-out-trailer-details .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-form-field-label .mat-mdc-form-field-required-marker,
avcc-manual-check-in .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-form-field-label .mat-mdc-form-field-required-marker,
avcc-manual-check-out .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-form-field-label .mat-mdc-form-field-required-marker,
avcc-mobile-check-in .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-form-field-label .mat-mdc-form-field-required-marker,
avcc-mobile-check-out .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-form-field-label .mat-mdc-form-field-required-marker {
  color: #dd1321;
  position: unset;
  bottom: var(--s-10);
  margin-left: var(--s-6);
  font-size: var(--s-30);
}
avcc-check-in-trailer-details .mat-mdc-form-field-required-marker,
avcc-check-out-trailer-details .mat-mdc-form-field-required-marker,
avcc-manual-check-in .mat-mdc-form-field-required-marker,
avcc-manual-check-out .mat-mdc-form-field-required-marker,
avcc-mobile-check-in .mat-mdc-form-field-required-marker,
avcc-mobile-check-out .mat-mdc-form-field-required-marker {
  color: #dd1321;
  position: unset;
  bottom: var(--s-15);
  margin-left: var(--s-8);
  font-size: var(--s-28);
}
avcc-check-in-trailer-details .mat-focused .mat-mdc-form-field-required-marker,
avcc-check-out-trailer-details .mat-focused .mat-mdc-form-field-required-marker,
avcc-manual-check-in .mat-focused .mat-mdc-form-field-required-marker,
avcc-manual-check-out .mat-focused .mat-mdc-form-field-required-marker,
avcc-mobile-check-in .mat-focused .mat-mdc-form-field-required-marker,
avcc-mobile-check-out .mat-focused .mat-mdc-form-field-required-marker {
  color: #dd1321;
  position: unset;
  bottom: var(--s-15);
  margin-left: var(--s-8);
  font-size: var(--s-28);
}
avcc-check-in-trailer-details .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-subscript-wrapper,
avcc-check-out-trailer-details .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-subscript-wrapper,
avcc-manual-check-in .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-subscript-wrapper,
avcc-manual-check-out .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-subscript-wrapper,
avcc-mobile-check-in .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-subscript-wrapper,
avcc-mobile-check-out .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-subscript-wrapper {
  padding: 0 !important;
}
avcc-mobile-check-in .mat-icon,
avcc-mobile-check-out .mat-icon {
  width: unset !important;
  margin-top: unset !important;
  font-size: unset !important;
  display: flex;
  align-items: center;
}
avcc-mobile-check-in .mat-mdc-form-field,
avcc-mobile-check-out .mat-mdc-form-field {
  margin-bottom: 70px !important;
  width: 100%;
  font-size: 18px !important;
  display: flex !important;
}
avcc-mobile-check-in .mat-mdc-form-field-wrapper,
avcc-mobile-check-out .mat-mdc-form-field-wrapper {
  position: relative;
  padding-bottom: 2px;
  width: 100%;
}
avcc-mobile-check-in .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-flex,
avcc-mobile-check-out .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-flex {
  border-bottom: 2px solid #404040 !important;
  padding: 6px 6px 6px 0;
  min-height: 58px !important;
  width: 100%;
  background-color: transparent !important;
  margin-bottom: 2px;
}
avcc-mobile-check-in .mat-mdc-form-field-infix,
avcc-mobile-check-out .mat-mdc-form-field-infix {
  all: unset;
  display: block !important;
  position: relative !important;
  flex: auto !important;
  min-width: 0 !important;
  width: 150px !important;
}
avcc-mobile-check-in .mat-mdc-form-field-label,
avcc-mobile-check-out .mat-mdc-form-field-label {
  font-size: 18px !important;
  margin-left: 2px;
  overflow: unset;
}
avcc-mobile-check-in .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-infix,
avcc-mobile-check-out .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-infix {
  margin-top: 18px !important;
}
avcc-mobile-check-in .mat-mdc-input-element,
avcc-mobile-check-out .mat-mdc-input-element {
  font-size: 18px !important;
}
avcc-mobile-check-in .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-label,
avcc-mobile-check-out .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-label {
  margin-top: -2.4em !important;
  padding-top: 4px;
  top: 0.7em !important;
  line-height: 18px;
}
avcc-mobile-check-in .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-form-field-label .mat-mdc-form-field-required-marker,
avcc-mobile-check-out .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-form-field-label .mat-mdc-form-field-required-marker {
  bottom: 7px;
  margin-left: 5px;
  font-size: 18px;
}
avcc-mobile-check-in .mat-mdc-form-field-required-marker,
avcc-mobile-check-out .mat-mdc-form-field-required-marker {
  bottom: 7px;
  margin-left: 5px;
  font-size: 18px;
}
avcc-mobile-check-in .mat-focused .mat-mdc-form-field-required-marker,
avcc-mobile-check-out .mat-focused .mat-mdc-form-field-required-marker {
  bottom: 7px;
  margin-left: 5px;
  font-size: 18px;
}
avcc-mobile-check-in .mat-mdc-form-field-subscript-wrapper,
avcc-mobile-check-out .mat-mdc-form-field-subscript-wrapper {
  margin-top: 0.666667em;
}
avcc-mobile-check-in .mat-mdc-form-field-subscript-wrapper,
avcc-mobile-check-out .mat-mdc-form-field-subscript-wrapper {
  overflow: unset !important;
}
avcc-mobile-check-in .mat-mdc-form-field-error,
avcc-mobile-check-out .mat-mdc-form-field-error {
  font-size: 12px !important;
}
avcc-mobile-check-in select.mat-mdc-input-element,
avcc-mobile-check-out select.mat-mdc-input-element {
  height: 20px !important;
  display: flex !important;
  box-sizing: content-box !important;
  font-size: 18px !important;
  line-height: 20px !important;
}
avcc-mobile-check-in .mat-mdc-form-field-type-mat-native-select.mat-mdc-form-field-appearance-fill .mat-mdc-form-field-infix::after,
avcc-mobile-check-out .mat-mdc-form-field-type-mat-native-select.mat-mdc-form-field-appearance-fill .mat-mdc-form-field-infix::after {
  margin-top: 0 !important;
}
avcc-mobile-check-out .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label,
avcc-mobile-check-in .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 10px !important;
}
avcc-mobile-check-out .mat-mdc-form-field {
  width: 100%;
}
avcc-create-commands .mat-mdc-form-field-infix {
  padding-bottom: var(--s-7) !important;
}
.mat-expansion-panel {
  background: #303030;
  border-radius: var(--s-10);
  margin-top: var(--s-5);
}
.mat-mdc-menu-panel {
  max-width: unset !important;
}
.mat-expansion-panel:nth-child(even) {
  background: #232323;
}
.mat-expansion-panel-body {
  background: #292b2f;
}
.mat-expansion-panel-header {
  height: var(--s-56);
}
.mat-expansion-panel-header:hover {
  background-color: unset;
}
.mat-expansion-panel-header.mat-expanded {
  height: var(--s-56);
}
.mat-expansion-panel-header .mat-icon {
  background-color: transparent;
  width: unset;
  font-size: var(--s-30);
}
.mat-expansion-panel-header .mat-content {
  margin-right: var(--s-8);
}
.mat-mdc-slide-toggle .mdc-switch {
  width: unset !important;
}
.mat-mdc-slide-toggle .mdc-switch__handle-track {
  width: var(--s-22);
  height: var(--s-22);
  top: var(--s-1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.mat-mdc-slide-toggle .mdc-switch__handle {
  width: var(--s-18);
  height: var(--s-18);
  border-radius: 50%;
  display: flex;
  justify-content: center;
}
.mat-mdc-slide-toggle .mdc-switch__track {
  width: var(--s-48);
  height: var(--s-24);
  border-radius: var(--s-11);
}
.mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked .mdc-switch__handle-track {
  transform: translate3d(var(--s-24), 0, 0);
}
.mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked .mdc-switch__handle {
  background-color: white;
}
.mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked .mdc-switch__track {
  background-color: #f2a900;
}
.mat-toggle-green.mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked .mdc-switch__track {
  background-color: #f2a900;
}
.mat-mdc-header-row {
  background-color: #1e1e1e;
  background:
    linear-gradient(
      360deg,
      #051623 0%,
      #165b8e 100%) !important;
  height: var(--s-51);
  width: 100%;
}
.mat-mdc-header-cell {
  color: #ffffff;
  border-bottom-style: hidden;
  font-weight: 500;
  padding-left: var(--s-12) !important;
}
.mat-mdc-table {
  background-color: transparent !important;
}
avcc-user-list .mat-mdc-column-email .mat-mdc-sort-header-container,
avcc-notification-profile .mat-mdc-column-email .mat-mdc-sort-header-container {
  margin-right: var(--s-150) !important;
}
avcc-user-list .mat-sort-header-container {
  justify-content: flex-start !important;
}
avcc-notification-profile .mat-sort-header-container {
  justify-content: center !important;
}
avcc-telemetry-logs .gateTable .mat-sort-header-container {
  justify-content: center !important;
}
.mat-mdc-paginator {
  background: #1b1b1b !important;
  border: 0.05px solid white;
  height: var(--s-88);
}
.mat-mdc-paginator .mat-mdc-paginator-page-size-select {
  width: initial;
  min-width: var(--s-50);
  background: none;
}
.mat-mdc-paginator .mat-mdc-paginator-icon {
  width: var(--s-28);
  color: #f2a900;
}
.mat-mdc-paginator-range-label {
  margin: 0 var(--s-32) 0 var(--s-24) !important;
  color: white !important;
}
.mat-mdc-paginator-page-size-label {
  color: white !important;
}
avcc-telemetry-logs {
  background: unset !important;
}
.mat-mdc-tooltip {
  text-overflow: ellipsis !important;
  line-height: var(--s-24);
  font-size: var(--s-16) !important;
  max-width: var(--s-450) !important;
  max-height: var(--s-200);
  word-break: break-word !important;
  overflow: hidden !important;
  white-space: pre-line !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  line-clamp: 5;
}
.mat-mdc-tooltip .mdc-tooltip__surface {
  background: #414141 10% !important;
  color: #f5f5f5;
  pointer-events: auto !important;
  user-select: text !important;
  -webkit-user-select: text !important;
  padding: var(--s-10);
  max-width: var(--s-450) !important;
}
.mat-mdc-tooltip-panel {
  transform: translateY(var(--s-2)) !important;
}
.mat-mdc-select-panel {
  background-color: #2f2f2f !important;
  font-size: var(--s-24) !important;
  border-radius: var(--s-16) !important;
}
.mat-primary .mat-mdc-option.mat-selected:not(.mat-mdc-option-disabled) {
  background: #424242;
  color: white;
}
.mat-mdc-select-value-text {
  padding-left: var(--s-10) !important;
}
.mat-mdc-option-text {
  display: flex !important;
  flex-grow: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  justify-content: center !important;
}
.mat-mdc-option {
  background: #424242;
  border-radius: var(--s-16);
  height: var(--s-60) !important;
  padding: 0 var(--s-8) !important;
  margin-top: var(--s-3);
  margin-left: var(--s-5);
  margin-right: var(--s-5);
}
.mat-mdc-option .mat-pseudo-checkbox-full {
  margin-right: var(--s-16) !important;
}
.mat-mdc-option:last-child {
  margin-bottom: var(--s-3);
}
.mat-mdc-option-active {
  background: #424242 !important;
  color: white;
}
.mat-mdc-option-active:hover {
  background-color: rgba(255, 255, 255, 0.04) !important;
}
.mat-mdc-select-value {
  font-size: var(--s-24) !important;
  padding: var(--s-5);
}
.mat-mdc-form-field .mat-mdc-select-arrow {
  border-left: var(--s-10) solid transparent;
  border-right: var(--s-10) solid transparent;
  border-top: var(--s-10) solid;
  margin: 0 var(--s-20);
  width: 0 !important;
  height: 0 !important;
}
.mat-mdc-form-field .mat-mdc-select-arrow svg {
  display: none !important;
}
avcc-check-in-trailer-details avcc-check-out-trailer-details .mat-mdc-select-panel {
  max-height: var(--st-100) !important;
  position: inherit;
}
.mat-mdc-checkbox .mdc-checkbox {
  height: var(--s-33);
  width: var(--s-33);
  margin-right: var(--s-20);
}
.mat-mdc-checkbox .mdc-label {
  line-height: var(--s-40);
  letter-spacing: 0.06em;
  font-size: var(--s-24);
}
.mat-mdc-checkbox .mdc-checkbox__background {
  background-color: transparent;
  border-radius: var(--s-8);
}
.mat-mdc-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__checkmark {
  background: #f2a900;
  border-radius: var(--s-8);
}
.mat-mdc-checkbox .mdc-checkbox__checkmark-path {
  stroke: #1b1b1b;
  stroke-width: 2px;
  transform: scale(0.7);
  transform-origin: center;
}
.mat-mdc-checkbox .mat-mdc-checkbox-ripple {
  background-color: transparent;
  display: none !important;
}
.mat-mdc-checkbox .mdc-checkbox__ripple {
  display: none !important;
}
.mat-mdc-checkbox .mdc-checkbox__background {
  border-radius: var(--s-8);
  border-color: #616161;
  border-width: var(--s-4);
  width: var(--s-33);
  height: var(--s-33);
}
.avcc-checkbox-round .mat-mdc-checkbox .mdc-checkbox__background {
  border-radius: var(--s-20);
}
.avcc-checkbox-round .mat-mdc-checkbox .mdc-checkbox__checkmark {
  border-radius: var(--s-20);
}
avcc-notifications .mat-mdc-checkbox .mdc-checkbox__background {
  border-radius: 50%;
}
avcc-map-toolbar .mat-mdc-checkbox .mdc-checkbox {
  margin-right: unset !important;
  padding: var(--s-14) !important;
}
.mat-mdc-menu-item .mat-mdc-icon {
  width: var(--s-36);
  height: var(--s-36);
  margin-right: var(--s-16);
}
::-webkit-scrollbar {
  width: var(--s-11);
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 var(--s-5) white;
  width: var(--s-11);
  background: white;
}
::-webkit-scrollbar-thumb {
  background: var(--grayscale-700, #616161);
  border-radius: var(--s-10);
  border: var(--s-2) solid white;
  background-clip: content-box;
  width: var(--s-6);
}
::-webkit-scrollbar-thumb:hover {
  background: var(--grayscale-700, #616161);
}
.mat-mdc-progress-spinner circle,
.mat-mdc-spinner circle {
  stroke: #f2a900 !important;
}
.mat-mdc-raised-button.mat-accent .mat-mdc-progress-spinner circle,
.mat-mdc-raised-button.mat-accent .mat-mdc-spinner circle {
  stroke: #ffffff !important;
}
avcc-check-in-trailer-details .avcc-loading-spinner .mat-mdc-progress-spinner {
  width: var(--s-100) !important;
  height: var(--s-100) !important;
}
.mat-mdc-card {
  background-color: transparent !important;
  box-shadow: unset !important;
}
[data-theme=dark-theme] {
  --base-bg: #1b1b1b;
}

/* src/styles.scss */
* {
  font-family: "Roboto" !important;
}
.material-icons {
  font-family: "Material Icons" !important;
}
@font-face {
  font-family: "Roboto";
  src: url("./media/Roboto-Regular.ttf");
}
@font-face {
  font-family: "Roboto-Thin";
  src: url("./media/Roboto-Thin.ttf");
}
@font-face {
  font-family: "Urbanist";
  src: url("./media/Urbanist-Regular.ttf");
}
@font-face {
  font-family: "Roboto-Light";
  src: url("./media/Roboto-Light.ttf");
}
.thin-font {
  font-family: "Roboto-Thin" !important;
  letter-spacing: 0.08em;
  font-weight: 600;
}
.thin-font span {
  font-family: "Roboto-Thin" !important;
}
.desc {
  font-size: var(--s-12);
}
body {
  margin: 0;
  font-family: "Roboto" !important;
  color: #f5f5f5;
  background: -webkit-gradient(linear, left top, left bottom, from(var(--base-bg)), to(var(--base-bg))) fixed;
}
:host {
  height: 100%;
}
html,
body,
main {
  height: 100%;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 var(--s-30) #414141 inset !important;
  box-shadow: 0 0 0 var(--s-30) #414141 inset !important;
}
input:-webkit-autofill {
  -webkit-text-fill-color: #f5f5f5 !important;
}
h1 {
  font-size: var(--s-32) !important;
}
h2 {
  font-size: var(--s-24) !important;
  font-weight: 400;
}
.mat-mdc-cell {
  font-size: var(--s-24);
}
.mat-mdc-paginator-outer-container {
  height: 100% !important;
}
.mat-mdc-header-cell {
  font-size: var(--s-24);
}
.slide-map-div .ol-viewport .ol-control {
  display: none;
}
.mapboxgl-ctrl-logo {
  display: none !important;
}
.mapboxgl-ctrl-bottom-right {
  display: none !important;
}
avcc-card-button .mat-badge-content {
  width: unset !important;
  height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
  line-height: unset !important;
  padding: unset !important;
  font-size: unset !important;
  margin: unset !important;
  left: unset !important;
}
avcc-card-button .mat-badge-content {
  background: #f44747;
  color: black;
  width: auto;
  display: grid;
  width: var(--s-38) !important;
  height: var(--s-38) !important;
  line-height: var(--s-22) !important;
  min-width: var(--s-32) !important;
  font-size: var(--s-24);
  min-height: var(--s-28) !important;
  text-align: center;
  align-items: center;
  padding: var(--s-5) var(--s-3) !important;
  top: calc(var(--s-11) * -1) !important;
  right: calc(var(--s-11) * -1) !important;
}
.tooltip-full {
  word-break: break-all !important;
  white-space: normal !important;
  width: 100%;
}
.cdk-overlay-popover {
  pointer-events: unset !important;
}
.tooltip-content {
  word-break: break-all !important;
  white-space: normal !important;
  width: fit-content;
}
.tooltip-content .mdc-tooltip__surface {
  background: #414141 10% !important;
  color: #f5f5f5;
}
.backdropBackground {
  -webkit-backdrop-filter: blur(var(--s-30));
  backdrop-filter: blur(var(--s-30));
  background-blend-mode: soft-light;
}
.greyscale-backdrop {
  -webkit-backdrop-filter: grayscale(80%);
  backdrop-filter: grayscale(80%);
}
.mat-button-focus-overlay {
  background-color: transparent !important;
}
html,
body {
  height: 100%;
}
.icon-holder {
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none;
  user-select: none;
  background-repeat: no-repeat;
  overflow: hidden;
  line-height: 1.125;
  height: var(--s-16) !important;
  padding: var(--s-12);
  color: #1b7fff;
  font-size: var(--s-32);
  width: 1em;
  display: flex;
  align-items: center;
}
.avcc-loading-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  inset: 0;
  margin-top: var(--s-60);
  z-index: 100;
}
.mat-mdc-form-field {
  border-radius: var(--s-20) !important;
}
.mat-mdc-form-field-underline {
  display: none;
}
.user-layout {
  margin-left: var(--s-110);
  margin-right: var(--s-110);
}
.ngx-mat-timepicker form .ngx-mat-timepicker-table .ngx-mat-timepicker-tbody tr td .mat-form-field {
  padding-left: 0px;
  width: var(--s-50) !important;
  max-width: var(--s-50) !important;
  text-align: center !important;
  margin-right: 0px;
}
.mat-datepicker-toggle-default-icon,
.mat-icon-button,
.mat-icon-button-wrapper {
  color: white;
  width: var(--s-40) !important;
  height: var(--s-40) !important;
}
.mat-datepicker-toggle-default-icon,
.mat-icon-button,
.mat-icon-button-wrapper {
  color: white;
}
avcc-root {
  display: block;
  height: 100%;
}
.cdk-global-scrollblock {
  overflow-y: hidden;
}
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mat-mdc-select-arrow-wrapper {
  height: var(--s-16) !important;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
}
.mat-mdc-slider.mat-mdc-slider-min-value.mat-mdc-slider-thumb-label-showing .mat-mdc-slider-thumb,
.mat-mdc-slider.mat-mdc-slider-min-value.mat-mdc-slider-thumb-label-showing .mat-mdc-slider-thumb-label {
  background-color: #f2a900 !important;
}
.backdropTabBackground {
  -webkit-backdrop-filter: unset;
  backdrop-filter: unset;
  background-blend-mode: soft-light;
}
.custom-badge .mat-badge-content {
  font-size: var(--st-8) !important;
  padding: var(--st-2) !important;
  background-color: #f44747 !important;
  min-width: var(--st-17);
  width: unset !important;
  height: var(--st-17) !important;
  left: var(--st-1071) !important;
  top: var(--st-30) !important;
  font-size: var(--st-10) !important;
  line-height: var(--st-17) !important;
  font-weight: 400 !important;
}
avcc-abort-switch-dialog .font .mat-mdc-button-wrapper {
  font-family: "Roboto-Thin", sans-serif !important;
}
avcc-check-in-trailer-details .mat-mdc-raised-button {
  line-height: var(--s-1);
}
avcc-yard-pass-home .mat-mdc-raised-button {
  line-height: var(--s-1);
}
avcc-yard-pass-home .mat-form-field {
  all: unset;
}
avcc-abort-switch-dialog .font .mat-mdc-button-wrapper {
  font-family: "Roboto-Thin", sans-serif !important;
}
.blue-snackbar,
.error-snackbar,
.warning-snackbar,
.tab-error-snackbar,
.tab-warning-snackbar,
.tab-blue-snackbar,
.mobile-error-snackbar,
.multiline-snackbar,
.cdk-overlay-container {
  z-index: 1101 !important;
}
.stale-trailer {
  opacity: 0.7;
}
.stale-trailer * {
  font-style: italic;
}
avcc-yardpass-toolbar-items .mat-grid-tile-content {
  position: relative;
}
.cdk-virtual-scroll-content-wrapper {
  height: 100%;
  contain: unset !important;
}
.enter-animation {
  animation: slide-fade 0.1s;
}
.enter-animation-05s {
  animation: slide-fade 0.5s;
}
.enter-animation-1s {
  animation: slide-fade 1s;
}
@keyframes slide-fade {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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