/* src/custom-theme.scss */
html {
--mat-app-background-color: #fafafa;
--mat-app-text-color: rgba(0, 0, 0, 0.87);
--mat-app-elevation-shadow-level-0:
0px 0px 0px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 0px rgba(0, 0, 0, 0.14),
0px 0px 0px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-1:
0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14),
0px 1px 3px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-2:
0px 3px 1px -2px rgba(0, 0, 0, 0.2),
0px 2px 2px 0px rgba(0, 0, 0, 0.14),
0px 1px 5px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-3:
0px 3px 3px -2px rgba(0, 0, 0, 0.2),
0px 3px 4px 0px rgba(0, 0, 0, 0.14),
0px 1px 8px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-4:
0px 2px 4px -1px rgba(0, 0, 0, 0.2),
0px 4px 5px 0px rgba(0, 0, 0, 0.14),
0px 1px 10px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-5:
0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 5px 8px 0px rgba(0, 0, 0, 0.14),
0px 1px 14px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-6:
0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
0px 1px 18px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-7:
0px 4px 5px -2px rgba(0, 0, 0, 0.2),
0px 7px 10px 1px rgba(0, 0, 0, 0.14),
0px 2px 16px 1px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-8:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-9:
0px 5px 6px -3px rgba(0, 0, 0, 0.2),
0px 9px 12px 1px rgba(0, 0, 0, 0.14),
0px 3px 16px 2px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-10:
0px 6px 6px -3px rgba(0, 0, 0, 0.2),
0px 10px 14px 1px rgba(0, 0, 0, 0.14),
0px 4px 18px 3px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-11:
0px 6px 7px -4px rgba(0, 0, 0, 0.2),
0px 11px 15px 1px rgba(0, 0, 0, 0.14),
0px 4px 20px 3px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-12:
0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 12px 17px 2px rgba(0, 0, 0, 0.14),
0px 5px 22px 4px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-13:
0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 13px 19px 2px rgba(0, 0, 0, 0.14),
0px 5px 24px 4px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-14:
0px 7px 9px -4px rgba(0, 0, 0, 0.2),
0px 14px 21px 2px rgba(0, 0, 0, 0.14),
0px 5px 26px 4px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-15:
0px 8px 9px -5px rgba(0, 0, 0, 0.2),
0px 15px 22px 2px rgba(0, 0, 0, 0.14),
0px 6px 28px 5px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-16:
0px 8px 10px -5px rgba(0, 0, 0, 0.2),
0px 16px 24px 2px rgba(0, 0, 0, 0.14),
0px 6px 30px 5px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-17:
0px 8px 11px -5px rgba(0, 0, 0, 0.2),
0px 17px 26px 2px rgba(0, 0, 0, 0.14),
0px 6px 32px 5px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-18:
0px 9px 11px -5px rgba(0, 0, 0, 0.2),
0px 18px 28px 2px rgba(0, 0, 0, 0.14),
0px 7px 34px 6px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-19:
0px 9px 12px -6px rgba(0, 0, 0, 0.2),
0px 19px 29px 2px rgba(0, 0, 0, 0.14),
0px 7px 36px 6px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-20:
0px 10px 13px -6px rgba(0, 0, 0, 0.2),
0px 20px 31px 3px rgba(0, 0, 0, 0.14),
0px 8px 38px 7px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-21:
0px 10px 13px -6px rgba(0, 0, 0, 0.2),
0px 21px 33px 3px rgba(0, 0, 0, 0.14),
0px 8px 40px 7px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-22:
0px 10px 14px -6px rgba(0, 0, 0, 0.2),
0px 22px 35px 3px rgba(0, 0, 0, 0.14),
0px 8px 42px 7px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-23:
0px 11px 14px -7px rgba(0, 0, 0, 0.2),
0px 23px 36px 3px rgba(0, 0, 0, 0.14),
0px 9px 44px 8px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-24:
0px 11px 15px -7px rgba(0, 0, 0, 0.2),
0px 24px 38px 3px rgba(0, 0, 0, 0.14),
0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
--mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
--mat-option-selected-state-label-text-color: #3f51b5;
--mat-option-label-text-color: rgba(0, 0, 0, 0.87);
--mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
--mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-accent {
--mat-option-selected-state-label-text-color: #ff4081;
--mat-option-label-text-color: rgba(0, 0, 0, 0.87);
--mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
--mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-warn {
--mat-option-selected-state-label-text-color: #f44336;
--mat-option-label-text-color: rgba(0, 0, 0, 0.87);
--mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
--mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
--mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
--mat-pseudo-checkbox-full-selected-icon-color: #ff4081;
--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;
--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-primary {
--mat-pseudo-checkbox-full-selected-icon-color: #3f51b5;
--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-pseudo-checkbox-minimal-selected-checkmark-color: #3f51b5;
--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-accent {
--mat-pseudo-checkbox-full-selected-icon-color: #ff4081;
--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;
--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-warn {
--mat-pseudo-checkbox-full-selected-icon-color: #f44336;
--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;
--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
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: 0.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: 0.03125em;
--mat-optgroup-label-text-weight: 400;
}
html {
--mat-card-elevated-container-shape: 4px;
--mat-card-outlined-container-shape: 4px;
--mat-card-filled-container-shape: 4px;
--mat-card-outlined-outline-width: 1px;
}
html {
--mat-card-elevated-container-color: white;
--mat-card-elevated-container-elevation:
0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14),
0px 1px 3px 0px rgba(0, 0, 0, 0.12);
--mat-card-outlined-container-color: white;
--mat-card-outlined-container-elevation:
0px 0px 0px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 0px rgba(0, 0, 0, 0.14),
0px 0px 0px 0px rgba(0, 0, 0, 0.12);
--mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12);
--mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
--mat-card-filled-container-color: white;
--mat-card-filled-container-elevation:
0px 0px 0px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 0px rgba(0, 0, 0, 0.14),
0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
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: 0.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: 0.0071428571em;
--mat-card-subtitle-text-weight: 500;
}
html {
--mat-progress-bar-active-indicator-height: 4px;
--mat-progress-bar-track-height: 4px;
--mat-progress-bar-track-shape: 0;
}
.mat-mdc-progress-bar {
--mat-progress-bar-active-indicator-color: #3f51b5;
--mat-progress-bar-track-color: rgba(63, 81, 181, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
--mat-progress-bar-active-indicator-color: #ff4081;
--mat-progress-bar-track-color: rgba(255, 64, 129, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
--mat-progress-bar-active-indicator-color: #f44336;
--mat-progress-bar-track-color: rgba(244, 67, 54, 0.25);
}
html {
--mat-tooltip-container-shape: 4px;
--mat-tooltip-supporting-text-line-height: 16px;
}
html {
--mat-tooltip-container-color: #424242;
--mat-tooltip-supporting-text-color: white;
}
html {
--mat-tooltip-supporting-text-font: Roboto, sans-serif;
--mat-tooltip-supporting-text-size: 12px;
--mat-tooltip-supporting-text-weight: 400;
--mat-tooltip-supporting-text-tracking: 0.0333333333em;
}
html {
--mat-form-field-filled-active-indicator-height: 1px;
--mat-form-field-filled-focus-active-indicator-height: 2px;
--mat-form-field-filled-container-shape: 4px;
--mat-form-field-outlined-outline-width: 1px;
--mat-form-field-outlined-focus-outline-width: 2px;
--mat-form-field-outlined-container-shape: 4px;
}
html {
--mat-form-field-focus-select-arrow-color: color-mix(in srgb, #3f51b5 87%, transparent);
--mat-form-field-filled-caret-color: #3f51b5;
--mat-form-field-filled-focus-active-indicator-color: #3f51b5;
--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #3f51b5 87%, transparent);
--mat-form-field-outlined-caret-color: #3f51b5;
--mat-form-field-outlined-focus-outline-color: #3f51b5;
--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #3f51b5 87%, transparent);
--mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-form-field-error-text-color: #f44336;
--mat-form-field-select-option-text-color: inherit;
--mat-form-field-select-disabled-option-text-color: GrayText;
--mat-form-field-leading-icon-color: unset;
--mat-form-field-disabled-leading-icon-color: unset;
--mat-form-field-trailing-icon-color: unset;
--mat-form-field-disabled-trailing-icon-color: unset;
--mat-form-field-error-focus-trailing-icon-color: unset;
--mat-form-field-error-hover-trailing-icon-color: unset;
--mat-form-field-error-trailing-icon-color: unset;
--mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
--mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-form-field-hover-state-layer-opacity: 0.04;
--mat-form-field-focus-state-layer-opacity: 0.12;
--mat-form-field-filled-container-color: #f6f6f6;
--mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
--mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
--mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
--mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
--mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
--mat-form-field-filled-error-hover-label-text-color: #f44336;
--mat-form-field-filled-error-focus-label-text-color: #f44336;
--mat-form-field-filled-error-label-text-color: #f44336;
--mat-form-field-filled-error-caret-color: #f44336;
--mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
--mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
--mat-form-field-filled-error-active-indicator-color: #f44336;
--mat-form-field-filled-error-focus-active-indicator-color: #f44336;
--mat-form-field-filled-error-hover-active-indicator-color: #f44336;
--mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
--mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
--mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
--mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
--mat-form-field-outlined-error-caret-color: #f44336;
--mat-form-field-outlined-error-focus-label-text-color: #f44336;
--mat-form-field-outlined-error-label-text-color: #f44336;
--mat-form-field-outlined-error-hover-label-text-color: #f44336;
--mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
--mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
--mat-form-field-outlined-error-focus-outline-color: #f44336;
--mat-form-field-outlined-error-hover-outline-color: #f44336;
--mat-form-field-outlined-error-outline-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
--mat-form-field-focus-select-arrow-color: color-mix(in srgb, #ff4081 87%, transparent);
--mat-form-field-filled-caret-color: #ff4081;
--mat-form-field-filled-focus-active-indicator-color: #ff4081;
--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #ff4081 87%, transparent);
--mat-form-field-outlined-caret-color: #ff4081;
--mat-form-field-outlined-focus-outline-color: #ff4081;
--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #ff4081 87%, transparent);
}
.mat-mdc-form-field.mat-warn {
--mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);
--mat-form-field-filled-caret-color: #f44336;
--mat-form-field-filled-focus-active-indicator-color: #f44336;
--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
--mat-form-field-outlined-caret-color: #f44336;
--mat-form-field-outlined-focus-outline-color: #f44336;
--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
}
html {
--mat-form-field-container-height: 56px;
--mat-form-field-filled-label-display: block;
--mat-form-field-container-vertical-padding: 16px;
--mat-form-field-filled-with-label-container-padding-top: 24px;
--mat-form-field-filled-with-label-container-padding-bottom: 8px;
}
html {
--mat-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: 0.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: 0.0333333333em;
--mat-form-field-subscript-text-weight: 400;
--mat-form-field-filled-label-text-font: Roboto, sans-serif;
--mat-form-field-filled-label-text-size: 16px;
--mat-form-field-filled-label-text-tracking: 0.03125em;
--mat-form-field-filled-label-text-weight: 400;
--mat-form-field-outlined-label-text-font: Roboto, sans-serif;
--mat-form-field-outlined-label-text-size: 16px;
--mat-form-field-outlined-label-text-tracking: 0.03125em;
--mat-form-field-outlined-label-text-weight: 400;
}
html {
--mat-select-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
--mat-select-panel-background-color: white;
--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
--mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
--mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
--mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-select-focused-arrow-color: #3f51b5;
--mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
--mat-select-panel-background-color: white;
--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
--mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
--mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
--mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-select-focused-arrow-color: #ff4081;
--mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-warn {
--mat-select-panel-background-color: white;
--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
--mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
--mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
--mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-select-focused-arrow-color: #f44336;
--mat-select-invalid-arrow-color: #f44336;
}
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: 0.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, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
--mat-autocomplete-background-color: white;
}
html {
--mat-dialog-container-shape: 4px;
--mat-dialog-container-elevation-shadow:
0px 11px 15px -7px rgba(0, 0, 0, 0.2),
0px 24px 38px 3px rgba(0, 0, 0, 0.14),
0px 9px 46px 8px rgba(0, 0, 0, 0.12);
--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 {
--mat-dialog-container-color: white;
--mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
--mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
}
html {
--mat-dialog-subhead-font: Roboto, sans-serif;
--mat-dialog-subhead-line-height: 32px;
--mat-dialog-subhead-size: 20px;
--mat-dialog-subhead-weight: 500;
--mat-dialog-subhead-tracking: 0.0125em;
--mat-dialog-supporting-text-font: Roboto, sans-serif;
--mat-dialog-supporting-text-line-height: 24px;
--mat-dialog-supporting-text-size: 16px;
--mat-dialog-supporting-text-weight: 400;
--mat-dialog-supporting-text-tracking: 0.03125em;
}
.mat-mdc-standard-chip {
--mat-chip-container-shape-radius: 16px;
--mat-chip-disabled-container-opacity: 0.4;
--mat-chip-disabled-outline-color: transparent;
--mat-chip-flat-selected-outline-width: 0;
--mat-chip-focus-outline-color: transparent;
--mat-chip-hover-state-layer-opacity: 0.04;
--mat-chip-outline-color: transparent;
--mat-chip-outline-width: 0;
--mat-chip-selected-hover-state-layer-opacity: 0.04;
--mat-chip-selected-trailing-action-state-layer-color: transparent;
--mat-chip-trailing-action-focus-opacity: 1;
--mat-chip-trailing-action-focus-state-layer-opacity: 0;
--mat-chip-trailing-action-hover-state-layer-opacity: 0;
--mat-chip-trailing-action-opacity: 0.54;
--mat-chip-trailing-action-state-layer-color: transparent;
--mat-chip-with-avatar-avatar-shape-radius: 14px;
--mat-chip-with-avatar-avatar-size: 28px;
--mat-chip-with-avatar-disabled-avatar-opacity: 1;
--mat-chip-with-icon-disabled-icon-opacity: 1;
--mat-chip-with-icon-icon-size: 18px;
--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.mat-mdc-standard-chip {
--mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
--mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-chip-focus-state-layer-opacity: 0.12;
--mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
--mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-selected-focus-state-layer-color: 0.12;
--mat-chip-selected-focus-state-layer-opacity: 0.12;
--mat-chip-selected-hover-state-layer-color: 0.04;
--mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
--mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
--mat-chip-disabled-label-text-color: white;
--mat-chip-elevated-container-color: #3f51b5;
--mat-chip-elevated-disabled-container-color: #3f51b5;
--mat-chip-elevated-selected-container-color: #3f51b5;
--mat-chip-flat-disabled-selected-container-color: #3f51b5;
--mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-chip-focus-state-layer-opacity: 0.12;
--mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-chip-label-text-color: white;
--mat-chip-selected-disabled-trailing-icon-color: white;
--mat-chip-selected-focus-state-layer-color: 0.12;
--mat-chip-selected-focus-state-layer-opacity: 0.12;
--mat-chip-selected-hover-state-layer-color: 0.04;
--mat-chip-selected-label-text-color: white;
--mat-chip-selected-trailing-icon-color: white;
--mat-chip-with-icon-disabled-icon-color: white;
--mat-chip-with-icon-icon-color: white;
--mat-chip-with-icon-selected-icon-color: white;
--mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
--mat-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-disabled-label-text-color: white;
--mat-chip-elevated-container-color: #ff4081;
--mat-chip-elevated-disabled-container-color: #ff4081;
--mat-chip-elevated-selected-container-color: #ff4081;
--mat-chip-flat-disabled-selected-container-color: #ff4081;
--mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-chip-focus-state-layer-opacity: 0.12;
--mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-chip-label-text-color: white;
--mat-chip-selected-disabled-trailing-icon-color: white;
--mat-chip-selected-focus-state-layer-color: 0.12;
--mat-chip-selected-focus-state-layer-opacity: 0.12;
--mat-chip-selected-hover-state-layer-color: 0.04;
--mat-chip-selected-label-text-color: white;
--mat-chip-selected-trailing-icon-color: white;
--mat-chip-with-icon-disabled-icon-color: white;
--mat-chip-with-icon-icon-color: white;
--mat-chip-with-icon-selected-icon-color: white;
--mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
--mat-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-disabled-label-text-color: white;
--mat-chip-elevated-container-color: #f44336;
--mat-chip-elevated-disabled-container-color: #f44336;
--mat-chip-elevated-selected-container-color: #f44336;
--mat-chip-flat-disabled-selected-container-color: #f44336;
--mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-chip-focus-state-layer-opacity: 0.12;
--mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-chip-label-text-color: white;
--mat-chip-selected-disabled-trailing-icon-color: white;
--mat-chip-selected-focus-state-layer-color: 0.12;
--mat-chip-selected-focus-state-layer-opacity: 0.12;
--mat-chip-selected-hover-state-layer-color: 0.04;
--mat-chip-selected-label-text-color: white;
--mat-chip-selected-trailing-icon-color: white;
--mat-chip-with-icon-disabled-icon-color: white;
--mat-chip-with-icon-icon-color: white;
--mat-chip-with-icon-selected-icon-color: white;
--mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
--mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
--mat-chip-container-height: 32px;
}
.mat-mdc-standard-chip {
--mat-chip-label-text-font: Roboto, sans-serif;
--mat-chip-label-text-line-height: 20px;
--mat-chip-label-text-size: 14px;
--mat-chip-label-text-tracking: 0.0178571429em;
--mat-chip-label-text-weight: 400;
}
html {
--mat-slide-toggle-disabled-handle-opacity: 0.38;
--mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
--mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
--mat-slide-toggle-disabled-track-opacity: 0.12;
--mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
--mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
--mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
--mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
--mat-slide-toggle-handle-height: 20px;
--mat-slide-toggle-handle-shape: 10px;
--mat-slide-toggle-handle-width: 20px;
--mat-slide-toggle-hidden-track-opacity: 1;
--mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
--mat-slide-toggle-pressed-handle-size: 20px;
--mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
--mat-slide-toggle-selected-handle-horizontal-margin: 0;
--mat-slide-toggle-selected-handle-size: 20px;
--mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
--mat-slide-toggle-selected-icon-size: 18px;
--mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
--mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
--mat-slide-toggle-selected-track-outline-color: transparent;
--mat-slide-toggle-selected-track-outline-width: 1px;
--mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
--mat-slide-toggle-track-height: 14px;
--mat-slide-toggle-track-outline-color: transparent;
--mat-slide-toggle-track-outline-width: 1px;
--mat-slide-toggle-track-shape: 7px;
--mat-slide-toggle-track-width: 36px;
--mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
--mat-slide-toggle-unselected-handle-horizontal-margin: 0;
--mat-slide-toggle-unselected-handle-size: 20px;
--mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
--mat-slide-toggle-unselected-icon-size: 18px;
--mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
--mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
--mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
--mat-slide-toggle-visible-track-opacity: 1;
--mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
--mat-slide-toggle-with-icon-handle-size: 20px;
--mat-slide-toggle-touch-target-size: 48px;
}
html {
--mat-slide-toggle-selected-icon-color: white;
--mat-slide-toggle-disabled-selected-icon-color: white;
--mat-slide-toggle-selected-focus-state-layer-color: #3f51b5;
--mat-slide-toggle-selected-handle-color: #3f51b5;
--mat-slide-toggle-selected-hover-state-layer-color: #3f51b5;
--mat-slide-toggle-selected-pressed-state-layer-color: #3f51b5;
--mat-slide-toggle-selected-focus-handle-color: #3f51b5;
--mat-slide-toggle-selected-hover-handle-color: #3f51b5;
--mat-slide-toggle-selected-pressed-handle-color: #3f51b5;
--mat-slide-toggle-selected-focus-track-color: #7986cb;
--mat-slide-toggle-selected-hover-track-color: #7986cb;
--mat-slide-toggle-selected-pressed-track-color: #7986cb;
--mat-slide-toggle-selected-track-color: #7986cb;
--mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-slide-toggle-disabled-handle-elevation-shadow:
0px 0px 0px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 0px rgba(0, 0, 0, 0.14),
0px 0px 0px 0px rgba(0, 0, 0, 0.12);
--mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
--mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-handle-elevation-shadow:
0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14),
0px 1px 3px 0px rgba(0, 0, 0, 0.12);
--mat-slide-toggle-handle-surface-color: white;
--mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-unselected-hover-handle-color: #424242;
--mat-slide-toggle-unselected-focus-handle-color: #424242;
--mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
--mat-slide-toggle-unselected-icon-color: #f6f6f6;
--mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
--mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
--mat-slide-toggle-unselected-pressed-handle-color: #424242;
--mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
--mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-slide-toggle.mat-accent {
--mat-slide-toggle-selected-icon-color: white;
--mat-slide-toggle-disabled-selected-icon-color: white;
--mat-slide-toggle-selected-focus-state-layer-color: #ff4081;
--mat-slide-toggle-selected-handle-color: #ff4081;
--mat-slide-toggle-selected-hover-state-layer-color: #ff4081;
--mat-slide-toggle-selected-pressed-state-layer-color: #ff4081;
--mat-slide-toggle-selected-focus-handle-color: #ff4081;
--mat-slide-toggle-selected-hover-handle-color: #ff4081;
--mat-slide-toggle-selected-pressed-handle-color: #ff4081;
--mat-slide-toggle-selected-focus-track-color: #f06292;
--mat-slide-toggle-selected-hover-track-color: #f06292;
--mat-slide-toggle-selected-pressed-track-color: #f06292;
--mat-slide-toggle-selected-track-color: #f06292;
}
.mat-mdc-slide-toggle.mat-warn {
--mat-slide-toggle-selected-icon-color: white;
--mat-slide-toggle-disabled-selected-icon-color: white;
--mat-slide-toggle-selected-focus-state-layer-color: #f44336;
--mat-slide-toggle-selected-handle-color: #f44336;
--mat-slide-toggle-selected-hover-state-layer-color: #f44336;
--mat-slide-toggle-selected-pressed-state-layer-color: #f44336;
--mat-slide-toggle-selected-focus-handle-color: #f44336;
--mat-slide-toggle-selected-hover-handle-color: #f44336;
--mat-slide-toggle-selected-pressed-handle-color: #f44336;
--mat-slide-toggle-selected-focus-track-color: #e57373;
--mat-slide-toggle-selected-hover-track-color: #e57373;
--mat-slide-toggle-selected-pressed-track-color: #e57373;
--mat-slide-toggle-selected-track-color: #e57373;
}
html {
--mat-slide-toggle-state-layer-size: 40px;
--mat-slide-toggle-touch-target-display: block;
}
html {
--mat-slide-toggle-label-text-font: Roboto, sans-serif;
--mat-slide-toggle-label-text-line-height: 20px;
--mat-slide-toggle-label-text-size: 14px;
--mat-slide-toggle-label-text-tracking: 0.0178571429em;
--mat-slide-toggle-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
--mat-slide-toggle-label-text-font: Roboto, sans-serif;
--mat-slide-toggle-label-text-line-height: 20px;
--mat-slide-toggle-label-text-size: 14px;
--mat-slide-toggle-label-text-tracking: 0.0178571429em;
--mat-slide-toggle-label-text-weight: 400;
}
html {
--mat-radio-disabled-selected-icon-opacity: 0.38;
--mat-radio-disabled-unselected-icon-opacity: 0.38;
--mat-radio-state-layer-size: 40px;
--mat-radio-touch-target-size: 48px;
}
.mat-mdc-radio-button.mat-primary {
--mat-radio-checked-ripple-color: #3f51b5;
--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
--mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
--mat-radio-selected-focus-icon-color: #3f51b5;
--mat-radio-selected-hover-icon-color: #3f51b5;
--mat-radio-selected-icon-color: #3f51b5;
--mat-radio-selected-pressed-icon-color: #3f51b5;
--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
--mat-radio-checked-ripple-color: #ff4081;
--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
--mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
--mat-radio-selected-focus-icon-color: #ff4081;
--mat-radio-selected-hover-icon-color: #ff4081;
--mat-radio-selected-icon-color: #ff4081;
--mat-radio-selected-pressed-icon-color: #ff4081;
--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
--mat-radio-checked-ripple-color: #f44336;
--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
--mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
--mat-radio-selected-focus-icon-color: #f44336;
--mat-radio-selected-hover-icon-color: #f44336;
--mat-radio-selected-icon-color: #f44336;
--mat-radio-selected-pressed-icon-color: #f44336;
--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
html {
--mat-radio-state-layer-size: 40px;
--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: 0.0178571429em;
--mat-radio-label-text-weight: 400;
}
html {
--mat-slider-active-track-height: 6px;
--mat-slider-active-track-shape: 9999px;
--mat-slider-handle-elevation:
0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14),
0px 1px 3px 0px rgba(0, 0, 0, 0.12);
--mat-slider-handle-height: 20px;
--mat-slider-handle-shape: 50%;
--mat-slider-handle-width: 20px;
--mat-slider-inactive-track-height: 4px;
--mat-slider-inactive-track-shape: 9999px;
--mat-slider-value-indicator-border-radius: 4px;
--mat-slider-value-indicator-caret-display: block;
--mat-slider-value-indicator-container-transform: translateX(-50%);
--mat-slider-value-indicator-height: 32px;
--mat-slider-value-indicator-padding: 0 12px;
--mat-slider-value-indicator-text-transform: none;
--mat-slider-value-indicator-width: auto;
--mat-slider-with-overlap-handle-outline-width: 1px;
--mat-slider-with-tick-marks-active-container-opacity: 0.6;
--mat-slider-with-tick-marks-container-shape: 50%;
--mat-slider-with-tick-marks-container-size: 2px;
--mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
}
html {
--mat-slider-active-track-color: #3f51b5;
--mat-slider-focus-handle-color: #3f51b5;
--mat-slider-handle-color: #3f51b5;
--mat-slider-hover-handle-color: #3f51b5;
--mat-slider-focus-state-layer-color: color-mix(in srgb, #3f51b5 12%, transparent);
--mat-slider-hover-state-layer-color: color-mix(in srgb, #3f51b5 4%, transparent);
--mat-slider-inactive-track-color: #3f51b5;
--mat-slider-ripple-color: #3f51b5;
--mat-slider-with-tick-marks-active-container-color: white;
--mat-slider-with-tick-marks-inactive-container-color: #3f51b5;
--mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
--mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
--mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
--mat-slider-label-container-color: #424242;
--mat-slider-label-label-text-color: white;
--mat-slider-value-indicator-opacity: 1;
--mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
--mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}
.mat-accent {
--mat-slider-active-track-color: #ff4081;
--mat-slider-focus-handle-color: #ff4081;
--mat-slider-handle-color: #ff4081;
--mat-slider-hover-handle-color: #ff4081;
--mat-slider-focus-state-layer-color: color-mix(in srgb, #ff4081 12%, transparent);
--mat-slider-hover-state-layer-color: color-mix(in srgb, #ff4081 4%, transparent);
--mat-slider-inactive-track-color: #ff4081;
--mat-slider-ripple-color: #ff4081;
--mat-slider-with-tick-marks-active-container-color: white;
--mat-slider-with-tick-marks-inactive-container-color: #ff4081;
}
.mat-warn {
--mat-slider-active-track-color: #f44336;
--mat-slider-focus-handle-color: #f44336;
--mat-slider-handle-color: #f44336;
--mat-slider-hover-handle-color: #f44336;
--mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);
--mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);
--mat-slider-inactive-track-color: #f44336;
--mat-slider-ripple-color: #f44336;
--mat-slider-with-tick-marks-active-container-color: white;
--mat-slider-with-tick-marks-inactive-container-color: #f44336;
}
html {
--mat-slider-label-label-text-font: Roboto, sans-serif;
--mat-slider-label-label-text-size: 14px;
--mat-slider-label-label-text-line-height: 22px;
--mat-slider-label-label-text-tracking: 0.0071428571em;
--mat-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, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
--mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
--mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
--mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
--mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-menu-container-color: white;
--mat-menu-divider-color: rgba(0, 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: 0.03125em;
--mat-menu-item-label-text-line-height: 24px;
--mat-menu-item-label-text-weight: 400;
}
html {
--mat-list-active-indicator-color: transparent;
--mat-list-active-indicator-shape: 4px;
--mat-list-list-item-container-shape: 0;
--mat-list-list-item-leading-avatar-shape: 50%;
--mat-list-list-item-container-color: transparent;
--mat-list-list-item-selected-container-color: transparent;
--mat-list-list-item-leading-avatar-color: transparent;
--mat-list-list-item-leading-icon-size: 24px;
--mat-list-list-item-leading-avatar-size: 40px;
--mat-list-list-item-trailing-icon-size: 24px;
--mat-list-list-item-disabled-state-layer-color: transparent;
--mat-list-list-item-disabled-state-layer-opacity: 0;
--mat-list-list-item-disabled-label-text-opacity: 0.38;
--mat-list-list-item-disabled-leading-icon-opacity: 0.38;
--mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
--mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
--mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
--mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
--mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
--mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
--mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
--mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
--mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
--mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
--mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
--mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
--mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-list-list-item-hover-state-layer-opacity: 0.04;
--mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
--mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
--mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
--mat-radio-checked-ripple-color: #3f51b5;
--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
--mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
--mat-radio-selected-focus-icon-color: #3f51b5;
--mat-radio-selected-hover-icon-color: #3f51b5;
--mat-radio-selected-icon-color: #3f51b5;
--mat-radio-selected-pressed-icon-color: #3f51b5;
--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
--mat-radio-checked-ripple-color: #ff4081;
--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
--mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
--mat-radio-selected-focus-icon-color: #ff4081;
--mat-radio-selected-hover-icon-color: #ff4081;
--mat-radio-selected-icon-color: #ff4081;
--mat-radio-selected-pressed-icon-color: #ff4081;
--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
--mat-radio-checked-ripple-color: #f44336;
--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
--mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
--mat-radio-selected-focus-icon-color: #f44336;
--mat-radio-selected-hover-icon-color: #f44336;
--mat-radio-selected-icon-color: #f44336;
--mat-radio-selected-pressed-icon-color: #f44336;
--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option {
--mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-selected-checkmark-color: white;
--mat-checkbox-selected-focus-icon-color: #3f51b5;
--mat-checkbox-selected-hover-icon-color: #3f51b5;
--mat-checkbox-selected-icon-color: #3f51b5;
--mat-checkbox-selected-pressed-icon-color: #3f51b5;
--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-checkbox-selected-focus-state-layer-color: #3f51b5;
--mat-checkbox-selected-hover-state-layer-color: #3f51b5;
--mat-checkbox-selected-pressed-state-layer-color: #3f51b5;
--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-accent {
--mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-selected-checkmark-color: white;
--mat-checkbox-selected-focus-icon-color: #ff4081;
--mat-checkbox-selected-hover-icon-color: #ff4081;
--mat-checkbox-selected-icon-color: #ff4081;
--mat-checkbox-selected-pressed-icon-color: #ff4081;
--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-checkbox-selected-focus-state-layer-color: #ff4081;
--mat-checkbox-selected-hover-state-layer-color: #ff4081;
--mat-checkbox-selected-pressed-state-layer-color: #ff4081;
--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-warn {
--mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-selected-checkmark-color: white;
--mat-checkbox-selected-focus-icon-color: #f44336;
--mat-checkbox-selected-hover-icon-color: #f44336;
--mat-checkbox-selected-icon-color: #f44336;
--mat-checkbox-selected-pressed-icon-color: #f44336;
--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-checkbox-selected-focus-state-layer-color: #f44336;
--mat-checkbox-selected-hover-state-layer-color: #f44336;
--mat-checkbox-selected-pressed-state-layer-color: #f44336;
--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.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 {
--mat-list-list-item-leading-icon-start-space: 16px;
--mat-list-list-item-leading-icon-end-space: 32px;
--mat-list-list-item-one-line-container-height: 48px;
--mat-list-list-item-two-line-container-height: 64px;
--mat-list-list-item-three-line-container-height: 88px;
}
.mdc-list-item__start,
.mdc-list-item__end {
--mat-radio-state-layer-size: 40px;
--mat-radio-touch-target-display: block;
}
.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 {
--mat-list-list-item-label-text-font: Roboto, sans-serif;
--mat-list-list-item-label-text-line-height: 24px;
--mat-list-list-item-label-text-size: 16px;
--mat-list-list-item-label-text-tracking: 0.03125em;
--mat-list-list-item-label-text-weight: 400;
--mat-list-list-item-supporting-text-font: Roboto, sans-serif;
--mat-list-list-item-supporting-text-line-height: 20px;
--mat-list-list-item-supporting-text-size: 14px;
--mat-list-list-item-supporting-text-tracking: 0.0178571429em;
--mat-list-list-item-supporting-text-weight: 400;
--mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
--mat-list-list-item-trailing-supporting-text-line-height: 20px;
--mat-list-list-item-trailing-supporting-text-size: 12px;
--mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
--mat-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
font: 400 16px / 28px Roboto, sans-serif;
letter-spacing: 0.009375em;
}
html {
--mat-paginator-page-size-select-width: 84px;
--mat-paginator-page-size-select-touch-target-height: 48px;
}
html {
--mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
--mat-paginator-container-background-color: white;
--mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
--mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
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: 0.0333333333em;
--mat-paginator-container-text-weight: 400;
--mat-paginator-select-trigger-text-size: 12px;
}
html {
--mat-tab-container-height: 48px;
--mat-tab-divider-color: transparent;
--mat-tab-divider-height: 0;
--mat-tab-active-indicator-height: 2px;
--mat-tab-active-indicator-shape: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
--mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
--mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
--mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-active-label-text-color: #3f51b5;
--mat-tab-active-ripple-color: #3f51b5;
--mat-tab-inactive-ripple-color: #3f51b5;
--mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-active-focus-label-text-color: #3f51b5;
--mat-tab-active-hover-label-text-color: #3f51b5;
--mat-tab-active-focus-indicator-color: #3f51b5;
--mat-tab-active-hover-indicator-color: #3f51b5;
--mat-tab-active-indicator-color: #3f51b5;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
--mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
--mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
--mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-active-label-text-color: #ff4081;
--mat-tab-active-ripple-color: #ff4081;
--mat-tab-inactive-ripple-color: #ff4081;
--mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-active-focus-label-text-color: #ff4081;
--mat-tab-active-hover-label-text-color: #ff4081;
--mat-tab-active-focus-indicator-color: #ff4081;
--mat-tab-active-hover-indicator-color: #ff4081;
--mat-tab-active-indicator-color: #ff4081;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
--mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
--mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
--mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-active-label-text-color: #f44336;
--mat-tab-active-ripple-color: #f44336;
--mat-tab-inactive-ripple-color: #f44336;
--mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-active-focus-label-text-color: #f44336;
--mat-tab-active-hover-label-text-color: #f44336;
--mat-tab-active-focus-indicator-color: #f44336;
--mat-tab-active-hover-indicator-color: #f44336;
--mat-tab-active-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
--mat-tab-background-color: #3f51b5;
--mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
--mat-tab-background-color: #ff4081;
--mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
--mat-tab-background-color: #f44336;
--mat-tab-foreground-color: white;
}
.mat-mdc-tab-header {
--mat-tab-container-height: 48px;
}
.mat-mdc-tab-header {
--mat-tab-label-text-font: Roboto, sans-serif;
--mat-tab-label-text-size: 14px;
--mat-tab-label-text-tracking: 0.0892857143em;
--mat-tab-label-text-line-height: 36px;
--mat-tab-label-text-weight: 500;
}
html {
--mat-checkbox-disabled-selected-checkmark-color: white;
--mat-checkbox-selected-focus-state-layer-opacity: 0.12;
--mat-checkbox-selected-hover-state-layer-opacity: 0.04;
--mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
--mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
--mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
--mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
--mat-checkbox-touch-target-size: 48px;
}
html {
--mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-selected-checkmark-color: white;
--mat-checkbox-selected-focus-icon-color: #ff4081;
--mat-checkbox-selected-hover-icon-color: #ff4081;
--mat-checkbox-selected-icon-color: #ff4081;
--mat-checkbox-selected-pressed-icon-color: #ff4081;
--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-checkbox-selected-focus-state-layer-color: #ff4081;
--mat-checkbox-selected-hover-state-layer-color: #ff4081;
--mat-checkbox-selected-pressed-state-layer-color: #ff4081;
--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-selected-checkmark-color: white;
--mat-checkbox-selected-focus-icon-color: #3f51b5;
--mat-checkbox-selected-hover-icon-color: #3f51b5;
--mat-checkbox-selected-icon-color: #3f51b5;
--mat-checkbox-selected-pressed-icon-color: #3f51b5;
--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-checkbox-selected-focus-state-layer-color: #3f51b5;
--mat-checkbox-selected-hover-state-layer-color: #3f51b5;
--mat-checkbox-selected-pressed-state-layer-color: #3f51b5;
--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-selected-checkmark-color: white;
--mat-checkbox-selected-focus-icon-color: #f44336;
--mat-checkbox-selected-hover-icon-color: #f44336;
--mat-checkbox-selected-icon-color: #f44336;
--mat-checkbox-selected-pressed-icon-color: #f44336;
--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-checkbox-selected-focus-state-layer-color: #f44336;
--mat-checkbox-selected-hover-state-layer-color: #f44336;
--mat-checkbox-selected-pressed-state-layer-color: #f44336;
--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
html {
--mat-checkbox-touch-target-display: block;
--mat-checkbox-state-layer-size: 40px;
}
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: 0.0178571429em;
--mat-checkbox-label-text-weight: 400;
}
html {
--mat-button-filled-container-shape: 4px;
--mat-button-filled-horizontal-padding: 16px;
--mat-button-filled-icon-offset: -4px;
--mat-button-filled-icon-spacing: 8px;
--mat-button-filled-touch-target-size: 48px;
--mat-button-outlined-container-shape: 4px;
--mat-button-outlined-horizontal-padding: 15px;
--mat-button-outlined-icon-offset: -4px;
--mat-button-outlined-icon-spacing: 8px;
--mat-button-outlined-keep-touch-target: false;
--mat-button-outlined-outline-width: 1px;
--mat-button-outlined-touch-target-size: 48px;
--mat-button-protected-container-elevation-shadow:
0px 3px 1px -2px rgba(0, 0, 0, 0.2),
0px 2px 2px 0px rgba(0, 0, 0, 0.14),
0px 1px 5px 0px rgba(0, 0, 0, 0.12);
--mat-button-protected-container-shape: 4px;
--mat-button-protected-disabled-container-elevation-shadow:
0px 0px 0px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 0px rgba(0, 0, 0, 0.14),
0px 0px 0px 0px rgba(0, 0, 0, 0.12);
--mat-button-protected-focus-container-elevation-shadow:
0px 2px 4px -1px rgba(0, 0, 0, 0.2),
0px 4px 5px 0px rgba(0, 0, 0, 0.14),
0px 1px 10px 0px rgba(0, 0, 0, 0.12);
--mat-button-protected-horizontal-padding: 16px;
--mat-button-protected-hover-container-elevation-shadow:
0px 2px 4px -1px rgba(0, 0, 0, 0.2),
0px 4px 5px 0px rgba(0, 0, 0, 0.14),
0px 1px 10px 0px rgba(0, 0, 0, 0.12);
--mat-button-protected-icon-offset: -4px;
--mat-button-protected-icon-spacing: 8px;
--mat-button-protected-pressed-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-button-protected-touch-target-size: 48px;
--mat-button-text-container-shape: 4px;
--mat-button-text-horizontal-padding: 8px;
--mat-button-text-icon-offset: 0;
--mat-button-text-icon-spacing: 8px;
--mat-button-text-with-icon-horizontal-padding: 8px;
--mat-button-text-touch-target-size: 48px;
--mat-button-tonal-container-shape: 4px;
--mat-button-tonal-horizontal-padding: 16px;
--mat-button-tonal-icon-offset: -4px;
--mat-button-tonal-icon-spacing: 8px;
--mat-button-tonal-touch-target-size: 48px;
}
html {
--mat-button-filled-container-color: white;
--mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
--mat-button-filled-focus-state-layer-opacity: 0.12;
--mat-button-filled-hover-state-layer-opacity: 0.04;
--mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
--mat-button-filled-pressed-state-layer-opacity: 0.12;
--mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
--mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
--mat-button-outlined-focus-state-layer-opacity: 0.12;
--mat-button-outlined-hover-state-layer-opacity: 0.04;
--mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
--mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
--mat-button-outlined-pressed-state-layer-opacity: 0.12;
--mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-button-protected-container-color: white;
--mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
--mat-button-protected-focus-state-layer-opacity: 0.12;
--mat-button-protected-hover-state-layer-opacity: 0.04;
--mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
--mat-button-protected-pressed-state-layer-opacity: 0.12;
--mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
--mat-button-text-focus-state-layer-opacity: 0.12;
--mat-button-text-hover-state-layer-opacity: 0.04;
--mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
--mat-button-text-pressed-state-layer-opacity: 0.12;
--mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-button-tonal-container-color: white;
--mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
--mat-button-tonal-focus-state-layer-opacity: 0.12;
--mat-button-tonal-hover-state-layer-opacity: 0.04;
--mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
--mat-button-tonal-pressed-state-layer-opacity: 0.12;
--mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
--mat-button-filled-container-color: #3f51b5;
--mat-button-filled-label-text-color: white;
--mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-filled-state-layer-color: white;
--mat-button-outlined-label-text-color: #3f51b5;
--mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
--mat-button-outlined-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
--mat-button-outlined-state-layer-color: #3f51b5;
--mat-button-protected-container-color: #3f51b5;
--mat-button-protected-label-text-color: white;
--mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-protected-state-layer-color: white;
--mat-button-text-label-text-color: #3f51b5;
--mat-button-text-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
--mat-button-text-state-layer-color: #3f51b5;
--mat-button-tonal-container-color: #3f51b5;
--mat-button-tonal-label-text-color: white;
--mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
--mat-button-filled-container-color: #ff4081;
--mat-button-filled-label-text-color: white;
--mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-filled-state-layer-color: white;
--mat-button-outlined-label-text-color: #ff4081;
--mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
--mat-button-outlined-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
--mat-button-outlined-state-layer-color: #ff4081;
--mat-button-protected-container-color: #ff4081;
--mat-button-protected-label-text-color: white;
--mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-protected-state-layer-color: white;
--mat-button-text-label-text-color: #ff4081;
--mat-button-text-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
--mat-button-text-state-layer-color: #ff4081;
--mat-button-tonal-container-color: #ff4081;
--mat-button-tonal-label-text-color: white;
--mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
--mat-button-filled-container-color: #f44336;
--mat-button-filled-label-text-color: white;
--mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-filled-state-layer-color: white;
--mat-button-outlined-label-text-color: #f44336;
--mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
--mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
--mat-button-outlined-state-layer-color: #f44336;
--mat-button-protected-container-color: #f44336;
--mat-button-protected-label-text-color: white;
--mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-protected-state-layer-color: white;
--mat-button-text-label-text-color: #f44336;
--mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
--mat-button-text-state-layer-color: #f44336;
--mat-button-tonal-container-color: #f44336;
--mat-button-tonal-label-text-color: white;
--mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-tonal-state-layer-color: white;
}
html {
--mat-button-filled-container-height: 36px;
--mat-button-filled-touch-target-display: block;
--mat-button-outlined-container-height: 36px;
--mat-button-outlined-touch-target-display: block;
--mat-button-protected-container-height: 36px;
--mat-button-protected-touch-target-display: block;
--mat-button-text-container-height: 36px;
--mat-button-text-touch-target-display: block;
--mat-button-tonal-container-height: 36px;
--mat-button-tonal-touch-target-display: block;
}
html {
--mat-button-filled-label-text-font: Roboto, sans-serif;
--mat-button-filled-label-text-size: 14px;
--mat-button-filled-label-text-tracking: 0.0892857143em;
--mat-button-filled-label-text-transform: none;
--mat-button-filled-label-text-weight: 500;
--mat-button-outlined-label-text-font: Roboto, sans-serif;
--mat-button-outlined-label-text-size: 14px;
--mat-button-outlined-label-text-tracking: 0.0892857143em;
--mat-button-outlined-label-text-transform: none;
--mat-button-outlined-label-text-weight: 500;
--mat-button-protected-label-text-font: Roboto, sans-serif;
--mat-button-protected-label-text-size: 14px;
--mat-button-protected-label-text-tracking: 0.0892857143em;
--mat-button-protected-label-text-transform: none;
--mat-button-protected-label-text-weight: 500;
--mat-button-text-label-text-font: Roboto, sans-serif;
--mat-button-text-label-text-size: 14px;
--mat-button-text-label-text-tracking: 0.0892857143em;
--mat-button-text-label-text-transform: none;
--mat-button-text-label-text-weight: 500;
--mat-button-tonal-label-text-font: Roboto, sans-serif;
--mat-button-tonal-label-text-size: 14px;
--mat-button-tonal-label-text-tracking: 0.0892857143em;
--mat-button-tonal-label-text-transform: none;
--mat-button-tonal-label-text-weight: 500;
}
html {
--mat-icon-button-icon-size: 24px;
--mat-icon-button-container-shape: 50%;
--mat-icon-button-touch-target-size: 48px;
}
html {
--mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
--mat-icon-button-focus-state-layer-opacity: 0.12;
--mat-icon-button-hover-state-layer-opacity: 0.04;
--mat-icon-button-icon-color: inherit;
--mat-icon-button-pressed-state-layer-opacity: 0.12;
--mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-icon-button.mat-primary {
--mat-icon-button-icon-color: #3f51b5;
--mat-icon-button-state-layer-color: #3f51b5;
--mat-icon-button-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
--mat-icon-button-icon-color: #ff4081;
--mat-icon-button-state-layer-color: #ff4081;
--mat-icon-button-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
--mat-icon-button-icon-color: #f44336;
--mat-icon-button-state-layer-color: #f44336;
--mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
}
html {
--mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
--mdc-icon-button-state-layer-size: 48px;
--mat-icon-button-state-layer-size: 48px;
width: var(--mat-icon-button-state-layer-size);
height: var(--mat-icon-button-state-layer-size);
padding: 12px;
}
html {
--mat-fab-container-elevation-shadow:
0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
0px 1px 18px 0px rgba(0, 0, 0, 0.12);
--mat-fab-container-shape: 50%;
--mat-fab-touch-target-size: 48px;
--mat-fab-extended-container-elevation-shadow:
0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
0px 1px 18px 0px rgba(0, 0, 0, 0.12);
--mat-fab-extended-container-height: 48px;
--mat-fab-extended-container-shape: 24px;
--mat-fab-extended-focus-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-fab-extended-hover-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-fab-extended-pressed-container-elevation-shadow:
0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 12px 17px 2px rgba(0, 0, 0, 0.14),
0px 5px 22px 4px rgba(0, 0, 0, 0.12);
--mat-fab-focus-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-fab-hover-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-fab-pressed-container-elevation-shadow:
0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 12px 17px 2px rgba(0, 0, 0, 0.14),
0px 5px 22px 4px rgba(0, 0, 0, 0.12);
--mat-fab-small-container-elevation-shadow:
0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
0px 1px 18px 0px rgba(0, 0, 0, 0.12);
--mat-fab-small-container-shape: 50%;
--mat-fab-small-touch-target-size: 48px;
--mat-fab-small-focus-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-fab-small-hover-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-fab-small-pressed-container-elevation-shadow:
0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 12px 17px 2px rgba(0, 0, 0, 0.14),
0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
--mat-fab-container-color: white;
--mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
--mat-fab-focus-state-layer-opacity: 0.12;
--mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
--mat-fab-hover-state-layer-opacity: 0.04;
--mat-fab-pressed-state-layer-opacity: 0.12;
--mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-fab-small-container-color: white;
--mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
--mat-fab-small-focus-state-layer-opacity: 0.12;
--mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
--mat-fab-small-hover-state-layer-opacity: 0.04;
--mat-fab-small-pressed-state-layer-opacity: 0.12;
--mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
--mat-fab-container-color: #3f51b5;
--mat-fab-foreground-color: white;
--mat-fab-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
--mat-fab-small-container-color: #3f51b5;
--mat-fab-small-foreground-color: white;
--mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-fab-small-state-layer-color: white;
--mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
--mat-fab-container-color: #ff4081;
--mat-fab-foreground-color: white;
--mat-fab-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
--mat-fab-small-container-color: #ff4081;
--mat-fab-small-foreground-color: white;
--mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-fab-small-state-layer-color: white;
--mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
--mat-fab-container-color: #f44336;
--mat-fab-foreground-color: white;
--mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
--mat-fab-small-container-color: #f44336;
--mat-fab-small-foreground-color: white;
--mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-fab-small-state-layer-color: white;
--mat-fab-state-layer-color: white;
}
html {
--mat-fab-small-touch-target-display: block;
--mat-fab-touch-target-display: block;
}
html {
--mat-fab-extended-label-text-font: Roboto, sans-serif;
--mat-fab-extended-label-text-size: 14px;
--mat-fab-extended-label-text-tracking: 0.0892857143em;
--mat-fab-extended-label-text-weight: 500;
}
html {
--mat-snack-bar-container-shape: 4px;
}
html {
--mat-snack-bar-container-color: #424242;
--mat-snack-bar-supporting-text-color: white;
--mat-snack-bar-button-color: #7986cb;
}
html {
--mat-snack-bar-supporting-text-font: Roboto, sans-serif;
--mat-snack-bar-supporting-text-line-height: 20px;
--mat-snack-bar-supporting-text-size: 14px;
--mat-snack-bar-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, 0.87);
--mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
--mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}
html {
--mat-table-header-container-height: 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: 0.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: 0.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: 0.0178571429em;
}
html {
--mat-progress-spinner-active-indicator-width: 4px;
--mat-progress-spinner-size: 48px;
}
html {
--mat-progress-spinner-active-indicator-color: #3f51b5;
}
.mat-accent {
--mat-progress-spinner-active-indicator-color: #ff4081;
}
.mat-warn {
--mat-progress-spinner-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.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, 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: 0.0178571429em;
--mat-bottom-sheet-container-text-weight: 400;
}
html {
--mat-button-toggle-focus-state-layer-opacity: 0.12;
--mat-button-toggle-hover-state-layer-opacity: 0.04;
--mat-button-toggle-legacy-focus-state-layer-opacity: 1;
--mat-button-toggle-legacy-height: 36px;
--mat-button-toggle-legacy-shape: 2px;
--mat-button-toggle-shape: 4px;
}
html {
--mat-button-toggle-background-color: white;
--mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-button-toggle-disabled-state-background-color: white;
--mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
--mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-toggle-legacy-disabled-state-background-color: white;
--mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
--mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
--mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
--mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}
html {
--mat-button-toggle-height: 48px;
}
html {
--mat-button-toggle-label-text-font: Roboto, sans-serif;
--mat-button-toggle-label-text-line-height: 24px;
--mat-button-toggle-label-text-size: 16px;
--mat-button-toggle-label-text-tracking: 0.03125em;
--mat-button-toggle-label-text-weight: 400;
--mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
--mat-button-toggle-legacy-label-text-line-height: 24px;
--mat-button-toggle-legacy-label-text-size: 16px;
--mat-button-toggle-legacy-label-text-tracking: 0.03125em;
--mat-button-toggle-legacy-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, 0.2),
0px 4px 5px 0px rgba(0, 0, 0, 0.14),
0px 1px 10px 0px rgba(0, 0, 0, 0.12);
--mat-datepicker-calendar-container-touch-elevation-shadow:
0px 11px 15px -7px rgba(0, 0, 0, 0.2),
0px 24px 38px 3px rgba(0, 0, 0, 0.14),
0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
--mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #3f51b5 20%, transparent);
--mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
--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-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: color-mix(in srgb, #3f51b5 38%, transparent);
--mat-datepicker-calendar-date-today-selected-state-outline-color: white;
--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #3f51b5 12%, transparent);
--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #3f51b5 4%, transparent);
--mat-datepicker-toggle-active-state-icon-color: #3f51b5;
--mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
--mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-calendar-date-outline-color: transparent;
--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-container-background-color: white;
--mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent,
.mat-datepicker-toggle-active.mat-accent {
--mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
--mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
--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-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: color-mix(in srgb, #ff4081 38%, transparent);
--mat-datepicker-calendar-date-today-selected-state-outline-color: white;
--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ff4081 12%, transparent);
--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ff4081 4%, transparent);
--mat-datepicker-toggle-active-state-icon-color: #ff4081;
--mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
--mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-calendar-date-outline-color: transparent;
--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-container-background-color: white;
--mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn,
.mat-datepicker-toggle-active.mat-warn {
--mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);
--mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
--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-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: color-mix(in srgb, #f44336 38%, transparent);
--mat-datepicker-calendar-date-today-selected-state-outline-color: white;
--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);
--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);
--mat-datepicker-toggle-active-state-icon-color: #f44336;
--mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
--mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-calendar-date-outline-color: transparent;
--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-container-background-color: white;
--mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.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;
--mat-icon-button-state-layer-size: 40px;
width: var(--mat-icon-button-state-layer-size);
height: var(--mat-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, 0.12);
}
html {
--mat-expansion-container-shape: 4px;
--mat-expansion-container-elevation-shadow:
0px 3px 1px -2px rgba(0, 0, 0, 0.2),
0px 2px 2px 0px rgba(0, 0, 0, 0.14),
0px 1px 5px 0px rgba(0, 0, 0, 0.12);
--mat-expansion-legacy-header-indicator-display: inline-block;
--mat-expansion-header-indicator-display: none;
}
html {
--mat-expansion-container-background-color: white;
--mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
--mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
--mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
--mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
--mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
--mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
html {
--mat-expansion-header-collapsed-state-height: 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: 0.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, 0.2),
0px 16px 24px 2px rgba(0, 0, 0, 0.14),
0px 6px 30px 5px rgba(0, 0, 0, 0.12);
--mat-sidenav-container-width: auto;
}
html {
--mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
--mat-sidenav-container-background-color: white;
--mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
--mat-sidenav-content-background-color: #fafafa;
--mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
--mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}
html {
--mat-stepper-header-focus-state-layer-shape: 0;
--mat-stepper-header-hover-state-layer-shape: 0;
}
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, 0.12);
--mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
--mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
--mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
--mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
--mat-stepper-header-error-state-label-text-color: #f44336;
--mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
--mat-stepper-header-error-state-icon-foreground-color: #f44336;
--mat-stepper-header-error-state-icon-background-color: transparent;
}
.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;
}
.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: rgba(0, 0, 0, 0.87);
}
html {
--mat-toolbar-container-background-color: white;
--mat-toolbar-container-text-color: rgba(0, 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: 0.0125em;
--mat-toolbar-title-text-weight: 500;
}
html {
--mat-tree-container-background-color: white;
--mat-tree-node-text-color: rgba(0, 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, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
--mat-timepicker-container-background-color: white;
}
/* node_modules/flag-icons/css/flag-icons.min.css */
.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-WVS4VU5Z.svg");
}
.fi-ad.fis {
background-image: url("./media/ad-CSZHNGVR.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-YYCQZTMI.svg");
}
.fi-af.fis {
background-image: url("./media/af-INKHBY43.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-MIEAOHWP.svg");
}
.fi-ar.fis {
background-image: url("./media/ar-ADBHFCB5.svg");
}
.fi-as {
background-image: url("./media/as-AFSH7LPB.svg");
}
.fi-as.fis {
background-image: url("./media/as-UKIT7IQG.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-UJYJRUXQ.svg");
}
.fi-bm.fis {
background-image: url("./media/bm-OUTZ6BCH.svg");
}
.fi-bn {
background-image: url("./media/bn-YE5LSPKO.svg");
}
.fi-bn.fis {
background-image: url("./media/bn-JZPMRRNL.svg");
}
.fi-bo {
background-image: url("./media/bo-T2X2U5Y2.svg");
}
.fi-bo.fis {
background-image: url("./media/bo-I64H4HM7.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-3Y26HUAJ.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-DI23WV4Q.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-A6YTSORZ.svg");
}
.fi-bz.fis {
background-image: url("./media/bz-EOOSEAIP.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-RPI2SZZG.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-IZ3KL2GP.svg");
}
.fi-cy {
background-image: url("./media/cy-OJEUQTEX.svg");
}
.fi-cy.fis {
background-image: url("./media/cy-EOO2JBKI.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-SBKDMMUM.svg");
}
.fi-do.fis {
background-image: url("./media/do-LX7RYXZN.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-AR6V26BC.svg");
}
.fi-eg.fis {
background-image: url("./media/eg-7JACT5ZO.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-W5FXGZQG.svg");
}
.fi-es.fis {
background-image: url("./media/es-K3QE5W2N.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-U7G4LWJB.svg");
}
.fi-fj.fis {
background-image: url("./media/fj-XWXY4C45.svg");
}
.fi-fk {
background-image: url("./media/fk-F6TQFE43.svg");
}
.fi-fk.fis {
background-image: url("./media/fk-M6YTU5ZV.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-7YZXJO4D.svg");
}
.fi-gs.fis {
background-image: url("./media/gs-JLTYLCJJ.svg");
}
.fi-gt {
background-image: url("./media/gt-YX2GRSLF.svg");
}
.fi-gt.fis {
background-image: url("./media/gt-BF2FD7AX.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-GS35EQR2.svg");
}
.fi-hr.fis {
background-image: url("./media/hr-6DEEZSRK.svg");
}
.fi-ht {
background-image: url("./media/ht-3IFWGGF6.svg");
}
.fi-ht.fis {
background-image: url("./media/ht-T6IVA52U.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-I6NNH2NW.svg");
}
.fi-im.fis {
background-image: url("./media/im-MR3WDGRG.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-FN5CO33V.svg");
}
.fi-je.fis {
background-image: url("./media/je-F5K7ILFN.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-X2BMIK3G.svg");
}
.fi-kg.fis {
background-image: url("./media/kg-TFH62HKQ.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-J6OAXARV.svg");
}
.fi-ky.fis {
background-image: url("./media/ky-Y3K2RVLW.svg");
}
.fi-kz {
background-image: url("./media/kz-NYPJSTE2.svg");
}
.fi-kz.fis {
background-image: url("./media/kz-A63AXCOQ.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-LTPNGJJM.svg");
}
.fi-li.fis {
background-image: url("./media/li-SSDUPSSA.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-JF4ISXGZ.svg");
}
.fi-me.fis {
background-image: url("./media/me-PYQLSQWK.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-FKAZRJHZ.svg");
}
.fi-mt.fis {
background-image: url("./media/mt-XCVQ55PC.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-CE2LQUFP.svg");
}
.fi-mx.fis {
background-image: url("./media/mx-XQSZK5TD.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-EUDOTZOI.svg");
}
.fi-mz.fis {
background-image: url("./media/mz-J4CMZFUJ.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-KFRUCHJY.svg");
}
.fi-ni.fis {
background-image: url("./media/ni-X5745JJN.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-ISPXLMQJ.svg");
}
.fi-om.fis {
background-image: url("./media/om-A5DSAHBH.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-WTQ2W2VH.svg");
}
.fi-pn.fis {
background-image: url("./media/pn-LYI3AO5D.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-V6KGIQPI.svg");
}
.fi-ps.fis {
background-image: url("./media/ps-MUPGH2AI.svg");
}
.fi-pt {
background-image: url("./media/pt-VTKAHQAY.svg");
}
.fi-pt.fis {
background-image: url("./media/pt-OULXL7DV.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-S5MYBXBE.svg");
}
.fi-py.fis {
background-image: url("./media/py-MUR5PEE3.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-HP76C2NL.svg");
}
.fi-rs.fis {
background-image: url("./media/rs-B5C62J77.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-BW46R3BR.svg");
}
.fi-sa.fis {
background-image: url("./media/sa-TJ3JAAG4.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-T456GX2E.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-SVKTTQZJ.svg");
}
.fi-sv.fis {
background-image: url("./media/sv-JJ7PGQKT.svg");
}
.fi-sx {
background-image: url("./media/sx-DIQRHMRS.svg");
}
.fi-sx.fis {
background-image: url("./media/sx-XI7KKH7B.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-SWMHLWJN.svg");
}
.fi-va.fis {
background-image: url("./media/va-IIHI4DCJ.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-K235OISV.svg");
}
.fi-vg.fis {
background-image: url("./media/vg-UK5I2DQS.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-HZY5LJGS.svg");
}
.fi-zw.fis {
background-image: url("./media/zw-6ENSY5DW.svg");
}
.fi-arab {
background-image: url("./media/arab-A42JLJNT.svg");
}
.fi-arab.fis {
background-image: url("./media/arab-S6KYB4TR.svg");
}
.fi-asean {
background-image: url("./media/asean-ELZDU4TE.svg");
}
.fi-asean.fis {
background-image: url("./media/asean-SS3GRO5T.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-DLAEKB33.svg");
}
.fi-eac.fis {
background-image: url("./media/eac-RVDXN5KH.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-6PZUYNFD.svg");
}
.fi-es-ga.fis {
background-image: url("./media/es-ga-CPWP5IRZ.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-6QHYPVOC.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-JFUG6UDV.svg");
}
.fi-sh-ac.fis {
background-image: url("./media/sh-ac-CA7Y7WNG.svg");
}
.fi-sh-hl {
background-image: url("./media/sh-hl-YQIJUYB7.svg");
}
.fi-sh-hl.fis {
background-image: url("./media/sh-hl-MZFPYVQ5.svg");
}
.fi-sh-ta {
background-image: url("./media/sh-ta-E3Y363IZ.svg");
}
.fi-sh-ta.fis {
background-image: url("./media/sh-ta-TYDLYCHE.svg");
}
.fi-un {
background-image: url("./media/un-TACTIQXL.svg");
}
.fi-un.fis {
background-image: url("./media/un-64W32BF7.svg");
}
.fi-xk {
background-image: url("./media/xk-T7BAH4YE.svg");
}
.fi-xk.fis {
background-image: url("./media/xk-SYLXNOIJ.svg");
}
/* node_modules/@angular/cdk/overlay-prebuilt.css */
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
pointer-events: none;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.cdk-overlay-container {
position: fixed;
z-index: 1000;
}
.cdk-overlay-container:empty {
display: none;
}
.cdk-global-overlay-wrapper {
display: flex;
position: absolute;
z-index: 1000;
}
.cdk-overlay-pane {
position: absolute;
pointer-events: auto;
box-sizing: border-box;
display: flex;
max-width: 100%;
max-height: 100%;
z-index: 1000;
}
.cdk-overlay-backdrop {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
pointer-events: auto;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
opacity: 0;
touch-action: manipulation;
z-index: 1000;
transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
.cdk-overlay-backdrop {
transition-duration: 1ms;
}
}
.cdk-overlay-backdrop-showing {
opacity: 1;
}
@media (forced-colors: active) {
.cdk-overlay-backdrop-showing {
opacity: .6;
}
}
.cdk-overlay-dark-backdrop {
background: rgba(0, 0, 0, .32);
}
.cdk-overlay-transparent-backdrop {
transition: visibility 1ms linear, opacity 1ms linear;
visibility: hidden;
opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
opacity: 0;
visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
transition: none;
}
.cdk-overlay-connected-position-bounding-box {
position: absolute;
display: flex;
flex-direction: column;
min-width: 1px;
min-height: 1px;
z-index: 1000;
}
.cdk-global-scrollblock {
position: fixed;
width: 100%;
overflow-y: scroll;
}
/* src/styles.css */
*,
::before,
::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
*,
::before,
::after {
box-sizing: border-box;
border-width: 0;
border-style: solid;
border-color: #e5e7eb;
}
::before,
::after {
--tw-content: "";
}
html,
:host {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
-moz-tab-size: 4;
tab-size: 4;
font-family:
ui-sans-serif,
system-ui,
sans-serif,
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol",
"Noto Color Emoji";
font-feature-settings: normal;
font-variation-settings: normal;
-webkit-tap-highlight-color: transparent;
}
body {
margin: 0;
line-height: inherit;
}
hr {
height: 0;
color: inherit;
border-top-width: 1px;
}
abbr:where([title]) {
text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
a {
color: inherit;
text-decoration: inherit;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp,
pre {
font-family:
ui-monospace,
SFMono-Regular,
Menlo,
Monaco,
Consolas,
"Liberation Mono",
"Courier New",
monospace;
font-feature-settings: normal;
font-variation-settings: normal;
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
font-size: 100%;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
color: inherit;
margin: 0;
padding: 0;
}
button,
select {
text-transform: none;
}
button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
-webkit-appearance: button;
background-color: transparent;
background-image: none;
}
:-moz-focusring {
outline: auto;
}
:-moz-ui-invalid {
box-shadow: none;
}
progress {
vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
summary {
display: list-item;
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
}
dialog {
padding: 0;
}
textarea {
resize: vertical;
}
input::placeholder,
textarea::placeholder {
opacity: 1;
color: #9ca3af;
}
button,
[role=button] {
cursor: pointer;
}
:disabled {
cursor: default;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block;
vertical-align: middle;
}
img,
video {
max-width: 100%;
height: auto;
}
[hidden]:where(:not([hidden=until-found])) {
display: none;
}
[type=text],
input:where(:not([type])),
[type=email],
[type=url],
[type=password],
[type=number],
[type=date],
[type=datetime-local],
[type=month],
[type=search],
[type=tel],
[type=time],
[type=week],
[multiple],
textarea,
select {
appearance: none;
background-color: #fff;
border-color: #6b7280;
border-width: 1px;
border-radius: 0px;
padding-top: 0.5rem;
padding-right: 0.75rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
font-size: 1rem;
line-height: 1.5rem;
--tw-shadow: 0 0 #0000;
}
[type=text]:focus,
input:where(:not([type])):focus,
[type=email]:focus,
[type=url]:focus,
[type=password]:focus,
[type=number]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=month]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=time]:focus,
[type=week]:focus,
[multiple]:focus,
textarea:focus,
select:focus {
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty, );
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #2563eb;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
border-color: #2563eb;
}
input::placeholder,
textarea::placeholder {
color: #6b7280;
opacity: 1;
}
::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
::-webkit-date-and-time-value {
min-height: 1.5em;
text-align: inherit;
}
::-webkit-datetime-edit {
display: inline-flex;
}
::-webkit-datetime-edit,
::-webkit-datetime-edit-year-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-second-field,
::-webkit-datetime-edit-millisecond-field,
::-webkit-datetime-edit-meridiem-field {
padding-top: 0;
padding-bottom: 0;
}
select {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
background-position: right 0.5rem center;
background-repeat: no-repeat;
background-size: 1.5em 1.5em;
padding-right: 2.5rem;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
[multiple],
[size]:where(select:not([size="1"])) {
background-image: initial;
background-position: initial;
background-repeat: unset;
background-size: initial;
padding-right: 0.75rem;
-webkit-print-color-adjust: unset;
print-color-adjust: unset;
}
[type=checkbox],
[type=radio] {
appearance: none;
padding: 0;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
display: inline-block;
vertical-align: middle;
background-origin: border-box;
-webkit-user-select: none;
user-select: none;
flex-shrink: 0;
height: 1rem;
width: 1rem;
color: #2563eb;
background-color: #fff;
border-color: #6b7280;
border-width: 1px;
--tw-shadow: 0 0 #0000;
}
[type=checkbox] {
border-radius: 0px;
}
[type=radio] {
border-radius: 100%;
}
[type=checkbox]:focus,
[type=radio]:focus {
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty, );
--tw-ring-offset-width: 2px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #2563eb;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
[type=checkbox]:checked,
[type=radio]:checked {
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
[type=checkbox]:checked {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}
@media (forced-colors: active) {
[type=checkbox]:checked {
appearance: auto;
}
}
[type=radio]:checked {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}
@media (forced-colors: active) {
[type=radio]:checked {
appearance: auto;
}
}
[type=checkbox]:checked:hover,
[type=checkbox]:checked:focus,
[type=radio]:checked:hover,
[type=radio]:checked:focus {
border-color: transparent;
background-color: currentColor;
}
[type=checkbox]:indeterminate {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
@media (forced-colors: active) {
[type=checkbox]:indeterminate {
appearance: auto;
}
}
[type=checkbox]:indeterminate:hover,
[type=checkbox]:indeterminate:focus {
border-color: transparent;
background-color: currentColor;
}
[type=file] {
background: unset;
border-color: inherit;
border-width: 0;
border-radius: 0;
padding: 0;
font-size: unset;
line-height: inherit;
}
[type=file]:focus {
outline: 1px solid ButtonText;
outline: 1px auto -webkit-focus-ring-color;
}
body {
text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
html {
font-family: "Public Sans", sans-serif;
-webkit-font-smoothing: subpixel-antialiased;
}
img {
display: inline-block;
}
h1,
h2,
h3,
.s1,
.s2,
.s3,
.s4,
.s5,
.s6,
.s7,
.s8 {
font-family: "Palatino", serif;
letter-spacing: -0.01em;
}
.b1,
.b2,
.b3,
.b4,
.b5 {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.01em;
}
.label-1,
.l1,
.label-2,
.l2,
.label-3,
.l3,
.label-3-5,
.l3-5,
.label-4,
.l4,
.label-5,
.l5 {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.03em;
}
h1 {
font-size: 3rem;
line-height: 3.3125rem;
}
h2 {
font-size: 2.625rem;
line-height: 2.938rem;
}
h3 {
font-size: 2.25rem;
line-height: 2.5rem;
}
.s1 {
font-size: 2rem;
line-height: 2.25rem;
}
.s2 {
font-size: 1.75rem;
line-height: 2rem;
}
.s3 {
font-size: 1.5rem;
line-height: 1.75rem;
}
.s4 {
font-size: 1.25rem;
line-height: 1.5rem;
}
.s5 {
font-size: 1rem;
line-height: 1.35rem;
}
.s6 {
font-size: 0.875rem;
line-height: 1.25rem;
}
.s7 {
font-size: 0.75rem;
line-height: 1rem;
}
.s8 {
font-size: 0.625rem;
line-height: 0.875rem;
}
.b1 {
font-size: 1.25rem;
line-height: 1.75rem;
}
.b2 {
font-size: 1.125rem;
line-height: 1.5rem;
}
.b3,
.label-1,
.l1 {
font-size: 1rem;
line-height: 1.35rem;
}
.b4,
.label-2,
.l2 {
font-size: 0.875rem;
line-height: 1.25rem;
}
.b5,
.label-3,
.l3 {
font-size: 0.75rem;
line-height: 1rem;
}
.label-3-5,
.l3-5 {
font-size: 0.688rem;
line-height: 0.976rem;
}
.label-4,
.l4 {
font-size: 0.625rem;
line-height: 0.875rem;
}
.label-5,
.l5 {
font-size: 0.5625rem;
line-height: 0.625rem;
}
ol {
list-style: decimal;
margin: 16px;
padding: 8px 12px;
}
ul {
list-style: disc;
margin: 16px;
padding: 0;
}
.readonly-block {
cursor: not-allowed;
pointer-events: none;
}
.overflow-without_scrollbar::-webkit-scrollbar {
display: none;
}
.overflow-without_scrollbar {
overflow-y: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
::-webkit-scrollbar-track {
background: #FAF5EC;
padding-top: 12px;
padding-bottom: 12px;
}
::-webkit-scrollbar-thumb {
background: #0000000D;
}
::-webkit-scrollbar-thumb:hover {
background: #0000000D;
}
.inner-circle-user,
[data-letters-add]:before,
[data-letters-1]:before,
[data-letters-2]:before,
[data-letters-3]:before {
display: inline-block;
font-size: 0.75rem !important;
width: 30px;
height: 30px;
line-height: 1.825rem !important;
text-align: center;
border-radius: 50%;
vertical-align: middle;
margin-top: 5px;
color: white;
border: 1px solid white;
}
[data-letters-add]:before {
font-size: 1rem;
line-height: 1rem;
content: attr(data-letters-add);
background-color: #284B81;
}
.circle-user {
display: inline-flex;
-webkit-box-align: center;
align-items: center;
height: 28px;
position: relative;
margin-left: -4px;
background: transparent;
vertical-align: top;
padding: 0px;
transition: transform 0.1s ease-out 0s;
z-index: 5;
}
[data-letters-1]:before {
content: attr(data-letters-1);
background-color: #616771;
}
[data-letters-2]:before {
content: attr(data-letters-2);
background-color: #284B81;
}
[data-letters-3]:before {
content: attr(data-letters-3);
background-color: #90949C;
}
.container {
width: 100%;
}
@media (min-width: 640px) {
.container {
max-width: 640px;
}
}
@media (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.container {
max-width: 1024px;
}
}
@media (min-width: 1060px) {
.container {
max-width: 1060px;
}
}
@media (min-width: 1280px) {
.container {
max-width: 1280px;
}
}
@media (min-width: 1300px) {
.container {
max-width: 1300px;
}
}
@media (min-width: 1450px) {
.container {
max-width: 1450px;
}
}
@media (min-width: 1536px) {
.container {
max-width: 1536px;
}
}
@media (min-width: 1600px) {
.container {
max-width: 1600px;
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.pointer-events-none {
pointer-events: none;
}
.pointer-events-auto {
pointer-events: auto;
}
.visible {
visibility: visible;
}
.invisible {
visibility: hidden;
}
.collapse {
visibility: collapse;
}
.static {
position: static;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.sticky {
position: sticky;
}
.inset-0 {
inset: 0px;
}
.inset-y-0 {
top: 0px;
bottom: 0px;
}
.-bottom-0\.5 {
bottom: -0.125rem;
}
.-bottom-1 {
bottom: -0.25rem;
}
.-bottom-3\.5 {
bottom: -0.875rem;
}
.-right-3 {
right: -0.75rem;
}
.-right-4 {
right: -1rem;
}
.-top-0\.5 {
top: -0.125rem;
}
.-top-1 {
top: -0.25rem;
}
.-top-11 {
top: -2.75rem;
}
.-top-5 {
top: -1.25rem;
}
.bottom-3 {
bottom: 0.75rem;
}
.bottom-\[0\.3rem\] {
bottom: 0.3rem;
}
.bottom-\[0\.5rem\] {
bottom: 0.5rem;
}
.bottom-\[16px\] {
bottom: 16px;
}
.left-0 {
left: 0px;
}
.left-0\.5 {
left: 0.125rem;
}
.left-2\.5 {
left: 0.625rem;
}
.left-2\/4 {
left: 50%;
}
.left-28 {
left: 7rem;
}
.left-3\/4 {
left: 75%;
}
.left-5 {
left: 1.25rem;
}
.left-\[10\%\] {
left: 10%;
}
.left-\[15\%\] {
left: 15%;
}
.left-\[30\%\] {
left: 30%;
}
.left-\[40\%\] {
left: 40%;
}
.left-\[50\%\] {
left: 50%;
}
.right-0 {
right: 0px;
}
.right-1\.5 {
right: 0.375rem;
}
.right-16 {
right: 4rem;
}
.right-2 {
right: 0.5rem;
}
.right-3 {
right: 0.75rem;
}
.right-6 {
right: 1.5rem;
}
.right-60 {
right: 15rem;
}
.right-8 {
right: 2rem;
}
.right-\[130\%\] {
right: 130%;
}
.right-\[52px\] {
right: 52px;
}
.top-0 {
top: 0px;
}
.top-0\.5 {
top: 0.125rem;
}
.top-1\.5 {
top: 0.375rem;
}
.top-10 {
top: 2.5rem;
}
.top-11 {
top: 2.75rem;
}
.top-12 {
top: 3rem;
}
.top-2 {
top: 0.5rem;
}
.top-3 {
top: 0.75rem;
}
.top-4 {
top: 1rem;
}
.top-7 {
top: 1.75rem;
}
.top-8 {
top: 2rem;
}
.top-9 {
top: 2.25rem;
}
.top-\[-8px\] {
top: -8px;
}
.top-\[145px\] {
top: 145px;
}
.top-\[40px\] {
top: 40px;
}
.top-\[55px\] {
top: 55px;
}
.top-\[60px\] {
top: 60px;
}
.top-full {
top: 100%;
}
.-z-10 {
z-index: -10;
}
.z-0 {
z-index: 0;
}
.z-10 {
z-index: 10;
}
.z-20 {
z-index: 20;
}
.z-30 {
z-index: 30;
}
.z-50 {
z-index: 50;
}
.z-\[1001\] {
z-index: 1001;
}
.z-\[101\] {
z-index: 101;
}
.z-\[15\] {
z-index: 15;
}
.z-\[1\] {
z-index: 1;
}
.z-\[2\] {
z-index: 2;
}
.z-\[3\] {
z-index: 3;
}
.z-\[5\] {
z-index: 5;
}
.z-\[99999\] {
z-index: 99999;
}
.z-\[9999\] {
z-index: 9999;
}
.z-\[9\] {
z-index: 9;
}
.col-span-3 {
grid-column: span 3 / span 3;
}
.float-right {
float: right;
}
.float-left {
float: left;
}
.m-0 {
margin: 0px;
}
.m-1 {
margin: 0.25rem;
}
.mx-0 {
margin-left: 0px;
margin-right: 0px;
}
.mx-1 {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.mx-16 {
margin-left: 4rem;
margin-right: 4rem;
}
.mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.mx-3 {
margin-left: 0.75rem;
margin-right: 0.75rem;
}
.mx-4 {
margin-left: 1rem;
margin-right: 1rem;
}
.mx-6 {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.mx-\[10px\] {
margin-left: 10px;
margin-right: 10px;
}
.mx-\[6px\] {
margin-left: 6px;
margin-right: 6px;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.my-0 {
margin-top: 0px;
margin-bottom: 0px;
}
.my-0\.5 {
margin-top: 0.125rem;
margin-bottom: 0.125rem;
}
.my-1 {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.my-1\.5 {
margin-top: 0.375rem;
margin-bottom: 0.375rem;
}
.my-2 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.my-3 {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.my-4 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.my-5 {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.my-\[20px\] {
margin-top: 20px;
margin-bottom: 20px;
}
.my-\[8px\] {
margin-top: 8px;
margin-bottom: 8px;
}
.-mr-28 {
margin-right: -7rem;
}
.-mr-6 {
margin-right: -1.5rem;
}
.-mt-3 {
margin-top: -0.75rem;
}
.mb-0 {
margin-bottom: 0px;
}
.mb-1 {
margin-bottom: 0.25rem;
}
.mb-1\.5 {
margin-bottom: 0.375rem;
}
.mb-2 {
margin-bottom: 0.5rem;
}
.mb-3 {
margin-bottom: 0.75rem;
}
.mb-3\.5 {
margin-bottom: 0.875rem;
}
.mb-4 {
margin-bottom: 1rem;
}
.mb-5 {
margin-bottom: 1.25rem;
}
.mb-6 {
margin-bottom: 1.5rem;
}
.mb-7 {
margin-bottom: 1.75rem;
}
.mb-8 {
margin-bottom: 2rem;
}
.mb-\[-0\.5rem\] {
margin-bottom: -0.5rem;
}
.mb-\[-20px\] {
margin-bottom: -20px;
}
.mb-\[10px\] {
margin-bottom: 10px;
}
.mb-\[11px\] {
margin-bottom: 11px;
}
.mb-\[20px\] {
margin-bottom: 20px;
}
.mb-\[30px\] {
margin-bottom: 30px;
}
.mb-\[3px\] {
margin-bottom: 3px;
}
.mb-\[40px\] {
margin-bottom: 40px;
}
.mb-\[5px\] {
margin-bottom: 5px;
}
.mb-\[6px\] {
margin-bottom: 6px;
}
.ml-1 {
margin-left: 0.25rem;
}
.ml-2 {
margin-left: 0.5rem;
}
.ml-20 {
margin-left: 5rem;
}
.ml-3 {
margin-left: 0.75rem;
}
.ml-4 {
margin-left: 1rem;
}
.ml-6 {
margin-left: 1.5rem;
}
.ml-\[-0\.250rem\] {
margin-left: -0.250rem;
}
.ml-\[-0\.75rem\] {
margin-left: -0.75rem;
}
.ml-\[1\.5rem\] {
margin-left: 1.5rem;
}
.ml-\[10px\] {
margin-left: 10px;
}
.ml-\[5px\] {
margin-left: 5px;
}
.ml-\[70px\] {
margin-left: 70px;
}
.mr-0 {
margin-right: 0px;
}
.mr-0\.5 {
margin-right: 0.125rem;
}
.mr-1 {
margin-right: 0.25rem;
}
.mr-1\.5 {
margin-right: 0.375rem;
}
.mr-2 {
margin-right: 0.5rem;
}
.mr-3 {
margin-right: 0.75rem;
}
.mr-4 {
margin-right: 1rem;
}
.mr-5 {
margin-right: 1.25rem;
}
.mr-6 {
margin-right: 1.5rem;
}
.mr-8 {
margin-right: 2rem;
}
.mr-\[-0\.344rem\] {
margin-right: -0.344rem;
}
.mr-\[0\.4rem\] {
margin-right: 0.4rem;
}
.mr-\[20px\] {
margin-right: 20px;
}
.mr-\[4px\] {
margin-right: 4px;
}
.mr-\[5\%\] {
margin-right: 5%;
}
.mr-\[50px\] {
margin-right: 50px;
}
.mr-\[5px\] {
margin-right: 5px;
}
.mt-1 {
margin-top: 0.25rem;
}
.mt-1\.5 {
margin-top: 0.375rem;
}
.mt-10 {
margin-top: 2.5rem;
}
.mt-14 {
margin-top: 3.5rem;
}
.mt-2 {
margin-top: 0.5rem;
}
.mt-2\.5 {
margin-top: 0.625rem;
}
.mt-20 {
margin-top: 5rem;
}
.mt-28 {
margin-top: 7rem;
}
.mt-3 {
margin-top: 0.75rem;
}
.mt-3\.5 {
margin-top: 0.875rem;
}
.mt-4 {
margin-top: 1rem;
}
.mt-5 {
margin-top: 1.25rem;
}
.mt-6 {
margin-top: 1.5rem;
}
.mt-8 {
margin-top: 2rem;
}
.mt-\[-0\.425rem\] {
margin-top: -0.425rem;
}
.mt-\[-0\.5rem\] {
margin-top: -0.5rem;
}
.mt-\[-0\.750rem\] {
margin-top: -0.750rem;
}
.mt-\[-10px\] {
margin-top: -10px;
}
.mt-\[0\.15rem\] {
margin-top: 0.15rem;
}
.mt-\[0\.25rem\] {
margin-top: 0.25rem;
}
.mt-\[0\.525rem\] {
margin-top: 0.525rem;
}
.mt-\[0\.60rem\] {
margin-top: 0.60rem;
}
.mt-\[10px\] {
margin-top: 10px;
}
.mt-\[16px\] {
margin-top: 16px;
}
.mt-\[17px\] {
margin-top: 17px;
}
.mt-\[20px\] {
margin-top: 20px;
}
.mt-\[25px\] {
margin-top: 25px;
}
.mt-\[60px\] {
margin-top: 60px;
}
.mt-\[7px\] {
margin-top: 7px;
}
.mt-auto {
margin-top: auto;
}
.box-border {
box-sizing: border-box;
}
.line-clamp-2 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.line-clamp-3 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.line-clamp-none {
overflow: visible;
display: block;
-webkit-box-orient: horizontal;
-webkit-line-clamp: none;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.inline {
display: inline;
}
.flex {
display: flex;
}
.inline-flex {
display: inline-flex;
}
.table {
display: table;
}
.table-cell {
display: table-cell;
}
.flow-root {
display: flow-root;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.h-0 {
height: 0px;
}
.h-1 {
height: 0.25rem;
}
.h-1\/2 {
height: 50%;
}
.h-10 {
height: 2.5rem;
}
.h-11 {
height: 2.75rem;
}
.h-12 {
height: 3rem;
}
.h-14 {
height: 3.5rem;
}
.h-16 {
height: 4rem;
}
.h-2 {
height: 0.5rem;
}
.h-2\.5 {
height: 0.625rem;
}
.h-20 {
height: 5rem;
}
.h-24 {
height: 6rem;
}
.h-3 {
height: 0.75rem;
}
.h-3\.5 {
height: 0.875rem;
}
.h-4 {
height: 1rem;
}
.h-40 {
height: 10rem;
}
.h-48 {
height: 12rem;
}
.h-5 {
height: 1.25rem;
}
.h-6 {
height: 1.5rem;
}
.h-60 {
height: 15rem;
}
.h-7 {
height: 1.75rem;
}
.h-8 {
height: 2rem;
}
.h-80 {
height: 20rem;
}
.h-9 {
height: 2.25rem;
}
.h-\[0\.219rem\] {
height: 0.219rem;
}
.h-\[0\.813rem\] {
height: 0.813rem;
}
.h-\[0\.875rem\] {
height: 0.875rem;
}
.h-\[1\.375rem\] {
height: 1.375rem;
}
.h-\[100\%\] {
height: 100%;
}
.h-\[100px\] {
height: 100px;
}
.h-\[101px\] {
height: 101px;
}
.h-\[104px\] {
height: 104px;
}
.h-\[10px\] {
height: 10px;
}
.h-\[10rem\] {
height: 10rem;
}
.h-\[11\.5rem\] {
height: 11.5rem;
}
.h-\[110px\] {
height: 110px;
}
.h-\[126px\] {
height: 126px;
}
.h-\[12px\] {
height: 12px;
}
.h-\[13\.125rem\] {
height: 13.125rem;
}
.h-\[136px\] {
height: 136px;
}
.h-\[13px\] {
height: 13px;
}
.h-\[14px\] {
height: 14px;
}
.h-\[14rem\] {
height: 14rem;
}
.h-\[150px\] {
height: 150px;
}
.h-\[152px\] {
height: 152px;
}
.h-\[15px\] {
height: 15px;
}
.h-\[168px\] {
height: 168px;
}
.h-\[16px\] {
height: 16px;
}
.h-\[180px\] {
height: 180px;
}
.h-\[182px\] {
height: 182px;
}
.h-\[18px\] {
height: 18px;
}
.h-\[196px\] {
height: 196px;
}
.h-\[2\.125rem\] {
height: 2.125rem;
}
.h-\[2\.1rem\] {
height: 2.1rem;
}
.h-\[2\.250rem\] {
height: 2.250rem;
}
.h-\[2\.25rem\] {
height: 2.25rem;
}
.h-\[2\.375rem\] {
height: 2.375rem;
}
.h-\[2\.5rem\] {
height: 2.5rem;
}
.h-\[2\.625rem\] {
height: 2.625rem;
}
.h-\[2\.75rem\] {
height: 2.75rem;
}
.h-\[20px\] {
height: 20px;
}
.h-\[225px\] {
height: 225px;
}
.h-\[22px\] {
height: 22px;
}
.h-\[235px\] {
height: 235px;
}
.h-\[23px\] {
height: 23px;
}
.h-\[24px\] {
height: 24px;
}
.h-\[25px\] {
height: 25px;
}
.h-\[262px\] {
height: 262px;
}
.h-\[26px\] {
height: 26px;
}
.h-\[28px\] {
height: 28px;
}
.h-\[290px\] {
height: 290px;
}
.h-\[2px\] {
height: 2px;
}
.h-\[2rem\] {
height: 2rem;
}
.h-\[3\.125rem\] {
height: 3.125rem;
}
.h-\[3\.188rem\] {
height: 3.188rem;
}
.h-\[3\.5rem\] {
height: 3.5rem;
}
.h-\[3\.75rem\] {
height: 3.75rem;
}
.h-\[30px\] {
height: 30px;
}
.h-\[31px\] {
height: 31px;
}
.h-\[320px\] {
height: 320px;
}
.h-\[32px\] {
height: 32px;
}
.h-\[33px\] {
height: 33px;
}
.h-\[350px\] {
height: 350px;
}
.h-\[35px\] {
height: 35px;
}
.h-\[368px\] {
height: 368px;
}
.h-\[36px\] {
height: 36px;
}
.h-\[38px\] {
height: 38px;
}
.h-\[3rem\] {
height: 3rem;
}
.h-\[4\.25em\] {
height: 4.25em;
}
.h-\[4\.25rem\] {
height: 4.25rem;
}
.h-\[4\.5rem\] {
height: 4.5rem;
}
.h-\[4\.688rem\] {
height: 4.688rem;
}
.h-\[400px\] {
height: 400px;
}
.h-\[40px\] {
height: 40px;
}
.h-\[42px\] {
height: 42px;
}
.h-\[43px\] {
height: 43px;
}
.h-\[450px\] {
height: 450px;
}
.h-\[45px\] {
height: 45px;
}
.h-\[46px\] {
height: 46px;
}
.h-\[48px\] {
height: 48px;
}
.h-\[49px\] {
height: 49px;
}
.h-\[4rem\] {
height: 4rem;
}
.h-\[500px\] {
height: 500px;
}
.h-\[50px\] {
height: 50px;
}
.h-\[525px\] {
height: 525px;
}
.h-\[52px\] {
height: 52px;
}
.h-\[53px\] {
height: 53px;
}
.h-\[54px\] {
height: 54px;
}
.h-\[55px\] {
height: 55px;
}
.h-\[56px\] {
height: 56px;
}
.h-\[57px\] {
height: 57px;
}
.h-\[58px\] {
height: 58px;
}
.h-\[60px\] {
height: 60px;
}
.h-\[614px\] {
height: 614px;
}
.h-\[61px\] {
height: 61px;
}
.h-\[64\.88px\] {
height: 64.88px;
}
.h-\[64px\] {
height: 64px;
}
.h-\[65px\] {
height: 65px;
}
.h-\[660px\] {
height: 660px;
}
.h-\[67px\] {
height: 67px;
}
.h-\[68px\] {
height: 68px;
}
.h-\[6rem\] {
height: 6rem;
}
.h-\[70px\] {
height: 70px;
}
.h-\[72px\] {
height: 72px;
}
.h-\[75px\] {
height: 75px;
}
.h-\[75vh\] {
height: 75vh;
}
.h-\[80px\] {
height: 80px;
}
.h-\[83px\] {
height: 83px;
}
.h-\[88px\] {
height: 88px;
}
.h-\[8rem\] {
height: 8rem;
}
.h-\[9\.5rem\] {
height: 9.5rem;
}
.h-\[90px\] {
height: 90px;
}
.h-\[94px\] {
height: 94px;
}
.h-\[95vh\] {
height: 95vh;
}
.h-\[97px\] {
height: 97px;
}
.h-\[calc\(100\%-11\.5rem\)\] {
height: calc(100% - 11.5rem);
}
.h-\[calc\(100\%-3\.5rem\)\] {
height: calc(100% - 3.5rem);
}
.h-\[calc\(100\%-3rem\)\] {
height: calc(100% - 3rem);
}
.h-auto {
height: auto;
}
.h-fit {
height: fit-content;
}
.h-full {
height: 100%;
}
.h-max {
height: max-content;
}
.h-screen {
height: 100vh;
}
.max-h-10 {
max-height: 2.5rem;
}
.max-h-11 {
max-height: 2.75rem;
}
.max-h-3 {
max-height: 0.75rem;
}
.max-h-4 {
max-height: 1rem;
}
.max-h-40 {
max-height: 10rem;
}
.max-h-5 {
max-height: 1.25rem;
}
.max-h-6 {
max-height: 1.5rem;
}
.max-h-60 {
max-height: 15rem;
}
.max-h-8 {
max-height: 2rem;
}
.max-h-80 {
max-height: 20rem;
}
.max-h-\[115px\] {
max-height: 115px;
}
.max-h-\[11rem\] {
max-height: 11rem;
}
.max-h-\[120px\] {
max-height: 120px;
}
.max-h-\[12px\] {
max-height: 12px;
}
.max-h-\[150px\] {
max-height: 150px;
}
.max-h-\[18px\] {
max-height: 18px;
}
.max-h-\[200px\] {
max-height: 200px;
}
.max-h-\[225px\] {
max-height: 225px;
}
.max-h-\[2500px\] {
max-height: 2500px;
}
.max-h-\[250px\] {
max-height: 250px;
}
.max-h-\[275px\] {
max-height: 275px;
}
.max-h-\[290px\] {
max-height: 290px;
}
.max-h-\[33px\] {
max-height: 33px;
}
.max-h-\[35px\] {
max-height: 35px;
}
.max-h-\[360px\] {
max-height: 360px;
}
.max-h-\[390px\] {
max-height: 390px;
}
.max-h-\[40px\] {
max-height: 40px;
}
.max-h-\[42px\] {
max-height: 42px;
}
.max-h-\[436px\] {
max-height: 436px;
}
.max-h-\[450px\] {
max-height: 450px;
}
.max-h-\[480px\] {
max-height: 480px;
}
.max-h-\[48px\] {
max-height: 48px;
}
.max-h-\[55px\] {
max-height: 55px;
}
.max-h-\[60\%\] {
max-height: 60%;
}
.max-h-\[600px\] {
max-height: 600px;
}
.max-h-\[60vh\] {
max-height: 60vh;
}
.max-h-\[614px\] {
max-height: 614px;
}
.max-h-\[618px\] {
max-height: 618px;
}
.max-h-\[61px\] {
max-height: 61px;
}
.max-h-\[70px\] {
max-height: 70px;
}
.max-h-\[746px\] {
max-height: 746px;
}
.max-h-\[79px\] {
max-height: 79px;
}
.max-h-\[80px\] {
max-height: 80px;
}
.max-h-\[80vh\] {
max-height: 80vh;
}
.max-h-\[830px\] {
max-height: 830px;
}
.max-h-\[880px\] {
max-height: 880px;
}
.max-h-\[90vh\] {
max-height: 90vh;
}
.max-h-\[940px\] {
max-height: 940px;
}
.max-h-\[95vh\] {
max-height: 95vh;
}
.max-h-\[98vh\] {
max-height: 98vh;
}
.max-h-\[calc\(100\%-33px\)\] {
max-height: calc(100% - 33px);
}
.max-h-\[calc\(100\%-44px\)\] {
max-height: calc(100% - 44px);
}
.max-h-\[calc\(100\%-55px\)\] {
max-height: calc(100% - 55px);
}
.max-h-full {
max-height: 100%;
}
.min-h-0 {
min-height: 0px;
}
.min-h-10 {
min-height: 2.5rem;
}
.min-h-11 {
min-height: 2.75rem;
}
.min-h-12 {
min-height: 3rem;
}
.min-h-14 {
min-height: 3.5rem;
}
.min-h-20 {
min-height: 5rem;
}
.min-h-24 {
min-height: 6rem;
}
.min-h-28 {
min-height: 7rem;
}
.min-h-4 {
min-height: 1rem;
}
.min-h-6 {
min-height: 1.5rem;
}
.min-h-7 {
min-height: 1.75rem;
}
.min-h-8 {
min-height: 2rem;
}
.min-h-\[100px\] {
min-height: 100px;
}
.min-h-\[11\.5rem\] {
min-height: 11.5rem;
}
.min-h-\[120px\] {
min-height: 120px;
}
.min-h-\[12px\] {
min-height: 12px;
}
.min-h-\[145px\] {
min-height: 145px;
}
.min-h-\[150px\] {
min-height: 150px;
}
.min-h-\[17\.625rem\] {
min-height: 17.625rem;
}
.min-h-\[170px\] {
min-height: 170px;
}
.min-h-\[180px\] {
min-height: 180px;
}
.min-h-\[18px\] {
min-height: 18px;
}
.min-h-\[2\.625rem\] {
min-height: 2.625rem;
}
.min-h-\[200px\] {
min-height: 200px;
}
.min-h-\[20px\] {
min-height: 20px;
}
.min-h-\[24px\] {
min-height: 24px;
}
.min-h-\[250px\] {
min-height: 250px;
}
.min-h-\[256px\] {
min-height: 256px;
}
.min-h-\[270px\] {
min-height: 270px;
}
.min-h-\[275px\] {
min-height: 275px;
}
.min-h-\[280px\] {
min-height: 280px;
}
.min-h-\[288px\] {
min-height: 288px;
}
.min-h-\[2rem\] {
min-height: 2rem;
}
.min-h-\[30px\] {
min-height: 30px;
}
.min-h-\[31px\] {
min-height: 31px;
}
.min-h-\[33px\] {
min-height: 33px;
}
.min-h-\[35px\] {
min-height: 35px;
}
.min-h-\[36rem\] {
min-height: 36rem;
}
.min-h-\[4\.25rem\] {
min-height: 4.25rem;
}
.min-h-\[4\.75rem\] {
min-height: 4.75rem;
}
.min-h-\[4\.8rem\] {
min-height: 4.8rem;
}
.min-h-\[40px\] {
min-height: 40px;
}
.min-h-\[42px\] {
min-height: 42px;
}
.min-h-\[450px\] {
min-height: 450px;
}
.min-h-\[45px\] {
min-height: 45px;
}
.min-h-\[48px\] {
min-height: 48px;
}
.min-h-\[5\.25rem\] {
min-height: 5.25rem;
}
.min-h-\[5\.625rem\] {
min-height: 5.625rem;
}
.min-h-\[50px\] {
min-height: 50px;
}
.min-h-\[52px\] {
min-height: 52px;
}
.min-h-\[55px\] {
min-height: 55px;
}
.min-h-\[56px\] {
min-height: 56px;
}
.min-h-\[57px\] {
min-height: 57px;
}
.min-h-\[58px\] {
min-height: 58px;
}
.min-h-\[60px\] {
min-height: 60px;
}
.min-h-\[61px\] {
min-height: 61px;
}
.min-h-\[7\.5rem\] {
min-height: 7.5rem;
}
.min-h-\[70px\] {
min-height: 70px;
}
.min-h-\[79px\] {
min-height: 79px;
}
.min-h-\[82px\] {
min-height: 82px;
}
.min-h-\[9rem\] {
min-height: 9rem;
}
.min-h-full {
min-height: 100%;
}
.w-0 {
width: 0px;
}
.w-1\/12 {
width: 8.333333%;
}
.w-1\/2 {
width: 50%;
}
.w-1\/3 {
width: 33.333333%;
}
.w-10 {
width: 2.5rem;
}
.w-11 {
width: 2.75rem;
}
.w-11\/12 {
width: 91.666667%;
}
.w-12 {
width: 3rem;
}
.w-14 {
width: 3.5rem;
}
.w-16 {
width: 4rem;
}
.w-2 {
width: 0.5rem;
}
.w-2\.5 {
width: 0.625rem;
}
.w-2\/3 {
width: 66.666667%;
}
.w-20 {
width: 5rem;
}
.w-3 {
width: 0.75rem;
}
.w-3\.5 {
width: 0.875rem;
}
.w-3\/4 {
width: 75%;
}
.w-36 {
width: 9rem;
}
.w-4 {
width: 1rem;
}
.w-40 {
width: 10rem;
}
.w-48 {
width: 12rem;
}
.w-5 {
width: 1.25rem;
}
.w-52 {
width: 13rem;
}
.w-6 {
width: 1.5rem;
}
.w-7 {
width: 1.75rem;
}
.w-8 {
width: 2rem;
}
.w-9 {
width: 2.25rem;
}
.w-\[0\.344rem\] {
width: 0.344rem;
}
.w-\[0\.625rem\] {
width: 0.625rem;
}
.w-\[0\.813rem\] {
width: 0.813rem;
}
.w-\[0\.875rem\] {
width: 0.875rem;
}
.w-\[1\.375rem\] {
width: 1.375rem;
}
.w-\[1\.7rem\] {
width: 1.7rem;
}
.w-\[100px\] {
width: 100px;
}
.w-\[104px\] {
width: 104px;
}
.w-\[105px\] {
width: 105px;
}
.w-\[10px\] {
width: 10px;
}
.w-\[10rem\] {
width: 10rem;
}
.w-\[11\.875rem\] {
width: 11.875rem;
}
.w-\[110px\] {
width: 110px;
}
.w-\[11rem\] {
width: 11rem;
}
.w-\[12\%\] {
width: 12%;
}
.w-\[12\.375rem\] {
width: 12.375rem;
}
.w-\[12\.5rem\] {
width: 12.5rem;
}
.w-\[120px\] {
width: 120px;
}
.w-\[1250px\] {
width: 1250px;
}
.w-\[126px\] {
width: 126px;
}
.w-\[127px\] {
width: 127px;
}
.w-\[12px\] {
width: 12px;
}
.w-\[132px\] {
width: 132px;
}
.w-\[135px\] {
width: 135px;
}
.w-\[13px\] {
width: 13px;
}
.w-\[142px\] {
width: 142px;
}
.w-\[145px\] {
width: 145px;
}
.w-\[147px\] {
width: 147px;
}
.w-\[148px\] {
width: 148px;
}
.w-\[149px\] {
width: 149px;
}
.w-\[14px\] {
width: 14px;
}
.w-\[15\%\] {
width: 15%;
}
.w-\[150px\] {
width: 150px;
}
.w-\[157px\] {
width: 157px;
}
.w-\[15px\] {
width: 15px;
}
.w-\[15rem\] {
width: 15rem;
}
.w-\[16\.25rem\] {
width: 16.25rem;
}
.w-\[165px\] {
width: 165px;
}
.w-\[16px\] {
width: 16px;
}
.w-\[16rem\] {
width: 16rem;
}
.w-\[170px\] {
width: 170px;
}
.w-\[171px\] {
width: 171px;
}
.w-\[174px\] {
width: 174px;
}
.w-\[175px\] {
width: 175px;
}
.w-\[180px\] {
width: 180px;
}
.w-\[184px\] {
width: 184px;
}
.w-\[185px\] {
width: 185px;
}
.w-\[186px\] {
width: 186px;
}
.w-\[18px\] {
width: 18px;
}
.w-\[190\.72px\] {
width: 190.72px;
}
.w-\[190px\] {
width: 190px;
}
.w-\[19rem\] {
width: 19rem;
}
.w-\[2\.188rem\] {
width: 2.188rem;
}
.w-\[2\.5rem\] {
width: 2.5rem;
}
.w-\[20\%\] {
width: 20%;
}
.w-\[200px\] {
width: 200px;
}
.w-\[208px\] {
width: 208px;
}
.w-\[20px\] {
width: 20px;
}
.w-\[21\%\] {
width: 21%;
}
.w-\[210px\] {
width: 210px;
}
.w-\[216px\] {
width: 216px;
}
.w-\[220px\] {
width: 220px;
}
.w-\[22px\] {
width: 22px;
}
.w-\[23\.5rem\] {
width: 23.5rem;
}
.w-\[247px\] {
width: 247px;
}
.w-\[24px\] {
width: 24px;
}
.w-\[25\%\] {
width: 25%;
}
.w-\[250px\] {
width: 250px;
}
.w-\[258px\] {
width: 258px;
}
.w-\[25px\] {
width: 25px;
}
.w-\[260px\] {
width: 260px;
}
.w-\[27\.6rem\] {
width: 27.6rem;
}
.w-\[27px\] {
width: 27px;
}
.w-\[280px\] {
width: 280px;
}
.w-\[28px\] {
width: 28px;
}
.w-\[2rem\] {
width: 2rem;
}
.w-\[3\.188rem\] {
width: 3.188rem;
}
.w-\[3\.75rem\] {
width: 3.75rem;
}
.w-\[30\%\] {
width: 30%;
}
.w-\[300px\] {
width: 300px;
}
.w-\[306px\] {
width: 306px;
}
.w-\[30px\] {
width: 30px;
}
.w-\[31\.5rem\] {
width: 31.5rem;
}
.w-\[31\.6rem\] {
width: 31.6rem;
}
.w-\[310px\] {
width: 310px;
}
.w-\[315px\] {
width: 315px;
}
.w-\[320px\] {
width: 320px;
}
.w-\[32px\] {
width: 32px;
}
.w-\[32rem\] {
width: 32rem;
}
.w-\[33\%\] {
width: 33%;
}
.w-\[35\%\] {
width: 35%;
}
.w-\[35px\] {
width: 35px;
}
.w-\[369px\] {
width: 369px;
}
.w-\[36px\] {
width: 36px;
}
.w-\[377\] {
width: 377;
}
.w-\[380px\] {
width: 380px;
}
.w-\[38px\] {
width: 38px;
}
.w-\[3rem\] {
width: 3rem;
}
.w-\[4\.688rem\] {
width: 4.688rem;
}
.w-\[40\%\] {
width: 40%;
}
.w-\[400px\] {
width: 400px;
}
.w-\[40px\] {
width: 40px;
}
.w-\[416px\] {
width: 416px;
}
.w-\[42px\] {
width: 42px;
}
.w-\[437px\] {
width: 437px;
}
.w-\[43px\] {
width: 43px;
}
.w-\[44\%\] {
width: 44%;
}
.w-\[443px\] {
width: 443px;
}
.w-\[45\%\] {
width: 45%;
}
.w-\[453px\] {
width: 453px;
}
.w-\[45px\] {
width: 45px;
}
.w-\[47px\] {
width: 47px;
}
.w-\[48px\] {
width: 48px;
}
.w-\[492px\] {
width: 492px;
}
.w-\[4rem\] {
width: 4rem;
}
.w-\[50\%\] {
width: 50%;
}
.w-\[507px\] {
width: 507px;
}
.w-\[50px\] {
width: 50px;
}
.w-\[510px\] {
width: 510px;
}
.w-\[550px\] {
width: 550px;
}
.w-\[556px\] {
width: 556px;
}
.w-\[565px\] {
width: 565px;
}
.w-\[57px\] {
width: 57px;
}
.w-\[588px\] {
width: 588px;
}
.w-\[5rem\] {
width: 5rem;
}
.w-\[6\.2rem\] {
width: 6.2rem;
}
.w-\[6\.5rem\] {
width: 6.5rem;
}
.w-\[6\.6rem\] {
width: 6.6rem;
}
.w-\[60\%\] {
width: 60%;
}
.w-\[621px\] {
width: 621px;
}
.w-\[625px\] {
width: 625px;
}
.w-\[64px\] {
width: 64px;
}
.w-\[65px\] {
width: 65px;
}
.w-\[66\%\] {
width: 66%;
}
.w-\[67px\] {
width: 67px;
}
.w-\[69px\] {
width: 69px;
}
.w-\[6rem\] {
width: 6rem;
}
.w-\[70\%\] {
width: 70%;
}
.w-\[700px\] {
width: 700px;
}
.w-\[754px\] {
width: 754px;
}
.w-\[75px\] {
width: 75px;
}
.w-\[76\%\] {
width: 76%;
}
.w-\[780px\] {
width: 780px;
}
.w-\[7rem\] {
width: 7rem;
}
.w-\[8\.438rem\] {
width: 8.438rem;
}
.w-\[8\.5rem\] {
width: 8.5rem;
}
.w-\[8\.75rem\] {
width: 8.75rem;
}
.w-\[80px\] {
width: 80px;
}
.w-\[84px\] {
width: 84px;
}
.w-\[8rem\] {
width: 8rem;
}
.w-\[9\.2rem\] {
width: 9.2rem;
}
.w-\[9\.5rem\] {
width: 9.5rem;
}
.w-\[90px\] {
width: 90px;
}
.w-\[91px\] {
width: 91px;
}
.w-\[95\%\] {
width: 95%;
}
.w-\[96px\] {
width: 96px;
}
.w-\[98px\] {
width: 98px;
}
.w-\[calc\(100\%-2rem\)\] {
width: calc(100% - 2rem);
}
.w-\[calc\(100\%-66px\)\] {
width: calc(100% - 66px);
}
.w-\[calc\(100\%-6rem\)\] {
width: calc(100% - 6rem);
}
.w-\[calc\(100\%-77px\)\] {
width: calc(100% - 77px);
}
.w-auto {
width: auto;
}
.w-fit {
width: fit-content;
}
.w-full {
width: 100%;
}
.w-screen {
width: 100vw;
}
.min-w-0 {
min-width: 0px;
}
.min-w-20 {
min-width: 5rem;
}
.min-w-28 {
min-width: 7rem;
}
.min-w-32 {
min-width: 8rem;
}
.min-w-36 {
min-width: 9rem;
}
.min-w-4 {
min-width: 1rem;
}
.min-w-6 {
min-width: 1.5rem;
}
.min-w-7 {
min-width: 1.75rem;
}
.min-w-\[1\.5rem\] {
min-width: 1.5rem;
}
.min-w-\[100px\] {
min-width: 100px;
}
.min-w-\[104px\] {
min-width: 104px;
}
.min-w-\[105px\] {
min-width: 105px;
}
.min-w-\[115px\] {
min-width: 115px;
}
.min-w-\[120px\] {
min-width: 120px;
}
.min-w-\[125px\] {
min-width: 125px;
}
.min-w-\[128px\] {
min-width: 128px;
}
.min-w-\[12px\] {
min-width: 12px;
}
.min-w-\[12rem\] {
min-width: 12rem;
}
.min-w-\[130px\] {
min-width: 130px;
}
.min-w-\[136px\] {
min-width: 136px;
}
.min-w-\[140px\] {
min-width: 140px;
}
.min-w-\[150px\] {
min-width: 150px;
}
.min-w-\[15rem\] {
min-width: 15rem;
}
.min-w-\[160px\] {
min-width: 160px;
}
.min-w-\[16px\] {
min-width: 16px;
}
.min-w-\[175px\] {
min-width: 175px;
}
.min-w-\[180px\] {
min-width: 180px;
}
.min-w-\[185px\] {
min-width: 185px;
}
.min-w-\[18px\] {
min-width: 18px;
}
.min-w-\[190px\] {
min-width: 190px;
}
.min-w-\[192px\] {
min-width: 192px;
}
.min-w-\[2\.5rem\] {
min-width: 2.5rem;
}
.min-w-\[2\.75rem\] {
min-width: 2.75rem;
}
.min-w-\[200px\] {
min-width: 200px;
}
.min-w-\[20px\] {
min-width: 20px;
}
.min-w-\[20rem\] {
min-width: 20rem;
}
.min-w-\[210px\] {
min-width: 210px;
}
.min-w-\[215px\] {
min-width: 215px;
}
.min-w-\[22\%\] {
min-width: 22%;
}
.min-w-\[220px\] {
min-width: 220px;
}
.min-w-\[235px\] {
min-width: 235px;
}
.min-w-\[245px\] {
min-width: 245px;
}
.min-w-\[25\%\] {
min-width: 25%;
}
.min-w-\[250px\] {
min-width: 250px;
}
.min-w-\[256px\] {
min-width: 256px;
}
.min-w-\[260px\] {
min-width: 260px;
}
.min-w-\[26px\] {
min-width: 26px;
}
.min-w-\[292px\] {
min-width: 292px;
}
.min-w-\[3\.7rem\] {
min-width: 3.7rem;
}
.min-w-\[30\%\] {
min-width: 30%;
}
.min-w-\[300px\] {
min-width: 300px;
}
.min-w-\[31\.6rem\] {
min-width: 31.6rem;
}
.min-w-\[315px\] {
min-width: 315px;
}
.min-w-\[32px\] {
min-width: 32px;
}
.min-w-\[3rem\] {
min-width: 3rem;
}
.min-w-\[4\.2rem\] {
min-width: 4.2rem;
}
.min-w-\[4\.6rem\] {
min-width: 4.6rem;
}
.min-w-\[40\%\] {
min-width: 40%;
}
.min-w-\[400px\] {
min-width: 400px;
}
.min-w-\[40px\] {
min-width: 40px;
}
.min-w-\[42px\] {
min-width: 42px;
}
.min-w-\[450px\] {
min-width: 450px;
}
.min-w-\[470px\] {
min-width: 470px;
}
.min-w-\[48px\] {
min-width: 48px;
}
.min-w-\[4rem\] {
min-width: 4rem;
}
.min-w-\[50\%\] {
min-width: 50%;
}
.min-w-\[50px\] {
min-width: 50px;
}
.min-w-\[54\%\] {
min-width: 54%;
}
.min-w-\[55px\] {
min-width: 55px;
}
.min-w-\[5rem\] {
min-width: 5rem;
}
.min-w-\[6\.563rem\] {
min-width: 6.563rem;
}
.min-w-\[6\.5rem\] {
min-width: 6.5rem;
}
.min-w-\[60\%\] {
min-width: 60%;
}
.min-w-\[607px\] {
min-width: 607px;
}
.min-w-\[60px\] {
min-width: 60px;
}
.min-w-\[650px\] {
min-width: 650px;
}
.min-w-\[67px\] {
min-width: 67px;
}
.min-w-\[7\.5rem\] {
min-width: 7.5rem;
}
.min-w-\[70\%\] {
min-width: 70%;
}
.min-w-\[73px\] {
min-width: 73px;
}
.min-w-\[75\%\] {
min-width: 75%;
}
.min-w-\[75px\] {
min-width: 75px;
}
.min-w-\[799px\] {
min-width: 799px;
}
.min-w-\[7rem\] {
min-width: 7rem;
}
.min-w-\[80px\] {
min-width: 80px;
}
.min-w-\[82px\] {
min-width: 82px;
}
.min-w-\[85px\] {
min-width: 85px;
}
.min-w-\[8rem\] {
min-width: 8rem;
}
.min-w-\[90px\] {
min-width: 90px;
}
.min-w-\[92px\] {
min-width: 92px;
}
.min-w-\[99px\] {
min-width: 99px;
}
.min-w-full {
min-width: 100%;
}
.max-w-3 {
max-width: 0.75rem;
}
.max-w-36 {
max-width: 9rem;
}
.max-w-4 {
max-width: 1rem;
}
.max-w-40 {
max-width: 10rem;
}
.max-w-48 {
max-width: 12rem;
}
.max-w-5 {
max-width: 1.25rem;
}
.max-w-6 {
max-width: 1.5rem;
}
.max-w-7 {
max-width: 1.75rem;
}
.max-w-8 {
max-width: 2rem;
}
.max-w-\[1\.5rem\] {
max-width: 1.5rem;
}
.max-w-\[100px\] {
max-width: 100px;
}
.max-w-\[110px\] {
max-width: 110px;
}
.max-w-\[115px\] {
max-width: 115px;
}
.max-w-\[12\.5rem\] {
max-width: 12.5rem;
}
.max-w-\[120px\] {
max-width: 120px;
}
.max-w-\[125px\] {
max-width: 125px;
}
.max-w-\[128px\] {
max-width: 128px;
}
.max-w-\[12rem\] {
max-width: 12rem;
}
.max-w-\[130px\] {
max-width: 130px;
}
.max-w-\[136px\] {
max-width: 136px;
}
.max-w-\[140px\] {
max-width: 140px;
}
.max-w-\[150px\] {
max-width: 150px;
}
.max-w-\[15rem\] {
max-width: 15rem;
}
.max-w-\[160px\] {
max-width: 160px;
}
.max-w-\[16px\] {
max-width: 16px;
}
.max-w-\[175px\] {
max-width: 175px;
}
.max-w-\[185px\] {
max-width: 185px;
}
.max-w-\[18px\] {
max-width: 18px;
}
.max-w-\[190px\] {
max-width: 190px;
}
.max-w-\[192px\] {
max-width: 192px;
}
.max-w-\[2\.5rem\] {
max-width: 2.5rem;
}
.max-w-\[200px\] {
max-width: 200px;
}
.max-w-\[20rem\] {
max-width: 20rem;
}
.max-w-\[210px\] {
max-width: 210px;
}
.max-w-\[215px\] {
max-width: 215px;
}
.max-w-\[220px\] {
max-width: 220px;
}
.max-w-\[235px\] {
max-width: 235px;
}
.max-w-\[23rem\] {
max-width: 23rem;
}
.max-w-\[245px\] {
max-width: 245px;
}
.max-w-\[25\%\] {
max-width: 25%;
}
.max-w-\[250px\] {
max-width: 250px;
}
.max-w-\[260px\] {
max-width: 260px;
}
.max-w-\[28\.35rem\] {
max-width: 28.35rem;
}
.max-w-\[292px\] {
max-width: 292px;
}
.max-w-\[30\%\] {
max-width: 30%;
}
.max-w-\[30\.30rem\] {
max-width: 30.30rem;
}
.max-w-\[300px\] {
max-width: 300px;
}
.max-w-\[30px\] {
max-width: 30px;
}
.max-w-\[31\.6rem\] {
max-width: 31.6rem;
}
.max-w-\[315px\] {
max-width: 315px;
}
.max-w-\[32\.25rem\] {
max-width: 32.25rem;
}
.max-w-\[32px\] {
max-width: 32px;
}
.max-w-\[36rem\] {
max-width: 36rem;
}
.max-w-\[37\.5rem\] {
max-width: 37.5rem;
}
.max-w-\[372px\] {
max-width: 372px;
}
.max-w-\[3rem\] {
max-width: 3rem;
}
.max-w-\[400px\] {
max-width: 400px;
}
.max-w-\[40px\] {
max-width: 40px;
}
.max-w-\[42px\] {
max-width: 42px;
}
.max-w-\[45\.5rem\] {
max-width: 45.5rem;
}
.max-w-\[453px\] {
max-width: 453px;
}
.max-w-\[45rem\] {
max-width: 45rem;
}
.max-w-\[48px\] {
max-width: 48px;
}
.max-w-\[50\%\] {
max-width: 50%;
}
.max-w-\[507px\] {
max-width: 507px;
}
.max-w-\[50px\] {
max-width: 50px;
}
.max-w-\[520px\] {
max-width: 520px;
}
.max-w-\[528px\] {
max-width: 528px;
}
.max-w-\[55px\] {
max-width: 55px;
}
.max-w-\[590px\] {
max-width: 590px;
}
.max-w-\[6\.5rem\] {
max-width: 6.5rem;
}
.max-w-\[60px\] {
max-width: 60px;
}
.max-w-\[620px\] {
max-width: 620px;
}
.max-w-\[650px\] {
max-width: 650px;
}
.max-w-\[6rem\] {
max-width: 6rem;
}
.max-w-\[7\.5rem\] {
max-width: 7.5rem;
}
.max-w-\[70\%\] {
max-width: 70%;
}
.max-w-\[75\%\] {
max-width: 75%;
}
.max-w-\[750px\] {
max-width: 750px;
}
.max-w-\[75px\] {
max-width: 75px;
}
.max-w-\[799px\] {
max-width: 799px;
}
.max-w-\[7rem\] {
max-width: 7rem;
}
.max-w-\[80px\] {
max-width: 80px;
}
.max-w-\[82px\] {
max-width: 82px;
}
.max-w-\[85px\] {
max-width: 85px;
}
.max-w-\[900px\] {
max-width: 900px;
}
.max-w-\[90px\] {
max-width: 90px;
}
.max-w-\[90vh\] {
max-width: 90vh;
}
.max-w-\[92px\] {
max-width: 92px;
}
.max-w-\[calc\(100\%-15rem\)\] {
max-width: calc(100% - 15rem);
}
.max-w-full {
max-width: 100%;
}
.max-w-lg {
max-width: 32rem;
}
.flex-1 {
flex: 1 1 0%;
}
.flex-none {
flex: none;
}
.flex-shrink {
flex-shrink: 1;
}
.shrink {
flex-shrink: 1;
}
.shrink-0 {
flex-shrink: 0;
}
.flex-grow {
flex-grow: 1;
}
.grow {
flex-grow: 1;
}
.basis-1\/12 {
flex-basis: 8.333333%;
}
.basis-1\/2 {
flex-basis: 50%;
}
.basis-1\/3 {
flex-basis: 33.333333%;
}
.basis-1\/4 {
flex-basis: 25%;
}
.basis-1\/5 {
flex-basis: 20%;
}
.basis-1\/6 {
flex-basis: 16.666667%;
}
.basis-10\/12 {
flex-basis: 83.333333%;
}
.basis-11\/12 {
flex-basis: 91.666667%;
}
.basis-2\/12 {
flex-basis: 16.666667%;
}
.basis-2\/3 {
flex-basis: 66.666667%;
}
.basis-2\/5 {
flex-basis: 40%;
}
.basis-3\/12 {
flex-basis: 25%;
}
.basis-3\/5 {
flex-basis: 60%;
}
.basis-4\/5 {
flex-basis: 80%;
}
.basis-5\/12 {
flex-basis: 41.666667%;
}
.basis-5\/6 {
flex-basis: 83.333333%;
}
.basis-7\/12 {
flex-basis: 58.333333%;
}
.basis-8\/12 {
flex-basis: 66.666667%;
}
.basis-9\/12 {
flex-basis: 75%;
}
.border-collapse {
border-collapse: collapse;
}
.-rotate-90 {
--tw-rotate: -90deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes pulse {
50% {
opacity: .5;
}
}
.animate-pulse {
animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
.animate-spin {
animation: spin 1s linear infinite;
}
.cursor-default {
cursor: default;
}
.cursor-pointer {
cursor: pointer;
}
.select-none {
-webkit-user-select: none;
user-select: none;
}
.select-all {
-webkit-user-select: all;
user-select: all;
}
.appearance-none {
appearance: none;
}
.grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-rows-2 {
grid-template-rows: repeat(2, minmax(0, 1fr));
}
.flex-row {
flex-direction: row;
}
.flex-col {
flex-direction: column;
}
.flex-col-reverse {
flex-direction: column-reverse;
}
.flex-wrap {
flex-wrap: wrap;
}
.flex-nowrap {
flex-wrap: nowrap;
}
.place-content-center {
place-content: center;
}
.place-items-center {
place-items: center;
}
.items-start {
align-items: flex-start;
}
.items-end {
align-items: flex-end;
}
.items-center {
align-items: center;
}
.items-stretch {
align-items: stretch;
}
.justify-start {
justify-content: flex-start;
}
.justify-end {
justify-content: flex-end;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.gap-0\.5 {
gap: 0.125rem;
}
.gap-1 {
gap: 0.25rem;
}
.gap-1\.5 {
gap: 0.375rem;
}
.gap-12 {
gap: 3rem;
}
.gap-2 {
gap: 0.5rem;
}
.gap-2\.5 {
gap: 0.625rem;
}
.gap-3 {
gap: 0.75rem;
}
.gap-4 {
gap: 1rem;
}
.gap-5 {
gap: 1.25rem;
}
.gap-52 {
gap: 13rem;
}
.gap-6 {
gap: 1.5rem;
}
.gap-7 {
gap: 1.75rem;
}
.gap-\[1\.5px\] {
gap: 1.5px;
}
.justify-self-end {
justify-self: end;
}
.overflow-auto {
overflow: auto;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-clip {
overflow: clip;
}
.overflow-visible {
overflow: visible;
}
.overflow-scroll {
overflow: scroll;
}
.overflow-x-auto {
overflow-x: auto;
}
.overflow-y-auto {
overflow-y: auto;
}
.overflow-x-hidden {
overflow-x: hidden;
}
.overflow-y-hidden {
overflow-y: hidden;
}
.overflow-y-scroll {
overflow-y: scroll;
}
.overflow-ellipsis {
text-overflow: ellipsis;
}
.text-ellipsis {
text-overflow: ellipsis;
}
.whitespace-nowrap {
white-space: nowrap;
}
.whitespace-pre-wrap {
white-space: pre-wrap;
}
.text-wrap {
text-wrap: wrap;
}
.text-nowrap {
text-wrap: nowrap;
}
.break-words {
overflow-wrap: break-word;
}
.rounded {
border-radius: 0.25rem;
}
.rounded-3xl {
border-radius: 1.5rem;
}
.rounded-\[4px\] {
border-radius: 4px;
}
.rounded-\[50\%\] {
border-radius: 50%;
}
.rounded-\[8px\] {
border-radius: 8px;
}
.rounded-full {
border-radius: 9999px;
}
.rounded-lg {
border-radius: 0.5rem;
}
.rounded-md {
border-radius: 0.375rem;
}
.rounded-sm {
border-radius: 0.125rem;
}
.rounded-xl {
border-radius: 0.75rem;
}
.rounded-b-lg {
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.rounded-b-md {
border-bottom-right-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
.rounded-l-md {
border-top-left-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
.rounded-r-md {
border-top-right-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
}
.rounded-t-lg {
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
.rounded-t-md {
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
}
.rounded-bl-md {
border-bottom-left-radius: 0.375rem;
}
.rounded-bl-sm {
border-bottom-left-radius: 0.125rem;
}
.rounded-br-sm {
border-bottom-right-radius: 0.125rem;
}
.rounded-tl-md {
border-top-left-radius: 0.375rem;
}
.rounded-tr-md {
border-top-right-radius: 0.375rem;
}
.border {
border-width: 1px;
}
.border-0 {
border-width: 0px;
}
.border-2 {
border-width: 2px;
}
.border-4 {
border-width: 4px;
}
.border-\[0\.50px\] {
border-width: 0.50px;
}
.border-\[0\.5px\] {
border-width: 0.5px;
}
.border-\[1\.25px\] {
border-width: 1.25px;
}
.border-\[1px\] {
border-width: 1px;
}
.border-\[2px\] {
border-width: 2px;
}
.border-\[3px\] {
border-width: 3px;
}
.border-x-0 {
border-left-width: 0px;
border-right-width: 0px;
}
.border-x-\[1px\] {
border-left-width: 1px;
border-right-width: 1px;
}
.border-y {
border-top-width: 1px;
border-bottom-width: 1px;
}
.border-y-2 {
border-top-width: 2px;
border-bottom-width: 2px;
}
.border-y-\[1px\] {
border-top-width: 1px;
border-bottom-width: 1px;
}
.border-b {
border-bottom-width: 1px;
}
.border-b-0 {
border-bottom-width: 0px;
}
.border-b-2 {
border-bottom-width: 2px;
}
.border-b-\[1\.25px\] {
border-bottom-width: 1.25px;
}
.border-b-\[1px\] {
border-bottom-width: 1px;
}
.border-l {
border-left-width: 1px;
}
.border-l-0 {
border-left-width: 0px;
}
.border-l-\[1px\] {
border-left-width: 1px;
}
.border-r {
border-right-width: 1px;
}
.border-r-0 {
border-right-width: 0px;
}
.border-r-\[1px\] {
border-right-width: 1px;
}
.border-r-\[2px\] {
border-right-width: 2px;
}
.border-t {
border-top-width: 1px;
}
.border-t-2 {
border-top-width: 2px;
}
.border-t-\[1px\] {
border-top-width: 1px;
}
.border-solid {
border-style: solid;
}
.border-dashed {
border-style: dashed;
}
.border-none {
border-style: none;
}
.border-\[\#3E9D68\] {
--tw-border-opacity: 1;
border-color: rgb(62 157 104 / var(--tw-border-opacity, 1));
}
.border-\[\#46A29F\] {
--tw-border-opacity: 1;
border-color: rgb(70 162 159 / var(--tw-border-opacity, 1));
}
.border-\[\#4A6895\] {
--tw-border-opacity: 1;
border-color: rgb(74 104 149 / var(--tw-border-opacity, 1));
}
.border-\[\#565656\] {
--tw-border-opacity: 1;
border-color: rgb(86 86 86 / var(--tw-border-opacity, 1));
}
.border-\[\#68BCCE\] {
--tw-border-opacity: 1;
border-color: rgb(104 188 206 / var(--tw-border-opacity, 1));
}
.border-\[\#737373\] {
--tw-border-opacity: 1;
border-color: rgb(115 115 115 / var(--tw-border-opacity, 1));
}
.border-\[\#A6B9D8\] {
--tw-border-opacity: 1;
border-color: rgb(166 185 216 / var(--tw-border-opacity, 1));
}
.border-\[\#CDCDCD\] {
--tw-border-opacity: 1;
border-color: rgb(205 205 205 / var(--tw-border-opacity, 1));
}
.border-\[\#D0CECE\] {
--tw-border-opacity: 1;
border-color: rgb(208 206 206 / var(--tw-border-opacity, 1));
}
.border-\[\#D8DADC\] {
--tw-border-opacity: 1;
border-color: rgb(216 218 220 / var(--tw-border-opacity, 1));
}
.border-\[\#E14F3B\] {
--tw-border-opacity: 1;
border-color: rgb(225 79 59 / var(--tw-border-opacity, 1));
}
.border-\[\#E1E1E1\] {
--tw-border-opacity: 1;
border-color: rgb(225 225 225 / var(--tw-border-opacity, 1));
}
.border-\[\#ECC26B\] {
--tw-border-opacity: 1;
border-color: rgb(236 194 107 / var(--tw-border-opacity, 1));
}
.border-\[\#FFFF00\] {
--tw-border-opacity: 1;
border-color: rgb(255 255 0 / var(--tw-border-opacity, 1));
}
.border-\[\#e1e1e1\] {
--tw-border-opacity: 1;
border-color: rgb(225 225 225 / var(--tw-border-opacity, 1));
}
.border-\[black\] {
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-black {
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-black\/10 {
border-color: rgb(0 0 0 / 0.1);
}
.border-black\/40 {
border-color: rgb(0 0 0 / 0.4);
}
.border-gray-200 {
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-gray-300 {
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-momus-cautionscale-0 {
--tw-border-opacity: 1;
border-color: rgb(236 194 107 / var(--tw-border-opacity, 1));
}
.border-momus-continuescale-0 {
--tw-border-opacity: 1;
border-color: rgb(104 188 206 / var(--tw-border-opacity, 1));
}
.border-momus-continuescale-500 {
--tw-border-opacity: 1;
border-color: rgb(104 188 206 / var(--tw-border-opacity, 1));
}
.border-momus-coreblue-100 {
--tw-border-opacity: 1;
border-color: rgb(200 209 223 / var(--tw-border-opacity, 1));
}
.border-momus-coreblue-1000 {
--tw-border-opacity: 1;
border-color: rgb(8 15 26 / var(--tw-border-opacity, 1));
}
.border-momus-coreblue-400 {
--tw-border-opacity: 1;
border-color: rgb(74 104 149 / var(--tw-border-opacity, 1));
}
.border-momus-grayscale-100 {
--tw-border-opacity: 1;
border-color: rgb(225 225 225 / var(--tw-border-opacity, 1));
}
.border-momus-grayscale-200 {
--tw-border-opacity: 1;
border-color: rgb(205 205 205 / var(--tw-border-opacity, 1));
}
.border-momus-grayscale-300 {
--tw-border-opacity: 1;
border-color: rgb(184 184 184 / var(--tw-border-opacity, 1));
}
.border-momus-grayscale-400 {
--tw-border-opacity: 1;
border-color: rgb(164 164 164 / var(--tw-border-opacity, 1));
}
.border-momus-grayscale-50 {
--tw-border-opacity: 1;
border-color: rgb(246 246 246 / var(--tw-border-opacity, 1));
}
.border-momus-grayscale-500 {
--tw-border-opacity: 1;
border-color: rgb(143 143 143 / var(--tw-border-opacity, 1));
}
.border-momus-grayscale-600 {
--tw-border-opacity: 1;
border-color: rgb(115 115 115 / var(--tw-border-opacity, 1));
}
.border-momus-grayscale-700 {
--tw-border-opacity: 1;
border-color: rgb(86 86 86 / var(--tw-border-opacity, 1));
}
.border-momus-paleblue-300 {
--tw-border-opacity: 1;
border-color: rgb(139 165 184 / var(--tw-border-opacity, 1));
}
.border-momus-paleblue-400 {
--tw-border-opacity: 1;
border-color: rgb(112 143 167 / var(--tw-border-opacity, 1));
}
.border-momus-paleblue-50 {
--tw-border-opacity: 1;
border-color: rgb(221 228 234 / var(--tw-border-opacity, 1));
}
.border-momus-paleblue-500 {
--tw-border-opacity: 1;
border-color: rgb(85 122 150 / var(--tw-border-opacity, 1));
}
.border-momus-rewardscale-0 {
--tw-border-opacity: 1;
border-color: rgb(62 157 104 / var(--tw-border-opacity, 1));
}
.border-momus-rewardscale-500 {
--tw-border-opacity: 1;
border-color: rgb(62 157 104 / var(--tw-border-opacity, 1));
}
.border-momus-teal-500 {
--tw-border-opacity: 1;
border-color: rgb(70 162 159 / var(--tw-border-opacity, 1));
}
.border-momus-warnscale-0 {
--tw-border-opacity: 1;
border-color: rgb(225 79 59 / var(--tw-border-opacity, 1));
}
.border-momus-warnscale-500 {
--tw-border-opacity: 1;
border-color: rgb(225 79 59 / var(--tw-border-opacity, 1));
}
.border-white {
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-y-momus-grayscale-100 {
--tw-border-opacity: 1;
border-top-color: rgb(225 225 225 / var(--tw-border-opacity, 1));
border-bottom-color: rgb(225 225 225 / var(--tw-border-opacity, 1));
}
.border-y-momus-pastelyellow-0 {
--tw-border-opacity: 1;
border-top-color: rgb(229 204 158 / var(--tw-border-opacity, 1));
border-bottom-color: rgb(229 204 158 / var(--tw-border-opacity, 1));
}
.border-b-\[\#D0CECE\] {
--tw-border-opacity: 1;
border-bottom-color: rgb(208 206 206 / var(--tw-border-opacity, 1));
}
.border-b-momus-grayscale-100 {
--tw-border-opacity: 1;
border-bottom-color: rgb(225 225 225 / var(--tw-border-opacity, 1));
}
.border-b-momus-grayscale-300 {
--tw-border-opacity: 1;
border-bottom-color: rgb(184 184 184 / var(--tw-border-opacity, 1));
}
.border-b-momus-paleblue-50 {
--tw-border-opacity: 1;
border-bottom-color: rgb(221 228 234 / var(--tw-border-opacity, 1));
}
.border-l-momus-grayscale-100 {
--tw-border-opacity: 1;
border-left-color: rgb(225 225 225 / var(--tw-border-opacity, 1));
}
.border-l-momus-grayscale-50 {
--tw-border-opacity: 1;
border-left-color: rgb(246 246 246 / var(--tw-border-opacity, 1));
}
.border-r-\[\#E1E1E1\] {
--tw-border-opacity: 1;
border-right-color: rgb(225 225 225 / var(--tw-border-opacity, 1));
}
.border-r-\[D0CECE\] {
border-right-color: D0CECE;
}
.border-r-momus-grayscale-100 {
--tw-border-opacity: 1;
border-right-color: rgb(225 225 225 / var(--tw-border-opacity, 1));
}
.border-t-momus-grayscale-100 {
--tw-border-opacity: 1;
border-top-color: rgb(225 225 225 / var(--tw-border-opacity, 1));
}
.border-t-momus-grayscale-300 {
--tw-border-opacity: 1;
border-top-color: rgb(184 184 184 / var(--tw-border-opacity, 1));
}
.border-opacity-30 {
--tw-border-opacity: 0.3;
}
.bg-\[\#0000000D\] {
background-color: #0000000D;
}
.bg-\[\#00000012\] {
background-color: #00000012;
}
.bg-\[\#0000001A\] {
background-color: #0000001A;
}
.bg-\[\#00000040\] {
background-color: #00000040;
}
.bg-\[\#0E1B2E0D\] {
background-color: #0E1B2E0D;
}
.bg-\[\#0E1B2E14\] {
background-color: #0E1B2E14;
}
.bg-\[\#0E1B2E33\] {
background-color: #0E1B2E33;
}
.bg-\[\#244374\] {
--tw-bg-opacity: 1;
background-color: rgb(36 67 116 / var(--tw-bg-opacity, 1));
}
.bg-\[\#338155\] {
--tw-bg-opacity: 1;
background-color: rgb(51 129 85 / var(--tw-bg-opacity, 1));
}
.bg-\[\#3E9D68\] {
--tw-bg-opacity: 1;
background-color: rgb(62 157 104 / var(--tw-bg-opacity, 1));
}
.bg-\[\#46A29F\] {
--tw-bg-opacity: 1;
background-color: rgb(70 162 159 / var(--tw-bg-opacity, 1));
}
.bg-\[\#557A96\] {
--tw-bg-opacity: 1;
background-color: rgb(85 122 150 / var(--tw-bg-opacity, 1));
}
.bg-\[\#559AA9\] {
--tw-bg-opacity: 1;
background-color: rgb(85 154 169 / var(--tw-bg-opacity, 1));
}
.bg-\[\#68BCCE\] {
--tw-bg-opacity: 1;
background-color: rgb(104 188 206 / var(--tw-bg-opacity, 1));
}
.bg-\[\#84C09E\] {
--tw-bg-opacity: 1;
background-color: rgb(132 192 158 / var(--tw-bg-opacity, 1));
}
.bg-\[\#A4A4A4\] {
--tw-bg-opacity: 1;
background-color: rgb(164 164 164 / var(--tw-bg-opacity, 1));
}
.bg-\[\#B8B8B8\] {
--tw-bg-opacity: 1;
background-color: rgb(184 184 184 / var(--tw-bg-opacity, 1));
}
.bg-\[\#B94130\] {
--tw-bg-opacity: 1;
background-color: rgb(185 65 48 / var(--tw-bg-opacity, 1));
}
.bg-\[\#C29F58\] {
--tw-bg-opacity: 1;
background-color: rgb(194 159 88 / var(--tw-bg-opacity, 1));
}
.bg-\[\#C8D1DF\] {
--tw-bg-opacity: 1;
background-color: rgb(200 209 223 / var(--tw-bg-opacity, 1));
}
.bg-\[\#C9E4D5\] {
--tw-bg-opacity: 1;
background-color: rgb(201 228 213 / var(--tw-bg-opacity, 1));
}
.bg-\[\#D5ECF1\] {
--tw-bg-opacity: 1;
background-color: rgb(213 236 241 / var(--tw-bg-opacity, 1));
}
.bg-\[\#DDEFED\] {
--tw-bg-opacity: 1;
background-color: rgb(221 239 237 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E14F3B\] {
--tw-bg-opacity: 1;
background-color: rgb(225 79 59 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E1E1E1\] {
--tw-bg-opacity: 1;
background-color: rgb(225 225 225 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ECC26B\] {
--tw-bg-opacity: 1;
background-color: rgb(236 194 107 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ECF5F0BF\] {
background-color: #ECF5F0BF;
}
.bg-\[\#EEF2F8\] {
--tw-bg-opacity: 1;
background-color: rgb(238 242 248 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F0F8FABF\] {
background-color: #F0F8FABF;
}
.bg-\[\#F0F8FA\] {
--tw-bg-opacity: 1;
background-color: rgb(240 248 250 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F6F6F6\] {
--tw-bg-opacity: 1;
background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F7CEC8\] {
--tw-bg-opacity: 1;
background-color: rgb(247 206 200 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FAF5EC\] {
--tw-bg-opacity: 1;
background-color: rgb(250 245 236 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FCEDEB\] {
--tw-bg-opacity: 1;
background-color: rgb(252 237 235 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f6f6f8\] {
--tw-bg-opacity: 1;
background-color: rgb(246 246 248 / var(--tw-bg-opacity, 1));
}
.bg-\[white\] {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/30 {
background-color: rgb(0 0 0 / 0.3);
}
.bg-blue-50 {
--tw-bg-opacity: 1;
background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.bg-gray-100 {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-momus-cautionscale-0 {
--tw-bg-opacity: 1;
background-color: rgb(236 194 107 / var(--tw-bg-opacity, 1));
}
.bg-momus-cautionscale-100 {
--tw-bg-opacity: 1;
background-color: rgb(250 238 214 / var(--tw-bg-opacity, 1));
}
.bg-momus-continuescale-0 {
--tw-bg-opacity: 1;
background-color: rgb(104 188 206 / var(--tw-bg-opacity, 1));
}
.bg-momus-continuescale-100 {
--tw-bg-opacity: 1;
background-color: rgb(213 236 241 / var(--tw-bg-opacity, 1));
}
.bg-momus-continuescale-50 {
background-color: #F0F8FABF;
}
.bg-momus-coreblue-100 {
--tw-bg-opacity: 1;
background-color: rgb(200 209 223 / var(--tw-bg-opacity, 1));
}
.bg-momus-coreblue-1000 {
--tw-bg-opacity: 1;
background-color: rgb(8 15 26 / var(--tw-bg-opacity, 1));
}
.bg-momus-coreblue-200 {
--tw-bg-opacity: 1;
background-color: rgb(166 185 216 / var(--tw-bg-opacity, 1));
}
.bg-momus-coreblue-300 {
--tw-bg-opacity: 1;
background-color: rgb(109 133 169 / var(--tw-bg-opacity, 1));
}
.bg-momus-coreblue-50 {
--tw-bg-opacity: 1;
background-color: rgb(238 242 248 / var(--tw-bg-opacity, 1));
}
.bg-momus-coreblue-500 {
--tw-bg-opacity: 1;
background-color: rgb(40 75 129 / var(--tw-bg-opacity, 1));
}
.bg-momus-coreblue-600 {
--tw-bg-opacity: 1;
background-color: rgb(34 63 108 / var(--tw-bg-opacity, 1));
}
.bg-momus-coreblue-900 {
--tw-bg-opacity: 1;
background-color: rgb(14 27 46 / var(--tw-bg-opacity, 1));
}
.bg-momus-grayscale-100 {
--tw-bg-opacity: 1;
background-color: rgb(225 225 225 / var(--tw-bg-opacity, 1));
}
.bg-momus-grayscale-200 {
--tw-bg-opacity: 1;
background-color: rgb(205 205 205 / var(--tw-bg-opacity, 1));
}
.bg-momus-grayscale-400 {
--tw-bg-opacity: 1;
background-color: rgb(164 164 164 / var(--tw-bg-opacity, 1));
}
.bg-momus-grayscale-50 {
--tw-bg-opacity: 1;
background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1));
}
.bg-momus-grayscale-500 {
--tw-bg-opacity: 1;
background-color: rgb(143 143 143 / var(--tw-bg-opacity, 1));
}
.bg-momus-grayscale-600 {
--tw-bg-opacity: 1;
background-color: rgb(115 115 115 / var(--tw-bg-opacity, 1));
}
.bg-momus-grayscale-700 {
--tw-bg-opacity: 1;
background-color: rgb(86 86 86 / var(--tw-bg-opacity, 1));
}
.bg-momus-paleblue-100 {
--tw-bg-opacity: 1;
background-color: rgb(194 207 217 / var(--tw-bg-opacity, 1));
}
.bg-momus-paleblue-50 {
--tw-bg-opacity: 1;
background-color: rgb(221 228 234 / var(--tw-bg-opacity, 1));
}
.bg-momus-paleblue-500 {
--tw-bg-opacity: 1;
background-color: rgb(85 122 150 / var(--tw-bg-opacity, 1));
}
.bg-momus-paleblue-600 {
--tw-bg-opacity: 1;
background-color: rgb(71 103 126 / var(--tw-bg-opacity, 1));
}
.bg-momus-pastelyellow-100 {
--tw-bg-opacity: 1;
background-color: rgb(246 237 220 / var(--tw-bg-opacity, 1));
}
.bg-momus-pastelyellow-200 {
--tw-bg-opacity: 1;
background-color: rgb(242 229 205 / var(--tw-bg-opacity, 1));
}
.bg-momus-pastelyellow-300 {
--tw-bg-opacity: 1;
background-color: rgb(237 220 189 / var(--tw-bg-opacity, 1));
}
.bg-momus-pastelyellow-400 {
--tw-bg-opacity: 1;
background-color: rgb(233 212 174 / var(--tw-bg-opacity, 1));
}
.bg-momus-pastelyellow-50 {
--tw-bg-opacity: 1;
background-color: rgb(250 245 236 / var(--tw-bg-opacity, 1));
}
.bg-momus-pastelyellow-500 {
--tw-bg-opacity: 1;
background-color: rgb(229 204 158 / var(--tw-bg-opacity, 1));
}
.bg-momus-rewardscale-0 {
--tw-bg-opacity: 1;
background-color: rgb(62 157 104 / var(--tw-bg-opacity, 1));
}
.bg-momus-rewardscale-100 {
--tw-bg-opacity: 1;
background-color: rgb(201 228 213 / var(--tw-bg-opacity, 1));
}
.bg-momus-rewardscale-50 {
background-color: #ECF5F0BF;
}
.bg-momus-rewardscale-600 {
--tw-bg-opacity: 1;
background-color: rgb(51 129 85 / var(--tw-bg-opacity, 1));
}
.bg-momus-teal-200 {
--tw-bg-opacity: 1;
background-color: rgb(159 207 205 / var(--tw-bg-opacity, 1));
}
.bg-momus-teal-50 {
--tw-bg-opacity: 1;
background-color: rgb(221 239 237 / var(--tw-bg-opacity, 1));
}
.bg-momus-teal-500 {
--tw-bg-opacity: 1;
background-color: rgb(70 162 159 / var(--tw-bg-opacity, 1));
}
.bg-momus-warnscale-0 {
--tw-bg-opacity: 1;
background-color: rgb(225 79 59 / var(--tw-bg-opacity, 1));
}
.bg-momus-warnscale-100 {
--tw-bg-opacity: 1;
background-color: rgb(247 206 200 / var(--tw-bg-opacity, 1));
}
.bg-momus-warnscale-400 {
--tw-bg-opacity: 1;
background-color: rgb(230 111 94 / var(--tw-bg-opacity, 1));
}
.bg-momus-warnscale-50 {
--tw-bg-opacity: 1;
background-color: rgb(252 237 235 / var(--tw-bg-opacity, 1));
}
.bg-momus-warnscale-700 {
--tw-bg-opacity: 1;
background-color: rgb(144 51 38 / var(--tw-bg-opacity, 1));
}
.bg-orange-50 {
--tw-bg-opacity: 1;
background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
background-color: transparent;
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-opacity-10 {
--tw-bg-opacity: 0.1;
}
.bg-opacity-25 {
--tw-bg-opacity: 0.25;
}
.bg-opacity-70 {
--tw-bg-opacity: 0.7;
}
.bg-\[url\(\'\.\/assets\/img\/getting-started\/getting-started-left-image\.svg\'\)\] {
background-image: url("./media/getting-started-left-image-FOH64JBQ.svg");
}
.bg-gradient-to-b {
background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-br {
background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-l {
background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-\[\#00000012\] {
--tw-gradient-from: #00000012 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#00000033\] {
--tw-gradient-from: #00000033 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#284B81\] {
--tw-gradient-from: #284B81 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(40 75 129 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#343535\] {
--tw-gradient-from: #343535 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(52 53 53 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#53738A\] {
--tw-gradient-from: #53738A var(--tw-gradient-from-position);
--tw-gradient-to: rgb(83 115 138 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-momus-teal-300 {
--tw-gradient-from: #81C0BE var(--tw-gradient-from-position);
--tw-gradient-to: rgb(129 192 190 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-\[\#000000\] {
--tw-gradient-to: #000000 var(--tw-gradient-to-position);
}
.to-\[\#365B94\] {
--tw-gradient-to: #365B94 var(--tw-gradient-to-position);
}
.to-\[\#47677E\] {
--tw-gradient-to: #47677E var(--tw-gradient-to-position);
}
.to-momus-teal-700 {
--tw-gradient-to: #306E6C var(--tw-gradient-to-position);
}
.bg-\[length\:13px\,100\%\] {
background-size: 13px, 100%;
}
.bg-cover {
background-size: cover;
}
.bg-left-top {
background-position: left top;
}
.bg-no-repeat {
background-repeat: no-repeat;
}
.fill-current {
fill: currentColor;
}
.object-right-top {
object-position: right top;
}
.p-0 {
padding: 0px;
}
.p-1 {
padding: 0.25rem;
}
.p-1\.5 {
padding: 0.375rem;
}
.p-2 {
padding: 0.5rem;
}
.p-3 {
padding: 0.75rem;
}
.p-4 {
padding: 1rem;
}
.p-6 {
padding: 1.5rem;
}
.px-0 {
padding-left: 0px;
padding-right: 0px;
}
.px-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.px-1\.5 {
padding-left: 0.375rem;
padding-right: 0.375rem;
}
.px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.px-12 {
padding-left: 3rem;
padding-right: 3rem;
}
.px-14 {
padding-left: 3.5rem;
padding-right: 3.5rem;
}
.px-16 {
padding-left: 4rem;
padding-right: 4rem;
}
.px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.px-3\.5 {
padding-left: 0.875rem;
padding-right: 0.875rem;
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.px-7 {
padding-left: 1.75rem;
padding-right: 1.75rem;
}
.px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.px-\[10px\] {
padding-left: 10px;
padding-right: 10px;
}
.px-\[13px\] {
padding-left: 13px;
padding-right: 13px;
}
.px-\[20px\] {
padding-left: 20px;
padding-right: 20px;
}
.px-\[3\%\] {
padding-left: 3%;
padding-right: 3%;
}
.px-\[30px\] {
padding-left: 30px;
padding-right: 30px;
}
.px-\[5px\] {
padding-left: 5px;
padding-right: 5px;
}
.px-\[8\%\] {
padding-left: 8%;
padding-right: 8%;
}
.py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.py-0\.5 {
padding-top: 0.125rem;
padding-bottom: 0.125rem;
}
.py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.py-2\.5 {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
.py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.py-3\.5 {
padding-top: 0.875rem;
padding-bottom: 0.875rem;
}
.py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.py-8 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.py-\[10px\] {
padding-top: 10px;
padding-bottom: 10px;
}
.py-\[15px\] {
padding-top: 15px;
padding-bottom: 15px;
}
.pb-0 {
padding-bottom: 0px;
}
.pb-1 {
padding-bottom: 0.25rem;
}
.pb-1\.5 {
padding-bottom: 0.375rem;
}
.pb-10 {
padding-bottom: 2.5rem;
}
.pb-11 {
padding-bottom: 2.75rem;
}
.pb-12 {
padding-bottom: 3rem;
}
.pb-2 {
padding-bottom: 0.5rem;
}
.pb-20 {
padding-bottom: 5rem;
}
.pb-3 {
padding-bottom: 0.75rem;
}
.pb-3\.5 {
padding-bottom: 0.875rem;
}
.pb-4 {
padding-bottom: 1rem;
}
.pb-5 {
padding-bottom: 1.25rem;
}
.pb-6 {
padding-bottom: 1.5rem;
}
.pb-7 {
padding-bottom: 1.75rem;
}
.pb-8 {
padding-bottom: 2rem;
}
.pb-\[0\.4rem\] {
padding-bottom: 0.4rem;
}
.pb-\[0\.7rem\] {
padding-bottom: 0.7rem;
}
.pb-\[10px\] {
padding-bottom: 10px;
}
.pb-\[11px\] {
padding-bottom: 11px;
}
.pb-\[3\%\] {
padding-bottom: 3%;
}
.pl-0 {
padding-left: 0px;
}
.pl-1 {
padding-left: 0.25rem;
}
.pl-1\.5 {
padding-left: 0.375rem;
}
.pl-10 {
padding-left: 2.5rem;
}
.pl-12 {
padding-left: 3rem;
}
.pl-2 {
padding-left: 0.5rem;
}
.pl-3 {
padding-left: 0.75rem;
}
.pl-4 {
padding-left: 1rem;
}
.pl-6 {
padding-left: 1.5rem;
}
.pl-7 {
padding-left: 1.75rem;
}
.pl-\[10px\] {
padding-left: 10px;
}
.pl-\[11px\] {
padding-left: 11px;
}
.pl-\[14px\] {
padding-left: 14px;
}
.pl-\[16px\] {
padding-left: 16px;
}
.pl-\[2\.5rem\] {
padding-left: 2.5rem;
}
.pl-\[40px\] {
padding-left: 40px;
}
.pl-\[58px\] {
padding-left: 58px;
}
.pl-\[8px\] {
padding-left: 8px;
}
.pl-\[90px\] {
padding-left: 90px;
}
.pr-0 {
padding-right: 0px;
}
.pr-0\.5 {
padding-right: 0.125rem;
}
.pr-1 {
padding-right: 0.25rem;
}
.pr-1\.5 {
padding-right: 0.375rem;
}
.pr-14 {
padding-right: 3.5rem;
}
.pr-2 {
padding-right: 0.5rem;
}
.pr-3 {
padding-right: 0.75rem;
}
.pr-4 {
padding-right: 1rem;
}
.pr-5 {
padding-right: 1.25rem;
}
.pr-6 {
padding-right: 1.5rem;
}
.pr-7 {
padding-right: 1.75rem;
}
.pr-8 {
padding-right: 2rem;
}
.pr-9 {
padding-right: 2.25rem;
}
.pr-\[10px\] {
padding-right: 10px;
}
.pr-\[11px\] {
padding-right: 11px;
}
.pr-\[15px\] {
padding-right: 15px;
}
.pr-\[25px\] {
padding-right: 25px;
}
.pr-\[8px\] {
padding-right: 8px;
}
.pt-0 {
padding-top: 0px;
}
.pt-0\.5 {
padding-top: 0.125rem;
}
.pt-1 {
padding-top: 0.25rem;
}
.pt-1\.5 {
padding-top: 0.375rem;
}
.pt-2 {
padding-top: 0.5rem;
}
.pt-3 {
padding-top: 0.75rem;
}
.pt-3\.5 {
padding-top: 0.875rem;
}
.pt-4 {
padding-top: 1rem;
}
.pt-5 {
padding-top: 1.25rem;
}
.pt-6 {
padding-top: 1.5rem;
}
.pt-7 {
padding-top: 1.75rem;
}
.pt-8 {
padding-top: 2rem;
}
.pt-\[0\.15rem\] {
padding-top: 0.15rem;
}
.pt-\[1\.4rem\] {
padding-top: 1.4rem;
}
.pt-\[1\.925rem\] {
padding-top: 1.925rem;
}
.pt-\[10px\] {
padding-top: 10px;
}
.pt-\[12px\] {
padding-top: 12px;
}
.pt-\[1px\] {
padding-top: 1px;
}
.pt-\[20px\] {
padding-top: 20px;
}
.pt-\[30px\] {
padding-top: 30px;
}
.pt-\[5px\] {
padding-top: 5px;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-justify {
text-align: justify;
}
.text-start {
text-align: start;
}
.align-top {
vertical-align: top;
}
.align-middle {
vertical-align: middle;
}
.align-bottom {
vertical-align: bottom;
}
.font-momus-palatia {
font-family: Palatia, serif;
}
.font-momus-palatino {
font-family: Palatino, serif;
}
.font-momus-public-sans {
font-family: Public Sans, sans-serif;
}
.font-momus-public-sans-light {
font-family: Public Sans Light, sans-serif;
}
.text-\[0\.375rem\] {
font-size: 0.375rem;
}
.text-\[0\.4375rem\] {
font-size: 0.4375rem;
}
.text-\[0\.5625rem\] {
font-size: 0.5625rem;
}
.text-\[0\.625rem\] {
font-size: 0.625rem;
}
.text-\[0\.75rem\] {
font-size: 0.75rem;
}
.text-\[0\.875rem\] {
font-size: 0.875rem;
}
.text-\[0\.9375rem\] {
font-size: 0.9375rem;
}
.text-\[1\.063rem\] {
font-size: 1.063rem;
}
.text-\[1\.125rem\] {
font-size: 1.125rem;
}
.text-\[1\.25rem\] {
font-size: 1.25rem;
}
.text-\[1\.5rem\] {
font-size: 1.5rem;
}
.text-\[1\.625rem\] {
font-size: 1.625rem;
}
.text-\[1\.75rem\] {
font-size: 1.75rem;
}
.text-\[1\.875rem\] {
font-size: 1.875rem;
}
.text-\[10px\] {
font-size: 10px;
}
.text-\[12px\] {
font-size: 12px;
}
.text-\[13px\] {
font-size: 13px;
}
.text-\[14px\] {
font-size: 14px;
}
.text-\[15px\] {
font-size: 15px;
}
.text-\[16px\] {
font-size: 16px;
}
.text-\[17px\] {
font-size: 17px;
}
.text-\[18px\] {
font-size: 18px;
}
.text-\[1rem\] {
font-size: 1rem;
}
.text-\[2\.4625rem\] {
font-size: 2.4625rem;
}
.text-\[20px\] {
font-size: 20px;
}
.text-\[24px\] {
font-size: 24px;
}
.text-\[2rem\] {
font-size: 2rem;
}
.text-\[3rem\] {
font-size: 3rem;
}
.text-\[40px\] {
font-size: 40px;
}
.text-\[9px\] {
font-size: 9px;
}
.text-base {
font-size: 1rem;
line-height: 1.5rem;
}
.text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.text-xs {
font-size: 0.75rem;
line-height: 1rem;
}
.font-\[500\] {
font-weight: 500;
}
.font-black {
font-weight: 900;
}
.font-bold {
font-weight: 700;
}
.font-extralight {
font-weight: 200;
}
.font-light {
font-weight: 300;
}
.font-medium {
font-weight: 500;
}
.font-normal {
font-weight: 400;
}
.font-semibold {
font-weight: 600;
}
.uppercase {
text-transform: uppercase;
}
.lowercase {
text-transform: lowercase;
}
.capitalize {
text-transform: capitalize;
}
.normal-case {
text-transform: none;
}
.italic {
font-style: italic;
}
.leading-3 {
line-height: .75rem;
}
.leading-4 {
line-height: 1rem;
}
.leading-5 {
line-height: 1.25rem;
}
.leading-6 {
line-height: 1.5rem;
}
.leading-8 {
line-height: 2rem;
}
.leading-\[17\.04px\] {
line-height: 17.04px;
}
.leading-\[17px\] {
line-height: 17px;
}
.leading-\[18px\] {
line-height: 18px;
}
.leading-\[19\.8px\] {
line-height: 19.8px;
}
.leading-\[1rem\] {
line-height: 1rem;
}
.leading-\[2\.25rem\] {
line-height: 2.25rem;
}
.leading-none {
line-height: 1;
}
.leading-tight {
line-height: 1.25;
}
.tracking-\[0\.025rem\] {
letter-spacing: 0.025rem;
}
.tracking-\[0\.02rem\] {
letter-spacing: 0.02rem;
}
.tracking-\[0\.055rem\] {
letter-spacing: 0.055rem;
}
.tracking-\[0\.095rem\] {
letter-spacing: 0.095rem;
}
.tracking-\[1px\] {
letter-spacing: 1px;
}
.tracking-\[2px\] {
letter-spacing: 2px;
}
.tracking-\[4px\] {
letter-spacing: 4px;
}
.tracking-wide {
letter-spacing: 0.025em;
}
.tracking-widest {
letter-spacing: 0.1em;
}
.text-\[\#284B81\] {
--tw-text-opacity: 1;
color: rgb(40 75 129 / var(--tw-text-opacity, 1));
}
.text-\[\#3E9D68\] {
--tw-text-opacity: 1;
color: rgb(62 157 104 / var(--tw-text-opacity, 1));
}
.text-\[\#46A29F\] {
--tw-text-opacity: 1;
color: rgb(70 162 159 / var(--tw-text-opacity, 1));
}
.text-\[\#557A96\] {
--tw-text-opacity: 1;
color: rgb(85 122 150 / var(--tw-text-opacity, 1));
}
.text-\[\#565656\] {
--tw-text-opacity: 1;
color: rgb(86 86 86 / var(--tw-text-opacity, 1));
}
.text-\[\#68BCCE\] {
--tw-text-opacity: 1;
color: rgb(104 188 206 / var(--tw-text-opacity, 1));
}
.text-\[\#737373\] {
--tw-text-opacity: 1;
color: rgb(115 115 115 / var(--tw-text-opacity, 1));
}
.text-\[\#8F8F8F\] {
--tw-text-opacity: 1;
color: rgb(143 143 143 / var(--tw-text-opacity, 1));
}
.text-\[\#B94130\] {
--tw-text-opacity: 1;
color: rgb(185 65 48 / var(--tw-text-opacity, 1));
}
.text-\[\#CDCDCD\] {
--tw-text-opacity: 1;
color: rgb(205 205 205 / var(--tw-text-opacity, 1));
}
.text-\[\#E14F3B\] {
--tw-text-opacity: 1;
color: rgb(225 79 59 / var(--tw-text-opacity, 1));
}
.text-\[\#ECC26B\] {
--tw-text-opacity: 1;
color: rgb(236 194 107 / var(--tw-text-opacity, 1));
}
.text-\[black\] {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-\[red\] {
--tw-text-opacity: 1;
color: rgb(255 0 0 / var(--tw-text-opacity, 1));
}
.text-\[white\] {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-black {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-momus-coreblue-200 {
--tw-text-opacity: 1;
color: rgb(166 185 216 / var(--tw-text-opacity, 1));
}
.text-momus-coreblue-50 {
--tw-text-opacity: 1;
color: rgb(238 242 248 / var(--tw-text-opacity, 1));
}
.text-momus-coreblue-500 {
--tw-text-opacity: 1;
color: rgb(40 75 129 / var(--tw-text-opacity, 1));
}
.text-momus-coreblue-800 {
--tw-text-opacity: 1;
color: rgb(21 39 67 / var(--tw-text-opacity, 1));
}
.text-momus-coreblue-900 {
--tw-text-opacity: 1;
color: rgb(14 27 46 / var(--tw-text-opacity, 1));
}
.text-momus-grayscale-300 {
--tw-text-opacity: 1;
color: rgb(184 184 184 / var(--tw-text-opacity, 1));
}
.text-momus-grayscale-500 {
--tw-text-opacity: 1;
color: rgb(143 143 143 / var(--tw-text-opacity, 1));
}
.text-momus-grayscale-600 {
--tw-text-opacity: 1;
color: rgb(115 115 115 / var(--tw-text-opacity, 1));
}
.text-momus-grayscale-700 {
--tw-text-opacity: 1;
color: rgb(86 86 86 / var(--tw-text-opacity, 1));
}
.text-momus-grayscale-800 {
--tw-text-opacity: 1;
color: rgb(58 58 58 / var(--tw-text-opacity, 1));
}
.text-momus-paleblue-500 {
--tw-text-opacity: 1;
color: rgb(85 122 150 / var(--tw-text-opacity, 1));
}
.text-momus-paleblue-600 {
--tw-text-opacity: 1;
color: rgb(71 103 126 / var(--tw-text-opacity, 1));
}
.text-momus-pastelyellow-600 {
--tw-text-opacity: 1;
color: rgb(192 171 133 / var(--tw-text-opacity, 1));
}
.text-momus-pastelyellow-700 {
--tw-text-opacity: 1;
color: rgb(156 139 107 / var(--tw-text-opacity, 1));
}
.text-momus-rewardscale-500 {
--tw-text-opacity: 1;
color: rgb(62 157 104 / var(--tw-text-opacity, 1));
}
.text-momus-teal-0 {
--tw-text-opacity: 1;
color: rgb(70 162 159 / var(--tw-text-opacity, 1));
}
.text-momus-warnscale-0 {
--tw-text-opacity: 1;
color: rgb(225 79 59 / var(--tw-text-opacity, 1));
}
.text-momus-warnscale-500 {
--tw-text-opacity: 1;
color: rgb(225 79 59 / var(--tw-text-opacity, 1));
}
.text-momus-warnscale-700 {
--tw-text-opacity: 1;
color: rgb(144 51 38 / var(--tw-text-opacity, 1));
}
.text-red-600 {
--tw-text-opacity: 1;
color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-opacity-40 {
--tw-text-opacity: 0.4;
}
.text-opacity-70 {
--tw-text-opacity: 0.7;
}
.underline {
text-decoration-line: underline;
}
.line-through {
text-decoration-line: line-through;
}
.accent-momus-paleblue-500 {
accent-color: #557A96;
}
.opacity-0 {
opacity: 0;
}
.opacity-10 {
opacity: 0.1;
}
.opacity-100 {
opacity: 1;
}
.opacity-20 {
opacity: 0.2;
}
.opacity-25 {
opacity: 0.25;
}
.opacity-30 {
opacity: 0.3;
}
.opacity-45 {
opacity: 0.45;
}
.opacity-50 {
opacity: 0.5;
}
.opacity-65 {
opacity: 0.65;
}
.opacity-75 {
opacity: 0.75;
}
.shadow {
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow:
var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000),
var(--tw-shadow);
}
.shadow-md {
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow:
var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000),
var(--tw-shadow);
}
.shadow-none {
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow:
var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000),
var(--tw-shadow);
}
.shadow-sm {
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow:
var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000),
var(--tw-shadow);
}
.shadow-xl {
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
box-shadow:
var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000),
var(--tw-shadow);
}
.shadow-\[\#0000001A\] {
--tw-shadow-color: #0000001A;
--tw-shadow: var(--tw-shadow-colored);
}
.shadow-\[\#00000026\] {
--tw-shadow-color: #00000026;
--tw-shadow: var(--tw-shadow-colored);
}
.shadow-\[\#00000040\] {
--tw-shadow-color: #00000040;
--tw-shadow: var(--tw-shadow-colored);
}
.shadow-momus-grayscale-100 {
--tw-shadow-color: #E1E1E1;
--tw-shadow: var(--tw-shadow-colored);
}
.shadow-momus-grayscale-200 {
--tw-shadow-color: #CDCDCD;
--tw-shadow: var(--tw-shadow-colored);
}
.outline-none {
outline: 2px solid transparent;
outline-offset: 2px;
}
.outline {
outline-style: solid;
}
.outline-0 {
outline-width: 0px;
}
.blur {
--tw-blur: blur(8px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert {
--tw-invert: invert(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.sepia {
--tw-sepia: sepia(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
transition-property:
color,
background-color,
border-color,
text-decoration-color,
fill,
stroke,
opacity,
box-shadow,
transform,
filter,
backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-all {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-colors {
transition-property:
color,
background-color,
border-color,
text-decoration-color,
fill,
stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-opacity {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-transform {
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.duration-150 {
transition-duration: 150ms;
}
.ease-out {
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
@font-face {
font-family: "Public Sans";
src: url("./media/PublicSans-Regular-SRSG6PUY.ttf");
}
@font-face {
font-family: "Palatino";
src: url("./media/Palatino-Normal-P42SICIO.eot");
}
@font-face {
font-family: "Public Sans Light";
src: url("./media/PublicSans-Light-WS4A3FPZ.ttf");
}
@font-face {
font-family: "Public Sans";
src: url("./media/PublicSans-Bold-KA3V7M4U.ttf");
font-weight: bold;
}
@font-face {
font-family: "Palatia";
src: url("./media/Palatia-PXGU554B.ttf");
}
.drap-drop-box {
cursor: move;
}
.cdk-drag-preview {
box-sizing: border-box;
border-radius: 4px;
box-shadow:
0 5px 5px -3px rgba(0, 0, 0, 0.2),
0 8px 10px 1px rgba(0, 0, 0, 0.14),
0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.cdk-drag-placeholder {
opacity: 0;
}
.cdk-drag-animating {
transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.drap-drop-list.cdk-drop-list-dragging .drap-drop-box:not(.cdk-drag-placeholder) {
transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.cdk-header-cell,
.cdk-header-row {
z-index: 5 !important;
}
.cdk-cell,
.cdk-row {
z-index: 0 !important;
}
.cdk-row {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.01em;
font-size: 0.75rem;
line-height: 1rem;
height: 54px;
font-weight: 500;
}
@media (min-width: 1024px) {
@media not all and (min-width: 1600px) {
.cdk-row {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.03em;
font-size: 0.625rem;
line-height: 0.875rem;
}
}
}
.cdk-header-cell {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.03em;
font-size: 0.625rem;
line-height: 0.875rem;
height: 3rem;
border-width: 0px;
border-style: none;
--tw-bg-opacity: 1;
background-color: rgb(71 103 126 / var(--tw-bg-opacity, 1));
text-align: center;
font-weight: 700;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {
@media not all and (min-width: 1060px) {
.cdk-header-cell {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.03em;
font-size: 0.5625rem;
line-height: 0.625rem;
}
}
}
@media (min-width: 1024px) {
@media not all and (min-width: 1600px) {
.cdk-header-cell {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.03em;
font-size: 0.5625rem;
line-height: 0.625rem;
}
}
}
.cdk-cell {
border-left-width: 1px;
border-right-width: 1px;
--tw-border-opacity: 1;
border-left-color: rgb(225 225 225 / var(--tw-border-opacity, 1));
border-right-color: rgb(225 225 225 / var(--tw-border-opacity, 1));
text-align: center;
}
.cdk-row:nth-child(n+1) {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.cdk-row:not(:nth-child(2n+1)) {
--tw-bg-opacity: 1;
background-color: rgb(238 242 248 / var(--tw-bg-opacity, 1));
}
.cdk-row:nth-child(n+1) td.cdk-table-sticky {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
z-index: 4 !important;
}
.cdk-row:not(:nth-child(2n+1)) td.cdk-table-sticky {
--tw-bg-opacity: 1;
background-color: rgb(238 242 248 / var(--tw-bg-opacity, 1));
z-index: 4 !important;
}
.cdk-row:hover {
background-color: #DDEFED !important;
}
.cdk-row:hover td.cdk-table-sticky {
background-color: #DDEFED !important;
}
td.cdk-table-border-elem-right.cdk-cell {
border-right-width: 0;
}
td.cdk-table-sticky-border-elem-right.cdk-cell {
min-width: 48px;
border-left-width: 0px;
border-right-width: 0px;
background-image: linear-gradient(to left, var(--tw-gradient-stops));
--tw-gradient-from: #00000012 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
background-size: 13px, 100%;
background-repeat: no-repeat;
background-position: left top;
padding-left: 13px !important;
border: 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
th.cdk-table-sticky-border-elem-right.cdk-header-cell div {
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
--tw-bg-opacity: 0.05;
}
td.cdk-table-sticky-border-elem-right.cdk-cell div {
height: 54px;
width: 100%;
border-width: 0px;
padding: 0px;
}
th.cdk-table-sticky-border-elem-right.cdk-header-cell {
width: 48px;
min-width: 48px;
max-width: 48px;
border-left-width: 0px;
border-right-width: 0px;
background-image: linear-gradient(to left, var(--tw-gradient-stops));
--tw-gradient-from: #00000033 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
background-size: 13px, 100%;
background-repeat: no-repeat;
background-position: left top;
padding-left: 13px !important;
}
.cdk-row:nth-child(n+1) td.cdk-table-sticky-border-elem-right div {
--tw-bg-opacity: 1;
background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1));
z-index: 4 !important;
}
.cdk-row:not(:nth-child(2n+1)) td.cdk-table-sticky-border-elem-right div {
--tw-bg-opacity: 1;
background-color: rgb(200 209 223 / var(--tw-bg-opacity, 1));
z-index: 4 !important;
}
.cdk-row:hover td.cdk-table-sticky-border-elem-right div {
background-color: #BCDEDC !important;
}
.cdk-row:last-child .cdk-cell {
border-bottom-width: 2px !important;
}
.cdk-row.row-selected {
background-color: #DDEFED !important;
border-width: 1px !important;
border-color: #46A29F !important;
}
.table-detail-more-options {
z-index: 9999;
display: none;
}
.table-detail-more-options.more-options-visible {
display: block;
}
html {
--zoom-level: normal;
--transform-level: "1.0";
}
.content-zoom {
margin: 0;
zoom: var(--zoom-level);
}
.content-zoom-safari {
margin: 0;
transform: scale(var(--transform-level));
-webkit-transform: scale(var(--transform-level));
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
}
.screen-div-main {
margin: auto;
zoom: var(0.80);
}
@supports (zoom: 1) {
.zoom-notice {
display: none;
}
}
.tooltip {
position: relative;
display: inline-block;
}
.tooltip .tooltiptext {
visibility: hidden;
position: absolute;
z-index: 15;
bottom: 0;
left: -20px;
background-image: url("./media/triangle_top_base_white-QPOIL4LP.svg");
background-position: 20px calc(100% - 21px);
background-size: 24px;
background-repeat: no-repeat;
padding-bottom: 34px;
}
.tooltip .tooltiptext div {
background-color: white;
color: black;
border-radius: 6px;
padding: 5px 14px;
height: 100%;
}
.tooltip:hover .toolBg {
pointer-events: none;
position: fixed;
inset: 0px;
z-index: 10;
height: 100vh;
width: 100vw;
background-color: #00000040;
}
.tooltip:hover .tooltiptext {
visibility: visible;
}
.tooltip .tooltiptextBlue {
visibility: hidden;
position: absolute;
z-index: 15;
bottom: 0;
left: -15px;
background-image: url("./media/triangle_top_base_blue-GPUN6NMJ.svg");
background-position: 5px calc(100% - 21px);
background-size: 24px;
background-repeat: no-repeat;
padding-bottom: 34px;
}
.tooltip .tooltiptextBlue div {
background-color: #284B81;
color: white;
border-radius: 6px;
padding: 7px 14px;
height: 100%;
}
.tooltip:hover .tooltiptextBlue {
visibility: visible;
}
.tooltip .tooltipSimpletext {
visibility: hidden;
position: absolute;
z-index: 15;
top: 15px;
left: -50px;
}
.tooltip .tooltipSimpletext div {
background-color: white;
color: black;
border-radius: 6px;
padding: 5px 14px;
height: 100%;
box-shadow: 6px 7px 12px 1px #0000001A;
}
.tooltip:hover .tooltipSimpletext {
visibility: visible;
}
.tooltip .tooltipSimpleBluetext {
visibility: hidden;
position: absolute;
z-index: 15;
top: 15px;
left: -50px;
}
.tooltip .tooltipSimpleBluetext div {
background-color: #284B81;
color: white;
border-radius: 6px;
padding: 5px 14px;
height: 100%;
box-shadow: 6px 7px 12px 1px #0000001A;
}
.tooltip:hover .tooltipSimpleBluetext {
visibility: visible;
}
.tooltip .tooltipRighttext {
visibility: hidden;
position: absolute;
z-index: 15;
bottom: 0;
left: -150px;
background-image: url("./media/triangle_top_base_white-QPOIL4LP.svg");
background-position: 150px calc(100% - 21px);
background-size: 24px;
background-repeat: no-repeat;
padding-bottom: 34px;
}
.tooltip .tooltipRighttext div {
background-color: white;
color: black;
border-radius: 6px;
padding: 5px 14px;
height: 100%;
}
.tooltip:hover .tooltipRighttext {
visibility: visible;
}
.tooltip_v2 {
position: relative;
display: inline-block;
}
.tooltip_v2:hover .toolBg {
position: fixed;
inset: 0px;
z-index: 10;
height: 100vh;
width: 100vw;
background-color: #00000040;
}
.tooltip_v2:hover .toolBg:hover {
display: none;
}
.tooltip_v2 .tooltipLefttext {
visibility: hidden;
position: fixed;
z-index: 15;
background-image: url("./media/triangle_left_base_blue-AYDBLJVF.svg");
background-position: 10px 20px;
background-size: 31px;
background-repeat: no-repeat;
padding-left: 25px;
}
.tooltip_v2 .tooltipLefttext .div-main {
background-color: #284B81;
color: white;
border-radius: 6px;
padding: 5px 14px;
height: 100%;
}
.tooltip_v2:hover .tooltipLefttext {
visibility: visible;
}
.tooltip_v2 .tooltipLefttextv2 {
visibility: hidden;
position: fixed;
z-index: 15;
background-image: url("./media/triangle_left_base_blue-AYDBLJVF.svg");
background-position: 10px 75px;
background-size: 31px;
background-repeat: no-repeat;
background-color: rgba(0, 0, 0, 0.048);
padding-left: 25px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 2px;
}
.tooltip_v2 .tooltipLefttextv2.arrowTop {
background-position: 10px 15px !important;
}
.tooltip_v2 .tooltipLefttextv2 .div-main {
background-color: #284B81;
color: white;
border-radius: 6px;
padding: 5px 14px;
height: 100%;
}
.tooltip_v2:hover .tooltipLefttextv2 {
visibility: visible;
}
.tooltip_v2 .tooltipLefttextv3 {
visibility: hidden;
position: absolute;
z-index: 15;
background-image: url("./media/triangle_left_base_blue-AYDBLJVF.svg");
background-position: 10px 75px;
background-size: 31px;
background-repeat: no-repeat;
padding-left: 25px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 2px;
top: -25px;
}
.tooltip_v2 .tooltipLefttextv3.arrowTop {
background-position: 10px 15px !important;
}
.tooltip_v2 .tooltipLefttextv3 .div-main {
background-color: #284B81;
color: white;
border-radius: 6px;
padding: 5px 14px;
height: 100%;
}
.tooltip_v2:hover .tooltipLefttextv3 {
visibility: visible;
}
.tooltip_v2 .tooltipBottomtext {
visibility: hidden;
position: absolute;
z-index: 15;
background-image: url("./media/triangle_bottom_base_blue-NGROQ5MW.svg");
background-position: 0px 75px;
background-size: 31px;
background-repeat: no-repeat;
padding-left: 25px;
padding-top: 20px;
padding-bottom: 2px;
padding-right: 2px;
top: 25px;
left: -125px;
}
.tooltip_v2 .tooltipBottomtext .div-main {
background-color: #284B81;
color: white;
border-radius: 6px;
padding: 5px 14px;
height: 100%;
}
.tooltip_v2:hover .tooltipBottomtext {
visibility: visible;
}
.tooltip_v2 .tooltipToptext {
visibility: hidden;
position: absolute;
z-index: 15;
background-image: url("./media/triangle_top_base_blue-GPUN6NMJ.svg");
background-position: 55px calc(100% - 21px);
background-size: 24px;
background-repeat: no-repeat;
padding-bottom: 34px;
padding-right: 2px;
bottom: 10px;
left: -60px;
}
.tooltip_v2 .tooltipToptext .div-main {
background-color: #284B81;
color: white;
border-radius: 6px;
padding: 5px 14px;
height: 100%;
}
.tooltip_v2:hover .tooltipToptext {
visibility: visible;
}
.momus-h-screen {
height: 100%;
}
.momus-min-h-screen {
min-height: 100%;
}
@supports (height: 100dvh) {
.momus-h-screen {
height: 100dvh;
}
.momus-min-h-screen {
min-height: 100dvh;
}
}
.QrSettingDialogComponent-GettingStarted-Panel {
height: fit-content;
width: 32rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.ProseMirror strong {
font-family: "Public Sans", sans-serif;
font-weight: bold !important;
}
@media (min-width: 640px) {
@media not all and (min-width: 1600px) {
.sm\:max-momus-3xl\:s5 {
font-family: "Palatino", serif;
letter-spacing: -0.01em;
}
.sm\:max-momus-3xl\:label-3 {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.03em;
}
.sm\:max-momus-3xl\:label-4 {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.03em;
}
.sm\:max-momus-3xl\:s5 {
font-family: "Palatino", serif;
letter-spacing: -0.01em;
font-size: 1rem;
line-height: 1.35rem;
}
.sm\:max-momus-3xl\:label-3 {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.03em;
font-size: 0.75rem;
line-height: 1rem;
}
.sm\:max-momus-3xl\:label-4 {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.03em;
font-size: 0.625rem;
line-height: 0.875rem;
}
}
@media not all and (min-width: 1300px) {
.sm\:max-momus-xl\:s4 {
font-family: "Palatino", serif;
letter-spacing: -0.01em;
}
.sm\:max-momus-xl\:b5 {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.01em;
}
.sm\:max-momus-xl\:label-3 {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.03em;
}
.sm\:max-momus-xl\:label-4 {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.03em;
}
.sm\:max-momus-xl\:s4 {
font-family: "Palatino", serif;
letter-spacing: -0.01em;
font-size: 1.25rem;
line-height: 1.5rem;
}
.sm\:max-momus-xl\:b5 {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.01em;
font-size: 0.75rem;
line-height: 1rem;
}
.sm\:max-momus-xl\:label-3 {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.03em;
font-size: 0.75rem;
line-height: 1rem;
}
.sm\:max-momus-xl\:label-4 {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.03em;
font-size: 0.625rem;
line-height: 0.875rem;
}
}
@media not all and (min-width: 1060px) {
.sm\:max-momus-lg\:label-4 {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.03em;
}
.sm\:max-momus-lg\:l5 {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.03em;
}
.sm\:max-momus-lg\:label-4 {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.03em;
font-size: 0.625rem;
line-height: 0.875rem;
}
.sm\:max-momus-lg\:l5 {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.03em;
font-size: 0.5625rem;
line-height: 0.625rem;
}
}
@media not all and (min-width: 1024px) {
.sm\:max-lg\:b5 {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.01em;
}
.sm\:max-lg\:label-4 {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.03em;
}
.sm\:max-lg\:b5 {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.01em;
font-size: 0.75rem;
line-height: 1rem;
}
.sm\:max-lg\:label-4 {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.03em;
font-size: 0.625rem;
line-height: 0.875rem;
}
}
}
@media (min-width: 1024px) {
@media not all and (min-width: 1600px) {
.lg\:max-momus-3xl\:s3 {
font-family: "Palatino", serif;
letter-spacing: -0.01em;
}
.lg\:max-momus-3xl\:s4 {
font-family: "Palatino", serif;
letter-spacing: -0.01em;
}
.lg\:max-momus-3xl\:s5 {
font-family: "Palatino", serif;
letter-spacing: -0.01em;
}
.lg\:max-momus-3xl\:b3 {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.01em;
}
.lg\:max-momus-3xl\:b5 {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.01em;
}
.lg\:max-momus-3xl\:l3 {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.03em;
}
.lg\:max-momus-3xl\:l4 {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.03em;
}
.lg\:max-momus-3xl\:l5 {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.03em;
}
.lg\:max-momus-3xl\:s3 {
font-family: "Palatino", serif;
letter-spacing: -0.01em;
font-size: 1.5rem;
line-height: 1.75rem;
}
.lg\:max-momus-3xl\:s4 {
font-family: "Palatino", serif;
letter-spacing: -0.01em;
font-size: 1.25rem;
line-height: 1.5rem;
}
.lg\:max-momus-3xl\:s5 {
font-family: "Palatino", serif;
letter-spacing: -0.01em;
font-size: 1rem;
line-height: 1.35rem;
}
.lg\:max-momus-3xl\:b3 {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.01em;
font-size: 1rem;
line-height: 1.35rem;
}
.lg\:max-momus-3xl\:b5 {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.01em;
font-size: 0.75rem;
line-height: 1rem;
}
.lg\:max-momus-3xl\:l3 {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.03em;
font-size: 0.75rem;
line-height: 1rem;
}
.lg\:max-momus-3xl\:l4 {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.03em;
font-size: 0.625rem;
line-height: 0.875rem;
}
.lg\:max-momus-3xl\:l5 {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.03em;
font-size: 0.5625rem;
line-height: 0.625rem;
}
}
}
@media (min-width: 1060px) {
@media not all and (min-width: 1300px) {
.momus-lg\:max-momus-xl\:label-4 {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.03em;
font-size: 0.625rem;
line-height: 0.875rem;
}
}
}
@media (min-width: 1300px) {
@media not all and (min-width: 1600px) {
.momus-xl\:max-momus-3xl\:s4 {
font-family: "Palatino", serif;
letter-spacing: -0.01em;
}
.momus-xl\:max-momus-3xl\:label-4 {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.03em;
}
.momus-xl\:max-momus-3xl\:s4 {
font-family: "Palatino", serif;
letter-spacing: -0.01em;
font-size: 1.25rem;
line-height: 1.5rem;
}
.momus-xl\:max-momus-3xl\:label-4 {
font-family: "Public Sans", sans-serif;
letter-spacing: -0.03em;
font-size: 0.625rem;
line-height: 0.875rem;
}
}
}
.placeholder\:text-\[1rem\]::placeholder {
font-size: 1rem;
}
.placeholder\:text-\[\#00000080\]::placeholder {
color: #00000080;
}
.placeholder\:text-\[\#A7BAC8\]::placeholder {
--tw-text-opacity: 1;
color: rgb(167 186 200 / var(--tw-text-opacity, 1));
}
.placeholder\:text-black::placeholder {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.placeholder\:text-momus-grayscale-700::placeholder {
--tw-text-opacity: 1;
color: rgb(86 86 86 / var(--tw-text-opacity, 1));
}
.after\:absolute::after {
content: var(--tw-content);
position: absolute;
}
.after\:left-\[2px\]::after {
content: var(--tw-content);
left: 2px;
}
.after\:top-\[2px\]::after {
content: var(--tw-content);
top: 2px;
}
.after\:h-4::after {
content: var(--tw-content);
height: 1rem;
}
.after\:w-4::after {
content: var(--tw-content);
width: 1rem;
}
.after\:rounded-full::after {
content: var(--tw-content);
border-radius: 9999px;
}
.after\:border::after {
content: var(--tw-content);
border-width: 1px;
}
.after\:border-\[\#0E1B2E0D\]::after {
content: var(--tw-content);
border-color: #0E1B2E0D;
}
.after\:bg-black::after {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.after\:bg-momus-grayscale-700::after {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(86 86 86 / var(--tw-bg-opacity, 1));
}
.after\:transition-all::after {
content: var(--tw-content);
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.after\:content-\[\'\'\]::after {
--tw-content: "";
content: var(--tw-content);
}
.hover\:hidden:hover {
display: none;
}
.hover\:rounded:hover {
border-radius: 0.25rem;
}
.hover\:border-2:hover {
border-width: 2px;
}
.hover\:border-\[1px\]:hover {
border-width: 1px;
}
.hover\:border-\[3px\]:hover {
border-width: 3px;
}
.hover\:border-momus-coreblue-400:hover {
--tw-border-opacity: 1;
border-color: rgb(74 104 149 / var(--tw-border-opacity, 1));
}
.hover\:border-momus-grayscale-600:hover {
--tw-border-opacity: 1;
border-color: rgb(115 115 115 / var(--tw-border-opacity, 1));
}
.hover\:border-momus-grayscale-700:hover {
--tw-border-opacity: 1;
border-color: rgb(86 86 86 / var(--tw-border-opacity, 1));
}
.hover\:border-opacity-100:hover {
--tw-border-opacity: 1;
}
.hover\:bg-\[\#0E1B2E1A\]:hover {
background-color: #0E1B2E1A;
}
.hover\:bg-\[\#0E1B2E33\]:hover {
background-color: #0E1B2E33;
}
.hover\:bg-\[\#DDEFED\]:hover {
--tw-bg-opacity: 1;
background-color: rgb(221 239 237 / var(--tw-bg-opacity, 1));
}
.hover\:bg-momus-coreblue-100:hover {
--tw-bg-opacity: 1;
background-color: rgb(200 209 223 / var(--tw-bg-opacity, 1));
}
.hover\:bg-momus-coreblue-50:hover {
--tw-bg-opacity: 1;
background-color: rgb(238 242 248 / var(--tw-bg-opacity, 1));
}
.hover\:bg-momus-grayscale-100:hover {
--tw-bg-opacity: 1;
background-color: rgb(225 225 225 / var(--tw-bg-opacity, 1));
}
.hover\:bg-momus-grayscale-50:hover {
--tw-bg-opacity: 1;
background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1));
}
.hover\:bg-momus-paleblue-400:hover {
--tw-bg-opacity: 1;
background-color: rgb(112 143 167 / var(--tw-bg-opacity, 1));
}
.hover\:bg-momus-teal-50:hover {
--tw-bg-opacity: 1;
background-color: rgb(221 239 237 / var(--tw-bg-opacity, 1));
}
.hover\:bg-opacity-65:hover {
--tw-bg-opacity: 0.65;
}
.hover\:bg-opacity-70:hover {
--tw-bg-opacity: 0.7;
}
.hover\:bg-gradient-to-r:hover {
background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.hover\:from-\[\#284B81\]:hover {
--tw-gradient-from: #284B81 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(40 75 129 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:to-\[\#365B94\]:hover {
--tw-gradient-to: #365B94 var(--tw-gradient-to-position);
}
.hover\:text-white:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:text-opacity-70:hover {
--tw-text-opacity: 0.7;
}
.hover\:opacity-100:hover {
opacity: 1;
}
.hover\:opacity-40:hover {
opacity: 0.4;
}
.hover\:opacity-75:hover {
opacity: 0.75;
}
.hover\:opacity-80:hover {
opacity: 0.8;
}
.hover\:shadow-sm:hover {
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow:
var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000),
var(--tw-shadow);
}
.hover\:shadow-\[\#00000026\]:hover {
--tw-shadow-color: #00000026;
--tw-shadow: var(--tw-shadow-colored);
}
.focus\:border-0:focus {
border-width: 0px;
}
.focus\:border-momus-teal-500:focus {
--tw-border-opacity: 1;
border-color: rgb(70 162 159 / var(--tw-border-opacity, 1));
}
.focus\:outline-none:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
.focus\:ring-0:focus {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-momus-teal-500:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(70 162 159 / var(--tw-ring-opacity, 1));
}
.active\:border-momus-teal-500:active {
--tw-border-opacity: 1;
border-color: rgb(70 162 159 / var(--tw-border-opacity, 1));
}
.disabled\:border-0:disabled {
border-width: 0px;
}
.disabled\:border-momus-grayscale-200:disabled {
--tw-border-opacity: 1;
border-color: rgb(205 205 205 / var(--tw-border-opacity, 1));
}
.disabled\:bg-momus-grayscale-50:disabled {
--tw-bg-opacity: 1;
background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:font-bold {
font-weight: 700;
}
.group:hover .group-hover\:opacity-100 {
opacity: 1;
}
.peer:checked ~ .peer-checked\:bg-\[\#0E1B2E0D\] {
background-color: #0E1B2E0D;
}
.peer:checked ~ .peer-checked\:bg-\[\#D5ECF1\] {
--tw-bg-opacity: 1;
background-color: rgb(213 236 241 / var(--tw-bg-opacity, 1));
}
.peer:checked ~ .peer-checked\:bg-\[\#F7CEC8\] {
--tw-bg-opacity: 1;
background-color: rgb(247 206 200 / var(--tw-bg-opacity, 1));
}
.peer:checked ~ .peer-checked\:bg-momus-teal-200 {
--tw-bg-opacity: 1;
background-color: rgb(159 207 205 / var(--tw-bg-opacity, 1));
}
.peer:checked ~ .peer-checked\:after\:translate-x-\[145\%\]::after {
content: var(--tw-content);
--tw-translate-x: 145%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.peer:checked ~ .peer-checked\:after\:border-\[\#0E1B2E0D\]::after {
content: var(--tw-content);
border-color: #0E1B2E0D;
}
.peer:checked ~ .peer-checked\:after\:bg-\[\#557A96\]::after {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(85 122 150 / var(--tw-bg-opacity, 1));
}
.peer:checked ~ .peer-checked\:after\:bg-\[\#68BCCE\]::after {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(104 188 206 / var(--tw-bg-opacity, 1));
}
.peer:checked ~ .peer-checked\:after\:bg-\[\#E14F3B\]::after {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(225 79 59 / var(--tw-bg-opacity, 1));
}
.peer:checked ~ .peer-checked\:after\:bg-momus-coreblue-800::after {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(21 39 67 / var(--tw-bg-opacity, 1));
}
.peer:focus ~ .peer-focus\:outline-none {
outline: 2px solid transparent;
outline-offset: 2px;
}
.peer:focus ~ .peer-focus\:ring-1 {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow, 0 0 #0000);
}
@media not all and (min-width: 1060px) {
.max-momus-lg\:pl-4 {
padding-left: 1rem;
}
.max-momus-lg\:pr-4 {
padding-right: 1rem;
}
}
@media (min-width: 640px) {
.sm\:my-8 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.sm\:mt-4 {
margin-top: 1rem;
}
.sm\:mt-5 {
margin-top: 1.25rem;
}
.sm\:mt-7 {
margin-top: 1.75rem;
}
.sm\:block {
display: block;
}
.sm\:inline-block {
display: inline-block;
}
.sm\:h-screen {
height: 100vh;
}
.sm\:w-full {
width: 100%;
}
.sm\:min-w-\[492px\] {
min-width: 492px;
}
.sm\:max-w-lg {
max-width: 32rem;
}
.sm\:grow {
flex-grow: 1;
}
.sm\:p-0 {
padding: 0px;
}
.sm\:align-middle {
vertical-align: middle;
}
@media not all and (min-width: 1600px) {
.sm\:max-momus-3xl\:h-6 {
height: 1.5rem;
}
.sm\:max-momus-3xl\:text-base {
font-size: 1rem;
line-height: 1.5rem;
}
}
@media not all and (min-width: 1450px) {
.sm\:max-momus-2xl\:right-\[100\%\] {
right: 100%;
}
}
@media not all and (min-width: 1300px) {
.sm\:max-momus-xl\:h-3 {
height: 0.75rem;
}
.sm\:max-momus-xl\:h-4 {
height: 1rem;
}
.sm\:max-momus-xl\:h-6 {
height: 1.5rem;
}
.sm\:max-momus-xl\:h-8 {
height: 2rem;
}
.sm\:max-momus-xl\:h-\[28px\] {
height: 28px;
}
.sm\:max-momus-xl\:h-\[44px\] {
height: 44px;
}
.sm\:max-momus-xl\:max-h-4 {
max-height: 1rem;
}
.sm\:max-momus-xl\:max-h-6 {
max-height: 1.5rem;
}
.sm\:max-momus-xl\:w-3 {
width: 0.75rem;
}
.sm\:max-momus-xl\:w-4 {
width: 1rem;
}
.sm\:max-momus-xl\:w-6 {
width: 1.5rem;
}
.sm\:max-momus-xl\:w-\[100px\] {
width: 100px;
}
.sm\:max-momus-xl\:max-w-4 {
max-width: 1rem;
}
.sm\:max-momus-xl\:max-w-6 {
max-width: 1.5rem;
}
.sm\:max-momus-xl\:pb-1\.5 {
padding-bottom: 0.375rem;
}
.sm\:max-momus-xl\:text-\[0\.5625rem\] {
font-size: 0.5625rem;
}
}
@media not all and (min-width: 1060px) {
.sm\:max-momus-lg\:top-0 {
top: 0px;
}
.sm\:max-momus-lg\:h-\[25px\] {
height: 25px;
}
.sm\:max-momus-lg\:max-h-\[300px\] {
max-height: 300px;
}
.sm\:max-momus-lg\:max-h-\[500px\] {
max-height: 500px;
}
.sm\:max-momus-lg\:min-h-\[380px\] {
min-height: 380px;
}
.sm\:max-momus-lg\:w-\[150px\] {
width: 150px;
}
.sm\:max-momus-lg\:w-\[450px\] {
width: 450px;
}
.sm\:max-momus-lg\:w-\[500px\] {
width: 500px;
}
.sm\:max-momus-lg\:gap-1\.5 {
gap: 0.375rem;
}
.sm\:max-momus-lg\:pl-4 {
padding-left: 1rem;
}
.sm\:max-momus-lg\:pr-4 {
padding-right: 1rem;
}
.sm\:max-momus-lg\:text-xs {
font-size: 0.75rem;
line-height: 1rem;
}
}
@media not all and (min-width: 1024px) {
.sm\:max-lg\:flex {
display: flex;
}
.sm\:max-lg\:hidden {
display: none;
}
.sm\:max-lg\:w-10 {
width: 2.5rem;
}
.sm\:max-lg\:w-\[150px\] {
width: 150px;
}
.sm\:max-lg\:w-\[32px\] {
width: 32px;
}
.sm\:max-lg\:text-base {
font-size: 1rem;
line-height: 1.5rem;
}
}
}
@media (min-width: 768px) {
.md\:mr-1 {
margin-right: 0.25rem;
}
.md\:flex {
display: flex;
}
.md\:h-full {
height: 100%;
}
.md\:w-\[29rem\] {
width: 29rem;
}
.md\:w-\[30\%\] {
width: 30%;
}
.md\:w-\[31\%\] {
width: 31%;
}
.md\:w-\[32rem\] {
width: 32rem;
}
.md\:w-\[35rem\] {
width: 35rem;
}
.md\:w-\[36rem\] {
width: 36rem;
}
.md\:w-\[46rem\] {
width: 46rem;
}
.md\:w-\[50\%\] {
width: 50%;
}
.md\:min-w-\[35rem\] {
min-width: 35rem;
}
.md\:min-w-\[40rem\] {
min-width: 40rem;
}
.md\:min-w-\[46\.25rem\] {
min-width: 46.25rem;
}
.md\:max-w-\[46\.25rem\] {
max-width: 46.25rem;
}
.md\:max-w-\[46rem\] {
max-width: 46rem;
}
.md\:flex-1 {
flex: 1 1 0%;
}
.md\:p-4 {
padding: 1rem;
}
.md\:px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.md\:px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.md\:py-8 {
padding-top: 2rem;
padding-bottom: 2rem;
}
}
@media (min-width: 1024px) {
.lg\:mr-1 {
margin-right: 0.25rem;
}
.lg\:block {
display: block;
}
.lg\:hidden {
display: none;
}
.lg\:h-full {
height: 100%;
}
.lg\:w-\[24\%\] {
width: 24%;
}
.lg\:w-\[25\%\] {
width: 25%;
}
.lg\:w-\[32\%\] {
width: 32%;
}
.lg\:flex-1 {
flex: 1 1 0%;
}
.lg\:p-6 {
padding: 1.5rem;
}
.lg\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
@media not all and (min-width: 1600px) {
.lg\:max-momus-3xl\:top-8 {
top: 2rem;
}
.lg\:max-momus-3xl\:top-\[1px\] {
top: 1px;
}
.lg\:max-momus-3xl\:-mr-5 {
margin-right: -1.25rem;
}
.lg\:max-momus-3xl\:-mt-2\.5 {
margin-top: -0.625rem;
}
.lg\:max-momus-3xl\:ml-5 {
margin-left: 1.25rem;
}
.lg\:max-momus-3xl\:ml-\[55px\] {
margin-left: 55px;
}
.lg\:max-momus-3xl\:mr-4 {
margin-right: 1rem;
}
.lg\:max-momus-3xl\:mt-\[10px\] {
margin-top: 10px;
}
.lg\:max-momus-3xl\:mt-\[45px\] {
margin-top: 45px;
}
.lg\:max-momus-3xl\:h-10 {
height: 2.5rem;
}
.lg\:max-momus-3xl\:h-4 {
height: 1rem;
}
.lg\:max-momus-3xl\:h-5 {
height: 1.25rem;
}
.lg\:max-momus-3xl\:h-6 {
height: 1.5rem;
}
.lg\:max-momus-3xl\:h-7 {
height: 1.75rem;
}
.lg\:max-momus-3xl\:h-8 {
height: 2rem;
}
.lg\:max-momus-3xl\:h-\[155px\] {
height: 155px;
}
.lg\:max-momus-3xl\:h-\[16px\] {
height: 16px;
}
.lg\:max-momus-3xl\:h-\[19px\] {
height: 19px;
}
.lg\:max-momus-3xl\:h-\[20px\] {
height: 20px;
}
.lg\:max-momus-3xl\:h-\[21px\] {
height: 21px;
}
.lg\:max-momus-3xl\:h-\[22px\] {
height: 22px;
}
.lg\:max-momus-3xl\:h-\[26px\] {
height: 26px;
}
.lg\:max-momus-3xl\:h-\[32px\] {
height: 32px;
}
.lg\:max-momus-3xl\:h-\[34px\] {
height: 34px;
}
.lg\:max-momus-3xl\:h-\[35px\] {
height: 35px;
}
.lg\:max-momus-3xl\:h-\[42px\] {
height: 42px;
}
.lg\:max-momus-3xl\:h-\[66px\] {
height: 66px;
}
.lg\:max-momus-3xl\:h-\[70px\] {
height: 70px;
}
.lg\:max-momus-3xl\:h-\[72px\] {
height: 72px;
}
.lg\:max-momus-3xl\:h-\[76px\] {
height: 76px;
}
.lg\:max-momus-3xl\:h-\[81px\] {
height: 81px;
}
.lg\:max-momus-3xl\:h-\[calc\(100\%-185px\)\] {
height: calc(100% - 185px);
}
.lg\:max-momus-3xl\:h-\[calc\(100\%-250px\)\] {
height: calc(100% - 250px);
}
.lg\:max-momus-3xl\:max-h-32 {
max-height: 8rem;
}
.lg\:max-momus-3xl\:max-h-8 {
max-height: 2rem;
}
.lg\:max-momus-3xl\:max-h-\[240px\] {
max-height: 240px;
}
.lg\:max-momus-3xl\:max-h-\[62px\] {
max-height: 62px;
}
.lg\:max-momus-3xl\:max-h-\[96px\] {
max-height: 96px;
}
.lg\:max-momus-3xl\:max-h-\[calc\(100\%-185px\)\] {
max-height: calc(100% - 185px);
}
.lg\:max-momus-3xl\:max-h-\[calc\(100\%-250px\)\] {
max-height: calc(100% - 250px);
}
.lg\:max-momus-3xl\:min-h-16 {
min-height: 4rem;
}
.lg\:max-momus-3xl\:min-h-8 {
min-height: 2rem;
}
.lg\:max-momus-3xl\:min-h-\[16px\] {
min-height: 16px;
}
.lg\:max-momus-3xl\:min-h-\[200px\] {
min-height: 200px;
}
.lg\:max-momus-3xl\:min-h-\[35px\] {
min-height: 35px;
}
.lg\:max-momus-3xl\:min-h-\[45px\] {
min-height: 45px;
}
.lg\:max-momus-3xl\:min-h-\[65px\] {
min-height: 65px;
}
.lg\:max-momus-3xl\:w-3 {
width: 0.75rem;
}
.lg\:max-momus-3xl\:w-4 {
width: 1rem;
}
.lg\:max-momus-3xl\:w-5 {
width: 1.25rem;
}
.lg\:max-momus-3xl\:w-6 {
width: 1.5rem;
}
.lg\:max-momus-3xl\:w-7 {
width: 1.75rem;
}
.lg\:max-momus-3xl\:w-8 {
width: 2rem;
}
.lg\:max-momus-3xl\:w-\[16px\] {
width: 16px;
}
.lg\:max-momus-3xl\:w-\[19px\] {
width: 19px;
}
.lg\:max-momus-3xl\:w-\[250px\] {
width: 250px;
}
.lg\:max-momus-3xl\:w-\[32px\] {
width: 32px;
}
.lg\:max-momus-3xl\:w-\[90px\] {
width: 90px;
}
.lg\:max-momus-3xl\:min-w-\[16px\] {
min-width: 16px;
}
.lg\:max-momus-3xl\:min-w-\[65px\] {
min-width: 65px;
}
.lg\:max-momus-3xl\:min-w-\[79px\] {
min-width: 79px;
}
.lg\:max-momus-3xl\:min-w-\[96px\] {
min-width: 96px;
}
.lg\:max-momus-3xl\:max-w-7 {
max-width: 1.75rem;
}
.lg\:max-momus-3xl\:max-w-\[65px\] {
max-width: 65px;
}
.lg\:max-momus-3xl\:border-\[1\.25px\] {
border-width: 1.25px;
}
.lg\:max-momus-3xl\:pb-0 {
padding-bottom: 0px;
}
.lg\:max-momus-3xl\:text-\[0\.625rem\] {
font-size: 0.625rem;
}
.lg\:max-momus-3xl\:text-\[0\.75rem\] {
font-size: 0.75rem;
}
.lg\:max-momus-3xl\:text-\[10px\] {
font-size: 10px;
}
.lg\:max-momus-3xl\:text-\[12px\] {
font-size: 12px;
}
.lg\:max-momus-3xl\:text-\[1rem\] {
font-size: 1rem;
}
.lg\:max-momus-3xl\:text-\[8px\] {
font-size: 8px;
}
.lg\:max-momus-3xl\:text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.lg\:max-momus-3xl\:text-xs {
font-size: 0.75rem;
line-height: 1rem;
}
.lg\:max-momus-3xl\:leading-\[2\.25\] {
line-height: 2.25;
}
.lg\:max-momus-3xl\:placeholder\:text-\[12px\]::placeholder {
font-size: 12px;
}
}
}
@media (min-width: 1060px) {
@media not all and (min-width: 1300px) {
.momus-lg\:max-momus-xl\:-top-2 {
top: -0.5rem;
}
.momus-lg\:max-momus-xl\:top-0 {
top: 0px;
}
.momus-lg\:max-momus-xl\:h-\[25px\] {
height: 25px;
}
.momus-lg\:max-momus-xl\:max-h-\[350px\] {
max-height: 350px;
}
.momus-lg\:max-momus-xl\:max-h-\[500px\] {
max-height: 500px;
}
.momus-lg\:max-momus-xl\:max-h-\[600px\] {
max-height: 600px;
}
.momus-lg\:max-momus-xl\:min-h-\[380px\] {
min-height: 380px;
}
.momus-lg\:max-momus-xl\:w-\[200px\] {
width: 200px;
}
.momus-lg\:max-momus-xl\:w-\[450px\] {
width: 450px;
}
.momus-lg\:max-momus-xl\:w-\[500px\] {
width: 500px;
}
.momus-lg\:max-momus-xl\:w-\[570px\] {
width: 570px;
}
.momus-lg\:max-momus-xl\:w-\[610px\] {
width: 610px;
}
.momus-lg\:max-momus-xl\:gap-1\.5 {
gap: 0.375rem;
}
.momus-lg\:max-momus-xl\:pl-4 {
padding-left: 1rem;
}
.momus-lg\:max-momus-xl\:pl-5 {
padding-left: 1.25rem;
}
.momus-lg\:max-momus-xl\:pr-4 {
padding-right: 1rem;
}
.momus-lg\:max-momus-xl\:pr-5 {
padding-right: 1.25rem;
}
}
}
@media (min-width: 1300px) {
@media not all and (min-width: 1600px) {
.momus-xl\:max-momus-3xl\:-top-2 {
top: -0.5rem;
}
.momus-xl\:max-momus-3xl\:-top-4 {
top: -1rem;
}
.momus-xl\:max-momus-3xl\:h-4 {
height: 1rem;
}
.momus-xl\:max-momus-3xl\:h-\[25px\] {
height: 25px;
}
.momus-xl\:max-momus-3xl\:max-h-\[600px\] {
max-height: 600px;
}
.momus-xl\:max-momus-3xl\:max-h-\[700px\] {
max-height: 700px;
}
.momus-xl\:max-momus-3xl\:w-4 {
width: 1rem;
}
.momus-xl\:max-momus-3xl\:w-\[200px\] {
width: 200px;
}
.momus-xl\:max-momus-3xl\:w-\[570px\] {
width: 570px;
}
.momus-xl\:max-momus-3xl\:w-\[610px\] {
width: 610px;
}
.momus-xl\:max-momus-3xl\:w-\[700px\] {
width: 700px;
}
.momus-xl\:max-momus-3xl\:w-\[740px\] {
width: 740px;
}
.momus-xl\:max-momus-3xl\:gap-1\.5 {
gap: 0.375rem;
}
.momus-xl\:max-momus-3xl\:pl-5 {
padding-left: 1.25rem;
}
.momus-xl\:max-momus-3xl\:pr-5 {
padding-right: 1.25rem;
}
}
}
@media (min-width: 1536px) {
.\32xl\:w-\[20rem\] {
width: 20rem;
}
.\32xl\:min-w-\[20rem\] {
min-width: 20rem;
}
.\32xl\:min-w-\[300px\] {
min-width: 300px;
}
.\32xl\:max-w-\[20rem\] {
max-width: 20rem;
}
.\32xl\:max-w-\[300px\] {
max-width: 300px;
}
.\32xl\:pr-2 {
padding-right: 0.5rem;
}
}
.\[\&_\*\]\:border * {
border-width: 1px;
}
.\[\&_\*\]\:border-\[\#E1E1E1\] * {
--tw-border-opacity: 1;
border-color: rgb(225 225 225 / var(--tw-border-opacity, 1));
}
.\[\&_\*\]\:px-3 * {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
/* angular:styles/global:styles */