@charset "UTF-8";
:root {
  --theme-font-family: "Nunito Sans",
  sans-serif;
  --theme-fade-duration: .2s;
  --theme-transition-duration: .2s
}
.mat-ripple {
  overflow:hidden;
  position:relative
}
.mat-ripple:not(:empty) {
  transform:translateZ(0)
}
.mat-ripple.mat-ripple-unbounded {
  overflow:visible
}
.mat-ripple-element {
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);
  transform:scale3d(0,0,0);
  background-color:var(--mat-ripple-color, rgba(0, 0, 0, .1))
}
.cdk-high-contrast-active .mat-ripple-element,
.cdk-drag-preview .mat-ripple-element,
.cdk-drag-placeholder .mat-ripple-element {
  display:none
}
.cdk-visually-hidden {
  border:0;
  clip:rect(0 0 0 0);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
  white-space:nowrap;
  outline:0;
  -webkit-appearance:none;
  -moz-appearance:none;
  left:0
}
[dir=rtl] .cdk-visually-hidden {
  left:auto;
  right:0
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events:none;
  top:0;
  left:0;
  height:100%;
  width:100%
}
.cdk-overlay-container {
  position:fixed;
  z-index:1000
}
.cdk-overlay-container:empty {
  display:none
}
.cdk-global-overlay-wrapper {
  display:flex;
  position:absolute;
  z-index:1000
}
.cdk-overlay-pane {
  position:absolute;
  pointer-events:auto;
  box-sizing:border-box;
  z-index:1000;
  display:flex;
  max-width:100%;
  max-height:100%
}
.cdk-overlay-backdrop {
  position:absolute;
  inset:0;
  z-index:1000;
  pointer-events:auto;
  -webkit-tap-highlight-color:transparent;
  transition:opacity .4s cubic-bezier(.25,.8,.25,1);
  opacity:0
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity:1
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity:.6
}
.cdk-overlay-dark-backdrop {
  background:#00000052
}
.cdk-overlay-transparent-backdrop {
  transition:visibility 1ms linear,opacity 1ms linear;
  visibility:hidden;
  opacity:1
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity:0;
  visibility:visible
}
.cdk-overlay-backdrop-noop-animation {
  transition:none
}
.cdk-overlay-connected-position-bounding-box {
  position:absolute;
  z-index:1000;
  display:flex;
  flex-direction:column;
  min-width:1px;
  min-height:1px
}
.cdk-global-scrollblock {
  position:fixed;
  width:100%;
  overflow-y:scroll
}
textarea.cdk-textarea-autosize {
  resize:none
}
textarea.cdk-textarea-autosize-measuring {
  padding:2px 0!important;
  box-sizing:content-box!important;
  height:auto!important;
  overflow:hidden!important
}
textarea.cdk-textarea-autosize-measuring-firefox {
  padding:2px 0!important;
  box-sizing:content-box!important;
  height:0!important
}
@keyframes cdk-text-field-autofill-start {
}
@keyframes cdk-text-field-autofill-end {
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation:cdk-text-field-autofill-start 0s 1ms
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation:cdk-text-field-autofill-end 0s 1ms
}
.mat-focus-indicator {
  position:relative
}
.mat-focus-indicator:before {
  inset:0;
  position:absolute;
  box-sizing:border-box;
  pointer-events:none;
  display:var(--mat-focus-indicator-display, none);
  border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius:var(--mat-focus-indicator-border-radius, 4px)
}
.mat-focus-indicator:focus:before {
  content:""
}
.cdk-high-contrast-active {
  --mat-focus-indicator-display: block
}
.mat-mdc-focus-indicator {
  position:relative
}
.mat-mdc-focus-indicator:before {
  inset:0;
  position:absolute;
  box-sizing:border-box;
  pointer-events:none;
  display:var(--mat-mdc-focus-indicator-display, none);
  border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)
}
.mat-mdc-focus-indicator:focus:before {
  content:""
}
.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block
}
.mat-app-background {
  background-color:var(--mat-app-background-color, var(--mat-app-background, transparent));
  color:var(--mat-app-text-color, var(--mat-app-on-background, inherit))
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow:var(--mat-app-elevation-shadow-level-0, none)
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow:var(--mat-app-elevation-shadow-level-1, none)
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow:var(--mat-app-elevation-shadow-level-2, none)
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow:var(--mat-app-elevation-shadow-level-3, none)
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow:var(--mat-app-elevation-shadow-level-4, none)
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow:var(--mat-app-elevation-shadow-level-5, none)
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow:var(--mat-app-elevation-shadow-level-6, none)
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow:var(--mat-app-elevation-shadow-level-7, none)
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow:var(--mat-app-elevation-shadow-level-8, none)
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow:var(--mat-app-elevation-shadow-level-9, none)
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow:var(--mat-app-elevation-shadow-level-10, none)
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow:var(--mat-app-elevation-shadow-level-11, none)
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow:var(--mat-app-elevation-shadow-level-12, none)
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow:var(--mat-app-elevation-shadow-level-13, none)
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow:var(--mat-app-elevation-shadow-level-14, none)
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow:var(--mat-app-elevation-shadow-level-15, none)
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow:var(--mat-app-elevation-shadow-level-16, none)
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow:var(--mat-app-elevation-shadow-level-17, none)
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow:var(--mat-app-elevation-shadow-level-18, none)
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow:var(--mat-app-elevation-shadow-level-19, none)
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow:var(--mat-app-elevation-shadow-level-20, none)
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow:var(--mat-app-elevation-shadow-level-21, none)
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow:var(--mat-app-elevation-shadow-level-22, none)
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow:var(--mat-app-elevation-shadow-level-23, none)
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow:var(--mat-app-elevation-shadow-level-24, none)
}
html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
  --mat-autocomplete-background-color: white;
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: .16;
  --mdc-checkbox-selected-hover-state-layer-opacity: .04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: .16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: .16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: .04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: .16;
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
  --mdc-checkbox-selected-focus-icon-color: var(--theme-color-primary-500);
  --mdc-checkbox-selected-hover-icon-color: var(--theme-color-primary-500);
  --mdc-checkbox-selected-icon-color: var(--theme-color-primary-500);
  --mdc-checkbox-selected-pressed-icon-color: var(--theme-color-primary-500);
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--theme-color-primary-500);
  --mdc-checkbox-selected-hover-state-layer-color: var(--theme-color-primary-500);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--theme-color-primary-500);
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, .87);
  --mdc-checkbox-state-layer-size: 40px;
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-label-text-font: var(--theme-font-family);
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: .0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-optgroup-label-text-color: rgba(0, 0, 0, .87);
  --mat-full-pseudo-checkbox-selected-icon-color: var(--theme-color-primary-500);
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--theme-color-primary-500);
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, .87);
  --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 5px 8px 0px rgba(0, 0, 0, .14), 0px 1px 14px 0px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, .2), 0px 7px 10px 1px rgba(0, 0, 0, .14), 0px 2px 16px 1px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, .2), 0px 9px 12px 1px rgba(0, 0, 0, .14), 0px 3px 16px 2px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, .2), 0px 10px 14px 1px rgba(0, 0, 0, .14), 0px 4px 18px 3px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, .2), 0px 11px 15px 1px rgba(0, 0, 0, .14), 0px 4px 20px 3px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 13px 19px 2px rgba(0, 0, 0, .14), 0px 5px 24px 4px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, .2), 0px 14px 21px 2px rgba(0, 0, 0, .14), 0px 5px 26px 4px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, .2), 0px 15px 22px 2px rgba(0, 0, 0, .14), 0px 6px 28px 5px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, .2), 0px 17px 26px 2px rgba(0, 0, 0, .14), 0px 6px 32px 5px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, .2), 0px 18px 28px 2px rgba(0, 0, 0, .14), 0px 7px 34px 6px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, .2), 0px 19px 29px 2px rgba(0, 0, 0, .14), 0px 7px 36px 6px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 20px 31px 3px rgba(0, 0, 0, .14), 0px 8px 38px 7px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 21px 33px 3px rgba(0, 0, 0, .14), 0px 8px 40px 7px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, .2), 0px 22px 35px 3px rgba(0, 0, 0, .14), 0px 8px 42px 7px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, .2), 0px 23px 36px 3px rgba(0, 0, 0, .14), 0px 9px 44px 8px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);
  --mat-optgroup-label-text-font: var(--theme-font-family);
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: .03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--theme-color-primary-500);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 0, 0, .26);
  --mat-datepicker-calendar-date-focus-state-background-color: var(--theme-color-primary-500);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--theme-color-primary-500);
  --mat-datepicker-toggle-active-state-icon-color: var(--theme-color-primary-500);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--theme-color-primary-500), .2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, .54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, .54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, .54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, .54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, .12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, .54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, .38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, .18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, .87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, .38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, .24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, .87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, .38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, .38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, .87);
  --mat-datepicker-calendar-text-font: var(--theme-font-family);
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
  --mdc-filled-text-field-caret-color: var(--theme-color-primary-500);
  --mdc-filled-text-field-focus-active-indicator-color: var(--theme-color-primary-500);
  --mdc-filled-text-field-focus-label-text-color: var(--theme-color-primary-500);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, .6);
  --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, .6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, .87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, .6);
  --mdc-filled-text-field-error-hover-label-text-color: #f44336;
  --mdc-filled-text-field-error-focus-label-text-color: #f44336;
  --mdc-filled-text-field-error-label-text-color: #f44336;
  --mdc-filled-text-field-error-caret-color: #f44336;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, .42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, .06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, .87);
  --mdc-filled-text-field-error-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
  --mdc-outlined-text-field-caret-color: var(--theme-color-primary-500);
  --mdc-outlined-text-field-focus-outline-color: var(--theme-color-primary-500);
  --mdc-outlined-text-field-focus-label-text-color: var(--theme-color-primary-500);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, .6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, .6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, .87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, .6);
  --mdc-outlined-text-field-error-caret-color: #f44336;
  --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
  --mdc-outlined-text-field-error-label-text-color: #f44336;
  --mdc-outlined-text-field-error-hover-label-text-color: #f44336;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, .38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, .06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, .87);
  --mdc-outlined-text-field-error-focus-outline-color: #f44336;
  --mdc-outlined-text-field-error-hover-outline-color: #f44336;
  --mdc-outlined-text-field-error-outline-color: #f44336;
  --mat-form-field-focus-select-arrow-color: var(--theme-color-primary-500);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, .38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, .87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, .54);
  --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, .38);
  --mat-form-field-hover-state-layer-opacity: .04;
  --mat-form-field-focus-state-layer-opacity: .08;
  --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;
  --mdc-filled-text-field-label-text-font: var(--theme-font-family);
  --mdc-filled-text-field-label-text-size: 16px;
  --mdc-filled-text-field-label-text-tracking: .03125em;
  --mdc-filled-text-field-label-text-weight: 400;
  --mdc-outlined-text-field-label-text-font: var(--theme-font-family);
  --mdc-outlined-text-field-label-text-size: 16px;
  --mdc-outlined-text-field-label-text-tracking: .03125em;
  --mdc-outlined-text-field-label-text-weight: 400;
  --mat-form-field-container-text-font: var(--theme-font-family);
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: .03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: var(--theme-font-family);
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: .0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-icon-color: inherit;
  --mat-option-selected-state-label-text-color: var(--theme-color-primary-500);
  --mat-option-label-text-color: rgba(0, 0, 0, .87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, .04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, .04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, .04);
  --mat-option-label-text-font: var(--theme-font-family);
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: .03125em;
  --mat-option-label-text-weight: 400;
  --mdc-radio-disabled-selected-icon-opacity: .38;
  --mdc-radio-disabled-unselected-icon-opacity: .38;
  --mdc-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: var(--theme-font-family);
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: .0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-ripple-color: rgba(0, 0, 0, .1);
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, .6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, .38);
  --mat-select-focused-arrow-color: var(--theme-color-primary-500);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, .87);
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: var(--theme-font-family);
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: .03125em;
  --mat-select-trigger-text-weight: 400;
  --mdc-switch-disabled-selected-icon-opacity: .38;
  --mdc-switch-disabled-track-opacity: .12;
  --mdc-switch-disabled-unselected-icon-opacity: .38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: .12;
  --mdc-switch-selected-hover-state-layer-opacity: .04;
  --mdc-switch-selected-pressed-state-layer-opacity: .1;
  --mdc-switch-unselected-focus-state-layer-opacity: .12;
  --mdc-switch-unselected-hover-state-layer-opacity: .04;
  --mdc-switch-unselected-pressed-state-layer-opacity: .1;
  --mdc-switch-selected-focus-state-layer-color: var(--theme-color-primary-600);
  --mdc-switch-selected-handle-color: var(--theme-color-primary-600);
  --mdc-switch-selected-hover-state-layer-color: var(--theme-color-primary-600);
  --mdc-switch-selected-pressed-state-layer-color: var(--theme-color-primary-600);
  --mdc-switch-selected-focus-handle-color: var(--theme-color-primary-900);
  --mdc-switch-selected-hover-handle-color: var(--theme-color-primary-900);
  --mdc-switch-selected-pressed-handle-color: var(--theme-color-primary-900);
  --mdc-switch-selected-focus-track-color: var(--theme-color-primary-300);
  --mdc-switch-selected-hover-track-color: var(--theme-color-primary-300);
  --mdc-switch-selected-pressed-track-color: var(--theme-color-primary-300);
  --mdc-switch-selected-track-color: var(--theme-color-primary-300);
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: #fff;
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, .38);
  --mdc-switch-state-layer-size: 40px;
  --mdc-snackbar-container-shape: 4px;
  --mdc-snackbar-container-color: #d9d9d9;
  --mdc-snackbar-supporting-text-color: rgba(66, 66, 66, .87);
  --mat-snack-bar-button-color: rgba(0, 0, 0, .87);
  --mdc-snackbar-supporting-text-font: var(--theme-font-family);
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400
}
html .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
  --mdc-checkbox-selected-focus-icon-color: var(--theme-color-primary-500);
  --mdc-checkbox-selected-hover-icon-color: var(--theme-color-primary-500);
  --mdc-checkbox-selected-icon-color: var(--theme-color-primary-500);
  --mdc-checkbox-selected-pressed-icon-color: var(--theme-color-primary-500);
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--theme-color-primary-500);
  --mdc-checkbox-selected-hover-state-layer-color: var(--theme-color-primary-500);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--theme-color-primary-500);
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black
}
html .mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black
}
.mat-theme-loaded-marker {
  display:none
}
html .mat-primary,
html .mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: var(--theme-color-primary-500);
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--theme-color-primary-500);
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0
}
html .mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0
}
html .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-background-color: var(--theme-color-primary-500);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 0, 0, .26);
  --mat-datepicker-calendar-date-focus-state-background-color: var(--theme-color-primary-500);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--theme-color-primary-500);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--theme-color-primary-500), .2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e
}
html .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, .4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, .3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, .3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, .2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e
}
html .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: var(--theme-color-primary-500)
}
html .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #f44336
}
html .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none
}
html .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width:var(--mdc-icon-button-state-layer-size);
  height:var(--mdc-icon-button-state-layer-size);
  padding:8px
}
html .mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: var(--theme-color-primary-500);
  --mdc-filled-text-field-focus-active-indicator-color: var(--theme-color-primary-500);
  --mdc-filled-text-field-focus-label-text-color: var(--theme-color-primary-500);
  --mdc-outlined-text-field-caret-color: var(--theme-color-primary-500);
  --mdc-outlined-text-field-focus-outline-color: var(--theme-color-primary-500);
  --mdc-outlined-text-field-focus-label-text-color: var(--theme-color-primary-500);
  --mat-form-field-focus-select-arrow-color: var(--theme-color-primary-500)
}
html .mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #f44336;
  --mdc-filled-text-field-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, .87);
  --mdc-outlined-text-field-caret-color: #f44336;
  --mdc-outlined-text-field-focus-outline-color: #f44336;
  --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, .87);
  --mat-form-field-focus-select-arrow-color: rgba(244, 67, 54, .87)
}
html .mat-icon.mat-primary,
html .mat-icon.mat-accent {
  --mat-icon-color: var(--theme-color-primary-500)
}
html .mat-icon.mat-warn {
  --mat-icon-color: #f44336
}
html .mat-accent {
  --mat-option-selected-state-label-text-color: var(--theme-color-primary-500);
  --mat-option-label-text-color: rgba(0, 0, 0, .87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, .04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, .04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, .04)
}
html .mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, .87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, .04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, .04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, .04)
}
html .mat-mdc-radio-button.mat-primary,
html .mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
  --mdc-radio-selected-focus-icon-color: var(--theme-color-primary-500);
  --mdc-radio-selected-hover-icon-color: var(--theme-color-primary-500);
  --mdc-radio-selected-icon-color: var(--theme-color-primary-500);
  --mdc-radio-selected-pressed-icon-color: var(--theme-color-primary-500);
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: var(--theme-color-primary-500);
  --mat-radio-disabled-label-color: rgba(0, 0, 0, .38);
  --mat-radio-label-text-color: rgba(0, 0, 0, .87)
}
html .mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, .38);
  --mat-radio-label-text-color: rgba(0, 0, 0, .87)
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, .6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, .38);
  --mat-select-focused-arrow-color: var(--theme-color-primary-500);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, .6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, .38);
  --mat-select-focused-arrow-color: rgba(244, 67, 54, .87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)
}
html .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity: .38;
  --mat-switch-disabled-unselected-handle-opacity: .38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, .2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(.4, 0, .6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-selected-track-outline-color: transparent;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
  --mat-switch-label-text-color: rgba(0, 0, 0, .87)
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: var(--theme-color-primary-600);
  --mdc-switch-selected-handle-color: var(--theme-color-primary-600);
  --mdc-switch-selected-hover-state-layer-color: var(--theme-color-primary-600);
  --mdc-switch-selected-pressed-state-layer-color: var(--theme-color-primary-600);
  --mdc-switch-selected-focus-handle-color: var(--theme-color-primary-900);
  --mdc-switch-selected-hover-handle-color: var(--theme-color-primary-900);
  --mdc-switch-selected-pressed-handle-color: var(--theme-color-primary-900);
  --mdc-switch-selected-focus-track-color: var(--theme-color-primary-300);
  --mdc-switch-selected-hover-track-color: var(--theme-color-primary-300);
  --mdc-switch-selected-pressed-track-color: var(--theme-color-primary-300);
  --mdc-switch-selected-track-color: var(--theme-color-primary-300)
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #e53935;
  --mdc-switch-selected-handle-color: #e53935;
  --mdc-switch-selected-hover-state-layer-color: #e53935;
  --mdc-switch-selected-pressed-state-layer-color: #e53935;
  --mdc-switch-selected-focus-handle-color: #b71c1c;
  --mdc-switch-selected-hover-handle-color: #b71c1c;
  --mdc-switch-selected-pressed-handle-color: #b71c1c;
  --mdc-switch-selected-focus-track-color: #e57373;
  --mdc-switch-selected-hover-track-color: #e57373;
  --mdc-switch-selected-pressed-track-color: #e57373;
  --mdc-switch-selected-track-color: #e57373
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-font: var(--theme-font-family);
  --mat-switch-label-text-line-height: 20px;
  --mat-switch-label-text-size: 14px;
  --mat-switch-label-text-tracking: .0178571429em;
  --mat-switch-label-text-weight: 400
}
html.dark {
  --mat-autocomplete-background-color: #424242;
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, .38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, .38);
  --mdc-checkbox-selected-focus-icon-color: var(--theme-color-primary-500);
  --mdc-checkbox-selected-hover-icon-color: var(--theme-color-primary-500);
  --mdc-checkbox-selected-icon-color: var(--theme-color-primary-500);
  --mdc-checkbox-selected-pressed-icon-color: var(--theme-color-primary-500);
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, .54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--theme-color-primary-500);
  --mdc-checkbox-selected-hover-state-layer-color: var(--theme-color-primary-500);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--theme-color-primary-500);
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, .5);
  --mat-checkbox-label-text-color: white;
  --mat-ripple-color: rgba(255, 255, 255, .1);
  --mat-optgroup-label-text-color: white;
  --mat-full-pseudo-checkbox-selected-icon-color: var(--theme-color-primary-500);
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, .7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--theme-color-primary-500);
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
  --mat-app-background-color: #303030;
  --mat-app-text-color: white;
  --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 5px 8px 0px rgba(0, 0, 0, .14), 0px 1px 14px 0px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, .2), 0px 7px 10px 1px rgba(0, 0, 0, .14), 0px 2px 16px 1px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, .2), 0px 9px 12px 1px rgba(0, 0, 0, .14), 0px 3px 16px 2px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, .2), 0px 10px 14px 1px rgba(0, 0, 0, .14), 0px 4px 18px 3px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, .2), 0px 11px 15px 1px rgba(0, 0, 0, .14), 0px 4px 20px 3px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 13px 19px 2px rgba(0, 0, 0, .14), 0px 5px 24px 4px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, .2), 0px 14px 21px 2px rgba(0, 0, 0, .14), 0px 5px 26px 4px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, .2), 0px 15px 22px 2px rgba(0, 0, 0, .14), 0px 6px 28px 5px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, .2), 0px 17px 26px 2px rgba(0, 0, 0, .14), 0px 6px 32px 5px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, .2), 0px 18px 28px 2px rgba(0, 0, 0, .14), 0px 7px 34px 6px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, .2), 0px 19px 29px 2px rgba(0, 0, 0, .14), 0px 7px 36px 6px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 20px 31px 3px rgba(0, 0, 0, .14), 0px 8px 38px 7px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 21px 33px 3px rgba(0, 0, 0, .14), 0px 8px 40px 7px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, .2), 0px 22px 35px 3px rgba(0, 0, 0, .14), 0px 8px 42px 7px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, .2), 0px 23px 36px 3px rgba(0, 0, 0, .14), 0px 9px 44px 8px rgba(0, 0, 0, .12);
  --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--theme-color-primary-500);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 255, 255, .3);
  --mat-datepicker-calendar-date-focus-state-background-color: var(--theme-color-primary-500);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--theme-color-primary-500);
  --mat-datepicker-toggle-active-state-icon-color: var(--theme-color-primary-500);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--theme-color-primary-500), .2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: white;
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, .7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: white;
  --mat-datepicker-calendar-navigation-button-icon-color: white;
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, .12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, .7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, .5);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(255, 255, 255, .3);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(255, 255, 255, .5);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, .24);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(255, 255, 255, .5);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(255, 255, 255, .5);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
  --mdc-filled-text-field-caret-color: var(--theme-color-primary-500);
  --mdc-filled-text-field-focus-active-indicator-color: var(--theme-color-primary-500);
  --mdc-filled-text-field-focus-label-text-color: var(--theme-color-primary-500);
  --mdc-filled-text-field-container-color: #4a4a4a;
  --mdc-filled-text-field-disabled-container-color: #464646;
  --mdc-filled-text-field-label-text-color: rgba(255, 255, 255, .6);
  --mdc-filled-text-field-hover-label-text-color: rgba(255, 255, 255, .6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(255, 255, 255, .38);
  --mdc-filled-text-field-input-text-color: rgba(255, 255, 255, .87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(255, 255, 255, .38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(255, 255, 255, .6);
  --mdc-filled-text-field-error-hover-label-text-color: #f44336;
  --mdc-filled-text-field-error-focus-label-text-color: #f44336;
  --mdc-filled-text-field-error-label-text-color: #f44336;
  --mdc-filled-text-field-error-caret-color: #f44336;
  --mdc-filled-text-field-active-indicator-color: rgba(255, 255, 255, .42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(255, 255, 255, .06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(255, 255, 255, .87);
  --mdc-filled-text-field-error-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
  --mdc-outlined-text-field-caret-color: var(--theme-color-primary-500);
  --mdc-outlined-text-field-focus-outline-color: var(--theme-color-primary-500);
  --mdc-outlined-text-field-focus-label-text-color: var(--theme-color-primary-500);
  --mdc-outlined-text-field-label-text-color: rgba(255, 255, 255, .6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(255, 255, 255, .6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(255, 255, 255, .38);
  --mdc-outlined-text-field-input-text-color: rgba(255, 255, 255, .87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(255, 255, 255, .38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(255, 255, 255, .6);
  --mdc-outlined-text-field-error-caret-color: #f44336;
  --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
  --mdc-outlined-text-field-error-label-text-color: #f44336;
  --mdc-outlined-text-field-error-hover-label-text-color: #f44336;
  --mdc-outlined-text-field-outline-color: rgba(255, 255, 255, .38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(255, 255, 255, .06);
  --mdc-outlined-text-field-hover-outline-color: rgba(255, 255, 255, .87);
  --mdc-outlined-text-field-error-focus-outline-color: #f44336;
  --mdc-outlined-text-field-error-hover-outline-color: #f44336;
  --mdc-outlined-text-field-error-outline-color: #f44336;
  --mat-form-field-focus-select-arrow-color: var(--theme-color-primary-500);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(255, 255, 255, .38);
  --mat-form-field-state-layer-color: rgba(255, 255, 255, .87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, .87);
  --mat-form-field-select-disabled-option-text-color: rgba(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, .54);
  --mat-form-field-disabled-select-arrow-color: rgba(255, 255, 255, .38);
  --mat-form-field-hover-state-layer-opacity: .08;
  --mat-form-field-focus-state-layer-opacity: .24;
  --mat-icon-color: inherit;
  --mat-option-selected-state-label-text-color: var(--theme-color-primary-500);
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, .08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, .08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, .08);
  --mat-ripple-color: rgba(0, 0, 0, .1);
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, .87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, .38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, .6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, .54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, .38);
  --mat-select-focused-arrow-color: var(--theme-color-primary-500);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, .87);
  --mdc-switch-selected-focus-state-layer-color: var(--theme-color-primary-300);
  --mdc-switch-selected-handle-color: var(--theme-color-primary-300);
  --mdc-switch-selected-hover-state-layer-color: var(--theme-color-primary-300);
  --mdc-switch-selected-pressed-state-layer-color: var(--theme-color-primary-300);
  --mdc-switch-selected-focus-handle-color: var(--theme-color-primary-200);
  --mdc-switch-selected-hover-handle-color: var(--theme-color-primary-200);
  --mdc-switch-selected-pressed-handle-color: var(--theme-color-primary-200);
  --mdc-switch-selected-focus-track-color: var(--theme-color-primary-600);
  --mdc-switch-selected-hover-track-color: var(--theme-color-primary-600);
  --mdc-switch-selected-pressed-track-color: var(--theme-color-primary-600);
  --mdc-switch-selected-track-color: var(--theme-color-primary-600);
  --mdc-switch-disabled-selected-handle-color: #000;
  --mdc-switch-disabled-selected-icon-color: #212121;
  --mdc-switch-disabled-selected-track-color: #f5f5f5;
  --mdc-switch-disabled-unselected-handle-color: #000;
  --mdc-switch-disabled-unselected-icon-color: #212121;
  --mdc-switch-disabled-unselected-track-color: #f5f5f5;
  --mdc-switch-handle-surface-color: #fff;
  --mdc-switch-selected-icon-color: #212121;
  --mdc-switch-unselected-focus-handle-color: #fafafa;
  --mdc-switch-unselected-focus-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-focus-track-color: #616161;
  --mdc-switch-unselected-handle-color: #9e9e9e;
  --mdc-switch-unselected-hover-handle-color: #fafafa;
  --mdc-switch-unselected-hover-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-hover-track-color: #616161;
  --mdc-switch-unselected-icon-color: #212121;
  --mdc-switch-unselected-pressed-handle-color: #fafafa;
  --mdc-switch-unselected-pressed-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-pressed-track-color: #616161;
  --mdc-switch-unselected-track-color: #616161;
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
  --mdc-switch-disabled-label-text-color: rgba(255, 255, 255, .5);
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, .87);
  --mat-snack-bar-button-color: var(--theme-color-primary-500)
}
html.dark .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, .38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, .38);
  --mdc-checkbox-selected-focus-icon-color: var(--theme-color-primary-500);
  --mdc-checkbox-selected-hover-icon-color: var(--theme-color-primary-500);
  --mdc-checkbox-selected-icon-color: var(--theme-color-primary-500);
  --mdc-checkbox-selected-pressed-icon-color: var(--theme-color-primary-500);
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, .54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--theme-color-primary-500);
  --mdc-checkbox-selected-hover-state-layer-color: var(--theme-color-primary-500);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--theme-color-primary-500);
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white
}
html.dark .mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, .38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, .38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, .54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white
}
html.dark .mat-primary,
html.dark .mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: var(--theme-color-primary-500);
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, .7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--theme-color-primary-500);
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868
}
html.dark .mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, .7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868
}
html.dark .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-background-color: var(--theme-color-primary-500);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 255, 255, .3);
  --mat-datepicker-calendar-date-focus-state-background-color: var(--theme-color-primary-500);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--theme-color-primary-500);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--theme-color-primary-500), .2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e
}
html.dark .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, .4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, .3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, .3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, .2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e
}
html.dark .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: var(--theme-color-primary-500)
}
html.dark .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #f44336
}
html.dark .mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: var(--theme-color-primary-500);
  --mdc-filled-text-field-focus-active-indicator-color: var(--theme-color-primary-500);
  --mdc-filled-text-field-focus-label-text-color: var(--theme-color-primary-500);
  --mdc-outlined-text-field-caret-color: var(--theme-color-primary-500);
  --mdc-outlined-text-field-focus-outline-color: var(--theme-color-primary-500);
  --mdc-outlined-text-field-focus-label-text-color: var(--theme-color-primary-500);
  --mat-form-field-focus-select-arrow-color: var(--theme-color-primary-500)
}
html.dark .mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #f44336;
  --mdc-filled-text-field-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, .87);
  --mdc-outlined-text-field-caret-color: #f44336;
  --mdc-outlined-text-field-focus-outline-color: #f44336;
  --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, .87);
  --mat-form-field-focus-select-arrow-color: rgba(244, 67, 54, .87)
}
html.dark .mat-icon.mat-primary,
html.dark .mat-icon.mat-accent {
  --mat-icon-color: var(--theme-color-primary-500)
}
html.dark .mat-icon.mat-warn {
  --mat-icon-color: #f44336
}
html.dark .mat-accent {
  --mat-option-selected-state-label-text-color: var(--theme-color-primary-500);
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, .08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, .08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, .08)
}
html.dark .mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, .08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, .08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, .08)
}
html.dark .mat-mdc-radio-button.mat-primary,
html.dark .mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, .54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, .54);
  --mdc-radio-selected-focus-icon-color: var(--theme-color-primary-500);
  --mdc-radio-selected-hover-icon-color: var(--theme-color-primary-500);
  --mdc-radio-selected-icon-color: var(--theme-color-primary-500);
  --mdc-radio-selected-pressed-icon-color: var(--theme-color-primary-500);
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: var(--theme-color-primary-500);
  --mat-radio-disabled-label-color: rgba(255, 255, 255, .5);
  --mat-radio-label-text-color: white
}
html.dark .mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, .54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, .54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, .5);
  --mat-radio-label-text-color: white
}
html.dark .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, .87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, .38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, .6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, .54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, .38);
  --mat-select-focused-arrow-color: var(--theme-color-primary-500);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)
}
html.dark .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, .87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, .38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, .6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, .54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, .38);
  --mat-select-focused-arrow-color: rgba(244, 67, 54, .87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)
}
html.dark .mat-mdc-slide-toggle {
  --mat-switch-label-text-color: white
}
html.dark .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: var(--theme-color-primary-300);
  --mdc-switch-selected-handle-color: var(--theme-color-primary-300);
  --mdc-switch-selected-hover-state-layer-color: var(--theme-color-primary-300);
  --mdc-switch-selected-pressed-state-layer-color: var(--theme-color-primary-300);
  --mdc-switch-selected-focus-handle-color: var(--theme-color-primary-200);
  --mdc-switch-selected-hover-handle-color: var(--theme-color-primary-200);
  --mdc-switch-selected-pressed-handle-color: var(--theme-color-primary-200);
  --mdc-switch-selected-focus-track-color: var(--theme-color-primary-600);
  --mdc-switch-selected-hover-track-color: var(--theme-color-primary-600);
  --mdc-switch-selected-pressed-track-color: var(--theme-color-primary-600);
  --mdc-switch-selected-track-color: var(--theme-color-primary-600)
}
html.dark .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #e57373;
  --mdc-switch-selected-handle-color: #e57373;
  --mdc-switch-selected-hover-state-layer-color: #e57373;
  --mdc-switch-selected-pressed-state-layer-color: #e57373;
  --mdc-switch-selected-focus-handle-color: #ef9a9a;
  --mdc-switch-selected-hover-handle-color: #ef9a9a;
  --mdc-switch-selected-pressed-handle-color: #ef9a9a;
  --mdc-switch-selected-focus-track-color: #e53935;
  --mdc-switch-selected-hover-track-color: #e53935;
  --mdc-switch-selected-pressed-track-color: #e53935;
  --mdc-switch-selected-track-color: #e53935
}
.mat-form-field-wrapper {
  margin-bottom:-5px
}
.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color:transparent;
  border-width:1px;
  border-color:var(--theme-shade-dark-200)
}
.dark .mat-form-field-appearance-fill .mat-form-field-flex {
  border-width:0px;
  background-color:var(--theme-shade-light-200)
}
.dark .mat-form-field-appearance-fill .mat-input-element {
  color:var(--theme-shade-light-600)
}
.dark .mat-form-field-appearance-fill .mat-form-field-underline:before {
  background-color:var(--theme-shade-light-500)
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color:var(--theme-color-primary-500)
}
.dark .mat-form-field-appearance-outline .mat-form-field-outline {
  color:var(--theme-shade-light-500)
}
.mat-mdc-form-field .mdc-notched-outline__notch {
  border-right:none
}
.mat-form-field-label {
  color:var(--theme-shade-dark-500)
}
.dark .mat-form-field-label {
  color:var(--theme-shade-light-500)
}
.dark .mat-checkbox-frame {
  border-color:var(--theme-shade-light-400)
}
.mat-calendar *:not(i) {
  font-family:Nunito Sans,sans-serif
}
.mat-calendar .mat-calendar-body-cell-content {
  color:var(--theme-shade-dark-900)
}
.dark .mat-calendar .mat-calendar-body-cell-content {
  --tw-text-opacity: 1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}
.mat-calendar .mat-calendar-body-cell-content.mat-calendar-body-selected {
  font-weight:700
}
.dark .mat-calendar .mat-calendar-table-header,
.dark .mat-calendar .mat-calendar-body-label {
  --tw-text-opacity: 1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}
.mat-calendar .mat-calendar-table-header,
.mat-calendar .mat-calendar-body-label {
  opacity:.5
}
.mat-calendar .mat-calendar-body-label {
  opacity:0
}
.mat-calendar .mat-calendar-body-in-range:before {
  background-color:var(--theme-color-primary-500);
  opacity:.5
}
.mat-calendar .mat-calendar-table-header-divider:after {
  background-color:transparent
}
.mat-slide-toggle-thumb {
  --tw-bg-opacity: 1;
  background-color:rgb(86 86 86 / var(--tw-bg-opacity))
}
.dark .mat-slide-toggle-thumb {
  --tw-bg-opacity: 1;
  background-color:rgb(160 160 160 / var(--tw-bg-opacity))
}
.mat-slide-toggle-bar {
  background-color:var(--theme-shade-dark-400)
}
.dark .mat-slide-toggle-bar {
  background-color:var(--theme-shade-light-400)
}
mat-hint {
  color:var(--theme-shade-dark-500)
}
.dark mat-hint {
  color:var(--theme-shade-light-500)
}
.mat-mdc-input-element:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);
  --tw-ring-offset-width: 0px
}
.dark .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  --tw-bg-opacity: 1 !important;
  background-color:rgb(37 37 37 / var(--tw-bg-opacity))!important
}
.fade-in {
  animation:fade-in var(--theme-fade-duration) ease-in-out forwards
}
@keyframes fade-in {
  0% {
    opacity:0
  }
  to {
    opacity:1
  }
}
@font-face {
  font-display:swap;
  font-family:Nunito Sans;
  font-style:normal;
  font-weight:200;
  src:url("../css/styles/nunito-sans-v15-latin_latin-ext-200-RAETEOA5.woff2") format("woff2"),
  url("../css/styles/nunito-sans-v15-latin_latin-ext-200-DZU7OWUB.woff") format("woff"),
  url("../css/styles/nunito-sans-v15-latin_latin-ext-200-CN5NHY7Y.ttf") format("truetype"),
  url("../css/styles/nunito-sans-v15-latin_latin-ext-200-7PS25B3Q.svg#NunitoSans") format("svg")
}
@font-face {
  font-display:swap;
  font-family:Nunito Sans;
  font-style:normal;
  font-weight:300;
  src:url("../css/styles/nunito-sans-v15-latin_latin-ext-300-TMEM6KQA.woff2") format("woff2"),
  url("../css/styles/nunito-sans-v15-latin_latin-ext-300-2X7IHEQY.woff") format("woff"),
  url("../css/styles/nunito-sans-v15-latin_latin-ext-300-RXYOEQEV.ttf") format("truetype"),
  url("../css/styles/nunito-sans-v15-latin_latin-ext-300-CNOTAT22.svg#NunitoSans") format("svg")
}
@font-face {
  font-display:swap;
  font-family:Nunito Sans;
  font-style:normal;
  font-weight:400;
  src:url("../css/styles/nunito-sans-v15-latin_latin-ext-regular-T5ODUWAR.woff2") format("woff2"),
  url("../css/styles/nunito-sans-v15-latin_latin-ext-regular-UL6AIVFC.woff") format("woff"),
  url("../css/styles/nunito-sans-v15-latin_latin-ext-regular-U7HWW5NT.ttf") format("truetype"),
  url("../css/styles/nunito-sans-v15-latin_latin-ext-regular-WSPVVT7V.svg#NunitoSans") format("svg")
}
@font-face {
  font-display:swap;
  font-family:Nunito Sans;
  font-style:normal;
  font-weight:500;
  src:url("../css/styles/nunito-sans-v15-latin_latin-ext-500-6ZOUFC7L.woff2") format("woff2"),
  url("../css/styles/nunito-sans-v15-latin_latin-ext-500-UNNJATLF.woff") format("woff"),
  url("../css/styles/nunito-sans-v15-latin_latin-ext-500-5C7ZFN3R.ttf") format("truetype"),
  url("../css/styles/nunito-sans-v15-latin_latin-ext-500-HOWCSB6V.svg#NunitoSans") format("svg")
}
@font-face {
  font-display:swap;
  font-family:Nunito Sans;
  font-style:normal;
  font-weight:600;
  src:url("../css/styles/nunito-sans-v15-latin_latin-ext-600-KXZCA5VN.woff2") format("woff2"),
  url("../css/styles/nunito-sans-v15-latin_latin-ext-600-ZP4TML4B.woff") format("woff"),
  url("../css/styles/nunito-sans-v15-latin_latin-ext-600-PAVYONNF.ttf") format("truetype"),
  url("../css/styles/nunito-sans-v15-latin_latin-ext-600-VX42DYWA.svg#NunitoSans") format("svg")
}
@font-face {
  font-display:swap;
  font-family:Nunito Sans;
  font-style:normal;
  font-weight:700;
  src:url("../css/styles/nunito-sans-v15-latin_latin-ext-700-LOEBRQYF.woff2") format("woff2"),
  url("../css/styles/nunito-sans-v15-latin_latin-ext-700-TM76CCO5.woff") format("woff"),
  url("../css/styles/nunito-sans-v15-latin_latin-ext-700-7SKFC75W.ttf") format("truetype"),
  url("../css/styles/nunito-sans-v15-latin_latin-ext-700-43F5GZ7N.svg#NunitoSans") format("svg")
}
@font-face {
  font-display:swap;
  font-family:Nunito Sans;
  font-style:normal;
  font-weight:800;
  src:url("../css/styles/nunito-sans-v15-latin_latin-ext-800-DVWGUF6F.woff2") format("woff2"),
  url("../css/styles/nunito-sans-v15-latin_latin-ext-800-KO2ZOOKY.woff") format("woff"),
  url("../css/styles/nunito-sans-v15-latin_latin-ext-800-RG6W35T4.ttf") format("truetype"),
  url("../css/styles/nunito-sans-v15-latin_latin-ext-800-ISRQF27N.svg#NunitoSans") format("svg")
}
@font-face {
  font-display:swap;
  font-family:Nunito Sans;
  font-style:normal;
  font-weight:900;
  src:url("../css/styles/nunito-sans-v15-latin_latin-ext-900-PUZRNPJW.woff2") format("woff2"),
  url("../css/styles/nunito-sans-v15-latin_latin-ext-900-3P2VTIPG.woff") format("woff"),
  url("../css/styles/nunito-sans-v15-latin_latin-ext-900-TD5S2NKX.ttf") format("truetype"),
  url("../css/styles/nunito-sans-v15-latin_latin-ext-900-PNS4LJQ3.svg#NunitoSans") format("svg")
}
.pending {
  animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite
}
.pending h1,
.pending h2,
.pending h3,
.pending h4,
.pending h5,
.pending h6,
.pending span,
.pending li,
.pending p {
  border-radius:4px;
  border-width:0px;
  background-color:var(--theme-shade-dark-300);
  color:transparent
}
.dark .pending h1,
.dark .pending h2,
.dark .pending h3,
.dark .pending h4,
.dark .pending h5,
.dark .pending h6,
.dark .pending span,
.dark .pending li,
.dark .pending p {
  background-color:var(--theme-shade-light-300);
  color:transparent
}
.pending h1,
.pending h2,
.pending h3,
.pending h4,
.pending h5,
.pending h6,
.pending span,
.pending li,
.pending p {
  transition:background-color .15s;
  transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.pending h1:after,
.pending h2:after,
.pending h3:after,
.pending h4:after,
.pending h5:after,
.pending h6:after,
.pending span:after,
.pending li:after,
.pending p:after {
  content:" ";
  display:inline-block
}
.pending * {
  background-image:none
}
.pending .gradient-overlay:after {
  background:transparent linear-gradient(180deg,#0000 0% 100%) 0 0 no-repeat padding-box;
  background-color:var(--theme-shade-dark-300)
}
.dark .pending .gradient-overlay:after {
  background-color:var(--theme-shade-light-300)
}
.pending .overflow-x-auto {
  overflow-x:hidden
}
.pending .headline-divider {
  border-bottom-width:0px
}
.pending i {
  opacity:0
}
.pending img {
  opacity:0;
  transition:opacity .5s linear
}
*,
:before,
:after {
  box-sizing:border-box;
  border-width:0;
  border-style:solid;
  border-color:#e5e7eb
}
:before,
:after {
  --tw-content: ""
}
html {
  line-height:1.5;
  -webkit-text-size-adjust:100%;
  -moz-tab-size:4;
  tab-size:4;
  font-family:Nunito Sans,sans-serif;
  font-feature-settings:normal
}
body {
  margin:0;
  line-height:inherit
}
hr {
  height:0;
  color:inherit;
  border-top-width:1px
}
abbr:where([title]) {
  text-decoration:underline dotted
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size:inherit;
  font-weight:inherit
}
a {
  color:inherit;
  text-decoration:inherit
}
b,
strong {
  font-weight:bolder
}
code,
kbd,
samp,
pre {
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
  font-size:1em
}
small {
  font-size:80%
}
sub,
sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}
sub {
  bottom:-.25em
}
sup {
  top:-.5em
}
table {
  text-indent:0;
  border-color:inherit;
  border-collapse:collapse
}
button,
input,
optgroup,
select,
textarea {
  font-family:inherit;
  font-size:100%;
  font-weight:inherit;
  line-height:inherit;
  color:inherit;
  margin:0;
  padding:0
}
button,
select {
  text-transform:none
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance:button;
  background-color:transparent;
  background-image:none
}
:-moz-focusring {
  outline:auto
}
:-moz-ui-invalid {
  box-shadow:none
}
progress {
  vertical-align:baseline
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height:auto
}
[type=search] {
  -webkit-appearance:textfield;
  outline-offset:-2px
}
::-webkit-search-decoration {
  -webkit-appearance:none
}
::-webkit-file-upload-button {
  -webkit-appearance:button;
  font:inherit
}
summary {
  display:list-item
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin:0
}
fieldset {
  margin:0;
  padding:0
}
legend {
  padding:0
}
ol,
ul,
menu {
  list-style:none;
  margin:0;
  padding:0
}
textarea {
  resize:vertical
}
input::placeholder,
textarea::placeholder {
  opacity:1;
  color:#9ca3af
}
button,
[role=button] {
  cursor:pointer
}
:disabled {
  cursor:default
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display:block;
  vertical-align:middle
}
img,
video {
  max-width:100%;
  height:auto
}
[hidden] {
  display:none
}
[type=text],
input:where(:not([type])),
[type=email],
[type=url],
[type=password],
[type=number],
[type=date],
[type=datetime-local],
[type=month],
[type=search],
[type=tel],
[type=time],
[type=week],
[multiple],
textarea,
select {
  appearance:none;
  background-color:#fff;
  border-color:#6b7280;
  border-width:1px;
  border-radius:0;
  padding:.5rem .75rem;
  font-size:1rem;
  line-height:1.5rem;
  --tw-shadow: 0 0 #0000
}
[type=text]:focus,
input:where(:not([type])):focus,
[type=email]:focus,
[type=url]:focus,
[type=password]:focus,
[type=number]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=month]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=time]:focus,
[type=week]:focus,
[multiple]:focus,
textarea:focus,
select:focus {
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-inset: var(--tw-empty, );
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
  border-color:#2563eb
}
input::placeholder,
textarea::placeholder {
  color:#6b7280;
  opacity:1
}
::-webkit-datetime-edit-fields-wrapper {
  padding:0
}
::-webkit-date-and-time-value {
  min-height:1.5em;
  text-align:inherit
}
::-webkit-datetime-edit {
  display:inline-flex
}
::-webkit-datetime-edit,
::-webkit-datetime-edit-year-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-second-field,
::-webkit-datetime-edit-millisecond-field,
::-webkit-datetime-edit-meridiem-field {
  padding-top:0;
  padding-bottom:0
}
select {
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position:right .5rem center;
  background-repeat:no-repeat;
  background-size:1.5em 1.5em;
  padding-right:2.5rem;
  -webkit-print-color-adjust:exact;
  print-color-adjust:exact
}
[multiple],
[size]:where(select:not([size="1"])) {
  background-image:initial;
  background-position:initial;
  background-repeat:unset;
  background-size:initial;
  padding-right:.75rem;
  -webkit-print-color-adjust:unset;
  print-color-adjust:unset
}
[type=checkbox],
[type=radio] {
  appearance:none;
  padding:0;
  -webkit-print-color-adjust:exact;
  print-color-adjust:exact;
  display:inline-block;
  vertical-align:middle;
  background-origin:border-box;
  -webkit-user-select:none;
  user-select:none;
  flex-shrink:0;
  height:1rem;
  width:1rem;
  color:#2563eb;
  background-color:#fff;
  border-color:#6b7280;
  border-width:1px;
  --tw-shadow: 0 0 #0000
}
[type=checkbox] {
  border-radius:0
}
[type=radio] {
  border-radius:100%
}
[type=checkbox]:focus,
[type=radio]:focus {
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-inset: var(--tw-empty, );
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}
[type=checkbox]:checked,
[type=radio]:checked {
  border-color:transparent;
  background-color:black;
  background-size:100% 100%;
  background-position:center;
  background-repeat:no-repeat
}
[type=checkbox]:checked {
  background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
}
@media (forced-colors: active) {
  [type=checkbox]:checked {
    appearance:auto
  }
}
[type=radio]:checked {
  background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")
}
@media (forced-colors: active) {
  [type=radio]:checked {
    appearance:auto
  }
}
.rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.rating input {
    display: none;
}

.rating label {
    cursor: pointer;
    width: 2.5rem;
    height: 2.5rem;
    margin: 0 0.2rem;
    background-color: grey;
    color: #333;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.rating label:hover,
.rating label:hover ~ label,
.rating input:checked ~ label {
    background-color: #bd8836;
    color: white;
}

[type=checkbox]:checked:hover,
[type=checkbox]:checked:focus,
[type=radio]:checked:hover,
[type=radio]:checked:focus {
  border-color:transparent;
  background-color:black
}
[type=checkbox]:indeterminate {
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color:transparent;
  background-color:currentColor;
  background-size:100% 100%;
  background-position:center;
  background-repeat:no-repeat
}
@media (forced-colors: active) {
  [type=checkbox]:indeterminate {
    appearance:auto
  }
}
[type=checkbox]:indeterminate:hover,
[type=checkbox]:indeterminate:focus {
  border-color:transparent;
  background-color:currentColor
}
[type=file] {
  background:unset;
  border-color:inherit;
  border-width:0;
  border-radius:0;
  padding:0;
  font-size:unset;
  line-height:inherit
}
[type=file]:focus {
  outline:1px solid ButtonText;
  outline:1px auto -webkit-focus-ring-color
}
html {
  background-color:var(--theme-background-color);
  color:var(--theme-text-color);
  font-family:var(--theme-font-family);
  height:100vh;
  min-height:-webkit-fill-available;
  font-size:15px;
  line-height:20px;
  font-weight:400;
  color:var(--theme-shade-dark-900)
}
.dark html {
  color:var(--theme-shade-light-600)
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color:var(--theme-shade-dark-900)
}
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6 {
  --tw-text-opacity: 1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight:800
}
h1 {
  font-size:28px;
  line-height:34px
}
h2 {
  font-size:24px;
  line-height:28px
}
h3 {
  font-size:20px;
  line-height:24px
}
html body {
  --tw-bg-opacity: 1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}
html.dark body {
  background-color:var(--theme-shade-dark-900)
}
table tr td {
  padding-bottom:5px;
  vertical-align:top
}
*,
:before,
:after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / .5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: 
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / .5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: 
}
.container {
  width:100%;
  margin-right:auto;
  margin-left:auto
}
@media (min-width: 640px) {
  .container {
    max-width:640px
  }
}
@media (min-width: 768px) {
  .container {
    max-width:768px
  }
}
@media (min-width: 1024px) {
  .container {
    max-width:1024px
  }
}
@media (min-width: 1280px) {
  .container {
    max-width:1280px
  }
}
@media (min-width: 1536px) {
  .container {
    max-width:1536px
  }
}
.aspect-h-\[1\] {
  --tw-aspect-h: 1
}
.aspect-h-\[3\] {
  --tw-aspect-h: 3
}
.aspect-h-square {
  --tw-aspect-h: 1 / 1
}
.aspect-w-\[1\] {
  position:relative;
  padding-bottom:calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
  --tw-aspect-w: 1
}
.aspect-w-\[1\]>* {
  position:absolute;
  height:100%;
  width:100%;
  inset:0
}
.aspect-w-\[4\] {
  position:relative;
  padding-bottom:calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
  --tw-aspect-w: 4
}
.aspect-w-\[4\]>* {
  position:absolute;
  height:100%;
  width:100%;
  inset:0
}
.aspect-w-square {
  position:relative;
  padding-bottom:calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
  --tw-aspect-w: 1 / 1
}
.aspect-w-square>* {
  position:absolute;
  height:100%;
  width:100%;
  inset:0
}
.content,
.content-container {
  width:100%;
  margin-right:auto;
  margin-left:auto
}
@media (min-width: 640px) {
  .content,
  .content-container {
    max-width:640px
  }
}
@media (min-width: 768px) {
  .content,
  .content-container {
    max-width:768px
  }
}
@media (min-width: 1024px) {
  .content,
  .content-container {
    max-width:1024px
  }
}
@media (min-width: 1280px) {
  .content,
  .content-container {
    max-width:1280px
  }
}
@media (min-width: 1536px) {
  .content,
  .content-container {
    max-width:1536px
  }
}
.content,
.content-container {
  max-width:1280px
}
.content.narrow,
.narrow.content-container {
  max-width:42rem;
  margin-left:auto;
  margin-right:auto
}
.content.full,
.full.content-container {
  max-width:100%
}
.content-container {
  min-height:calc(100vh - 274px)
}
.overlay-container {
  z-index:30;
  position:fixed;
  overflow-y:auto;
  inset:0
}
.overlay-container:not(.bg-reset) {
  --tw-bg-opacity: 1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}
.dark .overlay-container:not(.bg-reset) {
  background-color:var(--theme-shade-dark-900)
}
.skeleton .filled {
  animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite
}
.skeleton .\!filled {
  animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite
}
.skeleton .filled,
.skeleton .\!filled {
  background:var(--theme-shade-dark-200)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important
}
.dark .skeleton .filled,
.dark .skeleton .\!filled {
  background:var(--theme-shade-light-200)!important
}
.pointer-events-none {
  pointer-events:none
}
.visible {
  visibility:visible
}
.static {
  position:static
}
.fixed {
  position:fixed
}
.absolute {
  position:absolute
}
.relative {
  position:relative
}
.sticky {
  position:sticky
}
.inset-0 {
  inset:0
}
.inset-1 {
  inset:5px
}
.inset-x-3 {
  left:15px;
  right:15px
}
.\!-right-\[1px\] {
  right:-1px!important
}
.\!-top-\[1px\] {
  top:-1px!important
}
.-top-2 {
  top:-10px
}
.-top-2\.5 {
  top:-12.5px
}
.bottom-0 {
  bottom:0
}
.bottom-1 {
  bottom:5px
}
.bottom-16 {
  bottom:80px
}
.bottom-2 {
  bottom:10px
}
.left-0 {
  left:0
}
.left-1 {
  left:5px
}
.left-1\/2 {
  left:50%
}
.left-2 {
  left:10px
}
.left-4 {
  left:20px
}
.left-6 {
  left:30px
}
.left-full {
  left:100%
}
.right-0 {
  right:0
}
.right-1 {
  right:5px
}
.right-2 {
  right:10px
}
.right-6 {
  right:30px
}
.right-7 {
  right:35px
}
.top-0 {
  top:0
}
.top-1 {
  top:5px
}
.top-1\/2 {
  top:50%
}
.top-12 {
  top:60px
}
.top-16 {
  top:80px
}
.top-2 {
  top:10px
}
.top-3 {
  top:15px
}
.top-3\.5 {
  top:17.5px
}
.top-7 {
  top:35px
}
.top-\[12\.5px\] {
  top:12.5px
}
.top-\[50px\] {
  top:50px
}
.-z-0,
.z-0 {
  z-index:0
}
.z-10 {
  z-index:10
}
.z-20 {
  z-index:20
}
.z-30 {
  z-index:30
}
.z-40 {
  z-index:40
}
.z-50 {
  z-index:50
}
.z-\[100\] {
  z-index:100
}
.col-span-2 {
  grid-column:span 2 / span 2
}
.row-span-2 {
  grid-row:span 2 / span 2
}
.m-0 {
  margin:0
}
.-my-1 {
  margin-top:-5px;
  margin-bottom:-5px
}
.mx-1 {
  margin-left:5px;
  margin-right:5px
}
.mx-2 {
  margin-left:10px;
  margin-right:10px
}
.mx-4 {
  margin-left:20px;
  margin-right:20px
}
.mx-auto {
  margin-left:auto;
  margin-right:auto
}
.my-12 {
  margin-top:60px;
  margin-bottom:60px
}
.my-2 {
  margin-top:10px;
  margin-bottom:10px
}
.my-3 {
  margin-top:15px;
  margin-bottom:15px
}
.my-4 {
  margin-top:20px;
  margin-bottom:20px
}
.my-6 {
  margin-top:30px;
  margin-bottom:30px
}
.my-8 {
  margin-top:40px;
  margin-bottom:40px
}
.-ml-1 {
  margin-left:-5px
}
.-ml-4 {
  margin-left:-20px
}
.-mr-4 {
  margin-right:-20px
}
.-mt-3 {
  margin-top:-15px
}
.-mt-\[24px\] {
  margin-top:-24px
}
.mb-0 {
  margin-bottom:0
}
.mb-0\.5 {
  margin-bottom:2.5px
}
.mb-1 {
  margin-bottom:5px
}
.mb-10 {
  margin-bottom:50px
}
.mb-12 {
  margin-bottom:60px
}
.mb-16 {
  margin-bottom:80px
}
.mb-2 {
  margin-bottom:10px
}
.mb-3 {
  margin-bottom:15px
}
.mb-4 {
  margin-bottom:20px
}
.mb-5 {
  margin-bottom:25px
}
.mb-6 {
  margin-bottom:30px
}
.mb-8 {
  margin-bottom:40px
}
.mb-\[2px\] {
  margin-bottom:2px
}
.mb-auto {
  margin-bottom:auto
}
.ml-1 {
  margin-left:5px
}
.ml-2 {
  margin-left:10px
}
.ml-4 {
  margin-left:20px
}
.ml-auto {
  margin-left:auto
}
.mr-1 {
  margin-right:5px
}
.mr-2 {
  margin-right:10px
}
.mr-3 {
  margin-right:15px
}
.mr-4 {
  margin-right:20px
}
.mt-0 {
  margin-top:0
}
.mt-0\.5 {
  margin-top:2.5px
}
.mt-1 {
  margin-top:5px
}
.mt-1\.5 {
  margin-top:7.5px
}
.mt-10 {
  margin-top:50px
}
.mt-12 {
  margin-top:60px
}
.mt-14 {
  margin-top:70px
}
.mt-16 {
  margin-top:80px
}
.mt-2 {
  margin-top:10px
}
.mt-2\.5 {
  margin-top:12.5px
}
.mt-20 {
  margin-top:100px
}
.mt-3 {
  margin-top:15px
}
.mt-4 {
  margin-top:20px
}
.mt-5 {
  margin-top:25px
}
.mt-6 {
  margin-top:30px
}
.mt-8 {
  margin-top:40px
}
.mt-\[90px\] {
  margin-top:90px
}
.\!block {
  display:block!important
}
.block {
  display:block
}
.inline-block {
  display:inline-block
}
.inline {
  display:inline
}
.\!flex {
  display:flex!important
}
.flex {
  display:flex
}
.table {
  display:table
}
.grid {
  display:grid
}
.contents {
  display:contents
}
.hidden {
  display:none
}
.aspect-16\/9 {
  aspect-ratio:16 / 9
}
.aspect-\[175\/115\] {
  aspect-ratio:175/115
}
.aspect-\[225\/320\] {
  aspect-ratio:225/320
}
.aspect-square {
  aspect-ratio:1 / 1
}
.\!h-\[4px\] {
  height:4px!important
}
.h-0 {
  height:0px
}
.h-1 {
  height:5px
}
.h-1\.5 {
  height:7.5px
}
.h-10 {
  height:50px
}
.h-11 {
  height:55px
}
.h-12 {
  height:60px
}
.h-14 {
  height:70px
}
.h-16 {
  height:80px
}
.h-2 {
  height:10px
}
.h-2\.5 {
  height:12.5px
}
.h-20 {
  height:100px
}
.h-24 {
  height:6rem
}
.h-28 {
  height:7rem
}
.h-3 {
  height:15px
}
.h-3\.5 {
  height:17.5px
}
.h-36 {
  height:9rem
}
.h-4 {
  height:20px
}
.h-40 {
  height:10rem
}
.h-48 {
  height:12rem
}
.h-5 {
  height:25px
}
.h-52 {
  height:13rem
}
.h-56 {
  height:14rem
}
.h-6 {
  height:30px
}
.h-7 {
  height:35px
}
.h-8 {
  height:40px
}
.h-9 {
  height:45px
}
.h-\[100px\] {
  height:100px
}
.h-\[12px\] {
  height:12px
}
.h-\[140px\] {
  height:140px
}
.h-\[150px\] {
  height:150px
}
.h-\[160px\] {
  height:160px
}
.h-\[1px\] {
  height:1px
}
.h-\[20px\] {
  height:20px
}
.h-\[24px\] {
  height:24px
}
.h-\[260px\] {
  height:260px
}
.h-\[311px\] {
  height:311px
}
.h-\[320px\] {
  height:320px
}
.h-\[384px\] {
  height:384px
}
.h-\[3px\] {
  height:3px
}
.h-\[40px\] {
  height:40px
}
.h-\[500px\] {
  height:500px
}
.h-\[54px\] {
  height:54px
}
.h-\[60px\] {
  height:60px
}
.h-\[75vh\] {
  height:75vh
}
.h-\[8px\] {
  height:8px
}
.h-\[calc\(100\%-90px\)\] {
  height:calc(100% - 90px)
}
.h-\[calc\(100dvh-2\*60px\)\] {
  height:calc(100dvh - 120px)
}
.h-\[calc\(100vh-425px\)\] {
  height:calc(100vh - 425px)
}
.h-auto {
  height:auto
}
.h-full {
  height:100%
}
.h-px {
  height:1px
}
.h-screen {
  height:100vh
}
.max-h-\[14px\] {
  max-height:14px
}
.max-h-full {
  max-height:100%
}
.max-h-screen {
  max-height:100vh
}
.min-h-\[120px\] {
  min-height:120px
}
.min-h-\[140px\] {
  min-height:140px
}
.min-h-\[3\] {
  min-height:3
}
.min-h-\[80vh\] {
  min-height:80vh
}
.min-h-\[calc\(100dvh-380px\)\] {
  min-height:calc(100dvh - 380px)
}
.min-h-fit {
  min-height:fit-content
}
.min-h-screen {
  min-height:100vh
}
.\!w-\[145px\] {
  width:145px!important
}
.w-1 {
  width:5px
}
.w-1\.5 {
  width:7.5px
}
.w-1\/2 {
  width:50%
}
.w-1\/3 {
  width:33.333333%
}
.w-1\/4 {
  width:25%
}
.w-1\/5 {
  width:20%
}
.w-1\/6 {
  width:16.666667%
}
.w-10 {
  width:50px
}
.w-12 {
  width:60px
}
.w-14 {
  width:70px
}
.w-16 {
  width:80px
}
.w-2\/3 {
  width:66.666667%
}
.w-2\/5 {
  width:40%
}
.w-20 {
  width:100px
}
.w-24 {
  width:6rem
}
.w-28 {
  width:7rem
}
.w-3 {
  width:15px
}
.w-3\/5 {
  width:60%
}
.w-32 {
  width:8rem
}
.w-36 {
  width:9rem
}
.w-4 {
  width:20px
}
.w-4\/5 {
  width:80%
}
.w-40 {
  width:10rem
}
.w-44 {
  width:11rem
}
.w-48 {
  width:12rem
}
.w-5 {
  width:25px
}
.w-5\/12 {
  width:41.666667%
}
.w-56 {
  width:14rem
}
.w-6 {
  width:30px
}
.w-64 {
  width:16rem
}
.w-7 {
  width:35px
}
.w-7\/12 {
  width:58.333333%
}
.w-72 {
  width:18rem
}
.w-8 {
  width:40px
}
.w-96 {
  width:24rem
}
.w-\[140px\] {
  width:140px
}
.w-\[150px\] {
  width:150px
}
.w-\[160px\] {
  width:160px
}
.w-\[20px\] {
  width:20px
}
.w-\[24px\] {
  width:24px
}
.w-\[40px\] {
  width:40px
}
.w-\[500px\] {
  width:500px
}
.w-\[60px\] {
  width:60px
}
.w-\[80px\] {
  width:80px
}
.w-\[90px\] {
  width:90px
}
.w-full {
  width:100%
}
.min-w-\[20px\] {
  min-width:20px
}
.min-w-\[225px\] {
  min-width:225px
}
.max-w-2xl {
  max-width:42rem
}
.max-w-\[200px\] {
  max-width:200px
}
.max-w-\[225px\] {
  max-width:225px
}
.max-w-full {
  max-width:100%
}
.max-w-screen-xl {
  max-width:1280px
}
.max-w-xl {
  max-width:36rem
}
.flex-1 {
  flex:1 1 0%
}
.flex-shrink {
  flex-shrink:1
}
.flex-shrink-0 {
  flex-shrink:0
}
.shrink {
  flex-shrink:1
}
.shrink-0 {
  flex-shrink:0
}
.flex-grow {
  flex-grow:1
}
.flex-grow-0 {
  flex-grow:0
}
.grow {
  flex-grow:1
}
.grow-0 {
  flex-grow:0
}
.basis-1\/2 {
  flex-basis:50%
}
.basis-1\/3 {
  flex-basis:33.333333%
}
.basis-3\/5 {
  flex-basis:60%
}
.table-auto {
  table-layout:auto
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-y-\[1px\] {
  --tw-translate-y: 1px;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.transform {
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.cursor-pointer {
  cursor:pointer
}
.select-none {
  -webkit-user-select:none;
  user-select:none
}
.snap-x {
  scroll-snap-type:x var(--tw-scroll-snap-strictness)
}
.snap-end {
  scroll-snap-align:end
}
.snap-center {
  scroll-snap-align:center
}
.list-inside {
  list-style-position:inside
}
.list-decimal {
  list-style-type:decimal
}
.grid-flow-row {
  grid-auto-flow:row
}
.grid-cols-1 {
  grid-template-columns:repeat(1,minmax(0,1fr))
}
.grid-cols-2 {
  grid-template-columns:repeat(2,minmax(0,1fr))
}
.grid-cols-3 {
  grid-template-columns:repeat(3,minmax(0,1fr))
}
.grid-cols-4 {
  grid-template-columns:repeat(4,minmax(0,1fr))
}
.grid-cols-5 {
  grid-template-columns:repeat(5,minmax(0,1fr))
}
.grid-cols-6 {
  grid-template-columns:repeat(6,minmax(0,1fr))
}
.grid-cols-8 {
  grid-template-columns:repeat(8,minmax(0,1fr))
}
.grid-cols-\[repeat\(auto-fit\,minmax\(90px\,1fr\)\)\] {
  grid-template-columns:repeat(auto-fit,minmax(90px,1fr))
}
.grid-rows-1 {
  grid-template-rows:repeat(1,minmax(0,1fr))
}
.grid-rows-2 {
  grid-template-rows:repeat(2,minmax(0,1fr))
}
.grid-rows-3 {
  grid-template-rows:repeat(3,minmax(0,1fr))
}
.flex-row {
  flex-direction:row
}
.flex-row-reverse {
  flex-direction:row-reverse
}
.flex-col {
  flex-direction:column
}
.flex-wrap {
  flex-wrap:wrap
}
.flex-nowrap {
  flex-wrap:nowrap
}
.place-content-between {
  place-content:space-between
}
.items-start {
  align-items:flex-start
}
.items-end {
  align-items:flex-end
}
.items-center {
  align-items:center
}
.items-baseline {
  align-items:baseline
}
.items-stretch {
  align-items:stretch
}
.justify-start {
  justify-content:flex-start
}
.justify-end {
  justify-content:flex-end
}
.justify-center {
  justify-content:center
}
.justify-between {
  justify-content:space-between
}
.justify-around {
  justify-content:space-around
}
.justify-items-start {
  justify-items:start
}
.justify-items-stretch {
  justify-items:stretch
}
.gap-0 {
  gap:0px
}
.gap-0\.5 {
  gap:2.5px
}
.gap-1 {
  gap:5px
}
.gap-12 {
  gap:60px
}
.gap-16 {
  gap:80px
}
.gap-2 {
  gap:10px
}
.gap-3 {
  gap:15px
}
.gap-4 {
  gap:20px
}
.gap-5 {
  gap:25px
}
.gap-6 {
  gap:30px
}
.gap-7 {
  gap:35px
}
.gap-8 {
  gap:40px
}
.gap-\[1px\] {
  gap:1px
}
.gap-x-3 {
  column-gap:15px
}
.gap-x-4 {
  column-gap:20px
}
.gap-x-5 {
  column-gap:25px
}
.gap-y-1 {
  row-gap:5px
}
.gap-y-2 {
  row-gap:10px
}
.gap-y-3 {
  row-gap:15px
}
.gap-y-4 {
  row-gap:20px
}
.gap-y-6 {
  row-gap:30px
}
.gap-y-8 {
  row-gap:40px
}
.space-x-2>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right:calc(10px * var(--tw-space-x-reverse));
  margin-left:calc(10px * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-4>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right:calc(20px * var(--tw-space-x-reverse));
  margin-left:calc(20px * calc(1 - var(--tw-space-x-reverse)))
}
.space-y-1>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top:calc(5px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(5px * var(--tw-space-y-reverse))
}
.space-y-12>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top:calc(60px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(60px * var(--tw-space-y-reverse))
}
.space-y-2>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top:calc(10px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(10px * var(--tw-space-y-reverse))
}
.space-y-3>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top:calc(15px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(15px * var(--tw-space-y-reverse))
}
.space-y-4>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top:calc(20px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(20px * var(--tw-space-y-reverse))
}
.space-y-6>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top:calc(30px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(30px * var(--tw-space-y-reverse))
}
.space-y-8>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top:calc(40px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(40px * var(--tw-space-y-reverse))
}
.overflow-hidden {
  overflow:hidden
}
.overflow-x-auto {
  overflow-x:auto
}
.overflow-y-auto {
  overflow-y:auto
}
.overflow-x-hidden {
  overflow-x:hidden
}
.overflow-y-hidden {
  overflow-y:hidden
}
.overflow-y-scroll {
  overflow-y:scroll
}
.truncate {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.whitespace-nowrap {
  white-space:nowrap
}
.whitespace-pre-wrap {
  white-space:pre-wrap
}
.break-words {
  overflow-wrap:break-word
}
.rounded {
  border-radius:.25rem
}
.rounded-2xl {
  border-radius:1rem
}
.rounded-\[2px\] {
  border-radius:2px
}
.rounded-full {
  border-radius:9999px
}
.rounded-lg {
  border-radius:.5rem
}
.rounded-md {
  border-radius:8px
}
.rounded-sm {
  border-radius:4px
}
.rounded-t-3xl {
  border-top-left-radius:1.5rem;
  border-top-right-radius:1.5rem
}
.rounded-t-none {
  border-top-left-radius:0;
  border-top-right-radius:0
}
.rounded-t-sm {
  border-top-left-radius:4px;
  border-top-right-radius:4px
}
.\!rounded-br-none {
  border-bottom-right-radius:0!important
}
.\!rounded-tl-none {
  border-top-left-radius:0!important
}
.rounded-bl-sm {
  border-bottom-left-radius:4px
}
.rounded-tl-sm {
  border-top-left-radius:4px
}
.border {
  border-width:1px
}
.border-2 {
  border-width:2px
}
.border-b,
.border-b-\[1px\] {
  border-bottom-width:1px
}
.border-l {
  border-left-width:1px
}
.border-r {
  border-right-width:1px
}
.border-t,
.border-t-\[1px\] {
  border-top-width:1px
}
.border-t-\[2px\] {
  border-top-width:2px
}
.border-dashed {
  border-style:dashed
}
.border-none {
  border-style:none
}
.border-dark-300 {
  border-color:var(--theme-shade-dark-300)
}
.border-dark-900 {
  border-color:var(--theme-shade-dark-900)
}
.border-error {
  --tw-border-opacity: 1;
  border-color:rgb(244 81 108 / var(--tw-border-opacity))
}
.border-info {
  --tw-border-opacity: 1;
  border-color:rgb(138 183 236 / var(--tw-border-opacity))
}
.border-light-300 {
  border-color:var(--theme-shade-light-300)
}
.border-light-900 {
  border-color:var(--theme-shade-light-900)
}
.border-primary-300 {
  border-color:var(--theme-color-primary-300)
}
.border-primary-500 {
  border-color:var(--theme-color-primary-500)
}
.border-transparent {
  border-color:transparent
}
.border-warning {
  --tw-border-opacity: 1;
  border-color:rgb(255 191 48 / var(--tw-border-opacity))
}
.border-white\/20 {
  border-color:#fff3
}
.border-b-dark-300 {
  border-bottom-color:var(--theme-shade-dark-300)
}
.border-b-light-300 {
  border-bottom-color:var(--theme-shade-light-300)
}
.border-r-dark-300 {
  border-right-color:var(--theme-shade-dark-300)
}
.border-t-dark-300 {
  border-top-color:var(--theme-shade-dark-300)
}
.\!bg-error {
  --tw-bg-opacity: 1 !important;
  background-color:rgb(244 81 108 / var(--tw-bg-opacity))!important
}
.\!bg-info {
  --tw-bg-opacity: 1 !important;
  background-color:rgb(138 183 236 / var(--tw-bg-opacity))!important
}
.\!bg-success {
  --tw-bg-opacity: 1 !important;
  background-color:rgb(32 201 154 / var(--tw-bg-opacity))!important
}
.\!bg-transparent {
  background-color:transparent!important
}
.\!bg-warning {
  --tw-bg-opacity: 1 !important;
  background-color:rgb(255 191 48 / var(--tw-bg-opacity))!important
}
.\!bg-white {
  --tw-bg-opacity: 1 !important;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important
}
.bg-\[\#2FB54A\] {
  --tw-bg-opacity: 1;
  background-color:rgb(47 181 74 / var(--tw-bg-opacity))
}
.bg-\[\#FF6058\] {
  --tw-bg-opacity: 1;
  background-color:rgb(255 96 88 / var(--tw-bg-opacity))
}
.bg-dark-100 {
  background-color:var(--theme-shade-dark-100)
}
.bg-dark-200 {
  background-color:var(--theme-shade-dark-200)
}
.bg-dark-300 {
  background-color:var(--theme-shade-dark-300)
}
.bg-dark-400 {
  background-color:var(--theme-shade-dark-400)
}
.bg-dark-500 {
  background-color:var(--theme-shade-dark-500)
}
.bg-dark-600 {
  background-color:var(--theme-shade-dark-600)
}
.bg-dark-900 {
  background-color:var(--theme-shade-dark-900)
}
.bg-difficulty-1 {
  background-color:var(--difficulty-1)
}
.bg-difficulty-2 {
  background-color:var(--difficulty-2)
}
.bg-difficulty-3 {
  background-color:var(--difficulty-3)
}
.bg-error {
  --tw-bg-opacity: 1;
  background-color:rgb(244 81 108 / var(--tw-bg-opacity))
}
.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color:rgb(17 24 39 / var(--tw-bg-opacity))
}
.bg-inherit {
  background-color:inherit
}
.bg-light-100 {
  background-color:var(--theme-shade-light-100)
}
.bg-light-200 {
  background-color:var(--theme-shade-light-200)
}
.bg-light-300 {
  background-color:var(--theme-shade-light-300)
}
.bg-light-400 {
  background-color:var(--theme-shade-light-400)
}
.bg-primary-500 {
  background-color:var(--theme-color-primary-500)
}
.bg-success {
  --tw-bg-opacity: 1;
  background-color:rgb(32 201 154 / var(--tw-bg-opacity))
}
.bg-transparent {
  background-color:transparent
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}
.bg-white\/20 {
  background-color:#fff3
}
.bg-gradient-to-l {
  background-image:linear-gradient(to left,var(--tw-gradient-stops))
}
.bg-gradient-to-r {
  background-image:linear-gradient(to right,var(--tw-gradient-stops))
}
.from-transparent {
  --tw-gradient-from: transparent;
  --tw-gradient-to: rgb(0 0 0 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.to-white {
  --tw-gradient-to: #fff
}
.fill-closed {
  fill:#e54b43
}
.fill-dark-400 {
  fill:var(--theme-shade-dark-400)
}
.fill-dark-900 {
  fill:var(--theme-shade-dark-900)
}
.fill-open {
  fill:#2fb54a
}
.fill-primary-500 {
  fill:var(--theme-color-primary-500)
}
.fill-white {
  fill:#fff
}
.stroke-black {
  stroke:#000
}
.stroke-dark-300 {
  stroke:var(--theme-shade-dark-300)
}
.stroke-dark-900 {
  stroke:var(--theme-shade-dark-900)
}
.stroke-light-600 {
  stroke:var(--theme-shade-light-600)
}
.stroke-light-900 {
  stroke:var(--theme-shade-light-900)
}
.stroke-primary-500 {
  stroke:var(--theme-color-primary-500)
}
.stroke-white {
  stroke:#fff
}
.stroke-2 {
  stroke-width:2
}
.stroke-\[2px\] {
  stroke-width:2px
}
.stroke-\[3px\] {
  stroke-width:3px
}
.object-contain {
  object-fit:contain
}
.object-cover {
  object-fit:cover
}
.p-1 {
  padding:5px
}
.p-2 {
  padding:10px
}
.p-3 {
  padding:15px
}
.p-4 {
  padding:20px
}
.px-1 {
  padding-left:5px;
  padding-right:5px
}
.px-2 {
  padding-left:10px;
  padding-right:10px
}
.px-3 {
  padding-left:15px;
  padding-right:15px
}
.px-4 {
  padding-left:20px;
  padding-right:20px
}
.px-5 {
  padding-left:25px;
  padding-right:25px
}
.px-6 {
  padding-left:30px;
  padding-right:30px
}
.px-\[16px\] {
  padding-left:16px;
  padding-right:16px
}
.py-1 {
  padding-top:5px;
  padding-bottom:5px
}
.py-2 {
  padding-top:10px;
  padding-bottom:10px
}
.py-3 {
  padding-top:15px;
  padding-bottom:15px
}
.py-3\.5 {
  padding-top:17.5px;
  padding-bottom:17.5px
}
.py-4 {
  padding-top:20px;
  padding-bottom:20px
}
.py-6 {
  padding-top:30px;
  padding-bottom:30px
}
.py-7 {
  padding-top:35px;
  padding-bottom:35px
}
.py-8 {
  padding-top:40px;
  padding-bottom:40px
}
.py-\[2px\] {
  padding-top:2px;
  padding-bottom:2px
}
.pb-1 {
  padding-bottom:5px
}
.pb-12 {
  padding-bottom:60px
}
.pb-2 {
  padding-bottom:10px
}
.pb-3 {
  padding-bottom:15px
}
.pb-4 {
  padding-bottom:20px
}
.pb-5 {
  padding-bottom:25px
}
.pb-6 {
  padding-bottom:30px
}
.pb-8 {
  padding-bottom:40px
}
.pb-80 {
  padding-bottom:20rem
}
.pb-\[140px\] {
  padding-bottom:140px
}
.pl-16 {
  padding-left:80px
}
.pl-2 {
  padding-left:10px
}
.pl-3 {
  padding-left:15px
}
.pl-4 {
  padding-left:20px
}
.pl-6 {
  padding-left:30px
}
.pr-2 {
  padding-right:10px
}
.pr-4 {
  padding-right:20px
}
.pt-0 {
  padding-top:0
}
.pt-0\.5 {
  padding-top:2.5px
}
.pt-1 {
  padding-top:5px
}
.pt-12 {
  padding-top:60px
}
.pt-16 {
  padding-top:80px
}
.pt-2 {
  padding-top:10px
}
.pt-3 {
  padding-top:15px
}
.pt-4 {
  padding-top:20px
}
.pt-8 {
  padding-top:40px
}
.text-left {
  text-align:left
}
.text-center {
  text-align:center
}
.text-right {
  text-align:right
}
.align-top {
  vertical-align:top
}
.align-middle {
  vertical-align:middle
}
.text-2xl {
  font-size:24px;
  line-height:30px
}
.text-2xs {
  font-size:11px;
  line-height:15px
}
.text-3xl {
  font-size:31px;
  line-height:38px
}
.text-3xs {
  font-size:10px;
  line-height:13px
}
.text-4xs {
  font-size:9px;
  line-height:11px
}
.text-6xl {
  font-size:61px;
  line-height:76px
}
.text-\[16px\] {
  font-size:16px
}
.text-base {
  font-size:15px;
  line-height:20px
}
.text-h1 {
  font-size:28px;
  line-height:34px
}
.text-lg {
  font-size:17px;
  line-height:22px
}
.text-sm {
  font-size:13px;
  line-height:16px
}
.text-xl {
  font-size:20px;
  line-height:26px
}
.text-xs {
  font-size:12px;
  line-height:15px
}
.font-bold {
  font-weight:700
}
.font-extrabold {
  font-weight:800
}
.font-light {
  font-weight:300
}
.font-medium {
  font-weight:500
}
.font-normal {
  font-weight:400
}
.font-semibold {
  font-weight:600
}
.uppercase {
  text-transform:uppercase
}
.capitalize {
  text-transform:capitalize
}
.italic {
  font-style:italic
}
.leading-7 {
  line-height:1.75rem
}
.tracking-wide {
  letter-spacing:.025em
}
.tracking-widest {
  letter-spacing:.1em
}
.text-black {
  --tw-text-opacity: 1;
  color:rgb(0 0 0 / var(--tw-text-opacity))
}
.text-closed {
  --tw-text-opacity: 1;
  color:rgb(229 75 67 / var(--tw-text-opacity))
}
.text-dark-300 {
  color:var(--theme-shade-dark-300)
}
.text-dark-400 {
  color:var(--theme-shade-dark-400)
}
.text-dark-500 {
  color:var(--theme-shade-dark-500)
}
.text-dark-600 {
  color:var(--theme-shade-dark-600)
}
.text-dark-900 {
  color:var(--theme-shade-dark-900)
}
.text-error {
  --tw-text-opacity: 1;
  color:rgb(244 81 108 / var(--tw-text-opacity))
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color:rgb(156 163 175 / var(--tw-text-opacity))
}
.text-info {
  --tw-text-opacity: 1;
  color:rgb(138 183 236 / var(--tw-text-opacity))
}
.text-light-300 {
  color:var(--theme-shade-light-300)
}
.text-light-400 {
  color:var(--theme-shade-light-400)
}
.text-light-500 {
  color:var(--theme-shade-light-500)
}
.text-light-600 {
  color:var(--theme-shade-light-600)
}
.text-light-900 {
  color:var(--theme-shade-light-900)
}
.text-open {
  --tw-text-opacity: 1;
  color:rgb(47 181 74 / var(--tw-text-opacity))
}
.text-primary-500 {
  color:var(--theme-color-primary-500)
}
.text-success {
  --tw-text-opacity: 1;
  color:rgb(32 201 154 / var(--tw-text-opacity))
}
.text-warning {
  --tw-text-opacity: 1;
  color:rgb(255 191 48 / var(--tw-text-opacity))
}
.text-water {
  --tw-text-opacity: 1;
  color:rgb(73 145 170 / var(--tw-text-opacity))
}
.text-white {
  --tw-text-opacity: 1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}
.underline {
  text-decoration-line:underline
}
.line-through {
  text-decoration-line:line-through
}
.opacity-0 {
  opacity:0
}
.opacity-100 {
  opacity:1
}
.opacity-30 {
  opacity:.3
}
.opacity-50 {
  opacity:.5
}
.opacity-60 {
  opacity:.6
}
.shadow {
  --tw-shadow: 0 0 10px var(--theme-shade-dark-300);
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}
.shadow-md {
  --tw-shadow: 0 0 5px var(--theme-shade-dark-300);
  --tw-shadow-colored: 0 0 5px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}
.outline {
  outline-style:solid
}
.outline-0 {
  outline-width:0px
}
.blur {
  --tw-blur: blur(8px);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.filter {
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.backdrop-brightness-110 {
  --tw-backdrop-brightness: brightness(1.1);
  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.transition {
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}
.transition-opacity {
  transition-property:opacity;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}
.delay-150 {
  transition-delay:.15s
}
.duration-150 {
  transition-duration:.15s
}
.line-clamp-1 {
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1
}
.line-clamp-2 {
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2
}
.btn {
  cursor:pointer;
  background-color:var(--theme-shade-dark-900);
  padding:15px 20px;
  border-radius:.25rem;
  border-width:1px;
  --tw-border-opacity: 1;
  border-color:rgb(0 0 0 / var(--tw-border-opacity));
  font-weight:700;
  font-size:15px;
  line-height:20px;
  display:inline-block
}
.btn:active {
  opacity:.75
}
.btn:not(.btn-clean) {
  --tw-text-opacity: 1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}
.btn:not(.btn-clean):disabled {
  border-color:transparent;
  background-color:var(--theme-shade-dark-200);
  color:var(--theme-shade-dark-300)
}
.dark .btn:not(.btn-clean):disabled {
  border-color:transparent;
  background-color:var(--theme-shade-light-200);
  color:var(--theme-shade-light-300)
}
.btn:active:active {
  opacity:.75
}
.btn-primary {
  background-color:var(--theme-color-primary-500);
  border-color:var(--theme-color-primary-500)
}
.btn-sm {
  padding:5px 10px
}
.btn-clean {
  background-color:transparent;
  border-color:transparent;
  text-decoration-line:underline
}
.btn-clean:disabled,
.btn-clean:disabled>* {
  color:var(--theme-shade-dark-300)
}
.dark .btn-clean:disabled,
.dark .btn-clean:disabled>* {
  color:var(--theme-shade-light-300)
}
.btn-info {
  --tw-bg-opacity: 1;
  background-color:rgb(138 183 236 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color:rgb(138 183 236 / var(--tw-border-opacity))
}
.btn-success {
  --tw-bg-opacity: 1;
  background-color:rgb(32 201 154 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color:rgb(32 201 154 / var(--tw-border-opacity))
}
.btn-warning {
  --tw-bg-opacity: 1;
  background-color:rgb(255 191 48 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color:rgb(255 191 48 / var(--tw-border-opacity))
}
.btn-block {
  display:inline-block;
  width:100%;
  text-align:center
}
.btn-lg {
  font-size:17px;
  line-height:22px;
  padding:12.5px 30px
}
html:not(.dark) .gradient-overlay {
  position:relative
}
html:not(.dark) .gradient-overlay:after {
  content:"";
  position:absolute;
  inset:0;
  background:transparent linear-gradient(180deg,#1a1a1a80,#1a1a1a1a 25%,#1a1a1a4d 80%,#1a1a1acc) 0 0 no-repeat padding-box
}
html.dark .gradient-overlay {
  position:relative
}
html.dark .gradient-overlay:after {
  content:"";
  position:absolute;
  inset:0;
  background:transparent linear-gradient(180deg,#1a1a1a80,#1a1a1a1a 25%,#1a1a1a00 80%,#1a1a1a33) 0 0 no-repeat padding-box
}
.gradient-overlay-teaser {
  position:relative
}
.gradient-overlay-teaser:after {
  content:"";
  position:absolute;
  inset:0;
  background:transparent linear-gradient(180deg,#1a1a1a80,#1a1a1a1a 25%,#1a1a1a4d 80%,#1a1a1acc) 0 0 no-repeat padding-box
}
html:not(.dark) .gradient-hero-overlay {
  position:relative
}
html:not(.dark) .gradient-hero-overlay:after {
  content:"";
  position:absolute;
  inset:0;
  background:transparent linear-gradient(180deg,#1a1a1ab3,#1a1a1a80 23%,#1a1a1a1a 67%,#1a1a1a00) 0 0 no-repeat padding-box
}
html:not(.dark) .gradient-footer {
  background:transparent linear-gradient(180deg,#fff,#d5d5d5) 0 0 no-repeat padding-box
}
html.dark .gradient-footer {
  background:transparent linear-gradient(180deg,var(--theme-shade-dark-900) 0%,#303030 100%) 0 0 no-repeat padding-box
}
html.dark .gradient-hero-overlay {
  position:relative
}
html.dark .gradient-hero-overlay:after {
  content:"";
  position:absolute;
  inset:0;
  background:transparent linear-gradient(180deg,#1a1a1ab3,#1a1a1a80 23%,#1a1a1a1a 67%,#1a1a1a) 0 0 no-repeat padding-box
}
html:not(.dark) .image-background {
  background-color:var(--theme-shade-dark-100)
}
html.dark .image-background {
  background-color:var(--theme-shade-light-100)
}
.scrollbar-hide::-webkit-scrollbar,
.overlay-open::-webkit-scrollbar {
  display:none
}
.scrollbar-hide,
.overlay-open {
  -ms-overflow-style:none;
  scrollbar-width:none
}
.dark .icon-g {
  background-image:url(/assets/img/icon_g_dark.svg)
}
.shadow-fixed-bottom {
  box-shadow:0 -20px 40px var(--theme-shade-dark-300)
}
.dark .shadow-fixed-bottom {
  box-shadow:0 -20px 40px #0003
}
.shadow-fixed-top {
  box-shadow:0 20px 40px var(--theme-shade-dark-300)
}
.dark .shadow-fixed-top {
  box-shadow:0 20px 40px #0003
}
.shadow-fixed-right {
  box-shadow:20px -20px 40px var(--theme-shade-dark-300)
}
.dark .shadow-fixed-right {
  box-shadow:20px -20px 40px #0003
}
.shadow-fixed-left {
  box-shadow:-20px 0 40px var(--theme-shade-dark-300)
}
.dark .shadow-fixed-left {
  box-shadow:-20px 0 40px #0003
}
.shadow-md {
  box-shadow:0 0 5px #0003
}
.dark .shadow-md {
  box-shadow:0 0 5px #000c
}
.dark .shadow-xl {
  box-shadow:0 0 40px #000c
}
.overlay-open {
  overflow:hidden
}
address {
  font-style:normal
}
* {
  -webkit-tap-highlight-color:transparent
}
.dynamic-html {
  line-height:1.3
}
.dynamic-html em,
.dynamic-html mark,
.dynamic-html small,
.dynamic-html del,
.dynamic-html ins,
.dynamic-html sub,
.dynamic-html sup {
  font-weight:400
}
.dynamic-html strong,
.dynamic-html b {
  font-weight:700
}
.dynamic-html i {
  font-style:italic
}
.dynamic-html ul,
.dynamic-html ol {
  display:flex;
  list-style-type:disc;
  flex-direction:column;
  flex-wrap:nowrap
}
.dynamic-html ul>:not([hidden])~:not([hidden]),
.dynamic-html ol>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top:calc(5px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(5px * var(--tw-space-y-reverse))
}
.dynamic-html ul,
.dynamic-html ol {
  padding-top:10px;
  padding-bottom:10px;
  padding-left:20px
}
.dynamic-html ol {
  list-style-type:decimal
}
.dynamic-html h1 {
  margin-top:15px;
  margin-bottom:10px;
  font-size:28px;
  line-height:34px
}
.dynamic-html h2 {
  margin-top:15px;
  margin-bottom:10px;
  font-size:24px;
  line-height:28px
}
.dynamic-html h3 {
  margin-top:15px;
  margin-bottom:10px;
  font-size:20px;
  line-height:24px
}
.dynamic-html a {
  word-break:break-all;
  color:var(--theme-color-primary-500);
  text-decoration-line:underline
}
.dynamic-html p+p {
  margin-top:10px
}
.dynamic-html table.table-bordered {
  margin-bottom:20px;
  width:100%
}
.dynamic-html table.table-bordered td {
  border-width:1px;
  border-style:solid;
  border-color:var(--theme-shade-dark-200);
  padding:10px
}
.dynamic-html blockquote {
  border-left-width:4px;
  border-color:var(--theme-color-primary-500);
  background-color:var(--theme-shade-dark-100);
  margin-top:40px;
  margin-bottom:40px;
  padding:10px 20px;
  font-style:italic;
  color:var(--theme-shade-dark-900)
}
.dark .dynamic-html table.table-bordered td {
  border-color:var(--theme-shade-light-300)
}
.dark .dynamic-html blockquote {
  background-color:var(--theme-shade-light-100);
  --tw-text-opacity: 1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}
i.notification-pulse,
bhb-custom-icon.notification-pulse {
  position:relative;
  display:block
}
i.notification-pulse:after,
bhb-custom-icon.notification-pulse:after {
  content:"";
  position:absolute;
  background-color:var(--theme-color-alert);
  animation-iteration-count:3;
  animation:notification-pulse ease-out 2s infinite;
  border-radius:3px;
  box-shadow:0 0 0 2px transparent;
  height:6px;
  right:-6px;
  top:-6px;
  width:6px
}
@keyframes notification-pulse {
  0% {
    transform:scale(.95);
    box-shadow:0 0 0 0 var(--theme-color-alert-light)
  }
  70% {
    transform:scale(1);
    box-shadow:0 0 0 4px transparent
  }
  to {
    transform:scale(.95);
    box-shadow:0 0 0 0 transparent
  }
}
.filler:empty:after {
  content:"\a0"
}
.dev-container {
  border-radius:.25rem;
  background-color:rgb(20 83 45 / var(--tw-bg-opacity));
  --tw-bg-opacity: .5;
  padding:20px
}
.dark .dev-container {
  --tw-text-opacity: 1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}
.dev-container input {
  border-radius:.25rem;
  border-style:none
}
.dark .dev-container input {
  background-color:var(--theme-shade-dark-600);
  --tw-text-opacity: 1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}
.dev-container:before {
  margin-bottom:10px;
  display:block;
  border-bottom-width:1px;
  --tw-border-opacity: 1;
  border-bottom-color:rgb(20 83 45 / var(--tw-border-opacity));
  padding-bottom:10px;
  text-align:center;
  font-size:17px;
  line-height:22px;
  font-weight:700;
  text-transform:uppercase;
  content:"DEVELOPMENT"
}
.dev-container:after {
  margin-top:10px;
  display:block;
  border-top-width:1px;
  --tw-border-opacity: 1;
  border-top-color:rgb(20 83 45 / var(--tw-border-opacity));
  padding-top:10px;
  text-align:center;
  font-size:13px;
  line-height:16px;
  font-weight:400;
  font-style:italic;
  content:"This is only shown in development environment."
}
.dev-container pre {
  border-radius:.25rem;
  background-color:rgb(17 24 39 / var(--tw-bg-opacity));
  --tw-bg-opacity: .5;
  padding:10px
}
.dark .dev-container pre {
  --tw-text-opacity: 1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}
.bg-waitinglist {
  background-color:#feb429
}
.bg-canceled,
.bg-date-canceled {
  background-color:#f4516c
}
.bg-not-paid,
.bg-registered,
.bg-requested,
.bg-reserved,
.bg-confirmed {
  background-color:#20c99a
}
.indicator {
  position:absolute;
  top:2.5px;
  bottom:2.5px;
  width:60px;
  --tw-gradient-from: transparent;
  --tw-gradient-to: rgb(0 0 0 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: var(--theme-shade-light-900);
  align-items:center;
  justify-content:center;
  cursor:pointer
}
.indicator.next {
  right:20px;
  background-image:linear-gradient(to right,var(--tw-gradient-stops))
}
.indicator.prev {
  left:20px;
  background-image:linear-gradient(to left,var(--tw-gradient-stops))
}
html.dark .indicator {
  --tw-gradient-from: transparent;
  --tw-gradient-to: rgb(0 0 0 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: var(--theme-shade-dark-900);
  --tw-text-opacity: 1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}
input:focus:focus,
textarea:focus:focus {
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance:none;
  margin:0
}
input[type=number] {
  -moz-appearance:textfield
}
input:-webkit-autofill,
input:focus:focus:-webkit-autofill {
  filter:none;
  box-shadow:0 0 0 100px #fffffff2 inset
}
textarea {
  resize:none!important
}
html.dark input:-webkit-autofill,
html.dark input:focus:focus:-webkit-autofill {
  filter:none;
  box-shadow:0 0 0 100px #1a1a1a inset;
  -webkit-text-fill-color:white
}
.safe-area-inset-bottom {
  padding-bottom:env(safe-area-inset-bottom,5px)
}
@keyframes pulse {
  50% {
    opacity:.5
  }
}
.skeleton .odd\:filled:nth-child(odd) {
  animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;
  background:var(--theme-shade-dark-200)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important
}
.dark .skeleton .odd\:filled:nth-child(odd) {
  background:var(--theme-shade-light-200)!important
}
.after\:bg-white:after {
  content:var(--tw-content);
  --tw-bg-opacity: 1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}
.first\:sticky:first-child {
  position:sticky
}
.first\:left-0:first-child {
  left:0
}
.first\:hidden:first-child {
  display:none
}
.first\:text-left:first-child {
  text-align:left
}
.last\:mb-0:last-child {
  margin-bottom:0
}
.odd\:bg-dark-200:nth-child(odd) {
  background-color:var(--theme-shade-dark-200)
}
.even\:bg-dark-200:nth-child(2n) {
  background-color:var(--theme-shade-dark-200)
}
.empty\:hidden:empty {
  display:none
}
.empty\:h-10:empty {
  height:50px
}
.hover\:cursor-default:hover {
  cursor:default
}
.hover\:cursor-pointer:hover {
  cursor:pointer
}
.hover\:bg-dark-200:hover {
  background-color:var(--theme-shade-dark-200)
}
.hover\:bg-dark-300:hover {
  background-color:var(--theme-shade-dark-300)
}
.hover\:bg-dark-400:hover {
  background-color:var(--theme-shade-dark-400)
}
.hover\:bg-light-300:hover {
  background-color:var(--theme-shade-light-300)
}
.hover\:bg-primary-700:hover {
  background-color:var(--theme-color-primary-700)
}
.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}
.hover\:bg-white\/50:hover {
  background-color:#ffffff80
}
.hover\:text-primary-500:hover {
  color:var(--theme-color-primary-500)
}
.hover\:opacity-80:hover {
  opacity:.8
}
.focus\:outline-none:focus {
  outline:2px solid transparent;
  outline-offset:2px
}
.focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)
}
.disabled\:opacity-50:disabled {
  opacity:.5
}
.group:hover .group-hover\:scale-\[115\%\] {
  --tw-scale-x: 115%;
  --tw-scale-y: 115%;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:stroke-\[\#ff6058\] {
  stroke:#ff6058
}
.group:hover .group-hover\:text-dark-900 {
  color:var(--theme-shade-dark-900)
}
.group:hover .group-hover\:text-primary-500 {
  color:var(--theme-color-primary-500)
}
.pending .pending\:mt-1 {
  margin-top:5px
}
.pending .pending\:block {
  display:block
}
.pending .pending\:hidden {
  display:none
}
.pending .pending\:h-32 {
  height:8rem
}
.pending .pending\:h-44 {
  height:11rem
}
.pending .pending\:w-16 {
  width:80px
}
.pending .pending\:w-3\/5 {
  width:60%
}
.pending .pending\:w-32 {
  width:8rem
}
.pending .pending\:overflow-x-hidden {
  overflow-x:hidden
}
.pending .pending\:rounded-md {
  border-radius:8px
}
.pending .pending\:rounded-sm {
  border-radius:4px
}
.pending .pending\:border-0 {
  border-width:0px
}
.pending .pending\:border-b-0 {
  border-bottom-width:0px
}
.pending .pending\:bg-dark-300 {
  background-color:var(--theme-shade-dark-300)
}
.pending .pending\:opacity-0 {
  opacity:0
}
.dark .dark\:block {
  display:block
}
.dark .dark\:hidden {
  display:none
}
.dark .dark\:border-l {
  border-left-width:1px
}
.dark .dark\:border-light-300 {
  border-color:var(--theme-shade-light-300)
}
.dark .dark\:border-light-900 {
  border-color:var(--theme-shade-light-900)
}
.dark .dark\:border-primary-300 {
  border-color:var(--theme-color-primary-300)
}
.dark .dark\:border-b-light-300 {
  border-bottom-color:var(--theme-shade-light-300)
}
.dark .dark\:border-l-dark-900 {
  border-left-color:var(--theme-shade-dark-900)
}
.dark .dark\:border-r-light-300 {
  border-right-color:var(--theme-shade-light-300)
}
.dark .dark\:border-t-light-300 {
  border-top-color:var(--theme-shade-light-300)
}
.dark .dark\:bg-dark-900 {
  background-color:var(--theme-shade-dark-900)
}
.dark .dark\:bg-light-100 {
  background-color:var(--theme-shade-light-100)
}
.dark .dark\:bg-light-200 {
  background-color:var(--theme-shade-light-200)
}
.dark .dark\:bg-light-300 {
  background-color:var(--theme-shade-light-300)
}
.dark .dark\:bg-light-400 {
  background-color:var(--theme-shade-light-400)
}
.dark .dark\:bg-light-500 {
  background-color:var(--theme-shade-light-500)
}
.dark .dark\:bg-light-600 {
  background-color:var(--theme-shade-light-600)
}
.dark .dark\:bg-white {
  --tw-bg-opacity: 1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}
.dark .dark\:to-dark-900 {
  --tw-gradient-to: var(--theme-shade-dark-900)
}
.dark .dark\:fill-light-400 {
  fill:var(--theme-shade-light-400)
}
.dark .dark\:fill-light-900 {
  fill:var(--theme-shade-light-900)
}
.dark .dark\:fill-white {
  fill:#fff
}
.dark .dark\:stroke-dark-900 {
  stroke:var(--theme-shade-dark-900)
}
.dark .dark\:stroke-light-300 {
  stroke:var(--theme-shade-light-300)
}
.dark .dark\:stroke-light-900 {
  stroke:var(--theme-shade-light-900)
}
.dark .dark\:stroke-primary-500 {
  stroke:var(--theme-color-primary-500)
}
.dark .dark\:stroke-white {
  stroke:#fff
}
.dark .dark\:text-black {
  --tw-text-opacity: 1;
  color:rgb(0 0 0 / var(--tw-text-opacity))
}
.dark .dark\:text-dark-900 {
  color:var(--theme-shade-dark-900)
}
.dark .dark\:text-light-300 {
  color:var(--theme-shade-light-300)
}
.dark .dark\:text-light-400 {
  color:var(--theme-shade-light-400)
}
.dark .dark\:text-light-500 {
  color:var(--theme-shade-light-500)
}
.dark .dark\:text-light-600 {
  color:var(--theme-shade-light-600)
}
.dark .dark\:text-light-900 {
  color:var(--theme-shade-light-900)
}
.dark .dark\:text-white {
  --tw-text-opacity: 1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}
.dark .dark\:after\:bg-dark-900:after {
  content:var(--tw-content);
  background-color:var(--theme-shade-dark-900)
}
.dark .odd\:dark\:bg-light-200:nth-child(odd) {
  background-color:var(--theme-shade-light-200)
}
.dark .even\:dark\:bg-light-200:nth-child(2n) {
  background-color:var(--theme-shade-light-200)
}
.dark .dark\:hover\:bg-light-300:hover {
  background-color:var(--theme-shade-light-300)
}
.dark .hover\:dark\:bg-light-200:hover {
  background-color:var(--theme-shade-light-200)
}
.dark .hover\:dark\:bg-light-300:hover,
.pending .dark .pending\:dark\:bg-light-300 {
  background-color:var(--theme-shade-light-300)
}
@media (min-width: 640px) {
  .sm\:w-4\/5 {
    width:80%
  }
  .sm\:grid-cols-4 {
    grid-template-columns:repeat(4,minmax(0,1fr))
  }
}
@media (min-width: 768px) {
  .md\:fixed {
    position:fixed
  }
  .md\:relative {
    position:relative
  }
  .md\:-top-12 {
    top:-60px
  }
  .md\:left-1\/4 {
    left:25%
  }
  .md\:m-auto {
    margin:auto
  }
  .md\:mx-auto {
    margin-left:auto;
    margin-right:auto
  }
  .md\:mb-12 {
    margin-bottom:60px
  }
  .md\:mb-4 {
    margin-bottom:20px
  }
  .md\:mb-8 {
    margin-bottom:40px
  }
  .md\:mr-4 {
    margin-right:20px
  }
  .md\:mt-0 {
    margin-top:0
  }
  .md\:mt-12 {
    margin-top:60px
  }
  .md\:mt-16 {
    margin-top:80px
  }
  .md\:mt-8 {
    margin-top:40px
  }
  .md\:block {
    display:block
  }
  .md\:\!flex {
    display:flex!important
  }
  .md\:flex {
    display:flex
  }
  .md\:hidden {
    display:none
  }
  .md\:h-12 {
    height:60px
  }
  .md\:h-16 {
    height:80px
  }
  .md\:h-24 {
    height:6rem
  }
  .md\:h-\[200px\] {
    height:200px
  }
  .md\:h-\[400px\] {
    height:400px
  }
  .md\:h-\[430px\] {
    height:430px
  }
  .md\:h-\[calc\(100\%-120px\)\] {
    height:calc(100% - 120px)
  }
  .md\:h-full {
    height:100%
  }
  .md\:w-1\/3 {
    width:33.333333%
  }
  .md\:w-1\/4 {
    width:25%
  }
  .md\:w-1\/5 {
    width:20%
  }
  .md\:w-2\/3 {
    width:66.666667%
  }
  .md\:w-28 {
    width:7rem
  }
  .md\:w-3\/5 {
    width:60%
  }
  .md\:w-4\/5 {
    width:80%
  }
  .md\:w-\[400px\] {
    width:400px
  }
  .md\:w-\[414px\] {
    width:414px
  }
  .md\:w-\[42\%\] {
    width:42%
  }
  .md\:w-\[42rem\] {
    width:42rem
  }
  .md\:shrink-0 {
    flex-shrink:0
  }
  .md\:flex-grow {
    flex-grow:1
  }
  .md\:grid-cols-2 {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .md\:grid-cols-3 {
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
  .md\:grid-cols-4 {
    grid-template-columns:repeat(4,minmax(0,1fr))
  }
  .md\:grid-rows-1 {
    grid-template-rows:repeat(1,minmax(0,1fr))
  }
  .md\:grid-rows-2 {
    grid-template-rows:repeat(2,minmax(0,1fr))
  }
  .md\:flex-row {
    flex-direction:row
  }
  .md\:flex-col {
    flex-direction:column
  }
  .md\:flex-wrap {
    flex-wrap:wrap
  }
  .md\:items-center {
    align-items:center
  }
  .md\:justify-start {
    justify-content:flex-start
  }
  .md\:justify-end {
    justify-content:flex-end
  }
  .md\:justify-center {
    justify-content:center
  }
  .md\:justify-between {
    justify-content:space-between
  }
  .md\:gap-4 {
    gap:20px
  }
  .md\:gap-8 {
    gap:40px
  }
  .md\:gap-x-3 {
    column-gap:15px
  }
  .md\:gap-x-8 {
    column-gap:40px
  }
  .md\:rounded-sm {
    border-radius:4px
  }
  .md\:rounded-t-none {
    border-top-left-radius:0;
    border-top-right-radius:0
  }
  .md\:border-b {
    border-bottom-width:1px
  }
  .md\:border-r {
    border-right-width:1px
  }
  .md\:border-none {
    border-style:none
  }
  .md\:border-dark-300 {
    border-color:var(--theme-shade-dark-300)
  }
  .md\:p-8 {
    padding:40px
  }
  .md\:px-0 {
    padding-left:0;
    padding-right:0
  }
  .md\:px-12 {
    padding-left:60px;
    padding-right:60px
  }
  .md\:px-4 {
    padding-left:20px;
    padding-right:20px
  }
  .md\:py-0 {
    padding-top:0;
    padding-bottom:0
  }
  .md\:pb-2 {
    padding-bottom:10px
  }
  .md\:pb-4 {
    padding-bottom:20px
  }
  .md\:pl-0 {
    padding-left:0
  }
  .md\:pr-4 {
    padding-right:20px
  }
  .md\:pt-0 {
    padding-top:0
  }
  .md\:pt-8 {
    padding-top:40px
  }
  .md\:shadow-xl {
    box-shadow:0 0 40px #0003
  }
  .dark .md\:shadow-xl {
    box-shadow:0 0 40px #000c
  }
  .dark .md\:dark\:border-light-300 {
    border-color:var(--theme-shade-light-300)
  }
}
@media (min-width: 1024px) {
  .lg\:w-1\/3 {
    width:33.333333%
  }
  .lg\:w-\[57\%\] {
    width:57%
  }
  .lg\:grid-cols-2 {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .lg\:grid-cols-3 {
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
  .lg\:grid-cols-4 {
    grid-template-columns:repeat(4,minmax(0,1fr))
  }
}
@media (min-width: 1280px) {
  .xl\:top-14 {
    top:70px
  }
  .xl\:mb-14 {
    margin-bottom:70px
  }
  .xl\:h-14 {
    height:70px
  }
  .xl\:h-\[150px\] {
    height:150px
  }
  .xl\:h-\[calc\(100dvh-2\*70px\)\] {
    height:calc(100dvh - 140px)
  }
  .xl\:min-h-\[150px\] {
    min-height:150px
  }
  .xl\:w-\[840px\] {
    width:840px
  }
  .xl\:grid-cols-6 {
    grid-template-columns:repeat(6,minmax(0,1fr))
  }
  .xl\:pb-\[150px\] {
    padding-bottom:150px
  }
}
.\[\&\>a\]\:text-primary-500>a {
  color:var(--theme-color-primary-500)
}
.\[\&\>div\>label\]\:p-0>div>label {
  padding:0
}
.\[\&\>div\>label\]\:text-base>div>label {
  font-size:15px;
  line-height:20px
}
.\[\&\>div\>label\]\:font-bold>div>label {
  font-weight:700
}
.dark .dark\:\[\&\>div\>label\]\:text-light-600>div>label {
  color:var(--theme-shade-light-600)
}
.\[\&\>div\]\:flex>div {
  display:flex
}
.\[\&\>div\]\:flex-row-reverse>div {
  flex-direction:row-reverse
}

/* Eingabefelder fixen (hell + dunkel) */

input[type="text"],
input[type="email"],
input[type="number"],
textarea {
  background-color: #f5f5f5 !important; /* hellgrau */
  color: #111 !important;               /* dunkler Text */
}

.dark input[type="text"],
.dark input[type="email"],
.dark input[type="number"],
.dark textarea {
  background-color: #2b2b2b !important; /* dunkles Grau */
  color: #ffffff !important;            /* heller Text */
}

/* Platzhalter lesbar machen */
input::placeholder,
textarea::placeholder {
  color: #777 !important;
}
.dark input::placeholder,
.dark textarea::placeholder {
  color: #bbb !important;
}

/* +1 Bubble beim Hinzufügen */
.add-to-cart-bubble {
  position: absolute;
  right: -4px;
  top: -6px;
  background: #815a1f;
  color: #fff;
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 999px;
  opacity: 0;
  transform: translateY(6px);
  animation: cart-pop 0.6s ease-out forwards;
}

@keyframes cart-pop {
  0%   { opacity: 0; transform: translateY(6px) scale(.9); }
  30%  { opacity: 1; transform: translateY(0) scale(1); }
  100% { opacity: 0; transform: translateY(-6px) scale(.9); }
}

.cart-highlight {
  animation: cart-glow 0.7s ease-out;
}

@keyframes cart-glow {
  0%   { box-shadow: 0 0 0 rgba(129,90,31,0.0); border-color: rgba(129,90,31,0.2); }
  40%  { box-shadow: 0 0 20px rgba(129,90,31,0.4); border-color: rgba(129,90,31,0.9); }
  100% { box-shadow: 0 0 0 rgba(129,90,31,0.0); border-color: rgba(129,90,31,0.2); }
}

.form-error-animate {
  animation: fadeInError 0.35s ease-out;
}

@keyframes fadeInError {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 1) Alle Textfelder (Name, Zimmernummer, Datum, Uhrzeit, Personen) gleich hoch machen */
.mat-mdc-form-field .mat-mdc-input-element {
  padding-top: 0.6rem !important;
  padding-bottom: 0.6rem !important;
  height: 42px !important;
  box-sizing: border-box;
}

/* 2) Floating-Label immer oben anzeigen, damit es nicht hinter Datum/Uhrzeit steht */
.mat-mdc-form-field .mdc-floating-label {
  transform: translateY(-1.1rem) scale(0.75) !important;
  transform-origin: left top;
  opacity: 0.9;
  pointer-events: none;
}

/* 3) Genug Platz im Feld für das (nach oben gezogene) Label lassen */
.mat-mdc-form-field-infix {
  padding-top: 1.4rem !important;
}

/* 4) Fehlerzustand etwas klarer (optional) */
.mat-mdc-form-field .invalid {
  border-color: #ff5555 !important;
}

#submit {
    margin-top: 22px !important; /* Abstand nach oben */
}

.mat-mdc-form-field-subscript-wrapper + bhb-form-button {
    margin-top: 26px !important; /* Falls Angular/Material das Layout überschreibt */
}

.hero {
  position: relative;
  overflow: hidden;
}

.hero-logo img {
  width: 220px;
  filter: drop-shadow(0 4px 12px rgba(0,0,0,0.3));
  animation: fadeDown 1.2s ease-out;
}

.hero-content h1 {
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  animation: fadeUp 1.4s ease-out;
}

.hero-content .dynamic-html {
  
  margin-top: 10px;
  animation: fadeUp 1.6s ease-out;
}




/* ---------- 7. Wochenmärkte Teaser ---------- */

bhb-preview-teaser-item .image-background.gradient-overlay-teaser {
  border-radius: var(--bhb-radius-md);
  overflow: hidden;
}

/* Wochentag oben */
bhb-preview-teaser-item h3 {
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  background: rgba(5, 6, 8, 0.7);
  border-radius: 999px;
  padding: 4px 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Icon + Ort */
bhb-activity-calendar-location {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

/* ---------- 8. Headline Divider (Sektionstitel) ---------- */

.headline-divider {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.headline-divider h3 {
  font-size: 1.2rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  color: var(--bhb-text);
  position: relative;
  padding-bottom: 4px;
}

/* Gold-Linie unter H3 */
.headline-divider h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 72px;
  height: 2px;
  background: linear-gradient(
    90deg,
    var(--bhb-accent) 0%,
    var(--bhb-accent-strong) 40%,
    transparent 100%
  );
}



/* Aktiver Menüpunkt (Home) – bereits mit stroke-primary markiert */
bhb-menu-main-item.stroke-primary-500 .custom-icon {
  color: var(--bhb-accent);
}

bhb-menu-main-item.stroke-primary-500 .text-2xs {
  color: #ffffff;
}

/* ---------- 11. Kleine Helfer ---------- */

.safe-area-inset-bottom {
  padding-bottom: env(safe-area-inset-bottom);
}

/* Buttons / Klickflächen generell */
button,
[matripple],
[matRipple] {
  outline: none;
}

/* ---------- 12. Animationen ---------- */

@keyframes bhb-page-fade-in {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes bhb-fade-up {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes bhb-fade-down {
  from {
    opacity: 0;
    transform: translateY(-18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Wetterinfos kompakt & minimalistisch */
.bhb-weather-mini {
  position: absolute;
  bottom: 18px;       /* statt top → jetzt unten */
  left: 50%;
  transform: translateX(-50%);   /* perfekt zentriert */
  display: flex;
  gap: 100px;          /* Abstand zwischen Heute & Morgen */
  z-index: 20;
}

.bhb-weather-mini .weather-day {
  text-align: center;
  color: white;
  font-family: inherit;
}

.bhb-weather-mini .icon {
  font-size: 22px;
  line-height: 22px;
}

.bhb-weather-mini .temp {
  margin-top: 2px;
  font-size: 16px;
  font-weight: 600;
}

.bhb-weather-mini .label {
  font-size: 11px;
  opacity: 0.85;
  margin-top: 1px;
}

/* Grundlook für alle Kacheln */
.tile-teaser-tile-component,
.weather-teaser-component,
bhb-preview-teaser-item .relative {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  opacity: 0;
  transform: translateY(12px) scale(0.985);
  transition:
    opacity .45s ease-out,
    transform .45s ease-out,
    box-shadow .35s ease-out,
    filter .35s ease-out;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.4);
}

/* Zustand, wenn IntersectionObserver "visible" setzt */
.tile-teaser-tile-component.visible,
.weather-teaser-component.visible,
bhb-preview-teaser-item.visible .relative {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* Hover-Effekt: leichtes Anheben, minimal heller */
.tile-teaser-tile-component:hover,
.weather-teaser-component:hover,
bhb-preview-teaser-item .relative:hover {
  transform: translateY(-4px) scale(1.01);
  filter: brightness(1.04);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.55);
}

/* Bilddunkelung + Gradient etwas edler und ruhiger */
.gradient-overlay::after,
.image-background.gradient-overlay-teaser::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    145deg,
    rgba(0, 0, 0, 0.60) 0%,
    rgba(0, 0, 0, 0.35) 35%,
    rgba(0, 0, 0, 0.75) 100%
  );
  pointer-events: none;
}

/* Texte in Kacheln: mehr Luft & typografisch ruhiger */
.tile-teaser-tile-component p,
.weather-teaser-component p,
bhb-preview-teaser-item p {
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
}

/* Headline in Kacheln */
.tile-teaser-tile-component p.absolute,
.tile-teaser-tile-component .absolute.left-0.right-0.bottom-1,
.weather-teaser-component p {
  font-weight: 600;
  letter-spacing: 0.03em;
  font-size: 0.82rem;
}



/* Grid-Abstand etwas luftiger */
.tile-teaser-component.grid {
  row-gap: 1.1rem;
  column-gap: 0.9rem;
}

/* Mobile Kachelhöhe minimal höher, wirkt wertiger */
.tile-teaser-component .h-\[140px\] {
  height: 150px;
}
@media (min-width: 768px) {
  .tile-teaser-component .md\:h-\[200px\] {
    height: 210px;
  }
}



.headline-divider h3 {
  font-size: 0.9rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #f4ede0;
}

.headline-divider {
  border-color: rgba(255, 255, 255, 0.12) !important;
}

/* DESKTOP: Intro-Text + Quick Actions wirklich mittig ausrichten */
@media (min-width: 1024px) {

  /* Hero-Bereich zentrieren */
  bhb-hero .hero-content {
    max-width: 900px;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex;
    flex-direction: column;
    align-items: center;      /* Inhalt horizontal zentriert */
    text-align: center;       /* Text mittig */
  }

  bhb-hero .hero-intro {
    text-align: center !important;
  }

  /* Quick-Actions unter dem Text zentriert */
  bhb-quick-actions .quick-actions {
    max-width: 900px;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Die innere Flex-Zeile, in der die 3 Kacheln sitzen */
  bhb-quick-actions .quick-actions bhb-overflow-x .flex.flex-row {
    justify-content: center !important;   /* statt justify-start / -end */
    overflow-x: visible !important;       /* kein seitliches Scrollen auf Desktop */
  }
}
/* Desktop: Einleitungstext im Hero wirklich mittig zentrieren */
@media (min-width: 1024px) {
  bhb-hero .hero-intro {
    max-width: 900px;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  bhb-hero .hero-intro h1,
  bhb-hero .hero-intro .dynamic-html {
    text-align: center !important;
  }
}

/* Einleitungstext im Hero wirklich zentrieren (mobil + desktop) */
.hero .hero-intro {
  max-width: 880px;
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

/* Überschrift + Fließtext ebenfalls mittig ausrichten */
.hero .hero-intro h1,
.hero .hero-intro .dynamic-html {
  text-align: center !important;
}

/* Desktop: etwas „kompakter“ in der Mitte halten */
@media (min-width: 1024px) {
  .hero .hero-intro {
    max-width: 780px;
    padding: 0 2rem;
  }
}

/* Wochenmärkte Scrollleiste – nur horizontal scrollen erlauben */
bhb-activity-calendar-teaser bhb-overflow-x .flex.flex-row {
  overflow-y: hidden;          /* kein vertikales Scrollen in der Leiste */
  touch-action: pan-x;         /* Touch nur für horizontales Scrollen nutzen */
  -webkit-overflow-scrolling: touch; /* smoother Scroll auf iOS */
}