@charset "UTF-8";
      @layer tailwind-base,
      primeng;

      @layer tailwind-base {

        *,
        :before,
        :after {
          box-sizing: border-box;
          border-width: 0;
          border-style: solid;
          border-color: #e5e7eb
        }

        :before,
        :after {
          --tw-content: ""
        }

        html {
          line-height: 1.5;
          -webkit-text-size-adjust: 100%;
          -moz-tab-size: 4;
          tab-size: 4;
          font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
          font-feature-settings: normal;
          font-variation-settings: normal;
          -webkit-tap-highlight-color: transparent
        }

        body {
          margin: 0;
          line-height: inherit
        }

        *,
        :before,
        :after {
          --tw-border-spacing-x: 0;
          --tw-border-spacing-y: 0;
          --tw-translate-x: 0;
          --tw-translate-y: 0;
          --tw-rotate: 0;
          --tw-skew-x: 0;
          --tw-skew-y: 0;
          --tw-scale-x: 1;
          --tw-scale-y: 1;
          --tw-pan-x: ;
          --tw-pan-y: ;
          --tw-pinch-zoom: ;
          --tw-scroll-snap-strictness: proximity;
          --tw-gradient-from-position: ;
          --tw-gradient-via-position: ;
          --tw-gradient-to-position: ;
          --tw-ordinal: ;
          --tw-slashed-zero: ;
          --tw-numeric-figure: ;
          --tw-numeric-spacing: ;
          --tw-numeric-fraction: ;
          --tw-ring-inset: ;
          --tw-ring-offset-width: 0px;
          --tw-ring-offset-color: #fff;
          --tw-ring-color: rgb(59 130 246 / .5);
          --tw-ring-offset-shadow: 0 0 #0000;
          --tw-ring-shadow: 0 0 #0000;
          --tw-shadow: 0 0 #0000;
          --tw-shadow-colored: 0 0 #0000;
          --tw-blur: ;
          --tw-brightness: ;
          --tw-contrast: ;
          --tw-grayscale: ;
          --tw-hue-rotate: ;
          --tw-invert: ;
          --tw-saturate: ;
          --tw-sepia: ;
          --tw-drop-shadow: ;
          --tw-backdrop-blur: ;
          --tw-backdrop-brightness: ;
          --tw-backdrop-contrast: ;
          --tw-backdrop-grayscale: ;
          --tw-backdrop-hue-rotate: ;
          --tw-backdrop-invert: ;
          --tw-backdrop-opacity: ;
          --tw-backdrop-saturate: ;
          --tw-backdrop-sepia:
        }
      }

      :root {
        --surface-a: #ffffff;
        --surface-b: #f8f9fa;
        --surface-c: #e9ecef;
        --surface-d: #dee2e6;
        --surface-e: #ffffff;
        --surface-f: #ffffff;
        --text-color: #495057;
        --text-color-secondary: #6c757d;
        --primary-color: #ff921e;
        --primary-color-text: #212529;
        --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
        --surface-0: #ffffff;
        --surface-50: #fafafa;
        --surface-100: #f5f5f5;
        --surface-200: #eeeeee;
        --surface-300: #e0e0e0;
        --surface-400: #bdbdbd;
        --surface-500: #9e9e9e;
        --surface-600: #757575;
        --surface-700: #616161;
        --surface-800: #424242;
        --surface-900: #212121;
        --gray-50: #fafafa;
        --gray-100: #f5f5f5;
        --gray-200: #eeeeee;
        --gray-300: #e0e0e0;
        --gray-400: #bdbdbd;
        --gray-500: #9e9e9e;
        --gray-600: #757575;
        --gray-700: #616161;
        --gray-800: #424242;
        --gray-900: #212121;
        --content-padding: 1rem;
        --inline-spacing: .5rem;
        --border-radius: 3px;
        --surface-ground: #f8f9fa;
        --surface-section: #ffffff;
        --surface-card: #ffffff;
        --surface-overlay: #ffffff;
        --surface-border: #dee2e6;
        --surface-hover: #e9ecef
      }

      * {
        box-sizing: border-box
      }

      :root {
        --blue-50: #f4fafe;
        --blue-100: #cae6fc;
        --blue-200: #a0d2fa;
        --blue-300: #75bef8;
        --blue-400: #4baaf5;
        --blue-500: #2196f3;
        --blue-600: #1c80cf;
        --blue-700: #1769aa;
        --blue-800: #125386;
        --blue-900: #0d3c61;
        --green-50: #f6fbf6;
        --green-100: #d4ecd5;
        --green-200: #b2ddb4;
        --green-300: #90cd93;
        --green-400: #6ebe71;
        --green-500: #4caf50;
        --green-600: #419544;
        --green-700: #357b38;
        --green-800: #2a602c;
        --green-900: #1e4620;
        --yellow-50: #fffcf5;
        --yellow-100: #fef0cd;
        --yellow-200: #fde4a5;
        --yellow-300: #fdd87d;
        --yellow-400: #fccc55;
        --yellow-500: #fbc02d;
        --yellow-600: #d5a326;
        --yellow-700: #b08620;
        --yellow-800: #8a6a19;
        --yellow-900: #644d12;
        --cyan-50: #f2fcfd;
        --cyan-100: #c2eff5;
        --cyan-200: #91e2ed;
        --cyan-300: #61d5e4;
        --cyan-400: #30c9dc;
        --cyan-500: #00bcd4;
        --cyan-600: #00a0b4;
        --cyan-700: #008494;
        --cyan-800: #006775;
        --cyan-900: #004b55;
        --pink-50: #fef4f7;
        --pink-100: #fac9da;
        --pink-200: #f69ebc;
        --pink-300: #f1749e;
        --pink-400: #ed4981;
        --pink-500: #e91e63;
        --pink-600: #c61a54;
        --pink-700: #a31545;
        --pink-800: #801136;
        --pink-900: #5d0c28;
        --indigo-50: #f5f6fb;
        --indigo-100: #d1d5ed;
        --indigo-200: #acb4df;
        --indigo-300: #8893d1;
        --indigo-400: #6372c3;
        --indigo-500: #3f51b5;
        --indigo-600: #36459a;
        --indigo-700: #2c397f;
        --indigo-800: #232d64;
        --indigo-900: #192048;
        --teal-50: #f2faf9;
        --teal-100: #c2e6e2;
        --teal-200: #91d2cc;
        --teal-300: #61beb5;
        --teal-400: #30aa9f;
        --teal-500: #009688;
        --teal-600: #008074;
        --teal-700: #00695f;
        --teal-800: #00534b;
        --teal-900: #003c36;
        --orange-50: #fff8f2;
        --orange-100: #fde0c2;
        --orange-200: #fbc791;
        --orange-300: #f9ae61;
        --orange-400: #f79530;
        --orange-500: #f57c00;
        --orange-600: #d06900;
        --orange-700: #ac5700;
        --orange-800: #874400;
        --orange-900: #623200;
        --bluegray-50: #f7f9f9;
        --bluegray-100: #d9e0e3;
        --bluegray-200: #bbc7cd;
        --bluegray-300: #9caeb7;
        --bluegray-400: #7e96a1;
        --bluegray-500: #607d8b;
        --bluegray-600: #526a76;
        --bluegray-700: #435861;
        --bluegray-800: #35454c;
        --bluegray-900: #263238;
        --purple-50: #faf4fb;
        --purple-100: #e7cbec;
        --purple-200: #d4a2dd;
        --purple-300: #c279ce;
        --purple-400: #af50bf;
        --purple-500: #9c27b0;
        --purple-600: #852196;
        --purple-700: #6d1b7b;
        --purple-800: #561561;
        --purple-900: #3e1046
      }

      @layer primeng {
        @-webkit-keyframes p-fadein {
          0% {
            opacity: 0
          }

          to {
            opacity: 1
          }
        }
      }

      @-webkit-keyframes p-icon-spin {
        0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0)
        }

        to {
          -webkit-transform: rotate(359deg);
          transform: rotate(359deg)
        }
      }

      @-webkit-keyframes fa-spin {
        0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0)
        }

        to {
          -webkit-transform: rotate(359deg);
          transform: rotate(359deg)
        }
      }

      .scroll-none::-webkit-scrollbar {
        display: none
      }

      html {
        --mat-ripple-color: rgba(0, 0, 0, .1)
      }

      html {
        --mat-option-selected-state-label-text-color: #ff921e;
        --mat-option-label-text-color: rgba(0, 0, 0, .87);
        --mat-option-hover-state-layer-color: rgba(0, 0, 0, .04);
        --mat-option-focus-state-layer-color: rgba(0, 0, 0, .04);
        --mat-option-selected-state-layer-color: rgba(0, 0, 0, .04)
      }

      html {
        --mat-optgroup-label-text-color: rgba(0, 0, 0, .87)
      }

      html {
        --mat-full-pseudo-checkbox-selected-icon-color: #ff4081;
        --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
        --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
        --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
        --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
        --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
        --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ff4081;
        --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0
      }

      html {
        --mat-app-background-color: #fafafa;
        --mat-app-text-color: rgba(0, 0, 0, .87)
      }

      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, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
        --mdc-outlined-card-container-color: white;
        --mdc-outlined-card-outline-color: rgba(0, 0, 0, .12);
        --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
        --mat-card-subtitle-text-color: rgba(0, 0, 0, .54)
      }

      html {
        --mdc-linear-progress-active-indicator-height: 4px;
        --mdc-linear-progress-track-height: 4px;
        --mdc-linear-progress-track-shape: 0
      }

      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: #ff921e;
        --mdc-filled-text-field-focus-active-indicator-color: #ff921e;
        --mdc-filled-text-field-focus-label-text-color: rgba(255, 146, 30, .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, .6);
        --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, .6);
        --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);
        --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, .87);
        --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);
        --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, .6);
        --mdc-filled-text-field-error-hover-label-text-color: #f44336;
        --mdc-filled-text-field-error-focus-label-text-color: #f44336;
        --mdc-filled-text-field-error-label-text-color: #f44336;
        --mdc-filled-text-field-error-caret-color: #f44336;
        --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, .42);
        --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, .06);
        --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, .87);
        --mdc-filled-text-field-error-active-indicator-color: #f44336;
        --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
        --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
        --mdc-outlined-text-field-caret-color: #ff921e;
        --mdc-outlined-text-field-focus-outline-color: #ff921e;
        --mdc-outlined-text-field-focus-label-text-color: rgba(255, 146, 30, .87);
        --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, .6);
        --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, .6);
        --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);
        --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, .87);
        --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);
        --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, .6);
        --mdc-outlined-text-field-error-caret-color: #f44336;
        --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
        --mdc-outlined-text-field-error-label-text-color: #f44336;
        --mdc-outlined-text-field-error-hover-label-text-color: #f44336;
        --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, .38);
        --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, .06);
        --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, .87);
        --mdc-outlined-text-field-error-focus-outline-color: #f44336;
        --mdc-outlined-text-field-error-hover-outline-color: #f44336;
        --mdc-outlined-text-field-error-outline-color: #f44336;
        --mat-form-field-focus-select-arrow-color: rgba(255, 146, 30, .87);
        --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, .38);
        --mat-form-field-state-layer-color: rgba(0, 0, 0, .87);
        --mat-form-field-error-text-color: #f44336;
        --mat-form-field-select-option-text-color: inherit;
        --mat-form-field-select-disabled-option-text-color: GrayText;
        --mat-form-field-leading-icon-color: unset;
        --mat-form-field-disabled-leading-icon-color: unset;
        --mat-form-field-trailing-icon-color: unset;
        --mat-form-field-disabled-trailing-icon-color: unset;
        --mat-form-field-error-focus-trailing-icon-color: unset;
        --mat-form-field-error-hover-trailing-icon-color: unset;
        --mat-form-field-error-trailing-icon-color: unset;
        --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, .54);
        --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, .38);
        --mat-form-field-hover-state-layer-opacity: .04;
        --mat-form-field-focus-state-layer-opacity: .08
      }

      html {
        --mat-form-field-container-height: 56px;
        --mat-form-field-filled-label-display: block;
        --mat-form-field-container-vertical-padding: 16px;
        --mat-form-field-filled-with-label-container-padding-top: 24px;
        --mat-form-field-filled-with-label-container-padding-bottom: 8px
      }

      html {
        --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)
      }

      html {
        --mat-select-panel-background-color: white;
        --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);
        --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);
        --mat-select-placeholder-text-color: rgba(0, 0, 0, .6);
        --mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);
        --mat-select-disabled-arrow-color: rgba(0, 0, 0, .38);
        --mat-select-focused-arrow-color: rgba(255, 146, 30, .87);
        --mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)
      }

      html {
        --mat-select-arrow-transform: translateY(-8px)
      }

      html {
        --mat-autocomplete-container-shape: 4px;
        --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)
      }

      html {
        --mat-autocomplete-background-color: white
      }

      html {
        --mdc-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);
        --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, .87);
        --mdc-dialog-supporting-text-color: rgba(0, 0, 0, .6)
      }

      html {
        --mdc-switch-disabled-selected-icon-opacity: .38;
        --mdc-switch-disabled-track-opacity: .12;
        --mdc-switch-disabled-unselected-icon-opacity: .38;
        --mdc-switch-handle-height: 20px;
        --mdc-switch-handle-shape: 10px;
        --mdc-switch-handle-width: 20px;
        --mdc-switch-selected-icon-size: 18px;
        --mdc-switch-track-height: 14px;
        --mdc-switch-track-shape: 7px;
        --mdc-switch-track-width: 36px;
        --mdc-switch-unselected-icon-size: 18px;
        --mdc-switch-selected-focus-state-layer-opacity: .12;
        --mdc-switch-selected-hover-state-layer-opacity: .04;
        --mdc-switch-selected-pressed-state-layer-opacity: .1;
        --mdc-switch-unselected-focus-state-layer-opacity: .12;
        --mdc-switch-unselected-hover-state-layer-opacity: .04;
        --mdc-switch-unselected-pressed-state-layer-opacity: .1;
        --mat-switch-disabled-selected-handle-opacity: .38;
        --mat-switch-disabled-unselected-handle-opacity: .38;
        --mat-switch-unselected-handle-size: 20px;
        --mat-switch-selected-handle-size: 20px;
        --mat-switch-pressed-handle-size: 20px;
        --mat-switch-with-icon-handle-size: 20px;
        --mat-switch-selected-handle-horizontal-margin: 0;
        --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
        --mat-switch-selected-pressed-handle-horizontal-margin: 0;
        --mat-switch-unselected-handle-horizontal-margin: 0;
        --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
        --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
        --mat-switch-visible-track-opacity: 1;
        --mat-switch-hidden-track-opacity: 1;
        --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, .2, 1);
        --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(.4, 0, .6, 1);
        --mat-switch-track-outline-width: 1px;
        --mat-switch-track-outline-color: transparent;
        --mat-switch-selected-track-outline-width: 1px;
        --mat-switch-disabled-unselected-track-outline-width: 1px;
        --mat-switch-disabled-unselected-track-outline-color: transparent
      }

      html {
        --mdc-switch-selected-focus-state-layer-color: #e6781b;
        --mdc-switch-selected-handle-color: #e6781b;
        --mdc-switch-selected-hover-state-layer-color: #e6781b;
        --mdc-switch-selected-pressed-state-layer-color: #e6781b;
        --mdc-switch-selected-focus-handle-color: #9b5b11;
        --mdc-switch-selected-hover-handle-color: #9b5b11;
        --mdc-switch-selected-pressed-handle-color: #9b5b11;
        --mdc-switch-selected-focus-track-color: #f9924a;
        --mdc-switch-selected-hover-track-color: #f9924a;
        --mdc-switch-selected-pressed-track-color: #f9924a;
        --mdc-switch-selected-track-color: #f9924a;
        --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, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
        --mdc-switch-handle-shadow-color: black;
        --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
        --mdc-switch-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, .38)
      }

      html {
        --mdc-switch-state-layer-size: 40px
      }

      html {
        --mdc-radio-disabled-selected-icon-opacity: .38;
        --mdc-radio-disabled-unselected-icon-opacity: .38;
        --mdc-radio-state-layer-size: 40px
      }

      html {
        --mdc-radio-state-layer-size: 40px;
        --mat-radio-touch-target-display: block
      }

      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: .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: .6
      }

      html {
        --mdc-slider-handle-color: #ff921e;
        --mdc-slider-focus-handle-color: #ff921e;
        --mdc-slider-hover-handle-color: #ff921e;
        --mdc-slider-active-track-color: #ff921e;
        --mdc-slider-inactive-track-color: #ff921e;
        --mdc-slider-with-tick-marks-inactive-container-color: #ff921e;
        --mdc-slider-with-tick-marks-active-container-color: white;
        --mdc-slider-disabled-active-track-color: #000;
        --mdc-slider-disabled-handle-color: #000;
        --mdc-slider-disabled-inactive-track-color: #000;
        --mdc-slider-label-container-color: #000;
        --mdc-slider-label-label-text-color: #fff;
        --mdc-slider-with-overlap-handle-outline-color: #fff;
        --mdc-slider-with-tick-marks-disabled-container-color: #000;
        --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
        --mat-slider-ripple-color: #ff921e;
        --mat-slider-hover-state-layer-color: rgba(255, 146, 30, .05);
        --mat-slider-focus-state-layer-color: rgba(255, 146, 30, .2);
        --mat-slider-value-indicator-opacity: .6
      }

      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, .87);
        --mat-menu-item-icon-color: rgba(0, 0, 0, .87);
        --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, .04);
        --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, .04);
        --mat-menu-container-color: white;
        --mat-menu-divider-color: rgba(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: .38;
        --mdc-list-list-item-disabled-leading-icon-opacity: .38;
        --mdc-list-list-item-disabled-trailing-icon-opacity: .38;
        --mat-list-active-indicator-color: transparent;
        --mat-list-active-indicator-shape: 0
      }

      html {
        --mdc-list-list-item-label-text-color: rgba(0, 0, 0, .87);
        --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, .54);
        --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, .38);
        --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, .38);
        --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, .38);
        --mdc-list-list-item-selected-trailing-icon-color: rgba(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, .87);
        --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, .38);
        --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, .38);
        --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, .87);
        --mdc-list-list-item-hover-state-layer-color: black;
        --mdc-list-list-item-hover-state-layer-opacity: .04;
        --mdc-list-list-item-focus-state-layer-color: black;
        --mdc-list-list-item-focus-state-layer-opacity: .12
      }

      html {
        --mdc-list-list-item-one-line-container-height: 48px;
        --mdc-list-list-item-two-line-container-height: 64px;
        --mdc-list-list-item-three-line-container-height: 88px;
        --mat-list-list-item-leading-icon-start-space: 16px;
        --mat-list-list-item-leading-icon-end-space: 32px
      }

      html {
        --mat-paginator-container-text-color: rgba(0, 0, 0, .87);
        --mat-paginator-container-background-color: white;
        --mat-paginator-enabled-icon-color: rgba(0, 0, 0, .54);
        --mat-paginator-disabled-icon-color: rgba(0, 0, 0, .12)
      }

      html {
        --mat-paginator-container-size: 56px;
        --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
      }

      html {
        --mdc-checkbox-disabled-selected-checkmark-color: #fff;
        --mdc-checkbox-selected-focus-state-layer-opacity: .16;
        --mdc-checkbox-selected-hover-state-layer-opacity: .04;
        --mdc-checkbox-selected-pressed-state-layer-opacity: .16;
        --mdc-checkbox-unselected-focus-state-layer-opacity: .16;
        --mdc-checkbox-unselected-hover-state-layer-opacity: .04;
        --mdc-checkbox-unselected-pressed-state-layer-opacity: .16
      }

      html {
        --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
        --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
        --mdc-checkbox-selected-checkmark-color: white;
        --mdc-checkbox-selected-focus-icon-color: #ff4081;
        --mdc-checkbox-selected-hover-icon-color: #ff4081;
        --mdc-checkbox-selected-icon-color: #ff4081;
        --mdc-checkbox-selected-pressed-icon-color: #ff4081;
        --mdc-checkbox-unselected-focus-icon-color: #212121;
        --mdc-checkbox-unselected-hover-icon-color: #212121;
        --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
        --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
        --mdc-checkbox-selected-focus-state-layer-color: #ff4081;
        --mdc-checkbox-selected-hover-state-layer-color: #ff4081;
        --mdc-checkbox-selected-pressed-state-layer-color: #ff4081;
        --mdc-checkbox-unselected-focus-state-layer-color: black;
        --mdc-checkbox-unselected-hover-state-layer-color: black;
        --mdc-checkbox-unselected-pressed-state-layer-color: black;
        --mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38)
      }

      html {
        --mdc-checkbox-state-layer-size: 40px;
        --mat-checkbox-touch-target-display: block
      }

      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, .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, .1);
        --mat-text-button-hover-state-layer-opacity: .04;
        --mat-text-button-focus-state-layer-opacity: .12;
        --mat-text-button-pressed-state-layer-opacity: .12;
        --mdc-filled-button-container-color: white;
        --mdc-filled-button-label-text-color: black;
        --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, .12);
        --mdc-filled-button-disabled-label-text-color: rgba(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, .1);
        --mat-filled-button-hover-state-layer-opacity: .04;
        --mat-filled-button-focus-state-layer-opacity: .12;
        --mat-filled-button-pressed-state-layer-opacity: .12;
        --mdc-protected-button-container-color: white;
        --mdc-protected-button-label-text-color: black;
        --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, .12);
        --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, .38);
        --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);
        --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
        --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
        --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
        --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
        --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, .1);
        --mat-protected-button-hover-state-layer-opacity: .04;
        --mat-protected-button-focus-state-layer-opacity: .12;
        --mat-protected-button-pressed-state-layer-opacity: .12;
        --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, .12);
        --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, .38);
        --mdc-outlined-button-label-text-color: black;
        --mdc-outlined-button-outline-color: rgba(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, .1);
        --mat-outlined-button-hover-state-layer-opacity: .04;
        --mat-outlined-button-focus-state-layer-opacity: .12;
        --mat-outlined-button-pressed-state-layer-opacity: .12
      }

      html {
        --mdc-text-button-container-height: 36px;
        --mdc-filled-button-container-height: 36px;
        --mdc-outlined-button-container-height: 36px;
        --mdc-protected-button-container-height: 36px;
        --mat-text-button-touch-target-display: block;
        --mat-filled-button-touch-target-display: block;
        --mat-protected-button-touch-target-display: block;
        --mat-outlined-button-touch-target-display: block
      }

      html {
        --mdc-icon-button-icon-size: 24px
      }

      html {
        --mdc-icon-button-icon-color: inherit;
        --mdc-icon-button-disabled-icon-color: rgba(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, .1);
        --mat-icon-button-hover-state-layer-opacity: .04;
        --mat-icon-button-focus-state-layer-opacity: .12;
        --mat-icon-button-pressed-state-layer-opacity: .12
      }

      html {
        --mat-icon-button-touch-target-display: block
      }

      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, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
        --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
        --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
        --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);
        --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, .1);
        --mat-fab-hover-state-layer-opacity: .04;
        --mat-fab-focus-state-layer-opacity: .12;
        --mat-fab-pressed-state-layer-opacity: .12;
        --mat-fab-disabled-state-container-color: rgba(0, 0, 0, .12);
        --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, .38);
        --mdc-fab-small-container-color: white;
        --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
        --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
        --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
        --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);
        --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, .1);
        --mat-fab-small-hover-state-layer-opacity: .04;
        --mat-fab-small-focus-state-layer-opacity: .12;
        --mat-fab-small-pressed-state-layer-opacity: .12;
        --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, .12);
        --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, .38);
        --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
        --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
        --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
        --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);
        --mdc-extended-fab-container-shadow-color: #000
      }

      html {
        --mat-fab-touch-target-display: block;
        --mat-fab-small-touch-target-display: block
      }

      html {
        --mdc-snackbar-container-shape: 4px
      }

      html {
        --mdc-snackbar-container-color: #333333;
        --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, .87);
        --mat-snack-bar-button-color: #ff4081
      }

      html {
        --mat-table-row-item-outline-width: 1px
      }

      html {
        --mat-table-background-color: white;
        --mat-table-header-headline-color: rgba(0, 0, 0, .87);
        --mat-table-row-item-label-text-color: rgba(0, 0, 0, .87);
        --mat-table-row-item-outline-color: rgba(0, 0, 0, .12)
      }

      html {
        --mat-table-header-container-height: 56px;
        --mat-table-footer-container-height: 52px;
        --mat-table-row-item-container-height: 52px
      }

      html {
        --mdc-circular-progress-active-indicator-width: 4px;
        --mdc-circular-progress-size: 48px
      }

      html {
        --mdc-circular-progress-active-indicator-color: #ff921e
      }

      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: #ff921e;
        --mat-badge-text-color: white;
        --mat-badge-disabled-state-background-color: #b9b9b9;
        --mat-badge-disabled-state-text-color: rgba(0, 0, 0, .38)
      }

      html {
        --mat-bottom-sheet-container-shape: 4px
      }

      html {
        --mat-bottom-sheet-container-text-color: rgba(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: .04;
        --mat-standard-button-toggle-focus-state-layer-opacity: .12
      }

      html {
        --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, .38);
        --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, .12);
        --mat-legacy-button-toggle-selected-state-text-color: rgba(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, .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, .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, .87);
        --mat-standard-button-toggle-disabled-state-text-color: rgba(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, .87);
        --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
        --mat-standard-button-toggle-divider-color: #e0e0e0
      }

      html {
        --mat-standard-button-toggle-height: 48px
      }

      html {
        --mat-datepicker-calendar-container-shape: 4px;
        --mat-datepicker-calendar-container-touch-shape: 4px;
        --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
        --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12)
      }

      html {
        --mat-datepicker-calendar-date-selected-state-text-color: white;
        --mat-datepicker-calendar-date-selected-state-background-color: #ff921e;
        --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 146, 30, .4);
        --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
        --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 146, 30, .3);
        --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 146, 30, .3);
        --mat-datepicker-toggle-active-state-icon-color: #ff921e;
        --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 146, 30, .2);
        --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
        --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
        --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
        --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, .54);
        --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, .54);
        --mat-datepicker-calendar-period-button-text-color: black;
        --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, .54);
        --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, .54);
        --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, .12);
        --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, .54);
        --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, .38);
        --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, .18);
        --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, .87);
        --mat-datepicker-calendar-date-outline-color: transparent;
        --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, .38);
        --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, .24);
        --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, .87);
        --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, .38);
        --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, .38);
        --mat-datepicker-calendar-container-background-color: white;
        --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, .87)
      }

      html {
        --mat-divider-width: 1px
      }

      html {
        --mat-divider-color: rgba(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, .87);
        --mat-expansion-actions-divider-color: rgba(0, 0, 0, .12);
        --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, .04);
        --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, .04);
        --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, .26);
        --mat-expansion-header-text-color: rgba(0, 0, 0, .87);
        --mat-expansion-header-description-color: rgba(0, 0, 0, .54);
        --mat-expansion-header-indicator-color: rgba(0, 0, 0, .54)
      }

      html {
        --mat-expansion-header-collapsed-state-height: 48px;
        --mat-expansion-header-expanded-state-height: 64px
      }

      html {
        --mat-icon-color: inherit
      }

      html {
        --mat-sidenav-container-shape: 0;
        --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);
        --mat-sidenav-container-width: auto
      }

      html {
        --mat-sidenav-container-divider-color: rgba(0, 0, 0, .12);
        --mat-sidenav-container-background-color: white;
        --mat-sidenav-container-text-color: rgba(0, 0, 0, .87);
        --mat-sidenav-content-background-color: #fafafa;
        --mat-sidenav-content-text-color: rgba(0, 0, 0, .87);
        --mat-sidenav-scrim-color: rgba(0, 0, 0, .6)
      }

      html {
        --mat-stepper-header-icon-foreground-color: white;
        --mat-stepper-header-selected-state-icon-background-color: #ff921e;
        --mat-stepper-header-selected-state-icon-foreground-color: white;
        --mat-stepper-header-done-state-icon-background-color: #ff921e;
        --mat-stepper-header-done-state-icon-foreground-color: white;
        --mat-stepper-header-edit-state-icon-background-color: #ff921e;
        --mat-stepper-header-edit-state-icon-foreground-color: white;
        --mat-stepper-container-color: white;
        --mat-stepper-line-color: rgba(0, 0, 0, .12);
        --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, .04);
        --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, .04);
        --mat-stepper-header-label-text-color: rgba(0, 0, 0, .54);
        --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, .54);
        --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, .87);
        --mat-stepper-header-error-state-label-text-color: #f44336;
        --mat-stepper-header-icon-background-color: rgba(0, 0, 0, .54);
        --mat-stepper-header-error-state-icon-foreground-color: #f44336;
        --mat-stepper-header-error-state-icon-background-color: transparent
      }

      html {
        --mat-stepper-header-height: 72px
      }

      html {
        --mat-sort-arrow-color: #757575
      }

      html {
        --mat-toolbar-container-background-color: whitesmoke;
        --mat-toolbar-container-text-color: rgba(0, 0, 0, .87)
      }

      html {
        --mat-toolbar-standard-height: 64px;
        --mat-toolbar-mobile-height: 56px
      }

      html {
        --mat-tree-container-background-color: white;
        --mat-tree-node-text-color: rgba(0, 0, 0, .87)
      }

      html {
        --mat-tree-node-min-height: 48px
      }

      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
      }