@import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";

/* src/app/shared/styles/material.scss */
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
:root {
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: #FBF9F9;
  --mat-table-header-headline-color: #1B1C1C;
  --mat-table-row-item-label-text-color: #1B1C1C;
  --mat-table-row-item-outline-color: #84746a;
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 1.25rem;
  --mat-table-header-headline-size: 0.875rem;
  --mat-table-header-headline-tracking: 0.006rem;
  --mat-table-header-headline-weight: 500;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 1.25rem;
  --mat-table-row-item-label-text-size: 0.875rem;
  --mat-table-row-item-label-text-tracking: 0.016rem;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 1.25rem;
  --mat-table-footer-supporting-text-size: 0.875rem;
  --mat-table-footer-supporting-text-tracking: 0.016rem;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.08;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.08;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, #1B1C1C 38%, transparent);
  --mat-checkbox-disabled-selected-checkmark-color: #FBF9F9;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, #1B1C1C 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, #1B1C1C 38%, transparent);
  --mat-checkbox-label-text-color: #1B1C1C;
  --mat-checkbox-selected-checkmark-color: #FFFFFF;
  --mat-checkbox-selected-focus-icon-color: #FF8001;
  --mat-checkbox-selected-focus-state-layer-color: #FF8001;
  --mat-checkbox-selected-hover-icon-color: #FF8001;
  --mat-checkbox-selected-hover-state-layer-color: #FF8001;
  --mat-checkbox-selected-icon-color: #FF8001;
  --mat-checkbox-selected-pressed-icon-color: #FF8001;
  --mat-checkbox-selected-pressed-state-layer-color: #1B1C1C;
  --mat-checkbox-unselected-focus-icon-color: #1B1C1C;
  --mat-checkbox-unselected-focus-state-layer-color: #1B1C1C;
  --mat-checkbox-unselected-hover-icon-color: #1B1C1C;
  --mat-checkbox-unselected-hover-state-layer-color: #1B1C1C;
  --mat-checkbox-unselected-icon-color: #52443c;
  --mat-checkbox-unselected-pressed-state-layer-color: #FF8001;
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 1.25rem;
  --mat-checkbox-label-text-size: 0.875rem;
  --mat-checkbox-label-text-tracking: 0.016rem;
  --mat-checkbox-label-text-weight: 400;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-tab-divider-height: 1px;
  --mat-tab-active-focus-indicator-color: #FF8001;
  --mat-tab-active-focus-label-text-color: #1B1C1C;
  --mat-tab-active-hover-indicator-color: #FF8001;
  --mat-tab-active-hover-label-text-color: #1B1C1C;
  --mat-tab-active-indicator-color: #FF8001;
  --mat-tab-active-label-text-color: #1B1C1C;
  --mat-tab-active-ripple-color: #1B1C1C;
  --mat-tab-divider-color: #f4ded3;
  --mat-tab-inactive-focus-label-text-color: #1B1C1C;
  --mat-tab-inactive-hover-label-text-color: #1B1C1C;
  --mat-tab-inactive-label-text-color: #1B1C1C;
  --mat-tab-inactive-ripple-color: #1B1C1C;
  --mat-tab-pagination-icon-color: #1B1C1C;
  --mat-tab-disabled-ripple-color: #52443c;
  --mat-tab-container-height: 48px;
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-line-height: 1.25rem;
  --mat-tab-label-text-size: 0.875rem;
  --mat-tab-label-text-tracking: 0.006rem;
  --mat-tab-label-text-weight: 500;
  --mat-dialog-actions-alignment: flex-end;
  --mat-dialog-actions-padding: 16px 24px;
  --mat-dialog-container-elevation-shadow: none;
  --mat-dialog-container-max-width: 560px;
  --mat-dialog-container-min-width: 280px;
  --mat-dialog-container-shape: 28px;
  --mat-dialog-container-small-max-width: calc(100vw - 32px);
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 6px 24px 13px;
  --mat-dialog-with-actions-content-padding: 20px 24px 0;
  --mat-dialog-container-color: #FBF9F9;
  --mat-dialog-subhead-color: #1B1C1C;
  --mat-dialog-supporting-text-color: #52443c;
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 2rem;
  --mat-dialog-subhead-size: 1.5rem;
  --mat-dialog-subhead-tracking: 0;
  --mat-dialog-subhead-weight: 400;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 1.25rem;
  --mat-dialog-supporting-text-size: 0.875rem;
  --mat-dialog-supporting-text-tracking: 0.016rem;
  --mat-dialog-supporting-text-weight: 400;
  --mat-list-active-indicator-color: #FFF2D4;
  --mat-list-active-indicator-shape: 9999px;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-disabled-label-text-color: #1B1C1C;
  --mat-list-list-item-disabled-label-text-opacity: 0.3;
  --mat-list-list-item-disabled-leading-icon-color: #1B1C1C;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-state-layer-color: #1B1C1C;
  --mat-list-list-item-disabled-state-layer-opacity: 0.12;
  --mat-list-list-item-disabled-trailing-icon-color: #1B1C1C;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-focus-label-text-color: #1B1C1C;
  --mat-list-list-item-focus-state-layer-color: #1B1C1C;
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-hover-label-text-color: #1B1C1C;
  --mat-list-list-item-hover-state-layer-color: #1B1C1C;
  --mat-list-list-item-hover-state-layer-opacity: 0.08;
  --mat-list-list-item-label-text-color: #1B1C1C;
  --mat-list-list-item-leading-avatar-color: #FFE9D4;
  --mat-list-list-item-leading-avatar-shape: 9999px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-leading-icon-color: #52443c;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-selected-trailing-icon-color: #FF8001;
  --mat-list-list-item-supporting-text-color: #52443c;
  --mat-list-list-item-trailing-icon-color: #52443c;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-trailing-supporting-text-color: #52443c;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 16px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 1.5rem;
  --mat-list-list-item-label-text-size: 1rem;
  --mat-list-list-item-label-text-tracking: 0.031rem;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 1.25rem;
  --mat-list-list-item-supporting-text-size: 0.875rem;
  --mat-list-list-item-supporting-text-tracking: 0.016rem;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 1rem;
  --mat-list-list-item-trailing-supporting-text-size: 0.688rem;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.031rem;
  --mat-list-list-item-trailing-supporting-text-weight: 500;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, #1B1C1C 38%, transparent);
  --mat-form-field-disabled-leading-icon-color: color-mix(in srgb, #1B1C1C 38%, transparent);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, #1B1C1C 38%, transparent);
  --mat-form-field-disabled-trailing-icon-color: color-mix(in srgb, #1B1C1C 38%, transparent);
  --mat-form-field-enabled-select-arrow-color: #52443c;
  --mat-form-field-error-focus-trailing-icon-color: #F04438;
  --mat-form-field-error-hover-trailing-icon-color: #B4332A;
  --mat-form-field-error-text-color: #F04438;
  --mat-form-field-error-trailing-icon-color: #F04438;
  --mat-form-field-filled-active-indicator-color: #52443c;
  --mat-form-field-filled-caret-color: #FF8001;
  --mat-form-field-filled-container-color: #f4ded3;
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, #1B1C1C 38%, transparent);
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, #1B1C1C 4%, transparent);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, #1B1C1C 38%, transparent);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, #1B1C1C 38%, transparent);
  --mat-form-field-filled-error-active-indicator-color: #F04438;
  --mat-form-field-filled-error-caret-color: #F04438;
  --mat-form-field-filled-error-focus-active-indicator-color: #F04438;
  --mat-form-field-filled-error-focus-label-text-color: #F04438;
  --mat-form-field-filled-error-hover-active-indicator-color: #B4332A;
  --mat-form-field-filled-error-hover-label-text-color: #B4332A;
  --mat-form-field-filled-error-label-text-color: #F04438;
  --mat-form-field-filled-focus-active-indicator-color: #FF8001;
  --mat-form-field-filled-focus-label-text-color: #FF8001;
  --mat-form-field-filled-hover-active-indicator-color: #1B1C1C;
  --mat-form-field-filled-hover-label-text-color: #52443c;
  --mat-form-field-filled-input-text-color: #1B1C1C;
  --mat-form-field-filled-input-text-placeholder-color: #52443c;
  --mat-form-field-filled-label-text-color: #52443c;
  --mat-form-field-focus-select-arrow-color: #FF8001;
  --mat-form-field-focus-state-layer-opacity: 0;
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-leading-icon-color: #52443c;
  --mat-form-field-outlined-caret-color: #FF8001;
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, #1B1C1C 38%, transparent);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, #1B1C1C 38%, transparent);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, #1B1C1C 12%, transparent);
  --mat-form-field-outlined-error-caret-color: #F04438;
  --mat-form-field-outlined-error-focus-label-text-color: #F04438;
  --mat-form-field-outlined-error-focus-outline-color: #F04438;
  --mat-form-field-outlined-error-hover-label-text-color: #B4332A;
  --mat-form-field-outlined-error-hover-outline-color: #B4332A;
  --mat-form-field-outlined-error-label-text-color: #F04438;
  --mat-form-field-outlined-error-outline-color: #F04438;
  --mat-form-field-outlined-focus-label-text-color: #FF8001;
  --mat-form-field-outlined-focus-outline-color: #FF8001;
  --mat-form-field-outlined-hover-label-text-color: #1B1C1C;
  --mat-form-field-outlined-hover-outline-color: #1B1C1C;
  --mat-form-field-outlined-input-text-color: #1B1C1C;
  --mat-form-field-outlined-input-text-placeholder-color: #52443c;
  --mat-form-field-outlined-label-text-color: #52443c;
  --mat-form-field-outlined-outline-color: #84746a;
  --mat-form-field-select-disabled-option-text-color: color-mix(in srgb, #1B1C1C 38%, transparent);
  --mat-form-field-select-option-text-color: #1B1C1C;
  --mat-form-field-state-layer-color: #1B1C1C;
  --mat-form-field-trailing-icon-color: #52443c;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 1.5rem;
  --mat-form-field-container-text-size: 1rem;
  --mat-form-field-container-text-tracking: 0.031rem;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 1rem;
  --mat-form-field-subscript-text-size: 0.75rem;
  --mat-form-field-subscript-text-tracking: 0.025rem;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 1rem;
  --mat-form-field-outlined-label-text-tracking: 0.031rem;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 1rem;
  --mat-form-field-filled-label-text-tracking: 0.031rem;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-button-filled-container-shape: 9999px;
  --mat-button-filled-horizontal-padding: 24px;
  --mat-button-filled-icon-offset: -8px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 9999px;
  --mat-button-outlined-horizontal-padding: 24px;
  --mat-button-outlined-icon-offset: -8px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-shape: 9999px;
  --mat-button-protected-horizontal-padding: 24px;
  --mat-button-protected-icon-offset: -8px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 9999px;
  --mat-button-text-horizontal-padding: 12px;
  --mat-button-text-icon-offset: -4px;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 16px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 9999px;
  --mat-button-tonal-horizontal-padding: 24px;
  --mat-button-tonal-icon-offset: -8px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: #FF8001;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, #1B1C1C 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, #1B1C1C 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: #52443c;
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.08;
  --mat-button-filled-label-text-color: #FFFFFF;
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, #FFFFFF 12%, transparent);
  --mat-button-filled-state-layer-color: #FFFFFF;
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, #1B1C1C 38%, transparent);
  --mat-button-outlined-disabled-outline-color: color-mix(in srgb, #1B1C1C 12%, transparent);
  --mat-button-outlined-disabled-state-layer-color: #52443c;
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.08;
  --mat-button-outlined-label-text-color: #FF8001;
  --mat-button-outlined-outline-color: #84746a;
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, #FF8001 12%, transparent);
  --mat-button-outlined-state-layer-color: #FF8001;
  --mat-button-protected-container-color: #FBF9F9;
  --mat-button-protected-container-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-container-color: color-mix(in srgb, #1B1C1C 12%, transparent);
  --mat-button-protected-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, #1B1C1C 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: #52443c;
  --mat-button-protected-focus-container-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-container-elevation-shadow:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-hover-state-layer-opacity: 0.08;
  --mat-button-protected-label-text-color: #FF8001;
  --mat-button-protected-pressed-container-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, #FF8001 12%, transparent);
  --mat-button-protected-state-layer-color: #FF8001;
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, #1B1C1C 38%, transparent);
  --mat-button-text-disabled-state-layer-color: #52443c;
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.08;
  --mat-button-text-label-text-color: #FF8001;
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, #FF8001 12%, transparent);
  --mat-button-text-state-layer-color: #FF8001;
  --mat-button-tonal-container-color: #FFF2D4;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, #1B1C1C 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, #1B1C1C 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: #52443c;
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.08;
  --mat-button-tonal-label-text-color: #BF8601;
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #BF8601 12%, transparent);
  --mat-button-tonal-state-layer-color: #BF8601;
  --mat-button-filled-touch-target-display: block;
  --mat-button-filled-container-height: 40px;
  --mat-button-outlined-container-height: 40px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-touch-target-display: block;
  --mat-button-protected-container-height: 40px;
  --mat-button-text-touch-target-display: block;
  --mat-button-text-container-height: 40px;
  --mat-button-tonal-container-height: 40px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 0.875rem;
  --mat-button-filled-label-text-tracking: 0.006rem;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 0.875rem;
  --mat-button-outlined-label-text-tracking: 0.006rem;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 0.875rem;
  --mat-button-protected-label-text-tracking: 0.006rem;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 0.875rem;
  --mat-button-text-label-text-tracking: 0.006rem;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 0.875rem;
  --mat-button-tonal-label-text-tracking: 0.006rem;
  --mat-button-tonal-label-text-weight: 500;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-focus-state-layer-shape: 12px;
  --mat-stepper-header-hover-state-layer-shape: 12px;
  --mat-stepper-container-color: #FBF9F9;
  --mat-stepper-header-done-state-icon-background-color: #FF8001;
  --mat-stepper-header-done-state-icon-foreground-color: #FFFFFF;
  --mat-stepper-header-edit-state-icon-background-color: #FF8001;
  --mat-stepper-header-edit-state-icon-foreground-color: #FFFFFF;
  --mat-stepper-header-error-state-icon-foreground-color: #F04438;
  --mat-stepper-header-error-state-label-text-color: #F04438;
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, #1B1C1C 12%, transparent);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, #1B1C1C 8%, transparent);
  --mat-stepper-header-icon-background-color: #52443c;
  --mat-stepper-header-icon-foreground-color: #FBF9F9;
  --mat-stepper-header-label-text-color: #52443c;
  --mat-stepper-header-optional-label-text-color: #52443c;
  --mat-stepper-header-selected-state-icon-background-color: #FF8001;
  --mat-stepper-header-selected-state-icon-foreground-color: #FFFFFF;
  --mat-stepper-header-selected-state-label-text-color: #52443c;
  --mat-stepper-line-color: #84746a;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 0.875rem;
  --mat-stepper-header-label-text-weight: 500;
  --mat-stepper-header-error-state-label-text-size: 0.875rem;
  --mat-stepper-header-selected-state-label-text-size: 0.875rem;
  --mat-stepper-header-selected-state-label-text-weight: 500;
  --mat-stepper-header-height: 72px;
  --mat-tooltip-container-color: #303031;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-color: #F2F0F0;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-line-height: 1rem;
  --mat-tooltip-supporting-text-size: 0.75rem;
  --mat-tooltip-supporting-text-tracking: 0.025rem;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-bottom-sheet-container-shape: 28px;
  --mat-bottom-sheet-container-text-color: #1B1C1C;
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 1.5rem;
  --mat-bottom-sheet-container-text-size: 1rem;
  --mat-bottom-sheet-container-text-tracking: 0.031rem;
  --mat-bottom-sheet-container-text-weight: 400;
}
[data-theme=dark] {
  color-scheme: dark;
  --mat-table-row-item-outline-width: 1px;
  --mat-table-header-headline-color: #E3E2E2;
  --mat-table-row-item-label-text-color: #E3E2E2;
  --mat-table-row-item-outline-color: #9f8d83;
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 1.25rem;
  --mat-table-header-headline-size: 0.875rem;
  --mat-table-header-headline-tracking: 0.006rem;
  --mat-table-header-headline-weight: 500;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 1.25rem;
  --mat-table-row-item-label-text-size: 0.875rem;
  --mat-table-row-item-label-text-tracking: 0.016rem;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 1.25rem;
  --mat-table-footer-supporting-text-size: 0.875rem;
  --mat-table-footer-supporting-text-tracking: 0.016rem;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.08;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.08;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, #E3E2E2 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, #E3E2E2 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, #E3E2E2 38%, transparent);
  --mat-checkbox-label-text-color: #E3E2E2;
  --mat-checkbox-selected-checkmark-color: #804000;
  --mat-checkbox-selected-focus-icon-color: #FFD4AA;
  --mat-checkbox-selected-focus-state-layer-color: #FFD4AA;
  --mat-checkbox-selected-hover-icon-color: #FFD4AA;
  --mat-checkbox-selected-hover-state-layer-color: #FFD4AA;
  --mat-checkbox-selected-icon-color: #FFD4AA;
  --mat-checkbox-selected-pressed-icon-color: #FFD4AA;
  --mat-checkbox-selected-pressed-state-layer-color: #E3E2E2;
  --mat-checkbox-unselected-focus-icon-color: #E3E2E2;
  --mat-checkbox-unselected-focus-state-layer-color: #E3E2E2;
  --mat-checkbox-unselected-hover-icon-color: #E3E2E2;
  --mat-checkbox-unselected-hover-state-layer-color: #E3E2E2;
  --mat-checkbox-unselected-icon-color: #f4ded3;
  --mat-checkbox-unselected-pressed-state-layer-color: #FFD4AA;
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 1.25rem;
  --mat-checkbox-label-text-size: 0.875rem;
  --mat-checkbox-label-text-tracking: 0.016rem;
  --mat-checkbox-label-text-weight: 400;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-tab-divider-height: 1px;
  --mat-tab-active-focus-indicator-color: #FFD4AA;
  --mat-tab-active-focus-label-text-color: #E3E2E2;
  --mat-tab-active-hover-indicator-color: #FFD4AA;
  --mat-tab-active-hover-label-text-color: #E3E2E2;
  --mat-tab-active-indicator-color: #FFD4AA;
  --mat-tab-active-label-text-color: #E3E2E2;
  --mat-tab-active-ripple-color: #E3E2E2;
  --mat-tab-divider-color: #52443c;
  --mat-tab-inactive-focus-label-text-color: #E3E2E2;
  --mat-tab-inactive-hover-label-text-color: #E3E2E2;
  --mat-tab-inactive-label-text-color: #E3E2E2;
  --mat-tab-inactive-ripple-color: #E3E2E2;
  --mat-tab-pagination-icon-color: #E3E2E2;
  --mat-tab-disabled-ripple-color: #f4ded3;
  --mat-tab-container-height: 48px;
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-line-height: 1.25rem;
  --mat-tab-label-text-size: 0.875rem;
  --mat-tab-label-text-tracking: 0.006rem;
  --mat-tab-label-text-weight: 500;
  --mat-dialog-actions-alignment: flex-end;
  --mat-dialog-actions-padding: 16px 24px;
  --mat-dialog-container-elevation-shadow: none;
  --mat-dialog-container-max-width: 560px;
  --mat-dialog-container-min-width: 280px;
  --mat-dialog-container-shape: 28px;
  --mat-dialog-container-small-max-width: calc(100vw - 32px);
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 6px 24px 13px;
  --mat-dialog-with-actions-content-padding: 20px 24px 0;
  --mat-dialog-subhead-color: #E3E2E2;
  --mat-dialog-supporting-text-color: #f4ded3;
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 2rem;
  --mat-dialog-subhead-size: 1.5rem;
  --mat-dialog-subhead-tracking: 0;
  --mat-dialog-subhead-weight: 400;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 1.25rem;
  --mat-dialog-supporting-text-size: 0.875rem;
  --mat-dialog-supporting-text-tracking: 0.016rem;
  --mat-dialog-supporting-text-weight: 400;
  --mat-list-active-indicator-color: #BF8601;
  --mat-list-active-indicator-shape: 9999px;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-disabled-label-text-color: #E3E2E2;
  --mat-list-list-item-disabled-label-text-opacity: 0.3;
  --mat-list-list-item-disabled-leading-icon-color: #E3E2E2;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-state-layer-color: #E3E2E2;
  --mat-list-list-item-disabled-state-layer-opacity: 0.12;
  --mat-list-list-item-disabled-trailing-icon-color: #E3E2E2;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-focus-label-text-color: #E3E2E2;
  --mat-list-list-item-focus-state-layer-color: #E3E2E2;
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-hover-label-text-color: #E3E2E2;
  --mat-list-list-item-hover-state-layer-color: #E3E2E2;
  --mat-list-list-item-hover-state-layer-opacity: 0.08;
  --mat-list-list-item-label-text-color: #E3E2E2;
  --mat-list-list-item-leading-avatar-color: #BF6001;
  --mat-list-list-item-leading-avatar-shape: 9999px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-leading-icon-color: #f4ded3;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-selected-trailing-icon-color: #FFD4AA;
  --mat-list-list-item-supporting-text-color: #f4ded3;
  --mat-list-list-item-trailing-icon-color: #f4ded3;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-trailing-supporting-text-color: #f4ded3;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 16px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 1.5rem;
  --mat-list-list-item-label-text-size: 1rem;
  --mat-list-list-item-label-text-tracking: 0.031rem;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 1.25rem;
  --mat-list-list-item-supporting-text-size: 0.875rem;
  --mat-list-list-item-supporting-text-tracking: 0.016rem;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 1rem;
  --mat-list-list-item-trailing-supporting-text-size: 0.688rem;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.031rem;
  --mat-list-list-item-trailing-supporting-text-weight: 500;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, #E3E2E2 38%, transparent);
  --mat-form-field-disabled-leading-icon-color: color-mix(in srgb, #E3E2E2 38%, transparent);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, #E3E2E2 38%, transparent);
  --mat-form-field-disabled-trailing-icon-color: color-mix(in srgb, #E3E2E2 38%, transparent);
  --mat-form-field-enabled-select-arrow-color: #f4ded3;
  --mat-form-field-error-focus-trailing-icon-color: #FAC0BC;
  --mat-form-field-error-hover-trailing-icon-color: #FCDFDD;
  --mat-form-field-error-text-color: #FAC0BC;
  --mat-form-field-error-trailing-icon-color: #FAC0BC;
  --mat-form-field-filled-active-indicator-color: #f4ded3;
  --mat-form-field-filled-caret-color: #FFD4AA;
  --mat-form-field-filled-container-color: #52443c;
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, #E3E2E2 38%, transparent);
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, #E3E2E2 4%, transparent);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, #E3E2E2 38%, transparent);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, #E3E2E2 38%, transparent);
  --mat-form-field-filled-error-active-indicator-color: #FAC0BC;
  --mat-form-field-filled-error-caret-color: #FAC0BC;
  --mat-form-field-filled-error-focus-active-indicator-color: #FAC0BC;
  --mat-form-field-filled-error-focus-label-text-color: #FAC0BC;
  --mat-form-field-filled-error-hover-active-indicator-color: #FCDFDD;
  --mat-form-field-filled-error-hover-label-text-color: #FCDFDD;
  --mat-form-field-filled-error-label-text-color: #FAC0BC;
  --mat-form-field-filled-focus-active-indicator-color: #FFD4AA;
  --mat-form-field-filled-focus-label-text-color: #FFD4AA;
  --mat-form-field-filled-hover-active-indicator-color: #E3E2E2;
  --mat-form-field-filled-hover-label-text-color: #f4ded3;
  --mat-form-field-filled-input-text-color: #E3E2E2;
  --mat-form-field-filled-input-text-placeholder-color: #f4ded3;
  --mat-form-field-filled-label-text-color: #f4ded3;
  --mat-form-field-focus-select-arrow-color: #FFD4AA;
  --mat-form-field-focus-state-layer-opacity: 0;
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-leading-icon-color: #f4ded3;
  --mat-form-field-outlined-caret-color: #FFD4AA;
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, #E3E2E2 38%, transparent);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, #E3E2E2 38%, transparent);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, #E3E2E2 12%, transparent);
  --mat-form-field-outlined-error-caret-color: #FAC0BC;
  --mat-form-field-outlined-error-focus-label-text-color: #FAC0BC;
  --mat-form-field-outlined-error-focus-outline-color: #FAC0BC;
  --mat-form-field-outlined-error-hover-label-text-color: #FCDFDD;
  --mat-form-field-outlined-error-hover-outline-color: #FCDFDD;
  --mat-form-field-outlined-error-label-text-color: #FAC0BC;
  --mat-form-field-outlined-error-outline-color: #FAC0BC;
  --mat-form-field-outlined-focus-label-text-color: #FFD4AA;
  --mat-form-field-outlined-focus-outline-color: #FFD4AA;
  --mat-form-field-outlined-hover-label-text-color: #E3E2E2;
  --mat-form-field-outlined-hover-outline-color: #E3E2E2;
  --mat-form-field-outlined-input-text-color: #E3E2E2;
  --mat-form-field-outlined-input-text-placeholder-color: #f4ded3;
  --mat-form-field-outlined-label-text-color: #f4ded3;
  --mat-form-field-outlined-outline-color: #9f8d83;
  --mat-form-field-select-disabled-option-text-color: color-mix(in srgb, #1B1C1C 38%, transparent);
  --mat-form-field-select-option-text-color: #1B1C1C;
  --mat-form-field-state-layer-color: #E3E2E2;
  --mat-form-field-trailing-icon-color: #f4ded3;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 1.5rem;
  --mat-form-field-container-text-size: 1rem;
  --mat-form-field-container-text-tracking: 0.031rem;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 1rem;
  --mat-form-field-subscript-text-size: 0.75rem;
  --mat-form-field-subscript-text-tracking: 0.025rem;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 1rem;
  --mat-form-field-outlined-label-text-tracking: 0.031rem;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 1rem;
  --mat-form-field-filled-label-text-tracking: 0.031rem;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-button-filled-container-shape: 9999px;
  --mat-button-filled-horizontal-padding: 24px;
  --mat-button-filled-icon-offset: -8px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 9999px;
  --mat-button-outlined-horizontal-padding: 24px;
  --mat-button-outlined-icon-offset: -8px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-shape: 9999px;
  --mat-button-protected-horizontal-padding: 24px;
  --mat-button-protected-icon-offset: -8px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 9999px;
  --mat-button-text-horizontal-padding: 12px;
  --mat-button-text-icon-offset: -4px;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 16px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 9999px;
  --mat-button-tonal-horizontal-padding: 24px;
  --mat-button-tonal-icon-offset: -8px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: #FFD4AA;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, #E3E2E2 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, #E3E2E2 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: #f4ded3;
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.08;
  --mat-button-filled-label-text-color: #804000;
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, #804000 12%, transparent);
  --mat-button-filled-state-layer-color: #804000;
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, #E3E2E2 38%, transparent);
  --mat-button-outlined-disabled-outline-color: color-mix(in srgb, #E3E2E2 12%, transparent);
  --mat-button-outlined-disabled-state-layer-color: #f4ded3;
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.08;
  --mat-button-outlined-label-text-color: #FFD4AA;
  --mat-button-outlined-outline-color: #9f8d83;
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, #FFD4AA 12%, transparent);
  --mat-button-outlined-state-layer-color: #FFD4AA;
  --mat-button-protected-container-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-container-color: color-mix(in srgb, #E3E2E2 12%, transparent);
  --mat-button-protected-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, #E3E2E2 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: #f4ded3;
  --mat-button-protected-focus-container-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-container-elevation-shadow:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-hover-state-layer-opacity: 0.08;
  --mat-button-protected-label-text-color: #FFD4AA;
  --mat-button-protected-pressed-container-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, #FFD4AA 12%, transparent);
  --mat-button-protected-state-layer-color: #FFD4AA;
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, #E3E2E2 38%, transparent);
  --mat-button-text-disabled-state-layer-color: #f4ded3;
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.08;
  --mat-button-text-label-text-color: #FFD4AA;
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, #FFD4AA 12%, transparent);
  --mat-button-text-state-layer-color: #FFD4AA;
  --mat-button-tonal-container-color: #BF8601;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, #E3E2E2 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, #E3E2E2 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: #f4ded3;
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.08;
  --mat-button-tonal-label-text-color: #FFF2D4;
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #FFF2D4 12%, transparent);
  --mat-button-tonal-state-layer-color: #FFF2D4;
  --mat-button-filled-touch-target-display: block;
  --mat-button-filled-container-height: 40px;
  --mat-button-outlined-container-height: 40px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-touch-target-display: block;
  --mat-button-protected-container-height: 40px;
  --mat-button-text-touch-target-display: block;
  --mat-button-text-container-height: 40px;
  --mat-button-tonal-container-height: 40px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 0.875rem;
  --mat-button-filled-label-text-tracking: 0.006rem;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 0.875rem;
  --mat-button-outlined-label-text-tracking: 0.006rem;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 0.875rem;
  --mat-button-protected-label-text-tracking: 0.006rem;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 0.875rem;
  --mat-button-text-label-text-tracking: 0.006rem;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 0.875rem;
  --mat-button-tonal-label-text-tracking: 0.006rem;
  --mat-button-tonal-label-text-weight: 500;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-focus-state-layer-shape: 12px;
  --mat-stepper-header-hover-state-layer-shape: 12px;
  --mat-stepper-header-done-state-icon-background-color: #FFD4AA;
  --mat-stepper-header-done-state-icon-foreground-color: #804000;
  --mat-stepper-header-edit-state-icon-background-color: #FFD4AA;
  --mat-stepper-header-edit-state-icon-foreground-color: #804000;
  --mat-stepper-header-error-state-icon-foreground-color: #FAC0BC;
  --mat-stepper-header-error-state-label-text-color: #FAC0BC;
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, #E3E2E2 12%, transparent);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, #E3E2E2 8%, transparent);
  --mat-stepper-header-icon-background-color: #f4ded3;
  --mat-stepper-header-label-text-color: #f4ded3;
  --mat-stepper-header-optional-label-text-color: #f4ded3;
  --mat-stepper-header-selected-state-icon-background-color: #FFD4AA;
  --mat-stepper-header-selected-state-icon-foreground-color: #804000;
  --mat-stepper-header-selected-state-label-text-color: #f4ded3;
  --mat-stepper-line-color: #9f8d83;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 0.875rem;
  --mat-stepper-header-label-text-weight: 500;
  --mat-stepper-header-error-state-label-text-size: 0.875rem;
  --mat-stepper-header-selected-state-label-text-size: 0.875rem;
  --mat-stepper-header-selected-state-label-text-weight: 500;
  --mat-stepper-header-height: 72px;
  --mat-tooltip-container-color: #E3E2E2;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-color: #303031;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-line-height: 1rem;
  --mat-tooltip-supporting-text-size: 0.75rem;
  --mat-tooltip-supporting-text-tracking: 0.025rem;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-bottom-sheet-container-shape: 28px;
  --mat-bottom-sheet-container-text-color: #E3E2E2;
  --mat-bottom-sheet-container-background-color: #1B1C1C;
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 1.5rem;
  --mat-bottom-sheet-container-text-size: 1rem;
  --mat-bottom-sheet-container-text-tracking: 0.031rem;
  --mat-bottom-sheet-container-text-weight: 400;
}

/* src/styles.scss */
:root {
  --mat-form-field-container-text-font: Roboto;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.5px;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-outline-color: #E3E2E2;
  --mat-form-field-container-height: 48px !important;
  --mat-sidenav-content-background-color: var(--bg-secondary_alt);
  --mat-checkbox-unselected-focus-icon-color: var(--border-primary);
  --mat-checkbox-selected-icon-color: var(--bg-brand-solid);
  --mat-table-header-container-height: 44px;
  --mat-table-background-color: #FFFFFF;
  --mat-table-header-headline-color: #1B1C1C;
  --mat-table-row-item-outline-color: var(--border-secondary) !important;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 700;
  --mat-table-row-item-container-height: 72px;
  --mat-tab-divider-color: var(--border-secondary);
  --mat-tab-active-label-text-color: var(--text-brand-secondary);
  --mat-tab-active-hover-label-text-color: var(--text-brand-secondary);
  --mat-checkbox-selected-icon-color: var(--bg-brand-solid);
  --mat-checkbox-selected-focus-icon-color: var(--bg-brand-solid);
  --mat-checkbox-unselected-focus-state-layer-color: transparent;
  --mat-checkbox-unselected-focus-icon-color: var(--border-primary);
  --mat-button-filled-container-color: var(--bg-brand-solid);
  --mat-button-filled-label-text-color: var(--text-white);
  --mat-dialog-container-color: var(--bg-primary) !important;
  --mat-bottom-sheet-container-background-color: var(--bg-primary) !important;
  --mat-button-filled-container-height: 40px;
  --mat-button-filled-container-shape: 6px;
  --mat-select-panel-background-color: white;
  --mat-autocomplete-background-color: white;
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 1px 8px 0px rgb(152 152 152 / 93%);
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-paginator-container-background-color: #FFFFFF;
  --mat-paginator-container-text-color: #777777;
}
:root .mat-mdc-cell {
  border-bottom-color: var(--border-secondary) !important;
}
:root .mat-mdc-checkbox label {
  margin-inline-start: var(--spacing-md, 8px);
}
:root .mat-form-field-disabled > .mdc-text-field {
  background-color: var(--bg-secondary_alt);
}
:root .mat-mdc-select-arrow::before {
  border-color: var(--text-primary) !important;
}
:root .mat-mdc-form-field-flex {
  height: 100% !important;
}
:root .mat-mdc-form-field-infix {
  height: 100% !important;
}
:root .mat-mdc-button {
  border-radius: 6px;
}
:root .mat-mdc-header-cell {
  background-color: var(--bg-tertiary) !important;
  color: var(--text-quaternary);
  font-size: var(--font-size-text-xs, 12px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--line-height-text-xs, 18px);
}
:root table {
  background-color: transparent !important;
}
:root .mat-mdc-header-row {
  height: 44px;
}
:root .mdc-data-table__content {
  background-color: var(--bg-primary_alt);
}
:root .mat-mdc-paginator {
  background-color: var(--bg-primary_alt);
}
:root :is(.date-time-range, .date-picker) label {
  background-color: var(--bg-primary_alt);
}
:root th,
:root td {
  text-align: left;
  justify-content: start;
}
:root mat-paginator {
  margin-top: 20px;
}
:root mat-paginator .mat-mdc-paginator-container {
  justify-content: center;
}
:root mat-stepper {
  background: inherit;
}
:root .mat-stepper-horizontal-line {
  border-top-color: var(--neutral-80);
  margin: 0;
}
:root .mat-step-icon {
  background-color: var(--outline);
}
:root .mat-step-icon-selected {
  background-color: var(--bg-brand-section);
  color: var(--primary-100);
}
:root .mat-step-icon-state-done {
  background-color: transparent;
}
:root .mat-step-header.cdk-program-focused,
:root .mat-step-header.cdk-keyboard-focused {
  background-color: transparent;
}
:root .mat-horizontal-stepper-header {
  padding: 0 16px;
}
:root .mat-mdc-dialog-surface {
  border-radius: var(--radius-2xl, 16px);
}
:root .mat-mdc-header-cell {
  border-bottom: none !important;
}
:root .mdc-data-table__row:last-child > .mat-mdc-cell {
  border-bottom: none !important;
}
:root .mat-mdc-header-cell:first-child {
  border-top-left-radius: var(--radius-md, 8px);
  border-bottom-left-radius: var(--radius-md, 8px);
}
:root .mat-mdc-header-cell:last-child {
  border-top-right-radius: var(--radius-md, 8px);
  border-bottom-right-radius: var(--radius-md, 8px);
}
:root .expanded_detail .mdc-data-table__row:nth-last-child(2) > .mat-mdc-cell {
  border-bottom: none !important;
}
:root .mdc-tab {
  min-width: 71px !important;
  padding: 0 4px !important;
}
:root .mat-bottom-sheet-container {
  border-top-left-radius: var(--spacing-xl);
  border-top-right-radius: var(--spacing-xl);
  padding: 0px !important;
}
:root .cdk-overlay-backdrop-showing {
  background-color: var(--bg-overlay);
  opacity: 0.7;
}
[data-theme=dark] {
  --mat-checkbox-unselected-focus-icon-color: var(--border-primary);
  --mat-select-panel-background-color: black;
  --mat-autocomplete-background-color: black;
  --mat-datepicker-calendar-container-background-color: black;
  --mat-form-field-container-height: 48px !important;
  --mat-form-field-container-vertical-padding: 12px;
  --mat-button-filled-container-height: 40px;
  --mat-button-filled-container-shape: 6px;
  --mat-dialog-container-color: var(--bg-primary) !important;
  --mat-tab-divider-color: var(--border-secondary);
  --mat-checkbox-selected-icon-color: var(--bg-brand-solid);
  --mat-checkbox-selected-focus-icon-color: var(--bg-brand-solid);
  --mat-checkbox-unselected-focus-state-layer-color: transparent;
  --mat-checkbox-selected-checkmark-color: var(--fg-white);
  --mat-checkbox-unselected-focus-icon-color: var(--border-primary);
  --mat-button-filled-container-color: var(--bg-brand-solid);
  --mat-button-filled-label-text-color: var(--text-white);
  --mat-bottom-sheet-container-background-color: var(--bg-primary) !important;
}
:root {
  --surface: #FBF9F9;
  --surface-variant: #464747;
  --surface-container: #E3E2E2;
  --outline: #777777;
  --error: #F04438;
  --error-container: #FCDFDD;
  --warning: #EAAA08;
  --warning-container: #FBF1D5;
  --success: #66C61C;
  --success-container: #E5F5D8;
  --primary-100: #FFFFFF;
  --primary-60: #FFAA55;
  --secondary-container: #FFF2D4;
  --secondary-container-ripple: #fff2d418;
  --secondary-10: #402D00;
  --neutral-80: #C7C6C6;
  --neutral-30: #464747;
  --neutral-10: #1B1C1C;
}
:root {
  --mat-form-field-container-height: 48px !important;
  --mat-form-field-container-text-line-height: 25px;
  --mat-form-field-container-vertical-padding: 12px;
  --mat-button-outlined-outline-color: var(--border-brand) ;
}
.w-100 {
  width: 100%;
}
.h-100 {
  height: 100%;
}
.pointer {
  cursor: pointer;
}
.container {
  padding: var(--spacing-4xl);
  border-radius: 32px 0px 0px 0px;
  border-top: 1px solid var(--border-secondary, #EBEBEB);
  border-left: 1px solid var(--border-secondary, #EBEBEB);
  background-color: var(--bg-secondary_alt);
  box-shadow: 0px 1px 2px 0px var(--effects-shadow-xs, rgba(10, 13, 18, 0.05));
  min-height: calc(100svh - 121px);
  box-sizing: border-box;
}
@media screen and (max-width: 599px) {
  .container {
    border-radius: 0px;
    border-left: none;
    gap: var(--spacing-3xl) !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 1023px) {
  .container {
    border-radius: 0px;
    border-left: none;
    gap: var(--spacing-3xl) !important;
  }
}
@media screen and (max-width: 599px) {
  .container {
    padding: var(--spacing-xl);
  }
}
.container_old {
  padding: var(--spacing-xl);
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-secondary);
  margin-bottom: var(--spacing-md);
  background-color: var(--bg-primary_alt);
}
.form .form-item {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-2xl);
}
.form .form-item .item {
  flex: 1 1 22%;
  min-width: 200px;
}
.form .form-item .item-block {
  flex: 1 1 100%;
}
.form .form-item .item-half {
  flex: 1 1 auto;
}
.form .form-item .item-one-third {
  flex: 0 0 calc(33.33333333% - var(--spacing-2xl) * 2 / 3);
}
.form .form-item .item-two-third {
  flex: 0 0 calc(67.22% - var(--spacing-2xl) * 2 / 3);
}
.flex {
  display: flex;
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.text-end {
  text-align: end;
}
.select-custom-arrow .mat-mdc-select-arrow svg {
  display: none;
}
.select-custom-arrow .mat-mdc-select-arrow::before {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  transform: translate(-50%, -50%) rotate(45deg);
  border-width: 0 1.5px 1.5px 0;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.7490196078);
  position: absolute;
  top: 50%;
  left: 50%;
}
.explorer-url {
  color: var(--outline);
  cursor: pointer;
  margin-left: 6px;
}
.explorer-url:hover {
  color: var(--text-brand-secondary) !important;
}
.mat-mdc-form-field {
  height: 48px !important;
}
.mat-mdc-form-field .mat-mdc-text-field-wrapper {
  height: 100% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.mat-mdc-form-field .mdc-text-field {
  height: 100% !important;
  min-height: unset !important;
}
.mat-mdc-form-field .mdc-text-field__input {
  height: 100% !important;
  line-height: 48px !important;
  box-sizing: border-box !important;
}
.select-custom-arrow .mat-mdc-select-arrow::before {
  transform: translate(-58%, -74%) rotate(45deg);
}
.expanded-row {
  border-radius: 50%;
  display: flex;
  width: 14px;
  height: 14px;
  padding: var(--spacing-md, 8px);
  justify-content: center;
  align-items: center;
  border: 1px solid var(--border-tertiary, #F5F5F5);
  color: var(--border-primary);
  transition: all 0.3s;
}
.expanded-row span {
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}
.rotate-expanded-row {
  transform: rotate(90deg);
  background-color: var(--fg-brand-primary) !important;
  color: var(--color-base-white);
}
.justify-left {
  justify-content: left;
}
.body-medium {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
  font-weight: normal;
}
:root {
  --font-family-en: "Inter";
}
:root {
  --color-base-white: #FFFFFF;
  --color-base-black: #000000;
  --color-base-transparent: #FFFFFF00;
  --color-gray-light-mode-25: #FDFDFD;
  --color-gray-light-mode-50: #FAFAFA;
  --color-gray-light-mode-100: #F5F5F5;
  --color-gray-light-mode-200: #EBEBEB;
  --color-gray-light-mode-300: #DADADA;
  --color-gray-light-mode-400: #AEAEAE;
  --color-gray-light-mode-500: #808080;
  --color-gray-light-mode-600: #626262;
  --color-gray-light-mode-700: #515151;
  --color-gray-light-mode-800: #373737;
  --color-gray-light-mode-900: #272727;
  --color-gray-light-mode-950: #121212;
  --color-gray-dark-mode-25: #F9F9F9;
  --color-gray-dark-mode-50: #F7F7F7;
  --color-gray-dark-mode-100: #F0F0F1;
  --color-gray-dark-mode-200: #ECECED;
  --color-gray-dark-mode-300: #D2D2D2;
  --color-gray-dark-mode-400: #9C9C9C;
  --color-gray-dark-mode-500: #8E8E8E;
  --color-gray-dark-mode-600: #6C6C6C;
  --color-gray-dark-mode-700: #414141;
  --color-gray-dark-mode-800: #2F2F2F;
  --color-gray-dark-mode-900: #1B1B1B;
  --color-gray-dark-mode-950: #121212;
  --color-error-25: #FFFAFA;
  --color-error-50: #FEF2F2;
  --color-error-100: #FEE2E2;
  --color-error-200: #FECACA;
  --color-error-300: #FD9B9B;
  --color-error-400: #F96666;
  --color-error-500: #FF3636;
  --color-error-600: #D92020;
  --color-error-700: #B41818;
  --color-error-800: #911818;
  --color-error-900: #7A1A1A;
  --color-error-950: #550C0C;
  --color-warning-25: #FFFDEE;
  --color-warning-50: #FFF9D4;
  --color-warning-100: #FFF4B8;
  --color-warning-200: #FFEF91;
  --color-warning-300: #FFE85E;
  --color-warning-400: #FFDE3B;
  --color-warning-500: #FBC02D;
  --color-warning-600: #F9B300;
  --color-warning-700: #E3A100;
  --color-warning-800: #C68F00;
  --color-warning-900: #A07000;
  --color-warning-950: #4E3B00;
  --color-success-25: #F6FEF9;
  --color-success-50: #ECFDF3;
  --color-success-100: #DCFAE6;
  --color-success-200: #ABEFC6;
  --color-success-300: #75E0A7;
  --color-success-400: #47CD89;
  --color-success-500: #17B26A;
  --color-success-600: #079455;
  --color-success-700: #067647;
  --color-success-800: #085D3A;
  --color-success-900: #074D31;
  --color-success-950: #053321;
  --color-blue-25: #F5FAFF;
  --color-blue-50: #EFF8FF;
  --color-blue-100: #D1E9FF;
  --color-blue-200: #B2DDFF;
  --color-blue-300: #84CAFF;
  --color-blue-400: #53B1FD;
  --color-blue-500: #2E90FA;
  --color-blue-600: #1570EF;
  --color-blue-700: #175CD3;
  --color-blue-800: #1849A9;
  --color-blue-900: #194185;
  --color-blue-950: #102A56;
  --color-orange-25: #FEFAF5;
  --color-orange-50: #FEF6EE;
  --color-orange-100: #FDEAD7;
  --color-orange-200: #F9DBAF;
  --color-orange-300: #F7B27A;
  --color-orange-400: #F38744;
  --color-orange-500: #EF6820;
  --color-orange-600: #E04F16;
  --color-orange-700: #B93815;
  --color-orange-800: #932F19;
  --color-orange-900: #772917;
  --color-orange-950: #511C10;
  --color-yellow-25: #FEFDF0;
  --color-yellow-50: #FEFBE8;
  --color-yellow-100: #FEF7C3;
  --color-yellow-200: #FEEE95;
  --color-yellow-300: #FDE272;
  --color-yellow-400: #FAC515;
  --color-yellow-500: #EAAA08;
  --color-yellow-600: #CA8504;
  --color-yellow-700: #A15C07;
  --color-yellow-800: #854A0E;
  --color-yellow-900: #713B12;
  --color-yellow-950: #542C0D;
  --color-indigo-25: #F5F8FF;
  --color-indigo-50: #EEF4FF;
  --color-indigo-100: #E0EAFF;
  --color-indigo-200: #C7D7FE;
  --color-indigo-300: #A4BCFD;
  --color-indigo-400: #8098F9;
  --color-indigo-500: #6172F3;
  --color-indigo-600: #444CE7;
  --color-indigo-700: #3538CD;
  --color-indigo-800: #2D31A6;
  --color-indigo-900: #2D3282;
  --color-indigo-950: #1F235B;
}
:root {
  --text-primary: var(--color-gray-light-mode-900);
  --text-primary_on-brand: var(--color-base-white);
  --text-secondary: var(--color-gray-light-mode-700);
  --text-secondary_hover: var(--color-gray-light-mode-800);
  --text-secondary_on-brand: var(--color-brand-200);
  --text-tertiary: var(--color-gray-light-mode-600);
  --text-tertiary_hover: var(--color-gray-light-mode-700);
  --text-tertiary_on-brand: var(--color-brand-200);
  --text-quaternary: var(--color-gray-light-mode-500);
  --text-quaternary_on-brand: var(--color-brand-300);
  --text-white: var(--color-base-white);
  --text-disabled: var(--color-gray-light-mode-500);
  --text-placeholder: var(--color-gray-light-mode-500);
  --text-placeholder_subtle: var(--color-gray-light-mode-300);
  --text-brand-primary: var(--color-brand-900);
  --text-brand-secondary: var(--color-brand-600);
  --text-brand-secondary_hover: var(--color-brand-700);
  --text-brand-tertiary: var(--color-brand-600);
  --text-brand-tertiary_alt: var(--color-brand-600);
  --text-error-primary: var(--color-error-500);
  --text-error-primary_hover: var(--color-error-600);
  --text-warning-primary: var(--color-warning-600);
  --text-success-primary: var(--color-success-500);
}
[data-theme=dark] {
  --text-primary: var(--color-gray-dark-mode-50);
  --text-primary_on-brand: var(--color-gray-dark-mode-50);
  --text-secondary: var(--color-gray-dark-mode-300);
  --text-secondary_hover: var(--color-gray-dark-mode-200);
  --text-secondary_on-brand: var(--color-gray-dark-mode-300);
  --text-tertiary: var(--color-gray-dark-mode-400);
  --text-tertiary_hover: var(--color-gray-dark-mode-300);
  --text-tertiary_on-brand: var(--color-gray-dark-mode-400);
  --text-quaternary: var(--color-gray-dark-mode-400);
  --text-quaternary_on-brand: var(--color-gray-dark-mode-400);
  --text-white: var(--color-base-white);
  --text-disabled: var(--color-gray-dark-mode-500);
  --text-placeholder: var(--color-gray-dark-mode-400);
  --text-placeholder_subtle: var(--color-gray-dark-mode-700);
  --text-brand-primary: var(--color-gray-dark-mode-50);
  --text-brand-secondary: var(--color-gray-dark-mode-300);
  --text-brand-secondary_hover: var(--color-gray-dark-mode-300);
  --text-brand-tertiary: var(--color-gray-dark-mode-400);
  --text-brand-tertiary_alt: var(--color-gray-dark-mode-50);
  --text-error-primary: var(--color-error-400);
  --text-warning-primary: var(--color-warning-400);
  --text-success-primary: var(--color-success-400);
}
:root {
  --spacing-none: 0px;
  --spacing-xxs: 2px;
  --spacing-xs: 4px;
  --spacing-sm: 6px;
  --spacing-md: 8px;
  --spacing-lg: 12px;
  --spacing-xl: 16px;
  --spacing-2xl: 20px;
  --spacing-3xl: 24px;
  --spacing-4xl: 32px;
  --spacing-5xl: 40px;
  --spacing-6xl: 48px;
  --spacing-7xl: 64px;
  --spacing-8xl: 80px;
  --spacing-9xl: 96px;
  --spacing-10xl: 128px;
  --spacing-11xl: 160px;
}
:root {
  --radius-none: 0px;
  --radius-xxs: 2px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-3xl: 20px;
  --radius-4xl: 24px;
  --radius-full: 9999px;
}
:root {
  --fg-primary: var(--color-gray-light-mode-900);
  --fg-secondary: var(--color-gray-light-mode-700);
  --fg-secondary_hover: var(--color-gray-light-mode-800);
  --fg-tertiary: var(--color-gray-light-mode-600);
  --fg-tertiary_hover: var(--color-gray-light-mode-700);
  --fg-quaternary: var(--color-gray-light-mode-400);
  --fg-quaternary_hover: var(--color-gray-light-mode-500);
  --fg-white: var(--color-base-white);
  --fg-disabled: var(--color-gray-light-mode-400);
  --fg-disabled_subtle: var(--color-gray-light-mode-300);
  --fg-brand-primary: var(--color-brand-600);
  --fg-brand-primary_alt: var(--color-brand-600);
  --fg-brand-secondary: var(--color-brand-500);
  --fg-brand-secondary_alt: var(--color-brand-500);
  --fg-error: var(--color-error-600);
  --fg-error-primary: var(--color-error-600);
  --fg-error-secondary: var(--color-error-500);
  --fg-warning-primary: var(--color-warning-600);
  --fg-warning-secondary: var(--color-warning-500);
  --fg-warning-icon: var(--color-warning-600);
  --fg-success-primary: var(--color-success-600);
  --fg-success-secondary: var(--color-success-500);
}
[data-theme=dark] {
  --fg-primary: var(--color-base-white);
  --fg-secondary: var(--color-gray-dark-mode-300);
  --fg-secondary_hover: var(--color-gray-dark-mode-200);
  --fg-tertiary: var(--color-gray-dark-mode-400);
  --fg-tertiary_hover: var(--color-gray-dark-mode-300);
  --fg-quaternary: var(--color-gray-dark-mode-600);
  --fg-quaternary_hover: var(--color-gray-dark-mode-500);
  --fg-white: var(--color-base-white);
  --fg-disabled: var(--color-gray-dark-mode-500);
  --fg-disabled_subtle: var(--color-gray-dark-mode-600);
  --fg-brand-primary: var(--color-brand-500);
  --fg-brand-primary_alt: var(--color-gray-dark-mode-300);
  --fg-brand-secondary: var(--color-brand-500);
  --fg-brand-secondary_alt: var(--color-gray-dark-mode-600);
  --fg-error: var(--color-error-200);
  --fg-error-primary: var(--color-error-500);
  --fg-error-secondary: var(--color-error-400);
  --fg-warning-primary: var(--color-warning-500);
  --fg-warning-secondary: var(--color-warning-400);
  --fg-warning-icon: var(--color-warning-200);
  --fg-success-primary: var(--color-success-500);
  --fg-success-secondary: var(--color-success-400);
}
:root {
  --border-primary: var(--color-gray-light-mode-300);
  --border-secondary: var(--color-gray-light-mode-200);
  --border-secondary_alt: #00000014;
  --border-tertiary: var(--color-gray-light-mode-100);
  --border-disabled: var(--color-gray-light-mode-300);
  --border-disabled_subtle: var(--color-gray-light-mode-200);
  --border-brand: var(--color-brand-500);
  --border-brand_alt: var(--color-brand-600);
  --border-error: var(--color-error-500);
  --border-error_subtle: var(--color-brand-300);
}
[data-theme=dark] {
  --border-primary: var(--color-gray-dark-mode-700);
  --border-secondary: var(--color-gray-dark-mode-800);
  --border-secondary_alt: var(--color-gray-dark-mode-800);
  --border-tertiary: var(--color-gray-dark-mode-800);
  --border-disabled: var(--color-gray-dark-mode-700);
  --border-disabled_subtle: var(--color-gray-dark-mode-800);
  --border-brand: var(--color-brand-400);
  --border-brand_alt: var(--color-gray-dark-mode-700);
  --border-error: var(--color-error-400);
  --border-error_subtle: var(--color-error-500);
}
:root {
  --bg-primary: var(--color-base-white);
  --bg-primary_alt: var(--color-base-white);
  --bg-primary_hover: var(--color-gray-light-mode-50);
  --bg-primary-solid: var(--color-gray-light-mode-950);
  --bg-secondary: var(--color-gray-light-mode-50);
  --bg-secondary_alt: var(--color-gray-light-mode-50);
  --bg-secondary_hover: var(--color-gray-light-mode-100);
  --bg-secondary_subtle: var(--color-gray-light-mode-25);
  --bg-secondary-solid: var(--color-gray-light-mode-600);
  --bg-tertiary: var(--color-gray-light-mode-100);
  --bg-quaternary: var(--color-gray-light-mode-200);
  --bg-skeleton: var(--color-gray-light-mode-300);
  --bg-active: var(--color-gray-light-mode-50);
  --bg-disabled: var(--color-gray-light-mode-100);
  --bg-disabled_subtle: var(--color-gray-light-mode-50);
  --bg-overlay: var(--color-gray-light-mode-950);
  --bg-brand-primary: var(--color-brand-50);
  --bg-brand-primary_alt: var(--color-brand-50);
  --bg-brand-secondary: var(--color-brand-100);
  --bg-brand-solid: var(--color-brand-500);
  --bg-brand-solid_hover: var(--color-brand-600);
  --bg-brand-section: var(--color-brand-700);
  --bg-brand-section_subtle: var(--color-brand-600);
  --bg-error-primary: var(--color-error-50);
  --bg-error-secondary: var(--color-error-100);
  --bg-error-solid: var(--color-error-600);
  --bg-warning-primary: var(--color-warning-50);
  --bg-warning-secondary: var(--color-warning-100);
  --bg-warning-solid: var(--color-warning-600);
  --bg-success-primary: var(--color-success-50);
  --bg-success-secondary: var(--color-success-100);
  --bg-success-solid: var(--color-success-600);
}
[data-theme=dark] {
  --bg-primary: var(--color-gray-dark-mode-950);
  --bg-primary_alt: var(--color-gray-dark-mode-900);
  --bg-primary_hover: var(--color-gray-dark-mode-800);
  --bg-primary-solid: var(--color-gray-dark-mode-900);
  --bg-secondary: var(--color-gray-dark-mode-900);
  --bg-secondary_alt: var(--color-gray-dark-mode-950);
  --bg-secondary_hover: var(--color-gray-dark-mode-800);
  --bg-secondary_subtle: var(--color-gray-dark-mode-900);
  --bg-secondary-solid: var(--color-gray-dark-mode-600);
  --bg-tertiary: var(--color-gray-dark-mode-800);
  --bg-quaternary: var(--color-gray-dark-mode-700);
  --bg-skeleton: var(--color-gray-dark-mode-800);
  --bg-active: var(--color-gray-dark-mode-800);
  --bg-disabled: var(--color-gray-dark-mode-800);
  --bg-disabled_subtle: var(--color-gray-dark-mode-900);
  --bg-overlay: var(--color-gray-dark-mode-800);
  --bg-brand-primary: var(--color-brand-500);
  --bg-brand-primary_alt: var(--color-gray-dark-mode-900);
  --bg-brand-secondary: var(--color-brand-600);
  --bg-brand-solid: var(--color-brand-600);
  --bg-brand-solid_hover: var(--color-brand-500);
  --bg-brand-section: var(--color-gray-dark-mode-900);
  --bg-brand-section_subtle: var(--color-gray-dark-mode-950);
  --bg-error-primary: var(--color-error-950);
  --bg-error-secondary: var(--color-error-600);
  --bg-error-solid: var(--color-error-600);
  --bg-warning-primary: var(--color-warning-950);
  --bg-warning-secondary: var(--color-warning-600);
  --bg-warning-solid: var(--color-warning-600);
  --bg-success-primary: var(--color-success-950);
  --bg-success-secondary: var(--color-success-600);
  --bg-success-solid: var(--color-success-600);
}
:root {
  --font-size-text-xs: 12px;
  --font-size-text-sm: 14px;
  --font-size-text-md: 16px;
  --font-size-text-lg: 18px;
  --font-size-text-xl: 20px;
  --font-size-display-xs: 24px;
  --font-size-display-sm: 30px;
  --font-size-display-md: 36px;
  --font-size-display-lg: 48px;
  --font-size-display-xl: 60px;
  --font-size-display-2xl: 72px;
  --line-height-text-xs: 18px;
  --line-height-text-sm: 20px;
  --line-height-text-md: 24px;
  --line-height-text-lg: 28px;
  --line-height-text-xl: 30px;
  --line-height-display-xs: 32px;
  --line-height-display-sm: 38px;
  --line-height-display-md: 44px;
  --line-height-display-lg: 60px;
  --line-height-display-xl: 72px;
  --line-height-display-2xl: 90px;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
}
:root {
  --effects-focus-ring: var(--color-brand-300, #FFA582);
  --effects-focus-ring-error: #FD9B9B;
  --effects-focus-error-basic: #F04438;
  --effects-shadow-xs: rgba(10, 13, 18, 0.05);
  --effects-shadow-sm_01: rgba(10, 13, 18, 0.1);
  --effects-shadow-sm_02: rgba(10, 13, 18, 0.1);
  --effects-shadow-md_01: rgba(10, 13, 18, 0.1);
  --effects-shadow-md_02: rgba(10, 13, 18, 0.06);
  --effects-shadow-lg_01: rgba(10, 13, 18, 0.08);
  --effects-shadow-lg_02: rgba(10, 13, 18, 0.03);
  --effects-shadow-lg_03: rgba(10, 13, 18, 0.04);
  --effects-shadow-xl_01: rgba(10, 13, 18, 0.08);
  --effects-shadow-xl_02: rgba(10, 13, 18, 0.03);
  --effects-shadow-xl_03: rgba(10, 13, 18, 0.04);
  --effects-shadow-2xl_01: rgba(10, 13, 18, 0.18);
  --effects-shadow-2xl_02: rgba(10, 13, 18, 0.04);
  --effects-shadow-3xl_01: rgba(10, 13, 18, 0.14);
  --effects-shadow-3xl_02: rgba(10, 13, 18, 0.04);
}
[data-theme=dark] {
  --effects-focus-ring: var(--color-brand-300, #FFA582);
  --effects-focus-ring-error: #FD9B9B;
  --effects-shadow-xs: var(--color-base-transparent);
  --effects-shadow-sm_01: var(--color-base-transparent);
  --effects-shadow-sm_02: var(--color-base-transparent);
  --effects-shadow-md_01: var(--color-base-transparent);
  --effects-shadow-md_02: var(--color-base-transparent);
  --effects-shadow-lg_01: var(--color-base-transparent);
  --effects-shadow-lg_02: var(--color-base-transparent);
  --effects-shadow-lg_03: var(--color-base-transparent);
  --effects-shadow-xl_01: var(--color-base-transparent);
  --effects-shadow-xl_02: var(--color-base-transparent);
  --effects-shadow-xl_03: var(--color-base-transparent);
  --effects-shadow-2xl_01: var(--color-base-transparent);
  --effects-shadow-2xl_02: var(--color-base-transparent);
  --effects-shadow-3xl_01: var(--color-base-transparent);
  --effects-shadow-3xl_02: var(--color-base-transparent);
}
:root {
  --drop-button-bg-color: var(--bg-primary);
  --drop-button-border-color: var(--border-primary);
  --drop-button-text-color: var(--text-secondary);
  --drop-button-color_hover: var(--text-secondary);
  --drop-button-border-radius: var(--radius-md);
  --drop-button-padding-y: 10px;
  --drop-button-padding-x: 14px;
  --drop-button-font-size: var(--font-size-text-sm);
  --drop-button-bg_hover: var(--bg-primary_hover);
  --drop-button-font-weight: var(--font-weight-semibold);
  --drop-button-height: 40px;
  --drop-button-color_separator: var(--text-tertiary);
  --drop-button-separator-font-size: var(--font-size-text-sm);
  --drop-button-separator-margin-inline: 4px;
  --drop-button-list-bg-color: var(--bg-primary);
  --drop-button-list-border-color: var(--border-secondary_alt);
  --drop-button-list-border-radius: var(--radius-md);
  --drop-button-list-offset: 4px;
  --drop-button-list-padding-y: var(--spacing-xs);
  --drop-button-list-padding-x: var(--spacing-sm);
  --drop-button-list-width: calc(100% - 10px);
  --drop-button-list-max-height: 236px;
  --drop-button-list-item-bg_selected: var(--bg-active);
  --drop-button-list-item-bg_hover: var(--bg-active);
  --drop-button-list-item-bg_focus: var(--bg-active);
  --drop-button-list-item-color_selected: var(--text-primary);
}
[data-theme=dark] {
  --drop-button-bg-color: var(--bg-primary);
  --drop-button-border-color: var(--border-primary);
  --drop-button-text-color: var(--text-secondary);
  --drop-button-color_hover: var(--text-secondary);
  --drop-button-border-radius: var(--radius-md);
  --drop-button-padding-y: 10px;
  --drop-button-padding-x: 14px;
  --drop-button-font-size: var(--font-size-text-sm);
  --drop-button-bg_hover: var(--bg-primary_hover);
  --drop-button-font-weight: var(--font-weight-semibold);
  --drop-button-height: 40px;
  --drop-button-color_separator: var(--text-tertiary);
  --drop-button-separator-font-size: var(--font-size-text-sm);
  --drop-button-separator-margin-inline: 4px;
  --drop-button-list-bg-color: var(--bg-primary);
  --drop-button-list-border-color: var(--border-secondary_alt);
  --drop-button-list-border-radius: var(--radius-md);
  --drop-button-list-offset: 4px;
  --drop-button-list-padding-y: var(--spacing-xs);
  --drop-button-list-padding-x: var(--spacing-sm);
  --drop-button-list-width: calc(100% - 10px);
  --drop-button-list-max-height: 236px;
  --drop-button-list-item-bg_selected: var(--bg-active);
  --drop-button-list-item-bg_hover: var(--bg-active);
  --drop-button-list-item-bg_focus: var(--bg-active);
  --drop-button-list-item-color_selected: var(--text-primary);
}
:root {
  --drop-down-height: 24px;
  --drop-down-padding-y: var(--spacing-md);
  --drop-down-padding-x: var(--spacing-lg);
  --drop-down-font-size: var(--font-size-text-md);
  --drop-down-list-bg-color: var(--bg-primary);
  --drop-down-list-border-color: var(--border-secondary_alt);
  --drop-down-list-border-radius: var(--radius-md);
  --drop-down-list-padding-y: var(--spacing-xs);
  --drop-down-list-padding-x: var(--spacing-sm);
  --drop-down-list-max-height: 256px;
  --drop-down-search-input-font-size: var(--font-size-text-md);
  --drop-down-search-input-font-weight: 500;
  --drop-down-search-input-color: var(--text-primary);
  --drop-down-list-offset: 8px;
  --drop-down-list-width: calc(100% - 16px);
  --drop-down-list-item-border-radius: var(--radius-md);
  --drop-down-list-item-bg_selected: var(--bg-active);
  --drop-down-list-item-bg_hover: var(--bg-active);
  --drop-down-list-item-bg_focus: var(--bg-active);
}
[data-theme=dark] {
  --drop-down-height: 24px;
  --drop-down-padding-y: var(--spacing-md);
  --drop-down-padding-x: var(--spacing-lg);
  --drop-down-font-size: var(--font-size-text-md);
  --drop-down-list-bg-color: var(--bg-primary);
  --drop-down-list-border-color: var(--border-secondary_alt);
  --drop-down-list-border-radius: var(--radius-md);
  --drop-down-list-padding-y: var(--spacing-xs);
  --drop-down-list-padding-x: var(--spacing-sm);
  --drop-down-list-max-height: 256px;
  --drop-down-search-input-color: var(--text-primary);
  --drop-down-list-offset: 8px;
  --drop-down-list-width: calc(100% - 16px);
  --drop-down-list-item-border-radius: var(--radius-md);
  --drop-down-list-item-bg_selected: var(--bg-active);
  --drop-down-list-item-bg_hover: var(--bg-active);
  --drop-down-list-item-bg_focus: var(--bg-active);
}
@font-face {
  font-family: "icomoon";
  src: url("./media/icomoon.eot?yhk8x2");
  src:
    url("./media/icomoon.eot?yhk8x2#iefix") format("embedded-opentype"),
    url("./media/icomoon.ttf?yhk8x2") format("truetype"),
    url("./media/icomoon.woff?yhk8x2") format("woff"),
    url("./media/icomoon.svg?yhk8x2#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-activity:before {
  content: "\e900";
}
.icon-activity-heart:before {
  content: "\e901";
}
.icon-airplay:before {
  content: "\e902";
}
.icon-airpods:before {
  content: "\e903";
}
.icon-alarm-clock:before {
  content: "\e904";
}
.icon-alarm-clock-check:before {
  content: "\e905";
}
.icon-alarm-clock-minus:before {
  content: "\e906";
}
.icon-alarm-clock-off:before {
  content: "\e907";
}
.icon-alarm-clock-plus:before {
  content: "\e908";
}
.icon-alert-circle:before {
  content: "\e909";
}
.icon-alert-hexagon:before {
  content: "\e90a";
}
.icon-alert-octagon:before {
  content: "\e90b";
}
.icon-alert-square:before {
  content: "\e90c";
}
.icon-alert-triangle:before {
  content: "\e90d";
}
.icon-align-bottom-01:before {
  content: "\e90e";
}
.icon-align-bottom-02:before {
  content: "\e90f";
}
.icon-align-center:before {
  content: "\e910";
}
.icon-align-horizontal-centre-01:before {
  content: "\e911";
}
.icon-align-horizontal-centre-02:before {
  content: "\e912";
}
.icon-align-justify:before {
  content: "\e913";
}
.icon-align-left:before {
  content: "\e914";
}
.icon-align-left-01:before {
  content: "\e915";
}
.icon-align-left-02:before {
  content: "\e916";
}
.icon-align-right:before {
  content: "\e917";
}
.icon-align-right-01:before {
  content: "\e918";
}
.icon-align-right-02:before {
  content: "\e919";
}
.icon-align-top-01:before {
  content: "\e91a";
}
.icon-align-top-02:before {
  content: "\e91b";
}
.icon-align-vertical-center-01:before {
  content: "\e91c";
}
.icon-align-vertical-center-02:before {
  content: "\e91d";
}
.icon-anchor:before {
  content: "\e91e";
}
.icon-annotation:before {
  content: "\e91f";
}
.icon-annotation-alert:before {
  content: "\e920";
}
.icon-annotation-check:before {
  content: "\e921";
}
.icon-annotation-dots:before {
  content: "\e922";
}
.icon-annotation-heart:before {
  content: "\e923";
}
.icon-annotation-info:before {
  content: "\e924";
}
.icon-annotation-plus:before {
  content: "\e925";
}
.icon-annotation-question:before {
  content: "\e926";
}
.icon-annotation-x:before {
  content: "\e927";
}
.icon-announcement-01:before {
  content: "\e928";
}
.icon-announcement-02:before {
  content: "\e929";
}
.icon-announcement-03:before {
  content: "\e92a";
}
.icon-archive:before {
  content: "\e92b";
}
.icon-arrow-block-down:before {
  content: "\e92c";
}
.icon-arrow-block-left:before {
  content: "\e92d";
}
.icon-arrow-block-right:before {
  content: "\e92e";
}
.icon-arrow-block-up:before {
  content: "\e92f";
}
.icon-arrow-circle-broken-down:before {
  content: "\e930";
}
.icon-arrow-circle-broken-down-left:before {
  content: "\e931";
}
.icon-arrow-circle-broken-down-right:before {
  content: "\e932";
}
.icon-arrow-circle-broken-left:before {
  content: "\e933";
}
.icon-arrow-circle-broken-right:before {
  content: "\e934";
}
.icon-arrow-circle-broken-up:before {
  content: "\e935";
}
.icon-arrow-circle-broken-up-left:before {
  content: "\e936";
}
.icon-arrow-circle-broken-up-right:before {
  content: "\e937";
}
.icon-arrow-circle-down:before {
  content: "\e938";
}
.icon-arrow-circle-down-left:before {
  content: "\e939";
}
.icon-arrow-circle-down-right:before {
  content: "\e93a";
}
.icon-arrow-circle-left:before {
  content: "\e93b";
}
.icon-arrow-circle-right:before {
  content: "\e93c";
}
.icon-arrow-circle-up:before {
  content: "\e93d";
}
.icon-arrow-circle-up-left:before {
  content: "\e93e";
}
.icon-arrow-circle-up-right:before {
  content: "\e93f";
}
.icon-arrow-down:before {
  content: "\e940";
}
.icon-arrow-down-left:before {
  content: "\e941";
}
.icon-arrow-down-right:before {
  content: "\e942";
}
.icon-arrow-left:before {
  content: "\e943";
}
.icon-arrow-narrow-down:before {
  content: "\e944";
}
.icon-arrow-narrow-down-left:before {
  content: "\e945";
}
.icon-arrow-narrow-down-right:before {
  content: "\e946";
}
.icon-arrow-narrow-left:before {
  content: "\e947";
}
.icon-arrow-narrow-right:before {
  content: "\e948";
}
.icon-arrow-narrow-up:before {
  content: "\e949";
}
.icon-arrow-narrow-up-left:before {
  content: "\e94a";
}
.icon-arrow-narrow-up-right:before {
  content: "\e94b";
}
.icon-arrow-right:before {
  content: "\e94c";
}
.icon-arrows-down:before {
  content: "\e94d";
}
.icon-arrows-left:before {
  content: "\e94e";
}
.icon-arrow-square-down:before {
  content: "\e94f";
}
.icon-arrow-square-down-left:before {
  content: "\e950";
}
.icon-arrow-square-down-right:before {
  content: "\e951";
}
.icon-arrow-square-left:before {
  content: "\e952";
}
.icon-arrow-square-right:before {
  content: "\e953";
}
.icon-arrow-square-up:before {
  content: "\e954";
}
.icon-arrow-square-up-left:before {
  content: "\e955";
}
.icon-arrow-square-up-right:before {
  content: "\e956";
}
.icon-arrows-right:before {
  content: "\e957";
}
.icon-arrows-triangle:before {
  content: "\e958";
}
.icon-arrows-up:before {
  content: "\e959";
}
.icon-arrow-up:before {
  content: "\e95a";
}
.icon-arrow-up-left:before {
  content: "\e95b";
}
.icon-arrow-up-right:before {
  content: "\e95c";
}
.icon-asterisk-01:before {
  content: "\e95d";
}
.icon-asterisk-02:before {
  content: "\e95e";
}
.icon-atom-01:before {
  content: "\e95f";
}
.icon-atom-02:before {
  content: "\e960";
}
.icon-at-sign:before {
  content: "\e961";
}
.icon-attachment-01:before {
  content: "\e962";
}
.icon-attachment-02:before {
  content: "\e963";
}
.icon-award-01:before {
  content: "\e964";
}
.icon-award-02:before {
  content: "\e965";
}
.icon-award-03:before {
  content: "\e966";
}
.icon-award-03-1:before {
  content: "\e967";
}
.icon-award-04:before {
  content: "\e968";
}
.icon-backpack:before {
  content: "\e96a";
}
.icon-bank:before {
  content: "\e96b";
}
.icon-bank-note-01:before {
  content: "\e96c";
}
.icon-bank-note-02:before {
  content: "\e96d";
}
.icon-bank-note-03:before {
  content: "\e96e";
}
.icon-bar-chart-01:before {
  content: "\e96f";
}
.icon-bar-chart-02:before {
  content: "\e970";
}
.icon-bar-chart-03:before {
  content: "\e971";
}
.icon-bar-chart-04:before {
  content: "\e972";
}
.icon-bar-chart-05:before {
  content: "\e973";
}
.icon-bar-chart-06:before {
  content: "\e974";
}
.icon-bar-chart-07:before {
  content: "\e975";
}
.icon-bar-chart-08:before {
  content: "\e976";
}
.icon-bar-chart-09:before {
  content: "\e977";
}
.icon-bar-chart-10:before {
  content: "\e978";
}
.icon-bar-chart-11:before {
  content: "\e979";
}
.icon-bar-chart-12:before {
  content: "\e97a";
}
.icon-bar-chart-circle-01:before {
  content: "\e97b";
}
.icon-bar-chart-circle-02:before {
  content: "\e97c";
}
.icon-bar-chart-circle-03:before {
  content: "\e97d";
}
.icon-bar-chart-square-01:before {
  content: "\e97e";
}
.icon-bar-chart-square-02:before {
  content: "\e97f";
}
.icon-bar-chart-square-03:before {
  content: "\e980";
}
.icon-bar-chart-square-down:before {
  content: "\e981";
}
.icon-bar-chart-square-minus:before {
  content: "\e982";
}
.icon-bar-chart-square-plus:before {
  content: "\e983";
}
.icon-bar-chart-square-up:before {
  content: "\e984";
}
.icon-bar-line-chart:before {
  content: "\e985";
}
.icon-battery-charging-01:before {
  content: "\e986";
}
.icon-battery-charging-02:before {
  content: "\e987";
}
.icon-battery-empty:before {
  content: "\e988";
}
.icon-battery-full:before {
  content: "\e989";
}
.icon-battery-low:before {
  content: "\e98a";
}
.icon-battery-mid:before {
  content: "\e98b";
}
.icon-beaker-01:before {
  content: "\e98c";
}
.icon-beaker-02:before {
  content: "\e98d";
}
.icon-bell-01:before {
  content: "\e98e";
}
.icon-bell-02:before {
  content: "\e98f";
}
.icon-bell-03:before {
  content: "\e990";
}
.icon-bell-04:before {
  content: "\e991";
}
.icon-bell-minus:before {
  content: "\e992";
}
.icon-bell-off-01:before {
  content: "\e993";
}
.icon-bell-off-02:before {
  content: "\e994";
}
.icon-bell-off-03:before {
  content: "\e995";
}
.icon-bell-plus:before {
  content: "\e996";
}
.icon-bell-ringing-01:before {
  content: "\e997";
}
.icon-bell-ringing-02:before {
  content: "\e998";
}
.icon-bell-ringing-03:before {
  content: "\e999";
}
.icon-bell-ringing-04:before {
  content: "\e99a";
}
.icon-bezier-curve-01:before {
  content: "\e99b";
}
.icon-bezier-curve-02:before {
  content: "\e99c";
}
.icon-bezier-curve-03:before {
  content: "\e99d";
}
.icon-bluetooth-connect:before {
  content: "\e99e";
}
.icon-bluetooth-off:before {
  content: "\e99f";
}
.icon-bluetooth-on:before {
  content: "\e9a0";
}
.icon-bluetooth-signal:before {
  content: "\e9a1";
}
.icon-bold-01:before {
  content: "\e9a2";
}
.icon-bold-02:before {
  content: "\e9a3";
}
.icon-bold-square:before {
  content: "\e9a4";
}
.icon-book-closed:before {
  content: "\e9a5";
}
.icon-bookmark:before {
  content: "\e9a6";
}
.icon-bookmark-add:before {
  content: "\e9a7";
}
.icon-bookmark-check:before {
  content: "\e9a8";
}
.icon-bookmark-minus:before {
  content: "\e9a9";
}
.icon-bookmark-x:before {
  content: "\e9aa";
}
.icon-book-open-01:before {
  content: "\e9ab";
}
.icon-book-open-02:before {
  content: "\e9ac";
}
.icon-box:before {
  content: "\e9ad";
}
.icon-brackets:before {
  content: "\e9ae";
}
.icon-brackets-check:before {
  content: "\e9af";
}
.icon-brackets-ellipses:before {
  content: "\e9b0";
}
.icon-brackets-minus:before {
  content: "\e9b1";
}
.icon-brackets-plus:before {
  content: "\e9b2";
}
.icon-brackets-slash:before {
  content: "\e9b3";
}
.icon-brackets-x:before {
  content: "\e9b4";
}
.icon-briefcase-01:before {
  content: "\e9b5";
}
.icon-briefcase-02:before {
  content: "\e9b6";
}
.icon-browser:before {
  content: "\e9b7";
}
.icon-brush-01:before {
  content: "\e9b8";
}
.icon-brush-02:before {
  content: "\e9b9";
}
.icon-brush-03:before {
  content: "\e9ba";
}
.icon-building-01:before {
  content: "\e9bb";
}
.icon-building-02:before {
  content: "\e9bc";
}
.icon-building-03:before {
  content: "\e9bd";
}
.icon-building-04:before {
  content: "\e9be";
}
.icon-building-05:before {
  content: "\e9bf";
}
.icon-building-06:before {
  content: "\e9c0";
}
.icon-building-07:before {
  content: "\e9c1";
}
.icon-building-08:before {
  content: "\e9c2";
}
.icon-bus:before {
  content: "\e9c3";
}
.icon-calculator:before {
  content: "\e9c4";
}
.icon-calendar:before {
  content: "\e9c5";
}
.icon-calendar-check-01:before {
  content: "\e9c6";
}
.icon-calendar-check-02:before {
  content: "\e9c7";
}
.icon-calendar-date:before {
  content: "\e9c8";
}
.icon-calendar-heart-01:before {
  content: "\e9c9";
}
.icon-calendar-heart-02:before {
  content: "\e9ca";
}
.icon-calendar-minus-01:before {
  content: "\e9cb";
}
.icon-calendar-minus-02:before {
  content: "\e9cc";
}
.icon-calendar-plus-01:before {
  content: "\e9cd";
}
.icon-calendar-plus-02:before {
  content: "\e9ce";
}
.icon-camera-01:before {
  content: "\e9cf";
}
.icon-camera-02:before {
  content: "\e9d0";
}
.icon-camera-03:before {
  content: "\e9d1";
}
.icon-camera-lens:before {
  content: "\e9d2";
}
.icon-camera-off:before {
  content: "\e9d3";
}
.icon-camera-plus:before {
  content: "\e9d4";
}
.icon-car-01:before {
  content: "\e9d5";
}
.icon-car-02:before {
  content: "\e9d6";
}
.icon-certificate-01:before {
  content: "\e9d7";
}
.icon-certificate-02:before {
  content: "\e9d8";
}
.icon-chart-breakout-circle:before {
  content: "\e9d9";
}
.icon-chart-breakout-square:before {
  content: "\e9da";
}
.icon-check:before {
  content: "\e9db";
}
.icon-check-circle:before {
  content: "\e9dc";
}
.icon-check-circle-broken:before {
  content: "\e9dd";
}
.icon-check-done-01:before {
  content: "\e9de";
}
.icon-check-done-02:before {
  content: "\e9df";
}
.icon-check-heart:before {
  content: "\e9e0";
}
.icon-check-square:before {
  content: "\e9e1";
}
.icon-check-square-broken:before {
  content: "\e9e2";
}
.icon-check-verified-01:before {
  content: "\e9e3";
}
.icon-check-verified-02:before {
  content: "\e9e4";
}
.icon-check-verified-03:before {
  content: "\e9e5";
}
.icon-chevron-down:before {
  content: "\e9e6";
}
.icon-chevron-down-double:before {
  content: "\e9e7";
}
.icon-chevron-left:before {
  content: "\e9e8";
}
.icon-chevron-left-double:before {
  content: "\e9e9";
}
.icon-chevron-right:before {
  content: "\e9ea";
}
.icon-chevron-right-double:before {
  content: "\e9eb";
}
.icon-chevron-selector-horizontal:before {
  content: "\e9ec";
}
.icon-chevron-selector-vertical:before {
  content: "\e9ed";
}
.icon-chevron-up:before {
  content: "\e9ee";
}
.icon-chevron-up-double:before {
  content: "\e9ef";
}
.icon-chrome-cast:before {
  content: "\e9f0";
}
.icon-circle:before {
  content: "\e9f1";
}
.icon-circle-cut:before {
  content: "\e9f2";
}
.icon-clapperboard:before {
  content: "\e9f3";
}
.icon-clipboard:before {
  content: "\e9f4";
}
.icon-clipboard-attachment:before {
  content: "\e9f5";
}
.icon-clipboard-check:before {
  content: "\e9f6";
}
.icon-clipboard-download:before {
  content: "\e9f7";
}
.icon-clipboard-minus:before {
  content: "\e9f8";
}
.icon-clipboard-plus:before {
  content: "\e9f9";
}
.icon-clipboard-x:before {
  content: "\e9fa";
}
.icon-clock:before {
  content: "\e9fb";
}
.icon-clock-check:before {
  content: "\e9fc";
}
.icon-clock-fast-forward:before {
  content: "\e9fd";
}
.icon-clock-plus:before {
  content: "\e9fe";
}
.icon-clock-refresh:before {
  content: "\e9ff";
}
.icon-clock-rewind:before {
  content: "\ea00";
}
.icon-clock-snooze:before {
  content: "\ea01";
}
.icon-clock-stopwatch:before {
  content: "\ea02";
}
.icon-cloud-01:before {
  content: "\ea03";
}
.icon-cloud-02:before {
  content: "\ea04";
}
.icon-cloud-03:before {
  content: "\ea05";
}
.icon-cloud-blank-01:before {
  content: "\ea06";
}
.icon-cloud-blank-02:before {
  content: "\ea07";
}
.icon-cloud-lightning:before {
  content: "\ea08";
}
.icon-cloud-moon:before {
  content: "\ea09";
}
.icon-cloud-off:before {
  content: "\ea0a";
}
.icon-cloud-raining-01:before {
  content: "\ea0b";
}
.icon-cloud-raining-02:before {
  content: "\ea0c";
}
.icon-cloud-raining-03:before {
  content: "\ea0d";
}
.icon-cloud-raining-04:before {
  content: "\ea0e";
}
.icon-cloud-raining-05:before {
  content: "\ea0f";
}
.icon-cloud-raining-06:before {
  content: "\ea10";
}
.icon-cloud-snowing-01:before {
  content: "\ea11";
}
.icon-cloud-snowing-02:before {
  content: "\ea12";
}
.icon-cloud-sun-01:before {
  content: "\ea13";
}
.icon-cloud-sun-02:before {
  content: "\ea14";
}
.icon-cloud-sun-03:before {
  content: "\ea15";
}
.icon-code-01:before {
  content: "\ea16";
}
.icon-code-02:before {
  content: "\ea17";
}
.icon-code-browser:before {
  content: "\ea18";
}
.icon-code-circle-01:before {
  content: "\ea19";
}
.icon-code-circle-02:before {
  content: "\ea1a";
}
.icon-code-circle-03:before {
  content: "\ea1b";
}
.icon-codepen:before {
  content: "\ea1c";
}
.icon-code-snippet-01:before {
  content: "\ea1d";
}
.icon-code-snippet-02:before {
  content: "\ea1e";
}
.icon-code-square-01:before {
  content: "\ea1f";
}
.icon-code-square-02:before {
  content: "\ea20";
}
.icon-coins-01:before {
  content: "\ea21";
}
.icon-coins-02:before {
  content: "\ea22";
}
.icon-coins-03:before {
  content: "\ea23";
}
.icon-coins-04:before {
  content: "\ea24";
}
.icon-coins-hand:before {
  content: "\ea25";
}
.icon-coins-stacked-01:before {
  content: "\ea26";
}
.icon-coins-stacked-02:before {
  content: "\ea27";
}
.icon-coins-stacked-03:before {
  content: "\ea28";
}
.icon-coins-stacked-04:before {
  content: "\ea29";
}
.icon-coins-swap-01:before {
  content: "\ea2a";
}
.icon-coins-swap-02:before {
  content: "\ea2b";
}
.icon-colors:before {
  content: "\ea2c";
}
.icon-colors-1:before {
  content: "\ea2d";
}
.icon-columns-01:before {
  content: "\ea2e";
}
.icon-columns-02:before {
  content: "\ea2f";
}
.icon-columns-03:before {
  content: "\ea30";
}
.icon-command:before {
  content: "\ea31";
}
.icon-compass:before {
  content: "\ea32";
}
.icon-compass-01:before {
  content: "\ea33";
}
.icon-compass-02:before {
  content: "\ea34";
}
.icon-compass-03:before {
  content: "\ea35";
}
.icon-container:before {
  content: "\ea36";
}
.icon-contrast-01:before {
  content: "\ea37";
}
.icon-contrast-02:before {
  content: "\ea38";
}
.icon-contrast-03:before {
  content: "\ea39";
}
.icon-copy-01:before {
  content: "\ea3a";
}
.icon-copy-02:before {
  content: "\ea3b";
}
.icon-copy-03:before {
  content: "\ea3c";
}
.icon-copy-04:before {
  content: "\ea3d";
}
.icon-copy-05:before {
  content: "\ea3e";
}
.icon-copy-06:before {
  content: "\ea3f";
}
.icon-copy-07:before {
  content: "\ea40";
}
.icon-corner-down-left:before {
  content: "\ea41";
}
.icon-corner-down-right:before {
  content: "\ea42";
}
.icon-corner-left-down:before {
  content: "\ea43";
}
.icon-corner-left-up:before {
  content: "\ea44";
}
.icon-corner-right-down:before {
  content: "\ea45";
}
.icon-corner-right-up:before {
  content: "\ea46";
}
.icon-corner-up-left:before {
  content: "\ea47";
}
.icon-corner-up-right:before {
  content: "\ea48";
}
.icon-cpu-chip-01:before {
  content: "\ea49";
}
.icon-cpu-chip-02:before {
  content: "\ea4a";
}
.icon-credit-card-01:before {
  content: "\ea4b";
}
.icon-credit-card-02:before {
  content: "\ea4c";
}
.icon-credit-card-check:before {
  content: "\ea4d";
}
.icon-credit-card-down:before {
  content: "\ea4e";
}
.icon-credit-card-download:before {
  content: "\ea4f";
}
.icon-credit-card-edit:before {
  content: "\ea50";
}
.icon-credit-card-lock:before {
  content: "\ea51";
}
.icon-credit-card-minus:before {
  content: "\ea52";
}
.icon-credit-card-plus:before {
  content: "\ea53";
}
.icon-credit-card-refresh:before {
  content: "\ea54";
}
.icon-credit-card-search:before {
  content: "\ea55";
}
.icon-credit-card-shield:before {
  content: "\ea56";
}
.icon-credit-card-up:before {
  content: "\ea57";
}
.icon-credit-card-upload:before {
  content: "\ea58";
}
.icon-credit-card-x:before {
  content: "\ea59";
}
.icon-crop-01:before {
  content: "\ea5a";
}
.icon-crop-02:before {
  content: "\ea5b";
}
.icon-cryptocurrency-01:before {
  content: "\ea5c";
}
.icon-cryptocurrency-02:before {
  content: "\ea5d";
}
.icon-cryptocurrency-03:before {
  content: "\ea5e";
}
.icon-cryptocurrency-04:before {
  content: "\ea5f";
}
.icon-cube-01:before {
  content: "\ea60";
}
.icon-cube-02:before {
  content: "\ea61";
}
.icon-cube-03:before {
  content: "\ea62";
}
.icon-cube-04:before {
  content: "\ea63";
}
.icon-cube-outline:before {
  content: "\ea64";
}
.icon-currency-bitcoin:before {
  content: "\ea65";
}
.icon-currency-bitcoin-circle:before {
  content: "\ea66";
}
.icon-currency-dollar:before {
  content: "\ea67";
}
.icon-currency-dollar-circle:before {
  content: "\ea68";
}
.icon-currency-ethereum:before {
  content: "\ea69";
}
.icon-currency-ethereum-circle:before {
  content: "\ea6a";
}
.icon-currency-euro:before {
  content: "\ea6b";
}
.icon-currency-euro-circle:before {
  content: "\ea6c";
}
.icon-currency-pound:before {
  content: "\ea6d";
}
.icon-currency-pound-circle:before {
  content: "\ea6e";
}
.icon-currency-ruble:before {
  content: "\ea6f";
}
.icon-currency-ruble-circle:before {
  content: "\ea70";
}
.icon-currency-rupee:before {
  content: "\ea71";
}
.icon-currency-rupee-circle:before {
  content: "\ea72";
}
.icon-currency-yen:before {
  content: "\ea73";
}
.icon-currency-yen-circle:before {
  content: "\ea74";
}
.icon-cursor-01:before {
  content: "\ea75";
}
.icon-cursor-02:before {
  content: "\ea76";
}
.icon-cursor-03:before {
  content: "\ea77";
}
.icon-cursor-04:before {
  content: "\ea78";
}
.icon-cursor-box:before {
  content: "\ea79";
}
.icon-cursor-click-01:before {
  content: "\ea7a";
}
.icon-cursor-click-02:before {
  content: "\ea7b";
}
.icon-data:before {
  content: "\ea7c";
}
.icon-database-01:before {
  content: "\ea7d";
}
.icon-database-02:before {
  content: "\ea7e";
}
.icon-database-03:before {
  content: "\ea7f";
}
.icon-dataflow-01:before {
  content: "\ea80";
}
.icon-dataflow-02:before {
  content: "\ea81";
}
.icon-dataflow-03:before {
  content: "\ea82";
}
.icon-dataflow-04:before {
  content: "\ea83";
}
.icon-delete:before {
  content: "\ea84";
}
.icon-diamond-01:before {
  content: "\ea85";
}
.icon-diamond-02:before {
  content: "\ea86";
}
.icon-dice-1:before {
  content: "\ea87";
}
.icon-dice-2:before {
  content: "\ea88";
}
.icon-dice-3:before {
  content: "\ea89";
}
.icon-dice-4:before {
  content: "\ea8a";
}
.icon-dice-5:before {
  content: "\ea8b";
}
.icon-dice-6:before {
  content: "\ea8c";
}
.icon-disc-01:before {
  content: "\ea8d";
}
.icon-disc-02:before {
  content: "\ea8e";
}
.icon-distribute-spacing-horizontal:before {
  content: "\ea8f";
}
.icon-distribute-spacing-vertical:before {
  content: "\ea90";
}
.icon-divide-01:before {
  content: "\ea91";
}
.icon-divide-02:before {
  content: "\ea92";
}
.icon-divide-03:before {
  content: "\ea93";
}
.icon-divider:before {
  content: "\ea94";
}
.icon-dotpoints-01:before {
  content: "\ea95";
}
.icon-dotpoints-02:before {
  content: "\ea96";
}
.icon-dots-grid:before {
  content: "\ea97";
}
.icon-dots-horizontal:before {
  content: "\ea98";
}
.icon-dots-vertical:before {
  content: "\ea99";
}
.icon-download-01:before {
  content: "\ea9a";
}
.icon-download-02:before {
  content: "\ea9b";
}
.icon-download-03:before {
  content: "\ea9c";
}
.icon-download-04:before {
  content: "\ea9d";
}
.icon-download-cloud-01:before {
  content: "\ea9e";
}
.icon-download-cloud-02:before {
  content: "\ea9f";
}
.icon-drop:before {
  content: "\eaa0";
}
.icon-droplets-01:before {
  content: "\eaa1";
}
.icon-droplets-02:before {
  content: "\eaa2";
}
.icon-droplets-03:before {
  content: "\eaa3";
}
.icon-dropper:before {
  content: "\eaa4";
}
.icon-edit-01:before {
  content: "\eaa5";
}
.icon-edit-02:before {
  content: "\eaa6";
}
.icon-edit-03:before {
  content: "\eaa7";
}
.icon-edit-04:before {
  content: "\eaa8";
}
.icon-edit-05:before {
  content: "\eaa9";
}
.icon-equal:before {
  content: "\eaaa";
}
.icon-equal-not:before {
  content: "\eaab";
}
.icon-eraser:before {
  content: "\eaac";
}
.icon-expand-01:before {
  content: "\eaad";
}
.icon-expand-02:before {
  content: "\eaae";
}
.icon-expand-03:before {
  content: "\eaaf";
}
.icon-expand-04:before {
  content: "\eab0";
}
.icon-expand-05:before {
  content: "\eab1";
}
.icon-expand-06:before {
  content: "\eab2";
}
.icon-eye:before {
  content: "\eab3";
}
.icon-eye-off:before {
  content: "\eab4";
}
.icon-face-content:before {
  content: "\eab5";
}
.icon-face-frown:before {
  content: "\eab6";
}
.icon-face-happy:before {
  content: "\eab7";
}
.icon-face-id:before {
  content: "\eab8";
}
.icon-face-id-square:before {
  content: "\eab9";
}
.icon-face-neutral:before {
  content: "\eaba";
}
.icon-face-sad:before {
  content: "\eabb";
}
.icon-face-smile:before {
  content: "\eabc";
}
.icon-face-wink:before {
  content: "\eabd";
}
.icon-fast-backward:before {
  content: "\eabe";
}
.icon-fast-forward:before {
  content: "\eabf";
}
.icon-feather:before {
  content: "\eac0";
}
.icon-figma:before {
  content: "\eac1";
}
.icon-file-01:before {
  content: "\eac2";
}
.icon-file-02:before {
  content: "\eac3";
}
.icon-file-03:before {
  content: "\eac4";
}
.icon-file-04:before {
  content: "\eac5";
}
.icon-file-05:before {
  content: "\eac6";
}
.icon-file-06:before {
  content: "\eac7";
}
.icon-file-07:before {
  content: "\eac8";
}
.icon-file-attachment-01:before {
  content: "\eac9";
}
.icon-file-attachment-02:before {
  content: "\eaca";
}
.icon-file-attachment-03:before {
  content: "\eacb";
}
.icon-file-attachment-04:before {
  content: "\eacc";
}
.icon-file-attachment-05:before {
  content: "\eacd";
}
.icon-file-check-01:before {
  content: "\eace";
}
.icon-file-check-02:before {
  content: "\eacf";
}
.icon-file-check-03:before {
  content: "\ead0";
}
.icon-file-code-01:before {
  content: "\ead1";
}
.icon-file-code-02:before {
  content: "\ead2";
}
.icon-file-download-01:before {
  content: "\ead3";
}
.icon-file-download-02:before {
  content: "\ead4";
}
.icon-file-download-03:before {
  content: "\ead5";
}
.icon-file-heart-01:before {
  content: "\ead6";
}
.icon-file-heart-02:before {
  content: "\ead7";
}
.icon-file-heart-03:before {
  content: "\ead8";
}
.icon-file-lock-01:before {
  content: "\ead9";
}
.icon-file-lock-02:before {
  content: "\eada";
}
.icon-file-lock-03:before {
  content: "\eadb";
}
.icon-file-minus-01:before {
  content: "\eadc";
}
.icon-file-minus-02:before {
  content: "\eadd";
}
.icon-file-minus-03:before {
  content: "\eade";
}
.icon-file-plus-01:before {
  content: "\eadf";
}
.icon-file-plus-02:before {
  content: "\eae0";
}
.icon-file-plus-03:before {
  content: "\eae1";
}
.icon-file-question-01:before {
  content: "\eae2";
}
.icon-file-question-02:before {
  content: "\eae3";
}
.icon-file-question-03:before {
  content: "\eae4";
}
.icon-file-search-01:before {
  content: "\eae5";
}
.icon-file-search-02:before {
  content: "\eae6";
}
.icon-file-search-03:before {
  content: "\eae7";
}
.icon-file-shield-01:before {
  content: "\eae8";
}
.icon-file-shield-02:before {
  content: "\eae9";
}
.icon-file-shield-03:before {
  content: "\eaea";
}
.icon-file-x-01:before {
  content: "\eaeb";
}
.icon-file-x-02:before {
  content: "\eaec";
}
.icon-file-x-03:before {
  content: "\eaed";
}
.icon-film-01:before {
  content: "\eaee";
}
.icon-film-02:before {
  content: "\eaef";
}
.icon-film-03:before {
  content: "\eaf0";
}
.icon-filter-funnel-01:before {
  content: "\eaf1";
}
.icon-filter-funnel-02:before {
  content: "\eaf2";
}
.icon-filter-lines:before {
  content: "\eaf3";
}
.icon-fingerprint-01:before {
  content: "\eaf4";
}
.icon-fingerprint-02:before {
  content: "\eaf5";
}
.icon-fingerprint-03:before {
  content: "\eaf6";
}
.icon-fingerprint-04:before {
  content: "\eaf7";
}
.icon-flag-01:before {
  content: "\eaf8";
}
.icon-flag-02:before {
  content: "\eaf9";
}
.icon-flag-03:before {
  content: "\eafa";
}
.icon-flag-04:before {
  content: "\eafb";
}
.icon-flag-05:before {
  content: "\eafc";
}
.icon-flag-06:before {
  content: "\eafd";
}
.icon-flash:before {
  content: "\eafe";
}
.icon-flash-off:before {
  content: "\eaff";
}
.icon-flex-align-bottom:before {
  content: "\eb00";
}
.icon-flex-align-left:before {
  content: "\eb01";
}
.icon-flex-align-right:before {
  content: "\eb02";
}
.icon-flex-align-top:before {
  content: "\eb03";
}
.icon-flip-backward:before {
  content: "\eb04";
}
.icon-flip-forward:before {
  content: "\eb05";
}
.icon-folder:before {
  content: "\eb06";
}
.icon-folder-check:before {
  content: "\eb07";
}
.icon-folder-closed:before {
  content: "\eb08";
}
.icon-folder-code:before {
  content: "\eb09";
}
.icon-folder-download:before {
  content: "\eb0a";
}
.icon-folder-lock:before {
  content: "\eb0b";
}
.icon-folder-minus:before {
  content: "\eb0c";
}
.icon-folder-plus:before {
  content: "\eb0d";
}
.icon-folder-question:before {
  content: "\eb0e";
}
.icon-folder-search:before {
  content: "\eb0f";
}
.icon-folder-shield:before {
  content: "\eb10";
}
.icon-folder-x:before {
  content: "\eb11";
}
.icon-framer:before {
  content: "\eb12";
}
.icon-gaming-pad-01:before {
  content: "\eb13";
}
.icon-gaming-pad-02:before {
  content: "\eb14";
}
.icon-gift-01:before {
  content: "\eb15";
}
.icon-gift-02:before {
  content: "\eb16";
}
.icon-git-branch-01:before {
  content: "\eb17";
}
.icon-git-branch-02:before {
  content: "\eb18";
}
.icon-git-commit:before {
  content: "\eb19";
}
.icon-git-merge:before {
  content: "\eb1a";
}
.icon-git-pull-request:before {
  content: "\eb1b";
}
.icon-glasses-01:before {
  content: "\eb1c";
}
.icon-glasses-02:before {
  content: "\eb1d";
}
.icon-globe-01:before {
  content: "\eb1e";
}
.icon-globe-02:before {
  content: "\eb1f";
}
.icon-globe-03:before {
  content: "\eb20";
}
.icon-globe-05:before {
  content: "\eb22";
}
.icon-globe-06:before {
  content: "\eb23";
}
.icon-globe-slated-01:before {
  content: "\eb24";
}
.icon-globe-slated-02:before {
  content: "\eb25";
}
.icon-google-chrome:before {
  content: "\eb26";
}
.icon-graduation-hat-01:before {
  content: "\eb27";
}
.icon-graduation-hat-02:before {
  content: "\eb28";
}
.icon-grid-01:before {
  content: "\eb29";
}
.icon-grid-02:before {
  content: "\eb2a";
}
.icon-grid-03:before {
  content: "\eb2b";
}
.icon-grid-dots-blank:before {
  content: "\eb2c";
}
.icon-grid-dots-bottom:before {
  content: "\eb2d";
}
.icon-grid-dots-horizontal-center:before {
  content: "\eb2e";
}
.icon-grid-dots-left:before {
  content: "\eb2f";
}
.icon-grid-dots-outer:before {
  content: "\eb30";
}
.icon-grid-dots-right:before {
  content: "\eb31";
}
.icon-grid-dots-top:before {
  content: "\eb32";
}
.icon-grid-dots-vertical-center:before {
  content: "\eb33";
}
.icon-hand:before {
  content: "\eb34";
}
.icon-hard-drive:before {
  content: "\eb35";
}
.icon-hash-01:before {
  content: "\eb36";
}
.icon-hash-02:before {
  content: "\eb37";
}
.icon-heading-01:before {
  content: "\eb38";
}
.icon-heading-02:before {
  content: "\eb39";
}
.icon-heading-square:before {
  content: "\eb3a";
}
.icon-headphones-01:before {
  content: "\eb3b";
}
.icon-headphones-02:before {
  content: "\eb3c";
}
.icon-heart:before {
  content: "\eb3d";
}
.icon-heart-circle:before {
  content: "\eb3e";
}
.icon-heart-hand:before {
  content: "\eb3f";
}
.icon-heart-hexagon:before {
  content: "\eb40";
}
.icon-heart-octagon:before {
  content: "\eb41";
}
.icon-heart-rounded:before {
  content: "\eb42";
}
.icon-hearts:before {
  content: "\eb43";
}
.icon-heart-square:before {
  content: "\eb44";
}
.icon-help-circle:before {
  content: "\eb45";
}
.icon-help-hexagon:before {
  content: "\eb46";
}
.icon-help-octagon:before {
  content: "\eb47";
}
.icon-help-square:before {
  content: "\eb48";
}
.icon-hexagon-01:before {
  content: "\eb49";
}
.icon-hexagon-02:before {
  content: "\eb4a";
}
.icon-home-01:before {
  content: "\eb4b";
}
.icon-home-02:before {
  content: "\eb4c";
}
.icon-home-03:before {
  content: "\eb4d";
}
.icon-home-04:before {
  content: "\eb4e";
}
.icon-home-05:before {
  content: "\eb4f";
}
.icon-home-line:before {
  content: "\eb50";
}
.icon-home-smile:before {
  content: "\eb51";
}
.icon-horizontal-bar-chart-01:before {
  content: "\eb52";
}
.icon-horizontal-bar-chart-02:before {
  content: "\eb53";
}
.icon-horizontal-bar-chart-03:before {
  content: "\eb54";
}
.icon-hourglass-01:before {
  content: "\eb55";
}
.icon-hourglass-02:before {
  content: "\eb56";
}
.icon-hourglass-03:before {
  content: "\eb57";
}
.icon-hurricane-01:before {
  content: "\eb58";
}
.icon-hurricane-02:before {
  content: "\eb59";
}
.icon-hurricane-03:before {
  content: "\eb5a";
}
.icon-image-01:before {
  content: "\eb5b";
}
.icon-image-02:before {
  content: "\eb5c";
}
.icon-image-03:before {
  content: "\eb5d";
}
.icon-image-04:before {
  content: "\eb5e";
}
.icon-image-05:before {
  content: "\eb5f";
}
.icon-image-check:before {
  content: "\eb60";
}
.icon-image-down:before {
  content: "\eb61";
}
.icon-image-indent-left:before {
  content: "\eb62";
}
.icon-image-indent-right:before {
  content: "\eb63";
}
.icon-image-left:before {
  content: "\eb64";
}
.icon-image-plus:before {
  content: "\eb65";
}
.icon-image-right:before {
  content: "\eb66";
}
.icon-image-up:before {
  content: "\eb67";
}
.icon-image-user:before {
  content: "\eb68";
}
.icon-image-user-check:before {
  content: "\eb69";
}
.icon-image-user-down:before {
  content: "\eb6a";
}
.icon-image-user-left:before {
  content: "\eb6b";
}
.icon-image-user-plus:before {
  content: "\eb6c";
}
.icon-image-user-right:before {
  content: "\eb6d";
}
.icon-image-user-up:before {
  content: "\eb6e";
}
.icon-image-user-x:before {
  content: "\eb6f";
}
.icon-image-x:before {
  content: "\eb70";
}
.icon-inbox-01:before {
  content: "\eb71";
}
.icon-inbox-02:before {
  content: "\eb72";
}
.icon-infinity:before {
  content: "\eb73";
}
.icon-info-circle:before {
  content: "\eb74";
}
.icon-info-hexagon:before {
  content: "\eb75";
}
.icon-info-octagon:before {
  content: "\eb76";
}
.icon-info-square:before {
  content: "\eb77";
}
.icon-intersect-circle:before {
  content: "\eb78";
}
.icon-intersect-square:before {
  content: "\eb79";
}
.icon-italic-01:before {
  content: "\eb7a";
}
.icon-italic-02:before {
  content: "\eb7b";
}
.icon-italic-square:before {
  content: "\eb7c";
}
.icon-key-01:before {
  content: "\eb7d";
}
.icon-key-02:before {
  content: "\eb7e";
}
.icon-keyboard-01:before {
  content: "\eb7f";
}
.icon-keyboard-02:before {
  content: "\eb80";
}
.icon-laptop-01:before {
  content: "\eb81";
}
.icon-laptop-02:before {
  content: "\eb82";
}
.icon-layer-single:before {
  content: "\eb83";
}
.icon-layers-three-01:before {
  content: "\eb84";
}
.icon-layers-three-02:before {
  content: "\eb85";
}
.icon-layers-two-01:before {
  content: "\eb86";
}
.icon-layers-two-02:before {
  content: "\eb87";
}
.icon-layout-alt-01:before {
  content: "\eb88";
}
.icon-layout-alt-02:before {
  content: "\eb89";
}
.icon-layout-alt-03:before {
  content: "\eb8a";
}
.icon-layout-alt-04:before {
  content: "\eb8b";
}
.icon-layout-bottom:before {
  content: "\eb8c";
}
.icon-layout-grid-01:before {
  content: "\eb8d";
}
.icon-layout-grid-02:before {
  content: "\eb8e";
}
.icon-layout-left:before {
  content: "\eb8f";
}
.icon-layout-right:before {
  content: "\eb90";
}
.icon-layout-top:before {
  content: "\eb91";
}
.icon-left-indent-01:before {
  content: "\eb92";
}
.icon-left-indent-02:before {
  content: "\eb93";
}
.icon-letter-spacing-01:before {
  content: "\eb94";
}
.icon-letter-spacing-02:before {
  content: "\eb95";
}
.icon-life-buoy-01:before {
  content: "\eb96";
}
.icon-life-buoy-02:before {
  content: "\eb97";
}
.icon-lightbulb-01:before {
  content: "\eb98";
}
.icon-lightbulb-02:before {
  content: "\eb99";
}
.icon-lightbulb-03:before {
  content: "\eb9a";
}
.icon-lightbulb-04:before {
  content: "\eb9b";
}
.icon-lightbulb-05:before {
  content: "\eb9c";
}
.icon-lightning-01:before {
  content: "\eb9d";
}
.icon-lightning-02:before {
  content: "\eb9e";
}
.icon-line-chart-down-01:before {
  content: "\eb9f";
}
.icon-line-chart-down-02:before {
  content: "\eba0";
}
.icon-line-chart-down-03:before {
  content: "\eba1";
}
.icon-line-chart-down-04:before {
  content: "\eba2";
}
.icon-line-chart-down-05:before {
  content: "\eba3";
}
.icon-line-chart-up-01:before {
  content: "\eba4";
}
.icon-line-chart-up-02:before {
  content: "\eba5";
}
.icon-line-chart-up-03:before {
  content: "\eba6";
}
.icon-line-chart-up-04:before {
  content: "\eba7";
}
.icon-line-chart-up-05:before {
  content: "\eba8";
}
.icon-line-height:before {
  content: "\eba9";
}
.icon-link-01:before {
  content: "\ebaa";
}
.icon-link-02:before {
  content: "\ebab";
}
.icon-link-03:before {
  content: "\ebac";
}
.icon-link-04:before {
  content: "\ebad";
}
.icon-link-05:before {
  content: "\ebae";
}
.icon-link-broken-01:before {
  content: "\ebaf";
}
.icon-link-broken-02:before {
  content: "\ebb0";
}
.icon-link-external-01:before {
  content: "\ebb1";
}
.icon-link-external-02:before {
  content: "\ebb2";
}
.icon-list:before {
  content: "\ebb3";
}
.icon-loading-01:before {
  content: "\ebb4";
}
.icon-loading-02:before {
  content: "\ebb5";
}
.icon-loading-03:before {
  content: "\ebb6";
}
.icon-lock-01:before {
  content: "\ebb7";
}
.icon-lock-02:before {
  content: "\ebb8";
}
.icon-lock-03:before {
  content: "\ebb9";
}
.icon-lock-04:before {
  content: "\ebba";
}
.icon-lock-keyhole-circle:before {
  content: "\ebbb";
}
.icon-lock-keyhole-square:before {
  content: "\ebbc";
}
.icon-lock-unlocked-01:before {
  content: "\ebbd";
}
.icon-lock-unlocked-02:before {
  content: "\ebbe";
}
.icon-lock-unlocked-03:before {
  content: "\ebbf";
}
.icon-lock-unlocked-04:before {
  content: "\ebc0";
}
.icon-log-in-01:before {
  content: "\ebc1";
}
.icon-log-in-02:before {
  content: "\ebc2";
}
.icon-log-in-03:before {
  content: "\ebc3";
}
.icon-log-in-04:before {
  content: "\ebc4";
}
.icon-log-out-01:before {
  content: "\ebc5";
}
.icon-log-out-02:before {
  content: "\ebc6";
}
.icon-log-out-03:before {
  content: "\ebc7";
}
.icon-log-out-04:before {
  content: "\ebc8";
}
.icon-luggage-01:before {
  content: "\ebc9";
}
.icon-luggage-02:before {
  content: "\ebca";
}
.icon-luggage-03:before {
  content: "\ebcb";
}
.icon-magic-wand-01:before {
  content: "\ebcc";
}
.icon-magic-wand-02:before {
  content: "\ebcd";
}
.icon-mail-01:before {
  content: "\ebce";
}
.icon-mail-02:before {
  content: "\ebcf";
}
.icon-mail-03:before {
  content: "\ebd0";
}
.icon-mail-04:before {
  content: "\ebd1";
}
.icon-mail-05:before {
  content: "\ebd2";
}
.icon-map-01:before {
  content: "\ebd3";
}
.icon-map-02:before {
  content: "\ebd4";
}
.icon-mark:before {
  content: "\ebd5";
}
.icon-marker-pin-01:before {
  content: "\ebd6";
}
.icon-marker-pin-02:before {
  content: "\ebd7";
}
.icon-marker-pin-03:before {
  content: "\ebd8";
}
.icon-marker-pin-04:before {
  content: "\ebd9";
}
.icon-marker-pin-05:before {
  content: "\ebda";
}
.icon-marker-pin-06:before {
  content: "\ebdb";
}
.icon-maximize-01:before {
  content: "\ebdc";
}
.icon-maximize-02:before {
  content: "\ebdd";
}
.icon-medical-circle:before {
  content: "\ebde";
}
.icon-medical-cross:before {
  content: "\ebdf";
}
.icon-medical-square:before {
  content: "\ebe0";
}
.icon-menu-01:before {
  content: "\ebe1";
}
.icon-menu-02:before {
  content: "\ebe2";
}
.icon-menu-03:before {
  content: "\ebe3";
}
.icon-menu-04:before {
  content: "\ebe4";
}
.icon-menu-05:before {
  content: "\ebe5";
}
.icon-message-alert-circle:before {
  content: "\ebe6";
}
.icon-message-alert-square:before {
  content: "\ebe7";
}
.icon-message-chat-circle:before {
  content: "\ebe8";
}
.icon-message-chat-square:before {
  content: "\ebe9";
}
.icon-message-check-circle:before {
  content: "\ebea";
}
.icon-message-check-square:before {
  content: "\ebeb";
}
.icon-message-circle-01:before {
  content: "\ebec";
}
.icon-message-circle-02:before {
  content: "\ebed";
}
.icon-message-dots-circle:before {
  content: "\ebee";
}
.icon-message-dots-square:before {
  content: "\ebef";
}
.icon-message-heart-circle:before {
  content: "\ebf0";
}
.icon-message-heart-square:before {
  content: "\ebf1";
}
.icon-message-notification-circle:before {
  content: "\ebf2";
}
.icon-message-notification-square:before {
  content: "\ebf3";
}
.icon-message-plus-circle:before {
  content: "\ebf4";
}
.icon-message-plus-square:before {
  content: "\ebf5";
}
.icon-message-question-circle:before {
  content: "\ebf6";
}
.icon-message-question-square:before {
  content: "\ebf7";
}
.icon-message-smile-circle:before {
  content: "\ebf8";
}
.icon-message-smile-square:before {
  content: "\ebf9";
}
.icon-message-square-01:before {
  content: "\ebfa";
}
.icon-message-square-02:before {
  content: "\ebfb";
}
.icon-message-text-circle-01:before {
  content: "\ebfc";
}
.icon-message-text-circle-02:before {
  content: "\ebfd";
}
.icon-message-text-square-01:before {
  content: "\ebfe";
}
.icon-message-text-square-02:before {
  content: "\ebff";
}
.icon-message-x-circle:before {
  content: "\ec00";
}
.icon-message-x-square:before {
  content: "\ec01";
}
.icon-microphone-01:before {
  content: "\ec02";
}
.icon-microphone-02:before {
  content: "\ec03";
}
.icon-microphone-off-01:before {
  content: "\ec04";
}
.icon-microphone-off-02:before {
  content: "\ec05";
}
.icon-microscope:before {
  content: "\ec06";
}
.icon-minimize-01:before {
  content: "\ec07";
}
.icon-minimize-02:before {
  content: "\ec08";
}
.icon-minus:before {
  content: "\ec09";
}
.icon-minus-circle:before {
  content: "\ec0a";
}
.icon-minus-square:before {
  content: "\ec0b";
}
.icon-modem-01:before {
  content: "\ec0c";
}
.icon-modem-02:before {
  content: "\ec0d";
}
.icon-monitor-01:before {
  content: "\ec0e";
}
.icon-monitor-02:before {
  content: "\ec0f";
}
.icon-monitor-03:before {
  content: "\ec10";
}
.icon-monitor-04:before {
  content: "\ec11";
}
.icon-monitor-05:before {
  content: "\ec12";
}
.icon-moon-01:before {
  content: "\ec13";
}
.icon-moon-02:before {
  content: "\ec14";
}
.icon-moon-eclipse:before {
  content: "\ec15";
}
.icon-moon-star:before {
  content: "\ec16";
}
.icon-mouse:before {
  content: "\ec17";
}
.icon-move:before {
  content: "\ec18";
}
.icon-music-note-01:before {
  content: "\ec19";
}
.icon-music-note-02:before {
  content: "\ec1a";
}
.icon-music-note-plus:before {
  content: "\ec1b";
}
.icon-navigation-pointer-01:before {
  content: "\ec1c";
}
.icon-navigation-pointer-02:before {
  content: "\ec1d";
}
.icon-navigation-pointer-off-01:before {
  content: "\ec1e";
}
.icon-navigation-pointer-off-02:before {
  content: "\ec1f";
}
.icon-notification-box:before {
  content: "\ec20";
}
.icon-notification-message:before {
  content: "\ec21";
}
.icon-notification-text:before {
  content: "\ec22";
}
.icon-octagon:before {
  content: "\ec23";
}
.icon-package:before {
  content: "\ec24";
}
.icon-package-check:before {
  content: "\ec25";
}
.icon-package-minus:before {
  content: "\ec26";
}
.icon-package-plus:before {
  content: "\ec27";
}
.icon-package-search:before {
  content: "\ec28";
}
.icon-package-x:before {
  content: "\ec29";
}
.icon-paint:before {
  content: "\ec2a";
}
.icon-paint-pour:before {
  content: "\ec2b";
}
.icon-palette:before {
  content: "\ec2c";
}
.icon-paperclip:before {
  content: "\ec2d";
}
.icon-paragraph-spacing:before {
  content: "\ec2e";
}
.icon-paragraph-wrap:before {
  content: "\ec2f";
}
.icon-passcode:before {
  content: "\ec30";
}
.icon-passcode-lock:before {
  content: "\ec31";
}
.icon-passport:before {
  content: "\ec32";
}
.icon-pause-circle:before {
  content: "\ec33";
}
.icon-pause-square:before {
  content: "\ec34";
}
.icon-pencil-02:before {
  content: "\ec36";
}
.icon-pentagon:before {
  content: "\ec38";
}
.icon-pen-tool-01:before {
  content: "\ec39";
}
.icon-pen-tool-02:before {
  content: "\ec3a";
}
.icon-pen-tool-minus:before {
  content: "\ec3b";
}
.icon-pen-tool-plus:before {
  content: "\ec3c";
}
.icon-percent-01:before {
  content: "\ec3d";
}
.icon-percent-02:before {
  content: "\ec3e";
}
.icon-percent-03:before {
  content: "\ec3f";
}
.icon-perspective-01:before {
  content: "\ec40";
}
.icon-perspective-02:before {
  content: "\ec41";
}
.icon-phone:before {
  content: "\ec42";
}
.icon-phone-01:before {
  content: "\ec43";
}
.icon-phone-02:before {
  content: "\ec44";
}
.icon-phone-call-01:before {
  content: "\ec45";
}
.icon-phone-hang-up:before {
  content: "\ec47";
}
.icon-phone-incoming-01:before {
  content: "\ec48";
}
.icon-phone-incoming-02:before {
  content: "\ec49";
}
.icon-phone-outgoing-01:before {
  content: "\ec4a";
}
.icon-phone-outgoing-02:before {
  content: "\ec4b";
}
.icon-phone-pause:before {
  content: "\ec4c";
}
.icon-phone-plus:before {
  content: "\ec4d";
}
.icon-phone-x:before {
  content: "\ec4e";
}
.icon-pie-chart-01:before {
  content: "\ec4f";
}
.icon-pie-chart-02:before {
  content: "\ec50";
}
.icon-pie-chart-03:before {
  content: "\ec51";
}
.icon-pie-chart-04:before {
  content: "\ec52";
}
.icon-piggy-bank-01:before {
  content: "\ec53";
}
.icon-piggy-bank-02:before {
  content: "\ec54";
}
.icon-pilcrow-01:before {
  content: "\ec55";
}
.icon-pilcrow-02:before {
  content: "\ec56";
}
.icon-pilcrow-square:before {
  content: "\ec57";
}
.icon-pin-01:before {
  content: "\ec58";
}
.icon-pin-02:before {
  content: "\ec59";
}
.icon-placeholder:before {
  content: "\ec5a";
}
.icon-plane:before {
  content: "\ec5b";
}
.icon-play:before {
  content: "\ec5c";
}
.icon-play-circle:before {
  content: "\ec5d";
}
.icon-play-square:before {
  content: "\ec5e";
}
.icon-plus:before {
  content: "\ec5f";
}
.icon-plus-circle:before {
  content: "\ec60";
}
.icon-plus-square:before {
  content: "\ec61";
}
.icon-podcast:before {
  content: "\ec62";
}
.icon-power-01:before {
  content: "\ec63";
}
.icon-power-02:before {
  content: "\ec64";
}
.icon-power-03:before {
  content: "\ec65";
}
.icon-presentation-chart-01:before {
  content: "\ec66";
}
.icon-presentation-chart-02:before {
  content: "\ec67";
}
.icon-presentation-chart-03:before {
  content: "\ec68";
}
.icon-printer:before {
  content: "\ec69";
}
.icon-puzzle-piece-01:before {
  content: "\ec6a";
}
.icon-puzzle-piece-02:before {
  content: "\ec6b";
}
.icon-qr-code-01:before {
  content: "\ec6c";
}
.icon-qr-code-02:before {
  content: "\ec6d";
}
.icon-receipt:before {
  content: "\ec6e";
}
.icon-receipt-check:before {
  content: "\ec6f";
}
.icon-recording-01:before {
  content: "\ec70";
}
.icon-recording-02:before {
  content: "\ec71";
}
.icon-recording-03:before {
  content: "\ec72";
}
.icon-reflect-01:before {
  content: "\ec73";
}
.icon-reflect-02:before {
  content: "\ec74";
}
.icon-refresh-ccw-01:before {
  content: "\ec75";
}
.icon-refresh-ccw-02:before {
  content: "\ec76";
}
.icon-refresh-ccw-03:before {
  content: "\ec77";
}
.icon-refresh-ccw-04:before {
  content: "\ec78";
}
.icon-refresh-ccw-05:before {
  content: "\ec79";
}
.icon-refresh-cw-01:before {
  content: "\ec7a";
}
.icon-refresh-cw-02:before {
  content: "\ec7b";
}
.icon-refresh-cw-03:before {
  content: "\ec7c";
}
.icon-refresh-cw-04:before {
  content: "\ec7d";
}
.icon-refresh-cw-05:before {
  content: "\ec7e";
}
.icon-repeat-01:before {
  content: "\ec7f";
}
.icon-repeat-02:before {
  content: "\ec80";
}
.icon-repeat-03:before {
  content: "\ec81";
}
.icon-repeat-04:before {
  content: "\ec82";
}
.icon-reverse-left:before {
  content: "\ec83";
}
.icon-reverse-right:before {
  content: "\ec84";
}
.icon-right-indent-01:before {
  content: "\ec85";
}
.icon-right-indent-02:before {
  content: "\ec86";
}
.icon-rocket-01:before {
  content: "\ec87";
}
.icon-rocket-02:before {
  content: "\ec88";
}
.icon-roller-brush:before {
  content: "\ec89";
}
.icon-route:before {
  content: "\ec8a";
}
.icon-rows-01:before {
  content: "\ec8b";
}
.icon-rows-02:before {
  content: "\ec8c";
}
.icon-rows-03:before {
  content: "\ec8d";
}
.icon-rss-01:before {
  content: "\ec8e";
}
.icon-rss-02:before {
  content: "\ec8f";
}
.icon-ruler:before {
  content: "\ec90";
}
.icon-safe:before {
  content: "\ec91";
}
.icon-sale-01:before {
  content: "\ec92";
}
.icon-sale-02:before {
  content: "\ec93";
}
.icon-sale-03:before {
  content: "\ec94";
}
.icon-save-01:before {
  content: "\ec95";
}
.icon-save-02:before {
  content: "\ec96";
}
.icon-save-03:before {
  content: "\ec97";
}
.icon-scale-01:before {
  content: "\ec98";
}
.icon-scale-02:before {
  content: "\ec99";
}
.icon-scale-03:before {
  content: "\ec9a";
}
.icon-scales-01:before {
  content: "\ec9b";
}
.icon-scales-02:before {
  content: "\ec9c";
}
.icon-scan:before {
  content: "\ec9d";
}
.icon-scissors-01:before {
  content: "\ec9e";
}
.icon-scissors-02:before {
  content: "\ec9f";
}
.icon-scissors-cut-01:before {
  content: "\eca0";
}
.icon-scissors-cut-02:before {
  content: "\eca1";
}
.icon-search-lg:before {
  content: "\eca2";
}
.icon-search-md:before {
  content: "\eca3";
}
.icon-search-refraction:before {
  content: "\eca4";
}
.icon-search-sm:before {
  content: "\eca5";
}
.icon-send-01:before {
  content: "\eca6";
}
.icon-send-02:before {
  content: "\eca7";
}
.icon-send-03:before {
  content: "\eca8";
}
.icon-server-01:before {
  content: "\eca9";
}
.icon-server-02:before {
  content: "\ecaa";
}
.icon-server-03:before {
  content: "\ecab";
}
.icon-server-04:before {
  content: "\ecac";
}
.icon-server-05:before {
  content: "\ecad";
}
.icon-server-06:before {
  content: "\ecae";
}
.icon-settings-01:before {
  content: "\ecaf";
}
.icon-settings-02:before {
  content: "\ecb0";
}
.icon-settings-03:before {
  content: "\ecb1";
}
.icon-settings-04:before {
  content: "\ecb2";
}
.icon-share-01:before {
  content: "\ecb3";
}
.icon-share-02:before {
  content: "\ecb4";
}
.icon-share-03:before {
  content: "\ecb5";
}
.icon-share-04:before {
  content: "\ecb6";
}
.icon-share-05:before {
  content: "\ecb7";
}
.icon-share-06:before {
  content: "\ecb8";
}
.icon-share-07:before {
  content: "\ecb9";
}
.icon-shield-01:before {
  content: "\ecba";
}
.icon-shield-02:before {
  content: "\ecbb";
}
.icon-shield-03:before {
  content: "\ecbc";
}
.icon-shield-dollar:before {
  content: "\ecbd";
}
.icon-shield-off:before {
  content: "\ecbe";
}
.icon-shield-plus:before {
  content: "\ecbf";
}
.icon-shield-tick:before {
  content: "\ecc0";
}
.icon-shield-zap:before {
  content: "\ecc1";
}
.icon-shopping-bag-01:before {
  content: "\ecc2";
}
.icon-shopping-bag-02:before {
  content: "\ecc3";
}
.icon-shopping-bag-03:before {
  content: "\ecc4";
}
.icon-shopping-cart-01:before {
  content: "\ecc5";
}
.icon-shopping-cart-02:before {
  content: "\ecc6";
}
.icon-shopping-cart-03:before {
  content: "\ecc7";
}
.icon-shuffle-01:before {
  content: "\ecc8";
}
.icon-shuffle-02:before {
  content: "\ecc9";
}
.icon-signal-01:before {
  content: "\ecca";
}
.icon-signal-02:before {
  content: "\eccb";
}
.icon-signal-03:before {
  content: "\eccc";
}
.icon-simcard:before {
  content: "\eccd";
}
.icon-skew:before {
  content: "\ecce";
}
.icon-skip-back:before {
  content: "\eccf";
}
.icon-skip-forward:before {
  content: "\ecd0";
}
.icon-slash-circle-01:before {
  content: "\ecd1";
}
.icon-slash-circle-02:before {
  content: "\ecd2";
}
.icon-slash-divider:before {
  content: "\ecd3";
}
.icon-slash-octagon:before {
  content: "\ecd4";
}
.icon-sliders-01:before {
  content: "\ecd5";
}
.icon-sliders-02:before {
  content: "\ecd6";
}
.icon-sliders-03:before {
  content: "\ecd7";
}
.icon-sliders-04:before {
  content: "\ecd8";
}
.icon-snowflake-01:before {
  content: "\ecd9";
}
.icon-snowflake-02:before {
  content: "\ecda";
}
.icon-spacing-height-01:before {
  content: "\ecdb";
}
.icon-spacing-height-02:before {
  content: "\ecdc";
}
.icon-spacing-width-01:before {
  content: "\ecdd";
}
.icon-spacing-width-02:before {
  content: "\ecde";
}
.icon-speaker-01:before {
  content: "\ecdf";
}
.icon-speaker-02:before {
  content: "\ece0";
}
.icon-speaker-03:before {
  content: "\ece1";
}
.icon-speedometer-01:before {
  content: "\ece2";
}
.icon-speedometer-02:before {
  content: "\ece3";
}
.icon-speedometer-03:before {
  content: "\ece4";
}
.icon-speedometer-04:before {
  content: "\ece5";
}
.icon-square:before {
  content: "\ece6";
}
.icon-stand:before {
  content: "\ece7";
}
.icon-star-01:before {
  content: "\ece8";
}
.icon-star-02:before {
  content: "\ece9";
}
.icon-star-03:before {
  content: "\ecea";
}
.icon-star-04:before {
  content: "\eceb";
}
.icon-star-05:before {
  content: "\ecec";
}
.icon-star-06:before {
  content: "\eced";
}
.icon-star-07:before {
  content: "\ecee";
}
.icon-stars-01:before {
  content: "\ecef";
}
.icon-stars-02:before {
  content: "\ecf0";
}
.icon-stars-03:before {
  content: "\ecf1";
}
.icon-sticker-circle:before {
  content: "\ecf2";
}
.icon-sticker-square:before {
  content: "\ecf3";
}
.icon-stop:before {
  content: "\ecf4";
}
.icon-stop-circle:before {
  content: "\ecf5";
}
.icon-stop-square:before {
  content: "\ecf6";
}
.icon-strikethrough-01:before {
  content: "\ecf7";
}
.icon-strikethrough-02:before {
  content: "\ecf8";
}
.icon-strikethrough-square:before {
  content: "\ecf9";
}
.icon-subscript:before {
  content: "\ecfa";
}
.icon-sun:before {
  content: "\ecfb";
}
.icon-sunrise:before {
  content: "\ecfc";
}
.icon-sunset:before {
  content: "\ecfd";
}
.icon-sun-setting-01:before {
  content: "\ecfe";
}
.icon-sun-setting-02:before {
  content: "\ecff";
}
.icon-sun-setting-03:before {
  content: "\ed00";
}
.icon-switch-horizontal-01:before {
  content: "\ed01";
}
.icon-switch-horizontal-02:before {
  content: "\ed02";
}
.icon-switch-vertical-01:before {
  content: "\ed03";
}
.icon-switch-vertical-02:before {
  content: "\ed04";
}
.icon-table:before {
  content: "\ed05";
}
.icon-tablet-01:before {
  content: "\ed06";
}
.icon-tablet-02:before {
  content: "\ed07";
}
.icon-tag-01:before {
  content: "\ed08";
}
.icon-tag-02:before {
  content: "\ed09";
}
.icon-tag-03:before {
  content: "\ed0a";
}
.icon-target-01:before {
  content: "\ed0b";
}
.icon-target-02:before {
  content: "\ed0c";
}
.icon-target-03:before {
  content: "\ed0d";
}
.icon-target-04:before {
  content: "\ed0e";
}
.icon-target-05:before {
  content: "\ed0f";
}
.icon-telescope:before {
  content: "\ed10";
}
.icon-terminal:before {
  content: "\ed11";
}
.icon-terminal-browser:before {
  content: "\ed12";
}
.icon-terminal-circle:before {
  content: "\ed13";
}
.icon-terminal-square:before {
  content: "\ed14";
}
.icon-text-input:before {
  content: "\ed15";
}
.icon-thermometer-01:before {
  content: "\ed16";
}
.icon-thermometer-02:before {
  content: "\ed17";
}
.icon-thermometer-03:before {
  content: "\ed18";
}
.icon-thermometer-cold:before {
  content: "\ed19";
}
.icon-thermometer-warm:before {
  content: "\ed1a";
}
.icon-thumbs-down:before {
  content: "\ed1b";
}
.icon-thumbs-up:before {
  content: "\ed1c";
}
.icon-ticket-01:before {
  content: "\ed1d";
}
.icon-ticket-02:before {
  content: "\ed1e";
}
.icon-toggle-01-left:before {
  content: "\ed1f";
}
.icon-toggle-01-right:before {
  content: "\ed20";
}
.icon-toggle-02-left:before {
  content: "\ed21";
}
.icon-toggle-02-right:before {
  content: "\ed22";
}
.icon-toggle-03-left:before {
  content: "\ed23";
}
.icon-toggle-03-right:before {
  content: "\ed24";
}
.icon-tool-01:before {
  content: "\ed25";
}
.icon-tool-02:before {
  content: "\ed26";
}
.icon-train:before {
  content: "\ed27";
}
.icon-tram:before {
  content: "\ed28";
}
.icon-transform:before {
  content: "\ed29";
}
.icon-translate-01:before {
  content: "\ed2a";
}
.icon-translate-02:before {
  content: "\ed2b";
}
.icon-trash-01:before {
  content: "\ed2c";
}
.icon-trash-02:before {
  content: "\ed2d";
}
.icon-trash-03:before {
  content: "\ed2e";
}
.icon-trash-04:before {
  content: "\ed2f";
}
.icon-trend-down-01:before {
  content: "\ed30";
}
.icon-trend-down-02:before {
  content: "\ed31";
}
.icon-trend-up-01:before {
  content: "\ed32";
}
.icon-trend-up-02:before {
  content: "\ed33";
}
.icon-triangle:before {
  content: "\ed34";
}
.icon-trophy-01:before {
  content: "\ed35";
}
.icon-trophy-02:before {
  content: "\ed36";
}
.icon-truck-01:before {
  content: "\ed37";
}
.icon-truck-02:before {
  content: "\ed38";
}
.icon-tv-01:before {
  content: "\ed39";
}
.icon-tv-02:before {
  content: "\ed3a";
}
.icon-tv-03:before {
  content: "\ed3b";
}
.icon-type-01:before {
  content: "\ed3c";
}
.icon-type-02:before {
  content: "\ed3d";
}
.icon-type-square:before {
  content: "\ed3e";
}
.icon-type-strikethrough-01:before {
  content: "\ed3f";
}
.icon-type-strikethrough-02:before {
  content: "\ed40";
}
.icon-umbrella-01:before {
  content: "\ed41";
}
.icon-umbrella-02:before {
  content: "\ed42";
}
.icon-umbrella-03:before {
  content: "\ed43";
}
.icon-underline-01:before {
  content: "\ed44";
}
.icon-underline-02:before {
  content: "\ed45";
}
.icon-underline-square:before {
  content: "\ed46";
}
.icon-upload-01:before {
  content: "\ed47";
}
.icon-upload-02:before {
  content: "\ed48";
}
.icon-upload-03:before {
  content: "\ed49";
}
.icon-upload-04:before {
  content: "\ed4a";
}
.icon-upload-cloud-01:before {
  content: "\ed4b";
}
.icon-upload-cloud-02:before {
  content: "\ed4c";
}
.icon-usb-flash-drive:before {
  content: "\ed4d";
}
.icon-user-01:before {
  content: "\ed4e";
}
.icon-user-02:before {
  content: "\ed4f";
}
.icon-user-03:before {
  content: "\ed50";
}
.icon-user-check-01:before {
  content: "\ed51";
}
.icon-user-check-02:before {
  content: "\ed52";
}
.icon-user-circle:before {
  content: "\ed53";
}
.icon-user-down-01:before {
  content: "\ed54";
}
.icon-user-down-02:before {
  content: "\ed55";
}
.icon-user-edit:before {
  content: "\ed56";
}
.icon-user-left-01:before {
  content: "\ed57";
}
.icon-user-left-02:before {
  content: "\ed58";
}
.icon-user-minus-01:before {
  content: "\ed59";
}
.icon-user-minus-02:before {
  content: "\ed5a";
}
.icon-user-plus-01:before {
  content: "\ed5b";
}
.icon-user-plus-02:before {
  content: "\ed5c";
}
.icon-user-right-01:before {
  content: "\ed5d";
}
.icon-user-right-02:before {
  content: "\ed5e";
}
.icon-users-01:before {
  content: "\ed5f";
}
.icon-users-02:before {
  content: "\ed60";
}
.icon-users-03:before {
  content: "\ed61";
}
.icon-users-check:before {
  content: "\ed62";
}
.icon-users-down:before {
  content: "\ed63";
}
.icon-users-edit:before {
  content: "\ed64";
}
.icon-users-left:before {
  content: "\ed65";
}
.icon-users-minus:before {
  content: "\ed66";
}
.icon-users-plus:before {
  content: "\ed67";
}
.icon-user-square:before {
  content: "\ed68";
}
.icon-users-right:before {
  content: "\ed69";
}
.icon-users-up:before {
  content: "\ed6a";
}
.icon-users-x:before {
  content: "\ed6b";
}
.icon-user-up-01:before {
  content: "\ed6c";
}
.icon-user-up-02:before {
  content: "\ed6d";
}
.icon-user-x-01:before {
  content: "\ed6e";
}
.icon-user-x-02:before {
  content: "\ed6f";
}
.icon-variable:before {
  content: "\ed70";
}
.icon-video-recorder:before {
  content: "\ed71";
}
.icon-video-recorder-off:before {
  content: "\ed72";
}
.icon-virus:before {
  content: "\ed73";
}
.icon-voicemail:before {
  content: "\ed74";
}
.icon-volume-max:before {
  content: "\ed75";
}
.icon-volume-min:before {
  content: "\ed76";
}
.icon-volume-minus:before {
  content: "\ed77";
}
.icon-volume-plus:before {
  content: "\ed78";
}
.icon-volume-x:before {
  content: "\ed79";
}
.icon-wallet-01:before {
  content: "\ed7a";
}
.icon-wallet-02:before {
  content: "\ed7b";
}
.icon-wallet-03:before {
  content: "\ed7c";
}
.icon-wallet-04:before {
  content: "\ed7d";
}
.icon-wallet-05:before {
  content: "\ed7e";
}
.icon-watch-circle:before {
  content: "\ed7f";
}
.icon-watch-square:before {
  content: "\ed80";
}
.icon-waves:before {
  content: "\ed81";
}
.icon-webcam-01:before {
  content: "\ed82";
}
.icon-webcam-02:before {
  content: "\ed83";
}
.icon-wifi:before {
  content: "\ed84";
}
.icon-wifi-off:before {
  content: "\ed85";
}
.icon-wind-01:before {
  content: "\ed86";
}
.icon-wind-02:before {
  content: "\ed87";
}
.icon-wind-03:before {
  content: "\ed88";
}
.icon-x:before {
  content: "\ed89";
}
.icon-x-circle:before {
  content: "\ed8a";
}
.icon-x-close:before {
  content: "\ed8b";
}
.icon-x-square:before {
  content: "\ed8c";
}
.icon-youtube:before {
  content: "\ed8d";
}
.icon-zap:before {
  content: "\ed8e";
}
.icon-zap-circle:before {
  content: "\ed8f";
}
.icon-zap-fast:before {
  content: "\ed90";
}
.icon-zap-off:before {
  content: "\ed91";
}
.icon-zap-square:before {
  content: "\ed92";
}
.icon-zoom-in:before {
  content: "\ed93";
}
.icon-zoom-out:before {
  content: "\ed94";
}
:root {
  --utility-success-50: var(--color-success-50);
  --utility-success-200: var(--color-success-200);
  --utility-success-700: var(--color-success-700);
  --utility-error-50: var(--color-error-50);
  --utility-error-200: var(--color-error-200);
  --utility-error-600: var(--color-error-600);
  --utility-blue-50: var(--color-blue-50);
  --utility-blue-200: var(--color-blue-200);
  --utility-blue-500: var(--color-blue-500);
  --utility-blue-700: var(--color-blue-700);
  --utility-orange-50: var(--color-orange-50);
  --utility-orange-200: var(--color-orange-200);
  --utility-orange-600: var(--color-orange-600);
  --utility-yellow-50: var(--color-yellow-50);
  --utility-yellow-200: var(--color-yellow-200);
  --utility-yellow-600: var(--color-yellow-600);
  --utility-indigo-50: var(--color-indigo-50);
  --utility-indigo-200: var(--color-indigo-200);
  --utility-indigo-600: var(--color-indigo-600);
}
[data-theme=dark] {
  --utility-success-50: var(--color-success-950);
  --utility-success-200: var(--color-success-800);
  --utility-success-700: var(--color-success-300);
  --utility-error-50: var(--color-error-950);
  --utility-error-200: var(--color-error-800);
  --utility-error-600: var(--color-error-400);
  --utility-blue-50: var(--color-blue-950);
  --utility-blue-200: var(--color-blue-800);
  --utility-blue-500: var(--color-blue-500);
  --utility-blue-700: var(--color-blue-300);
  --utility-orange-50: var(--color-orange-950);
  --utility-orange-200: var(--color-orange-800);
  --utility-orange-600: var(--color-orange-400);
  --utility-yellow-50: var(--color-yellow-950);
  --utility-yellow-200: var(--color-yellow-800);
  --utility-yellow-600: var(--color-yellow-400);
  --utility-indigo-50: var(--color-indigo-950);
  --utility-indigo-200: var(--color-indigo-800);
  --utility-indigo-600: var(--color-indigo-400);
}
@font-face {
  font-family: "icomoon";
  src: url("./media/icomoon.eot?yhk8x2");
  src:
    url("./media/icomoon.eot?yhk8x2#iefix") format("embedded-opentype"),
    url("./media/icomoon.ttf?yhk8x2") format("truetype"),
    url("./media/icomoon.woff?yhk8x2") format("woff"),
    url("./media/icomoon.svg?yhk8x2#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
html,
body {
  height: 100%;
}
* {
  margin: 0;
}
* :not(mat-icon) {
  font-family: var(--font-family-en) !important;
}
.success {
  --mat-snack-bar-container-color: #66C61C;
  --mat-snack-bar-supporting-text-color: #FFFFFF;
}
.failed {
  --mat-snack-bar-container-color: #F04438;
  --mat-snack-bar-supporting-text-color: #FFFFFF;
}
.p-y-15 {
  padding: 15px 0px;
}
.skeleton {
  position: relative;
  background-color: var(--bg-quaternary);
  overflow: hidden;
  border-radius: var(--radius-4xl, 24px);
}
.skeleton::after {
  content: "";
  width: 25px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: skew(10);
  background-color: var(--bg-skeleton);
  left: -22px;
  transform: skew(-22deg);
  animation: loading 1.5s linear infinite;
}
.skeleton > * {
  visibility: hidden;
}
@keyframes loading {
  0% {
    left: -50%;
  }
  100% {
    left: 150%;
  }
}
.no-data-table {
  gap: var(--spacing-md, 8px) !important;
  display: flex;
  height: 248px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.no-data-table .icon {
  padding: var(--spacing-2xl, 20px);
  border-radius: 50%;
  background: var(--bg-tertiary, #F5F5F5);
  font-size: 32px;
  color: var(--color-gray-light-mode-500);
}
.no-data-table .label {
  font-size: var(--font-size-text-sm, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-text-sm, 20px);
  color: var(--text-tertiary, #626262);
}
.custom-dialog-backdrop {
  background-color: rgba(97, 97, 97, 0.3);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.container {
  min-height: calc(100svh - 64px) !important;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4xl);
}
.container .container-header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.container .container-header .title {
  font-size: var(--font-size-display-xs, 24px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--line-height-display-xs, 32px);
  color: var(--text-primary, #272727);
}
.container .body-box {
  display: flex;
  flex-direction: column;
  border-radius: var(--radius-2xl, 16px);
  border: 1px solid var(--border-secondary);
  background: var(--bg-primary_alt);
}
.container .body-box .header {
  padding: var(--spacing-2xl, 20px) var(--spacing-3xl, 24px);
  border-bottom: 1px solid var(--border-secondary);
  color: var(--text-primary);
  font-size: var(--font-size-text-lg);
  font-style: normal;
  font-weight: 600;
  line-height: var(--line-height-text-lg);
}
.container .body-box .body {
  padding: var(--spacing-3xl, 24px) var(--spacing-3xl, 24px) var(--spacing-xl, 16px) var(--spacing-3xl, 24px);
  flex-direction: column;
  display: flex;
  gap: var(--spacing-2xl, 20px);
  margin-bottom: var(--spacing-sm);
}
.expanded-row-items {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  justify-content: center;
  align-items: flex-start;
  margin-inline: var(--spacing-3xl);
  text-align: left;
  padding: 15px 0px;
}
.expanded-row-items:not(:last-child) {
  border-bottom: 1px solid var(--border-secondary, #EBEBEB) !important;
  margin-bottom: 0px !important;
}
.expanded-row-items .expanded-row-title {
  color: var(--text-disabled, #808080);
  font-size: var(--font-size-text-xs, 12px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--line-height-text-xs, 18px);
}
.expanded-row-items .expanded-row-data {
  display: flex;
  justify-content: start;
  align-items: flex-start;
  gap: var(--spacing-xs);
  color: var(--text-primary, #272727);
  font-size: var(--font-size-text-sm, 14px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-text-sm, 20px);
  flex-wrap: wrap;
}
.small-device_detail {
  background: var(--bg-primary_hover, #FAFAFA);
}
.small-device_detail .mat-mdc-cell {
  border-bottom: none;
}
.small-device_detail .set-border {
  border-bottom: 1px solid var(--border-secondary, #EBEBEB) !important;
  border-top: 1px solid var(--border-secondary, #EBEBEB) !important;
}

/* src/app/shared/styles/new-design-system/cg-color-brand.scss */
:root {
  --color-brand-25: #FFF8F5;
  --color-brand-50: #FFF0EA;
  --color-brand-100: #FFE1D5;
  --color-brand-200: #FFD2C0;
  --color-brand-300: #FFA582;
  --color-brand-400: #FF8758;
  --color-brand-500: #FF692E;
  --color-brand-600: #F45D22;
  --color-brand-700: #D7401F;
  --color-brand-800: #AD290C;
  --color-brand-900: #6C160A;
  --color-brand-950: #370D07;
}

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