/* node_modules/tippy.js/dist/tippy.css */
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}
[data-tippy-root] {
  max-width: calc(100vw - 10px);
}
.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property:
    transform,
    visibility,
    opacity;
}
.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}
.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}
.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}
.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}
.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}
.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}
.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11);
}
.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}
.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}
.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}

/* node_modules/tippy.js/animations/scale.css */
.tippy-box[data-animation=scale][data-placement^=top] {
  transform-origin: bottom;
}
.tippy-box[data-animation=scale][data-placement^=bottom] {
  transform-origin: top;
}
.tippy-box[data-animation=scale][data-placement^=left] {
  transform-origin: right;
}
.tippy-box[data-animation=scale][data-placement^=right] {
  transform-origin: left;
}
.tippy-box[data-animation=scale][data-state=hidden] {
  transform: scale(.5);
  opacity: 0;
}

/* src/styles.scss */
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}
.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
  background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1));
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}
@keyframes cdk-text-field-autofill-start {
}
@keyframes cdk-text-field-autofill-end {
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}
.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}
.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, transparent);
  color: var(--mat-app-text-color, inherit);
}
html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}
html {
  --mat-option-selected-state-label-text-color: #b0bec5;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: #2979ff;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #b0bec5;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #b0bec5;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
html {
  --mat-full-pseudo-checkbox-selected-icon-color: #2979ff;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #2979ff;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #2979ff;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #2979ff;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.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, 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-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-theme-loaded-marker {
  display: none;
}
html {
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
}
html {
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
}
html {
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}
.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #b0bec5;
  --mdc-linear-progress-track-color: rgba(176, 190, 197, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #2979ff;
  --mdc-linear-progress-track-color: rgba(41, 121, 255, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #f44336;
  --mdc-linear-progress-track-color: rgba(244, 67, 54, 0.25);
}
html {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
}
html {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}
html {
  --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;
}
html {
  --mdc-filled-text-field-caret-color: #b0bec5;
  --mdc-filled-text-field-focus-active-indicator-color: #b0bec5;
  --mdc-filled-text-field-focus-label-text-color: rgba(176, 190, 197, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #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, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #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: #b0bec5;
  --mdc-outlined-text-field-focus-outline-color: #b0bec5;
  --mdc-outlined-text-field-focus-label-text-color: rgba(176, 190, 197, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #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, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #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: rgba(176, 190, 197, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #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, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
}
.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #2979ff;
  --mdc-filled-text-field-focus-active-indicator-color: #2979ff;
  --mdc-filled-text-field-focus-label-text-color: rgba(41, 121, 255, 0.87);
  --mdc-outlined-text-field-caret-color: #2979ff;
  --mdc-outlined-text-field-focus-outline-color: #2979ff;
  --mdc-outlined-text-field-focus-label-text-color: rgba(41, 121, 255, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(41, 121, 255, 0.87);
}
.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, 0.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, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(244, 67, 54, 0.87);
}
html {
  --mat-form-field-container-height: 48px;
  --mat-form-field-filled-label-display: none;
  --mat-form-field-container-vertical-padding: 12px;
  --mat-form-field-filled-with-label-container-padding-top: 12px;
  --mat-form-field-filled-with-label-container-padding-bottom: 12px;
}
html {
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(176, 190, 197, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(41, 121, 255, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html {
  --mat-select-arrow-transform: none;
}
html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-autocomplete-background-color: white;
}
html {
  --mdc-dialog-container-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mdc-dialog-container-shadow-color: #000;
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}
html {
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}
.mat-mdc-standard-chip {
  --mdc-chip-container-shape-family: rounded;
  --mdc-chip-container-shape-radius: 16px 16px 16px 16px;
  --mdc-chip-with-avatar-avatar-shape-family: rounded;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}
.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-selected-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-flat-disabled-selected-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-elevated-container-color: #b0bec5;
  --mdc-chip-elevated-selected-container-color: #b0bec5;
  --mdc-chip-elevated-disabled-container-color: #b0bec5;
  --mdc-chip-flat-disabled-selected-container-color: #b0bec5;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #2979ff;
  --mdc-chip-elevated-selected-container-color: #2979ff;
  --mdc-chip-elevated-disabled-container-color: #2979ff;
  --mdc-chip-flat-disabled-selected-container-color: #2979ff;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f44336;
  --mdc-chip-elevated-selected-container-color: #f44336;
  --mdc-chip-elevated-disabled-container-color: #f44336;
  --mdc-chip-flat-disabled-selected-container-color: #f44336;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 24px;
}
html {
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}
html {
  --mdc-switch-selected-focus-state-layer-color: #546e7a;
  --mdc-switch-selected-handle-color: #546e7a;
  --mdc-switch-selected-hover-state-layer-color: #546e7a;
  --mdc-switch-selected-pressed-state-layer-color: #546e7a;
  --mdc-switch-selected-focus-handle-color: #263238;
  --mdc-switch-selected-hover-handle-color: #263238;
  --mdc-switch-selected-pressed-handle-color: #263238;
  --mdc-switch-selected-focus-track-color: #90a4ae;
  --mdc-switch-selected-hover-track-color: #90a4ae;
  --mdc-switch-selected-pressed-track-color: #90a4ae;
  --mdc-switch-selected-track-color: #90a4ae;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #1e88e5;
  --mdc-switch-selected-handle-color: #1e88e5;
  --mdc-switch-selected-hover-state-layer-color: #1e88e5;
  --mdc-switch-selected-pressed-state-layer-color: #1e88e5;
  --mdc-switch-selected-focus-handle-color: #0d47a1;
  --mdc-switch-selected-hover-handle-color: #0d47a1;
  --mdc-switch-selected-pressed-handle-color: #0d47a1;
  --mdc-switch-selected-focus-track-color: #64b5f6;
  --mdc-switch-selected-hover-track-color: #64b5f6;
  --mdc-switch-selected-pressed-track-color: #64b5f6;
  --mdc-switch-selected-track-color: #64b5f6;
}
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 {
  --mdc-switch-state-layer-size: 32px;
}
html {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}
.mat-mdc-radio-button {
  --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #b0bec5;
  --mdc-radio-selected-hover-icon-color: #b0bec5;
  --mdc-radio-selected-icon-color: #b0bec5;
  --mdc-radio-selected-pressed-icon-color: #b0bec5;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #b0bec5;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #2979ff;
  --mdc-radio-selected-hover-icon-color: #2979ff;
  --mdc-radio-selected-icon-color: #2979ff;
  --mdc-radio-selected-pressed-icon-color: #2979ff;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #2979ff;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #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, 0.38);
}
html {
  --mdc-radio-state-layer-size: 32px;
  --mat-radio-touch-target-display: none;
}
html {
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
}
html {
  --mdc-slider-handle-color: #b0bec5;
  --mdc-slider-focus-handle-color: #b0bec5;
  --mdc-slider-hover-handle-color: #b0bec5;
  --mdc-slider-active-track-color: #b0bec5;
  --mdc-slider-inactive-track-color: #b0bec5;
  --mdc-slider-with-tick-marks-inactive-container-color: #b0bec5;
  --mdc-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mdc-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-ripple-color: #b0bec5;
  --mat-slider-hover-state-layer-color: rgba(176, 190, 197, 0.05);
  --mat-slider-focus-state-layer-color: rgba(176, 190, 197, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
}
html .mat-accent {
  --mat-slider-ripple-color: #2979ff;
  --mat-slider-hover-state-layer-color: rgba(41, 121, 255, 0.05);
  --mat-slider-focus-state-layer-color: rgba(41, 121, 255, 0.2);
  --mdc-slider-handle-color: #2979ff;
  --mdc-slider-focus-handle-color: #2979ff;
  --mdc-slider-hover-handle-color: #2979ff;
  --mdc-slider-active-track-color: #2979ff;
  --mdc-slider-inactive-track-color: #2979ff;
  --mdc-slider-with-tick-marks-inactive-container-color: #2979ff;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
html .mat-warn {
  --mat-slider-ripple-color: #f44336;
  --mat-slider-hover-state-layer-color: rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color: rgba(244, 67, 54, 0.2);
  --mdc-slider-handle-color: #f44336;
  --mdc-slider-focus-handle-color: #f44336;
  --mdc-slider-hover-handle-color: #f44336;
  --mdc-slider-active-track-color: #f44336;
  --mdc-slider-inactive-track-color: #f44336;
  --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
}
html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
}
html {
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #b0bec5;
  --mdc-radio-selected-hover-icon-color: #b0bec5;
  --mdc-radio-selected-icon-color: #b0bec5;
  --mdc-radio-selected-pressed-icon-color: #b0bec5;
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #2979ff;
  --mdc-radio-selected-hover-icon-color: #2979ff;
  --mdc-radio-selected-icon-color: #2979ff;
  --mdc-radio-selected-pressed-icon-color: #2979ff;
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}
.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #b0bec5;
  --mdc-checkbox-selected-hover-icon-color: #b0bec5;
  --mdc-checkbox-selected-icon-color: #b0bec5;
  --mdc-checkbox-selected-pressed-icon-color: #b0bec5;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #b0bec5;
  --mdc-checkbox-selected-hover-state-layer-color: #b0bec5;
  --mdc-checkbox-selected-pressed-state-layer-color: #b0bec5;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #2979ff;
  --mdc-checkbox-selected-hover-icon-color: #2979ff;
  --mdc-checkbox-selected-icon-color: #2979ff;
  --mdc-checkbox-selected-pressed-icon-color: #2979ff;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #2979ff;
  --mdc-checkbox-selected-hover-state-layer-color: #2979ff;
  --mdc-checkbox-selected-pressed-state-layer-color: #2979ff;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #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, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 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-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: #b0bec5;
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: #b0bec5;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mdc-list-list-item-one-line-container-height: 40px;
  --mdc-list-list-item-two-line-container-height: 56px;
  --mdc-list-list-item-three-line-container-height: 80px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size: 32px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 48px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 64px;
}
html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-paginator-container-size: 48px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
}
html {
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #b0bec5;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #b0bec5;
  --mat-tab-header-active-ripple-color: #b0bec5;
  --mat-tab-header-inactive-ripple-color: #b0bec5;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #b0bec5;
  --mat-tab-header-active-hover-label-text-color: #b0bec5;
  --mat-tab-header-active-focus-indicator-color: #b0bec5;
  --mat-tab-header-active-hover-indicator-color: #b0bec5;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #2979ff;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #2979ff;
  --mat-tab-header-active-ripple-color: #2979ff;
  --mat-tab-header-inactive-ripple-color: #2979ff;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #2979ff;
  --mat-tab-header-active-hover-label-text-color: #2979ff;
  --mat-tab-header-active-focus-indicator-color: #2979ff;
  --mat-tab-header-active-hover-indicator-color: #2979ff;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #f44336;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #f44336;
  --mat-tab-header-active-ripple-color: #f44336;
  --mat-tab-header-inactive-ripple-color: #f44336;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f44336;
  --mat-tab-header-active-hover-label-text-color: #f44336;
  --mat-tab-header-active-focus-indicator-color: #f44336;
  --mat-tab-header-active-hover-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #b0bec5;
  --mat-tab-header-with-background-foreground-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #2979ff;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #f44336;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 40px;
}
html {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
}
html {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #2979ff;
  --mdc-checkbox-selected-hover-icon-color: #2979ff;
  --mdc-checkbox-selected-icon-color: #2979ff;
  --mdc-checkbox-selected-pressed-icon-color: #2979ff;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #2979ff;
  --mdc-checkbox-selected-hover-state-layer-color: #2979ff;
  --mdc-checkbox-selected-pressed-state-layer-color: #2979ff;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-checkbox {
  --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #b0bec5;
  --mdc-checkbox-selected-hover-icon-color: #b0bec5;
  --mdc-checkbox-selected-icon-color: #b0bec5;
  --mdc-checkbox-selected-pressed-icon-color: #b0bec5;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #b0bec5;
  --mdc-checkbox-selected-hover-state-layer-color: #b0bec5;
  --mdc-checkbox-selected-pressed-state-layer-color: #b0bec5;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #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, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 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;
}
html {
  --mdc-checkbox-state-layer-size: 32px;
  --mat-checkbox-touch-target-display: none;
}
html {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-keep-touch-target: false;
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
}
html {
  --mdc-text-button-label-text-color: black;
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: black;
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: black;
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-container-shadow-color: #000;
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color: black;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
}
.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #b0bec5;
  --mat-text-button-state-layer-color: #b0bec5;
  --mat-text-button-ripple-color: rgba(176, 190, 197, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #2979ff;
  --mat-text-button-state-layer-color: #2979ff;
  --mat-text-button-ripple-color: rgba(41, 121, 255, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #f44336;
  --mat-text-button-state-layer-color: #f44336;
  --mat-text-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #b0bec5;
  --mdc-filled-button-label-text-color: black;
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #2979ff;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #f44336;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #b0bec5;
  --mdc-protected-button-label-text-color: black;
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #2979ff;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #f44336;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #b0bec5;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #b0bec5;
  --mat-outlined-button-ripple-color: rgba(176, 190, 197, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #2979ff;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #2979ff;
  --mat-outlined-button-ripple-color: rgba(41, 121, 255, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #f44336;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #f44336;
  --mat-outlined-button-ripple-color: rgba(244, 67, 54, 0.1);
}
html {
  --mdc-text-button-container-height: 28px;
  --mdc-filled-button-container-height: 28px;
  --mdc-outlined-button-container-height: 28px;
  --mdc-protected-button-container-height: 28px;
  --mat-text-button-touch-target-display: none;
  --mat-filled-button-touch-target-display: none;
  --mat-protected-button-touch-target-display: none;
  --mat-outlined-button-touch-target-display: none;
}
html {
  --mdc-icon-button-icon-size: 24px;
}
html {
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #b0bec5;
  --mat-icon-button-state-layer-color: #b0bec5;
  --mat-icon-button-ripple-color: rgba(176, 190, 197, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #2979ff;
  --mat-icon-button-state-layer-color: #2979ff;
  --mat-icon-button-ripple-color: rgba(41, 121, 255, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: rgba(244, 67, 54, 0.1);
}
html {
  --mat-icon-button-touch-target-display: none;
}
.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 {
  --mdc-fab-container-shape: 50%;
  --mdc-fab-icon-size: 24px;
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-icon-size: 24px;
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
}
html {
  --mdc-fab-container-color: white;
  --mdc-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-container-shadow-color: #000;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mdc-fab-small-container-color: white;
  --mdc-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shadow-color: #000;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mdc-extended-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-shadow-color: #000;
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #b0bec5;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
}
html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #2979ff;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #b0bec5;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
}
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #2979ff;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html {
  --mat-fab-touch-target-display: none;
  --mat-fab-small-touch-target-display: none;
}
html {
  --mdc-snackbar-container-shape: 4px;
}
html {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #2979ff;
}
html {
  --mat-table-row-item-outline-width: 1px;
}
html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-table-header-container-height: 48px;
  --mat-table-footer-container-height: 44px;
  --mat-table-row-item-container-height: 44px;
}
html {
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}
html {
  --mdc-circular-progress-active-indicator-color: #b0bec5;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color: #2979ff;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color: #f44336;
}
html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}
html {
  --mat-badge-background-color: #b0bec5;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}
.mat-badge-accent {
  --mat-badge-background-color: #2979ff;
  --mat-badge-text-color: white;
}
.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}
html {
  --mat-bottom-sheet-container-shape: 4px;
}
html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
html {
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
}
html {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0;
}
html {
  --mat-standard-button-toggle-height: 40px;
}
html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #b0bec5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(176, 190, 197, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(176, 190, 197, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(176, 190, 197, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #b0bec5;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(176, 190, 197, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #2979ff;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(41, 121, 255, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(41, 121, 255, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(41, 121, 255, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(41, 121, 255, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.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, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #2979ff;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-divider-width: 1px;
}
html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}
html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-expansion-header-collapsed-state-height: 40px;
  --mat-expansion-header-expanded-state-height: 56px;
}
html {
  --mat-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: #b0bec5;
}
.mat-icon.mat-accent {
  --mat-icon-color: #2979ff;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}
html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}
html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}
html {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #b0bec5;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #b0bec5;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #b0bec5;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #2979ff;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #2979ff;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #2979ff;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html {
  --mat-stepper-header-height: 64px;
}
html {
  --mat-sort-arrow-color: #757575;
}
html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #b0bec5;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #2979ff;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}
html {
  --mat-toolbar-standard-height: 56px;
  --mat-toolbar-mobile-height: 48px;
}
html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-tree-node-min-height: 40px;
}
.gsp-bg-primary-50 {
  background-color: #eceff1;
}
.gsp-bg-primary-100 {
  background-color: #cfd8dc;
}
.gsp-bg-primary-200 {
  background-color: #b0bec5;
}
.gsp-bg-primary-300 {
  background-color: #90a4ae;
}
.gsp-bg-primary-400 {
  background-color: #78909c;
}
.gsp-bg-primary-500 {
  background-color: #607d8b;
}
.gsp-bg-primary-600 {
  background-color: #546e7a;
}
.gsp-bg-primary-700 {
  background-color: #455a64;
}
.gsp-bg-primary-800 {
  background-color: #37474f;
}
.gsp-bg-primary-900 {
  background-color: #263238;
}
.gsp-bg-accent-50 {
  background-color: #e3f2fd;
}
.gsp-bg-accent-100 {
  background-color: #bbdefb;
}
.gsp-bg-accent-200 {
  background-color: #90caf9;
}
.gsp-bg-accent-300 {
  background-color: #64b5f6;
}
.gsp-bg-accent-400 {
  background-color: #42a5f5;
}
.gsp-bg-accent-500.gsp-bg-accent-500.gsp-bg-accent-500,
.gsp-bg-accent {
  background-color: #448AFF;
}
.gsp-bg-accent-600 {
  background-color: #1e88e5;
}
.gsp-bg-accent-700 {
  background-color: #005ce5;
}
.gsp-bg-accent-800 {
  background-color: #1565c0;
}
.gsp-bg-accent-900 {
  background-color: #0d47a1;
}
.gsp-bg-notice {
  background-color: #ffd56d;
}
.gsp-bg-green-100 {
  background-color: #CBF9EC;
}
.gsp-bg-success.gsp-bg-success.gsp-bg-success {
  background-color: #37bc9b;
}
.gsp-bg-alert.gsp-bg-alert.gsp-bg-alert {
  background-color: #da4453;
}
.gsp-bg-dark.gsp-bg-dark.gsp-bg-dark {
  background-color: #263238;
}
.gsp-bg-white {
  background-color: white;
}
.gsp-bg-negative {
  background-color: #263238;
}
.gsp-bg-secondary {
  background-color: #90a4ae;
}
.gsp-bg-positive.gsp-bg-positive {
  background-color: white;
}
.gsp-bg-positive--border {
  background-color: white;
  border: 1px solid #263238;
  color: #263238;
}
.gsp-bg-grey-50 {
  background-color: #FAFAFA;
}
.gsp-bg-grey-100 {
  background-color: #F5F5F5;
}
.gsp-bg-grey-300 {
  background-color: #E0E0E0;
}
.gsp-bg-neutral-50 {
  background-color: #F5F9FA;
}
.gsp-bg-neutral-100 {
  background-color: #E8EEF0;
}
.gsp-bg-neutral-200 {
  background-color: #D4E0E4;
}
.gsp-bg-neutral-300 {
  background-color: #BAD0D7;
}
.gsp-bg-neutral-400 {
  background-color: #9BBAC3;
}
.gsp-bg-neutral-500 {
  background-color: #4F7E94;
}
.gsp-bg-neutral-600 {
  background-color: #30596C;
}
.gsp-bg-neutral-700 {
  background-color: #1F4253;
}
.gsp-bg-neutral-800 {
  background-color: #102C39;
}
.gsp-bg-neutral-900 {
  background-color: #05151D;
}
.text-alert {
  color: #da4453;
}
.text-notice {
  color: #ffd56d;
}
.text-success {
  color: #37bc9b;
}
.text-accent,
.gsp-text-accent {
  color: #448AFF;
}
.text-accent-700 {
  color: #005ce5;
}
.text-subtle {
  color: #6200ee;
}
.text-body {
  color: #313E45;
}
.text-primary-50 {
  color: #eceff1;
}
.text-primary-100 {
  color: #cfd8dc;
}
.text-primary-200 {
  color: #b0bec5;
}
.text-primary-300 {
  color: #90a4ae;
}
.text-primary-400 {
  color: #78909c;
}
.text-primary-500 {
  color: #607d8b;
}
.text-primary-600 {
  color: #546e7a;
}
.text-primary-700 {
  color: #455a64;
}
.text-primary-800 {
  color: #37474f;
}
.text-primary-900 {
  color: #263238;
}
.text-white.text-white.text-white {
  color: #ffffff;
}
.text-disabled {
  color: #aaaaaa;
}
.gsp-text-neutral-50 {
  color: #F5F9FA;
}
.gsp-text-neutral-100 {
  color: #E8EEF0;
}
.gsp-text-neutral-200 {
  color: #D4E0E4;
}
.gsp-text-neutral-300 {
  color: #BAD0D7;
}
.gsp-text-neutral-400 {
  color: #9BBAC3;
}
.gsp-text-neutral-500 {
  color: #4F7E94;
}
.gsp-text-neutral-600 {
  color: #30596C;
}
.gsp-text-neutral-700 {
  color: #1F4253;
}
.gsp-text-neutral-800 {
  color: #102C39;
}
.gsp-text-neutral-900 {
  color: #05151D;
}
.gsp-text-green-700 {
  color: #02AE7D;
}
.timer3,
.rotate360,
.rotate180 {
  transition: transform 0.3s ease-in-out;
}
.it-1 {
  animation-iteration-count: 1;
}
.it-infinite {
  animation-iteration-count: infinite;
}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg) scaleY(-1);
  }
  to {
    -webkit-transform: rotate(359deg) scaleY(-1);
  }
}
.loading {
  -webkit-animation: rotation 2s infinite linear;
}
@keyframes clockwiseSpin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.rotate-clockwise {
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: clockwiseSpin;
  animation-timing-function: linear;
}
.rotate45 {
  transform: rotate(45deg);
}
.rotate90 {
  transform: rotate(90deg);
}
.rotate135 {
  transform: rotate(135deg);
}
.rotate180 {
  transform: rotate(180deg);
}
.rotate225 {
  transform: rotate(225deg);
}
.rotate270 {
  transform: rotate(225deg);
}
.rotate315 {
  transform: rotate(315deg);
}
.rotate360 {
  transform: rotate(360deg);
}
.flip-h {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
}
.pulse {
  animation: pulse 1s infinite;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(68, 138, 255, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(68, 138, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(68, 138, 255, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(68, 138, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(68, 138, 255, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(68, 138, 255, 0);
    box-shadow: 0 0 0 10px rgba(68, 138, 255, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(68, 138, 255, 0);
    box-shadow: 0 0 0 0 rgba(68, 138, 255, 0);
  }
}
.bounce {
  animation: bounce 1.5s;
}
.bounce.it-3 {
  animation-iteration-count: 3;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-6px);
  }
  60% {
    transform: translateY(-3px);
  }
}
.gsp-fade-out {
  animation: fadeOut 200ms ease-out forwards;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.gsp-attachments-wrapper {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  align-self: flex-start;
}
.gsp-attachments-wrapper.no-padding {
  padding-left: 0;
  padding-right: 0;
}
.gsp-attachment,
.gsp-attachment--clickable {
  border: 1px solid #ebebeb;
  background: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 32px;
  border-radius: 16px;
  font-weight: 500;
}
.gsp-attachment-meta-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.gsp-attachment-meta-wrapper .mat-icon {
  padding: 0 8px;
  height: 18px;
  width: 18px;
  font-size: 18px;
  line-height: 18px !important;
  vertical-align: middle;
  color: #607d8b;
  display: inline-table;
}
.gsp-attachment--clickable .gsp-attachment-meta-wrapper .mat-icon {
  color: #448AFF;
}
.gsp-attachment--clickable .gsp-attachment-meta-wrapper .gsp-message-meta-name {
  color: #448AFF;
}
.gsp-attachment--clickable:hover .gsp-message-meta-name {
  cursor: pointer;
}
.gsp-message-meta-name {
  color: #607d8b;
  font-size: 12px;
  padding-right: 16px;
}
.gsp-attachment-action {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.gsp-attachment-action .mat-icon {
  height: 16px;
  width: 16px;
  font-size: 16px;
  line-height: 16px !important;
  vertical-align: middle;
  color: #90a4ae;
  margin-right: 8px;
}
button.gsp-attachment-action {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 16px;
  width: 16px;
  line-height: 15px;
  margin-right: 8px;
}
.gsp-avatar,
.gsp-avatar--md,
.gsp-avatar--sm {
  height: 24px;
  width: 24px;
  max-width: 24px;
  min-width: 24px;
  border-radius: 50%;
  background: #eceff1;
  border: 1px solid #eceff1;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #607d8b;
  margin-right: 8px;
  text-align: center;
  overflow: hidden;
}
.gsp-avatar.hover:hover,
.hover.gsp-avatar--md:hover,
.hover.gsp-avatar--sm:hover {
  cursor: pointer;
  background: #e3f2fd;
  color: #448AFF;
  border: 1px solid #e3f2fd;
}
.gsp-avatar.rounded,
.rounded.gsp-avatar--md,
.rounded.gsp-avatar--sm {
  border-radius: 8px;
}
.gsp-avatar img,
.gsp-avatar--md img,
.gsp-avatar--sm img {
  max-height: 100% !important;
  max-width: none !important;
  border-radius: 0 !important;
}
.gsp-avatar .mat-icon,
.gsp-avatar--md .mat-icon,
.gsp-avatar--sm .mat-icon {
  height: 14px;
  width: 14px;
  font-size: 14px;
}
@media (min-width: 960px) {
  .gsp-avatar,
  .gsp-avatar--md,
  .gsp-avatar--sm {
    height: 36px;
    width: 36px;
    min-width: 36px;
    font-size: 16px;
  }
  .gsp-avatar .mat-icon,
  .gsp-avatar--md .mat-icon,
  .gsp-avatar--sm .mat-icon {
    height: 20px;
    width: 20px;
    font-size: 20px;
  }
}
.gsp-avatar--sm {
  height: 18px;
  width: 18px;
  max-width: 18px;
  min-width: 18px;
}
.gsp-avatar--sm .mat-icon {
  font-size: 18px;
  height: 18px;
  width: 18px;
  line-height: 18px;
}
.gsp-avatar--md {
  height: 24px;
  width: 24px;
  max-width: 24px;
  min-width: 24px;
}
.gsp-avatar--md .mat-icon {
  font-size: 18px;
  height: 18px;
  width: 18px;
  line-height: 18px;
}
.gsp-button-toolbar {
  padding: 16px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.gsp-button-toolbar.no-padding {
  padding: 0;
}
.gsp-button-toolbar button.mat-mdc-button-base {
  min-width: 120px;
}
.gsp-button-toolbar button.mat-mdc-button-base mat-icon.mat-icon {
  font-size: 18px;
  line-height: 22px;
  height: 24px;
}
.gsp-button-toolbar.gsp-button-no-min-width button.mat-mdc-button-base {
  min-width: unset;
}
.gsp-button-toolbar .gsp-button-toolbar-primary-actions,
.gsp-button-toolbar .gsp-button-toolbar-secondary-actions {
  display: flex;
  gap: 8px;
}
.gsp-button-toolbar .gsp-button-toolbar-primary-actions button,
.gsp-button-toolbar .gsp-button-toolbar-secondary-actions button {
  flex-grow: 1;
}
.gsp-button-toolbar .gsp-button-toolbar-primary-actions.gsp-button-toolbar-intercom-padding,
.gsp-button-toolbar .gsp-button-toolbar-secondary-actions.gsp-button-toolbar-intercom-padding {
  padding-right: 65px;
}
@media (max-width: 424px) {
  .gsp-button-toolbar {
    padding: 8px;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px;
  }
  .gsp-button-toolbar.no-padding {
    padding: 0;
  }
}
[class*=gsp-button--] {
  display: flex;
  flex-direction: row;
  place-content: center;
  align-items: center;
  text-wrap: nowrap;
  font-weight: 600;
  font-family: inherit;
  height: 32px;
  padding: 12px;
  font-size: 14px;
  line-height: 14px;
  border-radius: 6px;
}
[class*=gsp-button--]:hover {
  cursor: pointer;
  background-color: #005ce5;
  transition: background-color ease-in-out 0.25s;
}
[class*=gsp-button--]:active {
  transition: box-shadow ease-in-out 0.1s;
}
[class*=gsp-button--][disabled] {
  background-color: #E0E0E0 !important;
  color: #aaaaaa !important;
  border: 1px solid #E0E0E0 !important;
}
[class*=gsp-button--][disabled]:hover {
  cursor: default;
}
[class*=gsp-button--][disabled]:active {
  box-shadow: none !important;
}
[class*=gsp-button--][disabled] mat-icon {
  color: #aaaaaa !important;
}
[class*=gsp-button--] mat-icon {
  height: 16px;
  width: 16px;
  font-size: 16px;
  line-height: 16px !important;
  vertical-align: middle;
  color: #ffffff;
  margin-left: -4px;
}
[class*=gsp-button--][class*=icon] {
  padding: 4px;
}
[class*=gsp-button--][class*=icon] mat-icon {
  height: 24px;
  width: 24px;
  font-size: 24px;
  line-height: 24px !important;
  vertical-align: middle;
  margin-left: 0;
}
[class*=gsp-button--][class*=xs] {
  height: 24px;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 12px;
  border-radius: 4px;
}
[class*=gsp-button--][class*=xs][class*=icon] {
  padding: 4px;
}
[class*=gsp-button--][class*=xs][class*=icon] mat-icon {
  height: 16px;
  width: 16px;
  font-size: 16px;
  line-height: 16px !important;
  vertical-align: middle;
  margin-left: 0;
}
[class*=gsp-button--][class*=sm] {
  height: 32px;
  padding: 12px;
  font-size: 14px;
  line-height: 14px;
  border-radius: 6px;
}
[class*=gsp-button--][class*=sm][class*=icon] {
  padding: 4px;
}
[class*=gsp-button--][class*=sm][class*=icon] mat-icon {
  height: 20px;
  width: 20px;
  font-size: 20px;
  line-height: 20px !important;
  vertical-align: middle;
  margin-left: 0;
}
[class*=gsp-button--][class*=md] {
  height: 40px;
  padding: 16px;
  font-size: 14px;
  line-height: 14px;
  border-radius: 8px;
}
[class*=gsp-button--][class*=md][class*=icon] {
  padding: 8px;
}
[class*=gsp-button--][class*=md][class*=icon] mat-icon {
  margin-left: 0;
}
[class*=gsp-button--][class*=md] mat-icon {
  height: 24px;
  width: 24px;
  font-size: 24px;
  line-height: 24px !important;
  vertical-align: middle;
}
[class*=gsp-button--][class*=lg] {
  height: 48px;
  padding: 16px;
  font-size: 16px;
  line-height: 16px;
  border-radius: 8px;
}
[class*=gsp-button--][class*=lg][class*=icon] {
  padding: 8px;
}
[class*=gsp-button--][class*=lg][class*=icon] mat-icon {
  margin-left: 0;
}
[class*=gsp-button--][class*=lg] mat-icon {
  height: 24px;
  width: 24px;
  font-size: 24px;
  line-height: 24px !important;
  vertical-align: middle;
}
[class*=gsp-button--][class*=primary] {
  background-color: #448AFF;
  color: #ffffff;
  border: 1px solid #448AFF;
}
[class*=gsp-button--][class*=primary]:hover {
  background-color: #005ce5;
}
[class*=gsp-button--][class*=primary]:active {
  box-shadow: 0 0 0 4px rgba(0, 92, 229, 0.2);
}
[class*=gsp-button--][class*=secondary] {
  background-color: #cbdeff;
  color: #146cff;
  border: 1px solid #cbdeff;
}
[class*=gsp-button--][class*=secondary]:hover {
  border: 1px solid #146cff;
}
[class*=gsp-button--][class*=secondary]:active {
  box-shadow: 0 0 0 4px #cbdeff;
}
[class*=gsp-button--][class*=secondary] mat-icon {
  color: #146cff;
}
[class*=gsp-button--][class*=tertiary] {
  background-color: transparent;
  color: #313e45;
  border: 1px solid #ebebeb;
}
[class*=gsp-button--][class*=tertiary]:hover {
  background-color: #E0E0E0;
}
[class*=gsp-button--][class*=tertiary]:active {
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.2);
}
[class*=gsp-button--][class*=tertiary] mat-icon {
  color: #313e45;
}
[class*=gsp-button--][class*=destructive] {
  background-color: #da4453;
  color: #ffffff;
  border: 1px solid #da4453;
}
[class*=gsp-button--][class*=destructive]:hover {
  background-color: #ce2131;
}
[class*=gsp-button--][class*=destructive]:active {
  box-shadow: 0 0 0 4px rgba(206, 33, 49, 0.2);
}
[class*=gsp-button--][class*=destructive][class*=icon] {
  background-color: transparent;
  border: none;
}
[class*=gsp-button--][class*=destructive][class*=icon] mat-icon {
  color: #da4453;
}
.google-button {
  background: center no-repeat url(https://d1tnvmre8mklcv.cloudfront.net/pro/thirdparty/integrations/btn_google_signin_dark_normal_web.png);
  width: 191px;
  height: 46px;
  background-size: 191px 46px;
  border: none;
}
.google-button:hover {
  background: center no-repeat url(https://d1tnvmre8mklcv.cloudfront.net/pro/thirdparty/integrations/btn_google_signin_dark_normal_web.png);
  width: 191px;
  height: 46px;
  background-size: 191px 46px;
  border: none;
}
.google-button:focus {
  background: center no-repeat url(https://d1tnvmre8mklcv.cloudfront.net/pro/thirdparty/integrations/btn_google_signin_dark_focus_web.png);
  width: 191px;
  height: 46px;
  background-size: 191px 46px;
  border: none;
}
.google-button:active {
  background: center no-repeat url(https://d1tnvmre8mklcv.cloudfront.net/pro/thirdparty/integrations/btn_google_signin_dark_pressed_web.png);
  width: 191px;
  height: 46px;
  background-size: 191px 46px;
  border: none;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .google-button {
    background: center no-repeat url(https://d1tnvmre8mklcv.cloudfront.net/pro/thirdparty/integrations/btn_google_signin_dark_normal_web@2x.png);
    width: 191px;
    height: 46px;
    background-size: 191px 46px;
    border: none;
  }
  .google-button:hover {
    background: center no-repeat url(https://d1tnvmre8mklcv.cloudfront.net/pro/thirdparty/integrations/btn_google_signin_dark_normal_web@2x.png);
    width: 191px;
    height: 46px;
    background-size: 191px 46px;
    border: none;
  }
  .google-button:focus {
    background: center no-repeat url(https://d1tnvmre8mklcv.cloudfront.net/pro/thirdparty/integrations/btn_google_signin_dark_focus_web@2x.png);
    width: 191px;
    height: 46px;
    background-size: 191px 46px;
    border: none;
  }
  .google-button:active {
    background: center no-repeat url(https://d1tnvmre8mklcv.cloudfront.net/pro/thirdparty/integrations/btn_google_signin_dark_pressed_web@2x.png);
    width: 191px;
    height: 46px;
    background-size: 191px 46px;
    border: none;
  }
}
.gsp-flex-center,
.mat-mdc-button-base.mat-mdc-button-base.mat-mdc-icon-button,
.mat-mdc-button-base.mat-mdc-button-base.gsp-icon-button,
.mat-mdc-button-base.mat-mdc-button-base > .mat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mat-mdc-button-base.mat-mdc-button-base.mat-mdc-button-base {
  height: 40px;
}
.mat-mdc-button-base.mat-mdc-button-base {
  padding: 0 16px;
  min-width: 40px;
}
.mat-mdc-button-base.mat-mdc-button-base.gsp-custom-button--icon-prepend {
  padding-left: 8px;
  padding-right: 12px;
}
.mat-mdc-button-base.mat-mdc-button-base.gsp-custom-button--icon-prepend .mdc-button__label {
  margin-left: 4px;
}
.mat-mdc-button-base.mat-mdc-button-base.gsp-custom-button--icon-append {
  padding-left: 12px;
  padding-right: 8px;
}
.mat-mdc-button-base.mat-mdc-button-base.gsp-custom-button--icon-append .mdc-button__label {
  margin-right: 4px;
}
.mat-mdc-button-base.mat-mdc-button-base > .mat-icon {
  font-size: 24px;
  width: 24px;
  height: 24px;
  margin: 0;
}
.mat-mdc-button-base.mat-mdc-button-base.mat-mdc-icon-button,
.mat-mdc-button-base.mat-mdc-button-base.gsp-icon-button {
  padding: 0;
  border-radius: 4px;
}
.gsp-button-loading-container {
  flex-direction: row;
  box-sizing: border-box;
  display: flex;
  place-content: center;
  align-items: center;
}
.gsp-insert-tag-button {
  border-radius: 0 0 0 4px !important;
  color: #448AFF;
  padding-right: 4px !important;
}
.gsp-mat-icon-button--inline.mat-mdc-icon-button {
  width: auto;
  height: auto;
  line-height: inherit;
}
.gsp-link-button-disabled {
  pointer-events: none;
}
button.mat-mdc-button.mat-mdc-button-base,
a.mdc-button.mat-mdc-button-base {
  height: 40px;
}
.mat-mdc-select-trigger {
  z-index: 1;
  width: inherit;
}
.gsp-selection-card-container,
.gsp-selection-card-container--selected {
  color: #607d8b;
  border: 2px solid #ebebeb;
  border-radius: 8px;
  padding: 16px;
  text-align: center;
  transition: all ease-in-out 150ms;
}
.gsp-selection-card-container:hover,
.gsp-selection-card-container--selected:hover {
  cursor: pointer;
}
.gsp-selection-card-container--selected {
  border-color: #005ce5;
  background: #e3f2fd;
  box-shadow:
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12),
    0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.divider-top {
  border-top: 1px solid #ebebeb;
}
.divider-right {
  border-right: 1px solid #ebebeb;
}
.divider-bottom {
  border-bottom: 1px solid #ebebeb;
}
.divider-left {
  border-left: 1px solid #ebebeb;
}
.divider-all {
  border: 1px solid #ebebeb;
}
.divider-all.radius {
  border-radius: 4px;
}
.divider-all.spacing {
  padding: 1rem;
}
.dotted-all {
  border: 2px dotted rgba(0, 0, 0, 0.2);
}
.dotted-all.rounded {
  border-radius: 4px;
}
.dotted-alt-all {
  background-image:
    linear-gradient(
      to right,
      rgba(0, 0, 0, 0.4) 20%,
      rgba(255, 255, 255, 0) 20%),
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.4) 20%,
      rgba(255, 255, 255, 0) 20%),
    linear-gradient(
      to right,
      rgba(0, 0, 0, 0.4) 20%,
      rgba(255, 255, 255, 0) 20%),
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.4) 20%,
      rgba(255, 255, 255, 0) 20%);
  background-position:
    top,
    right,
    bottom,
    left;
  background-size: 10px 2px, 2px 10px;
  background-repeat:
    repeat-x,
    repeat-y,
    repeat-x,
    repeat-y;
}
.dotted-alt-left {
  background-image:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.4) 20%,
      rgba(255, 255, 255, 0) 20%);
  background-position: left;
  background-size: 1px 3px;
  background-repeat: repeat-y;
}
.dotted-alt-right {
  background-image:
    linear-gradient(
      to bottom,
      #333 40%,
      rgba(255, 255, 255, 0) 20%);
  background-position: right;
  background-size: 1px 3px;
  background-repeat: repeat-y;
}
.dotted-alt-top {
  background-image:
    linear-gradient(
      to right,
      #333 40%,
      rgba(255, 255, 255, 0) 20%);
  background-position: top;
  background-size: 3px 1px;
  background-repeat: repeat-x;
}
.dotted-alt-bottom {
  background-image:
    linear-gradient(
      to right,
      #333 40%,
      rgba(255, 255, 255, 0) 20%);
  background-position: bottom;
  background-size: 3px 1px;
  background-repeat: repeat-x;
}
.gsp-chip {
  border-radius: 20px;
  display: inline-flex;
  flex-direction: row;
  gap: 8px;
  padding: 4px 8px;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.gsp-chip mat-icon {
  height: 20px;
  width: 20px;
  font-size: 20px;
  line-height: 20px !important;
  vertical-align: middle;
}
.gsp-chip--small {
  font-size: 10px;
  font-weight: 600;
  line-height: 15px;
}
.gsp-chip--small mat-icon {
  height: 16px;
  width: 16px;
  font-size: 16px;
  line-height: 16px !important;
  vertical-align: middle;
}
.gsp-chip--success {
  background-color: #02AE7D;
  color: #ffffff;
}
.gsp-chip--warn {
  background-color: #FFD400;
  color: #5B5B5B;
}
.gsp-chip--primary {
  background-color: #146CFF;
  color: #ffffff;
}
.gsp-chip--tertiary {
  background-color: #ffffff;
  border: 1px solid var(--GSP-Colours-Current-GSPOutline, rgba(0, 0, 0, 0.2));
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.gsp-chip--uppercase {
  font-weight: 400;
  text-transform: uppercase;
}
.gsp-chip--purple {
  border: 1px solid rgba(32, 28, 210, 0.2);
  color: #201CD2;
  background: #DFDEFF;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.gsp-chip--green {
  background: #CBF9EC;
  color: #004B36;
}
.gsp-confirmation-dialog {
  max-width: 350px;
  border-radius: 8px;
}
.gsp-confirmation-dialog h1 {
  font-size: 24px;
}
.gsp-confirmation-dialog div[mat-dialog-content] {
  line-height: 1.45;
  font-size: 14px;
  padding-bottom: 12px;
}
.mat-mdc-dialog-title.gsp-simple-dialog-title {
  display: flex;
  align-items: center;
  font-size: 16px;
  padding: 16px;
}
.mat-mdc-dialog-title.gsp-simple-dialog-title mat-icon {
  margin-right: 8px;
}
.gsp-dialog-subtitle {
  font-size: 14px;
  color: #78909c;
}
.mat-toolbar.mat-mdc-dialog-title {
  padding: 0 16px;
}
.gsp-mat-dialog-container {
  display: grid;
  grid-template-rows: auto 1fr;
  height: 100vh;
  max-width: 1400px !important;
  width: 100vw;
}
.gsp-mat-dialog-container .mat-mdc-dialog-container {
  padding: 0;
  max-height: none;
}
@media (max-width: 959px) {
  .gsp-mat-dialog-container .mat-mdc-dialog-container {
    height: 100vh;
  }
}
.gsp-mat-dialog-container .mat-mdc-dialog-content {
  min-height: 100vh;
  padding: 0;
  margin: 0;
}
@media (min-width: 961px) {
  .gsp-mat-dialog-container .mat-mdc-dialog-content {
    min-height: 95vh;
  }
}
@media (min-width: 961px) {
  .gsp-mat-dialog-container {
    height: 95vh;
    margin: 20px;
  }
}
@media (min-width: 961px) {
  .gsp-mat-dialog-container--medium {
    height: auto !important;
  }
}
.gsp-mat-dialog-title.mat-toolbar.mdc-dialog__title {
  display: flex;
  flex-direction: row;
}
.gsp-mat-dialog-container--sticky,
.gsp-edit-look-and-feel-dialog-mobile,
.gsp-mat-dialog-container--medium {
  height: 100%;
  width: 100%;
}
@media (max-width: 959px) {
  .gsp-mat-dialog-container--sticky,
  .gsp-edit-look-and-feel-dialog-mobile,
  .gsp-mat-dialog-container--medium {
    max-width: 100vw !important;
    max-height: 100vh;
  }
}
@media (min-width: 961px) and (max-width: 1279px) {
  .gsp-mat-dialog-container--sticky,
  .gsp-edit-look-and-feel-dialog-mobile,
  .gsp-mat-dialog-container--medium {
    max-height: 90vh;
    max-width: 90vw !important;
  }
}
@media (min-width: 1281px) {
  .gsp-mat-dialog-container--sticky,
  .gsp-edit-look-and-feel-dialog-mobile,
  .gsp-mat-dialog-container--medium {
    max-height: 90vh;
    width: 90vw;
    max-width: 1200px !important;
  }
}
.gsp-mat-dialog-container--sticky app-edit-look-and-feel-dialog,
.gsp-edit-look-and-feel-dialog-mobile app-edit-look-and-feel-dialog,
.gsp-mat-dialog-container--medium app-edit-look-and-feel-dialog,
.gsp-mat-dialog-container--sticky app-email-signature-dialog,
.gsp-edit-look-and-feel-dialog-mobile app-email-signature-dialog,
.gsp-mat-dialog-container--medium app-email-signature-dialog,
.gsp-mat-dialog-container--sticky app-email-theme-dialog,
.gsp-edit-look-and-feel-dialog-mobile app-email-theme-dialog,
.gsp-mat-dialog-container--medium app-email-theme-dialog,
.gsp-mat-dialog-container--sticky app-template-dialog-layout-container,
.gsp-edit-look-and-feel-dialog-mobile app-template-dialog-layout-container,
.gsp-mat-dialog-container--medium app-template-dialog-layout-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 959px) {
  .gsp-mat-dialog-container--sticky app-edit-look-and-feel-dialog .mat-mdc-dialog-content,
  .gsp-edit-look-and-feel-dialog-mobile app-edit-look-and-feel-dialog .mat-mdc-dialog-content,
  .gsp-mat-dialog-container--medium app-edit-look-and-feel-dialog .mat-mdc-dialog-content,
  .gsp-mat-dialog-container--sticky app-email-signature-dialog .mat-mdc-dialog-content,
  .gsp-edit-look-and-feel-dialog-mobile app-email-signature-dialog .mat-mdc-dialog-content,
  .gsp-mat-dialog-container--medium app-email-signature-dialog .mat-mdc-dialog-content,
  .gsp-mat-dialog-container--sticky app-email-theme-dialog .mat-mdc-dialog-content,
  .gsp-edit-look-and-feel-dialog-mobile app-email-theme-dialog .mat-mdc-dialog-content,
  .gsp-mat-dialog-container--medium app-email-theme-dialog .mat-mdc-dialog-content,
  .gsp-mat-dialog-container--sticky app-template-dialog-layout-container .mat-mdc-dialog-content,
  .gsp-edit-look-and-feel-dialog-mobile app-template-dialog-layout-container .mat-mdc-dialog-content,
  .gsp-mat-dialog-container--medium app-template-dialog-layout-container .mat-mdc-dialog-content {
    overflow: hidden;
  }
}
.gsp-mat-dialog-container--sticky .mat-mdc-dialog-container,
.gsp-edit-look-and-feel-dialog-mobile .mat-mdc-dialog-container,
.gsp-mat-dialog-container--medium .mat-mdc-dialog-container {
  padding: 0;
}
.gsp-mat-dialog-container--sticky .gsp-sticky-modal-content-body,
.gsp-edit-look-and-feel-dialog-mobile .gsp-sticky-modal-content-body,
.gsp-mat-dialog-container--medium .gsp-sticky-modal-content-body {
  height: 100%;
}
.gsp-mat-dialog-container--sticky .mat-toolbar,
.gsp-edit-look-and-feel-dialog-mobile .mat-toolbar,
.gsp-mat-dialog-container--medium .mat-toolbar {
  margin-bottom: 0;
}
.gsp-mat-dialog-container--sticky mat-dialog-content.mat-mdc-dialog-content,
.gsp-edit-look-and-feel-dialog-mobile mat-dialog-content.mat-mdc-dialog-content,
.gsp-mat-dialog-container--medium mat-dialog-content.mat-mdc-dialog-content {
  margin: 0;
  padding: 0;
  height: 100%;
  max-height: none;
  flex-grow: 1;
}
@media (max-width: 959px) {
  .gsp-mat-dialog-container--sticky mat-dialog-content.mat-mdc-dialog-content,
  .gsp-edit-look-and-feel-dialog-mobile mat-dialog-content.mat-mdc-dialog-content,
  .gsp-mat-dialog-container--medium mat-dialog-content.mat-mdc-dialog-content {
    overflow: hidden;
  }
}
.gsp-mat-dialog-container--sticky .mat-mdc-dialog-actions,
.gsp-edit-look-and-feel-dialog-mobile .mat-mdc-dialog-actions,
.gsp-mat-dialog-container--medium .mat-mdc-dialog-actions {
  border-top: 1px solid #ebebeb;
  padding: 8px;
  margin-bottom: 0;
  justify-content: space-between;
}
@media (min-width: 601px) {
  .gsp-mat-dialog-container--sticky .mat-mdc-dialog-actions,
  .gsp-edit-look-and-feel-dialog-mobile .mat-mdc-dialog-actions,
  .gsp-mat-dialog-container--medium .mat-mdc-dialog-actions {
    padding: 16px;
  }
}
@media (min-width: 601px) {
  .gsp-mat-dialog-container--sticky .gsp-button-toolbar-primary-actions .mat-mdc-unelevated-button,
  .gsp-edit-look-and-feel-dialog-mobile .gsp-button-toolbar-primary-actions .mat-mdc-unelevated-button,
  .gsp-mat-dialog-container--medium .gsp-button-toolbar-primary-actions .mat-mdc-unelevated-button,
  .gsp-mat-dialog-container--sticky .gsp-button-toolbar-primary-actions .mat-mdc-button,
  .gsp-edit-look-and-feel-dialog-mobile .gsp-button-toolbar-primary-actions .mat-mdc-button,
  .gsp-mat-dialog-container--medium .gsp-button-toolbar-primary-actions .mat-mdc-button {
    min-width: 120px;
  }
}
@media (max-width: 959px) {
  .gsp-device-challenge-dialog-container {
    max-width: 100vw !important;
    width: 100%;
    max-height: 100vh !important;
    height: 100%;
  }
}
.gsp-device-challenge-dialog-container .mat-mdc-dialog-container {
  padding: 0;
}
@media (min-width: 960px) {
  .gsp-device-challenge-dialog-container .mat-mdc-dialog-container {
    border-radius: 12px;
  }
}
@media (max-width: 959px) {
  .gsp-device-challenge-dialog-container .mat-mdc-dialog-container {
    border-radius: 0;
  }
}
.mat-mdc-dialog-actions.gsp-button-toolbar {
  border-top: 1px solid #ebebeb;
  padding: 8px;
  margin-bottom: 0;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
}
@media (min-width: 601px) {
  .mat-mdc-dialog-actions.gsp-button-toolbar {
    padding: 16px;
  }
}
.gsp-mat-dialog-no-padding .mat-mdc-dialog-container {
  padding: 0;
}
.mat-mdc-dialog-container .mat-mdc-dialog-title.mat-accent {
  color: white;
}
.gsp-mat-dialog-no-overflow-x .mat-dialog-container {
  overflow-x: hidden;
}
.gsp-mat-dialog-no-padding .mat-dialog-container,
.gsp-mat-dialog-no-padding .mat-mdc-dialog-content.mdc-dialog__content {
  padding: 0;
}
.mat-mdc-dialog-panel:has(gsp-client-view-event-insurance) .mdc-dialog .mdc-dialog__content {
  padding: 16px 0 0 0;
}
div.mat-mdc-dialog-content.mdc-dialog__content {
  font-size: 14px;
}
.gsp-mat-dialog-no-padding-mobile-full-width {
  padding: 0;
  max-width: unset !important;
}
@media (max-width: 599px) {
  .gsp-mat-dialog-no-padding-mobile-full-width {
    max-width: 100vw;
    width: 100%;
  }
}
.gsp-edit-look-and-feel-dialog,
.gsp-edit-look-and-feel-dialog-mobile {
  width: 100%;
  max-width: 1173px !important;
}
.gsp-edit-look-and-feel-dialog-mobile .mdc-dialog__content {
  overflow: auto !important;
}
@media screen and (max-width: 480px) {
  .gsp-modal-panel:has(.gsp-modal--lg) {
    height: 100%;
    width: 100%;
  }
}
@media screen and (min-width: 480px) {
  .gsp-modal-panel:has(.gsp-modal--lg) {
    padding: 0 32px;
    width: 100%;
  }
}
@media screen and (min-width: 1040px) {
  .gsp-modal-panel:has(.gsp-modal--lg) {
    padding: 0 64px;
    width: 100%;
  }
}
@media screen and (min-width: 1280px) {
  .gsp-modal-panel:has(.gsp-modal--lg) {
    max-width: 1024px;
    padding: 0;
    width: 100%;
  }
}
.gsp-modal-panel:has(.gsp-modal--sm) {
  max-width: 380px;
  width: 100%;
}
.gsp-modal-panel:has(.gsp-modal--md) {
  max-width: 448px;
  width: 100%;
}
@media screen and (max-width: 480px) {
  .gsp-modal-panel:has(.gsp-modal--sm),
  .gsp-modal-panel:has(.gsp-modal--md) {
    padding: 0 16px;
  }
}
@media screen and (min-width: 480px) {
  .gsp-modal-panel:has(.gsp-payment-policies-onboarding-modal-content) {
    max-width: 768px;
  }
}
.mat-mdc-dialog-panel:has(gsp-client-view-event-insurance) {
  max-width: 100vw !important;
}
@media (max-width: 959px) {
  .mat-mdc-dialog-panel:has(gsp-client-view-event-insurance) {
    height: 100%;
    min-width: 100vw !important;
  }
}
@media (max-width: 959px) {
  .mat-mdc-dialog-surface:has(gsp-client-view-event-insurance) {
    border-radius: 0 !important;
  }
}
@media screen and (max-width: 480px) {
  .gsp-modal-panel:has(.gsp-manage-set-asides-modal__content) {
    height: 100%;
    width: 100%;
  }
}
@media screen and (min-width: 744px) {
  .gsp-modal-panel:has(.gsp-manage-set-asides-modal__content) {
    min-width: 640px;
    max-width: 640px;
    max-height: 640px;
    padding: 0;
  }
}
.gsp-modal-panel:has(.gsp-upgrade-to-standard-modal-content) {
  max-width: 640px;
}
.gsp-modal-panel:has(.gsp-reactivate-modal) {
  max-width: 640px;
  width: 100%;
}
@media screen and (min-width: 480px) {
  .gsp-modal-panel:has(.gsp-bulk-resolve-content) {
    max-width: 668px;
  }
}
.gsp-modal-panel:has(.gsp-bulk-download-projects-modal--success) {
  max-width: 448px;
  width: 100%;
}
.divider-top {
  border-top: 1px solid #ebebeb;
}
.divider-right {
  border-right: 1px solid #ebebeb;
}
.divider-bottom {
  border-bottom: 1px solid #ebebeb;
}
.divider-left {
  border-left: 1px solid #ebebeb;
}
.divider-all {
  border: 1px solid #ebebeb;
}
.divider-all.radius {
  border-radius: 4px;
}
.divider-all.spacing {
  padding: 1rem;
}
.dotted-all {
  border: 2px dotted rgba(0, 0, 0, 0.2);
}
.dotted-all.rounded {
  border-radius: 4px;
}
.dotted-alt-all {
  background-image:
    linear-gradient(
      to right,
      rgba(0, 0, 0, 0.4) 20%,
      rgba(255, 255, 255, 0) 20%),
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.4) 20%,
      rgba(255, 255, 255, 0) 20%),
    linear-gradient(
      to right,
      rgba(0, 0, 0, 0.4) 20%,
      rgba(255, 255, 255, 0) 20%),
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.4) 20%,
      rgba(255, 255, 255, 0) 20%);
  background-position:
    top,
    right,
    bottom,
    left;
  background-size: 10px 2px, 2px 10px;
  background-repeat:
    repeat-x,
    repeat-y,
    repeat-x,
    repeat-y;
}
.dotted-alt-left {
  background-image:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.4) 20%,
      rgba(255, 255, 255, 0) 20%);
  background-position: left;
  background-size: 1px 3px;
  background-repeat: repeat-y;
}
.dotted-alt-right {
  background-image:
    linear-gradient(
      to bottom,
      #333 40%,
      rgba(255, 255, 255, 0) 20%);
  background-position: right;
  background-size: 1px 3px;
  background-repeat: repeat-y;
}
.dotted-alt-top {
  background-image:
    linear-gradient(
      to right,
      #333 40%,
      rgba(255, 255, 255, 0) 20%);
  background-position: top;
  background-size: 3px 1px;
  background-repeat: repeat-x;
}
.dotted-alt-bottom {
  background-image:
    linear-gradient(
      to right,
      #333 40%,
      rgba(255, 255, 255, 0) 20%);
  background-position: bottom;
  background-size: 3px 1px;
  background-repeat: repeat-x;
}
.gsp-filter-group-result-list-toggle {
  color: #448AFF;
  padding-left: 8px;
  font-size: 12px;
}
.gsp-filter-group-result-list-toggle:hover {
  cursor: pointer;
}
.gsp-filter-toolbar {
  color: #607d8b;
  display: flex;
  flex-direction: row;
  padding-bottom: 16px;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.gsp-filter-toolbar.hidden {
  display: none;
}
.gsp-filter-toolbar p {
  margin: 0;
  font-weight: bold;
}
.gsp-filter-toolbar .gsp-mat-form-field {
  width: 100%;
  max-width: 100%;
}
@media (min-width: 961px) {
  .gsp-filter-toolbar {
    flex-wrap: nowrap;
  }
  .gsp-filter-toolbar .gsp-mat-form-field {
    margin-bottom: 0;
    max-width: 140px;
  }
  .gsp-filter-toolbar .gsp-mat-form-field-date-range {
    margin-bottom: 0;
    max-width: 220px;
  }
}
.gsp-filter-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  order: 3;
  gap: 8px;
}
.gsp-filter-wrapper.hidden {
  display: none;
}
@media (min-width: 961px) {
  .gsp-filter-wrapper {
    order: inherit;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: auto;
  }
}
.gsp-flex-spacer {
  flex: 1 1 auto;
}
.gsp-flash-bar {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 24px;
  padding: 16px;
  border: 1px solid;
  border-radius: 4px;
}
@media (max-width: 1280px) {
  .gsp-flash-bar {
    flex-direction: column;
    gap: 16px;
    text-align: center;
  }
}
.gsp-flash-bar__text {
  flex: 1;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.gsp-flash-bar__text-button {
  background: none;
  border: none;
  color: #448AFF;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.gsp-flash-bar--success {
  background-color: #F5FBF8;
  border-color: #02AE7D;
}
.gsp-flash-bar--warn {
  background-color: #FFF8E4;
  border-color: #F8D77D;
}
.gsp-flash-bar--primary {
  background-color: #EDF4FF;
  border-color: #146CFF;
}
.gsp-response--error {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #ffffff;
  background-color: #da4453;
  transition: all 0.2s ease-in;
  padding: 4px;
  font-size: 12px;
  border-radius: 4px;
  line-height: 16px;
}
.gsp-response--error .mat-icon {
  color: #ffffff;
  margin-right: 8px;
  font-size: 16px;
  height: 16px;
  width: 16px;
}
.gsp-form-header {
  margin-bottom: 48px;
  text-align: center;
}
.gsp-form-header--left {
  text-align: left;
}
.gsp-form-header--slim {
  margin-bottom: 32px;
}
.gsp-form-header__icon {
  margin-bottom: 16px;
}
.gsp-form-header__title {
  color: #000000;
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
  margin: 0 0 4px;
}
.gsp-form-content {
  margin-bottom: 32px;
}
.gsp-form-content--large {
  margin-bottom: 48px;
}
.gsp-form-actions {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 24px;
}
.gsp-form-actions--no-margin {
  margin-bottom: 0;
}
.gsp-form-grid {
  column-gap: 16px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 960px) {
  .gsp-form-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.gsp-form-grid-three {
  column-gap: 16px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 960px) {
  .gsp-form-grid-three {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.gsp-form-grid--full-gap {
  row-gap: 16px;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.line-clamp-1 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.gsp-hide-scrollbar {
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.gsp-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.gsp-show-scrollbar {
  overflow-y: scroll;
  -ms-overflow-style: scrollbar;
  padding-right: 16px;
}
.gsp-show-scrollbar::-webkit-scrollbar {
  width: 8px;
}
.gsp-show-scrollbar::-webkit-scrollbar-track {
  background: #fefefe;
}
.gsp-show-scrollbar::-webkit-scrollbar-thumb {
  background: #8c8c8c;
  border-radius: 4px;
}
.gsp-show-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #A0A0A0;
}
.gsp-rotate-90 {
  transform: rotate(90deg);
}
.gsp-rotate-180 {
  transform: rotate(180deg);
}
.gsp-page-body-scroll {
  height: calc(100vh - 64px) !important;
  background-color: white;
}
.gsp-full-width {
  width: 100%;
}
.gsp-hidden {
  visibility: hidden;
}
.gsp-flex-fill {
  flex: 1 1 auto;
}
.gsp-position-relative {
  position: relative;
}
.gsp-column-resize-handle {
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 100%;
  cursor: col-resize;
  z-index: 10;
  background-color: transparent;
  transition: background-color 0.15s ease;
}
.gsp-column-resize-handle:hover {
  background-color: #448AFF;
}
@media (min-width: 600px) {
  .gsp-gte-xs-hide {
    display: none;
  }
}
@media (max-width: 599px) {
  .gsp-lt-xs-hide {
    display: none;
  }
}
.info-box {
  border-radius: 4px;
  padding: 6px;
}
.info-box mat-icon {
  margin-right: 4px;
}
.info-box p {
  line-height: 1.8em;
}
.info-box p:last-of-type {
  margin: 0;
}
.mat-mdc-menu-panel.gsp-hover-menu .mat-mdc-menu-content {
  padding: 0;
}
.gsp-standard-form-field {
  margin-bottom: 8px;
  width: 100%;
}
.gsp-standard-form-field input {
  font-size: 16px !important;
  line-height: 24px !important;
}
.gsp-standard-form-field input::placeholder {
  color: #aaaaaa !important;
  font-style: italic;
}
.gsp-standard-form-field .mat-mdc-select-placeholder {
  font-size: 16px !important;
  line-height: 24px !important;
  color: #aaaaaa !important;
  font-style: italic;
}
.gsp-standard-form-field .mat-mdc-form-field-hint-wrapper,
.gsp-standard-form-field .mat-mdc-form-field-error-wrapper {
  height: 20px;
  line-height: 16px;
}
.gsp-standard-form-field .mat-mdc-form-field-required-marker {
  margin-left: 4px;
}
.gsp-standard-form-field.mat-form-field-disabled .mat-mdc-text-field-wrapper {
  background-color: #F5F5F5;
}
.gsp-standard-form-field--dynamic-height .mat-mdc-form-field-hint-wrapper,
.gsp-standard-form-field--dynamic-height .mat-mdc-form-field-error-wrapper {
  height: unset;
  line-height: unset;
}
.text-area-upload {
  width: 100%;
}
.text-input-upload {
  width: 100%;
}
quill-editor .ql-snow.ql-toolbar {
  display: flex;
  flex-direction: row-reverse;
  background: white;
}
.gsp-edit-template-message-quill-wrapper quill-editor.gsp-quill-editor .ql-snow.ql-container {
  height: 1px !important;
  min-height: 300px;
}
.gsp-edit-template-message-quill-wrapper quill-editor.gsp-quill-editor .ql-snow.ql-toolbar {
  border-radius: 4px 4px 0 0;
}
quill-editor.gsp-quill-editor .ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.42);
  font-size: 14px;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.gsp-mat-form-field.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper {
  top: auto;
}
.gsp-mat-form-field.mat-mdc-form-field input {
  height: auto;
  border: none;
}
.gsp-mat-form-field.mat-mdc-form-field input:hover {
  border: none;
}
.gsp-mat-form-field.mat-mdc-form-field.gsp-mat-form-field-prefix-override.mat-form-field-appearance-outline .mat-mdc-form-field-text-prefix,
.gsp-mat-form-field.mat-mdc-form-field.gsp-mat-form-field-prefix-override.mat-form-field-appearance-outline .mat-mdc-form-field-icon-prefix {
  top: 0;
  color: #b0bec5;
  padding: 0 0 0 10px;
}
.gsp-mat-form-field.mat-mdc-form-field.gsp-mat-form-field--disabled-background {
  background: #F5F5F5;
}
.mat-mdc-form-field.mat-mdc-form-field {
  font-size: 14px;
}
.mdc-notched-outline__leading,
.mdc-notched-outline__notch,
.mdc-notched-outline__trailing {
  background: white;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.12);
}
.mdc-notched-outline.mdc-notched-outline--upgraded.mdc-notched-outline--notched,
.mdc-notched-outline.mdc-notched-outline--no-label.mdc-notched-outline--notched,
.mdc-text-field--outlined .mdc-notched-outline.mdc-notched-outline--no-label {
  z-index: 0;
}
mat-label,
mat-option.mat-mdc-option,
mat-select.mat-mdc-select,
.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text {
  font-size: 14px;
}
.mat-mdc-select-panel mat-option.mat-mdc-option {
  min-height: 42px;
  height: 42px;
}
.mat-mdc-select-panel mat-option.mat-mdc-option.gsp-invite-modal-dropdown {
  height: 59px;
  min-height: 59px;
}
.mat-mdc-select-panel mat-option.mat-mdc-option.gsp-invite-modal-dropdown--three-rows {
  height: 79px;
  min-height: 79px;
}
.mat-mdc-select-panel mat-option.mat-mdc-option.gsp-barcode-configuration-dropdown--two-rows {
  height: 69px;
  min-height: 69px;
}
.mat-mdc-form-field .mat-mdc-form-field-icon-prefix,
.mat-mdc-form-field .mat-mdc-form-field-icon-suffix,
.mat-mdc-form-field.gsp-mat-form-field--reverse .mat-mdc-form-field-icon-prefix,
.mat-mdc-form-field.gsp-mat-form-field--reverse .mat-mdc-form-field-icon-suffix {
  padding: 0;
}
.mat-mdc-form-field .mat-mdc-form-field-icon-prefix mat-icon,
.mat-mdc-form-field .mat-mdc-form-field-icon-suffix mat-icon,
.mat-mdc-form-field.gsp-mat-form-field--reverse .mat-mdc-form-field-icon-prefix mat-icon,
.mat-mdc-form-field.gsp-mat-form-field--reverse .mat-mdc-form-field-icon-suffix mat-icon {
  font-size: 21px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
}
.mat-mdc-form-field .mat-mdc-form-field-infix,
.mat-mdc-form-field.gsp-mat-form-field--reverse .mat-mdc-form-field-infix {
  display: flex;
}
mat-checkbox.mat-mdc-checkbox,
.mat-mdc-radio-button {
  --mat-form-field-container-height: 44px;
  --mat-form-field-filled-label-display: none;
  --mat-form-field-container-vertical-padding: 10px;
  --mat-form-field-filled-with-label-container-padding-top: 10px;
  --mat-form-field-filled-with-label-container-padding-bottom: 10px;
  --mat-select-arrow-transform: none;
  --mdc-checkbox-state-layer-size: 28px;
  --mat-checkbox-touch-target-display: none;
  --mdc-switch-state-layer-size: 28px;
  --mdc-radio-state-layer-size: 28px;
  --mat-radio-touch-target-display: none;
  --mdc-list-list-item-one-line-container-height: 36px;
  --mdc-list-list-item-two-line-container-height: 52px;
  --mdc-list-list-item-three-line-container-height: 76px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-paginator-container-size: 40px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mdc-text-button-container-height: 24px;
  --mdc-filled-button-container-height: 24px;
  --mdc-outlined-button-container-height: 24px;
  --mdc-protected-button-container-height: 24px;
  --mat-text-button-touch-target-display: none;
  --mat-filled-button-touch-target-display: none;
  --mat-protected-button-touch-target-display: none;
  --mat-outlined-button-touch-target-display: none;
  --mat-icon-button-touch-target-display: none;
  --mat-fab-touch-target-display: none;
  --mat-fab-small-touch-target-display: none;
  --mat-table-header-container-height: 44px;
  --mat-table-footer-container-height: 40px;
  --mat-table-row-item-container-height: 40px;
  --mat-expansion-header-collapsed-state-height: 36px;
  --mat-expansion-header-expanded-state-height: 48px;
  --mat-stepper-header-height: 60px;
  --mat-toolbar-standard-height: 52px;
  --mat-toolbar-mobile-height: 44px;
  --mat-tree-node-min-height: 36px;
  --mat-standard-button-toggle-height: 36px;
}
mat-checkbox.mat-mdc-checkbox .mat-mdc-chip.mat-mdc-standard-chip,
.mat-mdc-radio-button .mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 24px;
}
mat-checkbox.mat-mdc-checkbox .mdc-list-item__start,
mat-checkbox.mat-mdc-checkbox .mdc-list-item__end,
.mat-mdc-radio-button .mdc-list-item__start,
.mat-mdc-radio-button .mdc-list-item__end {
  --mdc-radio-state-layer-size: 28px;
}
mat-checkbox.mat-mdc-checkbox .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
mat-checkbox.mat-mdc-checkbox .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
mat-checkbox.mat-mdc-checkbox .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line,
.mat-mdc-radio-button .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-radio-button .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-radio-button .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 44px;
}
mat-checkbox.mat-mdc-checkbox .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
mat-checkbox.mat-mdc-checkbox .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
mat-checkbox.mat-mdc-checkbox .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines,
.mat-mdc-radio-button .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-radio-button .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-radio-button .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 60px;
}
mat-checkbox.mat-mdc-checkbox .mat-mdc-tab-header,
.mat-mdc-radio-button .mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 36px;
}
mat-checkbox.mat-mdc-checkbox .mat-mdc-icon-button.mat-mdc-button-base,
.mat-mdc-radio-button .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 36px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 6px;
}
mat-checkbox:hover.gsp-mat-checkbox.mat-mdc-checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control:not(.mdc-checkbox--selected) ~ .mdc-checkbox__background,
mat-checkbox.gsp-mat-checkbox.mat-mdc-checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control:not(.mdc-checkbox--selected) ~ .mdc-checkbox__background {
  background-color: #FFFFFF;
  border-color: grey !important;
}
mat-checkbox.gsp-checkbox-accent.mat-mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
mat-checkbox.gsp-checkbox-accent.mat-mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  background-color: #448AFF;
  border-color: #448AFF;
}
mat-checkbox.gsp-checkbox-accent.mat-mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  color: #FFFFFF;
}
.mdc-form-field .mdc-radio {
  --mdc-radio-state-layer-size: 28px;
}
mat-form-field.gsp-angular-modernization.mat-form-field-appearance-outline,
mat-form-field.gsp-mat-form-field--textarea.mat-form-field-appearance-outline {
  width: 100%;
}
mat-form-field.gsp-angular-modernization.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
mat-form-field.gsp-mat-form-field--textarea.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper {
  padding: 0;
}
mat-form-field.gsp-angular-modernization.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,
mat-form-field.gsp-mat-form-field--textarea.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix {
  padding: 8px;
}
mat-form-field.gsp-angular-modernization.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix textarea,
mat-form-field.gsp-mat-form-field--textarea.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix textarea {
  min-height: 100px;
  line-height: 1.2;
}
mat-form-field.gsp-angular-modernization.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix textarea::-webkit-input-placeholder,
mat-form-field.gsp-mat-form-field--textarea.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.4196078431);
}
mat-form-field.gsp-angular-modernization.mat-form-field-appearance-outline .mat-mdc-form-field-text-prefix,
mat-form-field.gsp-mat-form-field--textarea.mat-form-field-appearance-outline .mat-mdc-form-field-text-prefix {
  top: -6px;
}
mat-form-field.gsp-angular-modernization .mat-mdc-form-field-infix .mat-mdc-input-element::-webkit-input-placeholder,
mat-form-field.gsp-mat-form-field--textarea .mat-mdc-form-field-infix .mat-mdc-input-element::-webkit-input-placeholder {
  color: #e0e0e0;
}
mat-form-field.gsp-angular-modernization.gsp-hide-subscript .mat-mdc-form-field-subscript-wrapper,
mat-form-field.gsp-mat-form-field--textarea.gsp-hide-subscript .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.stripe-card-element-container {
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  margin-bottom: 28px;
}
.stripe-card-element-container .StripeElement {
  border: 1px solid transparent;
  padding: 12px;
}
.stripe-card-element-container:hover {
  border-color: #000000;
}
.stripe-card-element-container--focused {
  border-color: #448AFF;
}
.stripe-card-element-container--focused .StripeElement {
  border-color: #448AFF;
}
.stripe-card-element-container--focused:hover {
  border-color: #448AFF;
}
.gsp-mat-form-field-hide-notch .mdc-notched-outline__notch {
  display: none;
}
.gsp-label-quantity-input {
  max-width: 80px;
}
.gsp-mat-checkbox-group {
  display: flex;
  flex-direction: column;
  padding-left: 16px;
  margin-top: 16px;
}
.gsp-mat-checkbox-group mat-checkbox {
  margin-bottom: 8px;
}
.gsp-mat-checkbox-group .mdc-form-field {
  display: flex;
}
.gsp-mat-checkbox-group .mdc-label {
  flex: 1;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 8px;
  margin: 0 8px 0 0;
}
.gsp-fulfillment-slider,
.gsp-fulfillment-slider--override.mat-mdc-slider,
.gsp-item-fulfillment-slider.mat-mdc-slider {
  margin-left: 0;
  margin-right: 0;
  touch-action: manipulation;
}
.gsp-fulfillment-slider .mdc-slider__thumb-knob,
.gsp-fulfillment-slider--override.mat-mdc-slider .mdc-slider__thumb-knob,
.gsp-item-fulfillment-slider.mat-mdc-slider .mdc-slider__thumb-knob {
  border-color: white;
}
.gsp-item-fulfillment-slider.mat-mdc-slider .mdc-slider__track--active .mdc-slider__track--active_fill {
  border-color: #005ce5;
}
.gsp-fulfillment-slider--override.mat-mdc-slider .mdc-slider__track--active .mdc-slider__track--active_fill {
  border-color: #ff8800;
}
.gsp-terms-preview-content ul,
.gsp-terms-preview-content ol {
  margin: 8px 0;
}
.gsp-terms-preview-content ul li,
.gsp-terms-preview-content ol li {
  margin-bottom: 4px;
  display: list-item;
}
.gsp-terms-preview-content ul,
.gsp-terms-preview-content * ul {
  list-style: disc;
}
.gsp-terms-preview-content ol,
.gsp-terms-preview-content * ol {
  list-style: decimal;
}
.gsp-terms-preview-content * li {
  display: list-item;
}
a.gsp-text-link,
a.gsp-text-link--no-underline-no-color,
a.gsp-text-link--no-underline,
a.gsp-text-link--small {
  text-decoration: underline;
  color: #448AFF !important;
}
a.gsp-text-link:hover,
a.gsp-text-link--no-underline-no-color:hover,
a.gsp-text-link--no-underline:hover,
a.gsp-text-link--small:hover {
  cursor: pointer;
}
a.gsp-text-link--small {
  font-size: 12px;
}
a.gsp-text-link--no-underline {
  text-decoration: none;
}
a.gsp-text-link--no-underline-no-color {
  color: #263238 !important;
  text-decoration: none;
}
.gsp-spinner-container {
  background: white;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gsp-spinner-container p {
  padding-bottom: 16px;
}
.gsp-placeholder-spacer--non-mat-table,
.gsp-placeholder-spacer-circle {
  background-color: #607d8b;
  border-radius: 20px;
  height: 16px;
  width: 100%;
  background-image:
    linear-gradient(
      to right,
      #607d8b 0%,
      #a4c5d5 20%,
      #607d8b 40%,
      #607d8b 100%);
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  animation: 1.5s linear infinite forwards placeholderShimmer;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
}
.gsp-placeholder-spacer--non-mat-table.grey,
.grey.gsp-placeholder-spacer-circle {
  opacity: 0.1;
}
.gsp-placeholder-spacer--non-mat-table.spaced-apart,
.spaced-apart.gsp-placeholder-spacer-circle {
  margin-top: 4px;
  margin-bottom: 4px;
}
.gsp-placeholder-spacer--non-mat-table.width-30,
.width-30.gsp-placeholder-spacer-circle {
  width: 30%;
}
.gsp-placeholder-spacer--non-mat-table.width-70,
.width-70.gsp-placeholder-spacer-circle {
  width: 70%;
}
.gsp-placeholder-spacer-circle {
  width: 16px;
  height: 16px;
}
.gsp-margin-xs {
  margin: 4px;
}
.gsp-margin-top-xs {
  margin-top: 4px;
}
.gsp-margin-left-xs {
  margin-left: 4px;
}
.gsp-margin-right-xs {
  margin-right: 4px;
}
.gsp-margin-bottom-xs {
  margin-bottom: 4px;
}
.gsp-margin-vertical-xs {
  margin-top: 4px;
  margin-bottom: 4px;
}
.gsp-margin-horizontal-xs {
  margin-left: 4px;
  margin-right: 4px;
}
.gsp-margin-sm {
  margin: 8px;
}
.gsp-margin-top-sm {
  margin-top: 8px;
}
.gsp-margin-left-sm {
  margin-left: 8px;
}
.gsp-margin-right-sm {
  margin-right: 8px;
}
.gsp-margin-bottom-sm {
  margin-bottom: 8px;
}
.gsp-margin-vertical-sm {
  margin-top: 8px;
  margin-bottom: 8px;
}
.gsp-margin-horizontal-sm {
  margin-left: 8px;
  margin-right: 8px;
}
.gsp-margin {
  margin: 16px;
}
.gsp-margin-half {
  margin: 8px;
}
.gsp-margin-quarter {
  margin: 4px;
}
.gsp-margin-top {
  margin-top: 16px;
}
.gsp-margin-top-half {
  margin-top: 8px;
}
.gsp-margin-top-quarter {
  margin-top: 4px;
}
.gsp-margin-left {
  margin-left: 16px;
}
.gsp-margin-left-half {
  margin-left: 8px;
}
.gsp-margin-left-quarter {
  margin-left: 4px;
}
.gsp-margin-right {
  margin-right: 16px;
}
.gsp-margin-right-half {
  margin-right: 8px;
}
.gsp-margin-right-quarter {
  margin-right: 4px;
}
.gsp-margin-bottom {
  margin-bottom: 16px;
}
.gsp-margin-bottom-half {
  margin-bottom: 8px;
}
.gsp-margin-bottom-three-quarters {
  margin-bottom: 12px;
}
.gsp-margin-bottom-quarter {
  margin-bottom: 4px;
}
.gsp-margin-bottom-three-halves {
  margin-bottom: 24px;
}
.gsp-margin-lg {
  margin: 32px;
}
.gsp-margin-top-lg {
  margin-top: 32px;
}
.gsp-margin-left-lg {
  margin-left: 32px;
}
.gsp-margin-right-lg {
  margin-right: 32px;
}
.gsp-margin-bottom-lg {
  margin-bottom: 32px;
}
.gsp-margin-vertical-lg {
  margin-top: 32px;
  margin-bottom: 32px;
}
.gsp-margin-horizontal-lg {
  margin-left: 32px;
  margin-right: 32px;
}
.gsp-margin-xl {
  margin: 48px;
}
.gsp-margin-top-xl {
  margin-top: 48px;
}
.gsp-margin-left-xl {
  margin-left: 48px;
}
.gsp-margin-right-xl {
  margin-right: 48px;
}
.gsp-margin-bottom-xl {
  margin-bottom: 48px;
}
.gsp-margin-vertical-xl {
  margin-top: 48px;
  margin-bottom: 48px;
}
.gsp-margin-horizontal-xl {
  margin-left: 48px;
  margin-right: 48px;
}
.gsp-mat-backdrop--wrapper {
  background-color: rgba(211, 224, 231, 0.3);
  height: 100%;
  display: flex;
  flex-direction: column;
}
.gsp-mat-backdrop--wrapper .gsp-mat-backdrop-search {
  padding: 14px 16px;
  font-size: 14px;
}
.gsp-mat-backdrop--wrapper .gsp-mat-backdrop-search .mat-mdc-form-field {
  width: 100%;
}
.gsp-mat-backdrop--wrapper .gsp-mat-backdrop-back-sheet mat-expansion-panel {
  background: none;
}
.gsp-mat-backdrop--wrapper .gsp-mat-backdrop-top-sheet {
  background-color: white;
  border-radius: 10px 10px 0 0;
  box-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.gsp-mat-backdrop--wrapper .gsp-mat-backdrop-top-sheet-toolbar {
  padding: 8px 16px;
}
.gsp-mat-backdrop--wrapper .gsp-mat-backdrop-top-sheet-toolbar .mat-caption {
  color: #78909c;
  line-height: 16px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.gsp-mat-backdrop--wrapper .gsp-mat-backdrop-top-sheet-scroll-section {
  display: flex;
  flex-direction: column;
  overflow: scroll;
  flex: 1 1 auto;
}
.gsp-mat-backdrop--wrapper .gsp-top-sheet-results-tab .mat-mdc-tab {
  width: 50%;
}
.gsp-mat-backdrop--wrapper .mat-mdc-list-base {
  padding-top: 0;
}
.gsp-mat-calendar .mat-calendar-header .mat-calendar-controls {
  background-color: #b0bec5;
  color: white;
}
.gsp-mat-calendar .mat-calendar-header .mat-calendar-controls .mat-button-wrapper svg {
  fill: white;
}
.gsp-calendar-wrapper {
  width: 250px;
  display: flex;
  flex-direction: column;
  padding-bottom: 8px;
  background: #ffffff;
}
.gsp-calendar-wrapper div.gsp-mat-calendar-footer {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
}
.gsp-calendar-wrapper div.gsp-mat-calendar-footer span.gsp-green-square {
  background-color: #37bc9b;
  width: 16px;
  height: 8px;
  flex-grow: 0;
}
.gsp-calendar-wrapper div.gsp-mat-calendar-footer span.gsp-mat-calendar-footer-text {
  font-size: 10px;
  color: #000000;
  line-height: 12px;
}
.gsp-calendar-wrapper button.gsp-calendar-date-tracked:not(.mat-calendar-body-in-range) {
  background-color: #37bc9b;
  border-radius: 100%;
}
.gsp-calendar-wrapper button.gsp-calendar-date-tracked.mat-calendar-body-in-range .mat-calendar-body-cell-content {
  border: 1px solid #37bc9b;
}
.gsp-calendar-wrapper .mat-calendar-body-in-range .mat-calendar-body-cell-content,
.gsp-calendar-wrapper .mat-calendar-body-in-range::before {
  background-color: rgb(215, 227, 255);
  z-index: 1;
}
.gsp-calendar-wrapper .mat-calendar-body-range-end > .mat-calendar-body-selected,
.gsp-calendar-wrapper .mat-calendar-body-range-start > .mat-calendar-body-selected,
.gsp-calendar-wrapper .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background-color: rgb(0, 92, 187);
  color: #ffffff;
  z-index: 2;
  position: relative;
}
.gsp-calendar-date-icon--checkmark,
.mat-calendar-body-cell.gsp-calendar-cell-date-icon--scheduled .mat-calendar-body-cell-content::after {
  transform: rotate(45deg);
  height: 8px;
  width: 4px;
  border-bottom: 1px solid #37bc9b;
  border-right: 1px solid #37bc9b;
}
.gsp-calendar-date-icon--dash,
.mat-calendar-body-cell.gsp-calendar-cell-date-icon--unscheduled .mat-calendar-body-cell-content::after {
  display: inline-block;
  height: 1px;
  width: 8px;
  border-bottom: 1px solid #78909c;
}
.gsp-calendar-date-icon--dashed-circle,
.mat-calendar-body-cell.gsp-calendar-cell-date-icon--conflict .mat-calendar-body-cell-content::after {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px dashed #da4453;
}
.mat-calendar-body-cell {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mat-calendar-body-cell .mat-calendar-body-cell-content {
  display: flex;
  flex-direction: column;
  position: static;
  z-index: 0;
  height: 32px;
}
.mat-calendar-body-cell .mat-calendar-body-cell-content.mat-focus-indicator {
  position: static;
}
.mat-calendar-body-cell .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background: #448AFF;
  color: white;
}
.mat-calendar-body-cell.gsp-calendar-cell-date-icon--scheduled .mat-calendar-body-cell-content::after {
  position: absolute;
  content: "";
  top: 23px;
  left: 21px;
}
.mat-calendar-body-cell.gsp-calendar-cell-date-icon--unscheduled .mat-calendar-body-cell-content::after {
  position: relative;
  content: "";
  top: 4px;
}
.mat-calendar-body-cell.gsp-calendar-cell-date-icon--conflict .mat-calendar-body-cell-content::after {
  content: "";
  position: absolute;
}
.mat-calendar-body-cell.gsp-calendar-cell-date-icon--conflict .mat-calendar-body-cell-content.mat-focus-indicator {
  width: 28px;
  height: 28px;
}
.mat-calendar-body-cell.gsp-calendar-cell-date-icon--scheduled:has(.mat-calendar-body-selected) .mat-calendar-body-cell-content::after,
.mat-calendar-body-cell.gsp-calendar-cell-date-icon--unscheduled:has(.mat-calendar-body-selected) .mat-calendar-body-cell-content::after {
  border-color: white;
}
.accented-chips .mat-chip-list-wrapper .mat-mdc-chip,
.gsp-editable-table-cell--with-chips.editing div .gsp-mat-chip-list--dense .mat-chip-list-wrapper .mat-mdc-chip,
.gsp-mat-chip-list--dense.hover:hover .mat-chip-list-wrapper .mat-mdc-chip {
  background-color: #bbdefb;
  color: #448AFF;
  transition: all 0.2s ease;
}
.accented-chips .mat-chip-list-wrapper .mat-mdc-chip.mat-mdc-standard-chip:hover:after,
.gsp-editable-table-cell--with-chips.editing div .gsp-mat-chip-list--dense .mat-chip-list-wrapper .mat-mdc-chip.mat-mdc-standard-chip:hover:after,
.gsp-mat-chip-list--dense.hover:hover .mat-chip-list-wrapper .mat-mdc-chip.mat-mdc-standard-chip:hover:after {
  background-color: #bbdefb;
}
.mat-chip-list-inline-edit-container {
  display: flex;
  height: 100%;
  width: 100%;
}
.gsp-mat-chip-list--dense {
  display: flex;
  height: 100%;
  width: 100%;
}
.gsp-mat-chip-list--dense.hover:hover {
  cursor: pointer;
}
.gsp-mat-chip-list--dense .mat-chip-list-wrapper .mat-mdc-chip {
  margin: 2px;
  padding: 0 8px;
  min-height: 24px;
}
.gsp-mat-chip-list--dense .mat-chip-list-wrapper .mat-mdc-chip.mat-mdc-standard-chip:after {
  transition: none;
}
.gsp-mat-chip-list-horizontal-scroll {
  display: flex;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  margin-right: -16px;
}
.gsp-mat-chip-list-horizontal-scroll .mat-chip-list-wrapper,
.gsp-mat-chip-list-horizontal-scroll .mdc-evolution-chip-set__chips {
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow-x: auto;
  flex-wrap: nowrap;
  padding-right: 16px;
}
.gsp-mat-chip-list-horizontal-scroll .mat-chip-list-wrapper .mat-mdc-chip,
.gsp-mat-chip-list-horizontal-scroll .mdc-evolution-chip-set__chips .mat-mdc-chip {
  flex-shrink: 0;
}
.gsp-mat-chip-option--transparent .mat-mdc-chip {
  background-color: transparent !important;
  color: #F5F9FA !important;
}
.gsp-mat-drawer-no-border {
  border: none !important;
}
.mat-accordion.gsp-mat-accordion-sm .mat-expansion-panel-header {
  height: 32px;
}
.mat-accordion.gsp-mat-accordion-md .mat-expansion-panel-header {
  height: 40px;
}
.mat-mdc-form-field {
  font-size: 14px;
}
.mat-mdc-form-field-flex:hover [class*=mat-form-field-outline-] {
  border-color: #005ce5;
}
.gsp-admin-form .mdc-form-field .mdc-label {
  color: white;
}
mat-hint.mat-mdc-form-field-hint {
  font-size: 12px;
}
.gsp-set-asides-resolution-container .gsp-category-filter-expansion-panel-search .mat-mdc-form-field .mdc-floating-label,
.gsp-set-asides-resolution-container .gsp-attribute-filter-expansion-panel-search .mat-mdc-form-field .mdc-floating-label {
  left: 48px;
}
.gsp-set-asides-resolution-container .gsp-category-filter-expansion-panel-search .mat-mdc-form-field .mdc-floating-label.mdc-floating-label--float-above,
.gsp-set-asides-resolution-container .gsp-attribute-filter-expansion-panel-search .mat-mdc-form-field .mdc-floating-label.mdc-floating-label--float-above {
  left: 48px;
}
.mat-form-field-disabled .mdc-text-field.mdc-text-field--disabled .mat-mdc-form-field-flex .mdc-notched-outline--notched {
  z-index: 1;
  background: transparent;
}
.mat-form-field-disabled .mdc-text-field.mdc-text-field--disabled .mat-mdc-form-field-flex .mdc-notched-outline--notched .mdc-notched-outline__leading {
  background: transparent;
}
.mat-form-field-disabled .mdc-text-field.mdc-text-field--disabled .mat-mdc-form-field-flex .mdc-notched-outline--notched .mdc-notched-outline__notch {
  background: transparent;
}
.mat-form-field-disabled .mdc-text-field.mdc-text-field--disabled .mat-mdc-form-field-flex .mdc-notched-outline--notched .mdc-notched-outline__trailing {
  background: transparent;
}
.mat-form-field-disabled .mdc-text-field.mdc-text-field--disabled .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  color: #aaaaaa;
  background-color: #F5F5F5;
  border-radius: 4px;
}
mat-icon.size-8 {
  height: 8px;
  width: 8px;
  font-size: 8px;
  line-height: 8px !important;
  vertical-align: middle;
}
mat-icon.size-10 {
  height: 10px;
  width: 10px;
  font-size: 10px;
  line-height: 10px !important;
  vertical-align: middle;
}
mat-icon.size-12 {
  height: 12px;
  width: 12px;
  font-size: 12px;
  line-height: 12px !important;
  vertical-align: middle;
}
mat-icon.size-14 {
  height: 14px;
  width: 14px;
  font-size: 14px;
  line-height: 14px !important;
  vertical-align: middle;
}
mat-icon.size-16,
.gsp-radio-toggle-button.mat-mdc-radio-button .mdc-form-field > label mat-icon.gsp-radio-toggle-icon {
  height: 16px;
  width: 16px;
  font-size: 16px;
  line-height: 16px !important;
  vertical-align: middle;
}
mat-icon.size-18 {
  height: 18px;
  width: 18px;
  font-size: 18px;
  line-height: 18px !important;
  vertical-align: middle;
}
mat-icon.size-20 {
  height: 20px;
  width: 20px;
  font-size: 20px;
  line-height: 20px !important;
  vertical-align: middle;
}
mat-icon.size-22 {
  height: 20px;
  width: 20px;
  font-size: 20px;
  line-height: 20px !important;
  vertical-align: middle;
}
mat-icon.size-24 {
  height: 24px;
  width: 24px;
  font-size: 24px;
  line-height: 24px !important;
  vertical-align: middle;
}
mat-icon.size-32 {
  height: 32px;
  width: 32px;
  font-size: 32px;
  line-height: 32px !important;
  vertical-align: middle;
}
mat-icon.size-36 {
  height: 36px;
  width: 36px;
  font-size: 36px;
  line-height: 36px !important;
  vertical-align: middle;
}
mat-icon.size-48 {
  height: 48px;
  width: 48px;
  font-size: 48px;
  line-height: 48px !important;
  vertical-align: middle;
}
mat-icon.size-64 {
  height: 64px;
  width: 64px;
  font-size: 64px;
  line-height: 64px !important;
  vertical-align: middle;
}
mat-icon.size-72 {
  height: 72px;
  width: 72px;
  font-size: 72px;
  line-height: 72px !important;
  vertical-align: middle;
}
mat-icon.size-80 {
  height: 80px;
  width: 80px;
  font-size: 80px;
  line-height: 80px !important;
  vertical-align: middle;
}
mat-icon.size-96 {
  height: 96px;
  width: 96px;
  font-size: 96px;
  line-height: 96px !important;
  vertical-align: middle;
}
mat-icon.size-144 {
  height: 144px;
  width: 144px;
  font-size: 144px;
  line-height: 144px !important;
  vertical-align: middle;
}
.gsp-clear-input-icon {
  transform: scale(0.8);
  color: rgba(96, 125, 139, 0.4);
  line-height: 0;
}
.gsp-drag-indicator-icon {
  color: #ffffff;
  cursor: pointer;
}
.gsp-neutral-50-mat-icon {
  color: #F5F9FA !important;
}
.gsp-insurance-icon {
  color: #146CFF;
  height: 14px;
  width: 14px;
  font-size: 14px;
  line-height: 14px !important;
  vertical-align: middle;
}
.mat-mdc-list-item.mat-mdc-list-option {
  border-left: 3px solid transparent;
  box-sizing: border-box;
}
.mat-mdc-list-item.mat-mdc-list-option.divider {
  border-bottom: 1px solid #ebebeb;
}
.mat-mdc-list-item.mat-mdc-list-option.mdc-list-item--selected {
  background-color: #e3f2fd;
  border-left: 3px solid #448AFF;
}
.mat-mdc-list-item.mat-mdc-list-option .mdc-list-item__primary-text {
  padding-right: 0;
}
.gsp-mat-list-option-style-override .mdc-list-item__secondary-text::before {
  display: none;
}
.gsp-mat-list-option-style-override.mat-mdc-list-item.mat-mdc-list-option.mdc-list-item {
  height: auto;
}
.gsp-mat-list-option-style-override.readonly {
  pointer-events: none;
}
.gsp-mat-list-option-style-override.readonly span {
  pointer-events: none;
}
.mat-mdc-list-base.gsp-mat-nav-list {
  display: flex !important;
  flex-direction: column;
  padding: 8px;
  gap: 8px;
}
.mat-mdc-list-base.gsp-mat-nav-list .mat-mdc-list-item {
  margin: 0 !important;
}
.mat-mdc-list-base.gsp-mat-nav-list .inset .mat-mdc-list-item.selected {
  background-color: transparent;
  color: #448AFF;
}
.mat-mdc-list .mat-mdc-list-item.gsp-flex-row .mdc-list-item__content .mat-mdc-list-item-unscoped-content,
.mat-mdc-list .mat-mdc-list-item.gsp-flex-row .mdc-list-item__content .mdc-list-item__primary-text,
.mat-mdc-list-base .mat-mdc-list-item.gsp-flex-row .mdc-list-item__content .mat-mdc-list-item-unscoped-content,
.mat-mdc-list-base .mat-mdc-list-item.gsp-flex-row .mdc-list-item__content .mdc-list-item__primary-text {
  display: flex;
  flex-direction: row;
}
.gsp-mobile-fulfillment-opt-group .mat-mdc-optgroup-label {
  background-color: #F5F5F5;
  font-size: 10px;
  font-weight: 500;
  line-height: 15px;
  text-transform: uppercase;
  color: #455a64;
  min-height: fit-content;
  padding: 2px 8px;
}
.gsp-mat-paginator--center .mat-mdc-paginator-container {
  justify-content: center;
}
.gsp-radio-group-vertical {
  display: flex;
  flex-direction: column;
}
.gsp-radio-group-vertical mat-radio-button {
  margin-bottom: 8px;
}
.gsp-radio-group-vertical .mat-radio-disabled {
  color: #607d8b;
}
.gsp-mat-radio-multiline-label {
  margin-bottom: 16px;
}
.gsp-mat-radio-multiline-label .mdc-label {
  display: flex;
  flex-direction: column;
  align-items: unset;
  font-size: 14px;
  line-height: 1.43;
}
.gsp-mat-radio-multiline-label .mdc-label span:last-child {
  font-size: 12px;
  line-height: 1.17;
}
.gsp-mat-radio-multiline-label:not(.mat-radio-disabled) .mdc-label span:last-child {
  color: #607d8b;
}
.gsp-mat-radio-group.mat-mdc-radio-group,
.mat-mdc-radio-group.gsp-mat-radio-group--row {
  display: flex;
  flex-direction: column;
}
.gsp-mat-radio-group.mat-mdc-radio-group .mat-mdc-radio-button,
.mat-mdc-radio-group.gsp-mat-radio-group--row .mat-mdc-radio-button {
  width: 100%;
  padding-bottom: 8px;
  display: flex;
  flex-direction: row-reverse;
}
.gsp-mat-radio-group.mat-mdc-radio-group .mat-mdc-radio-button .mdc-label,
.mat-mdc-radio-group.gsp-mat-radio-group--row .mat-mdc-radio-button .mdc-label {
  width: 100%;
}
.gsp-mat-radio-group.mat-mdc-radio-group .mat-mdc-radio-button .mdc-form-field,
.mat-mdc-radio-group.gsp-mat-radio-group--row .mat-mdc-radio-button .mdc-form-field {
  width: 100%;
}
.gsp-mat-radio-group.mat-mdc-radio-group .mat-mdc-radio-button .mdc-radio,
.mat-mdc-radio-group.gsp-mat-radio-group--row .mat-mdc-radio-button .mdc-radio {
  padding: 2px;
}
.gsp-mat-radio-group.mat-mdc-radio-group.sm,
.mat-mdc-radio-group.sm.gsp-mat-radio-group--row {
  font-size: 14px;
}
.gsp-mat-radio-group.mat-mdc-radio-group.lg.mat-mdc-radio-group,
.mat-mdc-radio-group.lg.mat-mdc-radio-group.gsp-mat-radio-group--row {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.gsp-mat-radio-group.mat-mdc-radio-group.lg.mat-mdc-radio-group .mat-mdc-radio-button .mdc-label,
.mat-mdc-radio-group.lg.mat-mdc-radio-group.gsp-mat-radio-group--row .mat-mdc-radio-button .mdc-label {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.gsp-mat-radio-group--reverse.mat-mdc-radio-group .mat-mdc-radio-button .mdc-form-field {
  display: flex;
  flex-direction: row-reverse;
}
.gsp-mat-radio-group--reverse.lg.mat-mdc-radio-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.gsp-mat-radio-group--reverse.lg.mat-mdc-radio-group .mat-mdc-radio-button .mdc-label {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.gsp-mat-radio-group--row.mat-mdc-radio-group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.gsp-mat-radio-group--row.mat-mdc-radio-group .mdc-label {
  color: #F5F9FA;
}
.gsp-mat-radio-group--row.mat-mdc-radio-group .mat-mdc-radio-button {
  width: fit-content;
}
.gsp-mat-radio-group--row.mat-mdc-radio-group .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: #F5F9FA;
}
.gsp-mat-radio-group--outlined,
.gsp-mat-radio-group--store-location {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.gsp-mat-radio-group--outlined .mat-mdc-radio-button,
.gsp-mat-radio-group--store-location .mat-mdc-radio-button {
  width: 100%;
  border: 2px solid #eceff1;
  border-radius: 4px;
  cursor: pointer;
}
.gsp-mat-radio-group--outlined .mat-mdc-radio-button .mdc-radio,
.gsp-mat-radio-group--store-location .mat-mdc-radio-button .mdc-radio {
  padding-left: 16px;
}
.gsp-mat-radio-group--outlined .mat-mdc-radio-button .mdc-label,
.gsp-mat-radio-group--store-location .mat-mdc-radio-button .mdc-label {
  padding: 16px 16px 16px 4px;
  box-sizing: border-box;
  cursor: pointer;
}
.gsp-mat-radio-group--outlined .mat-mdc-radio-button.mat-mdc-radio-checked,
.gsp-mat-radio-group--store-location .mat-mdc-radio-button.mat-mdc-radio-checked {
  border: 2px solid #448AFF;
}
.gsp-mat-radio-group--outlined .mat-mdc-radio-button.mat-mdc-radio-button-border-radius-lg,
.gsp-mat-radio-group--store-location .mat-mdc-radio-button.mat-mdc-radio-button-border-radius-lg {
  border-radius: 8px;
}
.gsp-mat-radio-group--outlined .gsp-radio-title,
.gsp-mat-radio-group--store-location .gsp-radio-title {
  font-size: 16px;
  padding: 0;
  margin: 0;
  color: #37474f;
  white-space: pre-wrap;
}
.gsp-mat-radio-group--outlined .gsp-radio-description,
.gsp-mat-radio-group--store-location .gsp-radio-description {
  color: #78909c;
  padding: 0;
  margin: 0;
  white-space: pre-wrap;
}
.gsp-mat-radio-group--store-location {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 959px) {
  .gsp-mat-radio-group--store-location {
    flex-direction: column;
  }
}
.gsp-mat-radio-group--store-location .mat-mdc-radio-button {
  width: auto;
  min-width: 250px;
  height: 96px;
  display: flex;
}
.gsp-mat-radio-group-border {
  display: flex;
  flex-direction: column;
  padding-left: 32px;
  margin-top: 16px;
}
.gsp-mat-radio-group-border mat-radio-button {
  margin-bottom: 16px;
}
.gsp-mat-radio-group-border .mdc-form-field {
  display: flex;
}
.gsp-mat-radio-group-border .mdc-label {
  flex: 1;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 8px;
  margin: 0 8px 0 0;
}
.gsp-date-preset-option.mat-mdc-radio-button {
  margin-right: 0;
  margin-bottom: 0;
}
.gsp-date-preset-option.mat-mdc-radio-button .mdc-radio,
.gsp-date-preset-option.mat-mdc-radio-button .mat-mdc-radio-ripple {
  display: none;
}
.gsp-date-preset-option.mat-mdc-radio-button.wider-label .mdc-form-field > label {
  min-width: 130px;
}
.gsp-date-preset-option.mat-mdc-radio-button .mdc-form-field > label {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  background-color: #ffffff;
  border: 1px solid #BAD0D7;
  border-radius: 99px;
  padding: 8px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  min-width: 80px;
  color: #1F4253;
  margin: 0;
}
.gsp-date-preset-option.mat-mdc-radio-button .mdc-form-field > label:hover {
  border-color: #146CFF;
  background-color: #EDF4FF;
}
.gsp-date-preset-option.mat-mdc-radio-button .mdc-form-field > label:focus {
  outline: 2px solid #A4C6FF;
}
.gsp-date-preset-option.mat-mdc-radio-button.mat-mdc-radio-checked .mdc-form-field > label {
  border-color: #146CFF;
  color: #146CFF;
  font-weight: 600;
}
.gsp-date-preset-option.mat-mdc-radio-button.mat-mdc-radio-disabled .mdc-form-field > label {
  background-color: #E8EEF0;
  border-color: #D4E0E4;
  color: #9BBAC3;
  cursor: not-allowed;
}
.gsp-date-preset-option.mat-mdc-radio-button.mat-mdc-radio-disabled .mdc-form-field > label:hover {
  background-color: #E8EEF0;
  border-color: #D4E0E4;
  color: #9BBAC3;
}
.gsp-radio-toggle-button.mat-mdc-radio-button {
  margin-right: 0;
  margin-bottom: 0;
}
.gsp-radio-toggle-button.mat-mdc-radio-button .mdc-radio,
.gsp-radio-toggle-button.mat-mdc-radio-button .mat-mdc-radio-ripple {
  display: none;
}
.gsp-radio-toggle-button.mat-mdc-radio-button .mdc-form-field {
  padding: 0;
  width: 100%;
}
.gsp-radio-toggle-button.mat-mdc-radio-button .mdc-form-field > label {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  background-color: #ffffff;
  border: 1px solid #BAD0D7;
  border-radius: 99px;
  padding: 12px 0px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  text-align: center;
  min-width: 80px;
  color: #05151D;
  margin: 0;
  white-space: nowrap;
  letter-spacing: 0.5px;
}
.gsp-radio-toggle-button.mat-mdc-radio-button .mdc-form-field > label:hover {
  border-color: #9BBAC3;
  background-color: #F5F9FA;
}
.gsp-radio-toggle-button.mat-mdc-radio-button .mdc-form-field > label:focus {
  outline: 2px solid #A4C6FF;
}
.gsp-radio-toggle-button.mat-mdc-radio-button .mdc-form-field > label .gsp-radio-toggle-icon {
  display: none;
  color: #146CFF;
}
.gsp-radio-toggle-button.mat-mdc-radio-button.mat-mdc-radio-checked .mdc-form-field > label {
  border-color: #146CFF;
  border-width: 2px;
  color: #146CFF;
  font-weight: 600;
}
.gsp-radio-toggle-button.mat-mdc-radio-button.mat-mdc-radio-checked .mdc-form-field > label .gsp-radio-toggle-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.gsp-radio-toggle-button.mat-mdc-radio-button.mat-mdc-radio-disabled .mdc-form-field > label {
  background-color: #E8EEF0;
  border-color: #D4E0E4;
  color: #9BBAC3;
  cursor: not-allowed;
}
.gsp-radio-toggle-button.mat-mdc-radio-button.mat-mdc-radio-disabled .mdc-form-field > label:hover {
  background-color: #E8EEF0;
  border-color: #D4E0E4;
  color: #9BBAC3;
}
.gsp-radio-toggle-button.mat-mdc-radio-button.gsp-radio-toggle-button--half {
  flex: 1;
}
.gsp-radio-toggle-button.mat-mdc-radio-button.gsp-radio-toggle-button--half .mdc-form-field > label {
  width: 100%;
}
.gsp-radio-toggle-button.mat-mdc-radio-button.gsp-radio-toggle-button--third {
  flex: 1;
}
.gsp-radio-toggle-button.mat-mdc-radio-button.gsp-radio-toggle-button--third .mdc-form-field > label {
  width: 100%;
}
.gsp-radio-toggle-button.mat-mdc-radio-button.gsp-radio-toggle-button--third .mdc-form-field > label .gsp-radio-toggle-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #05151D;
}
.gsp-radio-toggle-button.mat-mdc-radio-button.gsp-radio-toggle-button--third.mat-mdc-radio-checked .mdc-form-field > label .gsp-radio-toggle-icon {
  color: #146CFF;
}
.gsp-radio-toggle-button.mat-mdc-radio-button.gsp-radio-toggle-button--full {
  width: 100%;
}
.gsp-radio-toggle-button.mat-mdc-radio-button.gsp-radio-toggle-button--full .mdc-form-field > label {
  width: 100%;
}
.gsp-onboarding-stepper-dialog .mat-mdc-dialog-container {
  border-radius: 8px;
  padding: 0;
  background-color: transparent;
}
.gsp-onboarding-stepper.mat-stepper-vertical {
  width: 260px;
  height: 353px;
  padding: 8px;
  background-color: #002864;
  border-radius: 8px 0 0 8px;
}
.gsp-onboarding-stepper.mat-stepper-vertical .mat-vertical-content {
  padding: 0;
}
.gsp-onboarding-stepper.mat-stepper-vertical .mat-step-header {
  padding: 16px;
}
.gsp-onboarding-stepper.mat-stepper-vertical .mat-step-header:has(.mat-step-icon-selected) {
  border-radius: 6px;
  background-color: #00388b;
}
.gsp-onboarding-stepper.mat-stepper-vertical .mat-step-header .mat-step-icon {
  background: none;
  color: white;
  font-size: 24px;
}
.gsp-onboarding-stepper.mat-stepper-vertical .mat-step-header .mat-step-icon .mat-icon {
  font-size: 24px;
  width: 24px;
  height: 24px;
}
.gsp-onboarding-stepper.mat-stepper-vertical .mat-step-header .mat-step-label {
  color: white;
  font-size: 12px;
}
.gsp-onboarding-stepper-step-container {
  width: 520px;
  height: 353px;
  background-color: #00327d;
  color: white;
  border-radius: 0 8px 8px 0;
  display: flex;
  flex-direction: column;
}
.gsp-onboarding-stepper-step-container .gsp-onboarding-stepper-content-title {
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 16px;
}
.gsp-onboarding-stepper-step-container .gsp-onboarding-stepper-content {
  flex-direction: row;
  box-sizing: border-box;
  display: flex;
  place-content: center;
  align-items: center;
  flex: 1 1 auto;
}
.gsp-onboarding-stepper-step-container .gsp-onboarding-stepper-content .gsp-mat-form-field {
  color: black;
}
.gsp-onboarding-stepper-step-container .gsp-onboarding-stepper-content mat-checkbox .mdc-checkbox__checkmark {
  border-color: white;
}
.gsp-onboarding-stepper-step-container .gsp-onboarding-stepper-content-footer {
  height: 52px;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  text-align: right;
  display: flex;
  flex-direction: row;
  place-content: center flex-end;
  align-items: center;
  padding-right: 12px;
}
.gsp-mat-stepper-header--disabled .mat-step .mat-vertical-stepper-header {
  pointer-events: none !important;
}
.gsp-mat-stepper-header--disabled .mat-horizontal-stepper-header-container .mat-horizontal-stepper-header {
  pointer-events: none !important;
}
.gsp-mat-horizontal-stepper {
  height: 100%;
}
.gsp-mat-horizontal-stepper .mat-horizontal-stepper-wrapper {
  height: 100%;
}
.gsp-mat-horizontal-stepper .mat-horizontal-stepper-wrapper .mat-horizontal-content-container {
  padding: 0;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.gsp-mat-horizontal-stepper .mat-horizontal-stepper-wrapper .mat-horizontal-content-container .mat-horizontal-stepper-content:not(.mat-horizontal-stepper-content-inactive) {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.gsp-mat-horizontal-stepper .mat-horizontal-stepper-header-container .mat-step-icon {
  background-color: #448AFF;
  color: #ffffff;
}
.gsp-mat-horizontal-stepper .mat-horizontal-stepper-header-container .mat-step-icon-state-done {
  background-color: #37bc9b;
}
@media (max-width: 959px) {
  .gsp-mat-horizontal-stepper .mat-horizontal-stepper-header-container .mat-step-label {
    min-width: 0;
    display: none;
  }
}
.gsp-mat-horizontal-stepper .gsp-stepper-button-toolbar {
  border-top: 1px solid #ebebeb;
  padding: 8px;
  margin-bottom: 0;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
}
.gsp-mat-horizontal-stepper .gsp-stepper-button-toolbar button {
  margin-right: 8px;
}
@media (min-width: 601px) {
  .gsp-mat-horizontal-stepper .gsp-stepper-button-toolbar {
    padding: 16px;
  }
}
.gsp-mat-select-no-max-width.mat-mdc-select-panel {
  max-width: none;
}
app-multi-select-all-options {
  display: block;
}
.gsp-mat-select--hide-options {
  display: none;
}
th {
  font-size: 12px;
  color: #607d8b;
}
.gsp-table-toolbar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: space-between;
  height: 48px;
  flex-wrap: wrap;
  margin-bottom: 32px;
}
.gsp-mat-table-container {
  width: 100%;
  padding: 16px;
}
.gsp-mat-table-border,
.gsp-mat-table-border--scroll {
  border-radius: 10px;
  border: 1px solid #ebebeb;
  border-collapse: inherit;
  overflow: hidden;
}
.gsp-mat-table-border--scroll {
  overflow: scroll;
}
.gsp-mat-table,
.gsp-mat-table--loading {
  width: 100%;
}
.gsp-mat-table table,
.gsp-mat-table--loading table {
  width: 100%;
}
.gsp-mat-table p,
.gsp-mat-table--loading p {
  margin: 0;
}
.gsp-mat-table .gsp-empty-table-state td.mat-mdc-cell,
.gsp-mat-table--loading .gsp-empty-table-state td.mat-mdc-cell {
  padding: 32px 8px;
}
.gsp-mat-table .gsp-empty-table-state td.mat-mdc-cell p,
.gsp-mat-table--loading .gsp-empty-table-state td.mat-mdc-cell p {
  text-align: center;
}
.gsp-mat-table tbody.hover tr,
.gsp-mat-table--loading tbody.hover tr {
  background-color: white;
  font-size: 14px;
}
.gsp-mat-table tbody.hover tr a,
.gsp-mat-table--loading tbody.hover tr a {
  color: #448AFF;
}
@media (min-width: 601px) {
  .gsp-mat-table tbody.hover tr a,
  .gsp-mat-table--loading tbody.hover tr a {
    color: #263238;
    text-decoration: none;
  }
}
.gsp-mat-table tbody.hover tr a:hover,
.gsp-mat-table--loading tbody.hover tr a:hover {
  cursor: pointer;
}
.gsp-mat-table tbody.hover tr:hover td,
.gsp-mat-table--loading tbody.hover tr:hover td,
.gsp-mat-table tbody.hover tr.hover-active td,
.gsp-mat-table--loading tbody.hover tr.hover-active td {
  background-color: #FAFAFA;
}
.gsp-mat-table tbody.hover tr:hover a:not(.md-icon-button),
.gsp-mat-table--loading tbody.hover tr:hover a:not(.md-icon-button),
.gsp-mat-table tbody.hover tr.hover-active a:not(.md-icon-button),
.gsp-mat-table--loading tbody.hover tr.hover-active a:not(.md-icon-button) {
  color: #448AFF;
  text-decoration: underline;
}
.gsp-mat-table tbody.hover tr.selected-row td,
.gsp-mat-table--loading tbody.hover tr.selected-row td {
  background-color: #e3f2fd;
}
.gsp-mat-table tbody.hover tr.selected-row:hover td,
.gsp-mat-table--loading tbody.hover tr.selected-row:hover td {
  background-color: #d9eefc;
}
.gsp-mat-table.with-border,
.with-border.gsp-mat-table--loading {
  border-radius: 10px;
  border: 1px solid #ebebeb;
  overflow: hidden !important;
  border-collapse: inherit;
}
.gsp-mat-table.with-border .gsp-nested-table-wrapper,
.with-border.gsp-mat-table--loading .gsp-nested-table-wrapper {
  border-top: none;
}
.gsp-mat-table.mat-mdc-row,
.mat-mdc-row.gsp-mat-table--loading {
  height: 48px;
}
.gsp-mat-table.xs .mat-mdc-row,
.xs.gsp-mat-table--loading .mat-mdc-row {
  height: 16px;
}
.gsp-mat-table.sm .mat-mdc-row,
.sm.gsp-mat-table--loading .mat-mdc-row {
  height: 32px;
}
.gsp-mat-table.sm .gsp-editable-table-cell,
.sm.gsp-mat-table--loading .gsp-editable-table-cell {
  height: 32px;
}
.gsp-mat-table.sm .gsp-avatar,
.sm.gsp-mat-table--loading .gsp-avatar,
.gsp-mat-table.sm .gsp-avatar--sm,
.sm.gsp-mat-table--loading .gsp-avatar--sm,
.gsp-mat-table.sm .gsp-avatar--md,
.sm.gsp-mat-table--loading .gsp-avatar--md {
  height: 32px;
  width: 32px;
  min-width: 32px;
  justify-content: center !important;
}
.gsp-mat-table.sm .gsp-avatar mat-icon,
.sm.gsp-mat-table--loading .gsp-avatar mat-icon,
.gsp-mat-table.sm .gsp-avatar--sm mat-icon,
.sm.gsp-mat-table--loading .gsp-avatar--sm mat-icon,
.gsp-mat-table.sm .gsp-avatar--md mat-icon,
.sm.gsp-mat-table--loading .gsp-avatar--md mat-icon {
  height: 16px;
  width: 16px;
  font-size: 16px;
}
.gsp-mat-table.md .mat-mdc-row,
.md.gsp-mat-table--loading .mat-mdc-row {
  height: 48px;
}
.gsp-mat-table.md .gsp-editable-table-cell,
.md.gsp-mat-table--loading .gsp-editable-table-cell {
  height: 40px;
}
.gsp-mat-table.md .gsp-avatar,
.md.gsp-mat-table--loading .gsp-avatar,
.gsp-mat-table.md .gsp-avatar--sm,
.md.gsp-mat-table--loading .gsp-avatar--sm,
.gsp-mat-table.md .gsp-avatar--md,
.md.gsp-mat-table--loading .gsp-avatar--md {
  height: 40px;
  width: 40px;
  min-width: 40px;
  justify-content: center !important;
}
.gsp-mat-table.md .gsp-avatar mat-icon,
.md.gsp-mat-table--loading .gsp-avatar mat-icon,
.gsp-mat-table.md .gsp-avatar--sm mat-icon,
.md.gsp-mat-table--loading .gsp-avatar--sm mat-icon,
.gsp-mat-table.md .gsp-avatar--md mat-icon,
.md.gsp-mat-table--loading .gsp-avatar--md mat-icon {
  height: 20px;
  width: 20px;
  font-size: 20px;
}
.gsp-mat-table.md .gsp-mat-chip-list--dense,
.md.gsp-mat-table--loading .gsp-mat-chip-list--dense {
  height: 22px;
}
.gsp-mat-table.md .gsp-mat-chip-list--dense .mat-chip-list-wrapper,
.md.gsp-mat-table--loading .gsp-mat-chip-list--dense .mat-chip-list-wrapper {
  max-height: 28px;
  overflow: hidden;
}
.gsp-mat-table.lg .mat-mdc-row,
.lg.gsp-mat-table--loading .mat-mdc-row {
  height: 72px;
}
.gsp-mat-table.lg .gsp-editable-table-cell,
.lg.gsp-mat-table--loading .gsp-editable-table-cell {
  height: 48px;
}
.gsp-mat-table.lg .mat-mdc-cell,
.lg.gsp-mat-table--loading .mat-mdc-cell {
  font-size: 14px;
}
.gsp-mat-table.lg .gsp-avatar,
.lg.gsp-mat-table--loading .gsp-avatar,
.gsp-mat-table.lg .gsp-avatar--sm,
.lg.gsp-mat-table--loading .gsp-avatar--sm,
.gsp-mat-table.lg .gsp-avatar--md,
.lg.gsp-mat-table--loading .gsp-avatar--md {
  height: 64px;
  width: 64px;
  min-width: 64px;
  justify-content: center !important;
}
.gsp-mat-table.lg .gsp-avatar mat-icon,
.lg.gsp-mat-table--loading .gsp-avatar mat-icon,
.gsp-mat-table.lg .gsp-avatar--sm mat-icon,
.lg.gsp-mat-table--loading .gsp-avatar--sm mat-icon,
.gsp-mat-table.lg .gsp-avatar--md mat-icon,
.lg.gsp-mat-table--loading .gsp-avatar--md mat-icon {
  height: 24px;
  width: 24px;
  font-size: 24px;
}
.gsp-mat-table.xl .mat-mdc-row,
.xl.gsp-mat-table--loading .mat-mdc-row {
  height: 96px;
}
.gsp-mat-table.xl .mat-mdc-cell,
.xl.gsp-mat-table--loading .mat-mdc-cell {
  font-size: 18px;
}
.gsp-mat-table.xl .gsp-avatar,
.xl.gsp-mat-table--loading .gsp-avatar,
.gsp-mat-table.xl .gsp-avatar--sm,
.xl.gsp-mat-table--loading .gsp-avatar--sm,
.gsp-mat-table.xl .gsp-avatar--md,
.xl.gsp-mat-table--loading .gsp-avatar--md {
  height: 72px;
  width: 72px;
  min-width: 72px;
  justify-content: center !important;
}
.gsp-mat-table.xl .gsp-avatar mat-icon,
.xl.gsp-mat-table--loading .gsp-avatar mat-icon,
.gsp-mat-table.xl .gsp-avatar--sm mat-icon,
.xl.gsp-mat-table--loading .gsp-avatar--sm mat-icon,
.gsp-mat-table.xl .gsp-avatar--md mat-icon,
.xl.gsp-mat-table--loading .gsp-avatar--md mat-icon {
  height: 32px;
  width: 32px;
  font-size: 32px;
}
.gsp-mat-table tr.mat-mdc-header-row,
.gsp-mat-table--loading tr.mat-mdc-header-row {
  height: 46px;
}
.gsp-mat-table tr.mat-mdc-footer-row,
.gsp-mat-table--loading tr.mat-mdc-footer-row {
  font-weight: bold;
}
.gsp-mat-table .line-clamp,
.gsp-mat-table--loading .line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.gsp-mat-table th.mat-mdc-header-cell,
.gsp-mat-table--loading th.mat-mdc-header-cell,
.gsp-mat-table td.mat-mdc-cell,
.gsp-mat-table--loading td.mat-mdc-cell,
.gsp-mat-table td.mat-mdc-footer-cell,
.gsp-mat-table--loading td.mat-mdc-footer-cell {
  padding: 0 8px;
  border-bottom: none;
  line-height: 1.2;
}
.gsp-mat-table th.mat-mdc-header-cell.text-center,
.gsp-mat-table--loading th.mat-mdc-header-cell.text-center,
.gsp-mat-table td.mat-mdc-cell.text-center,
.gsp-mat-table--loading td.mat-mdc-cell.text-center,
.gsp-mat-table td.mat-mdc-footer-cell.text-center,
.gsp-mat-table--loading td.mat-mdc-footer-cell.text-center {
  text-align: center;
}
.gsp-mat-table th.mat-mdc-header-cell,
.gsp-mat-table--loading th.mat-mdc-header-cell,
.gsp-mat-table td.mat-mdc-footer-cell,
.gsp-mat-table--loading td.mat-mdc-footer-cell,
.gsp-mat-table tr.mat-mdc-header-row,
.gsp-mat-table--loading tr.mat-mdc-header-row {
  background-color: #eff3f5;
}
.gsp-mat-table tr:not(.gsp-nested-table-wrapper) td.mat-mdc-cell,
.gsp-mat-table--loading tr:not(.gsp-nested-table-wrapper) td.mat-mdc-cell,
.gsp-mat-table tr:not(.gsp-nested-table-wrapper) td.mat-mdc-footer-cell,
.gsp-mat-table--loading tr:not(.gsp-nested-table-wrapper) td.mat-mdc-footer-cell {
  border-top: 1px solid #ebebeb;
}
.gsp-mat-table tr:not(.gsp-nested-table-wrapper) td.mat-mdc-cell div,
.gsp-mat-table--loading tr:not(.gsp-nested-table-wrapper) td.mat-mdc-cell div,
.gsp-mat-table tr:not(.gsp-nested-table-wrapper) td.mat-mdc-footer-cell div,
.gsp-mat-table--loading tr:not(.gsp-nested-table-wrapper) td.mat-mdc-footer-cell div {
  display: flex;
  align-items: center;
}
.gsp-mat-table tr:not(.gsp-nested-table-wrapper) td.mat-mdc-cell div.gsp-table-cell-date,
.gsp-mat-table--loading tr:not(.gsp-nested-table-wrapper) td.mat-mdc-cell div.gsp-table-cell-date,
.gsp-mat-table tr:not(.gsp-nested-table-wrapper) td.mat-mdc-footer-cell div.gsp-table-cell-date,
.gsp-mat-table--loading tr:not(.gsp-nested-table-wrapper) td.mat-mdc-footer-cell div.gsp-table-cell-date {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.gsp-mat-table .gsp-table-cell-date-subtext,
.gsp-mat-table--loading .gsp-table-cell-date-subtext {
  font-size: 12px;
  color: #607d8b;
  margin-top: 2px;
}
.gsp-mat-table th.mat-column-expand,
.gsp-mat-table--loading th.mat-column-expand,
.gsp-mat-table td.mat-column-expand,
.gsp-mat-table--loading td.mat-column-expand,
.gsp-mat-table th.mat-column-actions,
.gsp-mat-table--loading th.mat-column-actions,
.gsp-mat-table td.mat-column-actions,
.gsp-mat-table--loading td.mat-column-actions {
  width: 48px;
  text-align: center;
  padding: 0 8px !important;
}
.gsp-mat-table th.mat-column-checkbox,
.gsp-mat-table--loading th.mat-column-checkbox,
.gsp-mat-table td.mat-column-checkbox,
.gsp-mat-table--loading td.mat-column-checkbox {
  width: 48px !important;
  max-width: 48px !important;
  min-width: 48px !important;
  text-align: center;
  padding: 0 !important;
}
.gsp-mat-table.gsp-sticky-header-shadow th.mat-mdc-table-sticky::after,
.gsp-sticky-header-shadow.gsp-mat-table--loading th.mat-mdc-table-sticky::after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  height: 4px;
  width: 100%;
  background:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.12),
      rgba(0, 0, 0, 0));
}
.gsp-mat-table.gsp-sticky-footer-shadow tfoot td.mat-mdc-table-sticky::after,
.gsp-sticky-footer-shadow.gsp-mat-table--loading tfoot td.mat-mdc-table-sticky::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 100%;
  left: 0;
  height: 4px;
  width: 100%;
  background:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.12));
}
.gsp-mat-table .gsp-nested-table-wrapper,
.gsp-mat-table--loading .gsp-nested-table-wrapper {
  height: 0;
  overflow: hidden;
}
.gsp-mat-table .gsp-nested-table-wrapper > td,
.gsp-mat-table--loading .gsp-nested-table-wrapper > td {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.gsp-mat-table .gsp-nested-table-wrapper.hide-expand th.mat-column-expand button,
.gsp-mat-table--loading .gsp-nested-table-wrapper.hide-expand th.mat-column-expand button,
.gsp-mat-table .gsp-nested-table-wrapper.hide-expand td.mat-column-expand button,
.gsp-mat-table--loading .gsp-nested-table-wrapper.hide-expand td.mat-column-expand button {
  visibility: hidden;
}
.gsp-mat-table .gsp-nested-table-wrapper.no-border.mat-mdc-cell,
.gsp-mat-table--loading .gsp-nested-table-wrapper.no-border.mat-mdc-cell {
  border-top: none;
}
.gsp-mat-table .gsp-table-expanded,
.gsp-mat-table--loading .gsp-table-expanded {
  display: flex;
}
.gsp-mat-table .mat-icon.info,
.gsp-mat-table--loading .mat-icon.info {
  color: #448AFF;
  font-size: 16px;
  height: 16px;
  width: 16px;
  margin-left: 4px;
}
.gsp-mat-table .gsp-cell-uneditable--no-value,
.gsp-mat-table--loading .gsp-cell-uneditable--no-value {
  width: 100%;
  text-align: center;
}
.mat-sort-header-sorted {
  color: #448AFF;
}
.mat-sort-header-sorted .mat-sort-header-arrow {
  color: #448AFF;
}
.gsp-inventory-list-item-title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  cursor: pointer;
}
.gsp-inventory-list-item-title--pool-member {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  cursor: pointer;
}
.gsp-col-align-center div,
.gsp-inventory-list-column--barcode div,
[class*=gsp-inventory-list-column--attribute] div,
.gsp-inventory-list-column--max_needed div,
.gsp-inventory-list-column--qty_posted div,
.gsp-inventory-list-column--qty_set_aside div,
.gsp-inventory-list-column--qty_in_stock div,
.gsp-inventory-list-column--frequency_booked div,
.gsp-inventory-list-column--qty_booked div,
.gsp-inventory-list-column--unit_price div,
.gsp-inventory-list-column--marketplace_visible div,
.gsp-inventory-list-column--website_wishlist_visible div,
.gsp-inventory-list-column--type div,
.gsp-inventory-list-column--gross_revenue div {
  text-align: center !important;
  align-items: center !important;
  justify-content: center !important;
}
.gsp-col-width-sm,
.gsp-inventory-list-column--type {
  min-width: 40px;
}
.gsp-col-width-md,
.gsp-inventory-list-column--max_needed,
.gsp-inventory-list-column--qty_posted,
.gsp-inventory-list-column--qty_set_aside,
.gsp-inventory-list-column--qty_in_stock,
.gsp-inventory-list-column--frequency_booked,
.gsp-inventory-list-column--qty_booked,
.gsp-inventory-list-column--unit_price,
.gsp-inventory-list-column--marketplace_visible {
  min-width: 88px;
}
.gsp-col-width-lg,
.gsp-inventory-list-column--barcode,
[class*=gsp-inventory-list-column--attribute],
.gsp-inventory-list-column--last_updated,
.gsp-inventory-list-column--date_created,
.gsp-inventory-list-column--last_imported,
.gsp-inventory-list-column--date_last_contracted,
.gsp-inventory-list-column--gross_revenue {
  min-width: 120px;
}
.gsp-col-width-xl,
.gsp-inventory-list-column--category,
.gsp-inventory-list-column--website_wishlist_visible {
  min-width: 160px;
}
.gsp-col-width-xxl,
.gsp-inventory-list-column--internal_notes,
.gsp-inventory-list-column--contract_description,
.gsp-inventory-list-column--web_description,
.gsp-inventory-list-column--applied_tax_types,
.gsp-inventory-list-column--tags {
  min-width: 240px;
}
.gsp-col-align-center .mat-sort-header-container,
.gsp-inventory-list-column--barcode .mat-sort-header-container,
[class*=gsp-inventory-list-column--attribute] .mat-sort-header-container,
.gsp-inventory-list-column--max_needed .mat-sort-header-container,
.gsp-inventory-list-column--qty_posted .mat-sort-header-container,
.gsp-inventory-list-column--qty_set_aside .mat-sort-header-container,
.gsp-inventory-list-column--qty_in_stock .mat-sort-header-container,
.gsp-inventory-list-column--frequency_booked .mat-sort-header-container,
.gsp-inventory-list-column--qty_booked .mat-sort-header-container,
.gsp-inventory-list-column--unit_price .mat-sort-header-container,
.gsp-inventory-list-column--marketplace_visible .mat-sort-header-container,
.gsp-inventory-list-column--website_wishlist_visible .mat-sort-header-container,
.gsp-inventory-list-column--type .mat-sort-header-container,
.gsp-inventory-list-column--gross_revenue .mat-sort-header-container {
  justify-content: center;
}
.gsp-col-align-center .mat-sort-header-content,
.gsp-inventory-list-column--barcode .mat-sort-header-content,
[class*=gsp-inventory-list-column--attribute] .mat-sort-header-content,
.gsp-inventory-list-column--max_needed .mat-sort-header-content,
.gsp-inventory-list-column--qty_posted .mat-sort-header-content,
.gsp-inventory-list-column--qty_set_aside .mat-sort-header-content,
.gsp-inventory-list-column--qty_in_stock .mat-sort-header-content,
.gsp-inventory-list-column--frequency_booked .mat-sort-header-content,
.gsp-inventory-list-column--qty_booked .mat-sort-header-content,
.gsp-inventory-list-column--unit_price .mat-sort-header-content,
.gsp-inventory-list-column--marketplace_visible .mat-sort-header-content,
.gsp-inventory-list-column--website_wishlist_visible .mat-sort-header-content,
.gsp-inventory-list-column--type .mat-sort-header-content,
.gsp-inventory-list-column--gross_revenue .mat-sort-header-content {
  padding-left: 18px;
}
.mat-sort-header-disabled .mat-sort-header-content {
  padding-left: 0px;
}
.gsp-inventory-list-title-column {
  max-width: 500px !important;
  min-width: 250px !important;
  width: 40% !important;
}
.gsp-inventory-list-column--max_needed div,
.gsp-inventory-list-column--qty_posted div,
.gsp-inventory-list-column--qty_set_aside div,
.gsp-inventory-list-column--qty_in_stock div,
.gsp-inventory-list-column--frequency_booked div,
.gsp-inventory-list-column--qty_booked div,
.gsp-inventory-list-column--unit_price div,
.gsp-inventory-list-column--marketplace_visible div {
  align-items: center !important;
  justify-content: center !important;
}
.gsp-inventory-list-column--applied_tax_types p,
.gsp-inventory-list-column--internal_notes p,
.gsp-inventory-list-column--contract_description p,
.gsp-inventory-list-column--web_description p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 0;
  line-height: 18px;
  width: 100%;
}
.gsp-inventory-list-column--barcode .mat-sort-header-container,
[class*=gsp-inventory-list-column--attribute] .mat-sort-header-container {
  justify-content: center;
}
.gsp-inventory-list-column--barcode .mat-sort-header-content,
[class*=gsp-inventory-list-column--attribute] .mat-sort-header-content {
  padding-left: 18px;
}
.mat-mdc-table-sticky-border-elem-left::before {
  content: "";
  width: 1px;
  background-color: transparent;
  height: 100%;
  right: 0;
  position: absolute;
  top: 0px;
  box-shadow: -2px 0 3px rgba(0, 0, 0, 0.35);
}
.mat-mdc-table-sticky-border-elem-right::before {
  content: "";
  width: 1px;
  background-color: transparent;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0px;
  box-shadow: 2px 0 3px rgba(0, 0, 0, 0.35);
}
.gsp-editable-table-cell {
  height: 48px;
  padding: 0px 8px;
  display: flex;
  justify-content: center;
  border-radius: 80px;
  border: 1px solid transparent;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
}
.gsp-editable-table-cell div,
.gsp-editable-table-cell app-inventory-list-item-free-text-field {
  width: 100%;
}
.gsp-editable-table-cell.empty {
  border: 1px #c9d2d7 dashed;
  border-radius: 80px;
}
.gsp-editable-table-cell.empty:hover {
  border-color: #448AFF;
  border-style: solid;
  color: #448AFF;
  cursor: pointer;
}
.gsp-editable-table-cell:not(.gsp-editable-table-cell--with-chips):hover {
  border-color: #448AFF;
  border-style: solid;
  color: #448AFF;
  cursor: pointer;
}
.gsp-editable-table-cell:not(.gsp-editable-table-cell--with-chips).editing {
  border-color: #448AFF;
  border-style: solid;
  color: #448AFF;
  cursor: pointer;
  background-color: rgba(68, 138, 255, 0.2);
}
th.gsp-mat-table-header-centered .mat-sort-header-container {
  width: inherit;
}
app-mat-table-loading {
  max-height: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
  border: 1px solid #ebebeb;
  border-radius: 10px;
}
.gsp-mat-table--loading {
  border-radius: 10px;
}
.gsp-mat-table--loading th.mat-mdc-header-cell {
  border-radius: 10px 10px 0 0;
  background-color: transparent;
}
.gsp-mat-table--loading th.mat-mdc-header-cell:last-of-type,
.gsp-mat-table--loading th.mat-mdc-header-cell:first-of-type {
  padding-left: 8px;
  padding-right: 8px;
}
.gsp-mat-table--loading th .gsp-placeholder-row {
  background-color: transparent;
}
.gsp-mat-table--loading tr td.mat-mdc-cell {
  border-top: none !important;
}
.gsp-mat-table--loading tr td.mat-mdc-cell .gsp-avatar,
.gsp-mat-table--loading tr td.mat-mdc-cell .gsp-avatar--sm,
.gsp-mat-table--loading tr td.mat-mdc-cell .gsp-avatar--md {
  justify-content: center !important;
}
.gsp-mat-table--loading tr:first-of-type .gsp-placeholder-row-wrapper {
  padding-top: 8px !important;
}
.gsp-mat-table--loading tr:hover td {
  background-color: white !important;
}
.gsp-mat-table--loading tr:nth-child(1) .gsp-placeholder-row {
  opacity: 0.1;
}
.gsp-mat-table--loading tr:nth-child(2) .gsp-placeholder-row {
  opacity: 0.1;
}
.gsp-mat-table--loading tr:nth-child(3) .gsp-placeholder-row {
  opacity: 0.08;
}
.gsp-mat-table--loading tr:nth-child(4) .gsp-placeholder-row {
  opacity: 0.06;
}
.gsp-mat-table--loading tr:nth-child(5) .gsp-placeholder-row {
  opacity: 0.04;
}
.gsp-mat-table--loading tr:nth-child(6) .gsp-placeholder-row {
  opacity: 0.02;
}
.gsp-placeholder-row-wrapper {
  padding: 4px 8px !important;
}
.gsp-placeholder-row {
  opacity: 0;
  background-color: #c9d2d7;
  border-radius: 8px;
  padding: 16px;
  display: grid !important;
  align-items: center;
  justify-items: center;
  width: 100%;
  height: inherit;
  grid-template-columns: 30px 4fr 2fr 1fr 3fr 1fr;
  gap: 16px;
}
.gsp-placeholder-spacer {
  background-color: #607d8b;
  border-radius: 20px;
  height: 14px;
  width: 100%;
  background-image:
    linear-gradient(
      to right,
      #607d8b 0%,
      #a4c5d5 20%,
      #607d8b 40%,
      #607d8b 100%);
  background-repeat: no-repeat;
  background-size: 800px 104px;
  display: inline-block;
  position: relative;
  animation: 1.5s linear infinite forwards placeholderShimmer;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
}
.gsp-placeholder-spacer.grey {
  background-image: unset;
  opacity: 0.1;
}
@keyframes placeholderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.mat-mdc-tab-nav-bar a {
  text-decoration: none;
}
.mat-mdc-tab-nav-bar a:hover {
  text-decoration: none;
}
@media (max-width: 600px) {
  .mat-mdc-tab-nav-bar.gsp-mat-tab-nav-bar--mobile a.mat-mdc-tab-link {
    height: 34px;
  }
}
.mat-mdc-tab {
  min-width: 145px;
}
.gsp-route-detail-side-panel-wrapper .mat-mdc-tab {
  min-width: 119px;
}
.gsp-mat-tab-group--headerless .mat-mdc-tab-header {
  display: none !important;
}
.gsp-mat-tab-group--headerless .gsp-mat-tab-group--headers .mat-mdc-tab-header {
  display: block !important;
}
.gsp-mat-tab-group--full-height.mat-mdc-tab-group {
  height: 100%;
}
.gsp-mat-tab-group--full-height.mat-mdc-tab-group .mat-mdc-tab-body-wrapper {
  height: 100%;
}
.gsp-mat-tab-group--full-height.mat-mdc-tab-group .mat-mdc-tab-body-wrapper .mat-mdc-tab-body {
  height: 100%;
}
.gsp-mat-tab-style-override .mat-mdc-tab.mdc-tab--active:focus .mdc-tab__text-label,
.gsp-mat-tab-style-override .mat-mdc-tab.mdc-tab--active:hover .mdc-tab__text-label,
.gsp-mat-tab-style-override .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: #448AFF;
}
.gsp-mat-tab-style-override .mat-mdc-tab.mdc-tab--active:focus .mdc-tab-indicator__content--underline,
.gsp-mat-tab-style-override .mat-mdc-tab.mdc-tab--active:hover .mdc-tab-indicator__content--underline,
.gsp-mat-tab-style-override .mat-mdc-tab .mdc-tab-indicator__content--underline {
  border-color: #448AFF;
}
.gsp-mat-tabs-compact.gsp-mat-tabs-compact.gsp-mat-tabs-compact.gsp-mat-tabs-compact.gsp-mat-tabs-compact .mdc-tab.mat-mdc-tab {
  min-width: 0 !important;
  padding: 0;
}
.gsp-mat-tab--margin-top-base .mat-mdc-tab-body-content {
  margin-top: 16px;
}
app-client-view .mat-mdc-tab {
  font-family: "Inter", sans-serif;
}
.gsp-mat-tab__two-tabs-visible .mat-mdc-tab {
  min-width: 50% !important;
  max-width: 50% !important;
}
.gsp-mat-tab__three-tabs-visible .mat-mdc-tab {
  min-width: 33% !important;
  max-width: 33% !important;
}
.gsp-mat-toolbar-reverse {
  background: white;
}
.gsp-mat-toolbar-reverse .gsp-page-title,
.gsp-mat-toolbar-reverse h1 {
  color: #607d8b;
  font-size: 24px;
}
.gsp-mat-toolbar-border {
  border-bottom: 1px solid #ebebeb;
}
.mat-toolbar.mat-notice {
  background: #ffd56d;
  color: #37474f;
}
button.gsp-page-header-filter-toggle {
  margin-right: 16px;
}
.mat-toolbar.gsp-page-header-toolbar,
.mat-toolbar.gsp-page-header-toolbar--actions,
.mat-toolbar.gsp-page-header-toolbar--secondary {
  background-color: white;
  border-bottom: 1px solid #ebebeb;
  min-height: 64px;
  position: relative;
  z-index: 2;
}
.mat-toolbar.gsp-page-header-toolbar .gsp-page-title,
.mat-toolbar.gsp-page-header-toolbar--actions .gsp-page-title,
.mat-toolbar.gsp-page-header-toolbar--secondary .gsp-page-title,
.mat-toolbar.gsp-page-header-toolbar h1,
.mat-toolbar.gsp-page-header-toolbar--actions h1,
.mat-toolbar.gsp-page-header-toolbar--secondary h1 {
  color: #607d8b;
  font-size: 24px;
}
.mat-toolbar.gsp-page-header-toolbar button.gsp-page-header-filter-toggle,
.mat-toolbar.gsp-page-header-toolbar--actions button.gsp-page-header-filter-toggle,
.mat-toolbar.gsp-page-header-toolbar--secondary button.gsp-page-header-filter-toggle {
  margin-right: 16px;
}
.mat-toolbar.gsp-page-header-toolbar--secondary {
  background-color: #eff3f5;
  border-bottom: 1px solid #E0E0E0;
}
.mat-toolbar.gsp-page-header-toolbar--actions {
  background-color: #ffd56d;
}
.mat-toolbar.gsp-page-header-toolbar--actions .gsp-page-title,
.mat-toolbar.gsp-page-header-toolbar--actions h1 {
  color: #607d8b;
}
.gsp-page-header-toolbar-button-group {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
.gsp-tree-node,
.mat-mdc-list-item.gsp-tree-node {
  font-size: 14px;
  width: 100%;
}
.gsp-tree-node:hover,
.mat-mdc-list-item.gsp-tree-node:hover {
  background-color: rgba(68, 138, 255, 0.2);
}
.gsp-tree-node.selected p,
.gsp-tree-node.selected mat-icon,
.mat-mdc-list-item.gsp-tree-node.selected p,
.mat-mdc-list-item.gsp-tree-node.selected mat-icon {
  color: #448AFF;
  font-weight: 600;
}
.gsp-tree-node.expanded,
.mat-mdc-list-item.gsp-tree-node.expanded {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
}
.gsp-tree-node .mat-list-item-content,
.gsp-tree-node .mdc-list-item__content,
.mat-mdc-list-item.gsp-tree-node .mat-list-item-content,
.mat-mdc-list-item.gsp-tree-node .mdc-list-item__content {
  padding: 0 8px !important;
}
.gsp-tree-node .mat-list-item-content .mdc-list-item__primary-text,
.gsp-tree-node .mdc-list-item__content .mdc-list-item__primary-text,
.mat-mdc-list-item.gsp-tree-node .mat-list-item-content .mdc-list-item__primary-text,
.mat-mdc-list-item.gsp-tree-node .mdc-list-item__content .mdc-list-item__primary-text {
  display: flex;
  align-items: center;
}
.gsp-tree-node mat-icon,
.mat-mdc-list-item.gsp-tree-node mat-icon {
  color: #b0bec5;
  font-size: 20px;
  height: 20px;
  width: 20px;
}
.gsp-tree-node .gsp-tree-node-expand-button,
.mat-mdc-list-item.gsp-tree-node .gsp-tree-node-expand-button {
  color: rgba(0, 0, 0, 0.87);
}
.gsp-tree-node-primary-category-name {
  margin-left: 16px;
  color: #78909c;
  font-size: 12px;
  letter-spacing: 0.25px;
}
.gsp-notification-wrapper,
.gsp-notification-wrapper--success,
.gsp-notification-wrapper--accent,
.gsp-notification-wrapper--alert,
.gsp-notification-wrapper--notice {
  font-size: 11px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  background: #eceff1;
  color: #455a64;
  padding: 8px;
  line-height: 13px;
  font-weight: 500;
}
.gsp-notification-wrapper .mat-icon,
.gsp-notification-wrapper--success .mat-icon,
.gsp-notification-wrapper--accent .mat-icon,
.gsp-notification-wrapper--alert .mat-icon,
.gsp-notification-wrapper--notice .mat-icon {
  height: 12px;
  width: 12px;
  font-size: 12px;
  line-height: 12px !important;
  vertical-align: middle;
}
.gsp-notification-wrapper--notice {
  background: #ffd56d;
  padding-left: 24px;
}
.gsp-notification-wrapper--alert {
  background: #da4453;
  color: white;
}
.gsp-notification-wrapper--alert.gsp-notification-wrapper--contact-detail-margin {
  margin: 0 16px 8px 16px;
  background: #FFFAE3;
  border: 1px solid #FFD400;
  border-radius: 4px;
  color: #000000;
}
.gsp-notification-wrapper--alert.gsp-notification-wrapper--contact-detail-margin md-icon {
  font-size: 12px;
  width: 12px;
  height: 12px;
  min-width: 12px;
  min-height: 12px;
  margin: 0;
  color: #FFD400;
}
.gsp-notification-wrapper--accent {
  background: #448AFF;
  color: white;
}
.gsp-notification-wrapper--success {
  background: #37bc9b;
  color: white;
}
.gsp-notification-bar {
  padding: 4px 8px;
  width: 100%;
}
.gsp-notification-bar .mat-icon {
  height: 16px;
  width: 16px;
  font-size: 16px;
  line-height: 16px !important;
  vertical-align: middle;
  margin-right: 8px;
}
.gsp-notification-bar span {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
}
.gsp-notification-bar--success {
  background-color: #37bc9b;
  color: #ffffff;
}
.gsp-notification-bar--warning {
  background-color: #ffd56d;
  color: #000000;
}
.gsp-notification-bar--error {
  background-color: #da4453;
  color: #ffffff;
}
.gsp-notification-bar--default {
  background-color: #E8EEF0;
  color: #313E45;
}
.gsp-pad {
  padding: 16px;
}
.gsp-pad-half {
  padding: 8px;
}
.gsp-pad-quarter {
  padding: 4px;
}
.gsp-pad-top {
  padding-top: 16px;
}
.gsp-pad-top-half {
  padding-top: 8px;
}
.gsp-pad-top-quarter {
  padding-top: 4px;
}
.gsp-pad-left {
  padding-left: 16px;
}
.gsp-pad-left-half {
  padding-left: 8px;
}
.gsp-pad-left-quarter {
  padding-left: 4px;
}
.gsp-pad-right {
  padding-right: 16px;
}
.gsp-pad-right-half {
  padding-right: 8px;
}
.gsp-pad-right-quarter {
  padding-right: 4px;
}
.gsp-pad-bottom {
  padding-bottom: 16px;
}
.gsp-pad-bottom-half {
  padding-bottom: 8px;
}
.gsp-pad-bottom-quarter {
  padding-bottom: 4px;
}
.gsp-pill-wrapper,
.gsp-pill-wrapper--neutral,
.gsp-pill-wrapper--alert,
.gsp-pill-wrapper--success {
  display: inline-block;
  padding: 4px;
  border-radius: 30px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
  background-color: rgba(0, 0, 0, 0.5);
}
.gsp-pill-wrapper--success {
  background-color: rgba(89, 224, 118, 0.85);
  color: #1a594a;
}
.gsp-pill-wrapper--alert {
  color: #9b0918;
  background-color: rgb(255, 170, 170);
}
.gsp-pill-wrapper--neutral {
  color: #a3a3a3;
  background-color: #d9d9d9;
}
.gsp-pill-content--reverse {
  color: white;
}
mat-list [class*=gsp-pill-wrapper] {
  margin-left: 8px;
}
.gsp-report-wrapper {
  padding: 16px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media (min-width: 961px) {
  .gsp-report-wrapper {
    padding-bottom: 0;
  }
}
.gsp-scrollable-content,
.gsp-scrollable-content--bottom-margin {
  flex: 0 1 auto;
  overflow: auto;
}
.gsp-scrollable-content.scroll-locked,
.scroll-locked.gsp-scrollable-content--bottom-margin {
  overflow: hidden;
}
.gsp-scrollable-content--bottom-margin {
  margin-bottom: 32px;
}
.gsp-report-header {
  margin-bottom: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.gsp-report-header .mat-h1 {
  font-weight: bold;
  margin: 0;
}
.gsp-routing-timeline-column {
  position: absolute;
  width: 240px;
  height: 100%;
  border-left: 1px dashed #ddd;
  display: inline-block;
}
.gsp-planner-quadrant.top.right {
}
.gsp-planner-quadrant.top.right .gsp-routing-timeline-column {
  min-height: 250px;
}
.gsp-planner-quadrant.top.right .gsp-routing-vehicle.gsp-routing-unscheduled {
  min-height: 250px;
}
.gsp-planner-quadrant.top.right.expanded .gsp-routing-timeline-column {
  min-height: 500px;
}
.gsp-planner-quadrant.top.right.expanded .gsp-routing-vehicle.gsp-routing-unscheduled {
  min-height: 500px;
}
.gsp-routing-timeline-label {
  position: sticky;
  top: 0;
  height: 48px;
  z-index: 12;
  padding: 4px 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-color: white;
  border-bottom: 1px solid #ebebeb;
}
.gsp-planner-timeline-container.gsp-timeline-zoom-480 .gsp-routing-timeline-label {
  width: 480px;
}
.gsp-planner-timeline-container.gsp-timeline-zoom-960 .gsp-routing-timeline-label {
  width: 960px;
}
.gsp-timeline-title {
  color: #30596C;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.gsp-timeline-subtitle {
  color: #4F7E94;
  font-size: 14px;
  line-height: 20px;
}
.gsp-routing-timeline-column-subticks {
  position: absolute;
  z-index: -2;
  width: 25px;
  height: 100%;
  display: inline-block;
}
.gsp-routing-vehicle,
.gsp-routing-vehicle-pane {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.gsp-routing-vehicle:nth-child(2n+1),
.gsp-routing-vehicle-pane:nth-child(2n+1) {
  background-color: rgba(0, 0, 0, 0.02);
}
.gsp-routing-vehicle:last-of-type,
.gsp-routing-vehicle-pane:last-of-type {
  margin-bottom: 160px;
}
.gsp-routing-route {
  position: absolute;
  z-index: 2;
  left: 100px;
  width: 600px;
  height: 110px;
  margin-top: 16px;
  background-color: #E8EEF0;
  border-radius: 8px;
  border: 1px solid white;
}
.gsp-routing-route-details-container {
  position: absolute;
}
.gsp-routing-drop-zone {
  position: absolute;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px dashed green;
  background-color: #cfc;
  color: green;
  opacity: 0.5;
}
.gsp-routing-stop {
  position: absolute;
  z-index: 8;
  height: 60px;
  min-width: 60px;
  border-radius: 8px;
  border: 1px solid #E8EEF0;
  padding: 0;
  cursor: grab;
}
.gsp-routing-stop.drag-disabled {
  cursor: pointer;
}
.gsp-routing-stop:has(.map-hover) {
  z-index: 100;
}
.gsp-routing-stop.dragging {
  filter: drop-shadow(3px 3px 3px #aaa);
  opacity: 0.8;
  cursor: grabbing;
  transition: none;
  z-index: 10;
}
.gsp-routing-stop-transit {
  position: absolute;
  height: 1px;
  border-top: 1px solid #9BBAC3;
  top: 30px;
  pointer-events: none;
  z-index: -1;
}
.gsp-routing-stop-transit .gsp-routing-stop-transit-flange {
  position: absolute;
  height: 10px;
  width: 1px;
  border-left: 1px solid #9BBAC3;
  top: -5px;
}
.gsp-routing-stop-transit .gsp-routing-stop-transit-label {
  display: flex;
  justify-content: center;
  color: #4F7E94;
  font-size: 12px;
}
.gsp-routing-stop.gsp-waypoint-stop-conflict {
  border: 2px solid red;
}
.gsp-routing-stop.gsp-waypoint-stop-conflict .gsp-routing-stop-transit {
  border-top: 2px solid red;
}
.gsp-routing-stop.gsp-waypoint-stop-conflict .gsp-routing-stop-transit .gsp-routing-stop-transit-flange {
  border-left: 2px solid red;
}
.gsp-routing-stop.gsp-waypoint-stop-conflict .gsp-routing-stop-transit .gsp-routing-stop-transit-label {
  color: red;
}
.gsp-routing-stop.gsp-waypoint-transit-conflict .gsp-routing-stop-transit {
  border-top: 2px solid red;
}
.gsp-routing-stop.gsp-waypoint-transit-conflict .gsp-routing-stop-transit .gsp-routing-stop-transit-flange {
  border-left: 2px solid red;
}
.gsp-routing-stop.gsp-waypoint-transit-conflict .gsp-routing-stop-transit .gsp-routing-stop-transit-label {
  color: red;
}
.gsp-routing-stop.gsp-waypoint-contract-conflict {
  border: 2px solid red;
}
.gsp-routing-overlay {
  display: flex;
  height: 100%;
  opacity: 0.3;
  position: absolute;
  z-index: 1;
  transition: opacity 0.5s linear;
}
.gsp-routing-overlay > div {
  height: 100%;
  width: 10px;
}
.gsp-routing-overlay .gsp-routing-overlay-center {
  background-color: rgba(0, 255, 0, 0.3019607843);
}
.gsp-routing-split-point {
  position: absolute;
  width: 50px;
  height: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gsp-routing-split-point .gsp-split-route-action {
  height: 100%;
  width: 100%;
}
.gsp-routing-split-point .gsp-split-route-action button {
  background-color: white;
}
.gsp-routing-split-point .gsp-split-route-indicator {
  display: none;
  border-left: 1px dotted #ccc;
  height: 100%;
  position: absolute;
  width: 1px;
  left: 25px;
}
.gsp-routing-split-point button {
  display: none;
  position: absolute;
  bottom: 0px;
  left: 12px;
  z-index: 1;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.12);
}
.gsp-routing-split-point:hover .gsp-split-route-indicator {
  display: block;
}
.gsp-routing-split-point:hover button {
  display: inherit;
}
.gsp-routing-split-point:hover .gsp-split-route-action {
  display: block;
}
.gsp-routing-split-point:hover .gsp-split-route-action button {
  font-weight: normal;
}
.gsp-route-display .mat-mdc-list-item-unscoped-content.mdc-list-item__secondary-text::before,
.gsp-route-details .mat-mdc-list-item-unscoped-content.mdc-list-item__secondary-text::before {
  display: none;
}
[class*=gsp-icon-with-background--] {
  width: 32px;
  height: 32px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}
[class*=gsp-icon-with-background--][class*=border-radius-sm] {
  border-radius: 8px;
}
[class*=gsp-icon-with-background--][class*=border-radius-lg] {
  border-radius: 50px;
}
.mat-calendar.gsp-timeline-calendar .mat-calendar-header {
  height: 34px;
  padding-top: 0px;
}
.mat-calendar.gsp-timeline-calendar .mat-calendar-controls {
  margin-top: 0;
  margin-bottom: 0;
}
.mat-calendar.gsp-timeline-calendar .mat-calendar-body-cell-container,
.mat-calendar.gsp-timeline-calendar .mat-calendar-body-label {
  padding-top: 19px !important;
  padding-bottom: 19px !important;
}
.mat-calendar.gsp-timeline-calendar .mat-calendar-table-header th {
  padding-bottom: 0;
  font-size: 10px;
  line-height: 14px;
}
.mat-calendar.gsp-timeline-calendar .mat-calendar-body-label {
  color: transparent;
  padding: 0 !important;
}
.mat-calendar.gsp-timeline-calendar .mat-calendar-body-label[colspan="7"] {
  display: none;
}
.mat-calendar.gsp-timeline-calendar tbody:has(tr:not([aria-hidden=true]):first-child):has(tr:nth-child(6)) .mat-calendar-body-cell-container {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.gsp-timeline-cell {
  height: 100px;
}
.gsp-timeline-cell.sticky {
  left: 0;
  width: 100px;
  max-width: 250px;
  min-width: 250px;
  min-height: 100%;
  position: -webkit-sticky;
  position: sticky;
  background: white;
  z-index: 3;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.gsp-logistics-large-font {
  font-size: 20px;
  font-weight: 500;
  line-height: 29px;
}
.gsp-logistics-header-font,
.gsp-route-stop-details--title-card .gsp-route-stop-details--header {
  font-size: 16px;
  font-weight: 500;
  color: #05151d;
}
.gsp-route-stop-detail-header {
  padding: 0 16px;
}
.gsp-logistics-container--header--headline {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 0;
}
.image-preview {
  max-width: 90px;
  max-height: 90px;
}
.gsp-map-wrapper {
  width: 290px;
  height: 190px;
  flex-grow: 0;
  border-radius: 8px;
}
#stopDetailsPinpointMap {
  height: 100%;
}
.gsp-list-item {
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 16px;
}
.gsp-list-item-with-icon-sidebar {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.gsp-list-item-line-display {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gsp-list-item-icon {
  margin-top: 8px;
  margin-bottom: 8px;
}
.gsp-pre-line,
.gsp-post-line {
  width: 4px;
  background-color: #cbdeff;
}
.gsp-pre-line {
  height: 16px;
}
.gsp-post-line {
  flex-grow: 1;
}
.gsp-route-stop-details--title-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  padding-bottom: 16px;
}
.gsp-route-stop-details--title-card .gsp-route-stop-details--header {
  flex: 1;
}
.gsp-grouped-stop-details--title-card {
  display: flex;
  flex-direction: column;
  align-items: left;
  gap: 4px;
}
.gsp-dispatch-label--scheduled {
  background-color: #FFD400;
  color: #313E45;
  padding: 0 4px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: normal;
}
.gsp-dispatch-label--en-route,
.gsp-dispatch-label--unscheduled,
.gsp-dispatch-label--completed,
.gsp-dispatch-label--in-progress {
  background-color: #FFD400;
  color: #313E45;
  padding: 0 4px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: normal;
}
.gsp-dispatch-label--in-progress {
  background-color: #4F7E94;
  color: #ffffff;
}
.gsp-dispatch-label--completed {
  background-color: #26D7A5;
  color: #ffffff;
}
.gsp-dispatch-label--unscheduled {
  background-color: #05151D;
  color: #ffffff;
}
.gsp-waypoint-drop-off {
  background-color: transparent;
  color: #313E45;
  border: none;
  border-radius: 0;
}
.gsp-waypoint-pick-up {
  background-color: transparent;
  color: #313E45;
  border: none;
  border-radius: 0;
}
.gsp-waypoint-custom {
  background-color: transparent;
  color: #313E45;
  border: none;
  border-radius: 0;
}
.gsp-waypoint-warehouse {
  background-color: transparent;
  color: #313E45;
  border: none;
  border-radius: 0;
}
.maplibregl-popup {
  z-index: 20;
}
.gsp-routing-list-item {
  display: flex;
  flex-direction: row;
  gap: 8px;
  position: relative;
}
.gsp-routing-list-item-prepend {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gsp-routing-list-item-prepend mat-icon {
  min-height: 24px;
  color: #9BBAC3;
}
.gsp-routing-list-item-connecting-line {
  border-left: 2px solid #E8EEF0;
  width: 1px;
  position: absolute;
  height: 24px;
  top: 28px;
}
.gsp-routing-list-item-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  color: #000000;
  line-height: 20px;
}
.gsp-routing-list-item-content p {
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.gsp-routing-list-item-content p:first-of-type {
  line-height: 24px;
}
.gsp-routing-list-item-title {
  font-size: 14px;
  font-weight: 400;
}
.gsp-routing-list-item-inline-secondary {
  margin-left: auto;
  font-weight: normal;
}
.gsp-routing-list-item-subtitle,
.gsp-routing-list-item-subtitle--callout {
  font-size: 12px;
  color: #4F7E94;
  line-height: 16px !important;
}
.gsp-routing-list-item-subtitle--callout {
  font-style: italic;
  color: #448AFF !important;
}
.gsp-routing-list-item-empty {
  font-style: italic;
  color: #4F7E94;
}
mat-spinner.full-size-spinner {
  margin: 20px auto;
}
.mat-ink-bar {
  background: rgb(68, 138, 255);
  height: 3px;
}
.mat-mdc-tab-nav-bar.mat-primary .mat-ink-bar {
  background: rgb(68, 138, 255);
  height: 3px;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
table.gsp-tax-table {
  border: 1px solid #ebebeb;
  width: 100%;
  margin-bottom: 16px;
  background-color: white;
}
table.gsp-tax-table tr.primary th {
  background-color: #F5F5F5;
  text-transform: uppercase;
  font-weight: bold;
}
table.gsp-tax-table tr.no-border th,
table.gsp-tax-table tr.no-border td {
  border-bottom: none;
}
table.gsp-tax-table tr th,
table.gsp-tax-table tr td {
  font-weight: 400;
  border-bottom: 1px solid #ebebeb;
  text-align: center;
  padding: 2px;
  vertical-align: middle;
}
table.gsp-tax-table tr th p,
table.gsp-tax-table tr td p {
  margin: 0;
}
table.gsp-tax-table tr th:first-of-type,
table.gsp-tax-table tr td:first-of-type {
  text-align: left;
  max-width: 20%;
  width: 20%;
}
table.gsp-tax-table tr th.border-left,
table.gsp-tax-table tr td.border-left {
  border-left: 1px solid #ebebeb;
}
.w-350 {
  max-width: 350px !important;
  min-width: 350px !important;
  width: 350px !important;
}
.w-300 {
  max-width: 300px !important;
  min-width: 300px !important;
  width: 300px !important;
}
.w-250 {
  max-width: 250px !important;
  min-width: 250px !important;
  width: 250px !important;
}
.w-240 {
  max-width: 240px !important;
  min-width: 240px !important;
  width: 240px !important;
}
.w-220 {
  max-width: 220px !important;
  min-width: 220px !important;
  width: 220px !important;
}
.w-200 {
  max-width: 200px !important;
  min-width: 200px !important;
  width: 200px !important;
}
.w-180 {
  max-width: 180px !important;
  min-width: 180px !important;
  width: 180px !important;
}
.w-150 {
  max-width: 150px !important;
  min-width: 150px !important;
  width: 150px !important;
}
.w-160 {
  max-width: 160px !important;
  min-width: 160px !important;
  width: 160px !important;
}
.w-140 {
  max-width: 140px !important;
  min-width: 140px !important;
  width: 140px !important;
}
.w-120 {
  max-width: 120px !important;
  min-width: 120px !important;
  width: 120px !important;
}
.w-110 {
  max-width: 110px !important;
  min-width: 110px !important;
  width: 110px !important;
}
.w-100 {
  max-width: 100px !important;
  min-width: 100px !important;
  width: 100px !important;
}
.w-90 {
  max-width: 90px !important;
  min-width: 90px !important;
  width: 90px !important;
}
.w-80 {
  max-width: 80px !important;
  min-width: 80px !important;
  width: 80px !important;
}
.w-60 {
  max-width: 60px !important;
  min-width: 60px !important;
  width: 60px !important;
}
.w-50 {
  max-width: 50px !important;
  min-width: 50px !important;
  width: 50px !important;
}
.w-40 {
  max-width: 40px !important;
  min-width: 40px !important;
  width: 40px !important;
}
.gsp-tile-list {
  display: flex;
  flex-wrap: wrap;
}
.gsp-tile,
.gsp-tile--inactive {
  border: 1px solid #ebebeb;
  border-radius: 4px;
  padding: 16px;
  font-size: 14px;
  flex-direction: row;
  box-sizing: border-box;
  display: flex;
  place-content: center flex-start;
  align-items: start;
}
@media (min-width: 601px) {
  .gsp-tile,
  .gsp-tile--inactive {
    min-width: 380px;
  }
}
@media (max-width: 600px) {
  .gsp-tile,
  .gsp-tile--inactive {
    width: 100%;
  }
}
.gsp-tile--inactive {
  background-color: #F5F5F5;
}
.gsp-quote-expiration-action-tooltip {
  font-size: 11px;
}
.gsp-tooltip {
  font-weight: bold;
}
.gsp-tooltip-small {
  font-size: 12px;
}
.gsp-tooltip-medium {
  font-size: 16px;
}
.gsp-tooltip-nowrap .mdc-tooltip__surface {
  max-width: none;
}
.gsp-text-content {
  color: #607d8b;
  font-size: 12px;
}
.gsp-text-label,
.gsp-text-label--huge,
.gsp-text-label--large,
.gsp-text-label--medium,
.gsp-text-label--small {
  color: #263238;
  font-size: 12px;
}
.gsp-text-label--small {
  font-size: 10px;
}
.gsp-text-label--medium {
  font-size: 16px;
}
.gsp-text-label--large {
  font-size: 20px;
}
.gsp-text-label--huge {
  font-size: 24px;
}
.gsp-h3 {
  font-weight: 500;
  font-size: 20px;
  margin: 16px 0;
}
.gsp-accent-on-hover:hover {
  color: #448AFF;
}
mat-icon.gsp-icon--small {
  font-size: 12px;
  height: 12px;
  width: 12px;
}
mat-icon.gsp-icon--grey {
  color: #b0bec5;
}
.gsp-error-label {
  color: #da4453;
  font-size: 12px;
}
.gsp-init-error-message {
  color: #da4453;
  margin: 16px;
  font-size: 16px;
}
.gsp-section-title {
  color: #607d8b;
  font-weight: bold;
  font-size: 18px;
}
.gsp-text-accent.bold {
  font-weight: bold;
}
.gsp-error {
  color: #ffffff;
  background-color: #da4453;
  transition: all 0.2s ease-in;
  padding: 4px;
  display: flex;
  font-size: 16px;
  line-height: 1.6;
}
.gsp-error .mat-icon {
  color: #ffffff;
  margin-right: 8px;
}
.gsp-text-subtitle {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
html {
  box-sizing: border-box;
  min-height: 100%;
}
*,
*:before,
*:after {
  box-sizing: inherit;
  letter-spacing: normal;
}
html,
body {
  height: 100%;
}
body {
  margin: 0;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  background-color: #fafafa;
}
.app-container {
  display: grid;
  height: 100vh;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  grid-template-areas: "header" "body";
}
.app-container > .app-header {
  grid-area: header;
  z-index: 1;
}
.app-container > .app-body {
  grid-area: body;
  overflow-y: auto;
}
.gsp-app-body-container {
  height: 100%;
  width: 100%;
}
.gsp-app-body {
  width: 100%;
  height: 100vh;
}
.gsp-app-body a {
  color: #2979ff;
  text-decoration: none;
}
.gsp-app-body a.gsp-a-hover:hover {
  text-decoration: underline;
}
.gsp-overview-card {
  border: 1px solid #ebebeb;
  border-radius: 4px;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.gsp-overview-card-header,
.gsp-overview-card-header--highlight {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
}
.gsp-overview-card-header .gsp-overview-card-title,
.gsp-overview-card-header--highlight .gsp-overview-card-title {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
}
.gsp-overview-card-header .gsp-overview-card-subtitle,
.gsp-overview-card-header--highlight .gsp-overview-card-subtitle {
  font-size: 14px;
  color: #607d8b;
  margin: 0;
}
.gsp-overview-card-header .gsp-overview-card-kpi-wrapper,
.gsp-overview-card-header--highlight .gsp-overview-card-kpi-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.gsp-overview-card-header .gsp-overview-card-kpi,
.gsp-overview-card-header--highlight .gsp-overview-card-kpi {
  font-size: 24px;
  font-weight: 500;
  margin: 0;
}
.gsp-overview-card-header--highlight {
  background-color: #002864;
  color: white;
}
.gsp-overview-card-content {
  padding: 16px;
}
.gsp-overview-card-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 1 1 auto;
}
.gsp-overview-card-empty p {
  margin: 0 !important;
  padding: 0;
}
.gsp-display-none {
  display: none !important;
}
.mat-mdc-tooltip.mdc-tooltip .mdc-tooltip__surface {
  font-size: 11px;
  font-weight: 500;
  line-height: 1.4;
  padding: 6px 8px;
  letter-spacing: 0.1px;
  --mdc-plain-tooltip-supporting-text-size: 11px;
  --mdc-plain-tooltip-supporting-text-line-height: 1.4;
  --mdc-plain-tooltip-supporting-text-weight: 500;
}
.inv-add-menu.mat-mdc-menu-panel {
  max-width: 640px !important;
  min-width: 560px;
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
  padding: 0;
}
.inv-add-menu.mat-mdc-menu-panel .mat-mdc-menu-content {
  padding: 0;
}
.inv-add-menu.mat-mdc-menu-panel .inv-add-menu__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  padding: 16px;
}
.inv-add-menu.mat-mdc-menu-panel .inv-add-menu__card {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px;
  border: none;
  background: transparent;
  text-align: left;
  cursor: pointer;
  border-radius: 8px;
  transition: background 0.15s;
}
.inv-add-menu.mat-mdc-menu-panel .inv-add-menu__card:hover {
  background: #eff6ff;
}
.inv-add-menu.mat-mdc-menu-panel .inv-add-menu__card mat-icon {
  flex-shrink: 0;
  font-size: 24px;
  width: 24px;
  height: 24px;
  color: #448AFF;
  margin-top: 2px;
}
.inv-add-menu.mat-mdc-menu-panel .inv-add-menu__copy {
  flex: 1;
  min-width: 0;
}
.inv-add-menu.mat-mdc-menu-panel .inv-add-menu__title {
  font-size: 14px;
  font-weight: 600;
  color: #263238;
  margin-bottom: 2px;
}
.inv-add-menu.mat-mdc-menu-panel .inv-add-menu__desc {
  font-size: 12px;
  color: #607d8b;
  line-height: 1.4;
}
.inv-add-menu.mat-mdc-menu-panel .inv-add-menu__batch {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-top: 1px solid #e0e0e0;
  background: #f5f9fa;
  font-size: 13px;
  color: #263238;
}
.inv-add-menu.mat-mdc-menu-panel .inv-add-menu__batch > mat-icon {
  font-size: 20px;
  width: 20px;
  height: 20px;
  color: #448AFF;
}
.inv-add-menu.mat-mdc-menu-panel .inv-add-menu__batch > span {
  flex: 1;
}
.inv-add-menu.mat-mdc-menu-panel .inv-add-menu__batch strong {
  font-weight: 600;
}
.inv-add-menu.mat-mdc-menu-panel .inv-add-menu__batch-btn {
  padding: 6px 12px;
  background: white;
  border: 1px solid #448AFF;
  color: #448AFF;
  font-size: 13px;
  font-weight: 600;
  border-radius: 4px;
  cursor: pointer;
}
.inv-add-menu.mat-mdc-menu-panel .inv-add-menu__batch-btn:hover {
  background: #eff6ff;
}
.inv-dialog-panel.mat-mdc-dialog-panel .mat-mdc-dialog-container,
.dir-dialog-panel.mat-mdc-dialog-panel .mat-mdc-dialog-container {
  padding: 0;
}
.inv-dialog-panel.mat-mdc-dialog-panel .mat-mdc-dialog-container .mat-mdc-dialog-surface,
.dir-dialog-panel.mat-mdc-dialog-panel .mat-mdc-dialog-container .mat-mdc-dialog-surface {
  padding: 0;
  border-radius: 8px;
  overflow: hidden;
}
.tippy-box[data-theme~=popper],
.tippy-box {
  background: transparent;
  color: inherit;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
  border-radius: 6px;
}
.tippy-box[data-theme~=popper] .tippy-content,
.tippy-box .tippy-content {
  padding: 0;
  background: #ffffff;
  border-radius: 6px;
}
.tippy-box[data-theme~=popper] .tippy-arrow,
.tippy-box .tippy-arrow {
  color: #ffffff;
  z-index: 2;
}
.tippy-box[data-theme~=popper][data-placement^=bottom] > .tippy-arrow::before,
.tippy-box[data-placement^=bottom] > .tippy-arrow::before {
  border-bottom-color: #ffffff;
  filter: drop-shadow(0 -1px 0 rgba(0, 0, 0, 0.12));
}
.tippy-box[data-theme~=popper][data-placement^=top] > .tippy-arrow::before,
.tippy-box[data-placement^=top] > .tippy-arrow::before {
  border-top-color: #ffffff;
  filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.12));
}
.tippy-box[data-theme~=popper][data-placement^=left] > .tippy-arrow::before,
.tippy-box[data-placement^=left] > .tippy-arrow::before {
  border-left-color: #ffffff;
  filter: drop-shadow(1px 0 0 rgba(0, 0, 0, 0.12));
}
.tippy-box[data-theme~=popper][data-placement^=right] > .tippy-arrow::before,
.tippy-box[data-placement^=right] > .tippy-arrow::before {
  border-right-color: #ffffff;
  filter: drop-shadow(-1px 0 0 rgba(0, 0, 0, 0.12));
}

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