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))
}

.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0 {
    box-shadow: var(--mat-app-elevation-shadow-level-0, none)
}

.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1 {
    box-shadow: var(--mat-app-elevation-shadow-level-1, none)
}

.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2 {
    box-shadow: var(--mat-app-elevation-shadow-level-2, none)
}

.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3 {
    box-shadow: var(--mat-app-elevation-shadow-level-3, none)
}

.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4 {
    box-shadow: var(--mat-app-elevation-shadow-level-4, none)
}

.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5 {
    box-shadow: var(--mat-app-elevation-shadow-level-5, none)
}

.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6 {
    box-shadow: var(--mat-app-elevation-shadow-level-6, none)
}

.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7 {
    box-shadow: var(--mat-app-elevation-shadow-level-7, none)
}

.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8 {
    box-shadow: var(--mat-app-elevation-shadow-level-8, none)
}

.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9 {
    box-shadow: var(--mat-app-elevation-shadow-level-9, none)
}

.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10 {
    box-shadow: var(--mat-app-elevation-shadow-level-10, none)
}

.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11 {
    box-shadow: var(--mat-app-elevation-shadow-level-11, none)
}

.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12 {
    box-shadow: var(--mat-app-elevation-shadow-level-12, none)
}

.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13 {
    box-shadow: var(--mat-app-elevation-shadow-level-13, none)
}

.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14 {
    box-shadow: var(--mat-app-elevation-shadow-level-14, none)
}

.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15 {
    box-shadow: var(--mat-app-elevation-shadow-level-15, none)
}

.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16 {
    box-shadow: var(--mat-app-elevation-shadow-level-16, none)
}

.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17 {
    box-shadow: var(--mat-app-elevation-shadow-level-17, none)
}

.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18 {
    box-shadow: var(--mat-app-elevation-shadow-level-18, none)
}

.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19 {
    box-shadow: var(--mat-app-elevation-shadow-level-19, none)
}

.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20 {
    box-shadow: var(--mat-app-elevation-shadow-level-20, none)
}

.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21 {
    box-shadow: var(--mat-app-elevation-shadow-level-21, none)
}

.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22 {
    box-shadow: var(--mat-app-elevation-shadow-level-22, none)
}

.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23 {
    box-shadow: var(--mat-app-elevation-shadow-level-23, none)
}

.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24 {
    box-shadow: var(--mat-app-elevation-shadow-level-24, none)
}

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

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

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

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

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

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

html {
    --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ff4081;
    --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0
}

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

.mat-primary {
    --mat-minimal-pseudo-checkbox-selected-checkmark-color: #3f51b5;
    --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0
}

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

.mat-accent {
    --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ff4081;
    --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0
}

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

.mat-warn {
    --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;
    --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0
}

html {
    --mat-app-background-color: #fafafa;
    --mat-app-text-color: rgba(0, 0, 0, .87);
    --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 5px 8px 0px rgba(0, 0, 0, .14), 0px 1px 14px 0px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, .2), 0px 7px 10px 1px rgba(0, 0, 0, .14), 0px 2px 16px 1px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, .2), 0px 9px 12px 1px rgba(0, 0, 0, .14), 0px 3px 16px 2px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, .2), 0px 10px 14px 1px rgba(0, 0, 0, .14), 0px 4px 18px 3px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, .2), 0px 11px 15px 1px rgba(0, 0, 0, .14), 0px 4px 20px 3px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 13px 19px 2px rgba(0, 0, 0, .14), 0px 5px 24px 4px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, .2), 0px 14px 21px 2px rgba(0, 0, 0, .14), 0px 5px 26px 4px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, .2), 0px 15px 22px 2px rgba(0, 0, 0, .14), 0px 6px 28px 5px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, .2), 0px 17px 26px 2px rgba(0, 0, 0, .14), 0px 6px 32px 5px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, .2), 0px 18px 28px 2px rgba(0, 0, 0, .14), 0px 7px 34px 6px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, .2), 0px 19px 29px 2px rgba(0, 0, 0, .14), 0px 7px 36px 6px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 20px 31px 3px rgba(0, 0, 0, .14), 0px 8px 38px 7px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 21px 33px 3px rgba(0, 0, 0, .14), 0px 8px 40px 7px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, .2), 0px 22px 35px 3px rgba(0, 0, 0, .14), 0px 8px 42px 7px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, .2), 0px 23px 36px 3px rgba(0, 0, 0, .14), 0px 9px 44px 8px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12)
}

html {
    --mat-option-label-text-font: Roboto, sans-serif;
    --mat-option-label-text-line-height: 24px;
    --mat-option-label-text-size: 16px;
    --mat-option-label-text-tracking: .03125em;
    --mat-option-label-text-weight: 400
}

html {
    --mat-optgroup-label-text-font: Roboto, sans-serif;
    --mat-optgroup-label-text-line-height: 24px;
    --mat-optgroup-label-text-size: 16px;
    --mat-optgroup-label-text-tracking: .03125em;
    --mat-optgroup-label-text-weight: 400
}

html {
    --mdc-elevated-card-container-shape: 4px
}

html {
    --mdc-outlined-card-container-shape: 4px;
    --mdc-outlined-card-outline-width: 1px
}

html {
    --mdc-elevated-card-container-color: white;
    --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12)
}

html {
    --mdc-outlined-card-container-color: white;
    --mdc-outlined-card-outline-color: rgba(0, 0, 0, .12);
    --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12)
}

html {
    --mat-card-subtitle-text-color: rgba(0, 0, 0, .54)
}

html {
    --mat-card-title-text-font: Roboto, sans-serif;
    --mat-card-title-text-line-height: 32px;
    --mat-card-title-text-size: 20px;
    --mat-card-title-text-tracking: .0125em;
    --mat-card-title-text-weight: 500;
    --mat-card-subtitle-text-font: Roboto, sans-serif;
    --mat-card-subtitle-text-line-height: 22px;
    --mat-card-subtitle-text-size: 14px;
    --mat-card-subtitle-text-tracking: .0071428571em;
    --mat-card-subtitle-text-weight: 500
}

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

.mat-mdc-progress-bar {
    --mdc-linear-progress-active-indicator-color: #3f51b5;
    --mdc-linear-progress-track-color: rgba(63, 81, 181, .25)
}

.mat-mdc-progress-bar.mat-accent {
    --mdc-linear-progress-active-indicator-color: #ff4081;
    --mdc-linear-progress-track-color: rgba(255, 64, 129, .25)
}

.mat-mdc-progress-bar.mat-warn {
    --mdc-linear-progress-active-indicator-color: #f44336;
    --mdc-linear-progress-track-color: rgba(244, 67, 54, .25)
}

html {
    --mdc-plain-tooltip-container-shape: 4px;
    --mdc-plain-tooltip-supporting-text-line-height: 16px
}

html {
    --mdc-plain-tooltip-container-color: #616161;
    --mdc-plain-tooltip-supporting-text-color: #fff
}

html {
    --mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;
    --mdc-plain-tooltip-supporting-text-size: 12px;
    --mdc-plain-tooltip-supporting-text-weight: 400;
    --mdc-plain-tooltip-supporting-text-tracking: .0333333333em
}

html {
    --mdc-filled-text-field-active-indicator-height: 1px;
    --mdc-filled-text-field-focus-active-indicator-height: 2px;
    --mdc-filled-text-field-container-shape: 4px
}

html {
    --mdc-outlined-text-field-outline-width: 1px;
    --mdc-outlined-text-field-focus-outline-width: 2px;
    --mdc-outlined-text-field-container-shape: 4px
}

html {
    --mdc-filled-text-field-caret-color: #3f51b5;
    --mdc-filled-text-field-focus-active-indicator-color: #3f51b5;
    --mdc-filled-text-field-focus-label-text-color: rgba(63, 81, 181, .87);
    --mdc-filled-text-field-container-color: rgb(244.8, 244.8, 244.8);
    --mdc-filled-text-field-disabled-container-color: rgb(249.9, 249.9, 249.9);
    --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, .6);
    --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, .6);
    --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, .87);
    --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);
    --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, .6);
    --mdc-filled-text-field-error-hover-label-text-color: #f44336;
    --mdc-filled-text-field-error-focus-label-text-color: #f44336;
    --mdc-filled-text-field-error-label-text-color: #f44336;
    --mdc-filled-text-field-error-caret-color: #f44336;
    --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, .42);
    --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, .06);
    --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, .87);
    --mdc-filled-text-field-error-active-indicator-color: #f44336;
    --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
    --mdc-filled-text-field-error-hover-active-indicator-color: #f44336
}

html {
    --mdc-outlined-text-field-caret-color: #3f51b5;
    --mdc-outlined-text-field-focus-outline-color: #3f51b5;
    --mdc-outlined-text-field-focus-label-text-color: rgba(63, 81, 181, .87);
    --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, .6);
    --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, .6);
    --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, .87);
    --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, .6);
    --mdc-outlined-text-field-error-caret-color: #f44336;
    --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
    --mdc-outlined-text-field-error-label-text-color: #f44336;
    --mdc-outlined-text-field-error-hover-label-text-color: #f44336;
    --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, .38);
    --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, .06);
    --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, .87);
    --mdc-outlined-text-field-error-focus-outline-color: #f44336;
    --mdc-outlined-text-field-error-hover-outline-color: #f44336;
    --mdc-outlined-text-field-error-outline-color: #f44336
}

html {
    --mat-form-field-focus-select-arrow-color: rgba(63, 81, 181, .87);
    --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, .38);
    --mat-form-field-state-layer-color: rgba(0, 0, 0, .87);
    --mat-form-field-error-text-color: #f44336;
    --mat-form-field-select-option-text-color: inherit;
    --mat-form-field-select-disabled-option-text-color: GrayText;
    --mat-form-field-leading-icon-color: unset;
    --mat-form-field-disabled-leading-icon-color: unset;
    --mat-form-field-trailing-icon-color: unset;
    --mat-form-field-disabled-trailing-icon-color: unset;
    --mat-form-field-error-focus-trailing-icon-color: unset;
    --mat-form-field-error-hover-trailing-icon-color: unset;
    --mat-form-field-error-trailing-icon-color: unset;
    --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, .54);
    --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, .38);
    --mat-form-field-hover-state-layer-opacity: .04;
    --mat-form-field-focus-state-layer-opacity: .08
}

.mat-mdc-form-field.mat-accent {
    --mdc-filled-text-field-caret-color: #ff4081;
    --mdc-filled-text-field-focus-active-indicator-color: #ff4081;
    --mdc-filled-text-field-focus-label-text-color: rgba(255, 64, 129, .87)
}

.mat-mdc-form-field.mat-accent {
    --mdc-outlined-text-field-caret-color: #ff4081;
    --mdc-outlined-text-field-focus-outline-color: #ff4081;
    --mdc-outlined-text-field-focus-label-text-color: rgba(255, 64, 129, .87)
}

.mat-mdc-form-field.mat-accent {
    --mat-form-field-focus-select-arrow-color: rgba(255, 64, 129, .87)
}

.mat-mdc-form-field.mat-warn {
    --mdc-filled-text-field-caret-color: #f44336;
    --mdc-filled-text-field-focus-active-indicator-color: #f44336;
    --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, .87)
}

.mat-mdc-form-field.mat-warn {
    --mdc-outlined-text-field-caret-color: #f44336;
    --mdc-outlined-text-field-focus-outline-color: #f44336;
    --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, .87)
}

.mat-mdc-form-field.mat-warn {
    --mat-form-field-focus-select-arrow-color: rgba(244, 67, 54, .87)
}

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

html {
    --mdc-filled-text-field-label-text-font: Roboto, sans-serif;
    --mdc-filled-text-field-label-text-size: 16px;
    --mdc-filled-text-field-label-text-tracking: .03125em;
    --mdc-filled-text-field-label-text-weight: 400
}

html {
    --mdc-outlined-text-field-label-text-font: Roboto, sans-serif;
    --mdc-outlined-text-field-label-text-size: 16px;
    --mdc-outlined-text-field-label-text-tracking: .03125em;
    --mdc-outlined-text-field-label-text-weight: 400
}

html {
    --mat-form-field-container-text-font: Roboto, sans-serif;
    --mat-form-field-container-text-line-height: 24px;
    --mat-form-field-container-text-size: 16px;
    --mat-form-field-container-text-tracking: .03125em;
    --mat-form-field-container-text-weight: 400;
    --mat-form-field-outlined-label-text-populated-size: 16px;
    --mat-form-field-subscript-text-font: Roboto, sans-serif;
    --mat-form-field-subscript-text-line-height: 20px;
    --mat-form-field-subscript-text-size: 12px;
    --mat-form-field-subscript-text-tracking: .0333333333em;
    --mat-form-field-subscript-text-weight: 400
}

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

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

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

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

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

html {
    --mat-select-trigger-text-font: Roboto, sans-serif;
    --mat-select-trigger-text-line-height: 24px;
    --mat-select-trigger-text-size: 16px;
    --mat-select-trigger-text-tracking: .03125em;
    --mat-select-trigger-text-weight: 400
}

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

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

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

html {
    --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);
    --mat-dialog-container-max-width: 80vw;
    --mat-dialog-container-small-max-width: 80vw;
    --mat-dialog-container-min-width: 0;
    --mat-dialog-actions-alignment: start;
    --mat-dialog-actions-padding: 8px;
    --mat-dialog-content-padding: 20px 24px;
    --mat-dialog-with-actions-content-padding: 20px 24px;
    --mat-dialog-headline-padding: 0 24px 9px
}

html {
    --mdc-dialog-container-color: white;
    --mdc-dialog-subhead-color: rgba(0, 0, 0, .87);
    --mdc-dialog-supporting-text-color: rgba(0, 0, 0, .6)
}

html {
    --mdc-dialog-subhead-font: Roboto, sans-serif;
    --mdc-dialog-subhead-line-height: 32px;
    --mdc-dialog-subhead-size: 20px;
    --mdc-dialog-subhead-weight: 500;
    --mdc-dialog-subhead-tracking: .0125em;
    --mdc-dialog-supporting-text-font: Roboto, sans-serif;
    --mdc-dialog-supporting-text-line-height: 24px;
    --mdc-dialog-supporting-text-size: 16px;
    --mdc-dialog-supporting-text-weight: 400;
    --mdc-dialog-supporting-text-tracking: .03125em
}

.mat-mdc-standard-chip {
    --mdc-chip-container-shape-radius: 16px;
    --mdc-chip-with-avatar-avatar-shape-radius: 14px;
    --mdc-chip-with-avatar-avatar-size: 28px;
    --mdc-chip-with-icon-icon-size: 18px;
    --mdc-chip-outline-width: 0;
    --mdc-chip-outline-color: transparent;
    --mdc-chip-disabled-outline-color: transparent;
    --mdc-chip-focus-outline-color: transparent;
    --mdc-chip-hover-state-layer-opacity: .04;
    --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
    --mdc-chip-flat-selected-outline-width: 0;
    --mdc-chip-selected-hover-state-layer-opacity: .04;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
    --mdc-chip-with-icon-disabled-icon-opacity: 1
}

.mat-mdc-standard-chip {
    --mat-chip-disabled-container-opacity: .4;
    --mat-chip-trailing-action-opacity: .54;
    --mat-chip-trailing-action-focus-opacity: 1;
    --mat-chip-trailing-action-state-layer-color: transparent;
    --mat-chip-selected-trailing-action-state-layer-color: transparent;
    --mat-chip-trailing-action-hover-state-layer-opacity: 0;
    --mat-chip-trailing-action-focus-state-layer-opacity: 0
}

.mat-mdc-standard-chip {
    --mdc-chip-disabled-label-text-color: #212121;
    --mdc-chip-elevated-container-color: rgb(224.4, 224.4, 224.4);
    --mdc-chip-elevated-selected-container-color: rgb(224.4, 224.4, 224.4);
    --mdc-chip-elevated-disabled-container-color: rgb(224.4, 224.4, 224.4);
    --mdc-chip-flat-disabled-selected-container-color: rgb(224.4, 224.4, 224.4);
    --mdc-chip-focus-state-layer-color: black;
    --mdc-chip-hover-state-layer-color: black;
    --mdc-chip-selected-hover-state-layer-color: black;
    --mdc-chip-focus-state-layer-opacity: .12;
    --mdc-chip-selected-focus-state-layer-color: black;
    --mdc-chip-selected-focus-state-layer-opacity: .12;
    --mdc-chip-label-text-color: #212121;
    --mdc-chip-selected-label-text-color: #212121;
    --mdc-chip-with-icon-icon-color: #212121;
    --mdc-chip-with-icon-disabled-icon-color: #212121;
    --mdc-chip-with-icon-selected-icon-color: #212121;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
    --mdc-chip-with-trailing-icon-trailing-icon-color: #212121
}

.mat-mdc-standard-chip {
    --mat-chip-selected-disabled-trailing-icon-color: #212121;
    --mat-chip-selected-trailing-icon-color: #212121
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
    --mdc-chip-disabled-label-text-color: white;
    --mdc-chip-elevated-container-color: #3f51b5;
    --mdc-chip-elevated-selected-container-color: #3f51b5;
    --mdc-chip-elevated-disabled-container-color: #3f51b5;
    --mdc-chip-flat-disabled-selected-container-color: #3f51b5;
    --mdc-chip-focus-state-layer-color: black;
    --mdc-chip-hover-state-layer-color: black;
    --mdc-chip-selected-hover-state-layer-color: black;
    --mdc-chip-focus-state-layer-opacity: .12;
    --mdc-chip-selected-focus-state-layer-color: black;
    --mdc-chip-selected-focus-state-layer-opacity: .12;
    --mdc-chip-label-text-color: white;
    --mdc-chip-selected-label-text-color: white;
    --mdc-chip-with-icon-icon-color: white;
    --mdc-chip-with-icon-disabled-icon-color: white;
    --mdc-chip-with-icon-selected-icon-color: white;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mdc-chip-with-trailing-icon-trailing-icon-color: white
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
    --mat-chip-selected-disabled-trailing-icon-color: white;
    --mat-chip-selected-trailing-icon-color: white
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
    --mdc-chip-disabled-label-text-color: white;
    --mdc-chip-elevated-container-color: #ff4081;
    --mdc-chip-elevated-selected-container-color: #ff4081;
    --mdc-chip-elevated-disabled-container-color: #ff4081;
    --mdc-chip-flat-disabled-selected-container-color: #ff4081;
    --mdc-chip-focus-state-layer-color: black;
    --mdc-chip-hover-state-layer-color: black;
    --mdc-chip-selected-hover-state-layer-color: black;
    --mdc-chip-focus-state-layer-opacity: .12;
    --mdc-chip-selected-focus-state-layer-color: black;
    --mdc-chip-selected-focus-state-layer-opacity: .12;
    --mdc-chip-label-text-color: white;
    --mdc-chip-selected-label-text-color: white;
    --mdc-chip-with-icon-icon-color: white;
    --mdc-chip-with-icon-disabled-icon-color: white;
    --mdc-chip-with-icon-selected-icon-color: white;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mdc-chip-with-trailing-icon-trailing-icon-color: white
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
    --mat-chip-selected-disabled-trailing-icon-color: white;
    --mat-chip-selected-trailing-icon-color: white
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
    --mdc-chip-disabled-label-text-color: white;
    --mdc-chip-elevated-container-color: #f44336;
    --mdc-chip-elevated-selected-container-color: #f44336;
    --mdc-chip-elevated-disabled-container-color: #f44336;
    --mdc-chip-flat-disabled-selected-container-color: #f44336;
    --mdc-chip-focus-state-layer-color: black;
    --mdc-chip-hover-state-layer-color: black;
    --mdc-chip-selected-hover-state-layer-color: black;
    --mdc-chip-focus-state-layer-opacity: .12;
    --mdc-chip-selected-focus-state-layer-color: black;
    --mdc-chip-selected-focus-state-layer-opacity: .12;
    --mdc-chip-label-text-color: white;
    --mdc-chip-selected-label-text-color: white;
    --mdc-chip-with-icon-icon-color: white;
    --mdc-chip-with-icon-disabled-icon-color: white;
    --mdc-chip-with-icon-selected-icon-color: white;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mdc-chip-with-trailing-icon-trailing-icon-color: white
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
    --mat-chip-selected-disabled-trailing-icon-color: white;
    --mat-chip-selected-trailing-icon-color: white
}

.mat-mdc-chip.mat-mdc-standard-chip {
    --mdc-chip-container-height: 32px
}

.mat-mdc-standard-chip {
    --mdc-chip-label-text-font: Roboto, sans-serif;
    --mdc-chip-label-text-line-height: 20px;
    --mdc-chip-label-text-size: 14px;
    --mdc-chip-label-text-tracking: .0178571429em;
    --mdc-chip-label-text-weight: 400
}

html {
    --mdc-switch-disabled-selected-icon-opacity: .38;
    --mdc-switch-disabled-track-opacity: .12;
    --mdc-switch-disabled-unselected-icon-opacity: .38;
    --mdc-switch-handle-height: 20px;
    --mdc-switch-handle-shape: 10px;
    --mdc-switch-handle-width: 20px;
    --mdc-switch-selected-icon-size: 18px;
    --mdc-switch-track-height: 14px;
    --mdc-switch-track-shape: 7px;
    --mdc-switch-track-width: 36px;
    --mdc-switch-unselected-icon-size: 18px;
    --mdc-switch-selected-focus-state-layer-opacity: .12;
    --mdc-switch-selected-hover-state-layer-opacity: .04;
    --mdc-switch-selected-pressed-state-layer-opacity: .1;
    --mdc-switch-unselected-focus-state-layer-opacity: .12;
    --mdc-switch-unselected-hover-state-layer-opacity: .04;
    --mdc-switch-unselected-pressed-state-layer-opacity: .1
}

html .mat-mdc-slide-toggle {
    --mat-switch-disabled-selected-handle-opacity: .38;
    --mat-switch-disabled-unselected-handle-opacity: .38;
    --mat-switch-unselected-handle-size: 20px;
    --mat-switch-selected-handle-size: 20px;
    --mat-switch-pressed-handle-size: 20px;
    --mat-switch-with-icon-handle-size: 20px;
    --mat-switch-selected-handle-horizontal-margin: 0;
    --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
    --mat-switch-selected-pressed-handle-horizontal-margin: 0;
    --mat-switch-unselected-handle-horizontal-margin: 0;
    --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
    --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
    --mat-switch-visible-track-opacity: 1;
    --mat-switch-hidden-track-opacity: 1;
    --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, .2, 1);
    --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(.4, 0, .6, 1);
    --mat-switch-track-outline-width: 1px;
    --mat-switch-track-outline-color: transparent;
    --mat-switch-selected-track-outline-width: 1px;
    --mat-switch-selected-track-outline-color: transparent;
    --mat-switch-disabled-unselected-track-outline-width: 1px;
    --mat-switch-disabled-unselected-track-outline-color: transparent
}

html {
    --mdc-switch-selected-focus-state-layer-color: #3949ab;
    --mdc-switch-selected-handle-color: #3949ab;
    --mdc-switch-selected-hover-state-layer-color: #3949ab;
    --mdc-switch-selected-pressed-state-layer-color: #3949ab;
    --mdc-switch-selected-focus-handle-color: #1a237e;
    --mdc-switch-selected-hover-handle-color: #1a237e;
    --mdc-switch-selected-pressed-handle-color: #1a237e;
    --mdc-switch-selected-focus-track-color: #7986cb;
    --mdc-switch-selected-hover-track-color: #7986cb;
    --mdc-switch-selected-pressed-track-color: #7986cb;
    --mdc-switch-selected-track-color: #7986cb;
    --mdc-switch-disabled-selected-handle-color: #424242;
    --mdc-switch-disabled-selected-icon-color: #fff;
    --mdc-switch-disabled-selected-track-color: #424242;
    --mdc-switch-disabled-unselected-handle-color: #424242;
    --mdc-switch-disabled-unselected-icon-color: #fff;
    --mdc-switch-disabled-unselected-track-color: #424242;
    --mdc-switch-handle-surface-color: #fff;
    --mdc-switch-selected-icon-color: #fff;
    --mdc-switch-unselected-focus-handle-color: #212121;
    --mdc-switch-unselected-focus-state-layer-color: #424242;
    --mdc-switch-unselected-focus-track-color: #e0e0e0;
    --mdc-switch-unselected-handle-color: #616161;
    --mdc-switch-unselected-hover-handle-color: #212121;
    --mdc-switch-unselected-hover-state-layer-color: #424242;
    --mdc-switch-unselected-hover-track-color: #e0e0e0;
    --mdc-switch-unselected-icon-color: #fff;
    --mdc-switch-unselected-pressed-handle-color: #212121;
    --mdc-switch-unselected-pressed-state-layer-color: #424242;
    --mdc-switch-unselected-pressed-track-color: #e0e0e0;
    --mdc-switch-unselected-track-color: #e0e0e0;
    --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
    --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12)
}

html {
    --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, .38)
}

html .mat-mdc-slide-toggle {
    --mat-switch-label-text-color: rgba(0, 0, 0, .87)
}

html .mat-mdc-slide-toggle.mat-accent {
    --mdc-switch-selected-focus-state-layer-color: #d81b60;
    --mdc-switch-selected-handle-color: #d81b60;
    --mdc-switch-selected-hover-state-layer-color: #d81b60;
    --mdc-switch-selected-pressed-state-layer-color: #d81b60;
    --mdc-switch-selected-focus-handle-color: #880e4f;
    --mdc-switch-selected-hover-handle-color: #880e4f;
    --mdc-switch-selected-pressed-handle-color: #880e4f;
    --mdc-switch-selected-focus-track-color: #f06292;
    --mdc-switch-selected-hover-track-color: #f06292;
    --mdc-switch-selected-pressed-track-color: #f06292;
    --mdc-switch-selected-track-color: #f06292
}

html .mat-mdc-slide-toggle.mat-warn {
    --mdc-switch-selected-focus-state-layer-color: #e53935;
    --mdc-switch-selected-handle-color: #e53935;
    --mdc-switch-selected-hover-state-layer-color: #e53935;
    --mdc-switch-selected-pressed-state-layer-color: #e53935;
    --mdc-switch-selected-focus-handle-color: #b71c1c;
    --mdc-switch-selected-hover-handle-color: #b71c1c;
    --mdc-switch-selected-pressed-handle-color: #b71c1c;
    --mdc-switch-selected-focus-track-color: #e57373;
    --mdc-switch-selected-hover-track-color: #e57373;
    --mdc-switch-selected-pressed-track-color: #e57373;
    --mdc-switch-selected-track-color: #e57373
}

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

html .mat-mdc-slide-toggle {
    --mat-switch-label-text-font: Roboto, sans-serif;
    --mat-switch-label-text-line-height: 20px;
    --mat-switch-label-text-size: 14px;
    --mat-switch-label-text-tracking: .0178571429em;
    --mat-switch-label-text-weight: 400
}

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

.mat-mdc-radio-button.mat-primary {
    --mdc-radio-disabled-selected-icon-color: black;
    --mdc-radio-disabled-unselected-icon-color: black;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #3f51b5;
    --mdc-radio-selected-hover-icon-color: #3f51b5;
    --mdc-radio-selected-icon-color: #3f51b5;
    --mdc-radio-selected-pressed-icon-color: #3f51b5
}

.mat-mdc-radio-button.mat-primary {
    --mat-radio-ripple-color: black;
    --mat-radio-checked-ripple-color: #3f51b5;
    --mat-radio-disabled-label-color: rgba(0, 0, 0, .38);
    --mat-radio-label-text-color: rgba(0, 0, 0, .87)
}

.mat-mdc-radio-button.mat-accent {
    --mdc-radio-disabled-selected-icon-color: black;
    --mdc-radio-disabled-unselected-icon-color: black;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #ff4081;
    --mdc-radio-selected-hover-icon-color: #ff4081;
    --mdc-radio-selected-icon-color: #ff4081;
    --mdc-radio-selected-pressed-icon-color: #ff4081
}

.mat-mdc-radio-button.mat-accent {
    --mat-radio-ripple-color: black;
    --mat-radio-checked-ripple-color: #ff4081;
    --mat-radio-disabled-label-color: rgba(0, 0, 0, .38);
    --mat-radio-label-text-color: rgba(0, 0, 0, .87)
}

.mat-mdc-radio-button.mat-warn {
    --mdc-radio-disabled-selected-icon-color: black;
    --mdc-radio-disabled-unselected-icon-color: black;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #f44336;
    --mdc-radio-selected-hover-icon-color: #f44336;
    --mdc-radio-selected-icon-color: #f44336;
    --mdc-radio-selected-pressed-icon-color: #f44336
}

.mat-mdc-radio-button.mat-warn {
    --mat-radio-ripple-color: black;
    --mat-radio-checked-ripple-color: #f44336;
    --mat-radio-disabled-label-color: rgba(0, 0, 0, .38);
    --mat-radio-label-text-color: rgba(0, 0, 0, .87)
}

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

html {
    --mat-radio-touch-target-display: block
}

html {
    --mat-radio-label-text-font: Roboto, sans-serif;
    --mat-radio-label-text-line-height: 20px;
    --mat-radio-label-text-size: 14px;
    --mat-radio-label-text-tracking: .0178571429em;
    --mat-radio-label-text-weight: 400
}

html {
    --mdc-slider-active-track-height: 6px;
    --mdc-slider-active-track-shape: 9999px;
    --mdc-slider-handle-height: 20px;
    --mdc-slider-handle-shape: 50%;
    --mdc-slider-handle-width: 20px;
    --mdc-slider-inactive-track-height: 4px;
    --mdc-slider-inactive-track-shape: 9999px;
    --mdc-slider-with-overlap-handle-outline-width: 1px;
    --mdc-slider-with-tick-marks-active-container-opacity: .6;
    --mdc-slider-with-tick-marks-container-shape: 50%;
    --mdc-slider-with-tick-marks-container-size: 2px;
    --mdc-slider-with-tick-marks-inactive-container-opacity: .6;
    --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12)
}

html {
    --mat-slider-value-indicator-width: auto;
    --mat-slider-value-indicator-height: 32px;
    --mat-slider-value-indicator-caret-display: block;
    --mat-slider-value-indicator-border-radius: 4px;
    --mat-slider-value-indicator-padding: 0 12px;
    --mat-slider-value-indicator-text-transform: none;
    --mat-slider-value-indicator-container-transform: translateX(-50%)
}

html {
    --mdc-slider-handle-color: #3f51b5;
    --mdc-slider-focus-handle-color: #3f51b5;
    --mdc-slider-hover-handle-color: #3f51b5;
    --mdc-slider-active-track-color: #3f51b5;
    --mdc-slider-inactive-track-color: #3f51b5;
    --mdc-slider-with-tick-marks-inactive-container-color: #3f51b5;
    --mdc-slider-with-tick-marks-active-container-color: white;
    --mdc-slider-disabled-active-track-color: #000;
    --mdc-slider-disabled-handle-color: #000;
    --mdc-slider-disabled-inactive-track-color: #000;
    --mdc-slider-label-container-color: #000;
    --mdc-slider-label-label-text-color: #fff;
    --mdc-slider-with-overlap-handle-outline-color: #fff;
    --mdc-slider-with-tick-marks-disabled-container-color: #000
}

html {
    --mat-slider-ripple-color: #3f51b5;
    --mat-slider-hover-state-layer-color: rgba(63, 81, 181, .05);
    --mat-slider-focus-state-layer-color: rgba(63, 81, 181, .2);
    --mat-slider-value-indicator-opacity: .6
}

html .mat-accent {
    --mdc-slider-handle-color: #ff4081;
    --mdc-slider-focus-handle-color: #ff4081;
    --mdc-slider-hover-handle-color: #ff4081;
    --mdc-slider-active-track-color: #ff4081;
    --mdc-slider-inactive-track-color: #ff4081;
    --mdc-slider-with-tick-marks-inactive-container-color: #ff4081;
    --mdc-slider-with-tick-marks-active-container-color: white
}

html .mat-accent {
    --mat-slider-ripple-color: #ff4081;
    --mat-slider-hover-state-layer-color: rgba(255, 64, 129, .05);
    --mat-slider-focus-state-layer-color: rgba(255, 64, 129, .2)
}

html .mat-warn {
    --mdc-slider-handle-color: #f44336;
    --mdc-slider-focus-handle-color: #f44336;
    --mdc-slider-hover-handle-color: #f44336;
    --mdc-slider-active-track-color: #f44336;
    --mdc-slider-inactive-track-color: #f44336;
    --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
    --mdc-slider-with-tick-marks-active-container-color: white
}

html .mat-warn {
    --mat-slider-ripple-color: #f44336;
    --mat-slider-hover-state-layer-color: rgba(244, 67, 54, .05);
    --mat-slider-focus-state-layer-color: rgba(244, 67, 54, .2)
}

html {
    --mdc-slider-label-label-text-font: Roboto, sans-serif;
    --mdc-slider-label-label-text-size: 14px;
    --mdc-slider-label-label-text-line-height: 22px;
    --mdc-slider-label-label-text-tracking: .0071428571em;
    --mdc-slider-label-label-text-weight: 500
}

html {
    --mat-menu-container-shape: 4px;
    --mat-menu-divider-bottom-spacing: 0;
    --mat-menu-divider-top-spacing: 0;
    --mat-menu-item-spacing: 16px;
    --mat-menu-item-icon-size: 24px;
    --mat-menu-item-leading-spacing: 16px;
    --mat-menu-item-trailing-spacing: 16px;
    --mat-menu-item-with-icon-leading-spacing: 16px;
    --mat-menu-item-with-icon-trailing-spacing: 16px;
    --mat-menu-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)
}

html {
    --mat-menu-item-label-text-color: rgba(0, 0, 0, .87);
    --mat-menu-item-icon-color: rgba(0, 0, 0, .87);
    --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-menu-container-color: white;
    --mat-menu-divider-color: rgba(0, 0, 0, .12)
}

html {
    --mat-menu-item-label-text-font: Roboto, sans-serif;
    --mat-menu-item-label-text-size: 16px;
    --mat-menu-item-label-text-tracking: .03125em;
    --mat-menu-item-label-text-line-height: 24px;
    --mat-menu-item-label-text-weight: 400
}

html {
    --mdc-list-list-item-container-shape: 0;
    --mdc-list-list-item-leading-avatar-shape: 50%;
    --mdc-list-list-item-container-color: transparent;
    --mdc-list-list-item-selected-container-color: transparent;
    --mdc-list-list-item-leading-avatar-color: transparent;
    --mdc-list-list-item-leading-icon-size: 24px;
    --mdc-list-list-item-leading-avatar-size: 40px;
    --mdc-list-list-item-trailing-icon-size: 24px;
    --mdc-list-list-item-disabled-state-layer-color: transparent;
    --mdc-list-list-item-disabled-state-layer-opacity: 0;
    --mdc-list-list-item-disabled-label-text-opacity: .38;
    --mdc-list-list-item-disabled-leading-icon-opacity: .38;
    --mdc-list-list-item-disabled-trailing-icon-opacity: .38
}

html {
    --mat-list-active-indicator-color: transparent;
    --mat-list-active-indicator-shape: 4px
}

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

.mdc-list-item__start,.mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: black;
    --mdc-radio-disabled-unselected-icon-color: black;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #3f51b5;
    --mdc-radio-selected-hover-icon-color: #3f51b5;
    --mdc-radio-selected-icon-color: #3f51b5;
    --mdc-radio-selected-pressed-icon-color: #3f51b5
}

.mat-accent .mdc-list-item__start,.mat-accent .mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: black;
    --mdc-radio-disabled-unselected-icon-color: black;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #ff4081;
    --mdc-radio-selected-hover-icon-color: #ff4081;
    --mdc-radio-selected-icon-color: #ff4081;
    --mdc-radio-selected-pressed-icon-color: #ff4081
}

.mat-warn .mdc-list-item__start,.mat-warn .mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: black;
    --mdc-radio-disabled-unselected-icon-color: black;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #f44336;
    --mdc-radio-selected-hover-icon-color: #f44336;
    --mdc-radio-selected-icon-color: #f44336;
    --mdc-radio-selected-pressed-icon-color: #f44336
}

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

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

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

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
    color: #3f51b5
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
    opacity: 1
}

html {
    --mdc-list-list-item-one-line-container-height: 48px;
    --mdc-list-list-item-two-line-container-height: 64px;
    --mdc-list-list-item-three-line-container-height: 88px
}

html {
    --mat-list-list-item-leading-icon-start-space: 16px;
    --mat-list-list-item-leading-icon-end-space: 32px
}

.mdc-list-item__start,.mdc-list-item__end {
    --mdc-radio-state-layer-size: 40px
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
    height: 56px
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
    height: 72px
}

html {
    --mdc-list-list-item-label-text-font: Roboto, sans-serif;
    --mdc-list-list-item-label-text-line-height: 24px;
    --mdc-list-list-item-label-text-size: 16px;
    --mdc-list-list-item-label-text-tracking: .03125em;
    --mdc-list-list-item-label-text-weight: 400;
    --mdc-list-list-item-supporting-text-font: Roboto, sans-serif;
    --mdc-list-list-item-supporting-text-line-height: 20px;
    --mdc-list-list-item-supporting-text-size: 14px;
    --mdc-list-list-item-supporting-text-tracking: .0178571429em;
    --mdc-list-list-item-supporting-text-weight: 400;
    --mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
    --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
    --mdc-list-list-item-trailing-supporting-text-size: 12px;
    --mdc-list-list-item-trailing-supporting-text-tracking: .0333333333em;
    --mdc-list-list-item-trailing-supporting-text-weight: 400
}

.mdc-list-group__subheader {
    font: 400 16px/28px Roboto,sans-serif;
    letter-spacing: .009375em
}

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

html {
    --mat-paginator-container-size: 56px;
    --mat-paginator-form-field-container-height: 40px;
    --mat-paginator-form-field-container-vertical-padding: 8px;
    --mat-paginator-touch-target-display: block
}

html {
    --mat-paginator-container-text-font: Roboto, sans-serif;
    --mat-paginator-container-text-line-height: 20px;
    --mat-paginator-container-text-size: 12px;
    --mat-paginator-container-text-tracking: .0333333333em;
    --mat-paginator-container-text-weight: 400;
    --mat-paginator-select-trigger-text-size: 12px
}

html {
    --mdc-secondary-navigation-tab-container-height: 48px
}

html {
    --mdc-tab-indicator-active-indicator-height: 2px;
    --mdc-tab-indicator-active-indicator-shape: 0
}

html {
    --mat-tab-header-divider-color: transparent;
    --mat-tab-header-divider-height: 0
}

.mat-mdc-tab-group,.mat-mdc-tab-nav-bar {
    --mdc-tab-indicator-active-indicator-color: #3f51b5
}

.mat-mdc-tab-group,.mat-mdc-tab-nav-bar {
    --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, .38);
    --mat-tab-header-pagination-icon-color: black;
    --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-label-text-color: #3f51b5;
    --mat-tab-header-active-ripple-color: #3f51b5;
    --mat-tab-header-inactive-ripple-color: #3f51b5;
    --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-focus-label-text-color: #3f51b5;
    --mat-tab-header-active-hover-label-text-color: #3f51b5;
    --mat-tab-header-active-focus-indicator-color: #3f51b5;
    --mat-tab-header-active-hover-indicator-color: #3f51b5
}

.mat-mdc-tab-group.mat-accent,.mat-mdc-tab-nav-bar.mat-accent {
    --mdc-tab-indicator-active-indicator-color: #ff4081
}

.mat-mdc-tab-group.mat-accent,.mat-mdc-tab-nav-bar.mat-accent {
    --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, .38);
    --mat-tab-header-pagination-icon-color: black;
    --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-label-text-color: #ff4081;
    --mat-tab-header-active-ripple-color: #ff4081;
    --mat-tab-header-inactive-ripple-color: #ff4081;
    --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-focus-label-text-color: #ff4081;
    --mat-tab-header-active-hover-label-text-color: #ff4081;
    --mat-tab-header-active-focus-indicator-color: #ff4081;
    --mat-tab-header-active-hover-indicator-color: #ff4081
}

.mat-mdc-tab-group.mat-warn,.mat-mdc-tab-nav-bar.mat-warn {
    --mdc-tab-indicator-active-indicator-color: #f44336
}

.mat-mdc-tab-group.mat-warn,.mat-mdc-tab-nav-bar.mat-warn {
    --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, .38);
    --mat-tab-header-pagination-icon-color: black;
    --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-label-text-color: #f44336;
    --mat-tab-header-active-ripple-color: #f44336;
    --mat-tab-header-inactive-ripple-color: #f44336;
    --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-focus-label-text-color: #f44336;
    --mat-tab-header-active-hover-label-text-color: #f44336;
    --mat-tab-header-active-focus-indicator-color: #f44336;
    --mat-tab-header-active-hover-indicator-color: #f44336
}

.mat-mdc-tab-group.mat-background-primary,.mat-mdc-tab-nav-bar.mat-background-primary {
    --mat-tab-header-with-background-background-color: #3f51b5;
    --mat-tab-header-with-background-foreground-color: white
}

.mat-mdc-tab-group.mat-background-accent,.mat-mdc-tab-nav-bar.mat-background-accent {
    --mat-tab-header-with-background-background-color: #ff4081;
    --mat-tab-header-with-background-foreground-color: white
}

.mat-mdc-tab-group.mat-background-warn,.mat-mdc-tab-nav-bar.mat-background-warn {
    --mat-tab-header-with-background-background-color: #f44336;
    --mat-tab-header-with-background-foreground-color: white
}

.mat-mdc-tab-header {
    --mdc-secondary-navigation-tab-container-height: 48px
}

.mat-mdc-tab-header {
    --mat-tab-header-label-text-font: Roboto, sans-serif;
    --mat-tab-header-label-text-size: 14px;
    --mat-tab-header-label-text-tracking: .0892857143em;
    --mat-tab-header-label-text-line-height: 36px;
    --mat-tab-header-label-text-weight: 500
}

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

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

html {
    --mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);
    --mat-checkbox-label-text-color: rgba(0, 0, 0, .87)
}

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

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

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

html {
    --mat-checkbox-touch-target-display: block
}

html {
    --mat-checkbox-label-text-font: Roboto, sans-serif;
    --mat-checkbox-label-text-line-height: 20px;
    --mat-checkbox-label-text-size: 14px;
    --mat-checkbox-label-text-tracking: .0178571429em;
    --mat-checkbox-label-text-weight: 400
}

html {
    --mdc-text-button-container-shape: 4px;
    --mdc-text-button-keep-touch-target: false
}

html {
    --mdc-filled-button-container-shape: 4px;
    --mdc-filled-button-keep-touch-target: false
}

html {
    --mdc-protected-button-container-shape: 4px;
    --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);
    --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
    --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
    --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
    --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)
}

html {
    --mdc-outlined-button-keep-touch-target: false;
    --mdc-outlined-button-outline-width: 1px;
    --mdc-outlined-button-container-shape: 4px
}

html {
    --mat-text-button-horizontal-padding: 8px;
    --mat-text-button-with-icon-horizontal-padding: 8px;
    --mat-text-button-icon-spacing: 8px;
    --mat-text-button-icon-offset: 0
}

html {
    --mat-filled-button-horizontal-padding: 16px;
    --mat-filled-button-icon-spacing: 8px;
    --mat-filled-button-icon-offset: -4px
}

html {
    --mat-protected-button-horizontal-padding: 16px;
    --mat-protected-button-icon-spacing: 8px;
    --mat-protected-button-icon-offset: -4px
}

html {
    --mat-outlined-button-horizontal-padding: 15px;
    --mat-outlined-button-icon-spacing: 8px;
    --mat-outlined-button-icon-offset: -4px
}

html {
    --mdc-text-button-label-text-color: black;
    --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, .38)
}

html {
    --mat-text-button-state-layer-color: black;
    --mat-text-button-disabled-state-layer-color: black;
    --mat-text-button-ripple-color: rgba(0, 0, 0, .1);
    --mat-text-button-hover-state-layer-opacity: .04;
    --mat-text-button-focus-state-layer-opacity: .12;
    --mat-text-button-pressed-state-layer-opacity: .12
}

html {
    --mdc-filled-button-container-color: white;
    --mdc-filled-button-label-text-color: black;
    --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, .12);
    --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, .38)
}

html {
    --mat-filled-button-state-layer-color: black;
    --mat-filled-button-disabled-state-layer-color: black;
    --mat-filled-button-ripple-color: rgba(0, 0, 0, .1);
    --mat-filled-button-hover-state-layer-opacity: .04;
    --mat-filled-button-focus-state-layer-opacity: .12;
    --mat-filled-button-pressed-state-layer-opacity: .12
}

html {
    --mdc-protected-button-container-color: white;
    --mdc-protected-button-label-text-color: black;
    --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, .12);
    --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, .38)
}

html {
    --mat-protected-button-state-layer-color: black;
    --mat-protected-button-disabled-state-layer-color: black;
    --mat-protected-button-ripple-color: rgba(0, 0, 0, .1);
    --mat-protected-button-hover-state-layer-opacity: .04;
    --mat-protected-button-focus-state-layer-opacity: .12;
    --mat-protected-button-pressed-state-layer-opacity: .12
}

html {
    --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, .12);
    --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-button-label-text-color: black;
    --mdc-outlined-button-outline-color: rgba(0, 0, 0, .12)
}

html {
    --mat-outlined-button-state-layer-color: black;
    --mat-outlined-button-disabled-state-layer-color: black;
    --mat-outlined-button-ripple-color: rgba(0, 0, 0, .1);
    --mat-outlined-button-hover-state-layer-opacity: .04;
    --mat-outlined-button-focus-state-layer-opacity: .12;
    --mat-outlined-button-pressed-state-layer-opacity: .12
}

.mat-mdc-button.mat-primary {
    --mdc-text-button-label-text-color: #3f51b5
}

.mat-mdc-button.mat-primary {
    --mat-text-button-state-layer-color: #3f51b5;
    --mat-text-button-ripple-color: rgba(63, 81, 181, .1)
}

.mat-mdc-button.mat-accent {
    --mdc-text-button-label-text-color: #ff4081
}

.mat-mdc-button.mat-accent {
    --mat-text-button-state-layer-color: #ff4081;
    --mat-text-button-ripple-color: rgba(255, 64, 129, .1)
}

.mat-mdc-button.mat-warn {
    --mdc-text-button-label-text-color: #f44336
}

.mat-mdc-button.mat-warn {
    --mat-text-button-state-layer-color: #f44336;
    --mat-text-button-ripple-color: rgba(244, 67, 54, .1)
}

.mat-mdc-unelevated-button.mat-primary {
    --mdc-filled-button-container-color: #3f51b5;
    --mdc-filled-button-label-text-color: white
}

.mat-mdc-unelevated-button.mat-primary {
    --mat-filled-button-state-layer-color: white;
    --mat-filled-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-unelevated-button.mat-accent {
    --mdc-filled-button-container-color: #ff4081;
    --mdc-filled-button-label-text-color: white
}

.mat-mdc-unelevated-button.mat-accent {
    --mat-filled-button-state-layer-color: white;
    --mat-filled-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-unelevated-button.mat-warn {
    --mdc-filled-button-container-color: #f44336;
    --mdc-filled-button-label-text-color: white
}

.mat-mdc-unelevated-button.mat-warn {
    --mat-filled-button-state-layer-color: white;
    --mat-filled-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-raised-button.mat-primary {
    --mdc-protected-button-container-color: #3f51b5;
    --mdc-protected-button-label-text-color: white
}

.mat-mdc-raised-button.mat-primary {
    --mat-protected-button-state-layer-color: white;
    --mat-protected-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-raised-button.mat-accent {
    --mdc-protected-button-container-color: #ff4081;
    --mdc-protected-button-label-text-color: white
}

.mat-mdc-raised-button.mat-accent {
    --mat-protected-button-state-layer-color: white;
    --mat-protected-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-raised-button.mat-warn {
    --mdc-protected-button-container-color: #f44336;
    --mdc-protected-button-label-text-color: white
}

.mat-mdc-raised-button.mat-warn {
    --mat-protected-button-state-layer-color: white;
    --mat-protected-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-outlined-button.mat-primary {
    --mdc-outlined-button-label-text-color: #3f51b5;
    --mdc-outlined-button-outline-color: rgba(0, 0, 0, .12)
}

.mat-mdc-outlined-button.mat-primary {
    --mat-outlined-button-state-layer-color: #3f51b5;
    --mat-outlined-button-ripple-color: rgba(63, 81, 181, .1)
}

.mat-mdc-outlined-button.mat-accent {
    --mdc-outlined-button-label-text-color: #ff4081;
    --mdc-outlined-button-outline-color: rgba(0, 0, 0, .12)
}

.mat-mdc-outlined-button.mat-accent {
    --mat-outlined-button-state-layer-color: #ff4081;
    --mat-outlined-button-ripple-color: rgba(255, 64, 129, .1)
}

.mat-mdc-outlined-button.mat-warn {
    --mdc-outlined-button-label-text-color: #f44336;
    --mdc-outlined-button-outline-color: rgba(0, 0, 0, .12)
}

.mat-mdc-outlined-button.mat-warn {
    --mat-outlined-button-state-layer-color: #f44336;
    --mat-outlined-button-ripple-color: rgba(244, 67, 54, .1)
}

html {
    --mdc-text-button-container-height: 36px
}

html {
    --mdc-filled-button-container-height: 36px
}

html {
    --mdc-protected-button-container-height: 36px
}

html {
    --mdc-outlined-button-container-height: 36px
}

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

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

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

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

html {
    --mdc-text-button-label-text-font: Roboto, sans-serif;
    --mdc-text-button-label-text-size: 14px;
    --mdc-text-button-label-text-tracking: .0892857143em;
    --mdc-text-button-label-text-weight: 500;
    --mdc-text-button-label-text-transform: none
}

html {
    --mdc-filled-button-label-text-font: Roboto, sans-serif;
    --mdc-filled-button-label-text-size: 14px;
    --mdc-filled-button-label-text-tracking: .0892857143em;
    --mdc-filled-button-label-text-weight: 500;
    --mdc-filled-button-label-text-transform: none
}

html {
    --mdc-protected-button-label-text-font: Roboto, sans-serif;
    --mdc-protected-button-label-text-size: 14px;
    --mdc-protected-button-label-text-tracking: .0892857143em;
    --mdc-protected-button-label-text-weight: 500;
    --mdc-protected-button-label-text-transform: none
}

html {
    --mdc-outlined-button-label-text-font: Roboto, sans-serif;
    --mdc-outlined-button-label-text-size: 14px;
    --mdc-outlined-button-label-text-tracking: .0892857143em;
    --mdc-outlined-button-label-text-weight: 500;
    --mdc-outlined-button-label-text-transform: none
}

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

html {
    --mdc-icon-button-icon-color: inherit;
    --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, .38)
}

html {
    --mat-icon-button-state-layer-color: black;
    --mat-icon-button-disabled-state-layer-color: black;
    --mat-icon-button-ripple-color: rgba(0, 0, 0, .1);
    --mat-icon-button-hover-state-layer-opacity: .04;
    --mat-icon-button-focus-state-layer-opacity: .12;
    --mat-icon-button-pressed-state-layer-opacity: .12
}

html .mat-mdc-icon-button.mat-primary {
    --mdc-icon-button-icon-color: #3f51b5
}

html .mat-mdc-icon-button.mat-primary {
    --mat-icon-button-state-layer-color: #3f51b5;
    --mat-icon-button-ripple-color: rgba(63, 81, 181, .1)
}

html .mat-mdc-icon-button.mat-accent {
    --mdc-icon-button-icon-color: #ff4081
}

html .mat-mdc-icon-button.mat-accent {
    --mat-icon-button-state-layer-color: #ff4081;
    --mat-icon-button-ripple-color: rgba(255, 64, 129, .1)
}

html .mat-mdc-icon-button.mat-warn {
    --mdc-icon-button-icon-color: #f44336
}

html .mat-mdc-icon-button.mat-warn {
    --mat-icon-button-state-layer-color: #f44336;
    --mat-icon-button-ripple-color: rgba(244, 67, 54, .1)
}

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

.mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 48px;
    width: var(--mdc-icon-button-state-layer-size);
    height: var(--mdc-icon-button-state-layer-size);
    padding: 12px
}

html {
    --mdc-fab-container-shape: 50%;
    --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
    --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12)
}

html {
    --mdc-fab-small-container-shape: 50%;
    --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
    --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12)
}

html {
    --mdc-extended-fab-container-height: 48px;
    --mdc-extended-fab-container-shape: 24px;
    --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
    --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12)
}

html {
    --mdc-fab-container-color: white
}

html {
    --mat-fab-foreground-color: black;
    --mat-fab-state-layer-color: black;
    --mat-fab-disabled-state-layer-color: black;
    --mat-fab-ripple-color: rgba(0, 0, 0, .1);
    --mat-fab-hover-state-layer-opacity: .04;
    --mat-fab-focus-state-layer-opacity: .12;
    --mat-fab-pressed-state-layer-opacity: .12;
    --mat-fab-disabled-state-container-color: rgba(0, 0, 0, .12);
    --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, .38)
}

html {
    --mdc-fab-small-container-color: white
}

html {
    --mat-fab-small-foreground-color: black;
    --mat-fab-small-state-layer-color: black;
    --mat-fab-small-disabled-state-layer-color: black;
    --mat-fab-small-ripple-color: rgba(0, 0, 0, .1);
    --mat-fab-small-hover-state-layer-opacity: .04;
    --mat-fab-small-focus-state-layer-opacity: .12;
    --mat-fab-small-pressed-state-layer-opacity: .12;
    --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, .12);
    --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, .38)
}

html .mat-mdc-fab.mat-primary {
    --mdc-fab-container-color: #3f51b5
}

html .mat-mdc-fab.mat-primary {
    --mat-fab-foreground-color: white;
    --mat-fab-state-layer-color: white;
    --mat-fab-ripple-color: rgba(255, 255, 255, .1)
}

html .mat-mdc-fab.mat-accent {
    --mdc-fab-container-color: #ff4081
}

html .mat-mdc-fab.mat-accent {
    --mat-fab-foreground-color: white;
    --mat-fab-state-layer-color: white;
    --mat-fab-ripple-color: rgba(255, 255, 255, .1)
}

html .mat-mdc-fab.mat-warn {
    --mdc-fab-container-color: #f44336
}

html .mat-mdc-fab.mat-warn {
    --mat-fab-foreground-color: white;
    --mat-fab-state-layer-color: white;
    --mat-fab-ripple-color: rgba(255, 255, 255, .1)
}

html .mat-mdc-mini-fab.mat-primary {
    --mdc-fab-small-container-color: #3f51b5
}

html .mat-mdc-mini-fab.mat-primary {
    --mat-fab-small-foreground-color: white;
    --mat-fab-small-state-layer-color: white;
    --mat-fab-small-ripple-color: rgba(255, 255, 255, .1)
}

html .mat-mdc-mini-fab.mat-accent {
    --mdc-fab-small-container-color: #ff4081
}

html .mat-mdc-mini-fab.mat-accent {
    --mat-fab-small-foreground-color: white;
    --mat-fab-small-state-layer-color: white;
    --mat-fab-small-ripple-color: rgba(255, 255, 255, .1)
}

html .mat-mdc-mini-fab.mat-warn {
    --mdc-fab-small-container-color: #f44336
}

html .mat-mdc-mini-fab.mat-warn {
    --mat-fab-small-foreground-color: white;
    --mat-fab-small-state-layer-color: white;
    --mat-fab-small-ripple-color: rgba(255, 255, 255, .1)
}

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

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

html {
    --mdc-extended-fab-label-text-font: Roboto, sans-serif;
    --mdc-extended-fab-label-text-size: 14px;
    --mdc-extended-fab-label-text-tracking: .0892857143em;
    --mdc-extended-fab-label-text-weight: 500
}

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

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

html {
    --mat-snack-bar-button-color: #c5cae9
}

html {
    --mdc-snackbar-supporting-text-font: Roboto, sans-serif;
    --mdc-snackbar-supporting-text-line-height: 20px;
    --mdc-snackbar-supporting-text-size: 14px;
    --mdc-snackbar-supporting-text-weight: 400
}

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

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

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

html {
    --mat-table-header-headline-font: Roboto, sans-serif;
    --mat-table-header-headline-line-height: 22px;
    --mat-table-header-headline-size: 14px;
    --mat-table-header-headline-weight: 500;
    --mat-table-header-headline-tracking: .0071428571em;
    --mat-table-row-item-label-text-font: Roboto, sans-serif;
    --mat-table-row-item-label-text-line-height: 20px;
    --mat-table-row-item-label-text-size: 14px;
    --mat-table-row-item-label-text-weight: 400;
    --mat-table-row-item-label-text-tracking: .0178571429em;
    --mat-table-footer-supporting-text-font: Roboto, sans-serif;
    --mat-table-footer-supporting-text-line-height: 20px;
    --mat-table-footer-supporting-text-size: 14px;
    --mat-table-footer-supporting-text-weight: 400;
    --mat-table-footer-supporting-text-tracking: .0178571429em
}

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

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

html .mat-accent {
    --mdc-circular-progress-active-indicator-color: #ff4081
}

html .mat-warn {
    --mdc-circular-progress-active-indicator-color: #f44336
}

html {
    --mat-badge-container-shape: 50%;
    --mat-badge-container-size: unset;
    --mat-badge-small-size-container-size: unset;
    --mat-badge-large-size-container-size: unset;
    --mat-badge-legacy-container-size: 22px;
    --mat-badge-legacy-small-size-container-size: 16px;
    --mat-badge-legacy-large-size-container-size: 28px;
    --mat-badge-container-offset: -11px 0;
    --mat-badge-small-size-container-offset: -8px 0;
    --mat-badge-large-size-container-offset: -14px 0;
    --mat-badge-container-overlap-offset: -11px;
    --mat-badge-small-size-container-overlap-offset: -8px;
    --mat-badge-large-size-container-overlap-offset: -14px;
    --mat-badge-container-padding: 0;
    --mat-badge-small-size-container-padding: 0;
    --mat-badge-large-size-container-padding: 0
}

html {
    --mat-badge-background-color: #3f51b5;
    --mat-badge-text-color: white;
    --mat-badge-disabled-state-background-color: #b9b9b9;
    --mat-badge-disabled-state-text-color: rgba(0, 0, 0, .38)
}

.mat-badge-accent {
    --mat-badge-background-color: #ff4081;
    --mat-badge-text-color: white
}

.mat-badge-warn {
    --mat-badge-background-color: #f44336;
    --mat-badge-text-color: white
}

html {
    --mat-badge-text-font: Roboto, sans-serif;
    --mat-badge-line-height: 22px;
    --mat-badge-text-size: 12px;
    --mat-badge-text-weight: 600;
    --mat-badge-small-size-text-size: 9px;
    --mat-badge-small-size-line-height: 16px;
    --mat-badge-large-size-text-size: 24px;
    --mat-badge-large-size-line-height: 28px
}

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

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

html {
    --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
    --mat-bottom-sheet-container-text-line-height: 20px;
    --mat-bottom-sheet-container-text-size: 14px;
    --mat-bottom-sheet-container-text-tracking: .0178571429em;
    --mat-bottom-sheet-container-text-weight: 400
}

html {
    --mat-legacy-button-toggle-height: 36px;
    --mat-legacy-button-toggle-shape: 2px;
    --mat-legacy-button-toggle-focus-state-layer-opacity: 1
}

html {
    --mat-standard-button-toggle-shape: 4px;
    --mat-standard-button-toggle-hover-state-layer-opacity: .04;
    --mat-standard-button-toggle-focus-state-layer-opacity: .12
}

html {
    --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, .38);
    --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, .12);
    --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, .54);
    --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
    --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, .26);
    --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
    --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd
}

html {
    --mat-standard-button-toggle-text-color: rgba(0, 0, 0, .87);
    --mat-standard-button-toggle-background-color: white;
    --mat-standard-button-toggle-state-layer-color: black;
    --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
    --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, .87);
    --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, .26);
    --mat-standard-button-toggle-disabled-state-background-color: white;
    --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, .87);
    --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
    --mat-standard-button-toggle-divider-color: rgb(224.4, 224.4, 224.4)
}

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

html {
    --mat-legacy-button-toggle-label-text-font: Roboto, sans-serif;
    --mat-legacy-button-toggle-label-text-line-height: 24px;
    --mat-legacy-button-toggle-label-text-size: 16px;
    --mat-legacy-button-toggle-label-text-tracking: .03125em;
    --mat-legacy-button-toggle-label-text-weight: 400
}

html {
    --mat-standard-button-toggle-label-text-font: Roboto, sans-serif;
    --mat-standard-button-toggle-label-text-line-height: 24px;
    --mat-standard-button-toggle-label-text-size: 16px;
    --mat-standard-button-toggle-label-text-tracking: .03125em;
    --mat-standard-button-toggle-label-text-weight: 400
}

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

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

.mat-datepicker-content.mat-accent {
    --mat-datepicker-calendar-date-selected-state-text-color: white;
    --mat-datepicker-calendar-date-selected-state-background-color: #ff4081;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 64, 129, .4);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
    --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 64, 129, .3);
    --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 64, 129, .3);
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 64, 129, .2);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032)
}

.mat-datepicker-content.mat-warn {
    --mat-datepicker-calendar-date-selected-state-text-color: white;
    --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, .4);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
    --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, .3);
    --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, .3);
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, .2);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032)
}

.mat-datepicker-toggle-active.mat-accent {
    --mat-datepicker-toggle-active-state-icon-color: #ff4081
}

.mat-datepicker-toggle-active.mat-warn {
    --mat-datepicker-toggle-active-state-icon-color: #f44336
}

.mat-calendar-controls {
    --mat-icon-button-touch-target-display: none
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 40px;
    width: var(--mdc-icon-button-state-layer-size);
    height: var(--mdc-icon-button-state-layer-size);
    padding: 8px
}

html {
    --mat-datepicker-calendar-text-font: Roboto, sans-serif;
    --mat-datepicker-calendar-text-size: 13px;
    --mat-datepicker-calendar-body-label-text-size: 14px;
    --mat-datepicker-calendar-body-label-text-weight: 500;
    --mat-datepicker-calendar-period-button-text-size: 14px;
    --mat-datepicker-calendar-period-button-text-weight: 500;
    --mat-datepicker-calendar-header-text-size: 11px;
    --mat-datepicker-calendar-header-text-weight: 400
}

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

html {
    --mat-divider-color: rgba(0, 0, 0, .12)
}

html {
    --mat-expansion-container-shape: 4px;
    --mat-expansion-legacy-header-indicator-display: inline-block;
    --mat-expansion-header-indicator-display: none
}

html {
    --mat-expansion-container-background-color: white;
    --mat-expansion-container-text-color: rgba(0, 0, 0, .87);
    --mat-expansion-actions-divider-color: rgba(0, 0, 0, .12);
    --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, .26);
    --mat-expansion-header-text-color: rgba(0, 0, 0, .87);
    --mat-expansion-header-description-color: rgba(0, 0, 0, .54);
    --mat-expansion-header-indicator-color: rgba(0, 0, 0, .54)
}

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

html {
    --mat-expansion-header-text-font: Roboto, sans-serif;
    --mat-expansion-header-text-size: 14px;
    --mat-expansion-header-text-weight: 500;
    --mat-expansion-header-text-line-height: inherit;
    --mat-expansion-header-text-tracking: inherit;
    --mat-expansion-container-text-font: Roboto, sans-serif;
    --mat-expansion-container-text-line-height: 20px;
    --mat-expansion-container-text-size: 14px;
    --mat-expansion-container-text-tracking: .0178571429em;
    --mat-expansion-container-text-weight: 400
}

html {
    --mat-grid-list-tile-header-primary-text-size: 14px;
    --mat-grid-list-tile-header-secondary-text-size: 12px;
    --mat-grid-list-tile-footer-primary-text-size: 14px;
    --mat-grid-list-tile-footer-secondary-text-size: 12px
}

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

.mat-icon.mat-primary {
    --mat-icon-color: #3f51b5
}

.mat-icon.mat-accent {
    --mat-icon-color: #ff4081
}

.mat-icon.mat-warn {
    --mat-icon-color: #f44336
}

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

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

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

html .mat-step-header.mat-accent {
    --mat-stepper-header-icon-foreground-color: white;
    --mat-stepper-header-selected-state-icon-background-color: #ff4081;
    --mat-stepper-header-selected-state-icon-foreground-color: white;
    --mat-stepper-header-done-state-icon-background-color: #ff4081;
    --mat-stepper-header-done-state-icon-foreground-color: white;
    --mat-stepper-header-edit-state-icon-background-color: #ff4081;
    --mat-stepper-header-edit-state-icon-foreground-color: white
}

html .mat-step-header.mat-warn {
    --mat-stepper-header-icon-foreground-color: white;
    --mat-stepper-header-selected-state-icon-background-color: #f44336;
    --mat-stepper-header-selected-state-icon-foreground-color: white;
    --mat-stepper-header-done-state-icon-background-color: #f44336;
    --mat-stepper-header-done-state-icon-foreground-color: white;
    --mat-stepper-header-edit-state-icon-background-color: #f44336;
    --mat-stepper-header-edit-state-icon-foreground-color: white
}

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

html {
    --mat-stepper-container-text-font: Roboto, sans-serif;
    --mat-stepper-header-label-text-font: Roboto, sans-serif;
    --mat-stepper-header-label-text-size: 14px;
    --mat-stepper-header-label-text-weight: 400;
    --mat-stepper-header-error-state-label-text-size: 16px;
    --mat-stepper-header-selected-state-label-text-size: 16px;
    --mat-stepper-header-selected-state-label-text-weight: 400
}

html {
    --mat-sort-arrow-color: rgb(117.3, 117.3, 117.3)
}

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

.mat-toolbar.mat-primary {
    --mat-toolbar-container-background-color: #3f51b5;
    --mat-toolbar-container-text-color: white
}

.mat-toolbar.mat-accent {
    --mat-toolbar-container-background-color: #ff4081;
    --mat-toolbar-container-text-color: white
}

.mat-toolbar.mat-warn {
    --mat-toolbar-container-background-color: #f44336;
    --mat-toolbar-container-text-color: white
}

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

html {
    --mat-toolbar-title-text-font: Roboto, sans-serif;
    --mat-toolbar-title-text-line-height: 32px;
    --mat-toolbar-title-text-size: 20px;
    --mat-toolbar-title-text-tracking: .0125em;
    --mat-toolbar-title-text-weight: 500
}

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

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

html {
    --mat-tree-node-text-font: Roboto, sans-serif;
    --mat-tree-node-text-size: 14px;
    --mat-tree-node-text-weight: 400
}

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

html {
    --mat-timepicker-container-background-color: white
}

.mat-h1,.mat-headline-5,.mat-typography .mat-h1,.mat-typography .mat-headline-5,.mat-typography h1 {
    font: 400 24px/32px Roboto,sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h2,.mat-headline-6,.mat-typography .mat-h2,.mat-typography .mat-headline-6,.mat-typography h2 {
    font: 500 20px/32px Roboto,sans-serif;
    letter-spacing: .0125em;
    margin: 0 0 16px
}

.mat-h3,.mat-subtitle-1,.mat-typography .mat-h3,.mat-typography .mat-subtitle-1,.mat-typography h3 {
    font: 400 16px/28px Roboto,sans-serif;
    letter-spacing: .009375em;
    margin: 0 0 16px
}

.mat-h4,.mat-body-1,.mat-typography .mat-h4,.mat-typography .mat-body-1,.mat-typography h4 {
    font: 400 16px/24px Roboto,sans-serif;
    letter-spacing: .03125em;
    margin: 0 0 16px
}

.mat-h5,.mat-typography .mat-h5,.mat-typography h5 {
    font: 400 11.62px/20px Roboto,sans-serif;
    margin: 0 0 12px
}

.mat-h6,.mat-typography .mat-h6,.mat-typography h6 {
    font: 400 9.38px/20px Roboto,sans-serif;
    margin: 0 0 12px
}

.mat-body-strong,.mat-subtitle-2,.mat-typography .mat-body-strong,.mat-typography .mat-subtitle-2 {
    font: 500 14px/22px Roboto,sans-serif;
    letter-spacing: .0071428571em
}

.mat-body,.mat-body-2,.mat-typography .mat-body,.mat-typography .mat-body-2,.mat-typography {
    font: 400 14px/20px Roboto,sans-serif;
    letter-spacing: .0178571429em
}

.mat-body p,.mat-body-2 p,.mat-typography .mat-body p,.mat-typography .mat-body-2 p,.mat-typography p {
    margin: 0 0 12px
}

.mat-small,.mat-caption,.mat-typography .mat-small,.mat-typography .mat-caption {
    font: 400 12px/20px Roboto,sans-serif;
    letter-spacing: .0333333333em
}

.mat-headline-1,.mat-typography .mat-headline-1 {
    font: 300 96px/96px Roboto,sans-serif;
    letter-spacing: -.015625em;
    margin: 0 0 56px
}

.mat-headline-2,.mat-typography .mat-headline-2 {
    font: 300 60px/60px Roboto,sans-serif;
    letter-spacing: -.0083333333em;
    margin: 0 0 64px
}

.mat-headline-3,.mat-typography .mat-headline-3 {
    font: 400 48px/50px Roboto,sans-serif;
    letter-spacing: normal;
    margin: 0 0 64px
}

.mat-headline-4,.mat-typography .mat-headline-4 {
    font: 400 34px/40px Roboto,sans-serif;
    letter-spacing: .0073529412em;
    margin: 0 0 64px
}

.noUi-target,.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-target {
    position: relative
}

.noUi-base,.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connects {
    overflow: hidden;
    z-index: 0
}

.noUi-connect,.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto
}

.noUi-vertical .noUi-origin {
    top: -100%;
    width: 0
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute
}

.noUi-touch-area {
    height: 100%;
    width: 100%
}

.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin {
    -webkit-transition: transform .3s;
    transition: transform .3s
}

.noUi-state-drag * {
    cursor: inherit!important
}

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    right: -17px;
    top: -6px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    right: -6px;
    bottom: -17px
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto
}

.noUi-target {
    background: #fafafa;
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb
}

.noUi-connects {
    border-radius: 3px
}

.noUi-connect {
    background: #3fb8af
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #fff;
    cursor: default;
    box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb
}

.noUi-active {
    box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb
}

.noUi-handle:before,.noUi-handle:after {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #e8e7e6;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:before,.noUi-vertical .noUi-handle:after {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect {
    background: #b8b8b8
}

[disabled].noUi-target,[disabled].noUi-handle,[disabled] .noUi-handle {
    cursor: not-allowed
}

.noUi-pips,.noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #ccc
}

.noUi-marker-sub,.noUi-marker-large {
    background: #aaa
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%,50%);
    transform: translate(-50%,50%)
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%,50%);
    transform: translate(50%,50%)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    -webkit-transform: translate(0,-50%);
    transform: translateY(-50%);
    padding-left: 25px
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0,50%);
    transform: translateY(50%)
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%);
    left: 50%;
    bottom: 120%
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0,-50%);
    transform: translateY(-50%);
    top: 50%;
    right: 120%
}

.noUi-horizontal .noUi-origin>.noUi-tooltip {
    -webkit-transform: translate(50%,0);
    transform: translate(50%);
    left: auto;
    bottom: 10px
}

.noUi-vertical .noUi-origin>.noUi-tooltip {
    -webkit-transform: translate(0,-18px);
    transform: translateY(-18px);
    top: auto;
    right: 28px
}

:root {
    --mat-select-panel-background-color: var(--dropdown-color);
    --mat-autocomplete-background-color: var(--dropdown-color);
    --mat-menu-container-color: var(--dropdown-color);
    --mat-menu-item-label-text-size: 14px
}

:root .mat-mdc-tab-header {
    --mat-tab-header-label-text-tracking: "normal"
}

:root .mat-mdc-card {
    --mdc-elevated-card-container-shape: 12px
}

:root .mdc-text-field--filled {
    border-radius: 6px;
    --mdc-filled-text-field-container-shape: 6px;
    --mdc-filled-text-field-active-indicator-height: 0px;
    --mdc-filled-text-field-container-color: var(--highlight-background-minimal)
}

:root .spotlight-input {
    --mat-form-field-container-vertical-padding: 11px
}

:root .spotlight-input .mdc-text-field--filled {
    border-radius: 0
}

:root .mat-form-field-no-radius .mdc-text-field--filled {
    border-radius: 0;
    --mdc-filled-text-field-container-shape: 0
}

:root .mdc-checkbox__background {
    border-radius: 5px
}

:root .less-prefix .mat-mdc-text-field-wrapper.mdc-text-field {
    padding-left: 10px;
    padding-right: 10px
}

:root .no-prefix .mat-mdc-text-field-wrapper.mdc-text-field {
    padding-left: 0
}

:root .fix-arrow-offset .mat-mdc-select-arrow-wrapper {
    transform: none
}

:root .mat-mdc-slider.mat-primary {
    --mdc-slider-inactive-track-color: #545767;
    --mdc-slider-label-container-color: var(--dropdown-color);
    --mdc-slider-label-label-text-color: var(--primary-text-color)
}

:root .mdc-menu-surface,:root .mat-mdc-menu-panel {
    border: 2px solid var(--highlight-background);
    -webkit-backdrop-filter: blur(var(--highlight-blur));
    backdrop-filter: blur(var(--highlight-blur));
    border-radius: 15px
}

:root .mat-mdc-tooltip-panel .mdc-tooltip {
    white-space: pre-line!important;
    font-size: 12px!important;
    --mdc-plain-tooltip-supporting-text-color: var(--primary-text-color)
}

:root .mat-mdc-tooltip-panel .mdc-tooltip.mat-mdc-tooltip-show {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

:root .mat-mdc-tooltip-panel .mdc-tooltip .mdc-tooltip__surface {
    background-color: var(--dropdown-color);
    border: 2px solid var(--highlight-background);
    text-align: center!important
}

:root .mdc-button {
    border-radius: 8px;
    font-weight: 500;
    -webkit-font-smoothing: antialiased
}

:root .mdc-button--unelevated.mat-unthemed {
    background-color: var(--highlight-background-minimal)
}

:root .mat-mdc-unelevated-button.mat-primary {
    --mdc-filled-button-container-color: var(--button-highlight-background);
    --mdc-filled-button-label-text-color: var(--primary-color);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

:root .mdc-button--outlined.mat-warn {
    background-color: var(--warn-background-color)
}

:root .mat-button-toggle-stretch .mat-button-toggle-group .mat-button-toggle {
    width: 100%
}

:root .mat-horizontal-content-container {
    padding-bottom: 0
}

:root .mat-drawer-container {
    --mat-sidenav-content-background-color: transparent;
    --mat-sidenav-container-divider-color: transparent
}

:root .mat-button-toggle-group {
    border: none;
    background: var(--highlight-background-minimal);
    --mat-standard-button-toggle-shape: 7px;
    --mat-standard-button-toggle-background-color: rgba(0, 0, 0, 0);
    --mat-standard-button-toggle-selected-state-background-color: var(--highlight-background-minimal);
    --mat-standard-button-toggle-height: 32px;
    --mat-standard-button-toggle-divider-color: none
}

:root .mat-button-toggle-group.slim {
    --mat-standard-button-toggle-height: 24px
}

:root .mat-button-toggle-group .mat-button-toggle {
    margin: 3px;
    border-radius: 4px
}

:root .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-button .mat-button-toggle-label-content {
    color: var(--primary-text-color)
}

:root .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-button svg path[stroke] {
    stroke: var(--primary-text-color)
}

:root .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-button svg path[fill] {
    fill: var(--primary-text-color)
}

:root .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-button {
    border: none
}

:root .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content {
    color: var(--subtext-color);
    font-weight: 500;
    letter-spacing: .03em;
    font-size: 14px
}

:root .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-button svg path[stroke] {
    stroke: var(--subtext-color)
}

:root .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-button svg path[fill] {
    fill: var(--subtext-color)
}

:root .themed-mat-tab-group .mat-mdc-tab-header {
    --mdc-secondary-navigation-tab-container-height: 32px;
    --mat-tab-header-active-label-text-color: var(--primary-text-color);
    --mat-tab-header-active-ripple-color: rgba(255, 255, 255, .5);
    --mat-tab-header-inactive-ripple-color: rgba(255, 255, 255, .5);
    --mat-tab-header-active-hover-indicator-color: transparent;
    --mat-tab-header-inactive-label-text-color: var(--subtext-color);
    --mdc-tab-indicator-active-indicator-color: transparent;
    --mat-tab-header-active-focus-indicator-color: transparent;
    --mat-tab-header-active-hover-label-text-color: var(--primary-text-color);
    --mat-tab-header-active-focus-label-text-color: var(--primary-text-color);
    background: var(--highlight-background-minimal);
    border-radius: 6px;
    padding: 3px
}

:root .themed-mat-tab-group .mat-mdc-tab-header .mat-mdc-tab {
    transition: background .3s ease;
    -webkit-font-smoothing: subpixel-antialiased
}

:root .themed-mat-tab-group .mat-mdc-tab-header .mdc-tab--active {
    background: var(--highlight-background);
    border-radius: 6px
}

:root .snackbar-error {
    border-radius: 6px;
    background-color: var(--snackbar-error-background);
    -webkit-backdrop-filter: blur(32px);
    backdrop-filter: blur(32px)
}

:root .snackbar-error>div {
    background-color: transparent
}

:root .snackbar-info {
    border-radius: 6px;
    background-color: var(--snackbar-info-background);
    -webkit-backdrop-filter: blur(32px);
    backdrop-filter: blur(32px)
}

:root .snackbar-info>div {
    background-color: transparent
}

:root .account-menu {
    margin-top: 15px;
    margin-right: -15px
}

:root .account-menu svg {
    vertical-align: middle
}

:root .account-menu .mobile-balance {
    padding: 5px 15px 15px;
    display: flex;
    justify-content: center;
    gap: 20px;
    align-items: center
}

@media (min-width: 768px) {
    :root .account-menu {
        min-width:170px
    }

    :root .account-menu .mat-mdc-menu-item {
        justify-content: space-between
    }
}

:root .account-menu .mat-mdc-menu-item .mat-mdc-menu-item-text {
    font-weight: 500;
    color: var(--subtext-color)
}

:root .account-menu .mat-mdc-menu-item.selected-route .mat-mdc-menu-item-text {
    color: var(--primary-text-color)
}

@media (max-width: 768px) {
    :root .account-menu {
        min-width:calc(100vw - 2 * var(--page-padding))
    }

    :root .account-menu .mat-mdc-menu-item {
        justify-content: center;
        gap: 20px
    }

    :root .account-menu .mat-mdc-menu-item .mat-mdc-menu-item-text {
        min-width: 70px;
        flex: initial
    }
}

:root .hide-mat-badge .mat-badge-content {
    display: none
}

:root .mat-mdc-form-field-has-icon-prefix .mat-mdc-text-field-wrapper {
    padding-left: 16px;
    --mat-mdc-form-field-label-offset-x: 0
}

:root mat-icon.highlight-svg-icon [fill] {
    fill: var(--primary-text-color)
}

:root mat-icon.highlight-svg-icon [stroke] {
    stroke: var(--primary-text-color)
}

:root mat-icon.green-svg-icon [fill] {
    fill: #64ec42
}

:root mat-icon.green-svg-icon [stroke] {
    stroke: #64ec42
}

:root mat-icon.primary-svg-icon [fill]:not([fill=none]) {
    fill: var(--primary-color)
}

:root mat-icon.primary-svg-icon [stroke] {
    stroke: var(--primary-color)
}

:root mat-icon.primary-svg-icon-special-fill svg path {
    stroke: var(--primary-color)
}

:root mat-icon.primary-svg-icon-special-fill svg path.fill {
    fill: var(--primary-color)
}

:root mat-icon.subtext-svg-icon [fill]:not([fill=none]) {
    fill: var(--subtext-color)
}

:root mat-icon.subtext-svg-icon [stroke] {
    stroke: var(--subtext-color)
}

:root mat-icon.subtext-svg-icon-special-fill svg path {
    stroke: var(--subtext-color)
}

:root mat-icon.subtext-svg-icon-special-fill svg path.fill {
    fill: var(--subtext-color)
}

:root mat-icon.black-svg-icon [fill] {
    fill: #000
}

:root mat-icon.black-svg-icon [stroke] {
    stroke: #000
}

:root .mat-horizontal-stepper-header {
    border-radius: 6px
}

:root .mat-mdc-dialog-content {
    max-height: unset
}

:root .cdk-backdrop-transparent {
    opacity: 0
}

:root .center-icon-chip .mat-mdc-chip-action-label {
    height: 24px
}

:root .spotlight-chip-grid .mdc-evolution-chip-set__chips {
    gap: 5px
}

:root .spotlight-chip-grid .mdc-evolution-chip-set__chips input {
    line-height: 39px
}

:root .themed-menu .mat-mdc-menu-item.selected {
    background-color: var(--highlight-background-heavy)
}

:root .themed-menu .mat-mdc-menu-item.selected .mat-mdc-menu-item-text {
    font-weight: 500;
    color: var(--primary-text-color)
}

:root .themed-menu .mat-mdc-menu-item .mat-mdc-menu-item-text {
    font-weight: 500;
    color: var(--subtext-color)
}

:root .themed-menu .mat-mdc-menu-item .warn {
    color: var(--warn-text-color)
}

:root .slimmed-table {
    --mat-table-background-color: none;
    --mat-table-row-item-outline-color: transparent;
    --header-border-radius: 10px;
    --mat-table-header-container-height: 42px
}

:root .slimmed-table .mat-mdc-header-row th {
    background: var(--highlight-background-minimal);
    color: var(--subtext-color);
    letter-spacing: .03em
}

:root .slimmed-table .mat-mdc-header-row th:first-child {
    border-top-left-radius: var(--header-border-radius);
    border-bottom-left-radius: var(--header-border-radius)
}

:root .slimmed-table .mat-mdc-header-row th:last-child {
    border-top-right-radius: var(--header-border-radius);
    border-bottom-right-radius: var(--header-border-radius)
}

:root .slimmed-table .mat-mdc-row .mat-mdc-cell {
    border-color: var(--highlight-background-minimal)
}

:root .stepper-hide-text .mat-step-header {
    pointer-events: none
}

:root .stepper-hide-text .mat-step-label {
    display: none
}

:root .stepper-hide-text .mat-step-icon {
    margin: 0 4px
}

:root .floatdb-table {
    --mat-table-background-color: none;
    --mat-table-row-item-outline-color: transparent;
    --header-border-radius: 10px;
    --mat-table-header-container-height: 48px
}

:root .floatdb-table .mat-mdc-header-row th {
    background: var(--highlight-background-minimal);
    color: var(--subtext-color);
    letter-spacing: .03em
}

:root .floatdb-table .mat-mdc-header-row th:first-child {
    border-top-left-radius: var(--header-border-radius);
    border-bottom-left-radius: var(--header-border-radius)
}

:root .floatdb-table .mat-mdc-header-row th:last-child {
    border-top-right-radius: var(--header-border-radius);
    border-bottom-right-radius: var(--header-border-radius)
}

:root .floatdb-table tbody:before {
    content: "";
    display: block;
    height: 15px
}

:root .floatdb-table tbody tr {
    --mat-table-row-item-outline-width: 2px;
    background: var(--module-background-color)
}

:root .floatdb-table tbody tr:first-of-type td:first-of-type {
    border-top-left-radius: var(--header-border-radius)
}

:root .floatdb-table tbody tr:first-of-type td:last-of-type {
    border-top-right-radius: var(--header-border-radius)
}

:root .floatdb-table .mat-mdc-row .mat-mdc-cell {
    border-color: var(--backing-background-color)
}

:root .input-with-name .name {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    color: var(--subtext-color);
    margin-bottom: 4px;
    letter-spacing: .03em
}

:root .input-no-highlight .mat-mdc-form-field-focus-overlay {
    background-color: #ffffff0a
}

:root .slim-input .mat-mdc-form-field-infix {
    width: 70px
}

:root .floatdb-history-btn .mat-badge-content {
    top: -6px!important;
    right: -6px!important
}

:root .hover-icon-btn {
    color: var(--subtext-color)
}

:root .hover-icon-btn mat-icon {
    transition: all .3s ease
}

:root .hover-icon-btn mat-icon svg path {
    transition: all .3s ease
}

:root .hover-icon-btn mat-icon svg path[fill] {
    fill: var(--subtext-color)
}

:root .hover-icon-btn mat-icon svg path[stroke] {
    stroke: var(--subtext-color)
}

:root .hover-icon-btn:not([style*=color]):hover mat-icon {
    color: var(--primary-text-color)
}

:root .hover-icon-btn:not([style*=color]):hover mat-icon svg path[fill] {
    fill: var(--primary-text-color)
}

:root .hover-icon-btn:not([style*=color]):hover mat-icon svg path[stroke] {
    stroke: var(--primary-text-color)
}

div.mat-mdc-select-panel.currency-selector-panel {
    max-height: 325px
}

.dense-input {
    --mat-form-field-container-height: 36px;
    --mat-form-field-filled-label-display: none;
    --mat-form-field-container-vertical-padding: 6px;
    --mat-form-field-filled-with-label-container-padding-top: 6px;
    --mat-form-field-filled-with-label-container-padding-bottom: 6px
}

.dense-input-m3 {
    --mat-form-field-container-height: 44px;
    --mat-form-field-filled-label-display: none;
    --mat-form-field-container-vertical-padding: 10px;
    --mat-form-field-filled-with-label-container-padding-top: 10px;
    --mat-form-field-filled-with-label-container-padding-bottom: 10px
}

.dense-input-m2 {
    --mat-form-field-container-height: 48px;
    --mat-form-field-filled-label-display: none;
    --mat-form-field-container-vertical-padding: 12px;
    --mat-form-field-filled-with-label-container-padding-top: 12px;
    --mat-form-field-filled-with-label-container-padding-bottom: 12px
}

.dense-input-m4 {
    --mat-form-field-container-height: 40px;
    --mat-form-field-filled-label-display: none;
    --mat-form-field-container-vertical-padding: 8px;
    --mat-form-field-filled-with-label-container-padding-top: 8px;
    --mat-form-field-filled-with-label-container-padding-bottom: 8px
}

.dense-input-m4 {
    --mat-icon-button-touch-target-display: none
}

.dense-input-m4 .mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 32px;
    width: var(--mdc-icon-button-state-layer-size);
    height: var(--mdc-icon-button-state-layer-size);
    padding: 4px
}

.dense-input-m5 {
    --mat-form-field-container-height: 36px;
    --mat-form-field-filled-label-display: none;
    --mat-form-field-container-vertical-padding: 6px;
    --mat-form-field-filled-with-label-container-padding-top: 6px;
    --mat-form-field-filled-with-label-container-padding-bottom: 6px
}

.dense-input-m5 {
    --mat-icon-button-touch-target-display: none
}

.dense-input-m5 .mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 28px;
    width: var(--mdc-icon-button-state-layer-size);
    height: var(--mdc-icon-button-state-layer-size);
    padding: 2px
}

.dense-icon-button-m3 {
    --mat-icon-button-touch-target-display: none
}

.dense-icon-button-m3 .mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 36px;
    width: var(--mdc-icon-button-state-layer-size);
    height: var(--mdc-icon-button-state-layer-size);
    padding: 6px
}

.dense-icon-button-m2 {
    --mat-icon-button-touch-target-display: none
}

.dense-icon-button-m2 .mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 40px;
    width: var(--mdc-icon-button-state-layer-size);
    height: var(--mdc-icon-button-state-layer-size);
    padding: 8px
}

.dense-icon-button-m5 {
    --mat-icon-button-touch-target-display: none
}

.dense-icon-button-m5 .mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 28px;
    width: var(--mdc-icon-button-state-layer-size);
    height: var(--mdc-icon-button-state-layer-size);
    padding: 2px
}

.dense-select {
    --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
}

.dense-select {
    --mat-select-arrow-transform: none
}

.dense-stepper-m4 {
    --mat-stepper-header-height: 42px
}

.noui-slider .noUi-horizontal {
    height: 7px
}

.noui-slider .noUi-target {
    background: var(--highlight-background-minimal);
    box-shadow: none;
    border: none
}

.noui-slider.float-slider .noUi-connect.noUi-draggable {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='6' viewBox='0 0 100 6' fill='none'%3E%3Crect x='0' y='0' width='7' height='6' fill='%23008000'/%3E%3Crect x='7' y='0' width='8' height='6' fill='%2318a518'/%3E%3Crect x='15' y='0' width='23' height='6' fill='%239acd32'/%3E%3Crect x='38' y='0' width='7' height='6' fill='%23cd5c5c'/%3E%3Crect x='45' y='0' width='55' height='6' fill='%23f92424'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    transform: none!important
}

.noui-slider.fade-slider .noUi-connect.noUi-draggable {
    background: linear-gradient(to right,#d9bba5,#e5903b,#db5977,#6775e1)
}

.noui-slider.primary-slider .noUi-connect.noUi-draggable {
    background: var(--primary-color)
}

.noui-slider .noUi-handle {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12' fill='none'%3E%3Cpath d='M6.49485 2.20158L1.69861 7.68299C0.567091 8.97616 1.48545 11 3.20377 11H12.7962C14.5145 11 15.4329 8.97616 14.3014 7.68299L9.50515 2.20158C8.70833 1.29093 7.29167 1.29093 6.49485 2.20158Z' fill='white' stroke='%231B1D24' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    width: 16px;
    height: 12px;
    box-shadow: none;
    right: -8px;
    top: 2px;
    border: none;
    cursor: pointer
}

.noui-slider .noUi-handle:before {
    content: none
}

.noui-slider .noUi-handle:after {
    content: none
}

.noUi-handle {
    background: transparent
}

:root {
    --maskbg: rgba(0, 0, 0, .4);
    --highlight-bg: #eff6ff
}

@layer primeng {
    .p-component {
        font-feature-settings: normal;
        font-size: 1rem;
        font-weight: 400
    }

    .p-component-overlay {
        background-color: #0006;
        transition-duration: .2s
    }

    .p-disabled,.p-component:disabled {
        opacity: .6
    }

    .p-overlay-mask {
        --p-mask-transition-duration: .15s
    }

    @keyframes p-overlay-mask-enter-animation {
        0% {
            background-color: transparent
        }

        to {
            background-color: var(--maskbg)
        }
    }

    @keyframes p-overlay-mask-leave-animation {
        0% {
            background-color: var(--maskbg)
        }

        to {
            background-color: transparent
        }
    }

    .p-drawer {
        border: 0 none;
        box-shadow: 0 1px 3px #0000004d
    }

    .p-drawer .p-drawer-header .p-drawer-close,.p-drawer .p-drawer-header .p-drawer-icon {
        width: 2rem;
        height: 2rem;
        color: #6b7280;
        border: 0 none;
        background: transparent;
        border-radius: 50%;
        transition: background-color .2s,color .2s,box-shadow .2s
    }

    .p-drawer .p-drawer-header .p-drawer-close:enabled:hover,.p-drawer .p-drawer-header .p-drawer-icon:enabled:hover {
        color: #374151;
        border-color: transparent
    }

    .p-drawer .p-drawer-header .p-drawer-close:focus-visible,.p-drawer .p-drawer-header .p-drawer-icon:focus-visible {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-drawer .p-drawer-header+.p-drawer-content {
        padding-top: 0
    }
}

.p-overflow-hidden {
    padding-right: var(--page-padding)!important
}

.p-drawer-active {
    z-index: 999!important
}

.p-drawer-mask {
    z-index: 998!important
}

.p-drawer-left {
    width: 350px!important
}

ngx-tooltip-content.ngx-charts-tooltip-content.type-tooltip {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 6px;
    background-color: var(--highlight-background-minimal);
    border: 2px solid var(--highlight-c-1-ceff-4, rgba(193, 206, 255, .04))
}

ngx-tooltip-content.ngx-charts-tooltip-content.type-tooltip .tooltip-caret {
    display: none
}

.dark .ngx-charts text {
    fill: var(--subtext-color)
}

.dark .ngx-charts .tooltip-anchor {
    fill: #fff
}

.dark .ngx-charts .gridline-path {
    stroke: var(--highlight-background-minimal)
}

.dark .ngx-charts .refline-path {
    stroke: #455066
}

.dark .ngx-charts .reference-area {
    fill: #fff
}

.dark .ngx-charts .line-highlight {
    display: block
}

.dark .ngx-charts .grid-panel.odd rect {
    fill: #ffffff0d
}

.dark .ngx-charts .force-directed-graph .edge {
    stroke: #455066
}

.dark .ngx-charts .number-card p {
    color: #f0f1f6
}

.dark .ngx-charts .gauge .background-arc path {
    fill: #2f3646
}

.dark .ngx-charts .gauge .gauge-tick path {
    stroke: var(--subtext-color)
}

.dark .ngx-charts .gauge .gauge-tick text {
    fill: var(--subtext-color)
}

.dark .ngx-charts .linear-gauge .background-bar path {
    fill: #2f3646
}

.dark .ngx-charts .linear-gauge .units {
    fill: #72809b
}

.dark .ngx-charts .timeline .brush-background {
    fill: #ffffff0d
}

.dark .ngx-charts .timeline .brush .selection {
    fill: #ffffff1a;
    stroke: #aaa
}

.dark .ngx-charts .polar-chart .polar-chart-background {
    fill: #1e222e
}

.dark .chart-legend .legend-labels {
    background: #ffffff0d!important
}

.dark .chart-legend .legend-item:hover {
    color: #fff
}

.dark .chart-legend .legend-label:hover,.dark .chart-legend .legend-label .active .legend-label-text {
    color: #fff!important
}

.dark .chart-legend .scale-legend-label,.dark .advanced-pie-legend {
    color: var(--subtext-color)
}

.dark .advanced-pie-legend .legend-item:hover {
    color: #fff!important
}

.dark .number-card .number-card-label {
    font-size: .8em;
    color: var(--subtext-color)
}

.header-dialog {
    padding: 20px
}

.header-dialog.default-card {
    padding: 30px;
    background-color: var(--module-background-color);
    border-radius: 12px
}

@media (max-width: 768px) {
    .header-dialog.default-card {
        padding:15px
    }
}

.header-dialog .t-header {
    display: flex;
    gap: 20px;
    align-items: center;
    color: var(--primary-text-color)
}

@media (max-width: 768px) {
    .header-dialog .t-header {
        gap:15px
    }

    .header-dialog .t-header div.text {
        gap: 0
    }

    .header-dialog .t-header div.text div.title {
        font-size: 22px
    }

    .header-dialog .t-header div.text div.sub-text {
        font-size: 13px
    }
}

.header-dialog .t-header .t-icon {
    border-radius: 10px;
    background: var(--button-highlight-background);
    padding: 10px;
    height: 60px;
    width: 60px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center
}

.header-dialog .t-header .t-icon img {
    width: 40px
}

.header-dialog .t-header .t-icon mat-icon {
    color: var(--primary-color);
    height: 40px;
    width: 40px;
    font-size: 40px
}

.header-dialog .t-header .t-icon.error {
    background: var(--warn-background-color)
}

.header-dialog .t-header .t-icon.error mat-icon {
    color: var(--warn-text-color)
}

.header-dialog .t-header .t-text {
    display: flex;
    flex-direction: column;
    gap: 5px
}

.header-dialog .t-header .t-text .title {
    font-size: 28px;
    font-weight: 500
}

.header-dialog .t-header .t-text .sub-text {
    color: var(--subtext-color);
    font-size: 14px
}

.header-dialog .t-header .t-text .sub-text a {
    color: var(--primary-text-color)
}

.header-dialog .t-gap {
    height: 1px;
    background: var(--highlight-background-minimal);
    margin: 20px 0
}

.profile-card {
    padding: 30px;
    background-color: var(--module-background-color);
    border-radius: 12px;
    margin-top: 30px
}

@media (max-width: 768px) {
    .profile-card {
        padding:15px;
        margin-top: 15px
    }
}

.mat-mdc-menu-item.cdk-drag.filter-preset-btn .remove {
    display: none
}

.markdown.no-margin p {
    margin: 0
}

.markdown.content-normalize p {
    margin: 0;
    padding: 0;
    display: inline
}

.markdown.content-normalize ul,.markdown.content-normalize ol {
    margin: 0;
    padding: 0 0 0 20px
}

.markdown.content-normalize p+p,.markdown.content-normalize ul+p,.markdown.content-normalize ol+p {
    margin-top: 8px
}

@media (max-width: 768px) {
    .mat-mdc-table[matTableResponsive] {
        border-collapse:separate;
        border-spacing: 0 1em
    }

    .mat-mdc-table[matTableResponsive] thead {
        display: none
    }

    .mat-mdc-table[matTableResponsive] .mat-mdc-header-row {
        display: flex;
        flex-wrap: wrap;
        height: auto;
        position: sticky;
        top: 0;
        z-index: 2
    }

    .mat-mdc-table[matTableResponsive] .mat-mdc-header-row th.mat-mdc-header-cell {
        display: flex;
        flex: 1;
        align-items: center;
        padding: 1rem .5rem;
        justify-content: space-around
    }

    .mat-mdc-table[matTableResponsive] .mat-mdc-header-row th.mat-mdc-header-cell>.mat-sort-header-container {
        padding-left: 15px
    }

    .mat-mdc-table[matTableResponsive] .mat-mdc-header-row th.mat-mdc-header-cell:not([mat-sort-header]),.mat-mdc-table[matTableResponsive] .mat-mdc-header-row th.mat-mdc-header-cell.mat-sort-header-disabled {
        display: none
    }

    .mat-mdc-table[matTableResponsive] .mat-mdc-row {
        height: auto
    }

    .mat-mdc-table[matTableResponsive] .mat-mdc-row td.mat-mdc-cell {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-gap: 10px;
        padding: .5rem;
        text-align: right!important;
        word-break: break-word
    }

    .mat-mdc-table[matTableResponsive] .mat-mdc-row td.mat-mdc-cell>* {
        grid-column: 2
    }

    .mat-mdc-table[matTableResponsive] .mat-mdc-row td.mat-mdc-cell:before {
        content: attr(data-column-name);
        text-align: left
    }

    .mat-mdc-table[matTableResponsive] .mat-mdc-row td.mat-mdc-cell.cdk-cell:last-of-type {
        padding-bottom: 1em
    }

    .mat-mdc-table[matTableResponsive] .mat-mdc-row:last-of-type td:last-of-type {
        border: none
    }

    .mat-mdc-table[matTableResponsive] .mat-mdc-row:not(:last-of-type) td:last-of-type {
        border-bottom: 2px solid var(--highlight-background-heavy)
    }

    .mat-mdc-card .mat-mdc-table[matTableResponsive],.mat-mdc-expansion-panel .mat-mdc-table[matTableResponsive] {
        border: .5rem solid #fafafa
    }
}

td.mat-column-actions {
    text-align: right
}

:root {
    --highlight-blur: 10px;
    --mobile-width: 768px;
    --tablet-width: 1024px;
    --toolbar-height: 70px;
    --nav-tabs-height: calc(53px + env(safe-area-inset-bottom)) ;
    --page-padding: 60px
}

@media (max-width: 1024px) {
    :root {
        --page-padding: 10px
    }
}

html {
    margin-right: calc(-1*(100vw - 100%))
}

body {
    margin: 0;
    font-family: Roboto,Helvetica Neue,sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
    overflow-x: hidden;
    letter-spacing: normal;
    padding: 0 var(--page-padding) 0 var(--page-padding);
    -webkit-tap-highlight-color: transparent
}

body *,body :after,body :before {
    -moz-box-sizing: initial;
    -webkit-box-sizing: initial;
    box-sizing: initial
}

.app-background {
    background-color: var(--backing-background-color);
    color: var(--primary-text-color)
}

.cdk-global-scrollblock {
    top: 0!important;
    left: 0!important;
    position: unset!important;
    width: unset!important;
    overflow-y: unset!important
}

.cdk-global-scrollblock body {
    overflow: hidden
}

a:not([href]) {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

a {
    text-decoration: none
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.mat-checkbox-layout {
    white-space: normal!important
}

.multi-line-option .mat-option-text {
    text-overflow: initial!important
}

.full-width-option>span {
    justify-content: space-between;
    width: 100%
}

.pinch-zoom-content {
    height: 100%!important;
    width: 100%!important
}

*::-webkit-scrollbar-track {
    border-radius: 8px;
    background-color: transparent
}

*::-webkit-scrollbar {
    width: 12px;
    background-color: transparent
}

*::-webkit-scrollbar:not(body) {
    width: 8px
}

*::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #c1ceff12
}

*::-webkit-scrollbar-thumb:hover {
    background-color: #c1ceff40
}

.blurred-dialog-container .mat-mdc-dialog-container {
    will-change: transform,opacity;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    border-radius: 12px
}

@supports (-moz-appearance: none) {
    .blurred-dialog-container .mat-mdc-dialog-container {
        -webkit-backdrop-filter:none;
        backdrop-filter: none
    }

    .blurred-dialog-container .mat-mdc-dialog-container .mat-mdc-dialog-surface {
        background-color: var(--dialog-background-firefox)
    }
}

.blurred-dialog-container .mat-mdc-dialog-container .mat-mdc-dialog-surface {
    overscroll-behavior: none
}

.blurred-dialog-container .mat-mdc-dialog-container.mdc-dialog--closing,.blurred-dialog-container .mat-mdc-dialog-container.mdc-dialog--opening {
    -webkit-backdrop-filter: none!important;
    backdrop-filter: none!important
}

.blurred-dialog-container .mat-mdc-dialog-container .mat-mdc-dialog-surface {
    border-radius: 12px;
    border: 2px solid var(--highlight-background)
}

.cdk-global-overlay-wrapper {
    width: 100vw!important
}

.cdk-global-overlay-wrapper:not(:has(.full-screen-dialog)) {
    top: var(--toolbar-height);
    --max-dialog-height: calc(100dvh - var(--toolbar-height));
    max-height: var(--max-dialog-height)
}

@media (max-width: 1024px) {
    .cdk-global-overlay-wrapper:not(:has(.full-screen-dialog)) {
        --max-dialog-height: calc(100dvh - var(--toolbar-height) - var(--nav-tabs-height))
    }
}

.cdk-global-overlay-wrapper:not(:has(.full-screen-dialog)) .cdk-overlay-pane {
    max-height: var(--max-dialog-height)
}

.mat-mdc-tooltip-trigger {
    touch-action: auto!important
}

.lighter-cdk-overlay-backdrop {
    background-color: #00000026
}

.fib,.fi {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.fi {
    position: relative;
    display: inline-block;
    width: 1.333333em;
    line-height: 1em
}

.fi:before {
    content: "\a0"
}

.fi.fis {
    width: 1em
}

.fi-xx {
    background-image: url("./media/xx-PLWBNAIN.svg")
}

.fi-xx.fis {
    background-image: url("./media/xx-G3UIP7DW.svg")
}

.fi-ad {
    background-image: url("./media/ad-FSFBF6RG.svg")
}

.fi-ad.fis {
    background-image: url("./media/ad-JFE27PKJ.svg")
}

.fi-ae {
    background-image: url("./media/ae-6FRK6AZM.svg")
}

.fi-ae.fis {
    background-image: url("./media/ae-2A7XNIFU.svg")
}

.fi-af {
    background-image: url("./media/af-OPD3DA2G.svg")
}

.fi-af.fis {
    background-image: url("./media/af-NMKMCI76.svg")
}

.fi-ag {
    background-image: url("./media/ag-MLHWUEFS.svg")
}

.fi-ag.fis {
    background-image: url("./media/ag-4TWHSYGO.svg")
}

.fi-ai {
    background-image: url("./media/ai-FINFSMYB.svg")
}

.fi-ai.fis {
    background-image: url("./media/ai-USZU7BF3.svg")
}

.fi-al {
    background-image: url("./media/al-LX4JVSFF.svg")
}

.fi-al.fis {
    background-image: url("./media/al-JAZ3J42J.svg")
}

.fi-am {
    background-image: url("./media/am-P5ZIE6XV.svg")
}

.fi-am.fis {
    background-image: url("./media/am-GSESEJM5.svg")
}

.fi-ao {
    background-image: url("./media/ao-UT6SIN5N.svg")
}

.fi-ao.fis {
    background-image: url("./media/ao-3RQCMZL6.svg")
}

.fi-aq {
    background-image: url("./media/aq-ZYPY4U2R.svg")
}

.fi-aq.fis {
    background-image: url("./media/aq-6LPVLOJ5.svg")
}

.fi-ar {
    background-image: url("./media/ar-ZLGEVJ6Y.svg")
}

.fi-ar.fis {
    background-image: url("./media/ar-UR4AIIA5.svg")
}

.fi-as {
    background-image: url("./media/as-MZ2WRTMN.svg")
}

.fi-as.fis {
    background-image: url("./media/as-DMXFX2BH.svg")
}

.fi-at {
    background-image: url("./media/at-LOEZTH7U.svg")
}

.fi-at.fis {
    background-image: url("./media/at-57ZS3UEH.svg")
}

.fi-au {
    background-image: url("./media/au-G5MX3IJM.svg")
}

.fi-au.fis {
    background-image: url("./media/au-65DV5A7C.svg")
}

.fi-aw {
    background-image: url("./media/aw-77CRWWSI.svg")
}

.fi-aw.fis {
    background-image: url("./media/aw-HDZESU3O.svg")
}

.fi-ax {
    background-image: url("./media/ax-KKUASZ2E.svg")
}

.fi-ax.fis {
    background-image: url("./media/ax-74KRLXQ4.svg")
}

.fi-az {
    background-image: url("./media/az-NDX32BEU.svg")
}

.fi-az.fis {
    background-image: url("./media/az-DODTDJFK.svg")
}

.fi-ba {
    background-image: url("./media/ba-U3MTPTGM.svg")
}

.fi-ba.fis {
    background-image: url("./media/ba-662VQHCC.svg")
}

.fi-bb {
    background-image: url("./media/bb-J5IMGOVD.svg")
}

.fi-bb.fis {
    background-image: url("./media/bb-HEBFUVVN.svg")
}

.fi-bd {
    background-image: url("./media/bd-HMCXBQD3.svg")
}

.fi-bd.fis {
    background-image: url("./media/bd-3WQOALJA.svg")
}

.fi-be {
    background-image: url("./media/be-O7GM6FZX.svg")
}

.fi-be.fis {
    background-image: url("./media/be-RXMHZQOU.svg")
}

.fi-bf {
    background-image: url("./media/bf-IFOTMWPV.svg")
}

.fi-bf.fis {
    background-image: url("./media/bf-LAHWWADE.svg")
}

.fi-bg {
    background-image: url("./media/bg-E7TOOTKR.svg")
}

.fi-bg.fis {
    background-image: url("./media/bg-2XZIGVGO.svg")
}

.fi-bh {
    background-image: url("./media/bh-F7YG7A6Z.svg")
}

.fi-bh.fis {
    background-image: url("./media/bh-QSDHTEIW.svg")
}

.fi-bi {
    background-image: url("./media/bi-U2ZALGUG.svg")
}

.fi-bi.fis {
    background-image: url("./media/bi-WD3FHDHV.svg")
}

.fi-bj {
    background-image: url("./media/bj-CN25RSKN.svg")
}

.fi-bj.fis {
    background-image: url("./media/bj-CSYFBYJX.svg")
}

.fi-bl {
    background-image: url("./media/bl-BVLZS6N6.svg")
}

.fi-bl.fis {
    background-image: url("./media/bl-FQR6M52P.svg")
}

.fi-bm {
    background-image: url("./media/bm-ROEC4SDA.svg")
}

.fi-bm.fis {
    background-image: url("./media/bm-25KKVCYV.svg")
}

.fi-bn {
    background-image: url("./media/bn-BPBLCA22.svg")
}

.fi-bn.fis {
    background-image: url("./media/bn-QABO7WNI.svg")
}

.fi-bo {
    background-image: url("./media/bo-RNHKHGNJ.svg")
}

.fi-bo.fis {
    background-image: url("./media/bo-N6SXCOF2.svg")
}

.fi-bq {
    background-image: url("./media/bq-63KYFP2P.svg")
}

.fi-bq.fis {
    background-image: url("./media/bq-NCZV5VRJ.svg")
}

.fi-br {
    background-image: url("./media/br-CWXNAHSS.svg")
}

.fi-br.fis {
    background-image: url("./media/br-M6TFAL6M.svg")
}

.fi-bs {
    background-image: url("./media/bs-2C7RMWIG.svg")
}

.fi-bs.fis {
    background-image: url("./media/bs-D7DELWN7.svg")
}

.fi-bt {
    background-image: url("./media/bt-XSK7E7FD.svg")
}

.fi-bt.fis {
    background-image: url("./media/bt-VZZHF2K5.svg")
}

.fi-bv {
    background-image: url("./media/bv-3PDSPR4E.svg")
}

.fi-bv.fis {
    background-image: url("./media/bv-WN3KBQRU.svg")
}

.fi-bw {
    background-image: url("./media/bw-34ZWNZWI.svg")
}

.fi-bw.fis {
    background-image: url("./media/bw-UGYDHEK3.svg")
}

.fi-by {
    background-image: url("./media/by-3TFC4SNR.svg")
}

.fi-by.fis {
    background-image: url("./media/by-VH23K4GM.svg")
}

.fi-bz {
    background-image: url("./media/bz-THNH6I5E.svg")
}

.fi-bz.fis {
    background-image: url("./media/bz-GN4TFQ6B.svg")
}

.fi-ca {
    background-image: url("./media/ca-RFV4UZ2Q.svg")
}

.fi-ca.fis {
    background-image: url("./media/ca-WQC5DB53.svg")
}

.fi-cc {
    background-image: url("./media/cc-OVOWQDZT.svg")
}

.fi-cc.fis {
    background-image: url("./media/cc-B2YAKUFC.svg")
}

.fi-cd {
    background-image: url("./media/cd-EWAILBJX.svg")
}

.fi-cd.fis {
    background-image: url("./media/cd-775WWT4L.svg")
}

.fi-cf {
    background-image: url("./media/cf-XZ4EZSBL.svg")
}

.fi-cf.fis {
    background-image: url("./media/cf-NT7STPUR.svg")
}

.fi-cg {
    background-image: url("./media/cg-2HM4F56T.svg")
}

.fi-cg.fis {
    background-image: url("./media/cg-JMHTE5PU.svg")
}

.fi-ch {
    background-image: url("./media/ch-USJZZOGC.svg")
}

.fi-ch.fis {
    background-image: url("./media/ch-XK5AFUZJ.svg")
}

.fi-ci {
    background-image: url("./media/ci-KFEINJVJ.svg")
}

.fi-ci.fis {
    background-image: url("./media/ci-M54FCW6L.svg")
}

.fi-ck {
    background-image: url("./media/ck-ATMQHHMA.svg")
}

.fi-ck.fis {
    background-image: url("./media/ck-2Z4BDAPR.svg")
}

.fi-cl {
    background-image: url("./media/cl-Y567I43B.svg")
}

.fi-cl.fis {
    background-image: url("./media/cl-LIRBEXHU.svg")
}

.fi-cm {
    background-image: url("./media/cm-UKMPYCC7.svg")
}

.fi-cm.fis {
    background-image: url("./media/cm-6SBA3VM6.svg")
}

.fi-cn {
    background-image: url("./media/cn-P7M3XOME.svg")
}

.fi-cn.fis {
    background-image: url("./media/cn-ZNJNV4IL.svg")
}

.fi-co {
    background-image: url("./media/co-NN4OA66V.svg")
}

.fi-co.fis {
    background-image: url("./media/co-O2ECSUVX.svg")
}

.fi-cr {
    background-image: url("./media/cr-ZQEISEUX.svg")
}

.fi-cr.fis {
    background-image: url("./media/cr-DMRHIMC5.svg")
}

.fi-cu {
    background-image: url("./media/cu-IFDVQOOF.svg")
}

.fi-cu.fis {
    background-image: url("./media/cu-VWPEGJ3Z.svg")
}

.fi-cv {
    background-image: url("./media/cv-RMXBYFLP.svg")
}

.fi-cv.fis {
    background-image: url("./media/cv-KJX5SGW5.svg")
}

.fi-cw {
    background-image: url("./media/cw-SO4F3P5A.svg")
}

.fi-cw.fis {
    background-image: url("./media/cw-AJKHVX6T.svg")
}

.fi-cx {
    background-image: url("./media/cx-7UVFV3VV.svg")
}

.fi-cx.fis {
    background-image: url("./media/cx-APLODOQF.svg")
}

.fi-cy {
    background-image: url("./media/cy-OJEUQTEX.svg")
}

.fi-cy.fis {
    background-image: url("./media/cy-ECUXNRZO.svg")
}

.fi-cz {
    background-image: url("./media/cz-PSDLWGGB.svg")
}

.fi-cz.fis {
    background-image: url("./media/cz-QNKUAFG6.svg")
}

.fi-de {
    background-image: url("./media/de-MZUAL5O7.svg")
}

.fi-de.fis {
    background-image: url("./media/de-OZB4IZTT.svg")
}

.fi-dj {
    background-image: url("./media/dj-7WZCZM6N.svg")
}

.fi-dj.fis {
    background-image: url("./media/dj-LE4POCSP.svg")
}

.fi-dk {
    background-image: url("./media/dk-JMBRHM34.svg")
}

.fi-dk.fis {
    background-image: url("./media/dk-RGBW7M2U.svg")
}

.fi-dm {
    background-image: url("./media/dm-YMQF4KNF.svg")
}

.fi-dm.fis {
    background-image: url("./media/dm-XZS4XU7P.svg")
}

.fi-do {
    background-image: url("./media/do-6OGPB4QJ.svg")
}

.fi-do.fis {
    background-image: url("./media/do-LKWX6PXF.svg")
}

.fi-dz {
    background-image: url("./media/dz-5TGC2F6O.svg")
}

.fi-dz.fis {
    background-image: url("./media/dz-JVBE53J2.svg")
}

.fi-ec {
    background-image: url("./media/ec-7Z2J7NDS.svg")
}

.fi-ec.fis {
    background-image: url("./media/ec-YQIK2NB2.svg")
}

.fi-ee {
    background-image: url("./media/ee-K3ODV3VK.svg")
}

.fi-ee.fis {
    background-image: url("./media/ee-QZX5D2O5.svg")
}

.fi-eg {
    background-image: url("./media/eg-CHJQCVER.svg")
}

.fi-eg.fis {
    background-image: url("./media/eg-IQKBBR56.svg")
}

.fi-eh {
    background-image: url("./media/eh-RQWWFEAA.svg")
}

.fi-eh.fis {
    background-image: url("./media/eh-7NPZFSBW.svg")
}

.fi-er {
    background-image: url("./media/er-KIRTBRZF.svg")
}

.fi-er.fis {
    background-image: url("./media/er-3WONC2FU.svg")
}

.fi-es {
    background-image: url("./media/es-XL6IYORA.svg")
}

.fi-es.fis {
    background-image: url("./media/es-I5NUSWQT.svg")
}

.fi-et {
    background-image: url("./media/et-EWIPOR6K.svg")
}

.fi-et.fis {
    background-image: url("./media/et-QMP3OGKR.svg")
}

.fi-fi {
    background-image: url("./media/fi-S5EH7BG6.svg")
}

.fi-fi.fis {
    background-image: url("./media/fi-E3JGQ7PL.svg")
}

.fi-fj {
    background-image: url("./media/fj-FHELGWKE.svg")
}

.fi-fj.fis {
    background-image: url("./media/fj-L6WL7UKN.svg")
}

.fi-fk {
    background-image: url("./media/fk-S736C4OS.svg")
}

.fi-fk.fis {
    background-image: url("./media/fk-ONYSBEWX.svg")
}

.fi-fm {
    background-image: url("./media/fm-MJGAIAPB.svg")
}

.fi-fm.fis {
    background-image: url("./media/fm-T5U4ITOY.svg")
}

.fi-fo {
    background-image: url("./media/fo-M4LV5KMN.svg")
}

.fi-fo.fis {
    background-image: url("./media/fo-4IJHBALY.svg")
}

.fi-fr {
    background-image: url("./media/fr-6U4A3EWN.svg")
}

.fi-fr.fis {
    background-image: url("./media/fr-TMQYSRPC.svg")
}

.fi-ga {
    background-image: url("./media/ga-YVFEOFTR.svg")
}

.fi-ga.fis {
    background-image: url("./media/ga-5UURDNUX.svg")
}

.fi-gb {
    background-image: url("./media/gb-UUF3TOPS.svg")
}

.fi-gb.fis {
    background-image: url("./media/gb-QRYEKRSV.svg")
}

.fi-gd {
    background-image: url("./media/gd-4BNJI5VY.svg")
}

.fi-gd.fis {
    background-image: url("./media/gd-CSSVRXT2.svg")
}

.fi-ge {
    background-image: url("./media/ge-5I22MBRW.svg")
}

.fi-ge.fis {
    background-image: url("./media/ge-LAAYSAQO.svg")
}

.fi-gf {
    background-image: url("./media/gf-GQZN5HJ5.svg")
}

.fi-gf.fis {
    background-image: url("./media/gf-5PJTSXDP.svg")
}

.fi-gg {
    background-image: url("./media/gg-FIL6D5PB.svg")
}

.fi-gg.fis {
    background-image: url("./media/gg-EAZW2EKW.svg")
}

.fi-gh {
    background-image: url("./media/gh-YF6PQ6FW.svg")
}

.fi-gh.fis {
    background-image: url("./media/gh-ISFQEUNF.svg")
}

.fi-gi {
    background-image: url("./media/gi-DN7STW4R.svg")
}

.fi-gi.fis {
    background-image: url("./media/gi-EOG4XJCI.svg")
}

.fi-gl {
    background-image: url("./media/gl-PA2YIJP7.svg")
}

.fi-gl.fis {
    background-image: url("./media/gl-KRCL3NCK.svg")
}

.fi-gm {
    background-image: url("./media/gm-5WF3VK63.svg")
}

.fi-gm.fis {
    background-image: url("./media/gm-7HY34KI6.svg")
}

.fi-gn {
    background-image: url("./media/gn-MSN2M353.svg")
}

.fi-gn.fis {
    background-image: url("./media/gn-6GDXA6D7.svg")
}

.fi-gp {
    background-image: url("./media/gp-XPVJBMQZ.svg")
}

.fi-gp.fis {
    background-image: url("./media/gp-N7HRXPRG.svg")
}

.fi-gq {
    background-image: url("./media/gq-YVZPM5OI.svg")
}

.fi-gq.fis {
    background-image: url("./media/gq-YYJI24Q2.svg")
}

.fi-gr {
    background-image: url("./media/gr-YRG5TXUI.svg")
}

.fi-gr.fis {
    background-image: url("./media/gr-WKNXHTGC.svg")
}

.fi-gs {
    background-image: url("./media/gs-ZZKRUSDH.svg")
}

.fi-gs.fis {
    background-image: url("./media/gs-3FHNGXD4.svg")
}

.fi-gt {
    background-image: url("./media/gt-HPEQTUVU.svg")
}

.fi-gt.fis {
    background-image: url("./media/gt-BU6OGKAA.svg")
}

.fi-gu {
    background-image: url("./media/gu-WAZ6PJUI.svg")
}

.fi-gu.fis {
    background-image: url("./media/gu-5GFPBJ2H.svg")
}

.fi-gw {
    background-image: url("./media/gw-5JOHOM4A.svg")
}

.fi-gw.fis {
    background-image: url("./media/gw-MOUWXICS.svg")
}

.fi-gy {
    background-image: url("./media/gy-USKJNYER.svg")
}

.fi-gy.fis {
    background-image: url("./media/gy-636EOCYC.svg")
}

.fi-hk {
    background-image: url("./media/hk-7PG6PZYV.svg")
}

.fi-hk.fis {
    background-image: url("./media/hk-3TQIFL4W.svg")
}

.fi-hm {
    background-image: url("./media/hm-QK556LBN.svg")
}

.fi-hm.fis {
    background-image: url("./media/hm-LPWLC72J.svg")
}

.fi-hn {
    background-image: url("./media/hn-E5B7VZX4.svg")
}

.fi-hn.fis {
    background-image: url("./media/hn-ATO4TSJZ.svg")
}

.fi-hr {
    background-image: url("./media/hr-7ZS4VLU6.svg")
}

.fi-hr.fis {
    background-image: url("./media/hr-D46ZXJXM.svg")
}

.fi-ht {
    background-image: url("./media/ht-GZSLNB5I.svg")
}

.fi-ht.fis {
    background-image: url("./media/ht-NW44FXKU.svg")
}

.fi-hu {
    background-image: url("./media/hu-C3DDGX7P.svg")
}

.fi-hu.fis {
    background-image: url("./media/hu-3ULY6T2N.svg")
}

.fi-id {
    background-image: url("./media/id-JSWZPKEB.svg")
}

.fi-id.fis {
    background-image: url("./media/id-CT342IAA.svg")
}

.fi-ie {
    background-image: url("./media/ie-QFERZM3U.svg")
}

.fi-ie.fis {
    background-image: url("./media/ie-H76CLZVR.svg")
}

.fi-il {
    background-image: url("./media/il-QCYKQ6FR.svg")
}

.fi-il.fis {
    background-image: url("./media/il-DCNITDWQ.svg")
}

.fi-im {
    background-image: url("./media/im-GWWBFR5M.svg")
}

.fi-im.fis {
    background-image: url("./media/im-PKC5QJIE.svg")
}

.fi-in {
    background-image: url("./media/in-RFNBK4ET.svg")
}

.fi-in.fis {
    background-image: url("./media/in-2DLPX63L.svg")
}

.fi-io {
    background-image: url("./media/io-7R7OXQKY.svg")
}

.fi-io.fis {
    background-image: url("./media/io-NO27AS2A.svg")
}

.fi-iq {
    background-image: url("./media/iq-55AX5UMN.svg")
}

.fi-iq.fis {
    background-image: url("./media/iq-S6LS2NUN.svg")
}

.fi-ir {
    background-image: url("./media/ir-QAP3XBD4.svg")
}

.fi-ir.fis {
    background-image: url("./media/ir-WC3H5SOH.svg")
}

.fi-is {
    background-image: url("./media/is-3ECY77QF.svg")
}

.fi-is.fis {
    background-image: url("./media/is-IKJDNY7W.svg")
}

.fi-it {
    background-image: url("./media/it-SGJZRZTG.svg")
}

.fi-it.fis {
    background-image: url("./media/it-UM7O24C7.svg")
}

.fi-je {
    background-image: url("./media/je-BPIGDPOB.svg")
}

.fi-je.fis {
    background-image: url("./media/je-32H5YKXD.svg")
}

.fi-jm {
    background-image: url("./media/jm-2KQZARJN.svg")
}

.fi-jm.fis {
    background-image: url("./media/jm-XWWLCPNS.svg")
}

.fi-jo {
    background-image: url("./media/jo-DV2T64H3.svg")
}

.fi-jo.fis {
    background-image: url("./media/jo-L4N4B7NG.svg")
}

.fi-jp {
    background-image: url("./media/jp-I2KXFJBD.svg")
}

.fi-jp.fis {
    background-image: url("./media/jp-65TZY7K2.svg")
}

.fi-ke {
    background-image: url("./media/ke-6FWLA2OA.svg")
}

.fi-ke.fis {
    background-image: url("./media/ke-S65BOELU.svg")
}

.fi-kg {
    background-image: url("./media/kg-PENWQRTV.svg")
}

.fi-kg.fis {
    background-image: url("./media/kg-UGHO2W3V.svg")
}

.fi-kh {
    background-image: url("./media/kh-CHVZUD2Q.svg")
}

.fi-kh.fis {
    background-image: url("./media/kh-4Z5KN7K4.svg")
}

.fi-ki {
    background-image: url("./media/ki-TZHFSXBP.svg")
}

.fi-ki.fis {
    background-image: url("./media/ki-FYE75PZ7.svg")
}

.fi-km {
    background-image: url("./media/km-PIG23ZAS.svg")
}

.fi-km.fis {
    background-image: url("./media/km-MRWRJE7G.svg")
}

.fi-kn {
    background-image: url("./media/kn-7U3Y5ED7.svg")
}

.fi-kn.fis {
    background-image: url("./media/kn-CCGIQR3T.svg")
}

.fi-kp {
    background-image: url("./media/kp-SEAR4W4Z.svg")
}

.fi-kp.fis {
    background-image: url("./media/kp-YJJ4ZO4H.svg")
}

.fi-kr {
    background-image: url("./media/kr-MU7S6YDV.svg")
}

.fi-kr.fis {
    background-image: url("./media/kr-W7DPZXO5.svg")
}

.fi-kw {
    background-image: url("./media/kw-625K23GU.svg")
}

.fi-kw.fis {
    background-image: url("./media/kw-7NHLMXCH.svg")
}

.fi-ky {
    background-image: url("./media/ky-2PVIGF4X.svg")
}

.fi-ky.fis {
    background-image: url("./media/ky-2CKBAUOV.svg")
}

.fi-kz {
    background-image: url("./media/kz-PZJGL7J5.svg")
}

.fi-kz.fis {
    background-image: url("./media/kz-LOZZPNYH.svg")
}

.fi-la {
    background-image: url("./media/la-EGLFW22S.svg")
}

.fi-la.fis {
    background-image: url("./media/la-UZ4XVL3O.svg")
}

.fi-lb {
    background-image: url("./media/lb-5UW5ZJWS.svg")
}

.fi-lb.fis {
    background-image: url("./media/lb-SW5QMKBD.svg")
}

.fi-lc {
    background-image: url("./media/lc-OULIXNAF.svg")
}

.fi-lc.fis {
    background-image: url("./media/lc-VMHZPRVP.svg")
}

.fi-li {
    background-image: url("./media/li-K7DIHF7V.svg")
}

.fi-li.fis {
    background-image: url("./media/li-5YTAEPKX.svg")
}

.fi-lk {
    background-image: url("./media/lk-W7CR3PX4.svg")
}

.fi-lk.fis {
    background-image: url("./media/lk-EMLG5DDX.svg")
}

.fi-lr {
    background-image: url("./media/lr-KO42VJWL.svg")
}

.fi-lr.fis {
    background-image: url("./media/lr-ETPAOBTN.svg")
}

.fi-ls {
    background-image: url("./media/ls-H76MXNPC.svg")
}

.fi-ls.fis {
    background-image: url("./media/ls-TV2LHLKM.svg")
}

.fi-lt {
    background-image: url("./media/lt-X5H273BZ.svg")
}

.fi-lt.fis {
    background-image: url("./media/lt-RSVM7DR2.svg")
}

.fi-lu {
    background-image: url("./media/lu-Q3PHAGF2.svg")
}

.fi-lu.fis {
    background-image: url("./media/lu-YUFF4VEK.svg")
}

.fi-lv {
    background-image: url("./media/lv-UD2OKAKZ.svg")
}

.fi-lv.fis {
    background-image: url("./media/lv-JFY5ZN55.svg")
}

.fi-ly {
    background-image: url("./media/ly-OZ6WDQ73.svg")
}

.fi-ly.fis {
    background-image: url("./media/ly-WFLGLZ3G.svg")
}

.fi-ma {
    background-image: url("./media/ma-VSPIMR33.svg")
}

.fi-ma.fis {
    background-image: url("./media/ma-AELGTMLU.svg")
}

.fi-mc {
    background-image: url("./media/mc-IV2TK64Y.svg")
}

.fi-mc.fis {
    background-image: url("./media/mc-RWDN7GBP.svg")
}

.fi-md {
    background-image: url("./media/md-3OSMP7CU.svg")
}

.fi-md.fis {
    background-image: url("./media/md-DLAQKR3G.svg")
}

.fi-me {
    background-image: url("./media/me-LCWMQKCK.svg")
}

.fi-me.fis {
    background-image: url("./media/me-PQSW253U.svg")
}

.fi-mf {
    background-image: url("./media/mf-5RTEBV3V.svg")
}

.fi-mf.fis {
    background-image: url("./media/mf-XQEUTB33.svg")
}

.fi-mg {
    background-image: url("./media/mg-7XGP7WEH.svg")
}

.fi-mg.fis {
    background-image: url("./media/mg-JB33C2RL.svg")
}

.fi-mh {
    background-image: url("./media/mh-FZUUKPYM.svg")
}

.fi-mh.fis {
    background-image: url("./media/mh-QQZSE2EP.svg")
}

.fi-mk {
    background-image: url("./media/mk-4CGYETXE.svg")
}

.fi-mk.fis {
    background-image: url("./media/mk-F2FINWYG.svg")
}

.fi-ml {
    background-image: url("./media/ml-REJ3NIH6.svg")
}

.fi-ml.fis {
    background-image: url("./media/ml-XJ6OQGYU.svg")
}

.fi-mm {
    background-image: url("./media/mm-RDY24G3G.svg")
}

.fi-mm.fis {
    background-image: url("./media/mm-LCHQEOG3.svg")
}

.fi-mn {
    background-image: url("./media/mn-GZPVWGU7.svg")
}

.fi-mn.fis {
    background-image: url("./media/mn-W7QXSVY7.svg")
}

.fi-mo {
    background-image: url("./media/mo-LQF6KQBW.svg")
}

.fi-mo.fis {
    background-image: url("./media/mo-E2DHXYUL.svg")
}

.fi-mp {
    background-image: url("./media/mp-7OKXFG5J.svg")
}

.fi-mp.fis {
    background-image: url("./media/mp-RBBNB2UM.svg")
}

.fi-mq {
    background-image: url("./media/mq-KUXVEPE7.svg")
}

.fi-mq.fis {
    background-image: url("./media/mq-76GWDJXU.svg")
}

.fi-mr {
    background-image: url("./media/mr-WHEUMQBT.svg")
}

.fi-mr.fis {
    background-image: url("./media/mr-CAVFBP2S.svg")
}

.fi-ms {
    background-image: url("./media/ms-K7K4BZXH.svg")
}

.fi-ms.fis {
    background-image: url("./media/ms-FYMVQ26Q.svg")
}

.fi-mt {
    background-image: url("./media/mt-BOJJMNF7.svg")
}

.fi-mt.fis {
    background-image: url("./media/mt-SEOBDX3A.svg")
}

.fi-mu {
    background-image: url("./media/mu-ZHDOJ3TI.svg")
}

.fi-mu.fis {
    background-image: url("./media/mu-IKV5OAGF.svg")
}

.fi-mv {
    background-image: url("./media/mv-6NYHRQLF.svg")
}

.fi-mv.fis {
    background-image: url("./media/mv-ZWMFKUNA.svg")
}

.fi-mw {
    background-image: url("./media/mw-NHPNPETS.svg")
}

.fi-mw.fis {
    background-image: url("./media/mw-MWTRGIR2.svg")
}

.fi-mx {
    background-image: url("./media/mx-MNZH5BQI.svg")
}

.fi-mx.fis {
    background-image: url("./media/mx-BK4Q5N4G.svg")
}

.fi-my {
    background-image: url("./media/my-7QKJDGWA.svg")
}

.fi-my.fis {
    background-image: url("./media/my-FTOMRUNQ.svg")
}

.fi-mz {
    background-image: url("./media/mz-7PISEGKM.svg")
}

.fi-mz.fis {
    background-image: url("./media/mz-W62XJPVA.svg")
}

.fi-na {
    background-image: url("./media/na-KS5KAAHO.svg")
}

.fi-na.fis {
    background-image: url("./media/na-UZGYZIPX.svg")
}

.fi-nc {
    background-image: url("./media/nc-7ZHOHZIE.svg")
}

.fi-nc.fis {
    background-image: url("./media/nc-KHCVQ3CA.svg")
}

.fi-ne {
    background-image: url("./media/ne-NIQVZJOH.svg")
}

.fi-ne.fis {
    background-image: url("./media/ne-3WV2VAGZ.svg")
}

.fi-nf {
    background-image: url("./media/nf-BY5TRXD6.svg")
}

.fi-nf.fis {
    background-image: url("./media/nf-IB6SVOCC.svg")
}

.fi-ng {
    background-image: url("./media/ng-5QXHJYS4.svg")
}

.fi-ng.fis {
    background-image: url("./media/ng-KJDQPHTZ.svg")
}

.fi-ni {
    background-image: url("./media/ni-6S3MXI3G.svg")
}

.fi-ni.fis {
    background-image: url("./media/ni-3G6JUL6G.svg")
}

.fi-nl {
    background-image: url("./media/nl-YSPORVIR.svg")
}

.fi-nl.fis {
    background-image: url("./media/nl-FSMODX3U.svg")
}

.fi-no {
    background-image: url("./media/no-JTVUCTCT.svg")
}

.fi-no.fis {
    background-image: url("./media/no-UUM3YD7C.svg")
}

.fi-np {
    background-image: url("./media/np-HJPOYHEB.svg")
}

.fi-np.fis {
    background-image: url("./media/np-VFDZHTRO.svg")
}

.fi-nr {
    background-image: url("./media/nr-7GG6ZEK3.svg")
}

.fi-nr.fis {
    background-image: url("./media/nr-VA5HA23D.svg")
}

.fi-nu {
    background-image: url("./media/nu-4OUEUAXX.svg")
}

.fi-nu.fis {
    background-image: url("./media/nu-VN2VZZK5.svg")
}

.fi-nz {
    background-image: url("./media/nz-CYQS4UPV.svg")
}

.fi-nz.fis {
    background-image: url("./media/nz-4KLKVJVG.svg")
}

.fi-om {
    background-image: url("./media/om-AFFY3A4O.svg")
}

.fi-om.fis {
    background-image: url("./media/om-UIDOR3ZM.svg")
}

.fi-pa {
    background-image: url("./media/pa-PC5ZUPN6.svg")
}

.fi-pa.fis {
    background-image: url("./media/pa-X3FDV5QL.svg")
}

.fi-pe {
    background-image: url("./media/pe-CMQM2GTM.svg")
}

.fi-pe.fis {
    background-image: url("./media/pe-OTUAVF3F.svg")
}

.fi-pf {
    background-image: url("./media/pf-IHUQZUIO.svg")
}

.fi-pf.fis {
    background-image: url("./media/pf-IMCFY7FY.svg")
}

.fi-pg {
    background-image: url("./media/pg-ZNRFG2YQ.svg")
}

.fi-pg.fis {
    background-image: url("./media/pg-5V4ZU7HT.svg")
}

.fi-ph {
    background-image: url("./media/ph-2IMCALLE.svg")
}

.fi-ph.fis {
    background-image: url("./media/ph-7XE723TW.svg")
}

.fi-pk {
    background-image: url("./media/pk-WUV7X2DC.svg")
}

.fi-pk.fis {
    background-image: url("./media/pk-HGQFY5FC.svg")
}

.fi-pl {
    background-image: url("./media/pl-JSSZW3KY.svg")
}

.fi-pl.fis {
    background-image: url("./media/pl-W7YEMTF5.svg")
}

.fi-pm {
    background-image: url("./media/pm-UVIIXDZR.svg")
}

.fi-pm.fis {
    background-image: url("./media/pm-NY5YOR5H.svg")
}

.fi-pn {
    background-image: url("./media/pn-FUKKELVJ.svg")
}

.fi-pn.fis {
    background-image: url("./media/pn-O6N6GEKM.svg")
}

.fi-pr {
    background-image: url("./media/pr-RHIV6URD.svg")
}

.fi-pr.fis {
    background-image: url("./media/pr-5LEJVZHH.svg")
}

.fi-ps {
    background-image: url("./media/ps-WCHRULVV.svg")
}

.fi-ps.fis {
    background-image: url("./media/ps-V25F3SNR.svg")
}

.fi-pt {
    background-image: url("./media/pt-3OJJTX7I.svg")
}

.fi-pt.fis {
    background-image: url("./media/pt-2PGGSGMG.svg")
}

.fi-pw {
    background-image: url("./media/pw-YQJZ6R4B.svg")
}

.fi-pw.fis {
    background-image: url("./media/pw-4R6NRIC7.svg")
}

.fi-py {
    background-image: url("./media/py-SOL4J62A.svg")
}

.fi-py.fis {
    background-image: url("./media/py-GXMPHVMW.svg")
}

.fi-qa {
    background-image: url("./media/qa-6547HYTX.svg")
}

.fi-qa.fis {
    background-image: url("./media/qa-PHNLGCML.svg")
}

.fi-re {
    background-image: url("./media/re-2PCPYGMW.svg")
}

.fi-re.fis {
    background-image: url("./media/re-JUMEK724.svg")
}

.fi-ro {
    background-image: url("./media/ro-YBPUPSYC.svg")
}

.fi-ro.fis {
    background-image: url("./media/ro-JCC2KRGD.svg")
}

.fi-rs {
    background-image: url("./media/rs-6BDN7NKL.svg")
}

.fi-rs.fis {
    background-image: url("./media/rs-FL52K7O4.svg")
}

.fi-ru {
    background-image: url("./media/ru-FRCHSBTM.svg")
}

.fi-ru.fis {
    background-image: url("./media/ru-T3RKIDXZ.svg")
}

.fi-rw {
    background-image: url("./media/rw-ZBPAPAP4.svg")
}

.fi-rw.fis {
    background-image: url("./media/rw-ATVPPEBH.svg")
}

.fi-sa {
    background-image: url("./media/sa-UIBTJJNU.svg")
}

.fi-sa.fis {
    background-image: url("./media/sa-DGDUALIC.svg")
}

.fi-sb {
    background-image: url("./media/sb-Z5VEZ25P.svg")
}

.fi-sb.fis {
    background-image: url("./media/sb-MOULO6LC.svg")
}

.fi-sc {
    background-image: url("./media/sc-V2MOTRIU.svg")
}

.fi-sc.fis {
    background-image: url("./media/sc-SWRDLW3S.svg")
}

.fi-sd {
    background-image: url("./media/sd-4DSZW3W3.svg")
}

.fi-sd.fis {
    background-image: url("./media/sd-ZQ44F7OI.svg")
}

.fi-se {
    background-image: url("./media/se-5RJHQXTW.svg")
}

.fi-se.fis {
    background-image: url("./media/se-NY67VEUK.svg")
}

.fi-sg {
    background-image: url("./media/sg-PLMFMQ2U.svg")
}

.fi-sg.fis {
    background-image: url("./media/sg-NR6HPXPC.svg")
}

.fi-sh {
    background-image: url("./media/sh-HLIV5IJZ.svg")
}

.fi-sh.fis {
    background-image: url("./media/sh-TJMGU47M.svg")
}

.fi-si {
    background-image: url("./media/si-ERIUG64V.svg")
}

.fi-si.fis {
    background-image: url("./media/si-PQDA3RQI.svg")
}

.fi-sj {
    background-image: url("./media/sj-EOPZSLCL.svg")
}

.fi-sj.fis {
    background-image: url("./media/sj-QYYJ3R3Y.svg")
}

.fi-sk {
    background-image: url("./media/sk-ELFBGQEC.svg")
}

.fi-sk.fis {
    background-image: url("./media/sk-IH44HMRL.svg")
}

.fi-sl {
    background-image: url("./media/sl-DE7XOWOL.svg")
}

.fi-sl.fis {
    background-image: url("./media/sl-XDRPTSE3.svg")
}

.fi-sm {
    background-image: url("./media/sm-JITZHE4P.svg")
}

.fi-sm.fis {
    background-image: url("./media/sm-3PX7X5S6.svg")
}

.fi-sn {
    background-image: url("./media/sn-KYWABXNT.svg")
}

.fi-sn.fis {
    background-image: url("./media/sn-HK436VOQ.svg")
}

.fi-so {
    background-image: url("./media/so-QH5SJVG2.svg")
}

.fi-so.fis {
    background-image: url("./media/so-SCWJTLJW.svg")
}

.fi-sr {
    background-image: url("./media/sr-HMODPFV5.svg")
}

.fi-sr.fis {
    background-image: url("./media/sr-BFJ2NIE7.svg")
}

.fi-ss {
    background-image: url("./media/ss-CYJKS5XU.svg")
}

.fi-ss.fis {
    background-image: url("./media/ss-N5S5IPGO.svg")
}

.fi-st {
    background-image: url("./media/st-4LIOQET4.svg")
}

.fi-st.fis {
    background-image: url("./media/st-ETCSW6CL.svg")
}

.fi-sv {
    background-image: url("./media/sv-A55QO3EZ.svg")
}

.fi-sv.fis {
    background-image: url("./media/sv-ZKGLPRPR.svg")
}

.fi-sx {
    background-image: url("./media/sx-J7DIDWLY.svg")
}

.fi-sx.fis {
    background-image: url("./media/sx-VS3YSJT6.svg")
}

.fi-sy {
    background-image: url("./media/sy-D4ZDMKR3.svg")
}

.fi-sy.fis {
    background-image: url("./media/sy-6RCKNZUQ.svg")
}

.fi-sz {
    background-image: url("./media/sz-ZSNOQNHB.svg")
}

.fi-sz.fis {
    background-image: url("./media/sz-MG5COQXB.svg")
}

.fi-tc {
    background-image: url("./media/tc-DVAM44GW.svg")
}

.fi-tc.fis {
    background-image: url("./media/tc-PFTC74CB.svg")
}

.fi-td {
    background-image: url("./media/td-IEJMZVM7.svg")
}

.fi-td.fis {
    background-image: url("./media/td-L4QKZRA4.svg")
}

.fi-tf {
    background-image: url("./media/tf-PSLXXLYB.svg")
}

.fi-tf.fis {
    background-image: url("./media/tf-L6UFHBZP.svg")
}

.fi-tg {
    background-image: url("./media/tg-K4K352CF.svg")
}

.fi-tg.fis {
    background-image: url("./media/tg-UGUE6RST.svg")
}

.fi-th {
    background-image: url("./media/th-WAHAQKQK.svg")
}

.fi-th.fis {
    background-image: url("./media/th-543UAZS4.svg")
}

.fi-tj {
    background-image: url("./media/tj-Z2UJEGVZ.svg")
}

.fi-tj.fis {
    background-image: url("./media/tj-CVBC574I.svg")
}

.fi-tk {
    background-image: url("./media/tk-YC7WNHF3.svg")
}

.fi-tk.fis {
    background-image: url("./media/tk-JRIL6W7E.svg")
}

.fi-tl {
    background-image: url("./media/tl-FRLMYCHK.svg")
}

.fi-tl.fis {
    background-image: url("./media/tl-RI4B3XTP.svg")
}

.fi-tm {
    background-image: url("./media/tm-YD7DXRTX.svg")
}

.fi-tm.fis {
    background-image: url("./media/tm-NKHMK24W.svg")
}

.fi-tn {
    background-image: url("./media/tn-G7EOPTWC.svg")
}

.fi-tn.fis {
    background-image: url("./media/tn-ADYDPKKU.svg")
}

.fi-to {
    background-image: url("./media/to-4IPHWATD.svg")
}

.fi-to.fis {
    background-image: url("./media/to-Y3ZWK7GO.svg")
}

.fi-tr {
    background-image: url("./media/tr-2TE5SKW5.svg")
}

.fi-tr.fis {
    background-image: url("./media/tr-BXXVVJLD.svg")
}

.fi-tt {
    background-image: url("./media/tt-4CMF6HDJ.svg")
}

.fi-tt.fis {
    background-image: url("./media/tt-NK2SRYUQ.svg")
}

.fi-tv {
    background-image: url("./media/tv-HASL2ZPX.svg")
}

.fi-tv.fis {
    background-image: url("./media/tv-NEB4WA2N.svg")
}

.fi-tw {
    background-image: url("./media/tw-OOSFQCFC.svg")
}

.fi-tw.fis {
    background-image: url("./media/tw-X2EV3JOS.svg")
}

.fi-tz {
    background-image: url("./media/tz-F7DARXBO.svg")
}

.fi-tz.fis {
    background-image: url("./media/tz-DSCJI5GW.svg")
}

.fi-ua {
    background-image: url("./media/ua-6L6MVDVK.svg")
}

.fi-ua.fis {
    background-image: url("./media/ua-DEDK3LCD.svg")
}

.fi-ug {
    background-image: url("./media/ug-SUFOZCE2.svg")
}

.fi-ug.fis {
    background-image: url("./media/ug-IR5577EN.svg")
}

.fi-um {
    background-image: url("./media/um-3TCGFAMU.svg")
}

.fi-um.fis {
    background-image: url("./media/um-HPF3LBVV.svg")
}

.fi-us {
    background-image: url("./media/us-5WPJ3T3N.svg")
}

.fi-us.fis {
    background-image: url("./media/us-OS5BPCLY.svg")
}

.fi-uy {
    background-image: url("./media/uy-SU32MXNU.svg")
}

.fi-uy.fis {
    background-image: url("./media/uy-2LGNGCBQ.svg")
}

.fi-uz {
    background-image: url("./media/uz-6LD3WNBK.svg")
}

.fi-uz.fis {
    background-image: url("./media/uz-KR6UXLJE.svg")
}

.fi-va {
    background-image: url("./media/va-QXC2RZ2A.svg")
}

.fi-va.fis {
    background-image: url("./media/va-CTPL2TKJ.svg")
}

.fi-vc {
    background-image: url("./media/vc-73265KDC.svg")
}

.fi-vc.fis {
    background-image: url("./media/vc-ENVAYUHB.svg")
}

.fi-ve {
    background-image: url("./media/ve-7QMM4EDR.svg")
}

.fi-ve.fis {
    background-image: url("./media/ve-7LNK7AU5.svg")
}

.fi-vg {
    background-image: url("./media/vg-K7EXQ2CO.svg")
}

.fi-vg.fis {
    background-image: url("./media/vg-RWRNRDF5.svg")
}

.fi-vi {
    background-image: url("./media/vi-A7WYZ7V4.svg")
}

.fi-vi.fis {
    background-image: url("./media/vi-VLVLCRRK.svg")
}

.fi-vn {
    background-image: url("./media/vn-OLY63DMY.svg")
}

.fi-vn.fis {
    background-image: url("./media/vn-QUENQA3C.svg")
}

.fi-vu {
    background-image: url("./media/vu-4BCJQIBN.svg")
}

.fi-vu.fis {
    background-image: url("./media/vu-4LYJO6DK.svg")
}

.fi-wf {
    background-image: url("./media/wf-XSUYVC54.svg")
}

.fi-wf.fis {
    background-image: url("./media/wf-64XCGZ3D.svg")
}

.fi-ws {
    background-image: url("./media/ws-PVUKQ4PE.svg")
}

.fi-ws.fis {
    background-image: url("./media/ws-P5MXR5ZW.svg")
}

.fi-ye {
    background-image: url("./media/ye-TWPEZHYT.svg")
}

.fi-ye.fis {
    background-image: url("./media/ye-R46HCZOQ.svg")
}

.fi-yt {
    background-image: url("./media/yt-ARO4LFTS.svg")
}

.fi-yt.fis {
    background-image: url("./media/yt-UUCGT7AF.svg")
}

.fi-za {
    background-image: url("./media/za-WS2IXHK7.svg")
}

.fi-za.fis {
    background-image: url("./media/za-IGVA77JN.svg")
}

.fi-zm {
    background-image: url("./media/zm-545JV347.svg")
}

.fi-zm.fis {
    background-image: url("./media/zm-LDTTV5LG.svg")
}

.fi-zw {
    background-image: url("./media/zw-RRYDNMSZ.svg")
}

.fi-zw.fis {
    background-image: url("./media/zw-IP63UKQS.svg")
}

.fi-arab {
    background-image: url("./media/arab-RH5IXO7W.svg")
}

.fi-arab.fis {
    background-image: url("./media/arab-TLX6TOYV.svg")
}

.fi-asean {
    background-image: url("./media/asean-2ARTBA3X.svg")
}

.fi-asean.fis {
    background-image: url("./media/asean-SUZZJHYO.svg")
}

.fi-cefta {
    background-image: url("./media/cefta-HR3KQ2EO.svg")
}

.fi-cefta.fis {
    background-image: url("./media/cefta-NTUUUQSZ.svg")
}

.fi-cp {
    background-image: url("./media/cp-2DVX35UB.svg")
}

.fi-cp.fis {
    background-image: url("./media/cp-6QAMTOXH.svg")
}

.fi-dg {
    background-image: url("./media/dg-FXQ2KR4X.svg")
}

.fi-dg.fis {
    background-image: url("./media/dg-KL5G7PRJ.svg")
}

.fi-eac {
    background-image: url("./media/eac-VL2ORZDN.svg")
}

.fi-eac.fis {
    background-image: url("./media/eac-QWEYMR4V.svg")
}

.fi-es-ct {
    background-image: url("./media/es-ct-LZMYMK2E.svg")
}

.fi-es-ct.fis {
    background-image: url("./media/es-ct-YZMY3BN2.svg")
}

.fi-es-ga {
    background-image: url("./media/es-ga-XC6LTBEN.svg")
}

.fi-es-ga.fis {
    background-image: url("./media/es-ga-OOFMJYLJ.svg")
}

.fi-es-pv {
    background-image: url("./media/es-pv-OXFBXZM5.svg")
}

.fi-es-pv.fis {
    background-image: url("./media/es-pv-TCDUGVHX.svg")
}

.fi-eu {
    background-image: url("./media/eu-Z34VKHYH.svg")
}

.fi-eu.fis {
    background-image: url("./media/eu-N4MK7TMC.svg")
}

.fi-gb-eng {
    background-image: url("./media/gb-eng-4H6GWTY6.svg")
}

.fi-gb-eng.fis {
    background-image: url("./media/gb-eng-KED2JQT6.svg")
}

.fi-gb-nir {
    background-image: url("./media/gb-nir-R3CUP5HV.svg")
}

.fi-gb-nir.fis {
    background-image: url("./media/gb-nir-CTREXGWQ.svg")
}

.fi-gb-sct {
    background-image: url("./media/gb-sct-CDZZA2QR.svg")
}

.fi-gb-sct.fis {
    background-image: url("./media/gb-sct-MYMPELAJ.svg")
}

.fi-gb-wls {
    background-image: url("./media/gb-wls-U35MHGIX.svg")
}

.fi-gb-wls.fis {
    background-image: url("./media/gb-wls-DTZ5TTAQ.svg")
}

.fi-ic {
    background-image: url("./media/ic-CQCOSBIQ.svg")
}

.fi-ic.fis {
    background-image: url("./media/ic-XC4APDRB.svg")
}

.fi-pc {
    background-image: url("./media/pc-TT6YEIH4.svg")
}

.fi-pc.fis {
    background-image: url("./media/pc-EX5GAM4Z.svg")
}

.fi-sh-ac {
    background-image: url("./media/sh-ac-DV56ZU3Q.svg")
}

.fi-sh-ac.fis {
    background-image: url("./media/sh-ac-ZU6UVAE2.svg")
}

.fi-sh-hl {
    background-image: url("./media/sh-hl-KPWYUCJU.svg")
}

.fi-sh-hl.fis {
    background-image: url("./media/sh-hl-DTX4EPJT.svg")
}

.fi-sh-ta {
    background-image: url("./media/sh-ta-JJDUX5BD.svg")
}

.fi-sh-ta.fis {
    background-image: url("./media/sh-ta-MIEIVEZO.svg")
}

.fi-un {
    background-image: url("./media/un-4FJRY3HK.svg")
}

.fi-un.fis {
    background-image: url("./media/un-EDOFCZR3.svg")
}

.fi-xk {
    background-image: url("./media/xk-OG2LHZML.svg")
}

.fi-xk.fis {
    background-image: url("./media/xk-5Y56LYYV.svg")
}