html
{
    --mat-badge-text-font: var(--app-base-font);
    --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;
}
.mat-h1, .mat-headline-5, .mat-typography .mat-h1, .mat-typography .mat-headline-5, .mat-typography h1
{
    font: 400 24px/32px var(--app-base-font);
    letter-spacing: normal;
    margin: 0 0 16px;
}
.mat-h2, .mat-headline-6, .mat-typography .mat-h2, .mat-typography .mat-headline-6, .mat-typography h2
{
    font: 500 20px/32px var(--app-base-font);
    letter-spacing: .0125em;
    margin: 0 0 16px;
}
.mat-h3, .mat-subtitle-1, .mat-typography .mat-h3, .mat-typography .mat-subtitle-1, .mat-typography h3
{
    font: 400 16px/28px var(--app-base-font);
    letter-spacing: .009375em;
    margin: 0 0 16px;
}
.mat-h4, .mat-body-1, .mat-typography .mat-h4, .mat-typography .mat-body-1, .mat-typography h4
{
    font: 400 16px/24px var(--app-base-font);
    letter-spacing: .03125em;
    margin: 0 0 16px;
}
.mat-h5, .mat-typography .mat-h5, .mat-typography h5
{
    font: 400 11.62px/20px var(--app-base-font);
    margin: 0 0 12px;
}
.mat-h6, .mat-typography .mat-h6, .mat-typography h6
{
    font: 400 9.38px/20px var(--app-base-font);
    margin: 0 0 12px;
}
.mat-body-strong, .mat-subtitle-2, .mat-typography .mat-body-strong, .mat-typography .mat-subtitle-2
{
    font: 500 14px/22px var(--app-base-font);
    letter-spacing: .0071428571em;
}
.mat-body, .mat-body-2, .mat-typography .mat-body, .mat-typography .mat-body-2, .mat-typography
{
    font: 400 14px/20px var(--app-base-font);
    letter-spacing: .0178571429em;
}
.mat-body p, .mat-body-2 p, .mat-typography .mat-body p, .mat-typography .mat-body-2 p, .mat-typography p
{
    margin: 0 0 12px;
}
.mat-small, .mat-caption, .mat-typography .mat-small, .mat-typography .mat-caption
{
    font: 400 12px/20px var(--app-base-font);
    letter-spacing: .0333333333em;
}
.mat-headline-1, .mat-typography .mat-headline-1
{
    font: 300 96px/96px var(--app-base-font);
    letter-spacing: -.015625em;
    margin: 0 0 56px;
}
.mat-headline-2, .mat-typography .mat-headline-2
{
    font: 300 60px/60px var(--app-base-font);
    letter-spacing: -.0083333333em;
    margin: 0 0 64px;
}
.mat-headline-3, .mat-typography .mat-headline-3
{
    font: 400 48px/50px var(--app-base-font);
    letter-spacing: normal;
    margin: 0 0 64px;
}
.mat-headline-4, .mat-typography .mat-headline-4
{
    font: 400 34px/40px var(--app-base-font);
    letter-spacing: .0073529412em;
    margin: 0 0 64px;
}
html
{
    --mat-bottom-sheet-container-text-font: var(--app-base-font);
    --mat-bottom-sheet-container-text-line-height: 20px;
    --mat-bottom-sheet-container-text-size: 14px;
    --mat-bottom-sheet-container-text-tracking: .0178571429em;
    --mat-bottom-sheet-container-text-weight: 400;
}
html
{
    --mat-legacy-button-toggle-label-text-font: var(--app-base-font);
    --mat-legacy-button-toggle-label-text-line-height: 24px;
    --mat-legacy-button-toggle-label-text-size: 16px;
    --mat-legacy-button-toggle-label-text-tracking: .03125em;
    --mat-legacy-button-toggle-label-text-weight: 400;
}
html
{
    --mat-standard-button-toggle-label-text-font: var(--app-base-font);
    --mat-standard-button-toggle-label-text-line-height: 24px;
    --mat-standard-button-toggle-label-text-size: 16px;
    --mat-standard-button-toggle-label-text-tracking: .03125em;
    --mat-standard-button-toggle-label-text-weight: 400;
}
html
{
    --mat-datepicker-calendar-text-font: var(--app-base-font);
    --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-expansion-header-text-font: var(--app-base-font);
    --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: var(--app-base-font);
    --mat-expansion-container-text-line-height: 20px;
    --mat-expansion-container-text-size: 14px;
    --mat-expansion-container-text-tracking: .0178571429em;
    --mat-expansion-container-text-weight: 400;
}
html
{
    --mat-grid-list-tile-header-primary-text-size: 14px;
    --mat-grid-list-tile-header-secondary-text-size: 12px;
    --mat-grid-list-tile-footer-primary-text-size: 14px;
    --mat-grid-list-tile-footer-secondary-text-size: 12px;
}
html
{
    --mat-stepper-container-text-font: var(--app-base-font);
    --mat-stepper-header-label-text-font: var(--app-base-font);
    --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-toolbar-title-text-font: var(--app-base-font);
    --mat-toolbar-title-text-line-height: 32px;
    --mat-toolbar-title-text-size: 20px;
    --mat-toolbar-title-text-tracking: .0125em;
    --mat-toolbar-title-text-weight: 500;
}
html
{
    --mat-tree-node-text-font: var(--app-base-font);
    --mat-tree-node-text-size: 14px;
    --mat-tree-node-text-weight: 400;
}
html
{
    --mat-option-label-text-font: var(--app-base-font);
    --mat-option-label-text-line-height: 24px;
    --mat-option-label-text-size: 16px;
    --mat-option-label-text-tracking: .03125em;
    --mat-option-label-text-weight: 400;
}
html
{
    --mat-optgroup-label-text-font: var(--app-base-font);
    --mat-optgroup-label-text-line-height: 24px;
    --mat-optgroup-label-text-size: 16px;
    --mat-optgroup-label-text-tracking: .03125em;
    --mat-optgroup-label-text-weight: 400;
}
html
{
    --mat-card-title-text-font: var(--app-base-font);
    --mat-card-title-text-line-height: 32px;
    --mat-card-title-text-size: 20px;
    --mat-card-title-text-tracking: .0125em;
    --mat-card-title-text-weight: 500;
    --mat-card-subtitle-text-font: var(--app-base-font);
    --mat-card-subtitle-text-line-height: 22px;
    --mat-card-subtitle-text-size: 14px;
    --mat-card-subtitle-text-tracking: .0071428571em;
    --mat-card-subtitle-text-weight: 500;
}
html
{
    --mdc-plain-tooltip-supporting-text-font: var(--app-base-font);
    --mdc-plain-tooltip-supporting-text-size: 12px;
    --mdc-plain-tooltip-supporting-text-weight: 400;
    --mdc-plain-tooltip-supporting-text-tracking: .0333333333em;
}
html
{
    --mdc-filled-text-field-label-text-font: var(--app-base-font);
    --mdc-filled-text-field-label-text-size: 16px;
    --mdc-filled-text-field-label-text-tracking: .03125em;
    --mdc-filled-text-field-label-text-weight: 400;
}
html
{
    --mdc-outlined-text-field-label-text-font: var(--app-base-font);
    --mdc-outlined-text-field-label-text-size: 16px;
    --mdc-outlined-text-field-label-text-tracking: .03125em;
    --mdc-outlined-text-field-label-text-weight: 400;
}
html
{
    --mat-form-field-container-text-font: var(--app-base-font);
    --mat-form-field-container-text-line-height: 24px;
    --mat-form-field-container-text-size: 16px;
    --mat-form-field-container-text-tracking: .03125em;
    --mat-form-field-container-text-weight: 400;
    --mat-form-field-outlined-label-text-populated-size: 16px;
    --mat-form-field-subscript-text-font: var(--app-base-font);
    --mat-form-field-subscript-text-line-height: 20px;
    --mat-form-field-subscript-text-size: 12px;
    --mat-form-field-subscript-text-tracking: .0333333333em;
    --mat-form-field-subscript-text-weight: 400;
}
html
{
    --mat-select-trigger-text-font: var(--app-base-font);
    --mat-select-trigger-text-line-height: 24px;
    --mat-select-trigger-text-size: 16px;
    --mat-select-trigger-text-tracking: .03125em;
    --mat-select-trigger-text-weight: 400;
}
html
{
    --mdc-dialog-subhead-font: var(--app-base-font);
    --mdc-dialog-subhead-line-height: 32px;
    --mdc-dialog-subhead-size: 20px;
    --mdc-dialog-subhead-weight: 500;
    --mdc-dialog-subhead-tracking: .0125em;
    --mdc-dialog-supporting-text-font: var(--app-base-font);
    --mdc-dialog-supporting-text-line-height: 24px;
    --mdc-dialog-supporting-text-size: 16px;
    --mdc-dialog-supporting-text-weight: 400;
    --mdc-dialog-supporting-text-tracking: .03125em;
}
.mat-mdc-standard-chip
{
    --mdc-chip-label-text-font: var(--app-base-font);
    --mdc-chip-label-text-line-height: 20px;
    --mdc-chip-label-text-size: 14px;
    --mdc-chip-label-text-tracking: .0178571429em;
    --mdc-chip-label-text-weight: 400;
}
html .mat-mdc-slide-toggle
{
    --mat-switch-label-text-font: var(--app-base-font);
    --mat-switch-label-text-line-height: 20px;
    --mat-switch-label-text-size: 14px;
    --mat-switch-label-text-tracking: .0178571429em;
    --mat-switch-label-text-weight: 400;
}
html
{
    --mat-radio-label-text-font: var(--app-base-font);
    --mat-radio-label-text-line-height: 20px;
    --mat-radio-label-text-size: 14px;
    --mat-radio-label-text-tracking: .0178571429em;
    --mat-radio-label-text-weight: 400;
}
html
{
    --mdc-slider-label-label-text-font: var(--app-base-font);
    --mdc-slider-label-label-text-size: 14px;
    --mdc-slider-label-label-text-line-height: 22px;
    --mdc-slider-label-label-text-tracking: .0071428571em;
    --mdc-slider-label-label-text-weight: 500;
}
html
{
    --mat-menu-item-label-text-font: var(--app-base-font);
    --mat-menu-item-label-text-size: 16px;
    --mat-menu-item-label-text-tracking: .03125em;
    --mat-menu-item-label-text-line-height: 24px;
    --mat-menu-item-label-text-weight: 400;
}
html
{
    --mdc-list-list-item-label-text-font: var(--app-base-font);
    --mdc-list-list-item-label-text-line-height: 24px;
    --mdc-list-list-item-label-text-size: 16px;
    --mdc-list-list-item-label-text-tracking: .03125em;
    --mdc-list-list-item-label-text-weight: 400;
    --mdc-list-list-item-supporting-text-font: var(--app-base-font);
    --mdc-list-list-item-supporting-text-line-height: 20px;
    --mdc-list-list-item-supporting-text-size: 14px;
    --mdc-list-list-item-supporting-text-tracking: .0178571429em;
    --mdc-list-list-item-supporting-text-weight: 400;
    --mdc-list-list-item-trailing-supporting-text-font: var(--app-base-font);
    --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
    --mdc-list-list-item-trailing-supporting-text-size: 12px;
    --mdc-list-list-item-trailing-supporting-text-tracking: .0333333333em;
    --mdc-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader
{
    font: 400 16px/28px var(--app-base-font);
    letter-spacing: .009375em;
}
html
{
    --mat-paginator-container-text-font: var(--app-base-font);
    --mat-paginator-container-text-line-height: 20px;
    --mat-paginator-container-text-size: 12px;
    --mat-paginator-container-text-tracking: .0333333333em;
    --mat-paginator-container-text-weight: 400;
    --mat-paginator-select-trigger-text-size: 12px;
}
.mat-mdc-tab-header
{
    --mat-tab-header-label-text-font: var(--app-base-font);
    --mat-tab-header-label-text-size: 14px;
    --mat-tab-header-label-text-tracking: .0892857143em;
    --mat-tab-header-label-text-line-height: 36px;
    --mat-tab-header-label-text-weight: 500;
}
html
{
    --mat-checkbox-label-text-font: var(--app-base-font);
    --mat-checkbox-label-text-line-height: 20px;
    --mat-checkbox-label-text-size: 14px;
    --mat-checkbox-label-text-tracking: .0178571429em;
    --mat-checkbox-label-text-weight: 400;
}
html
{
    --mdc-text-button-label-text-font: var(--app-base-font);
    --mdc-text-button-label-text-size: 14px;
    --mdc-text-button-label-text-tracking: .0892857143em;
    --mdc-text-button-label-text-weight: 500;
    --mdc-text-button-label-text-transform: none;
}
html
{
    --mdc-filled-button-label-text-font: var(--app-base-font);
    --mdc-filled-button-label-text-size: 14px;
    --mdc-filled-button-label-text-tracking: .0892857143em;
    --mdc-filled-button-label-text-weight: 500;
    --mdc-filled-button-label-text-transform: none;
}
html
{
    --mdc-protected-button-label-text-font: var(--app-base-font);
    --mdc-protected-button-label-text-size: 14px;
    --mdc-protected-button-label-text-tracking: .0892857143em;
    --mdc-protected-button-label-text-weight: 500;
    --mdc-protected-button-label-text-transform: none;
}
html
{
    --mdc-outlined-button-label-text-font: var(--app-base-font);
    --mdc-outlined-button-label-text-size: 14px;
    --mdc-outlined-button-label-text-tracking: .0892857143em;
    --mdc-outlined-button-label-text-weight: 500;
    --mdc-outlined-button-label-text-transform: none;
}
html
{
    --mdc-extended-fab-label-text-font: var(--app-base-font);
    --mdc-extended-fab-label-text-size: 14px;
    --mdc-extended-fab-label-text-tracking: .0892857143em;
    --mdc-extended-fab-label-text-weight: 500;
}
html
{
    --mdc-snackbar-supporting-text-font: var(--app-base-font);
    --mdc-snackbar-supporting-text-line-height: 20px;
    --mdc-snackbar-supporting-text-size: 14px;
    --mdc-snackbar-supporting-text-weight: 400;
}
html
{
    --mat-table-header-headline-font: var(--app-base-font);
    --mat-table-header-headline-line-height: 22px;
    --mat-table-header-headline-size: 14px;
    --mat-table-header-headline-weight: 500;
    --mat-table-header-headline-tracking: .0071428571em;
    --mat-table-row-item-label-text-font: var(--app-base-font);
    --mat-table-row-item-label-text-line-height: 20px;
    --mat-table-row-item-label-text-size: 14px;
    --mat-table-row-item-label-text-weight: 400;
    --mat-table-row-item-label-text-tracking: .0178571429em;
    --mat-table-footer-supporting-text-font: var(--app-base-font);
    --mat-table-footer-supporting-text-line-height: 20px;
    --mat-table-footer-supporting-text-size: 14px;
    --mat-table-footer-supporting-text-weight: 400;
    --mat-table-footer-supporting-text-tracking: .0178571429em;
}
.app-color-primary
{
    color: var(--app-color-primary)!important;
}
.app-color-secondary
{
    color: var(--app-color-secondary)!important;
}
.app-color-secondary-75
{
    color: var(--app-color-secondary-75)!important;
}
.app-color-secondary-50
{
    color: var(--app-color-secondary-50)!important;
}
.app-color-error
{
    color: var(--app-color-error)!important;
}
.display-lg
{
    line-height: 6.5rem;
    font-size: 5.7rem;
    font-weight: 800;
}
.display-md
{
    line-height: 5.1rem;
    font-size: 4.5rem;
    font-weight: 800;
}
.display-sm
{
    line-height: 4rem;
    font-size: 3.6rem;
    font-weight: 800;
}
.headline-lg
{
    line-height: 4rem;
    font-size: 3.2rem;
    font-weight: 800;
}
.headline-md
{
    line-height: 3.4rem;
    font-size: 2.8rem;
    font-weight: 800;
}
.headline-sm, .cdk-overlay-container .cdk-overlay-pane .mat-mdc-dialog-container .mdc-dialog__title
{
    line-height: 2.8rem;
    font-size: 2.4rem;
    font-weight: 800;
}
.title-lg
{
    line-height: 3rem;
    font-size: 2.2rem;
    font-weight: 700;
}
.title-md
{
    line-height: 2.2rem;
    font-size: 1.6rem;
    font-weight: 700;
}
.title-sm
{
    line-height: 1.8rem;
    font-size: 1.4rem;
    font-weight: 700;
}
.label-lg, .bottom-sheet-white-header .desktop-back-button, .bottom-sheet-white-header .desktop-back-button mat-icon, mat-datepicker-content .mat-calendar-period-button .mdc-button__label
{
    line-height: 1.68rem;
    font-size: 1.4rem;
    font-weight: 700;
}
.label-md
{
    line-height: 1.44rem;
    font-size: 1.2rem;
    font-weight: 700;
}
.label-sm
{
    line-height: 1.2rem;
    font-size: 1rem;
    font-weight: 700;
}
.body-lg, app-select .mdc-floating-label:not(.mdc-floating-label--float-above), app-autocomplete-input .mdc-floating-label:not(.mdc-floating-label--float-above), app-select mat-select-trigger, app-autocomplete-input mat-select-trigger, mat-datepicker-content .mat-calendar-table-header th
{
    line-height: 1.92rem;
    font-size: 1.6rem;
    font-weight: 400;
}
.body-md, .mat-mdc-radio-group .mat-mdc-radio-button.mat-accent .mdc-form-field>label, .cdk-overlay-container .cdk-overlay-pane .mat-mdc-dialog-container .mdc-dialog__content, app-checkbox .checkbox-label
{
    line-height: 1.82rem;
    font-size: 1.4rem;
    font-weight: 400;
}
.body-rg
{
    line-height: 1.68rem;
    font-size: 1.2rem;
    font-weight: 400;
}
.body-sm, app-select .mdc-floating-label--float-above, app-autocomplete-input .mdc-floating-label--float-above, app-checkbox .checkbox-error
{
    line-height: 1.3rem;
    font-size: 1rem;
    font-weight: 400;
}
.csp-link
{
    color: var(--app-color-secondary);
    text-decoration: underline;
}
.position-static
{
    position: static!important;
}
.position-relative
{
    position: relative!important;
}
.position-absolute
{
    position: absolute!important;
}
.position-fixed
{
    position: fixed!important;
}
.position-sticky
{
    position: sticky!important;
}
.w-25
{
    width: 25%;
}
.w-30
{
    width: 30%;
}
.w-50
{
    width: 50%;
}
.w-60
{
    width: 60%;
}
.w-75
{
    width: 75%;
}
.w-100
{
    width: 100%;
}
.w-auto
{
    width: auto;
}
.h-25
{
    height: 25%;
}
.h-50
{
    height: 50%;
}
.h-75
{
    height: 75%;
}
.h-100
{
    height: 100%;
}
.h-auto
{
    height: auto;
}
.opacity-0
{
    opacity: 0;
}
.opacity-25
{
    opacity: .25;
}
.opacity-50
{
    opacity: .5;
}
.opacity-75
{
    opacity: .75;
}
.opacity-100
{
    opacity: 1;
}
.text-lowercase
{
    text-transform: lowercase;
}
.text-uppercase
{
    text-transform: uppercase;
}
.text-capitalize
{
    text-transform: capitalize;
}
.text-decoration-underline
{
    text-decoration: underline!important;
}
.text-left
{
    text-align: left;
}
.text-right
{
    text-align: right;
}
.text-center
{
    text-align: center;
}
.text-break
{
    word-break: break-word;
    overflow-wrap: break-word;
}
.align-baseline
{
    vertical-align: baseline;
}
.align-top
{
    vertical-align: top;
}
.align-middle
{
    vertical-align: middle;
}
.align-bottom
{
    vertical-align: bottom;
}
.align-text-bottom
{
    vertical-align: text-bottom;
}
.align-text-top
{
    vertical-align: text-top;
}
.cursor-pointer
{
    cursor: pointer;
}
.img-fluid
{
    max-width: 100%;
    height: auto;
}
.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0
{
    box-shadow: var(--mat-app-elevation-shadow-level-0,none);
}
.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1
{
    box-shadow: var(--mat-app-elevation-shadow-level-1,none);
}
.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2
{
    box-shadow: var(--mat-app-elevation-shadow-level-2,none);
}
.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3
{
    box-shadow: var(--mat-app-elevation-shadow-level-3,none);
}
.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4
{
    box-shadow: var(--mat-app-elevation-shadow-level-4,none);
}
.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5
{
    box-shadow: var(--mat-app-elevation-shadow-level-5,none);
}
.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6
{
    box-shadow: var(--mat-app-elevation-shadow-level-6,none);
}
.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7
{
    box-shadow: var(--mat-app-elevation-shadow-level-7,none);
}
.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8
{
    box-shadow: var(--mat-app-elevation-shadow-level-8,none);
}
.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9
{
    box-shadow: var(--mat-app-elevation-shadow-level-9,none);
}
.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10
{
    box-shadow: var(--mat-app-elevation-shadow-level-10,none);
}
.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11
{
    box-shadow: var(--mat-app-elevation-shadow-level-11,none);
}
.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12
{
    box-shadow: var(--mat-app-elevation-shadow-level-12,none);
}
.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13
{
    box-shadow: var(--mat-app-elevation-shadow-level-13,none);
}
.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14
{
    box-shadow: var(--mat-app-elevation-shadow-level-14,none);
}
.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15
{
    box-shadow: var(--mat-app-elevation-shadow-level-15,none);
}
.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16
{
    box-shadow: var(--mat-app-elevation-shadow-level-16,none);
}
.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17
{
    box-shadow: var(--mat-app-elevation-shadow-level-17,none);
}
.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18
{
    box-shadow: var(--mat-app-elevation-shadow-level-18,none);
}
.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19
{
    box-shadow: var(--mat-app-elevation-shadow-level-19,none);
}
.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20
{
    box-shadow: var(--mat-app-elevation-shadow-level-20,none);
}
.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21
{
    box-shadow: var(--mat-app-elevation-shadow-level-21,none);
}
.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22
{
    box-shadow: var(--mat-app-elevation-shadow-level-22,none);
}
.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23
{
    box-shadow: var(--mat-app-elevation-shadow-level-23,none);
}
.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24
{
    box-shadow: var(--mat-app-elevation-shadow-level-24,none);
}
html
{
    --mat-sys-on-surface: initial;
}
.mat-app-background
{
    background-color: var(--mat-app-background-color,var(--mat-sys-background,transparent));
    color: var(--mat-app-text-color,var(--mat-sys-on-background,inherit));
}
html
{
    --mat-ripple-color: rgba(0,0,0,.1);
}
html
{
    --mat-option-selected-state-label-text-color: var(--app-color-primary);
    --mat-option-label-text-color: rgba(0,0,0,.87);
    --mat-option-hover-state-layer-color: rgba(0,0,0,.04);
    --mat-option-focus-state-layer-color: rgba(0,0,0,.04);
    --mat-option-selected-state-layer-color: rgba(0,0,0,.04);
}
.mat-accent
{
    --mat-option-selected-state-label-text-color: var(--app-color-secondary);
    --mat-option-label-text-color: rgba(0,0,0,.87);
    --mat-option-hover-state-layer-color: rgba(0,0,0,.04);
    --mat-option-focus-state-layer-color: rgba(0,0,0,.04);
    --mat-option-selected-state-layer-color: rgba(0,0,0,.04);
}
.mat-warn
{
    --mat-option-selected-state-label-text-color: var(--app-color-error);
    --mat-option-label-text-color: rgba(0,0,0,.87);
    --mat-option-hover-state-layer-color: rgba(0,0,0,.04);
    --mat-option-focus-state-layer-color: rgba(0,0,0,.04);
    --mat-option-selected-state-layer-color: rgba(0,0,0,.04);
}
html
{
    --mat-optgroup-label-text-color: rgba(0,0,0,.87);
}
html
{
    --mat-full-pseudo-checkbox-selected-icon-color: var(--app-color-secondary);
    --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
    --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0,0,0,.54);
    --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
    --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
    --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
html
{
    --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--app-color-secondary);
    --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.mat-primary
{
    --mat-full-pseudo-checkbox-selected-icon-color: var(--app-color-primary);
    --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
    --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0,0,0,.54);
    --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
    --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
    --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.mat-primary
{
    --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--app-color-primary);
    --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.mat-accent
{
    --mat-full-pseudo-checkbox-selected-icon-color: var(--app-color-secondary);
    --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
    --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0,0,0,.54);
    --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
    --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
    --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.mat-accent
{
    --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--app-color-secondary);
    --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.mat-warn
{
    --mat-full-pseudo-checkbox-selected-icon-color: var(--app-color-error);
    --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
    --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0,0,0,.54);
    --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
    --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
    --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.mat-warn
{
    --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--app-color-error);
    --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
html
{
    --mat-app-background-color: #fafafa;
    --mat-app-text-color: rgba(0,0,0,.87);
    --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0,0,0,.2),0px 0px 0px 0px rgba(0,0,0,.14),0px 0px 0px 0px rgba(0,0,0,.12);
    --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12);
    --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12);
    --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0,0,0,.2),0px 3px 4px 0px rgba(0,0,0,.14),0px 1px 8px 0px rgba(0,0,0,.12);
    --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12);
    --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0,0,0,.2),0px 5px 8px 0px rgba(0,0,0,.14),0px 1px 14px 0px rgba(0,0,0,.12);
    --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12);
    --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0,0,0,.2),0px 7px 10px 1px rgba(0,0,0,.14),0px 2px 16px 1px rgba(0,0,0,.12);
    --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12);
    --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0,0,0,.2),0px 9px 12px 1px rgba(0,0,0,.14),0px 3px 16px 2px rgba(0,0,0,.12);
    --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0,0,0,.2),0px 10px 14px 1px rgba(0,0,0,.14),0px 4px 18px 3px rgba(0,0,0,.12);
    --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0,0,0,.2),0px 11px 15px 1px rgba(0,0,0,.14),0px 4px 20px 3px rgba(0,0,0,.12);
    --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0,0,0,.2),0px 12px 17px 2px rgba(0,0,0,.14),0px 5px 22px 4px rgba(0,0,0,.12);
    --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0,0,0,.2),0px 13px 19px 2px rgba(0,0,0,.14),0px 5px 24px 4px rgba(0,0,0,.12);
    --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0,0,0,.2),0px 14px 21px 2px rgba(0,0,0,.14),0px 5px 26px 4px rgba(0,0,0,.12);
    --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0,0,0,.2),0px 15px 22px 2px rgba(0,0,0,.14),0px 6px 28px 5px rgba(0,0,0,.12);
    --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0,0,0,.2),0px 16px 24px 2px rgba(0,0,0,.14),0px 6px 30px 5px rgba(0,0,0,.12);
    --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0,0,0,.2),0px 17px 26px 2px rgba(0,0,0,.14),0px 6px 32px 5px rgba(0,0,0,.12);
    --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0,0,0,.2),0px 18px 28px 2px rgba(0,0,0,.14),0px 7px 34px 6px rgba(0,0,0,.12);
    --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0,0,0,.2),0px 19px 29px 2px rgba(0,0,0,.14),0px 7px 36px 6px rgba(0,0,0,.12);
    --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0,0,0,.2),0px 20px 31px 3px rgba(0,0,0,.14),0px 8px 38px 7px rgba(0,0,0,.12);
    --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0,0,0,.2),0px 21px 33px 3px rgba(0,0,0,.14),0px 8px 40px 7px rgba(0,0,0,.12);
    --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0,0,0,.2),0px 22px 35px 3px rgba(0,0,0,.14),0px 8px 42px 7px rgba(0,0,0,.12);
    --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0,0,0,.2),0px 23px 36px 3px rgba(0,0,0,.14),0px 9px 44px 8px rgba(0,0,0,.12);
    --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12);
}
html
{
    --mdc-elevated-card-container-shape: 4px;
}
html
{
    --mdc-outlined-card-container-shape: 4px;
    --mdc-outlined-card-outline-width: 1px;
}
html
{
    --mdc-elevated-card-container-color: #fff;
    --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12);
}
html
{
    --mdc-outlined-card-container-color: #fff;
    --mdc-outlined-card-outline-color: rgba(0,0,0,.12);
    --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0,0,0,.2),0px 0px 0px 0px rgba(0,0,0,.14),0px 0px 0px 0px rgba(0,0,0,.12);
}
html
{
    --mat-card-subtitle-text-color: rgba(0,0,0,.54);
}
html
{
    --mdc-linear-progress-active-indicator-height: 4px;
    --mdc-linear-progress-track-height: 4px;
    --mdc-linear-progress-track-shape: 0;
}
.mat-mdc-progress-bar
{
    --mdc-linear-progress-active-indicator-color: var(--app-color-primary);
    --mdc-linear-progress-track-color: var(--app-color-primary);
}
.mat-mdc-progress-bar.mat-accent
{
    --mdc-linear-progress-active-indicator-color: var(--app-color-secondary);
    --mdc-linear-progress-track-color: var(--app-color-secondary);
}
.mat-mdc-progress-bar.mat-warn
{
    --mdc-linear-progress-active-indicator-color: var(--app-color-error);
    --mdc-linear-progress-track-color: var(--app-color-error);
}
html
{
    --mdc-plain-tooltip-container-shape: 4px;
    --mdc-plain-tooltip-supporting-text-line-height: 16px;
}
html
{
    --mdc-plain-tooltip-container-color: #616161;
    --mdc-plain-tooltip-supporting-text-color: #fff;
}
html
{
    --mdc-filled-text-field-active-indicator-height: 1px;
    --mdc-filled-text-field-focus-active-indicator-height: 2px;
    --mdc-filled-text-field-container-shape: 4px;
}
html
{
    --mdc-outlined-text-field-outline-width: 1px;
    --mdc-outlined-text-field-focus-outline-width: 2px;
    --mdc-outlined-text-field-container-shape: 4px;
}
html
{
    --mdc-filled-text-field-caret-color: var(--app-color-primary);
    --mdc-filled-text-field-focus-active-indicator-color: var(--app-color-primary);
    --mdc-filled-text-field-focus-label-text-color: var(--app-color-primary);
    --mdc-filled-text-field-container-color: #f5f5f5;
    --mdc-filled-text-field-disabled-container-color: #fafafa;
    --mdc-filled-text-field-label-text-color: rgba(0,0,0,.6);
    --mdc-filled-text-field-hover-label-text-color: rgba(0,0,0,.6);
    --mdc-filled-text-field-disabled-label-text-color: rgba(0,0,0,.38);
    --mdc-filled-text-field-input-text-color: rgba(0,0,0,.87);
    --mdc-filled-text-field-disabled-input-text-color: rgba(0,0,0,.38);
    --mdc-filled-text-field-input-text-placeholder-color: rgba(0,0,0,.6);
    --mdc-filled-text-field-error-hover-label-text-color: var(--app-color-error);
    --mdc-filled-text-field-error-focus-label-text-color: var(--app-color-error);
    --mdc-filled-text-field-error-label-text-color: var(--app-color-error);
    --mdc-filled-text-field-error-caret-color: var(--app-color-error);
    --mdc-filled-text-field-active-indicator-color: rgba(0,0,0,.42);
    --mdc-filled-text-field-disabled-active-indicator-color: rgba(0,0,0,.06);
    --mdc-filled-text-field-hover-active-indicator-color: rgba(0,0,0,.87);
    --mdc-filled-text-field-error-active-indicator-color: var(--app-color-error);
    --mdc-filled-text-field-error-focus-active-indicator-color: var(--app-color-error);
    --mdc-filled-text-field-error-hover-active-indicator-color: var(--app-color-error);
}
html
{
    --mdc-outlined-text-field-caret-color: var(--app-color-primary);
    --mdc-outlined-text-field-focus-outline-color: var(--app-color-primary);
    --mdc-outlined-text-field-focus-label-text-color: var(--app-color-primary);
    --mdc-outlined-text-field-label-text-color: rgba(0,0,0,.6);
    --mdc-outlined-text-field-hover-label-text-color: rgba(0,0,0,.6);
    --mdc-outlined-text-field-disabled-label-text-color: rgba(0,0,0,.38);
    --mdc-outlined-text-field-input-text-color: rgba(0,0,0,.87);
    --mdc-outlined-text-field-disabled-input-text-color: rgba(0,0,0,.38);
    --mdc-outlined-text-field-input-text-placeholder-color: rgba(0,0,0,.6);
    --mdc-outlined-text-field-error-caret-color: var(--app-color-error);
    --mdc-outlined-text-field-error-focus-label-text-color: var(--app-color-error);
    --mdc-outlined-text-field-error-label-text-color: var(--app-color-error);
    --mdc-outlined-text-field-error-hover-label-text-color: var(--app-color-error);
    --mdc-outlined-text-field-outline-color: rgba(0,0,0,.38);
    --mdc-outlined-text-field-disabled-outline-color: rgba(0,0,0,.06);
    --mdc-outlined-text-field-hover-outline-color: rgba(0,0,0,.87);
    --mdc-outlined-text-field-error-focus-outline-color: var(--app-color-error);
    --mdc-outlined-text-field-error-hover-outline-color: var(--app-color-error);
    --mdc-outlined-text-field-error-outline-color: var(--app-color-error);
}
html
{
    --mat-form-field-focus-select-arrow-color: var(--app-color-primary);
    --mat-form-field-disabled-input-text-placeholder-color: rgba(0,0,0,.38);
    --mat-form-field-state-layer-color: rgba(0,0,0,.87);
    --mat-form-field-error-text-color: var(--app-color-error);
    --mat-form-field-select-option-text-color: inherit;
    --mat-form-field-select-disabled-option-text-color: GrayText;
    --mat-form-field-leading-icon-color: unset;
    --mat-form-field-disabled-leading-icon-color: unset;
    --mat-form-field-trailing-icon-color: unset;
    --mat-form-field-disabled-trailing-icon-color: unset;
    --mat-form-field-error-focus-trailing-icon-color: unset;
    --mat-form-field-error-hover-trailing-icon-color: unset;
    --mat-form-field-error-trailing-icon-color: unset;
    --mat-form-field-enabled-select-arrow-color: rgba(0,0,0,.54);
    --mat-form-field-disabled-select-arrow-color: rgba(0,0,0,.38);
    --mat-form-field-hover-state-layer-opacity: .04;
    --mat-form-field-focus-state-layer-opacity: .08;
}
.mat-mdc-form-field.mat-accent
{
    --mdc-filled-text-field-caret-color: var(--app-color-secondary);
    --mdc-filled-text-field-focus-active-indicator-color: var(--app-color-secondary);
    --mdc-filled-text-field-focus-label-text-color: var(--app-color-secondary);
}
.mat-mdc-form-field.mat-accent
{
    --mdc-outlined-text-field-caret-color: var(--app-color-secondary);
    --mdc-outlined-text-field-focus-outline-color: var(--app-color-secondary);
    --mdc-outlined-text-field-focus-label-text-color: var(--app-color-secondary);
}
.mat-mdc-form-field.mat-accent
{
    --mat-form-field-focus-select-arrow-color: var(--app-color-secondary);
}
.mat-mdc-form-field.mat-warn
{
    --mdc-filled-text-field-caret-color: var(--app-color-error);
    --mdc-filled-text-field-focus-active-indicator-color: var(--app-color-error);
    --mdc-filled-text-field-focus-label-text-color: var(--app-color-error);
}
.mat-mdc-form-field.mat-warn
{
    --mdc-outlined-text-field-caret-color: var(--app-color-error);
    --mdc-outlined-text-field-focus-outline-color: var(--app-color-error);
    --mdc-outlined-text-field-focus-label-text-color: var(--app-color-error);
}
.mat-mdc-form-field.mat-warn
{
    --mat-form-field-focus-select-arrow-color: var(--app-color-error);
}
html
{
    --mat-form-field-container-height: 56px;
    --mat-form-field-filled-label-display: block;
    --mat-form-field-container-vertical-padding: 16px;
    --mat-form-field-filled-with-label-container-padding-top: 24px;
    --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}
html
{
    --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12);
}
html
{
    --mat-select-panel-background-color: #fff;
    --mat-select-enabled-trigger-text-color: rgba(0,0,0,.87);
    --mat-select-disabled-trigger-text-color: rgba(0,0,0,.38);
    --mat-select-placeholder-text-color: rgba(0,0,0,.6);
    --mat-select-enabled-arrow-color: rgba(0,0,0,.54);
    --mat-select-disabled-arrow-color: rgba(0,0,0,.38);
    --mat-select-focused-arrow-color: var(--app-color-primary);
    --mat-select-invalid-arrow-color: var(--app-color-error);
}
html .mat-mdc-form-field.mat-accent
{
    --mat-select-panel-background-color: #fff;
    --mat-select-enabled-trigger-text-color: rgba(0,0,0,.87);
    --mat-select-disabled-trigger-text-color: rgba(0,0,0,.38);
    --mat-select-placeholder-text-color: rgba(0,0,0,.6);
    --mat-select-enabled-arrow-color: rgba(0,0,0,.54);
    --mat-select-disabled-arrow-color: rgba(0,0,0,.38);
    --mat-select-focused-arrow-color: var(--app-color-secondary);
    --mat-select-invalid-arrow-color: var(--app-color-error);
}
html .mat-mdc-form-field.mat-warn
{
    --mat-select-panel-background-color: #fff;
    --mat-select-enabled-trigger-text-color: rgba(0,0,0,.87);
    --mat-select-disabled-trigger-text-color: rgba(0,0,0,.38);
    --mat-select-placeholder-text-color: rgba(0,0,0,.6);
    --mat-select-enabled-arrow-color: rgba(0,0,0,.54);
    --mat-select-disabled-arrow-color: rgba(0,0,0,.38);
    --mat-select-focused-arrow-color: var(--app-color-error);
    --mat-select-invalid-arrow-color: var(--app-color-error);
}
html
{
    --mat-select-arrow-transform: translateY(-8px);
}
html
{
    --mat-autocomplete-container-shape: 4px;
    --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12);
}
html
{
    --mat-autocomplete-background-color: #fff;
}
html
{
    --mdc-dialog-container-shape: 4px;
}
html
{
    --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12);
    --mat-dialog-container-max-width: 80vw;
    --mat-dialog-container-small-max-width: 80vw;
    --mat-dialog-container-min-width: 0;
    --mat-dialog-actions-alignment: start;
    --mat-dialog-actions-padding: 8px;
    --mat-dialog-content-padding: 20px 24px;
    --mat-dialog-with-actions-content-padding: 20px 24px;
    --mat-dialog-headline-padding: 0 24px 9px;
}
html
{
    --mdc-dialog-container-color: #fff;
    --mdc-dialog-subhead-color: rgba(0,0,0,.87);
    --mdc-dialog-supporting-text-color: rgba(0,0,0,.6);
}
.mat-mdc-standard-chip
{
    --mdc-chip-container-shape-radius: 16px;
    --mdc-chip-with-avatar-avatar-shape-radius: 14px;
    --mdc-chip-with-avatar-avatar-size: 28px;
    --mdc-chip-with-icon-icon-size: 18px;
    --mdc-chip-outline-width: 0;
    --mdc-chip-outline-color: transparent;
    --mdc-chip-disabled-outline-color: transparent;
    --mdc-chip-focus-outline-color: transparent;
    --mdc-chip-hover-state-layer-opacity: .04;
    --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
    --mdc-chip-flat-selected-outline-width: 0;
    --mdc-chip-selected-hover-state-layer-opacity: .04;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
    --mdc-chip-with-icon-disabled-icon-opacity: 1;
}
.mat-mdc-standard-chip
{
    --mat-chip-disabled-container-opacity: .4;
    --mat-chip-trailing-action-opacity: .54;
    --mat-chip-trailing-action-focus-opacity: 1;
    --mat-chip-trailing-action-state-layer-color: transparent;
    --mat-chip-selected-trailing-action-state-layer-color: transparent;
    --mat-chip-trailing-action-hover-state-layer-opacity: 0;
    --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}
.mat-mdc-standard-chip
{
    --mdc-chip-disabled-label-text-color: #212121;
    --mdc-chip-elevated-container-color: #e0e0e0;
    --mdc-chip-elevated-selected-container-color: #e0e0e0;
    --mdc-chip-elevated-disabled-container-color: #e0e0e0;
    --mdc-chip-flat-disabled-selected-container-color: #e0e0e0;
    --mdc-chip-focus-state-layer-color: #000;
    --mdc-chip-hover-state-layer-color: #000;
    --mdc-chip-selected-hover-state-layer-color: #000;
    --mdc-chip-focus-state-layer-opacity: .12;
    --mdc-chip-selected-focus-state-layer-color: #000;
    --mdc-chip-selected-focus-state-layer-opacity: .12;
    --mdc-chip-label-text-color: #212121;
    --mdc-chip-selected-label-text-color: #212121;
    --mdc-chip-with-icon-icon-color: #212121;
    --mdc-chip-with-icon-disabled-icon-color: #212121;
    --mdc-chip-with-icon-selected-icon-color: #212121;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
    --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip
{
    --mat-chip-selected-disabled-trailing-icon-color: #212121;
    --mat-chip-selected-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary
{
    --mdc-chip-disabled-label-text-color: var(--app-color-primary-25);
    --mdc-chip-elevated-container-color: var(--app-color-primary);
    --mdc-chip-elevated-selected-container-color: var(--app-color-primary);
    --mdc-chip-elevated-disabled-container-color: var(--app-color-primary);
    --mdc-chip-flat-disabled-selected-container-color: var(--app-color-primary);
    --mdc-chip-focus-state-layer-color: #000;
    --mdc-chip-hover-state-layer-color: #000;
    --mdc-chip-selected-hover-state-layer-color: #000;
    --mdc-chip-focus-state-layer-opacity: .12;
    --mdc-chip-selected-focus-state-layer-color: #000;
    --mdc-chip-selected-focus-state-layer-opacity: .12;
    --mdc-chip-label-text-color: var(--app-color-primary-25);
    --mdc-chip-selected-label-text-color: var(--app-color-primary-25);
    --mdc-chip-with-icon-icon-color: var(--app-color-primary-25);
    --mdc-chip-with-icon-disabled-icon-color: var(--app-color-primary-25);
    --mdc-chip-with-icon-selected-icon-color: var(--app-color-primary-25);
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: var(--app-color-primary-25);
    --mdc-chip-with-trailing-icon-trailing-icon-color: var(--app-color-primary-25);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary
{
    --mat-chip-selected-disabled-trailing-icon-color: var(--app-color-primary-25);
    --mat-chip-selected-trailing-icon-color: var(--app-color-primary-25);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent
{
    --mdc-chip-disabled-label-text-color: var(--app-color-secondary);
    --mdc-chip-elevated-container-color: var(--app-color-secondary);
    --mdc-chip-elevated-selected-container-color: var(--app-color-secondary);
    --mdc-chip-elevated-disabled-container-color: var(--app-color-secondary);
    --mdc-chip-flat-disabled-selected-container-color: var(--app-color-secondary);
    --mdc-chip-focus-state-layer-color: #000;
    --mdc-chip-hover-state-layer-color: #000;
    --mdc-chip-selected-hover-state-layer-color: #000;
    --mdc-chip-focus-state-layer-opacity: .12;
    --mdc-chip-selected-focus-state-layer-color: #000;
    --mdc-chip-selected-focus-state-layer-opacity: .12;
    --mdc-chip-label-text-color: var(--app-color-secondary);
    --mdc-chip-selected-label-text-color: var(--app-color-secondary);
    --mdc-chip-with-icon-icon-color: var(--app-color-secondary);
    --mdc-chip-with-icon-disabled-icon-color: var(--app-color-secondary);
    --mdc-chip-with-icon-selected-icon-color: var(--app-color-secondary);
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: var(--app-color-secondary);
    --mdc-chip-with-trailing-icon-trailing-icon-color: var(--app-color-secondary);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent
{
    --mat-chip-selected-disabled-trailing-icon-color: var(--app-color-secondary);
    --mat-chip-selected-trailing-icon-color: var(--app-color-secondary);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn
{
    --mdc-chip-disabled-label-text-color: var(--app-color-error);
    --mdc-chip-elevated-container-color: var(--app-color-error);
    --mdc-chip-elevated-selected-container-color: var(--app-color-error);
    --mdc-chip-elevated-disabled-container-color: var(--app-color-error);
    --mdc-chip-flat-disabled-selected-container-color: var(--app-color-error);
    --mdc-chip-focus-state-layer-color: #000;
    --mdc-chip-hover-state-layer-color: #000;
    --mdc-chip-selected-hover-state-layer-color: #000;
    --mdc-chip-focus-state-layer-opacity: .12;
    --mdc-chip-selected-focus-state-layer-color: #000;
    --mdc-chip-selected-focus-state-layer-opacity: .12;
    --mdc-chip-label-text-color: var(--app-color-error);
    --mdc-chip-selected-label-text-color: var(--app-color-error);
    --mdc-chip-with-icon-icon-color: var(--app-color-error);
    --mdc-chip-with-icon-disabled-icon-color: var(--app-color-error);
    --mdc-chip-with-icon-selected-icon-color: var(--app-color-error);
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: var(--app-color-error);
    --mdc-chip-with-trailing-icon-trailing-icon-color: var(--app-color-error);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn
{
    --mat-chip-selected-disabled-trailing-icon-color: var(--app-color-error);
    --mat-chip-selected-trailing-icon-color: var(--app-color-error);
}
.mat-mdc-chip.mat-mdc-standard-chip
{
    --mdc-chip-container-height: 32px;
}
html
{
    --mdc-switch-disabled-selected-icon-opacity: .38;
    --mdc-switch-disabled-track-opacity: .12;
    --mdc-switch-disabled-unselected-icon-opacity: .38;
    --mdc-switch-handle-height: 20px;
    --mdc-switch-handle-shape: 10px;
    --mdc-switch-handle-width: 20px;
    --mdc-switch-selected-icon-size: 18px;
    --mdc-switch-track-height: 14px;
    --mdc-switch-track-shape: 7px;
    --mdc-switch-track-width: 36px;
    --mdc-switch-unselected-icon-size: 18px;
    --mdc-switch-selected-focus-state-layer-opacity: .12;
    --mdc-switch-selected-hover-state-layer-opacity: .04;
    --mdc-switch-selected-pressed-state-layer-opacity: .1;
    --mdc-switch-unselected-focus-state-layer-opacity: .12;
    --mdc-switch-unselected-hover-state-layer-opacity: .04;
    --mdc-switch-unselected-pressed-state-layer-opacity: .1;
}
html .mat-mdc-slide-toggle
{
    --mat-switch-disabled-selected-handle-opacity: .38;
    --mat-switch-disabled-unselected-handle-opacity: .38;
    --mat-switch-unselected-handle-size: 20px;
    --mat-switch-selected-handle-size: 20px;
    --mat-switch-pressed-handle-size: 20px;
    --mat-switch-with-icon-handle-size: 20px;
    --mat-switch-selected-handle-horizontal-margin: 0;
    --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
    --mat-switch-selected-pressed-handle-horizontal-margin: 0;
    --mat-switch-unselected-handle-horizontal-margin: 0;
    --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
    --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
    --mat-switch-visible-track-opacity: 1;
    --mat-switch-hidden-track-opacity: 1;
    --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0,0,.2,1);
    --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(.4,0,.6,1);
    --mat-switch-track-outline-width: 1px;
    --mat-switch-track-outline-color: transparent;
    --mat-switch-selected-track-outline-width: 1px;
    --mat-switch-selected-track-outline-color: transparent;
    --mat-switch-disabled-unselected-track-outline-width: 1px;
    --mat-switch-disabled-unselected-track-outline-color: transparent;
}
html
{
    --mdc-switch-selected-focus-state-layer-color: var(--app-color-primary);
    --mdc-switch-selected-handle-color: var(--app-color-primary);
    --mdc-switch-selected-hover-state-layer-color: var(--app-color-primary);
    --mdc-switch-selected-pressed-state-layer-color: var(--app-color-primary);
    --mdc-switch-selected-focus-handle-color: var(--app-color-primary);
    --mdc-switch-selected-hover-handle-color: var(--app-color-primary);
    --mdc-switch-selected-pressed-handle-color: var(--app-color-primary);
    --mdc-switch-selected-focus-track-color: var(--app-color-primary-50);
    --mdc-switch-selected-hover-track-color: var(--app-color-primary-50);
    --mdc-switch-selected-pressed-track-color: var(--app-color-primary-50);
    --mdc-switch-selected-track-color: var(--app-color-primary-50);
    --mdc-switch-disabled-selected-handle-color: #424242;
    --mdc-switch-disabled-selected-icon-color: #fff;
    --mdc-switch-disabled-selected-track-color: #424242;
    --mdc-switch-disabled-unselected-handle-color: #424242;
    --mdc-switch-disabled-unselected-icon-color: #fff;
    --mdc-switch-disabled-unselected-track-color: #424242;
    --mdc-switch-handle-surface-color: #fff;
    --mdc-switch-selected-icon-color: #fff;
    --mdc-switch-unselected-focus-handle-color: #212121;
    --mdc-switch-unselected-focus-state-layer-color: #424242;
    --mdc-switch-unselected-focus-track-color: #e0e0e0;
    --mdc-switch-unselected-handle-color: #616161;
    --mdc-switch-unselected-hover-handle-color: #212121;
    --mdc-switch-unselected-hover-state-layer-color: #424242;
    --mdc-switch-unselected-hover-track-color: #e0e0e0;
    --mdc-switch-unselected-icon-color: #fff;
    --mdc-switch-unselected-pressed-handle-color: #212121;
    --mdc-switch-unselected-pressed-state-layer-color: #424242;
    --mdc-switch-unselected-pressed-track-color: #e0e0e0;
    --mdc-switch-unselected-track-color: #e0e0e0;
    --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12);
    --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0,0,0,.2),0px 0px 0px 0px rgba(0,0,0,.14),0px 0px 0px 0px rgba(0,0,0,.12);
}
html
{
    --mdc-switch-disabled-label-text-color: rgba(0,0,0,.38);
}
html .mat-mdc-slide-toggle
{
    --mat-switch-label-text-color: rgba(0,0,0,.87);
}
html .mat-mdc-slide-toggle.mat-accent
{
    --mdc-switch-selected-focus-state-layer-color: var(--app-color-secondary);
    --mdc-switch-selected-handle-color: var(--app-color-secondary);
    --mdc-switch-selected-hover-state-layer-color: var(--app-color-secondary);
    --mdc-switch-selected-pressed-state-layer-color: var(--app-color-secondary);
    --mdc-switch-selected-focus-handle-color: var(--app-color-secondary);
    --mdc-switch-selected-hover-handle-color: var(--app-color-secondary);
    --mdc-switch-selected-pressed-handle-color: var(--app-color-secondary);
    --mdc-switch-selected-focus-track-color: var(--app-color-secondary-50);
    --mdc-switch-selected-hover-track-color: var(--app-color-secondary-50);
    --mdc-switch-selected-pressed-track-color: var(--app-color-secondary-50);
    --mdc-switch-selected-track-color: var(--app-color-secondary-50);
}
html .mat-mdc-slide-toggle.mat-warn
{
    --mdc-switch-selected-focus-state-layer-color: var(--app-color-error);
    --mdc-switch-selected-handle-color: var(--app-color-error);
    --mdc-switch-selected-hover-state-layer-color: var(--app-color-error);
    --mdc-switch-selected-pressed-state-layer-color: var(--app-color-error);
    --mdc-switch-selected-focus-handle-color: var(--app-color-error);
    --mdc-switch-selected-hover-handle-color: var(--app-color-error);
    --mdc-switch-selected-pressed-handle-color: var(--app-color-error);
    --mdc-switch-selected-focus-track-color: var(--app-color-error);
    --mdc-switch-selected-hover-track-color: var(--app-color-error);
    --mdc-switch-selected-pressed-track-color: var(--app-color-error);
    --mdc-switch-selected-track-color: var(--app-color-error);
}
html
{
    --mdc-switch-state-layer-size: 40px;
}
html
{
    --mdc-radio-disabled-selected-icon-opacity: .38;
    --mdc-radio-disabled-unselected-icon-opacity: .38;
    --mdc-radio-state-layer-size: 40px;
}
.mat-mdc-radio-button.mat-primary
{
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0,0,0,.54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0,0,0,.54);
    --mdc-radio-selected-focus-icon-color: var(--app-color-primary);
    --mdc-radio-selected-hover-icon-color: var(--app-color-primary);
    --mdc-radio-selected-icon-color: var(--app-color-primary);
    --mdc-radio-selected-pressed-icon-color: var(--app-color-primary);
}
.mat-mdc-radio-button.mat-primary
{
    --mat-radio-ripple-color: #000;
    --mat-radio-checked-ripple-color: var(--app-color-primary);
    --mat-radio-disabled-label-color: rgba(0,0,0,.38);
    --mat-radio-label-text-color: rgba(0,0,0,.87);
}
.mat-mdc-radio-button.mat-accent
{
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0,0,0,.54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0,0,0,.54);
    --mdc-radio-selected-focus-icon-color: var(--app-color-secondary);
    --mdc-radio-selected-hover-icon-color: var(--app-color-secondary);
    --mdc-radio-selected-icon-color: var(--app-color-secondary);
    --mdc-radio-selected-pressed-icon-color: var(--app-color-secondary);
}
.mat-mdc-radio-button.mat-accent
{
    --mat-radio-ripple-color: #000;
    --mat-radio-checked-ripple-color: var(--app-color-secondary);
    --mat-radio-disabled-label-color: rgba(0,0,0,.38);
    --mat-radio-label-text-color: rgba(0,0,0,.87);
}
.mat-mdc-radio-button.mat-warn
{
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0,0,0,.54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0,0,0,.54);
    --mdc-radio-selected-focus-icon-color: var(--app-color-error);
    --mdc-radio-selected-hover-icon-color: var(--app-color-error);
    --mdc-radio-selected-icon-color: var(--app-color-error);
    --mdc-radio-selected-pressed-icon-color: var(--app-color-error);
}
.mat-mdc-radio-button.mat-warn
{
    --mat-radio-ripple-color: #000;
    --mat-radio-checked-ripple-color: var(--app-color-error);
    --mat-radio-disabled-label-color: rgba(0,0,0,.38);
    --mat-radio-label-text-color: rgba(0,0,0,.87);
}
html
{
    --mdc-radio-state-layer-size: 40px;
}
html
{
    --mat-radio-touch-target-display: block;
}
html
{
    --mdc-slider-active-track-height: 6px;
    --mdc-slider-active-track-shape: 9999px;
    --mdc-slider-handle-height: 20px;
    --mdc-slider-handle-shape: 50%;
    --mdc-slider-handle-width: 20px;
    --mdc-slider-inactive-track-height: 4px;
    --mdc-slider-inactive-track-shape: 9999px;
    --mdc-slider-with-overlap-handle-outline-width: 1px;
    --mdc-slider-with-tick-marks-active-container-opacity: .6;
    --mdc-slider-with-tick-marks-container-shape: 50%;
    --mdc-slider-with-tick-marks-container-size: 2px;
    --mdc-slider-with-tick-marks-inactive-container-opacity: .6;
    --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12);
}
html
{
    --mat-slider-value-indicator-width: auto;
    --mat-slider-value-indicator-height: 32px;
    --mat-slider-value-indicator-caret-display: block;
    --mat-slider-value-indicator-border-radius: 4px;
    --mat-slider-value-indicator-padding: 0 12px;
    --mat-slider-value-indicator-text-transform: none;
    --mat-slider-value-indicator-container-transform: translateX(-50%);
}
html
{
    --mdc-slider-handle-color: var(--app-color-primary);
    --mdc-slider-focus-handle-color: var(--app-color-primary);
    --mdc-slider-hover-handle-color: var(--app-color-primary);
    --mdc-slider-active-track-color: var(--app-color-primary);
    --mdc-slider-inactive-track-color: var(--app-color-primary);
    --mdc-slider-with-tick-marks-inactive-container-color: var(--app-color-primary);
    --mdc-slider-with-tick-marks-active-container-color: var(--app-color-primary-25);
    --mdc-slider-disabled-active-track-color: #000;
    --mdc-slider-disabled-handle-color: #000;
    --mdc-slider-disabled-inactive-track-color: #000;
    --mdc-slider-label-container-color: #000;
    --mdc-slider-label-label-text-color: #fff;
    --mdc-slider-with-overlap-handle-outline-color: #fff;
    --mdc-slider-with-tick-marks-disabled-container-color: #000;
}
html
{
    --mat-slider-ripple-color: var(--app-color-primary);
    --mat-slider-hover-state-layer-color: rgba(var(--app-color-primary),.05);
    --mat-slider-focus-state-layer-color: rgba(var(--app-color-primary),.2);
    --mat-slider-value-indicator-opacity: .6;
}
html .mat-accent
{
    --mdc-slider-handle-color: var(--app-color-secondary);
    --mdc-slider-focus-handle-color: var(--app-color-secondary);
    --mdc-slider-hover-handle-color: var(--app-color-secondary);
    --mdc-slider-active-track-color: var(--app-color-secondary);
    --mdc-slider-inactive-track-color: var(--app-color-secondary);
    --mdc-slider-with-tick-marks-inactive-container-color: var(--app-color-secondary);
    --mdc-slider-with-tick-marks-active-container-color: var(--app-color-secondary);
}
html .mat-accent
{
    --mat-slider-ripple-color: var(--app-color-secondary);
    --mat-slider-hover-state-layer-color: rgba(var(--app-color-secondary),.05);
    --mat-slider-focus-state-layer-color: rgba(var(--app-color-secondary),.2);
}
html .mat-warn
{
    --mdc-slider-handle-color: var(--app-color-error);
    --mdc-slider-focus-handle-color: var(--app-color-error);
    --mdc-slider-hover-handle-color: var(--app-color-error);
    --mdc-slider-active-track-color: var(--app-color-error);
    --mdc-slider-inactive-track-color: var(--app-color-error);
    --mdc-slider-with-tick-marks-inactive-container-color: var(--app-color-error);
    --mdc-slider-with-tick-marks-active-container-color: var(--app-color-error);
}
html .mat-warn
{
    --mat-slider-ripple-color: var(--app-color-error);
    --mat-slider-hover-state-layer-color: rgba(var(--app-color-error),.05);
    --mat-slider-focus-state-layer-color: rgba(var(--app-color-error),.2);
}
html
{
    --mat-menu-container-shape: 4px;
    --mat-menu-divider-bottom-spacing: 0;
    --mat-menu-divider-top-spacing: 0;
    --mat-menu-item-spacing: 16px;
    --mat-menu-item-icon-size: 24px;
    --mat-menu-item-leading-spacing: 16px;
    --mat-menu-item-trailing-spacing: 16px;
    --mat-menu-item-with-icon-leading-spacing: 16px;
    --mat-menu-item-with-icon-trailing-spacing: 16px;
    --mat-menu-container-elevation-shadow: 0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12);
}
html
{
    --mat-menu-item-label-text-color: rgba(0,0,0,.87);
    --mat-menu-item-icon-color: rgba(0,0,0,.87);
    --mat-menu-item-hover-state-layer-color: rgba(0,0,0,.04);
    --mat-menu-item-focus-state-layer-color: rgba(0,0,0,.04);
    --mat-menu-container-color: #fff;
    --mat-menu-divider-color: rgba(0,0,0,.12);
}
html
{
    --mdc-list-list-item-container-shape: 0;
    --mdc-list-list-item-leading-avatar-shape: 50%;
    --mdc-list-list-item-container-color: transparent;
    --mdc-list-list-item-selected-container-color: transparent;
    --mdc-list-list-item-leading-avatar-color: transparent;
    --mdc-list-list-item-leading-icon-size: 24px;
    --mdc-list-list-item-leading-avatar-size: 40px;
    --mdc-list-list-item-trailing-icon-size: 24px;
    --mdc-list-list-item-disabled-state-layer-color: transparent;
    --mdc-list-list-item-disabled-state-layer-opacity: 0;
    --mdc-list-list-item-disabled-label-text-opacity: .38;
    --mdc-list-list-item-disabled-leading-icon-opacity: .38;
    --mdc-list-list-item-disabled-trailing-icon-opacity: .38;
}
html
{
    --mat-list-active-indicator-color: transparent;
    --mat-list-active-indicator-shape: 4px;
}
html
{
    --mdc-list-list-item-label-text-color: rgba(0,0,0,.87);
    --mdc-list-list-item-supporting-text-color: rgba(0,0,0,.54);
    --mdc-list-list-item-leading-icon-color: rgba(0,0,0,.38);
    --mdc-list-list-item-trailing-supporting-text-color: rgba(0,0,0,.38);
    --mdc-list-list-item-trailing-icon-color: rgba(0,0,0,.38);
    --mdc-list-list-item-selected-trailing-icon-color: rgba(0,0,0,.38);
    --mdc-list-list-item-disabled-label-text-color: #000;
    --mdc-list-list-item-disabled-leading-icon-color: #000;
    --mdc-list-list-item-disabled-trailing-icon-color: #000;
    --mdc-list-list-item-hover-label-text-color: rgba(0,0,0,.87);
    --mdc-list-list-item-hover-leading-icon-color: rgba(0,0,0,.38);
    --mdc-list-list-item-hover-trailing-icon-color: rgba(0,0,0,.38);
    --mdc-list-list-item-focus-label-text-color: rgba(0,0,0,.87);
    --mdc-list-list-item-hover-state-layer-color: #000;
    --mdc-list-list-item-hover-state-layer-opacity: .04;
    --mdc-list-list-item-focus-state-layer-color: #000;
    --mdc-list-list-item-focus-state-layer-opacity: .12;
}
.mdc-list-item__start, .mdc-list-item__end
{
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0,0,0,.54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0,0,0,.54);
    --mdc-radio-selected-focus-icon-color: var(--app-color-primary);
    --mdc-radio-selected-hover-icon-color: var(--app-color-primary);
    --mdc-radio-selected-icon-color: var(--app-color-primary);
    --mdc-radio-selected-pressed-icon-color: var(--app-color-primary);
}
.mat-accent .mdc-list-item__start, .mat-accent .mdc-list-item__end
{
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0,0,0,.54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0,0,0,.54);
    --mdc-radio-selected-focus-icon-color: var(--app-color-secondary);
    --mdc-radio-selected-hover-icon-color: var(--app-color-secondary);
    --mdc-radio-selected-icon-color: var(--app-color-secondary);
    --mdc-radio-selected-pressed-icon-color: var(--app-color-secondary);
}
.mat-warn .mdc-list-item__start, .mat-warn .mdc-list-item__end
{
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0,0,0,.54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0,0,0,.54);
    --mdc-radio-selected-focus-icon-color: var(--app-color-error);
    --mdc-radio-selected-hover-icon-color: var(--app-color-error);
    --mdc-radio-selected-icon-color: var(--app-color-error);
    --mdc-radio-selected-pressed-icon-color: var(--app-color-error);
}
.mat-mdc-list-option
{
    --mdc-checkbox-disabled-selected-icon-color: rgba(0,0,0,.38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0,0,0,.38);
    --mdc-checkbox-selected-checkmark-color: var(--app-color-primary-25);
    --mdc-checkbox-selected-focus-icon-color: var(--app-color-primary);
    --mdc-checkbox-selected-hover-icon-color: var(--app-color-primary);
    --mdc-checkbox-selected-icon-color: var(--app-color-primary);
    --mdc-checkbox-selected-pressed-icon-color: var(--app-color-primary);
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0,0,0,.54);
    --mdc-checkbox-selected-focus-state-layer-color: var(--app-color-primary);
    --mdc-checkbox-selected-hover-state-layer-color: var(--app-color-primary);
    --mdc-checkbox-selected-pressed-state-layer-color: var(--app-color-primary);
    --mdc-checkbox-unselected-focus-state-layer-color: #000;
    --mdc-checkbox-unselected-hover-state-layer-color: #000;
    --mdc-checkbox-unselected-pressed-state-layer-color: #000;
}
.mat-mdc-list-option.mat-accent
{
    --mdc-checkbox-disabled-selected-icon-color: rgba(0,0,0,.38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0,0,0,.38);
    --mdc-checkbox-selected-checkmark-color: var(--app-color-secondary);
    --mdc-checkbox-selected-focus-icon-color: var(--app-color-secondary);
    --mdc-checkbox-selected-hover-icon-color: var(--app-color-secondary);
    --mdc-checkbox-selected-icon-color: var(--app-color-secondary);
    --mdc-checkbox-selected-pressed-icon-color: var(--app-color-secondary);
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0,0,0,.54);
    --mdc-checkbox-selected-focus-state-layer-color: var(--app-color-secondary);
    --mdc-checkbox-selected-hover-state-layer-color: var(--app-color-secondary);
    --mdc-checkbox-selected-pressed-state-layer-color: var(--app-color-secondary);
    --mdc-checkbox-unselected-focus-state-layer-color: #000;
    --mdc-checkbox-unselected-hover-state-layer-color: #000;
    --mdc-checkbox-unselected-pressed-state-layer-color: #000;
}
.mat-mdc-list-option.mat-warn
{
    --mdc-checkbox-disabled-selected-icon-color: rgba(0,0,0,.38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0,0,0,.38);
    --mdc-checkbox-selected-checkmark-color: var(--app-color-error);
    --mdc-checkbox-selected-focus-icon-color: var(--app-color-error);
    --mdc-checkbox-selected-hover-icon-color: var(--app-color-error);
    --mdc-checkbox-selected-icon-color: var(--app-color-error);
    --mdc-checkbox-selected-pressed-icon-color: var(--app-color-error);
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0,0,0,.54);
    --mdc-checkbox-selected-focus-state-layer-color: var(--app-color-error);
    --mdc-checkbox-selected-hover-state-layer-color: var(--app-color-error);
    --mdc-checkbox-selected-pressed-state-layer-color: var(--app-color-error);
    --mdc-checkbox-unselected-focus-state-layer-color: #000;
    --mdc-checkbox-unselected-hover-state-layer-color: #000;
    --mdc-checkbox-unselected-pressed-state-layer-color: #000;
}
.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: var(--app-color-primary);
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end
{
    opacity: 1;
}
html
{
    --mdc-list-list-item-one-line-container-height: 48px;
    --mdc-list-list-item-two-line-container-height: 64px;
    --mdc-list-list-item-three-line-container-height: 88px;
}
html
{
    --mat-list-list-item-leading-icon-start-space: 16px;
    --mat-list-list-item-leading-icon-end-space: 32px;
}
.mdc-list-item__start, .mdc-list-item__end
{
    --mdc-radio-state-layer-size: 40px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line
{
    height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines
{
    height: 72px;
}
html
{
    --mat-paginator-container-text-color: rgba(0,0,0,.87);
    --mat-paginator-container-background-color: #fff;
    --mat-paginator-enabled-icon-color: rgba(0,0,0,.54);
    --mat-paginator-disabled-icon-color: rgba(0,0,0,.12);
}
html
{
    --mat-paginator-container-size: 56px;
    --mat-paginator-form-field-container-height: 40px;
    --mat-paginator-form-field-container-vertical-padding: 8px;
    --mat-paginator-touch-target-display: block;
}
html
{
    --mdc-secondary-navigation-tab-container-height: 48px;
}
html
{
    --mdc-tab-indicator-active-indicator-height: 2px;
    --mdc-tab-indicator-active-indicator-shape: 0;
}
html
{
    --mat-tab-header-divider-color: transparent;
    --mat-tab-header-divider-height: 0;
}
.mat-mdc-tab-group, .mat-mdc-tab-nav-bar
{
    --mdc-tab-indicator-active-indicator-color: var(--app-color-primary);
}
.mat-mdc-tab-group, .mat-mdc-tab-nav-bar
{
    --mat-tab-header-disabled-ripple-color: rgba(0,0,0,.38);
    --mat-tab-header-pagination-icon-color: #000;
    --mat-tab-header-inactive-label-text-color: rgba(0,0,0,.6);
    --mat-tab-header-active-label-text-color: var(--app-color-primary);
    --mat-tab-header-active-ripple-color: var(--app-color-primary);
    --mat-tab-header-inactive-ripple-color: var(--app-color-primary);
    --mat-tab-header-inactive-focus-label-text-color: rgba(0,0,0,.6);
    --mat-tab-header-inactive-hover-label-text-color: rgba(0,0,0,.6);
    --mat-tab-header-active-focus-label-text-color: var(--app-color-primary);
    --mat-tab-header-active-hover-label-text-color: var(--app-color-primary);
    --mat-tab-header-active-focus-indicator-color: var(--app-color-primary);
    --mat-tab-header-active-hover-indicator-color: var(--app-color-primary);
}
.mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent
{
    --mdc-tab-indicator-active-indicator-color: var(--app-color-secondary);
}
.mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent
{
    --mat-tab-header-disabled-ripple-color: rgba(0,0,0,.38);
    --mat-tab-header-pagination-icon-color: #000;
    --mat-tab-header-inactive-label-text-color: rgba(0,0,0,.6);
    --mat-tab-header-active-label-text-color: var(--app-color-secondary);
    --mat-tab-header-active-ripple-color: var(--app-color-secondary);
    --mat-tab-header-inactive-ripple-color: var(--app-color-secondary);
    --mat-tab-header-inactive-focus-label-text-color: rgba(0,0,0,.6);
    --mat-tab-header-inactive-hover-label-text-color: rgba(0,0,0,.6);
    --mat-tab-header-active-focus-label-text-color: var(--app-color-secondary);
    --mat-tab-header-active-hover-label-text-color: var(--app-color-secondary);
    --mat-tab-header-active-focus-indicator-color: var(--app-color-secondary);
    --mat-tab-header-active-hover-indicator-color: var(--app-color-secondary);
}
.mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn
{
    --mdc-tab-indicator-active-indicator-color: var(--app-color-error);
}
.mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn
{
    --mat-tab-header-disabled-ripple-color: rgba(0,0,0,.38);
    --mat-tab-header-pagination-icon-color: #000;
    --mat-tab-header-inactive-label-text-color: rgba(0,0,0,.6);
    --mat-tab-header-active-label-text-color: var(--app-color-error);
    --mat-tab-header-active-ripple-color: var(--app-color-error);
    --mat-tab-header-inactive-ripple-color: var(--app-color-error);
    --mat-tab-header-inactive-focus-label-text-color: rgba(0,0,0,.6);
    --mat-tab-header-inactive-hover-label-text-color: rgba(0,0,0,.6);
    --mat-tab-header-active-focus-label-text-color: var(--app-color-error);
    --mat-tab-header-active-hover-label-text-color: var(--app-color-error);
    --mat-tab-header-active-focus-indicator-color: var(--app-color-error);
    --mat-tab-header-active-hover-indicator-color: var(--app-color-error);
}
.mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary
{
    --mat-tab-header-with-background-background-color: var(--app-color-primary);
    --mat-tab-header-with-background-foreground-color: var(--app-color-primary-25);
}
.mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent
{
    --mat-tab-header-with-background-background-color: var(--app-color-secondary);
    --mat-tab-header-with-background-foreground-color: var(--app-color-secondary);
}
.mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn
{
    --mat-tab-header-with-background-background-color: var(--app-color-error);
    --mat-tab-header-with-background-foreground-color: var(--app-color-error);
}
.mat-mdc-tab-header
{
    --mdc-secondary-navigation-tab-container-height: 48px;
}
html
{
    --mdc-checkbox-disabled-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-state-layer-opacity: .16;
    --mdc-checkbox-selected-hover-state-layer-opacity: .04;
    --mdc-checkbox-selected-pressed-state-layer-opacity: .16;
    --mdc-checkbox-unselected-focus-state-layer-opacity: .16;
    --mdc-checkbox-unselected-hover-state-layer-opacity: .04;
    --mdc-checkbox-unselected-pressed-state-layer-opacity: .16;
}
html
{
    --mdc-checkbox-disabled-selected-icon-color: rgba(0,0,0,.38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0,0,0,.38);
    --mdc-checkbox-selected-checkmark-color: var(--app-color-secondary);
    --mdc-checkbox-selected-focus-icon-color: var(--app-color-secondary);
    --mdc-checkbox-selected-hover-icon-color: var(--app-color-secondary);
    --mdc-checkbox-selected-icon-color: var(--app-color-secondary);
    --mdc-checkbox-selected-pressed-icon-color: var(--app-color-secondary);
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0,0,0,.54);
    --mdc-checkbox-selected-focus-state-layer-color: var(--app-color-secondary);
    --mdc-checkbox-selected-hover-state-layer-color: var(--app-color-secondary);
    --mdc-checkbox-selected-pressed-state-layer-color: var(--app-color-secondary);
    --mdc-checkbox-unselected-focus-state-layer-color: #000;
    --mdc-checkbox-unselected-hover-state-layer-color: #000;
    --mdc-checkbox-unselected-pressed-state-layer-color: #000;
}
html
{
    --mat-checkbox-disabled-label-color: rgba(0,0,0,.38);
    --mat-checkbox-label-text-color: rgba(0,0,0,.87);
}
.mat-mdc-checkbox.mat-primary
{
    --mdc-checkbox-disabled-selected-icon-color: rgba(0,0,0,.38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0,0,0,.38);
    --mdc-checkbox-selected-checkmark-color: var(--app-color-primary-25);
    --mdc-checkbox-selected-focus-icon-color: var(--app-color-primary);
    --mdc-checkbox-selected-hover-icon-color: var(--app-color-primary);
    --mdc-checkbox-selected-icon-color: var(--app-color-primary);
    --mdc-checkbox-selected-pressed-icon-color: var(--app-color-primary);
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0,0,0,.54);
    --mdc-checkbox-selected-focus-state-layer-color: var(--app-color-primary);
    --mdc-checkbox-selected-hover-state-layer-color: var(--app-color-primary);
    --mdc-checkbox-selected-pressed-state-layer-color: var(--app-color-primary);
    --mdc-checkbox-unselected-focus-state-layer-color: #000;
    --mdc-checkbox-unselected-hover-state-layer-color: #000;
    --mdc-checkbox-unselected-pressed-state-layer-color: #000;
}
.mat-mdc-checkbox.mat-warn
{
    --mdc-checkbox-disabled-selected-icon-color: rgba(0,0,0,.38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0,0,0,.38);
    --mdc-checkbox-selected-checkmark-color: var(--app-color-error);
    --mdc-checkbox-selected-focus-icon-color: var(--app-color-error);
    --mdc-checkbox-selected-hover-icon-color: var(--app-color-error);
    --mdc-checkbox-selected-icon-color: var(--app-color-error);
    --mdc-checkbox-selected-pressed-icon-color: var(--app-color-error);
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0,0,0,.54);
    --mdc-checkbox-selected-focus-state-layer-color: var(--app-color-error);
    --mdc-checkbox-selected-hover-state-layer-color: var(--app-color-error);
    --mdc-checkbox-selected-pressed-state-layer-color: var(--app-color-error);
    --mdc-checkbox-unselected-focus-state-layer-color: #000;
    --mdc-checkbox-unselected-hover-state-layer-color: #000;
    --mdc-checkbox-unselected-pressed-state-layer-color: #000;
}
html
{
    --mdc-checkbox-state-layer-size: 40px;
}
html
{
    --mat-checkbox-touch-target-display: block;
}
html
{
    --mdc-text-button-container-shape: 4px;
    --mdc-text-button-keep-touch-target: false;
}
html
{
    --mdc-filled-button-container-shape: 4px;
    --mdc-filled-button-keep-touch-target: false;
}
html
{
    --mdc-protected-button-container-shape: 4px;
    --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12);
    --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0,0,0,.2),0px 0px 0px 0px rgba(0,0,0,.14),0px 0px 0px 0px rgba(0,0,0,.12);
    --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12);
    --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12);
    --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12);
}
html
{
    --mdc-outlined-button-keep-touch-target: false;
    --mdc-outlined-button-outline-width: 1px;
    --mdc-outlined-button-container-shape: 4px;
}
html
{
    --mat-text-button-horizontal-padding: 8px;
    --mat-text-button-with-icon-horizontal-padding: 8px;
    --mat-text-button-icon-spacing: 8px;
    --mat-text-button-icon-offset: 0;
}
html
{
    --mat-filled-button-horizontal-padding: 16px;
    --mat-filled-button-icon-spacing: 8px;
    --mat-filled-button-icon-offset: -4px;
}
html
{
    --mat-protected-button-horizontal-padding: 16px;
    --mat-protected-button-icon-spacing: 8px;
    --mat-protected-button-icon-offset: -4px;
}
html
{
    --mat-outlined-button-horizontal-padding: 15px;
    --mat-outlined-button-icon-spacing: 8px;
    --mat-outlined-button-icon-offset: -4px;
}
html
{
    --mdc-text-button-label-text-color: #000;
    --mdc-text-button-disabled-label-text-color: rgba(0,0,0,.38);
}
html
{
    --mat-text-button-state-layer-color: #000;
    --mat-text-button-disabled-state-layer-color: #000;
    --mat-text-button-ripple-color: rgba(0,0,0,.1);
    --mat-text-button-hover-state-layer-opacity: .04;
    --mat-text-button-focus-state-layer-opacity: .12;
    --mat-text-button-pressed-state-layer-opacity: .12;
}
html
{
    --mdc-filled-button-container-color: #fff;
    --mdc-filled-button-label-text-color: #000;
    --mdc-filled-button-disabled-container-color: rgba(0,0,0,.12);
    --mdc-filled-button-disabled-label-text-color: rgba(0,0,0,.38);
}
html
{
    --mat-filled-button-state-layer-color: #000;
    --mat-filled-button-disabled-state-layer-color: #000;
    --mat-filled-button-ripple-color: rgba(0,0,0,.1);
    --mat-filled-button-hover-state-layer-opacity: .04;
    --mat-filled-button-focus-state-layer-opacity: .12;
    --mat-filled-button-pressed-state-layer-opacity: .12;
}
html
{
    --mdc-protected-button-container-color: #fff;
    --mdc-protected-button-label-text-color: #000;
    --mdc-protected-button-disabled-container-color: rgba(0,0,0,.12);
    --mdc-protected-button-disabled-label-text-color: rgba(0,0,0,.38);
}
html
{
    --mat-protected-button-state-layer-color: #000;
    --mat-protected-button-disabled-state-layer-color: #000;
    --mat-protected-button-ripple-color: rgba(0,0,0,.1);
    --mat-protected-button-hover-state-layer-opacity: .04;
    --mat-protected-button-focus-state-layer-opacity: .12;
    --mat-protected-button-pressed-state-layer-opacity: .12;
}
html
{
    --mdc-outlined-button-disabled-outline-color: rgba(0,0,0,.12);
    --mdc-outlined-button-disabled-label-text-color: rgba(0,0,0,.38);
    --mdc-outlined-button-label-text-color: #000;
    --mdc-outlined-button-outline-color: rgba(0,0,0,.12);
}
html
{
    --mat-outlined-button-state-layer-color: #000;
    --mat-outlined-button-disabled-state-layer-color: #000;
    --mat-outlined-button-ripple-color: rgba(0,0,0,.1);
    --mat-outlined-button-hover-state-layer-opacity: .04;
    --mat-outlined-button-focus-state-layer-opacity: .12;
    --mat-outlined-button-pressed-state-layer-opacity: .12;
}
.mat-mdc-button.mat-primary
{
    --mdc-text-button-label-text-color: var(--app-color-primary);
}
.mat-mdc-button.mat-primary
{
    --mat-text-button-state-layer-color: var(--app-color-primary);
    --mat-text-button-ripple-color: rgba(0,0,0,.1);
}
.mat-mdc-button.mat-accent
{
    --mdc-text-button-label-text-color: var(--app-color-secondary);
}
.mat-mdc-button.mat-accent
{
    --mat-text-button-state-layer-color: var(--app-color-secondary);
    --mat-text-button-ripple-color: rgba(0,0,0,.1);
}
.mat-mdc-button.mat-warn
{
    --mdc-text-button-label-text-color: var(--app-color-error);
}
.mat-mdc-button.mat-warn
{
    --mat-text-button-state-layer-color: var(--app-color-error);
    --mat-text-button-ripple-color: rgba(0,0,0,.1);
}
.mat-mdc-unelevated-button.mat-primary
{
    --mdc-filled-button-container-color: var(--app-color-primary);
    --mdc-filled-button-label-text-color: var(--app-color-primary-25);
}
.mat-mdc-unelevated-button.mat-primary
{
    --mat-filled-button-state-layer-color: #000;
    --mat-filled-button-ripple-color: rgba(0,0,0,.1);
}
.mat-mdc-unelevated-button.mat-accent
{
    --mdc-filled-button-container-color: var(--app-color-secondary);
    --mdc-filled-button-label-text-color: var(--app-color-secondary);
}
.mat-mdc-unelevated-button.mat-accent
{
    --mat-filled-button-state-layer-color: #000;
    --mat-filled-button-ripple-color: rgba(0,0,0,.1);
}
.mat-mdc-unelevated-button.mat-warn
{
    --mdc-filled-button-container-color: var(--app-color-error);
    --mdc-filled-button-label-text-color: var(--app-color-error);
}
.mat-mdc-unelevated-button.mat-warn
{
    --mat-filled-button-state-layer-color: #000;
    --mat-filled-button-ripple-color: rgba(0,0,0,.1);
}
.mat-mdc-raised-button.mat-primary
{
    --mdc-protected-button-container-color: var(--app-color-primary);
    --mdc-protected-button-label-text-color: var(--app-color-primary-25);
}
.mat-mdc-raised-button.mat-primary
{
    --mat-protected-button-state-layer-color: #000;
    --mat-protected-button-ripple-color: rgba(0,0,0,.1);
}
.mat-mdc-raised-button.mat-accent
{
    --mdc-protected-button-container-color: var(--app-color-secondary);
    --mdc-protected-button-label-text-color: var(--app-color-secondary);
}
.mat-mdc-raised-button.mat-accent
{
    --mat-protected-button-state-layer-color: #000;
    --mat-protected-button-ripple-color: rgba(0,0,0,.1);
}
.mat-mdc-raised-button.mat-warn
{
    --mdc-protected-button-container-color: var(--app-color-error);
    --mdc-protected-button-label-text-color: var(--app-color-error);
}
.mat-mdc-raised-button.mat-warn
{
    --mat-protected-button-state-layer-color: #000;
    --mat-protected-button-ripple-color: rgba(0,0,0,.1);
}
.mat-mdc-outlined-button.mat-primary
{
    --mdc-outlined-button-label-text-color: var(--app-color-primary);
    --mdc-outlined-button-outline-color: rgba(0,0,0,.12);
}
.mat-mdc-outlined-button.mat-primary
{
    --mat-outlined-button-state-layer-color: var(--app-color-primary);
    --mat-outlined-button-ripple-color: rgba(0,0,0,.1);
}
.mat-mdc-outlined-button.mat-accent
{
    --mdc-outlined-button-label-text-color: var(--app-color-secondary);
    --mdc-outlined-button-outline-color: rgba(0,0,0,.12);
}
.mat-mdc-outlined-button.mat-accent
{
    --mat-outlined-button-state-layer-color: var(--app-color-secondary);
    --mat-outlined-button-ripple-color: rgba(0,0,0,.1);
}
.mat-mdc-outlined-button.mat-warn
{
    --mdc-outlined-button-label-text-color: var(--app-color-error);
    --mdc-outlined-button-outline-color: rgba(0,0,0,.12);
}
.mat-mdc-outlined-button.mat-warn
{
    --mat-outlined-button-state-layer-color: var(--app-color-error);
    --mat-outlined-button-ripple-color: rgba(0,0,0,.1);
}
html
{
    --mdc-text-button-container-height: 36px;
}
html
{
    --mdc-filled-button-container-height: 36px;
}
html
{
    --mdc-protected-button-container-height: 36px;
}
html
{
    --mdc-outlined-button-container-height: 36px;
}
html
{
    --mat-text-button-touch-target-display: block;
}
html
{
    --mat-filled-button-touch-target-display: block;
}
html
{
    --mat-protected-button-touch-target-display: block;
}
html
{
    --mat-outlined-button-touch-target-display: block;
}
html
{
    --mdc-icon-button-icon-size: 24px;
}
html
{
    --mdc-icon-button-icon-color: inherit;
    --mdc-icon-button-disabled-icon-color: rgba(0,0,0,.38);
}
html
{
    --mat-icon-button-state-layer-color: #000;
    --mat-icon-button-disabled-state-layer-color: #000;
    --mat-icon-button-ripple-color: rgba(0,0,0,.1);
    --mat-icon-button-hover-state-layer-opacity: .04;
    --mat-icon-button-focus-state-layer-opacity: .12;
    --mat-icon-button-pressed-state-layer-opacity: .12;
}
html .mat-mdc-icon-button.mat-primary
{
    --mdc-icon-button-icon-color: var(--app-color-primary);
}
html .mat-mdc-icon-button.mat-primary
{
    --mat-icon-button-state-layer-color: var(--app-color-primary);
    --mat-icon-button-ripple-color: rgba(0,0,0,.1);
}
html .mat-mdc-icon-button.mat-accent
{
    --mdc-icon-button-icon-color: var(--app-color-secondary);
}
html .mat-mdc-icon-button.mat-accent
{
    --mat-icon-button-state-layer-color: var(--app-color-secondary);
    --mat-icon-button-ripple-color: rgba(0,0,0,.1);
}
html .mat-mdc-icon-button.mat-warn
{
    --mdc-icon-button-icon-color: var(--app-color-error);
}
html .mat-mdc-icon-button.mat-warn
{
    --mat-icon-button-state-layer-color: var(--app-color-error);
    --mat-icon-button-ripple-color: rgba(0,0,0,.1);
}
html
{
    --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base
{
    --mdc-icon-button-state-layer-size: 48px;
    width: var(--mdc-icon-button-state-layer-size);
    height: var(--mdc-icon-button-state-layer-size);
    padding: 12px;
}
html
{
    --mdc-fab-container-shape: 50%;
    --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12);
    --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12);
    --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12);
    --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0,0,0,.2),0px 12px 17px 2px rgba(0,0,0,.14),0px 5px 22px 4px rgba(0,0,0,.12);
}
html
{
    --mdc-fab-small-container-shape: 50%;
    --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12);
    --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12);
    --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12);
    --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0,0,0,.2),0px 12px 17px 2px rgba(0,0,0,.14),0px 5px 22px 4px rgba(0,0,0,.12);
}
html
{
    --mdc-extended-fab-container-height: 48px;
    --mdc-extended-fab-container-shape: 24px;
    --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px 0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12);
    --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12);
    --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12);
    --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0,0,0,.2),0px 12px 17px 2px rgba(0,0,0,.14),0px 5px 22px 4px rgba(0,0,0,.12);
}
html
{
    --mdc-fab-container-color: #fff;
}
html
{
    --mat-fab-foreground-color: #000;
    --mat-fab-state-layer-color: #000;
    --mat-fab-disabled-state-layer-color: #000;
    --mat-fab-ripple-color: rgba(0,0,0,.1);
    --mat-fab-hover-state-layer-opacity: .04;
    --mat-fab-focus-state-layer-opacity: .12;
    --mat-fab-pressed-state-layer-opacity: .12;
    --mat-fab-disabled-state-container-color: rgba(0,0,0,.12);
    --mat-fab-disabled-state-foreground-color: rgba(0,0,0,.38);
}
html
{
    --mdc-fab-small-container-color: #fff;
}
html
{
    --mat-fab-small-foreground-color: #000;
    --mat-fab-small-state-layer-color: #000;
    --mat-fab-small-disabled-state-layer-color: #000;
    --mat-fab-small-ripple-color: rgba(0,0,0,.1);
    --mat-fab-small-hover-state-layer-opacity: .04;
    --mat-fab-small-focus-state-layer-opacity: .12;
    --mat-fab-small-pressed-state-layer-opacity: .12;
    --mat-fab-small-disabled-state-container-color: rgba(0,0,0,.12);
    --mat-fab-small-disabled-state-foreground-color: rgba(0,0,0,.38);
}
html .mat-mdc-fab.mat-primary
{
    --mdc-fab-container-color: var(--app-color-primary);
}
html .mat-mdc-fab.mat-primary
{
    --mat-fab-foreground-color: #000;
    --mat-fab-state-layer-color: #000;
    --mat-fab-ripple-color: rgba(0,0,0,.1);
}
html .mat-mdc-fab.mat-accent
{
    --mdc-fab-container-color: var(--app-color-secondary);
}
html .mat-mdc-fab.mat-accent
{
    --mat-fab-foreground-color: #000;
    --mat-fab-state-layer-color: #000;
    --mat-fab-ripple-color: rgba(0,0,0,.1);
}
html .mat-mdc-fab.mat-warn
{
    --mdc-fab-container-color: var(--app-color-error);
}
html .mat-mdc-fab.mat-warn
{
    --mat-fab-foreground-color: #000;
    --mat-fab-state-layer-color: #000;
    --mat-fab-ripple-color: rgba(0,0,0,.1);
}
html .mat-mdc-mini-fab.mat-primary
{
    --mdc-fab-small-container-color: var(--app-color-primary);
}
html .mat-mdc-mini-fab.mat-primary
{
    --mat-fab-small-foreground-color: #000;
    --mat-fab-small-state-layer-color: #000;
    --mat-fab-small-ripple-color: rgba(0,0,0,.1);
}
html .mat-mdc-mini-fab.mat-accent
{
    --mdc-fab-small-container-color: var(--app-color-secondary);
}
html .mat-mdc-mini-fab.mat-accent
{
    --mat-fab-small-foreground-color: #000;
    --mat-fab-small-state-layer-color: #000;
    --mat-fab-small-ripple-color: rgba(0,0,0,.1);
}
html .mat-mdc-mini-fab.mat-warn
{
    --mdc-fab-small-container-color: var(--app-color-error);
}
html .mat-mdc-mini-fab.mat-warn
{
    --mat-fab-small-foreground-color: #000;
    --mat-fab-small-state-layer-color: #000;
    --mat-fab-small-ripple-color: rgba(0,0,0,.1);
}
html
{
    --mat-fab-touch-target-display: block;
}
html
{
    --mat-fab-small-touch-target-display: block;
}
html
{
    --mdc-snackbar-container-shape: 4px;
}
html
{
    --mdc-snackbar-container-color: #333;
    --mdc-snackbar-supporting-text-color: rgba(255,255,255,.87);
}
html
{
    --mat-snack-bar-button-color: var(--app-color-primary);
}
html
{
    --mat-table-row-item-outline-width: 1px;
}
html
{
    --mat-table-background-color: #fff;
    --mat-table-header-headline-color: rgba(0,0,0,.87);
    --mat-table-row-item-label-text-color: rgba(0,0,0,.87);
    --mat-table-row-item-outline-color: rgba(0,0,0,.12);
}
html
{
    --mat-table-header-container-height: 56px;
    --mat-table-footer-container-height: 52px;
    --mat-table-row-item-container-height: 52px;
}
html
{
    --mdc-circular-progress-active-indicator-width: 4px;
    --mdc-circular-progress-size: 48px;
}
html
{
    --mdc-circular-progress-active-indicator-color: var(--app-color-primary);
}
html .mat-accent
{
    --mdc-circular-progress-active-indicator-color: var(--app-color-secondary);
}
html .mat-warn
{
    --mdc-circular-progress-active-indicator-color: var(--app-color-error);
}
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: var(--app-color-primary);
    --mat-badge-text-color: var(--app-color-primary-25);
    --mat-badge-disabled-state-background-color: #b9b9b9;
    --mat-badge-disabled-state-text-color: rgba(0,0,0,.38);
}
.mat-badge-accent
{
    --mat-badge-background-color: var(--app-color-secondary);
    --mat-badge-text-color: var(--app-color-secondary);
}
.mat-badge-warn
{
    --mat-badge-background-color: var(--app-color-error);
    --mat-badge-text-color: var(--app-color-error);
}
html
{
    --mat-bottom-sheet-container-shape: 4px;
}
html
{
    --mat-bottom-sheet-container-text-color: rgba(0,0,0,.87);
    --mat-bottom-sheet-container-background-color: #fff;
}
html
{
    --mat-legacy-button-toggle-height: 36px;
    --mat-legacy-button-toggle-shape: 2px;
    --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
}
html
{
    --mat-standard-button-toggle-shape: 4px;
    --mat-standard-button-toggle-hover-state-layer-opacity: .04;
    --mat-standard-button-toggle-focus-state-layer-opacity: .12;
}
html
{
    --mat-legacy-button-toggle-text-color: rgba(0,0,0,.38);
    --mat-legacy-button-toggle-state-layer-color: rgba(0,0,0,.12);
    --mat-legacy-button-toggle-selected-state-text-color: rgba(0,0,0,.54);
    --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
    --mat-legacy-button-toggle-disabled-state-text-color: rgba(0,0,0,.26);
    --mat-legacy-button-toggle-disabled-state-background-color: #eee;
    --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
}
html
{
    --mat-standard-button-toggle-text-color: rgba(0,0,0,.87);
    --mat-standard-button-toggle-background-color: #fff;
    --mat-standard-button-toggle-state-layer-color: #000;
    --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
    --mat-standard-button-toggle-selected-state-text-color: rgba(0,0,0,.87);
    --mat-standard-button-toggle-disabled-state-text-color: rgba(0,0,0,.26);
    --mat-standard-button-toggle-disabled-state-background-color: #fff;
    --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0,0,0,.87);
    --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
    --mat-standard-button-toggle-divider-color: #e0e0e0;
}
html
{
    --mat-standard-button-toggle-height: 48px;
}
html
{
    --mat-datepicker-calendar-container-shape: 4px;
    --mat-datepicker-calendar-container-touch-shape: 4px;
    --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12);
    --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12);
}
html
{
    --mat-datepicker-calendar-date-selected-state-text-color: var(--app-color-primary-25);
    --mat-datepicker-calendar-date-selected-state-background-color: var(--app-color-primary);
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0,0,0,.26);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--app-color-primary-25);
    --mat-datepicker-calendar-date-focus-state-background-color: var(--app-color-primary);
    --mat-datepicker-calendar-date-hover-state-background-color: var(--app-color-primary);
    --mat-datepicker-toggle-active-state-icon-color: var(--app-color-primary);
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--app-color-primary),.2);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249,171,0,.2);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
    --mat-datepicker-toggle-icon-color: rgba(0,0,0,.54);
    --mat-datepicker-calendar-body-label-text-color: rgba(0,0,0,.54);
    --mat-datepicker-calendar-period-button-text-color: #000;
    --mat-datepicker-calendar-period-button-icon-color: rgba(0,0,0,.54);
    --mat-datepicker-calendar-navigation-button-icon-color: rgba(0,0,0,.54);
    --mat-datepicker-calendar-header-divider-color: rgba(0,0,0,.12);
    --mat-datepicker-calendar-header-text-color: rgba(0,0,0,.54);
    --mat-datepicker-calendar-date-today-outline-color: rgba(0,0,0,.38);
    --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0,0,0,.18);
    --mat-datepicker-calendar-date-text-color: rgba(0,0,0,.87);
    --mat-datepicker-calendar-date-outline-color: transparent;
    --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0,0,0,.38);
    --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0,0,0,.24);
    --mat-datepicker-range-input-separator-color: rgba(0,0,0,.87);
    --mat-datepicker-range-input-disabled-state-separator-color: rgba(0,0,0,.38);
    --mat-datepicker-range-input-disabled-state-text-color: rgba(0,0,0,.38);
    --mat-datepicker-calendar-container-background-color: #fff;
    --mat-datepicker-calendar-container-text-color: rgba(0,0,0,.87);
}
.mat-datepicker-content.mat-accent
{
    --mat-datepicker-calendar-date-selected-state-text-color: var(--app-color-secondary);
    --mat-datepicker-calendar-date-selected-state-background-color: var(--app-color-secondary);
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0,0,0,.26);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--app-color-secondary);
    --mat-datepicker-calendar-date-focus-state-background-color: var(--app-color-secondary);
    --mat-datepicker-calendar-date-hover-state-background-color: var(--app-color-secondary);
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--app-color-secondary),.2);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249,171,0,.2);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-content.mat-warn
{
    --mat-datepicker-calendar-date-selected-state-text-color: var(--app-color-error);
    --mat-datepicker-calendar-date-selected-state-background-color: var(--app-color-error);
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0,0,0,.26);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--app-color-error);
    --mat-datepicker-calendar-date-focus-state-background-color: var(--app-color-error);
    --mat-datepicker-calendar-date-hover-state-background-color: var(--app-color-error);
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--app-color-error),.2);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249,171,0,.2);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-toggle-active.mat-accent
{
    --mat-datepicker-toggle-active-state-icon-color: var(--app-color-secondary);
}
.mat-datepicker-toggle-active.mat-warn
{
    --mat-datepicker-toggle-active-state-icon-color: var(--app-color-error);
}
.mat-calendar-controls
{
    --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base
{
    --mdc-icon-button-state-layer-size: 40px;
    width: var(--mdc-icon-button-state-layer-size);
    height: var(--mdc-icon-button-state-layer-size);
    padding: 8px;
}
html
{
    --mat-divider-width: 1px;
}
html
{
    --mat-divider-color: rgba(0,0,0,.12);
}
html
{
    --mat-expansion-container-shape: 4px;
    --mat-expansion-legacy-header-indicator-display: inline-block;
    --mat-expansion-header-indicator-display: none;
}
html
{
    --mat-expansion-container-background-color: #fff;
    --mat-expansion-container-text-color: rgba(0,0,0,.87);
    --mat-expansion-actions-divider-color: rgba(0,0,0,.12);
    --mat-expansion-header-hover-state-layer-color: rgba(0,0,0,.04);
    --mat-expansion-header-focus-state-layer-color: rgba(0,0,0,.04);
    --mat-expansion-header-disabled-state-text-color: rgba(0,0,0,.26);
    --mat-expansion-header-text-color: rgba(0,0,0,.87);
    --mat-expansion-header-description-color: rgba(0,0,0,.54);
    --mat-expansion-header-indicator-color: rgba(0,0,0,.54);
}
html
{
    --mat-expansion-header-collapsed-state-height: 48px;
    --mat-expansion-header-expanded-state-height: 64px;
}
html
{
    --mat-icon-color: inherit;
}
.mat-icon.mat-primary
{
    --mat-icon-color: var(--app-color-primary);
}
.mat-icon.mat-accent
{
    --mat-icon-color: var(--app-color-secondary);
}
.mat-icon.mat-warn
{
    --mat-icon-color: var(--app-color-error);
}
html
{
    --mat-sidenav-container-shape: 0;
    --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0,0,0,.2),0px 16px 24px 2px rgba(0,0,0,.14),0px 6px 30px 5px rgba(0,0,0,.12);
    --mat-sidenav-container-width: auto;
}
html
{
    --mat-sidenav-container-divider-color: rgba(0,0,0,.12);
    --mat-sidenav-container-background-color: #fff;
    --mat-sidenav-container-text-color: rgba(0,0,0,.87);
    --mat-sidenav-content-background-color: #fafafa;
    --mat-sidenav-content-text-color: rgba(0,0,0,.87);
    --mat-sidenav-scrim-color: rgba(0,0,0,.6);
}
html
{
    --mat-stepper-header-icon-foreground-color: var(--app-color-primary-25);
    --mat-stepper-header-selected-state-icon-background-color: var(--app-color-primary);
    --mat-stepper-header-selected-state-icon-foreground-color: var(--app-color-primary-25);
    --mat-stepper-header-done-state-icon-background-color: var(--app-color-primary);
    --mat-stepper-header-done-state-icon-foreground-color: var(--app-color-primary-25);
    --mat-stepper-header-edit-state-icon-background-color: var(--app-color-primary);
    --mat-stepper-header-edit-state-icon-foreground-color: var(--app-color-primary-25);
    --mat-stepper-container-color: #fff;
    --mat-stepper-line-color: rgba(0,0,0,.12);
    --mat-stepper-header-hover-state-layer-color: rgba(0,0,0,.04);
    --mat-stepper-header-focus-state-layer-color: rgba(0,0,0,.04);
    --mat-stepper-header-label-text-color: rgba(0,0,0,.54);
    --mat-stepper-header-optional-label-text-color: rgba(0,0,0,.54);
    --mat-stepper-header-selected-state-label-text-color: rgba(0,0,0,.87);
    --mat-stepper-header-error-state-label-text-color: var(--app-color-error);
    --mat-stepper-header-icon-background-color: rgba(0,0,0,.54);
    --mat-stepper-header-error-state-icon-foreground-color: var(--app-color-error);
    --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent
{
    --mat-stepper-header-icon-foreground-color: var(--app-color-secondary);
    --mat-stepper-header-selected-state-icon-background-color: var(--app-color-secondary);
    --mat-stepper-header-selected-state-icon-foreground-color: var(--app-color-secondary);
    --mat-stepper-header-done-state-icon-background-color: var(--app-color-secondary);
    --mat-stepper-header-done-state-icon-foreground-color: var(--app-color-secondary);
    --mat-stepper-header-edit-state-icon-background-color: var(--app-color-secondary);
    --mat-stepper-header-edit-state-icon-foreground-color: var(--app-color-secondary);
}
html .mat-step-header.mat-warn
{
    --mat-stepper-header-icon-foreground-color: var(--app-color-error);
    --mat-stepper-header-selected-state-icon-background-color: var(--app-color-error);
    --mat-stepper-header-selected-state-icon-foreground-color: var(--app-color-error);
    --mat-stepper-header-done-state-icon-background-color: var(--app-color-error);
    --mat-stepper-header-done-state-icon-foreground-color: var(--app-color-error);
    --mat-stepper-header-edit-state-icon-background-color: var(--app-color-error);
    --mat-stepper-header-edit-state-icon-foreground-color: var(--app-color-error);
}
html
{
    --mat-stepper-header-height: 72px;
}
html
{
    --mat-sort-arrow-color: #757575;
}
html
{
    --mat-toolbar-container-background-color: #f5f5f5;
    --mat-toolbar-container-text-color: rgba(0,0,0,.87);
}
.mat-toolbar.mat-primary
{
    --mat-toolbar-container-background-color: var(--app-color-primary);
    --mat-toolbar-container-text-color: var(--app-color-primary-25);
}
.mat-toolbar.mat-accent
{
    --mat-toolbar-container-background-color: var(--app-color-secondary);
    --mat-toolbar-container-text-color: var(--app-color-secondary);
}
.mat-toolbar.mat-warn
{
    --mat-toolbar-container-background-color: var(--app-color-error);
    --mat-toolbar-container-text-color: var(--app-color-error);
}
html
{
    --mat-toolbar-standard-height: 64px;
    --mat-toolbar-mobile-height: 56px;
}
html
{
    --mat-tree-container-background-color: #fff;
    --mat-tree-node-text-color: rgba(0,0,0,.87);
}
html
{
    --mat-tree-node-min-height: 48px;
}
html
{
    --mat-timepicker-container-shape: 4px;
    --mat-timepicker-container-elevation-shadow: 0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12);
}
html
{
    --mat-timepicker-container-background-color: #fff;
}
:root
{
    --app-base-font: "Merkus Sans",sans-serif;
    --app-color-primary: #fc0;
    --app-color-primary-75: #ffcc00bf;
    --app-color-primary-50: #ffcc0080;
    --app-color-primary-25: #ffcc0040;
    --app-color-primary-light: #ffe08b;
    --app-color-secondary: #022652;
    --app-color-secondary-75: #022652bf;
    --app-color-secondary-50: #02265280;
    --app-color-secondary-25: #02265240;
    --app-color-secondary-10: #0226521a;
    --app-color-secondary-dark: #001b3e;
    --app-color-error: #ba1a1a;
    --app-color-error-25: #ba1a1a40;
    --app-color-success: #28a01a;
    --app-color-success-50: #28a01a80;
    --app-color-info: #28b8ce;
    --app-color-info-50: #a0efff;
    --app-color-background: #f1f3ff;
    --app-color-background-contrast-primary: #d7e3ff;
    --app-color-background-contrast-secondary: #f1f3ff;
    --app-color-white: #fff;
    --app-color-white-75: #ffffffbf;
    --app-color-white-50: #ffffff80;
    --app-color-white-25: #ffffff40;
    --app-color-black-5: #0000000d;
    --app-color-gray-f8: #f8f8f8;
    --app-color-box-shadow-primary: rgba(0,39,80,.06);
    --app-color-box-shadow-login-form: rgba(0,0,0,.05);
    --app-color-box-shadow-secondary: rgba(2,38,82,.06);
    --app-color-banner-error-bg: #fff8f7;
    --app-color-banner-success-bg: #f4faf4;
    --app-color-banner-info-bg: #f3fbfc;
    --app-overlay-color: #f1f3ff80;
    --z-index-below-base: -1;
    --z-index-above-base: 1;
    --z-index-global-loading-overlay: 1001;
    --z-index-global-overlay: 1000;
    --z-index-global-navigation-header: 999;
    --z-index-global-error-overlay: 998;
    --z-index-global-navigation-footer: 997;
    --z-index-body-overlay: 996;
    --app-header-height: 4.8rem;
}
@media(min-width: 1280px)
{
    :root
    {
        --app-header-height: 7.2rem;
    }
}
@font-face
{
    font-family: Merkus Sans;
    src: local("MerkurSans-Regular"),local("MerkurSans-Regular") url(https://www.merkurbets.de/fonts/MerkurSans_Latin_V1/Webfonts/WOFF2/MerkurSans-Regular.woff2) format("woff2"),url(https://www.merkurbets.de/fonts/MerkurSans_Latin_V1/Webfonts/WOFF/MerkurSans-Regular.woff) format("woff"),url(https://www.merkurbets.de/fonts/MerkurSans_Latin_V1/Webfonts/TTF-WEB/MerkurSans-Regular-web.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face
{
    font-family: Merkus Sans;
    src: local("MerkurSans-Bold"),local("MerkurSans-Bold"),url(https://www.merkurbets.de/fonts/MerkurSans_Latin_V1/Webfonts/WOFF2/MerkurSans-Bold.woff2) format("woff2"),url(https://www.merkurbets.de/fonts/MerkurSans_Latin_V1/Webfonts/WOFF/MerkurSans-Bold.woff) format("woff"),url(https://www.merkurbets.de/fonts/MerkurSans_Latin_V1/Webfonts/TTF-WEB/MerkurSans-Bold-web.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face
{
    font-family: Merkus Sans;
    src: local("MerkurSans-ExtraBold"),local("MerkurSans-ExtraBold"),url(https://www.merkurbets.de/fonts/MerkurSans_Latin_V1/Webfonts/WOFF2/MerkurSans-ExtraBold.woff2) format("woff2"),url(https://www.merkurbets.de/fonts/MerkurSans_Latin_V1/Webfonts/WOFF/MerkurSans-ExtraBold.woff) format("woff"),url(https://www.merkurbets.de/fonts/MerkurSans_Latin_V1/Webfonts/TTF-WEB/MerkurSans-ExtraBold-web.ttf) format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
*, *:before, *:after
{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
html
{
    font-family: var(--app-base-font);
    font-size: 62.5%;
    color: var(--app-color-secondary);
    -webkit-font-smoothing: antialiased;
    scroll-behavior: smooth;
    -moz-osx-font-smoothing: grayscale;
    height: 100%;
}
body
{
    height: 100%;
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
}
body.fullscreen-body
{
    background-color: var(--app-color-secondary);
    height: calc(100% + 50px);
}
.no-scroll
{
    overflow: hidden;
}
.router-outlet-wrapper
{
    flex-grow: 1;
}
.white-container
{
    padding: 1.6rem;
    background: var(--app-color-white);
    box-shadow: 0 0 1rem 0 var(--app-color-box-shadow-login-form);
    border-radius: 1.2rem;
}
.hidden-component
{
    visibility: hidden;
    overflow: hidden;
    max-width: 0;
    max-height: 0;
}
.mat-mdc-form-field
{
    --mat-form-field-subscript-text-size: 1rem;
}
.rich-text a
{
    color: inherit;
}
.rich-text ul, .rich-text ol
{
    padding: 0 0 0 2rem;
}
.app-spinner
{
    display: inline-block;
    width: 3.6rem;
    height: 3.6rem;
    border: .4rem solid var(--app-color-white);
    border-radius: 50%;
    border-top-color: var(--app-color-primary);
    animation: app-spin 1s ease-in-out infinite;
    -webkit-animation: app-spin 1s ease-in-out infinite;
    margin-bottom: 1.6rem;
}
.app-spinner.transparent
{
    border: .4rem solid var(--app-color-white);
    border-top-color: var(--app-color-primary);
}
.app-spinner.solid
{
    border: .4rem solid var(--app-color-background-contrast-primary);
    border-top-color: var(--app-color-primary);
}
.app-spinner.header-my-account-button
{
    width: 2rem;
    height: 2rem;
    border: .35rem solid var(--app-color-white);
    border-top-color: var(--app-color-primary);
    margin-bottom: 0;
}
.anchor-secondary-color
{
    color: var(--app-color-secondary);
    text-decoration: underline;
}
@keyframes app-spin
{
    0%
    {
        transform: rotate(0);
    }
    to
    {
        transform: rotate(360deg);
    }
}
::-webkit-scrollbar
{
    width: .6rem;
    height: .6rem;
    cursor: pointer;
}
::-webkit-scrollbar-thumb
{
    border-radius: .8rem;
    background: var(--app-color-secondary);
    cursor: pointer;
}
.d-none
{
    display: none!important;
}
.d-inline
{
    display: inline!important;
}
.d-inline-block
{
    display: inline-block!important;
}
.d-block
{
    display: block!important;
}
.d-table
{
    display: table!important;
}
.d-table-row
{
    display: table-row!important;
}
.d-table-cell
{
    display: table-cell!important;
}
.d-flex
{
    display: flex!important;
}
.d-inline-flex
{
    display: inline-flex!important;
}
@media(min-width: 768px)
{
    .d-sm-none
    {
        display: none!important;
    }
    .d-sm-inline
    {
        display: inline!important;
    }
    .d-sm-inline-block
    {
        display: inline-block!important;
    }
    .d-sm-block
    {
        display: block!important;
    }
    .d-sm-table
    {
        display: table!important;
    }
    .d-sm-table-row
    {
        display: table-row!important;
    }
    .d-sm-table-cell
    {
        display: table-cell!important;
    }
    .d-sm-flex
    {
        display: flex!important;
    }
    .d-sm-inline-flex
    {
        display: inline-flex!important;
    }
}
@media(min-width: 1280px)
{
    .d-md-none
    {
        display: none!important;
    }
    .d-md-inline
    {
        display: inline!important;
    }
    .d-md-inline-block
    {
        display: inline-block!important;
    }
    .d-md-block
    {
        display: block!important;
    }
    .d-md-table
    {
        display: table!important;
    }
    .d-md-table-row
    {
        display: table-row!important;
    }
    .d-md-table-cell
    {
        display: table-cell!important;
    }
    .d-md-flex
    {
        display: flex!important;
    }
    .d-md-inline-flex
    {
        display: inline-flex!important;
    }
}
@media(min-width: 1440px)
{
    .d-lg-none
    {
        display: none!important;
    }
    .d-lg-inline
    {
        display: inline!important;
    }
    .d-lg-inline-block
    {
        display: inline-block!important;
    }
    .d-lg-block
    {
        display: block!important;
    }
    .d-lg-table
    {
        display: table!important;
    }
    .d-lg-table-row
    {
        display: table-row!important;
    }
    .d-lg-table-cell
    {
        display: table-cell!important;
    }
    .d-lg-flex
    {
        display: flex!important;
    }
    .d-lg-inline-flex
    {
        display: inline-flex!important;
    }
}
@media(min-width: 1920px)
{
    .d-xl-none
    {
        display: none!important;
    }
    .d-xl-inline
    {
        display: inline!important;
    }
    .d-xl-inline-block
    {
        display: inline-block!important;
    }
    .d-xl-block
    {
        display: block!important;
    }
    .d-xl-table
    {
        display: table!important;
    }
    .d-xl-table-row
    {
        display: table-row!important;
    }
    .d-xl-table-cell
    {
        display: table-cell!important;
    }
    .d-xl-flex
    {
        display: flex!important;
    }
    .d-xl-inline-flex
    {
        display: inline-flex!important;
    }
}
.flex
{
    display: flex!important;
}
.flex-row
{
    flex-direction: row!important;
}
.flex-column
{
    flex-direction: column!important;
}
.flex-row-reverse
{
    flex-direction: row-reverse!important;
}
.flex-column-reverse
{
    flex-direction: column-reverse!important;
}
.flex-wrap
{
    flex-wrap: wrap!important;
}
.flex-nowrap
{
    flex-wrap: nowrap!important;
}
.flex-wrap-reverse
{
    flex-wrap: wrap-reverse!important;
}
.flex-fill
{
    flex: 1 1 auto!important;
}
.flex-grow-0
{
    flex-grow: 0!important;
}
.flex-grow-1
{
    flex-grow: 1!important;
}
.flex-shrink-0
{
    flex-shrink: 0!important;
}
.flex-shrink-1
{
    flex-shrink: 1!important;
}
.flex-basis-50
{
    flex-basis: 50%!important;
}
.justify-content-start
{
    justify-content: flex-start!important;
}
.justify-content-end
{
    justify-content: flex-end!important;
}
.justify-content-center
{
    justify-content: center!important;
}
.justify-content-between
{
    justify-content: space-between!important;
}
.justify-content-around
{
    justify-content: space-around!important;
}
.align-items-start
{
    align-items: flex-start!important;
}
.align-items-end
{
    align-items: flex-end!important;
}
.align-items-center
{
    align-items: center!important;
}
.align-items-baseline
{
    align-items: baseline!important;
}
.align-items-stretch
{
    align-items: stretch!important;
}
.align-content-start
{
    align-content: flex-start!important;
}
.align-content-end
{
    align-content: flex-end!important;
}
.align-content-center
{
    align-content: center!important;
}
.align-content-between
{
    align-content: space-between!important;
}
.align-content-around
{
    align-content: space-around!important;
}
.align-content-stretch
{
    align-content: stretch!important;
}
.align-self-auto
{
    align-self: auto!important;
}
.align-self-start
{
    align-self: flex-start!important;
}
.align-self-end
{
    align-self: flex-end!important;
}
.align-self-center
{
    align-self: center!important;
}
.align-self-baseline
{
    align-self: baseline!important;
}
.align-self-stretch
{
    align-self: stretch!important;
}
.visible
{
    visibility: visible;
}
.invisible
{
    visibility: hidden;
}
.m-0
{
    margin: 0!important;
}
.mt-0, .my-0
{
    margin-top: 0!important;
}
.mr-0, .mx-0
{
    margin-right: 0!important;
}
.mb-0, .my-0
{
    margin-bottom: 0!important;
}
.ml-0, .mx-0
{
    margin-left: 0!important;
}
.m-4
{
    margin: .4rem!important;
}
.mt-4, .my-4
{
    margin-top: .4rem!important;
}
.mr-4, .mx-4
{
    margin-right: .4rem!important;
}
.mb-4, .my-4
{
    margin-bottom: .4rem!important;
}
.ml-4, .mx-4
{
    margin-left: .4rem!important;
}
.m-6
{
    margin: .6rem!important;
}
.mt-6, .my-6
{
    margin-top: .6rem!important;
}
.mr-6, .mx-6
{
    margin-right: .6rem!important;
}
.mb-6, .my-6
{
    margin-bottom: .6rem!important;
}
.ml-6, .mx-6
{
    margin-left: .6rem!important;
}
.m-8
{
    margin: .8rem!important;
}
.mt-8, .my-8
{
    margin-top: .8rem!important;
}
.mr-8, .mx-8
{
    margin-right: .8rem!important;
}
.mb-8, .my-8
{
    margin-bottom: .8rem!important;
}
.ml-8, .mx-8
{
    margin-left: .8rem!important;
}
.m-10
{
    margin: 1rem!important;
}
.mt-10, .my-10
{
    margin-top: 1rem!important;
}
.mr-10, .mx-10
{
    margin-right: 1rem!important;
}
.mb-10, .my-10
{
    margin-bottom: 1rem!important;
}
.ml-10, .mx-10
{
    margin-left: 1rem!important;
}
.m-12
{
    margin: 1.2rem!important;
}
.mt-12, .my-12
{
    margin-top: 1.2rem!important;
}
.mr-12, .mx-12
{
    margin-right: 1.2rem!important;
}
.mb-12, .my-12
{
    margin-bottom: 1.2rem!important;
}
.ml-12, .mx-12
{
    margin-left: 1.2rem!important;
}
.m-16
{
    margin: 1.6rem!important;
}
.mt-16, .my-16
{
    margin-top: 1.6rem!important;
}
.mr-16, .mx-16
{
    margin-right: 1.6rem!important;
}
.mb-16, .my-16
{
    margin-bottom: 1.6rem!important;
}
.ml-16, .mx-16
{
    margin-left: 1.6rem!important;
}
.m-20
{
    margin: 2rem!important;
}
.mt-20, .my-20
{
    margin-top: 2rem!important;
}
.mr-20, .mx-20
{
    margin-right: 2rem!important;
}
.mb-20, .my-20
{
    margin-bottom: 2rem!important;
}
.ml-20, .mx-20
{
    margin-left: 2rem!important;
}
.m-24
{
    margin: 2.4rem!important;
}
.mt-24, .my-24
{
    margin-top: 2.4rem!important;
}
.mr-24, .mx-24
{
    margin-right: 2.4rem!important;
}
.mb-24, .my-24
{
    margin-bottom: 2.4rem!important;
}
.ml-24, .mx-24
{
    margin-left: 2.4rem!important;
}
.m-32
{
    margin: 3.2rem!important;
}
.mt-32, .my-32
{
    margin-top: 3.2rem!important;
}
.mr-32, .mx-32
{
    margin-right: 3.2rem!important;
}
.mb-32, .my-32
{
    margin-bottom: 3.2rem!important;
}
.ml-32, .mx-32
{
    margin-left: 3.2rem!important;
}
.m-40
{
    margin: 4rem!important;
}
.mt-40, .my-40
{
    margin-top: 4rem!important;
}
.mr-40, .mx-40
{
    margin-right: 4rem!important;
}
.mb-40, .my-40
{
    margin-bottom: 4rem!important;
}
.ml-40, .mx-40
{
    margin-left: 4rem!important;
}
.m-48
{
    margin: 4.8rem!important;
}
.mt-48, .my-48
{
    margin-top: 4.8rem!important;
}
.mr-48, .mx-48
{
    margin-right: 4.8rem!important;
}
.mb-48, .my-48
{
    margin-bottom: 4.8rem!important;
}
.ml-48, .mx-48
{
    margin-left: 4.8rem!important;
}
.m-64
{
    margin: 6.4rem!important;
}
.mt-64, .my-64
{
    margin-top: 6.4rem!important;
}
.mr-64, .mx-64
{
    margin-right: 6.4rem!important;
}
.mb-64, .my-64
{
    margin-bottom: 6.4rem!important;
}
.ml-64, .mx-64
{
    margin-left: 6.4rem!important;
}
.p-0
{
    padding: 0!important;
}
.pt-0, .py-0
{
    padding-top: 0!important;
}
.pr-0, .px-0
{
    padding-right: 0!important;
}
.pb-0, .py-0
{
    padding-bottom: 0!important;
}
.pl-0, .px-0
{
    padding-left: 0!important;
}
.p-4
{
    padding: .4rem!important;
}
.pt-4, .py-4
{
    padding-top: .4rem!important;
}
.pr-4, .px-4
{
    padding-right: .4rem!important;
}
.pb-4, .py-4
{
    padding-bottom: .4rem!important;
}
.pl-4, .px-4
{
    padding-left: .4rem!important;
}
.p-6
{
    padding: .6rem!important;
}
.pt-6, .py-6
{
    padding-top: .6rem!important;
}
.pr-6, .px-6
{
    padding-right: .6rem!important;
}
.pb-6, .py-6
{
    padding-bottom: .6rem!important;
}
.pl-6, .px-6
{
    padding-left: .6rem!important;
}
.p-8
{
    padding: .8rem!important;
}
.pt-8, .py-8
{
    padding-top: .8rem!important;
}
.pr-8, .px-8
{
    padding-right: .8rem!important;
}
.pb-8, .py-8
{
    padding-bottom: .8rem!important;
}
.pl-8, .px-8
{
    padding-left: .8rem!important;
}
.p-10
{
    padding: 1rem!important;
}
.pt-10, .py-10
{
    padding-top: 1rem!important;
}
.pr-10, .px-10
{
    padding-right: 1rem!important;
}
.pb-10, .py-10
{
    padding-bottom: 1rem!important;
}
.pl-10, .px-10
{
    padding-left: 1rem!important;
}
.p-12
{
    padding: 1.2rem!important;
}
.pt-12, .py-12
{
    padding-top: 1.2rem!important;
}
.pr-12, .px-12
{
    padding-right: 1.2rem!important;
}
.pb-12, .py-12
{
    padding-bottom: 1.2rem!important;
}
.pl-12, .px-12
{
    padding-left: 1.2rem!important;
}
.p-16
{
    padding: 1.6rem!important;
}
.pt-16, .py-16
{
    padding-top: 1.6rem!important;
}
.pr-16, .px-16
{
    padding-right: 1.6rem!important;
}
.pb-16, .py-16
{
    padding-bottom: 1.6rem!important;
}
.pl-16, .px-16
{
    padding-left: 1.6rem!important;
}
.p-20
{
    padding: 2rem!important;
}
.pt-20, .py-20
{
    padding-top: 2rem!important;
}
.pr-20, .px-20
{
    padding-right: 2rem!important;
}
.pb-20, .py-20
{
    padding-bottom: 2rem!important;
}
.pl-20, .px-20
{
    padding-left: 2rem!important;
}
.p-24
{
    padding: 2.4rem!important;
}
.pt-24, .py-24
{
    padding-top: 2.4rem!important;
}
.pr-24, .px-24
{
    padding-right: 2.4rem!important;
}
.pb-24, .py-24
{
    padding-bottom: 2.4rem!important;
}
.pl-24, .px-24
{
    padding-left: 2.4rem!important;
}
.p-32
{
    padding: 3.2rem!important;
}
.pt-32, .py-32
{
    padding-top: 3.2rem!important;
}
.pr-32, .px-32
{
    padding-right: 3.2rem!important;
}
.pb-32, .py-32
{
    padding-bottom: 3.2rem!important;
}
.pl-32, .px-32
{
    padding-left: 3.2rem!important;
}
.p-40
{
    padding: 4rem!important;
}
.pt-40, .py-40
{
    padding-top: 4rem!important;
}
.pr-40, .px-40
{
    padding-right: 4rem!important;
}
.pb-40, .py-40
{
    padding-bottom: 4rem!important;
}
.pl-40, .px-40
{
    padding-left: 4rem!important;
}
.p-48
{
    padding: 4.8rem!important;
}
.pt-48, .py-48
{
    padding-top: 4.8rem!important;
}
.pr-48, .px-48
{
    padding-right: 4.8rem!important;
}
.pb-48, .py-48
{
    padding-bottom: 4.8rem!important;
}
.pl-48, .px-48
{
    padding-left: 4.8rem!important;
}
.p-64
{
    padding: 6.4rem!important;
}
.pt-64, .py-64
{
    padding-top: 6.4rem!important;
}
.pr-64, .px-64
{
    padding-right: 6.4rem!important;
}
.pb-64, .py-64
{
    padding-bottom: 6.4rem!important;
}
.pl-64, .px-64
{
    padding-left: 6.4rem!important;
}
.m-n4
{
    margin: -.4rem!important;
}
.mt-n4, .my-n4
{
    margin-top: -.4rem!important;
}
.mr-n4, .mx-n4
{
    margin-right: -.4rem!important;
}
.mb-n4, .my-n4
{
    margin-bottom: -.4rem!important;
}
.ml-n4, .mx-n4
{
    margin-left: -.4rem!important;
}
.m-n6
{
    margin: -.6rem!important;
}
.mt-n6, .my-n6
{
    margin-top: -.6rem!important;
}
.mr-n6, .mx-n6
{
    margin-right: -.6rem!important;
}
.mb-n6, .my-n6
{
    margin-bottom: -.6rem!important;
}
.ml-n6, .mx-n6
{
    margin-left: -.6rem!important;
}
.m-n8
{
    margin: -.8rem!important;
}
.mt-n8, .my-n8
{
    margin-top: -.8rem!important;
}
.mr-n8, .mx-n8
{
    margin-right: -.8rem!important;
}
.mb-n8, .my-n8
{
    margin-bottom: -.8rem!important;
}
.ml-n8, .mx-n8
{
    margin-left: -.8rem!important;
}
.m-n10
{
    margin: -1rem!important;
}
.mt-n10, .my-n10
{
    margin-top: -1rem!important;
}
.mr-n10, .mx-n10
{
    margin-right: -1rem!important;
}
.mb-n10, .my-n10
{
    margin-bottom: -1rem!important;
}
.ml-n10, .mx-n10
{
    margin-left: -1rem!important;
}
.m-n12
{
    margin: -1.2rem!important;
}
.mt-n12, .my-n12
{
    margin-top: -1.2rem!important;
}
.mr-n12, .mx-n12
{
    margin-right: -1.2rem!important;
}
.mb-n12, .my-n12
{
    margin-bottom: -1.2rem!important;
}
.ml-n12, .mx-n12
{
    margin-left: -1.2rem!important;
}
.m-n16
{
    margin: -1.6rem!important;
}
.mt-n16, .my-n16
{
    margin-top: -1.6rem!important;
}
.mr-n16, .mx-n16
{
    margin-right: -1.6rem!important;
}
.mb-n16, .my-n16
{
    margin-bottom: -1.6rem!important;
}
.ml-n16, .mx-n16
{
    margin-left: -1.6rem!important;
}
.m-n20
{
    margin: -2rem!important;
}
.mt-n20, .my-n20
{
    margin-top: -2rem!important;
}
.mr-n20, .mx-n20
{
    margin-right: -2rem!important;
}
.mb-n20, .my-n20
{
    margin-bottom: -2rem!important;
}
.ml-n20, .mx-n20
{
    margin-left: -2rem!important;
}
.m-n24
{
    margin: -2.4rem!important;
}
.mt-n24, .my-n24
{
    margin-top: -2.4rem!important;
}
.mr-n24, .mx-n24
{
    margin-right: -2.4rem!important;
}
.mb-n24, .my-n24
{
    margin-bottom: -2.4rem!important;
}
.ml-n24, .mx-n24
{
    margin-left: -2.4rem!important;
}
.m-n32
{
    margin: -3.2rem!important;
}
.mt-n32, .my-n32
{
    margin-top: -3.2rem!important;
}
.mr-n32, .mx-n32
{
    margin-right: -3.2rem!important;
}
.mb-n32, .my-n32
{
    margin-bottom: -3.2rem!important;
}
.ml-n32, .mx-n32
{
    margin-left: -3.2rem!important;
}
.m-n40
{
    margin: -4rem!important;
}
.mt-n40, .my-n40
{
    margin-top: -4rem!important;
}
.mr-n40, .mx-n40
{
    margin-right: -4rem!important;
}
.mb-n40, .my-n40
{
    margin-bottom: -4rem!important;
}
.ml-n40, .mx-n40
{
    margin-left: -4rem!important;
}
.m-n48
{
    margin: -4.8rem!important;
}
.mt-n48, .my-n48
{
    margin-top: -4.8rem!important;
}
.mr-n48, .mx-n48
{
    margin-right: -4.8rem!important;
}
.mb-n48, .my-n48
{
    margin-bottom: -4.8rem!important;
}
.ml-n48, .mx-n48
{
    margin-left: -4.8rem!important;
}
.m-n64
{
    margin: -6.4rem!important;
}
.mt-n64, .my-n64
{
    margin-top: -6.4rem!important;
}
.mr-n64, .mx-n64
{
    margin-right: -6.4rem!important;
}
.mb-n64, .my-n64
{
    margin-bottom: -6.4rem!important;
}
.ml-n64, .mx-n64
{
    margin-left: -6.4rem!important;
}
.m-auto
{
    margin: auto!important;
}
.mt-auto, .my-auto
{
    margin-top: auto!important;
}
.mr-auto, .mx-auto
{
    margin-right: auto!important;
}
.mb-auto, .my-auto
{
    margin-bottom: auto!important;
}
.ml-auto, .mx-auto
{
    margin-left: auto!important;
}
.gap-0
{
    gap: 0!important;
}
.gap-y-0
{
    row-gap: 0!important;
}
.gap-x-0
{
    column-gap: 0!important;
}
.gap-4
{
    gap: .4rem!important;
}
.gap-y-4
{
    row-gap: .4rem!important;
}
.gap-x-4
{
    column-gap: .4rem!important;
}
.gap-6
{
    gap: .6rem!important;
}
.gap-y-6
{
    row-gap: .6rem!important;
}
.gap-x-6
{
    column-gap: .6rem!important;
}
.gap-8
{
    gap: .8rem!important;
}
.gap-y-8
{
    row-gap: .8rem!important;
}
.gap-x-8
{
    column-gap: .8rem!important;
}
.gap-10
{
    gap: 1rem!important;
}
.gap-y-10
{
    row-gap: 1rem!important;
}
.gap-x-10
{
    column-gap: 1rem!important;
}
.gap-12
{
    gap: 1.2rem!important;
}
.gap-y-12
{
    row-gap: 1.2rem!important;
}
.gap-x-12
{
    column-gap: 1.2rem!important;
}
.gap-16
{
    gap: 1.6rem!important;
}
.gap-y-16
{
    row-gap: 1.6rem!important;
}
.gap-x-16
{
    column-gap: 1.6rem!important;
}
.gap-20
{
    gap: 2rem!important;
}
.gap-y-20
{
    row-gap: 2rem!important;
}
.gap-x-20
{
    column-gap: 2rem!important;
}
.gap-24
{
    gap: 2.4rem!important;
}
.gap-y-24
{
    row-gap: 2.4rem!important;
}
.gap-x-24
{
    column-gap: 2.4rem!important;
}
.gap-32
{
    gap: 3.2rem!important;
}
.gap-y-32
{
    row-gap: 3.2rem!important;
}
.gap-x-32
{
    column-gap: 3.2rem!important;
}
.gap-40
{
    gap: 4rem!important;
}
.gap-y-40
{
    row-gap: 4rem!important;
}
.gap-x-40
{
    column-gap: 4rem!important;
}
.gap-48
{
    gap: 4.8rem!important;
}
.gap-y-48
{
    row-gap: 4.8rem!important;
}
.gap-x-48
{
    column-gap: 4.8rem!important;
}
.gap-64
{
    gap: 6.4rem!important;
}
.gap-y-64
{
    row-gap: 6.4rem!important;
}
.gap-x-64
{
    column-gap: 6.4rem!important;
}
@media(min-width: 768px)
{
    .m-sm-0
    {
        margin: 0!important;
    }
    .mt-sm-0, .my-sm-0
    {
        margin-top: 0!important;
    }
    .mr-sm-0, .mx-sm-0
    {
        margin-right: 0!important;
    }
    .mb-sm-0, .my-sm-0
    {
        margin-bottom: 0!important;
    }
    .ml-sm-0, .mx-sm-0
    {
        margin-left: 0!important;
    }
    .m-sm-4
    {
        margin: .4rem!important;
    }
    .mt-sm-4, .my-sm-4
    {
        margin-top: .4rem!important;
    }
    .mr-sm-4, .mx-sm-4
    {
        margin-right: .4rem!important;
    }
    .mb-sm-4, .my-sm-4
    {
        margin-bottom: .4rem!important;
    }
    .ml-sm-4, .mx-sm-4
    {
        margin-left: .4rem!important;
    }
    .m-sm-6
    {
        margin: .6rem!important;
    }
    .mt-sm-6, .my-sm-6
    {
        margin-top: .6rem!important;
    }
    .mr-sm-6, .mx-sm-6
    {
        margin-right: .6rem!important;
    }
    .mb-sm-6, .my-sm-6
    {
        margin-bottom: .6rem!important;
    }
    .ml-sm-6, .mx-sm-6
    {
        margin-left: .6rem!important;
    }
    .m-sm-8
    {
        margin: .8rem!important;
    }
    .mt-sm-8, .my-sm-8
    {
        margin-top: .8rem!important;
    }
    .mr-sm-8, .mx-sm-8
    {
        margin-right: .8rem!important;
    }
    .mb-sm-8, .my-sm-8
    {
        margin-bottom: .8rem!important;
    }
    .ml-sm-8, .mx-sm-8
    {
        margin-left: .8rem!important;
    }
    .m-sm-10
    {
        margin: 1rem!important;
    }
    .mt-sm-10, .my-sm-10
    {
        margin-top: 1rem!important;
    }
    .mr-sm-10, .mx-sm-10
    {
        margin-right: 1rem!important;
    }
    .mb-sm-10, .my-sm-10
    {
        margin-bottom: 1rem!important;
    }
    .ml-sm-10, .mx-sm-10
    {
        margin-left: 1rem!important;
    }
    .m-sm-12
    {
        margin: 1.2rem!important;
    }
    .mt-sm-12, .my-sm-12
    {
        margin-top: 1.2rem!important;
    }
    .mr-sm-12, .mx-sm-12
    {
        margin-right: 1.2rem!important;
    }
    .mb-sm-12, .my-sm-12
    {
        margin-bottom: 1.2rem!important;
    }
    .ml-sm-12, .mx-sm-12
    {
        margin-left: 1.2rem!important;
    }
    .m-sm-16
    {
        margin: 1.6rem!important;
    }
    .mt-sm-16, .my-sm-16
    {
        margin-top: 1.6rem!important;
    }
    .mr-sm-16, .mx-sm-16
    {
        margin-right: 1.6rem!important;
    }
    .mb-sm-16, .my-sm-16
    {
        margin-bottom: 1.6rem!important;
    }
    .ml-sm-16, .mx-sm-16
    {
        margin-left: 1.6rem!important;
    }
    .m-sm-20
    {
        margin: 2rem!important;
    }
    .mt-sm-20, .my-sm-20
    {
        margin-top: 2rem!important;
    }
    .mr-sm-20, .mx-sm-20
    {
        margin-right: 2rem!important;
    }
    .mb-sm-20, .my-sm-20
    {
        margin-bottom: 2rem!important;
    }
    .ml-sm-20, .mx-sm-20
    {
        margin-left: 2rem!important;
    }
    .m-sm-24
    {
        margin: 2.4rem!important;
    }
    .mt-sm-24, .my-sm-24
    {
        margin-top: 2.4rem!important;
    }
    .mr-sm-24, .mx-sm-24
    {
        margin-right: 2.4rem!important;
    }
    .mb-sm-24, .my-sm-24
    {
        margin-bottom: 2.4rem!important;
    }
    .ml-sm-24, .mx-sm-24
    {
        margin-left: 2.4rem!important;
    }
    .m-sm-32
    {
        margin: 3.2rem!important;
    }
    .mt-sm-32, .my-sm-32
    {
        margin-top: 3.2rem!important;
    }
    .mr-sm-32, .mx-sm-32
    {
        margin-right: 3.2rem!important;
    }
    .mb-sm-32, .my-sm-32
    {
        margin-bottom: 3.2rem!important;
    }
    .ml-sm-32, .mx-sm-32
    {
        margin-left: 3.2rem!important;
    }
    .m-sm-40
    {
        margin: 4rem!important;
    }
    .mt-sm-40, .my-sm-40
    {
        margin-top: 4rem!important;
    }
    .mr-sm-40, .mx-sm-40
    {
        margin-right: 4rem!important;
    }
    .mb-sm-40, .my-sm-40
    {
        margin-bottom: 4rem!important;
    }
    .ml-sm-40, .mx-sm-40
    {
        margin-left: 4rem!important;
    }
    .m-sm-48
    {
        margin: 4.8rem!important;
    }
    .mt-sm-48, .my-sm-48
    {
        margin-top: 4.8rem!important;
    }
    .mr-sm-48, .mx-sm-48
    {
        margin-right: 4.8rem!important;
    }
    .mb-sm-48, .my-sm-48
    {
        margin-bottom: 4.8rem!important;
    }
    .ml-sm-48, .mx-sm-48
    {
        margin-left: 4.8rem!important;
    }
    .m-sm-64
    {
        margin: 6.4rem!important;
    }
    .mt-sm-64, .my-sm-64
    {
        margin-top: 6.4rem!important;
    }
    .mr-sm-64, .mx-sm-64
    {
        margin-right: 6.4rem!important;
    }
    .mb-sm-64, .my-sm-64
    {
        margin-bottom: 6.4rem!important;
    }
    .ml-sm-64, .mx-sm-64
    {
        margin-left: 6.4rem!important;
    }
    .p-sm-0
    {
        padding: 0!important;
    }
    .pt-sm-0, .py-sm-0
    {
        padding-top: 0!important;
    }
    .pr-sm-0, .px-sm-0
    {
        padding-right: 0!important;
    }
    .pb-sm-0, .py-sm-0
    {
        padding-bottom: 0!important;
    }
    .pl-sm-0, .px-sm-0
    {
        padding-left: 0!important;
    }
    .p-sm-4
    {
        padding: .4rem!important;
    }
    .pt-sm-4, .py-sm-4
    {
        padding-top: .4rem!important;
    }
    .pr-sm-4, .px-sm-4
    {
        padding-right: .4rem!important;
    }
    .pb-sm-4, .py-sm-4
    {
        padding-bottom: .4rem!important;
    }
    .pl-sm-4, .px-sm-4
    {
        padding-left: .4rem!important;
    }
    .p-sm-6
    {
        padding: .6rem!important;
    }
    .pt-sm-6, .py-sm-6
    {
        padding-top: .6rem!important;
    }
    .pr-sm-6, .px-sm-6
    {
        padding-right: .6rem!important;
    }
    .pb-sm-6, .py-sm-6
    {
        padding-bottom: .6rem!important;
    }
    .pl-sm-6, .px-sm-6
    {
        padding-left: .6rem!important;
    }
    .p-sm-8
    {
        padding: .8rem!important;
    }
    .pt-sm-8, .py-sm-8
    {
        padding-top: .8rem!important;
    }
    .pr-sm-8, .px-sm-8
    {
        padding-right: .8rem!important;
    }
    .pb-sm-8, .py-sm-8
    {
        padding-bottom: .8rem!important;
    }
    .pl-sm-8, .px-sm-8
    {
        padding-left: .8rem!important;
    }
    .p-sm-10
    {
        padding: 1rem!important;
    }
    .pt-sm-10, .py-sm-10
    {
        padding-top: 1rem!important;
    }
    .pr-sm-10, .px-sm-10
    {
        padding-right: 1rem!important;
    }
    .pb-sm-10, .py-sm-10
    {
        padding-bottom: 1rem!important;
    }
    .pl-sm-10, .px-sm-10
    {
        padding-left: 1rem!important;
    }
    .p-sm-12
    {
        padding: 1.2rem!important;
    }
    .pt-sm-12, .py-sm-12
    {
        padding-top: 1.2rem!important;
    }
    .pr-sm-12, .px-sm-12
    {
        padding-right: 1.2rem!important;
    }
    .pb-sm-12, .py-sm-12
    {
        padding-bottom: 1.2rem!important;
    }
    .pl-sm-12, .px-sm-12
    {
        padding-left: 1.2rem!important;
    }
    .p-sm-16
    {
        padding: 1.6rem!important;
    }
    .pt-sm-16, .py-sm-16
    {
        padding-top: 1.6rem!important;
    }
    .pr-sm-16, .px-sm-16
    {
        padding-right: 1.6rem!important;
    }
    .pb-sm-16, .py-sm-16
    {
        padding-bottom: 1.6rem!important;
    }
    .pl-sm-16, .px-sm-16
    {
        padding-left: 1.6rem!important;
    }
    .p-sm-20
    {
        padding: 2rem!important;
    }
    .pt-sm-20, .py-sm-20
    {
        padding-top: 2rem!important;
    }
    .pr-sm-20, .px-sm-20
    {
        padding-right: 2rem!important;
    }
    .pb-sm-20, .py-sm-20
    {
        padding-bottom: 2rem!important;
    }
    .pl-sm-20, .px-sm-20
    {
        padding-left: 2rem!important;
    }
    .p-sm-24
    {
        padding: 2.4rem!important;
    }
    .pt-sm-24, .py-sm-24
    {
        padding-top: 2.4rem!important;
    }
    .pr-sm-24, .px-sm-24
    {
        padding-right: 2.4rem!important;
    }
    .pb-sm-24, .py-sm-24
    {
        padding-bottom: 2.4rem!important;
    }
    .pl-sm-24, .px-sm-24
    {
        padding-left: 2.4rem!important;
    }
    .p-sm-32
    {
        padding: 3.2rem!important;
    }
    .pt-sm-32, .py-sm-32
    {
        padding-top: 3.2rem!important;
    }
    .pr-sm-32, .px-sm-32
    {
        padding-right: 3.2rem!important;
    }
    .pb-sm-32, .py-sm-32
    {
        padding-bottom: 3.2rem!important;
    }
    .pl-sm-32, .px-sm-32
    {
        padding-left: 3.2rem!important;
    }
    .p-sm-40
    {
        padding: 4rem!important;
    }
    .pt-sm-40, .py-sm-40
    {
        padding-top: 4rem!important;
    }
    .pr-sm-40, .px-sm-40
    {
        padding-right: 4rem!important;
    }
    .pb-sm-40, .py-sm-40
    {
        padding-bottom: 4rem!important;
    }
    .pl-sm-40, .px-sm-40
    {
        padding-left: 4rem!important;
    }
    .p-sm-48
    {
        padding: 4.8rem!important;
    }
    .pt-sm-48, .py-sm-48
    {
        padding-top: 4.8rem!important;
    }
    .pr-sm-48, .px-sm-48
    {
        padding-right: 4.8rem!important;
    }
    .pb-sm-48, .py-sm-48
    {
        padding-bottom: 4.8rem!important;
    }
    .pl-sm-48, .px-sm-48
    {
        padding-left: 4.8rem!important;
    }
    .p-sm-64
    {
        padding: 6.4rem!important;
    }
    .pt-sm-64, .py-sm-64
    {
        padding-top: 6.4rem!important;
    }
    .pr-sm-64, .px-sm-64
    {
        padding-right: 6.4rem!important;
    }
    .pb-sm-64, .py-sm-64
    {
        padding-bottom: 6.4rem!important;
    }
    .pl-sm-64, .px-sm-64
    {
        padding-left: 6.4rem!important;
    }
    .m-sm-n4
    {
        margin: -.4rem!important;
    }
    .mt-sm-n4, .my-sm-n4
    {
        margin-top: -.4rem!important;
    }
    .mr-sm-n4, .mx-sm-n4
    {
        margin-right: -.4rem!important;
    }
    .mb-sm-n4, .my-sm-n4
    {
        margin-bottom: -.4rem!important;
    }
    .ml-sm-n4, .mx-sm-n4
    {
        margin-left: -.4rem!important;
    }
    .m-sm-n6
    {
        margin: -.6rem!important;
    }
    .mt-sm-n6, .my-sm-n6
    {
        margin-top: -.6rem!important;
    }
    .mr-sm-n6, .mx-sm-n6
    {
        margin-right: -.6rem!important;
    }
    .mb-sm-n6, .my-sm-n6
    {
        margin-bottom: -.6rem!important;
    }
    .ml-sm-n6, .mx-sm-n6
    {
        margin-left: -.6rem!important;
    }
    .m-sm-n8
    {
        margin: -.8rem!important;
    }
    .mt-sm-n8, .my-sm-n8
    {
        margin-top: -.8rem!important;
    }
    .mr-sm-n8, .mx-sm-n8
    {
        margin-right: -.8rem!important;
    }
    .mb-sm-n8, .my-sm-n8
    {
        margin-bottom: -.8rem!important;
    }
    .ml-sm-n8, .mx-sm-n8
    {
        margin-left: -.8rem!important;
    }
    .m-sm-n10
    {
        margin: -1rem!important;
    }
    .mt-sm-n10, .my-sm-n10
    {
        margin-top: -1rem!important;
    }
    .mr-sm-n10, .mx-sm-n10
    {
        margin-right: -1rem!important;
    }
    .mb-sm-n10, .my-sm-n10
    {
        margin-bottom: -1rem!important;
    }
    .ml-sm-n10, .mx-sm-n10
    {
        margin-left: -1rem!important;
    }
    .m-sm-n12
    {
        margin: -1.2rem!important;
    }
    .mt-sm-n12, .my-sm-n12
    {
        margin-top: -1.2rem!important;
    }
    .mr-sm-n12, .mx-sm-n12
    {
        margin-right: -1.2rem!important;
    }
    .mb-sm-n12, .my-sm-n12
    {
        margin-bottom: -1.2rem!important;
    }
    .ml-sm-n12, .mx-sm-n12
    {
        margin-left: -1.2rem!important;
    }
    .m-sm-n16
    {
        margin: -1.6rem!important;
    }
    .mt-sm-n16, .my-sm-n16
    {
        margin-top: -1.6rem!important;
    }
    .mr-sm-n16, .mx-sm-n16
    {
        margin-right: -1.6rem!important;
    }
    .mb-sm-n16, .my-sm-n16
    {
        margin-bottom: -1.6rem!important;
    }
    .ml-sm-n16, .mx-sm-n16
    {
        margin-left: -1.6rem!important;
    }
    .m-sm-n20
    {
        margin: -2rem!important;
    }
    .mt-sm-n20, .my-sm-n20
    {
        margin-top: -2rem!important;
    }
    .mr-sm-n20, .mx-sm-n20
    {
        margin-right: -2rem!important;
    }
    .mb-sm-n20, .my-sm-n20
    {
        margin-bottom: -2rem!important;
    }
    .ml-sm-n20, .mx-sm-n20
    {
        margin-left: -2rem!important;
    }
    .m-sm-n24
    {
        margin: -2.4rem!important;
    }
    .mt-sm-n24, .my-sm-n24
    {
        margin-top: -2.4rem!important;
    }
    .mr-sm-n24, .mx-sm-n24
    {
        margin-right: -2.4rem!important;
    }
    .mb-sm-n24, .my-sm-n24
    {
        margin-bottom: -2.4rem!important;
    }
    .ml-sm-n24, .mx-sm-n24
    {
        margin-left: -2.4rem!important;
    }
    .m-sm-n32
    {
        margin: -3.2rem!important;
    }
    .mt-sm-n32, .my-sm-n32
    {
        margin-top: -3.2rem!important;
    }
    .mr-sm-n32, .mx-sm-n32
    {
        margin-right: -3.2rem!important;
    }
    .mb-sm-n32, .my-sm-n32
    {
        margin-bottom: -3.2rem!important;
    }
    .ml-sm-n32, .mx-sm-n32
    {
        margin-left: -3.2rem!important;
    }
    .m-sm-n40
    {
        margin: -4rem!important;
    }
    .mt-sm-n40, .my-sm-n40
    {
        margin-top: -4rem!important;
    }
    .mr-sm-n40, .mx-sm-n40
    {
        margin-right: -4rem!important;
    }
    .mb-sm-n40, .my-sm-n40
    {
        margin-bottom: -4rem!important;
    }
    .ml-sm-n40, .mx-sm-n40
    {
        margin-left: -4rem!important;
    }
    .m-sm-n48
    {
        margin: -4.8rem!important;
    }
    .mt-sm-n48, .my-sm-n48
    {
        margin-top: -4.8rem!important;
    }
    .mr-sm-n48, .mx-sm-n48
    {
        margin-right: -4.8rem!important;
    }
    .mb-sm-n48, .my-sm-n48
    {
        margin-bottom: -4.8rem!important;
    }
    .ml-sm-n48, .mx-sm-n48
    {
        margin-left: -4.8rem!important;
    }
    .m-sm-n64
    {
        margin: -6.4rem!important;
    }
    .mt-sm-n64, .my-sm-n64
    {
        margin-top: -6.4rem!important;
    }
    .mr-sm-n64, .mx-sm-n64
    {
        margin-right: -6.4rem!important;
    }
    .mb-sm-n64, .my-sm-n64
    {
        margin-bottom: -6.4rem!important;
    }
    .ml-sm-n64, .mx-sm-n64
    {
        margin-left: -6.4rem!important;
    }
    .m-sm-auto
    {
        margin: auto!important;
    }
    .mt-sm-auto, .my-sm-auto
    {
        margin-top: auto!important;
    }
    .mr-sm-auto, .mx-sm-auto
    {
        margin-right: auto!important;
    }
    .mb-sm-auto, .my-sm-auto
    {
        margin-bottom: auto!important;
    }
    .ml-sm-auto, .mx-sm-auto
    {
        margin-left: auto!important;
    }
    .gap-sm-0
    {
        gap: 0!important;
    }
    .gap-y-sm-0
    {
        row-gap: 0!important;
    }
    .gap-x-sm-0
    {
        column-gap: 0!important;
    }
    .gap-sm-4
    {
        gap: .4rem!important;
    }
    .gap-y-sm-4
    {
        row-gap: .4rem!important;
    }
    .gap-x-sm-4
    {
        column-gap: .4rem!important;
    }
    .gap-sm-6
    {
        gap: .6rem!important;
    }
    .gap-y-sm-6
    {
        row-gap: .6rem!important;
    }
    .gap-x-sm-6
    {
        column-gap: .6rem!important;
    }
    .gap-sm-8
    {
        gap: .8rem!important;
    }
    .gap-y-sm-8
    {
        row-gap: .8rem!important;
    }
    .gap-x-sm-8
    {
        column-gap: .8rem!important;
    }
    .gap-sm-10
    {
        gap: 1rem!important;
    }
    .gap-y-sm-10
    {
        row-gap: 1rem!important;
    }
    .gap-x-sm-10
    {
        column-gap: 1rem!important;
    }
    .gap-sm-12
    {
        gap: 1.2rem!important;
    }
    .gap-y-sm-12
    {
        row-gap: 1.2rem!important;
    }
    .gap-x-sm-12
    {
        column-gap: 1.2rem!important;
    }
    .gap-sm-16
    {
        gap: 1.6rem!important;
    }
    .gap-y-sm-16
    {
        row-gap: 1.6rem!important;
    }
    .gap-x-sm-16
    {
        column-gap: 1.6rem!important;
    }
    .gap-sm-20
    {
        gap: 2rem!important;
    }
    .gap-y-sm-20
    {
        row-gap: 2rem!important;
    }
    .gap-x-sm-20
    {
        column-gap: 2rem!important;
    }
    .gap-sm-24
    {
        gap: 2.4rem!important;
    }
    .gap-y-sm-24
    {
        row-gap: 2.4rem!important;
    }
    .gap-x-sm-24
    {
        column-gap: 2.4rem!important;
    }
    .gap-sm-32
    {
        gap: 3.2rem!important;
    }
    .gap-y-sm-32
    {
        row-gap: 3.2rem!important;
    }
    .gap-x-sm-32
    {
        column-gap: 3.2rem!important;
    }
    .gap-sm-40
    {
        gap: 4rem!important;
    }
    .gap-y-sm-40
    {
        row-gap: 4rem!important;
    }
    .gap-x-sm-40
    {
        column-gap: 4rem!important;
    }
    .gap-sm-48
    {
        gap: 4.8rem!important;
    }
    .gap-y-sm-48
    {
        row-gap: 4.8rem!important;
    }
    .gap-x-sm-48
    {
        column-gap: 4.8rem!important;
    }
    .gap-sm-64
    {
        gap: 6.4rem!important;
    }
    .gap-y-sm-64
    {
        row-gap: 6.4rem!important;
    }
    .gap-x-sm-64
    {
        column-gap: 6.4rem!important;
    }
}
@media(min-width: 1280px)
{
    .m-md-0
    {
        margin: 0!important;
    }
    .mt-md-0, .my-md-0
    {
        margin-top: 0!important;
    }
    .mr-md-0, .mx-md-0
    {
        margin-right: 0!important;
    }
    .mb-md-0, .my-md-0
    {
        margin-bottom: 0!important;
    }
    .ml-md-0, .mx-md-0
    {
        margin-left: 0!important;
    }
    .m-md-4
    {
        margin: .4rem!important;
    }
    .mt-md-4, .my-md-4
    {
        margin-top: .4rem!important;
    }
    .mr-md-4, .mx-md-4
    {
        margin-right: .4rem!important;
    }
    .mb-md-4, .my-md-4
    {
        margin-bottom: .4rem!important;
    }
    .ml-md-4, .mx-md-4
    {
        margin-left: .4rem!important;
    }
    .m-md-6
    {
        margin: .6rem!important;
    }
    .mt-md-6, .my-md-6
    {
        margin-top: .6rem!important;
    }
    .mr-md-6, .mx-md-6
    {
        margin-right: .6rem!important;
    }
    .mb-md-6, .my-md-6
    {
        margin-bottom: .6rem!important;
    }
    .ml-md-6, .mx-md-6
    {
        margin-left: .6rem!important;
    }
    .m-md-8
    {
        margin: .8rem!important;
    }
    .mt-md-8, .my-md-8
    {
        margin-top: .8rem!important;
    }
    .mr-md-8, .mx-md-8
    {
        margin-right: .8rem!important;
    }
    .mb-md-8, .my-md-8
    {
        margin-bottom: .8rem!important;
    }
    .ml-md-8, .mx-md-8
    {
        margin-left: .8rem!important;
    }
    .m-md-10
    {
        margin: 1rem!important;
    }
    .mt-md-10, .my-md-10
    {
        margin-top: 1rem!important;
    }
    .mr-md-10, .mx-md-10
    {
        margin-right: 1rem!important;
    }
    .mb-md-10, .my-md-10
    {
        margin-bottom: 1rem!important;
    }
    .ml-md-10, .mx-md-10
    {
        margin-left: 1rem!important;
    }
    .m-md-12
    {
        margin: 1.2rem!important;
    }
    .mt-md-12, .my-md-12
    {
        margin-top: 1.2rem!important;
    }
    .mr-md-12, .mx-md-12
    {
        margin-right: 1.2rem!important;
    }
    .mb-md-12, .my-md-12
    {
        margin-bottom: 1.2rem!important;
    }
    .ml-md-12, .mx-md-12
    {
        margin-left: 1.2rem!important;
    }
    .m-md-16
    {
        margin: 1.6rem!important;
    }
    .mt-md-16, .my-md-16
    {
        margin-top: 1.6rem!important;
    }
    .mr-md-16, .mx-md-16
    {
        margin-right: 1.6rem!important;
    }
    .mb-md-16, .my-md-16
    {
        margin-bottom: 1.6rem!important;
    }
    .ml-md-16, .mx-md-16
    {
        margin-left: 1.6rem!important;
    }
    .m-md-20
    {
        margin: 2rem!important;
    }
    .mt-md-20, .my-md-20
    {
        margin-top: 2rem!important;
    }
    .mr-md-20, .mx-md-20
    {
        margin-right: 2rem!important;
    }
    .mb-md-20, .my-md-20
    {
        margin-bottom: 2rem!important;
    }
    .ml-md-20, .mx-md-20
    {
        margin-left: 2rem!important;
    }
    .m-md-24
    {
        margin: 2.4rem!important;
    }
    .mt-md-24, .my-md-24
    {
        margin-top: 2.4rem!important;
    }
    .mr-md-24, .mx-md-24
    {
        margin-right: 2.4rem!important;
    }
    .mb-md-24, .my-md-24
    {
        margin-bottom: 2.4rem!important;
    }
    .ml-md-24, .mx-md-24
    {
        margin-left: 2.4rem!important;
    }
    .m-md-32
    {
        margin: 3.2rem!important;
    }
    .mt-md-32, .my-md-32
    {
        margin-top: 3.2rem!important;
    }
    .mr-md-32, .mx-md-32
    {
        margin-right: 3.2rem!important;
    }
    .mb-md-32, .my-md-32
    {
        margin-bottom: 3.2rem!important;
    }
    .ml-md-32, .mx-md-32
    {
        margin-left: 3.2rem!important;
    }
    .m-md-40
    {
        margin: 4rem!important;
    }
    .mt-md-40, .my-md-40
    {
        margin-top: 4rem!important;
    }
    .mr-md-40, .mx-md-40
    {
        margin-right: 4rem!important;
    }
    .mb-md-40, .my-md-40
    {
        margin-bottom: 4rem!important;
    }
    .ml-md-40, .mx-md-40
    {
        margin-left: 4rem!important;
    }
    .m-md-48
    {
        margin: 4.8rem!important;
    }
    .mt-md-48, .my-md-48
    {
        margin-top: 4.8rem!important;
    }
    .mr-md-48, .mx-md-48
    {
        margin-right: 4.8rem!important;
    }
    .mb-md-48, .my-md-48
    {
        margin-bottom: 4.8rem!important;
    }
    .ml-md-48, .mx-md-48
    {
        margin-left: 4.8rem!important;
    }
    .m-md-64
    {
        margin: 6.4rem!important;
    }
    .mt-md-64, .my-md-64
    {
        margin-top: 6.4rem!important;
    }
    .mr-md-64, .mx-md-64
    {
        margin-right: 6.4rem!important;
    }
    .mb-md-64, .my-md-64
    {
        margin-bottom: 6.4rem!important;
    }
    .ml-md-64, .mx-md-64
    {
        margin-left: 6.4rem!important;
    }
    .p-md-0
    {
        padding: 0!important;
    }
    .pt-md-0, .py-md-0
    {
        padding-top: 0!important;
    }
    .pr-md-0, .px-md-0
    {
        padding-right: 0!important;
    }
    .pb-md-0, .py-md-0
    {
        padding-bottom: 0!important;
    }
    .pl-md-0, .px-md-0
    {
        padding-left: 0!important;
    }
    .p-md-4
    {
        padding: .4rem!important;
    }
    .pt-md-4, .py-md-4
    {
        padding-top: .4rem!important;
    }
    .pr-md-4, .px-md-4
    {
        padding-right: .4rem!important;
    }
    .pb-md-4, .py-md-4
    {
        padding-bottom: .4rem!important;
    }
    .pl-md-4, .px-md-4
    {
        padding-left: .4rem!important;
    }
    .p-md-6
    {
        padding: .6rem!important;
    }
    .pt-md-6, .py-md-6
    {
        padding-top: .6rem!important;
    }
    .pr-md-6, .px-md-6
    {
        padding-right: .6rem!important;
    }
    .pb-md-6, .py-md-6
    {
        padding-bottom: .6rem!important;
    }
    .pl-md-6, .px-md-6
    {
        padding-left: .6rem!important;
    }
    .p-md-8
    {
        padding: .8rem!important;
    }
    .pt-md-8, .py-md-8
    {
        padding-top: .8rem!important;
    }
    .pr-md-8, .px-md-8
    {
        padding-right: .8rem!important;
    }
    .pb-md-8, .py-md-8
    {
        padding-bottom: .8rem!important;
    }
    .pl-md-8, .px-md-8
    {
        padding-left: .8rem!important;
    }
    .p-md-10
    {
        padding: 1rem!important;
    }
    .pt-md-10, .py-md-10
    {
        padding-top: 1rem!important;
    }
    .pr-md-10, .px-md-10
    {
        padding-right: 1rem!important;
    }
    .pb-md-10, .py-md-10
    {
        padding-bottom: 1rem!important;
    }
    .pl-md-10, .px-md-10
    {
        padding-left: 1rem!important;
    }
    .p-md-12
    {
        padding: 1.2rem!important;
    }
    .pt-md-12, .py-md-12
    {
        padding-top: 1.2rem!important;
    }
    .pr-md-12, .px-md-12
    {
        padding-right: 1.2rem!important;
    }
    .pb-md-12, .py-md-12
    {
        padding-bottom: 1.2rem!important;
    }
    .pl-md-12, .px-md-12
    {
        padding-left: 1.2rem!important;
    }
    .p-md-16
    {
        padding: 1.6rem!important;
    }
    .pt-md-16, .py-md-16
    {
        padding-top: 1.6rem!important;
    }
    .pr-md-16, .px-md-16
    {
        padding-right: 1.6rem!important;
    }
    .pb-md-16, .py-md-16
    {
        padding-bottom: 1.6rem!important;
    }
    .pl-md-16, .px-md-16
    {
        padding-left: 1.6rem!important;
    }
    .p-md-20
    {
        padding: 2rem!important;
    }
    .pt-md-20, .py-md-20
    {
        padding-top: 2rem!important;
    }
    .pr-md-20, .px-md-20
    {
        padding-right: 2rem!important;
    }
    .pb-md-20, .py-md-20
    {
        padding-bottom: 2rem!important;
    }
    .pl-md-20, .px-md-20
    {
        padding-left: 2rem!important;
    }
    .p-md-24
    {
        padding: 2.4rem!important;
    }
    .pt-md-24, .py-md-24
    {
        padding-top: 2.4rem!important;
    }
    .pr-md-24, .px-md-24
    {
        padding-right: 2.4rem!important;
    }
    .pb-md-24, .py-md-24
    {
        padding-bottom: 2.4rem!important;
    }
    .pl-md-24, .px-md-24
    {
        padding-left: 2.4rem!important;
    }
    .p-md-32
    {
        padding: 3.2rem!important;
    }
    .pt-md-32, .py-md-32
    {
        padding-top: 3.2rem!important;
    }
    .pr-md-32, .px-md-32
    {
        padding-right: 3.2rem!important;
    }
    .pb-md-32, .py-md-32
    {
        padding-bottom: 3.2rem!important;
    }
    .pl-md-32, .px-md-32
    {
        padding-left: 3.2rem!important;
    }
    .p-md-40
    {
        padding: 4rem!important;
    }
    .pt-md-40, .py-md-40
    {
        padding-top: 4rem!important;
    }
    .pr-md-40, .px-md-40
    {
        padding-right: 4rem!important;
    }
    .pb-md-40, .py-md-40
    {
        padding-bottom: 4rem!important;
    }
    .pl-md-40, .px-md-40
    {
        padding-left: 4rem!important;
    }
    .p-md-48
    {
        padding: 4.8rem!important;
    }
    .pt-md-48, .py-md-48
    {
        padding-top: 4.8rem!important;
    }
    .pr-md-48, .px-md-48
    {
        padding-right: 4.8rem!important;
    }
    .pb-md-48, .py-md-48
    {
        padding-bottom: 4.8rem!important;
    }
    .pl-md-48, .px-md-48
    {
        padding-left: 4.8rem!important;
    }
    .p-md-64
    {
        padding: 6.4rem!important;
    }
    .pt-md-64, .py-md-64
    {
        padding-top: 6.4rem!important;
    }
    .pr-md-64, .px-md-64
    {
        padding-right: 6.4rem!important;
    }
    .pb-md-64, .py-md-64
    {
        padding-bottom: 6.4rem!important;
    }
    .pl-md-64, .px-md-64
    {
        padding-left: 6.4rem!important;
    }
    .m-md-n4
    {
        margin: -.4rem!important;
    }
    .mt-md-n4, .my-md-n4
    {
        margin-top: -.4rem!important;
    }
    .mr-md-n4, .mx-md-n4
    {
        margin-right: -.4rem!important;
    }
    .mb-md-n4, .my-md-n4
    {
        margin-bottom: -.4rem!important;
    }
    .ml-md-n4, .mx-md-n4
    {
        margin-left: -.4rem!important;
    }
    .m-md-n6
    {
        margin: -.6rem!important;
    }
    .mt-md-n6, .my-md-n6
    {
        margin-top: -.6rem!important;
    }
    .mr-md-n6, .mx-md-n6
    {
        margin-right: -.6rem!important;
    }
    .mb-md-n6, .my-md-n6
    {
        margin-bottom: -.6rem!important;
    }
    .ml-md-n6, .mx-md-n6
    {
        margin-left: -.6rem!important;
    }
    .m-md-n8
    {
        margin: -.8rem!important;
    }
    .mt-md-n8, .my-md-n8
    {
        margin-top: -.8rem!important;
    }
    .mr-md-n8, .mx-md-n8
    {
        margin-right: -.8rem!important;
    }
    .mb-md-n8, .my-md-n8
    {
        margin-bottom: -.8rem!important;
    }
    .ml-md-n8, .mx-md-n8
    {
        margin-left: -.8rem!important;
    }
    .m-md-n10
    {
        margin: -1rem!important;
    }
    .mt-md-n10, .my-md-n10
    {
        margin-top: -1rem!important;
    }
    .mr-md-n10, .mx-md-n10
    {
        margin-right: -1rem!important;
    }
    .mb-md-n10, .my-md-n10
    {
        margin-bottom: -1rem!important;
    }
    .ml-md-n10, .mx-md-n10
    {
        margin-left: -1rem!important;
    }
    .m-md-n12
    {
        margin: -1.2rem!important;
    }
    .mt-md-n12, .my-md-n12
    {
        margin-top: -1.2rem!important;
    }
    .mr-md-n12, .mx-md-n12
    {
        margin-right: -1.2rem!important;
    }
    .mb-md-n12, .my-md-n12
    {
        margin-bottom: -1.2rem!important;
    }
    .ml-md-n12, .mx-md-n12
    {
        margin-left: -1.2rem!important;
    }
    .m-md-n16
    {
        margin: -1.6rem!important;
    }
    .mt-md-n16, .my-md-n16
    {
        margin-top: -1.6rem!important;
    }
    .mr-md-n16, .mx-md-n16
    {
        margin-right: -1.6rem!important;
    }
    .mb-md-n16, .my-md-n16
    {
        margin-bottom: -1.6rem!important;
    }
    .ml-md-n16, .mx-md-n16
    {
        margin-left: -1.6rem!important;
    }
    .m-md-n20
    {
        margin: -2rem!important;
    }
    .mt-md-n20, .my-md-n20
    {
        margin-top: -2rem!important;
    }
    .mr-md-n20, .mx-md-n20
    {
        margin-right: -2rem!important;
    }
    .mb-md-n20, .my-md-n20
    {
        margin-bottom: -2rem!important;
    }
    .ml-md-n20, .mx-md-n20
    {
        margin-left: -2rem!important;
    }
    .m-md-n24
    {
        margin: -2.4rem!important;
    }
    .mt-md-n24, .my-md-n24
    {
        margin-top: -2.4rem!important;
    }
    .mr-md-n24, .mx-md-n24
    {
        margin-right: -2.4rem!important;
    }
    .mb-md-n24, .my-md-n24
    {
        margin-bottom: -2.4rem!important;
    }
    .ml-md-n24, .mx-md-n24
    {
        margin-left: -2.4rem!important;
    }
    .m-md-n32
    {
        margin: -3.2rem!important;
    }
    .mt-md-n32, .my-md-n32
    {
        margin-top: -3.2rem!important;
    }
    .mr-md-n32, .mx-md-n32
    {
        margin-right: -3.2rem!important;
    }
    .mb-md-n32, .my-md-n32
    {
        margin-bottom: -3.2rem!important;
    }
    .ml-md-n32, .mx-md-n32
    {
        margin-left: -3.2rem!important;
    }
    .m-md-n40
    {
        margin: -4rem!important;
    }
    .mt-md-n40, .my-md-n40
    {
        margin-top: -4rem!important;
    }
    .mr-md-n40, .mx-md-n40
    {
        margin-right: -4rem!important;
    }
    .mb-md-n40, .my-md-n40
    {
        margin-bottom: -4rem!important;
    }
    .ml-md-n40, .mx-md-n40
    {
        margin-left: -4rem!important;
    }
    .m-md-n48
    {
        margin: -4.8rem!important;
    }
    .mt-md-n48, .my-md-n48
    {
        margin-top: -4.8rem!important;
    }
    .mr-md-n48, .mx-md-n48
    {
        margin-right: -4.8rem!important;
    }
    .mb-md-n48, .my-md-n48
    {
        margin-bottom: -4.8rem!important;
    }
    .ml-md-n48, .mx-md-n48
    {
        margin-left: -4.8rem!important;
    }
    .m-md-n64
    {
        margin: -6.4rem!important;
    }
    .mt-md-n64, .my-md-n64
    {
        margin-top: -6.4rem!important;
    }
    .mr-md-n64, .mx-md-n64
    {
        margin-right: -6.4rem!important;
    }
    .mb-md-n64, .my-md-n64
    {
        margin-bottom: -6.4rem!important;
    }
    .ml-md-n64, .mx-md-n64
    {
        margin-left: -6.4rem!important;
    }
    .m-md-auto
    {
        margin: auto!important;
    }
    .mt-md-auto, .my-md-auto
    {
        margin-top: auto!important;
    }
    .mr-md-auto, .mx-md-auto
    {
        margin-right: auto!important;
    }
    .mb-md-auto, .my-md-auto
    {
        margin-bottom: auto!important;
    }
    .ml-md-auto, .mx-md-auto
    {
        margin-left: auto!important;
    }
    .gap-md-0
    {
        gap: 0!important;
    }
    .gap-y-md-0
    {
        row-gap: 0!important;
    }
    .gap-x-md-0
    {
        column-gap: 0!important;
    }
    .gap-md-4
    {
        gap: .4rem!important;
    }
    .gap-y-md-4
    {
        row-gap: .4rem!important;
    }
    .gap-x-md-4
    {
        column-gap: .4rem!important;
    }
    .gap-md-6
    {
        gap: .6rem!important;
    }
    .gap-y-md-6
    {
        row-gap: .6rem!important;
    }
    .gap-x-md-6
    {
        column-gap: .6rem!important;
    }
    .gap-md-8
    {
        gap: .8rem!important;
    }
    .gap-y-md-8
    {
        row-gap: .8rem!important;
    }
    .gap-x-md-8
    {
        column-gap: .8rem!important;
    }
    .gap-md-10
    {
        gap: 1rem!important;
    }
    .gap-y-md-10
    {
        row-gap: 1rem!important;
    }
    .gap-x-md-10
    {
        column-gap: 1rem!important;
    }
    .gap-md-12
    {
        gap: 1.2rem!important;
    }
    .gap-y-md-12
    {
        row-gap: 1.2rem!important;
    }
    .gap-x-md-12
    {
        column-gap: 1.2rem!important;
    }
    .gap-md-16
    {
        gap: 1.6rem!important;
    }
    .gap-y-md-16
    {
        row-gap: 1.6rem!important;
    }
    .gap-x-md-16
    {
        column-gap: 1.6rem!important;
    }
    .gap-md-20
    {
        gap: 2rem!important;
    }
    .gap-y-md-20
    {
        row-gap: 2rem!important;
    }
    .gap-x-md-20
    {
        column-gap: 2rem!important;
    }
    .gap-md-24
    {
        gap: 2.4rem!important;
    }
    .gap-y-md-24
    {
        row-gap: 2.4rem!important;
    }
    .gap-x-md-24
    {
        column-gap: 2.4rem!important;
    }
    .gap-md-32
    {
        gap: 3.2rem!important;
    }
    .gap-y-md-32
    {
        row-gap: 3.2rem!important;
    }
    .gap-x-md-32
    {
        column-gap: 3.2rem!important;
    }
    .gap-md-40
    {
        gap: 4rem!important;
    }
    .gap-y-md-40
    {
        row-gap: 4rem!important;
    }
    .gap-x-md-40
    {
        column-gap: 4rem!important;
    }
    .gap-md-48
    {
        gap: 4.8rem!important;
    }
    .gap-y-md-48
    {
        row-gap: 4.8rem!important;
    }
    .gap-x-md-48
    {
        column-gap: 4.8rem!important;
    }
    .gap-md-64
    {
        gap: 6.4rem!important;
    }
    .gap-y-md-64
    {
        row-gap: 6.4rem!important;
    }
    .gap-x-md-64
    {
        column-gap: 6.4rem!important;
    }
}
@media(min-width: 1440px)
{
    .m-lg-0
    {
        margin: 0!important;
    }
    .mt-lg-0, .my-lg-0
    {
        margin-top: 0!important;
    }
    .mr-lg-0, .mx-lg-0
    {
        margin-right: 0!important;
    }
    .mb-lg-0, .my-lg-0
    {
        margin-bottom: 0!important;
    }
    .ml-lg-0, .mx-lg-0
    {
        margin-left: 0!important;
    }
    .m-lg-4
    {
        margin: .4rem!important;
    }
    .mt-lg-4, .my-lg-4
    {
        margin-top: .4rem!important;
    }
    .mr-lg-4, .mx-lg-4
    {
        margin-right: .4rem!important;
    }
    .mb-lg-4, .my-lg-4
    {
        margin-bottom: .4rem!important;
    }
    .ml-lg-4, .mx-lg-4
    {
        margin-left: .4rem!important;
    }
    .m-lg-6
    {
        margin: .6rem!important;
    }
    .mt-lg-6, .my-lg-6
    {
        margin-top: .6rem!important;
    }
    .mr-lg-6, .mx-lg-6
    {
        margin-right: .6rem!important;
    }
    .mb-lg-6, .my-lg-6
    {
        margin-bottom: .6rem!important;
    }
    .ml-lg-6, .mx-lg-6
    {
        margin-left: .6rem!important;
    }
    .m-lg-8
    {
        margin: .8rem!important;
    }
    .mt-lg-8, .my-lg-8
    {
        margin-top: .8rem!important;
    }
    .mr-lg-8, .mx-lg-8
    {
        margin-right: .8rem!important;
    }
    .mb-lg-8, .my-lg-8
    {
        margin-bottom: .8rem!important;
    }
    .ml-lg-8, .mx-lg-8
    {
        margin-left: .8rem!important;
    }
    .m-lg-10
    {
        margin: 1rem!important;
    }
    .mt-lg-10, .my-lg-10
    {
        margin-top: 1rem!important;
    }
    .mr-lg-10, .mx-lg-10
    {
        margin-right: 1rem!important;
    }
    .mb-lg-10, .my-lg-10
    {
        margin-bottom: 1rem!important;
    }
    .ml-lg-10, .mx-lg-10
    {
        margin-left: 1rem!important;
    }
    .m-lg-12
    {
        margin: 1.2rem!important;
    }
    .mt-lg-12, .my-lg-12
    {
        margin-top: 1.2rem!important;
    }
    .mr-lg-12, .mx-lg-12
    {
        margin-right: 1.2rem!important;
    }
    .mb-lg-12, .my-lg-12
    {
        margin-bottom: 1.2rem!important;
    }
    .ml-lg-12, .mx-lg-12
    {
        margin-left: 1.2rem!important;
    }
    .m-lg-16
    {
        margin: 1.6rem!important;
    }
    .mt-lg-16, .my-lg-16
    {
        margin-top: 1.6rem!important;
    }
    .mr-lg-16, .mx-lg-16
    {
        margin-right: 1.6rem!important;
    }
    .mb-lg-16, .my-lg-16
    {
        margin-bottom: 1.6rem!important;
    }
    .ml-lg-16, .mx-lg-16
    {
        margin-left: 1.6rem!important;
    }
    .m-lg-20
    {
        margin: 2rem!important;
    }
    .mt-lg-20, .my-lg-20
    {
        margin-top: 2rem!important;
    }
    .mr-lg-20, .mx-lg-20
    {
        margin-right: 2rem!important;
    }
    .mb-lg-20, .my-lg-20
    {
        margin-bottom: 2rem!important;
    }
    .ml-lg-20, .mx-lg-20
    {
        margin-left: 2rem!important;
    }
    .m-lg-24
    {
        margin: 2.4rem!important;
    }
    .mt-lg-24, .my-lg-24
    {
        margin-top: 2.4rem!important;
    }
    .mr-lg-24, .mx-lg-24
    {
        margin-right: 2.4rem!important;
    }
    .mb-lg-24, .my-lg-24
    {
        margin-bottom: 2.4rem!important;
    }
    .ml-lg-24, .mx-lg-24
    {
        margin-left: 2.4rem!important;
    }
    .m-lg-32
    {
        margin: 3.2rem!important;
    }
    .mt-lg-32, .my-lg-32
    {
        margin-top: 3.2rem!important;
    }
    .mr-lg-32, .mx-lg-32
    {
        margin-right: 3.2rem!important;
    }
    .mb-lg-32, .my-lg-32
    {
        margin-bottom: 3.2rem!important;
    }
    .ml-lg-32, .mx-lg-32
    {
        margin-left: 3.2rem!important;
    }
    .m-lg-40
    {
        margin: 4rem!important;
    }
    .mt-lg-40, .my-lg-40
    {
        margin-top: 4rem!important;
    }
    .mr-lg-40, .mx-lg-40
    {
        margin-right: 4rem!important;
    }
    .mb-lg-40, .my-lg-40
    {
        margin-bottom: 4rem!important;
    }
    .ml-lg-40, .mx-lg-40
    {
        margin-left: 4rem!important;
    }
    .m-lg-48
    {
        margin: 4.8rem!important;
    }
    .mt-lg-48, .my-lg-48
    {
        margin-top: 4.8rem!important;
    }
    .mr-lg-48, .mx-lg-48
    {
        margin-right: 4.8rem!important;
    }
    .mb-lg-48, .my-lg-48
    {
        margin-bottom: 4.8rem!important;
    }
    .ml-lg-48, .mx-lg-48
    {
        margin-left: 4.8rem!important;
    }
    .m-lg-64
    {
        margin: 6.4rem!important;
    }
    .mt-lg-64, .my-lg-64
    {
        margin-top: 6.4rem!important;
    }
    .mr-lg-64, .mx-lg-64
    {
        margin-right: 6.4rem!important;
    }
    .mb-lg-64, .my-lg-64
    {
        margin-bottom: 6.4rem!important;
    }
    .ml-lg-64, .mx-lg-64
    {
        margin-left: 6.4rem!important;
    }
    .p-lg-0
    {
        padding: 0!important;
    }
    .pt-lg-0, .py-lg-0
    {
        padding-top: 0!important;
    }
    .pr-lg-0, .px-lg-0
    {
        padding-right: 0!important;
    }
    .pb-lg-0, .py-lg-0
    {
        padding-bottom: 0!important;
    }
    .pl-lg-0, .px-lg-0
    {
        padding-left: 0!important;
    }
    .p-lg-4
    {
        padding: .4rem!important;
    }
    .pt-lg-4, .py-lg-4
    {
        padding-top: .4rem!important;
    }
    .pr-lg-4, .px-lg-4
    {
        padding-right: .4rem!important;
    }
    .pb-lg-4, .py-lg-4
    {
        padding-bottom: .4rem!important;
    }
    .pl-lg-4, .px-lg-4
    {
        padding-left: .4rem!important;
    }
    .p-lg-6
    {
        padding: .6rem!important;
    }
    .pt-lg-6, .py-lg-6
    {
        padding-top: .6rem!important;
    }
    .pr-lg-6, .px-lg-6
    {
        padding-right: .6rem!important;
    }
    .pb-lg-6, .py-lg-6
    {
        padding-bottom: .6rem!important;
    }
    .pl-lg-6, .px-lg-6
    {
        padding-left: .6rem!important;
    }
    .p-lg-8
    {
        padding: .8rem!important;
    }
    .pt-lg-8, .py-lg-8
    {
        padding-top: .8rem!important;
    }
    .pr-lg-8, .px-lg-8
    {
        padding-right: .8rem!important;
    }
    .pb-lg-8, .py-lg-8
    {
        padding-bottom: .8rem!important;
    }
    .pl-lg-8, .px-lg-8
    {
        padding-left: .8rem!important;
    }
    .p-lg-10
    {
        padding: 1rem!important;
    }
    .pt-lg-10, .py-lg-10
    {
        padding-top: 1rem!important;
    }
    .pr-lg-10, .px-lg-10
    {
        padding-right: 1rem!important;
    }
    .pb-lg-10, .py-lg-10
    {
        padding-bottom: 1rem!important;
    }
    .pl-lg-10, .px-lg-10
    {
        padding-left: 1rem!important;
    }
    .p-lg-12
    {
        padding: 1.2rem!important;
    }
    .pt-lg-12, .py-lg-12
    {
        padding-top: 1.2rem!important;
    }
    .pr-lg-12, .px-lg-12
    {
        padding-right: 1.2rem!important;
    }
    .pb-lg-12, .py-lg-12
    {
        padding-bottom: 1.2rem!important;
    }
    .pl-lg-12, .px-lg-12
    {
        padding-left: 1.2rem!important;
    }
    .p-lg-16
    {
        padding: 1.6rem!important;
    }
    .pt-lg-16, .py-lg-16
    {
        padding-top: 1.6rem!important;
    }
    .pr-lg-16, .px-lg-16
    {
        padding-right: 1.6rem!important;
    }
    .pb-lg-16, .py-lg-16
    {
        padding-bottom: 1.6rem!important;
    }
    .pl-lg-16, .px-lg-16
    {
        padding-left: 1.6rem!important;
    }
    .p-lg-20
    {
        padding: 2rem!important;
    }
    .pt-lg-20, .py-lg-20
    {
        padding-top: 2rem!important;
    }
    .pr-lg-20, .px-lg-20
    {
        padding-right: 2rem!important;
    }
    .pb-lg-20, .py-lg-20
    {
        padding-bottom: 2rem!important;
    }
    .pl-lg-20, .px-lg-20
    {
        padding-left: 2rem!important;
    }
    .p-lg-24
    {
        padding: 2.4rem!important;
    }
    .pt-lg-24, .py-lg-24
    {
        padding-top: 2.4rem!important;
    }
    .pr-lg-24, .px-lg-24
    {
        padding-right: 2.4rem!important;
    }
    .pb-lg-24, .py-lg-24
    {
        padding-bottom: 2.4rem!important;
    }
    .pl-lg-24, .px-lg-24
    {
        padding-left: 2.4rem!important;
    }
    .p-lg-32
    {
        padding: 3.2rem!important;
    }
    .pt-lg-32, .py-lg-32
    {
        padding-top: 3.2rem!important;
    }
    .pr-lg-32, .px-lg-32
    {
        padding-right: 3.2rem!important;
    }
    .pb-lg-32, .py-lg-32
    {
        padding-bottom: 3.2rem!important;
    }
    .pl-lg-32, .px-lg-32
    {
        padding-left: 3.2rem!important;
    }
    .p-lg-40
    {
        padding: 4rem!important;
    }
    .pt-lg-40, .py-lg-40
    {
        padding-top: 4rem!important;
    }
    .pr-lg-40, .px-lg-40
    {
        padding-right: 4rem!important;
    }
    .pb-lg-40, .py-lg-40
    {
        padding-bottom: 4rem!important;
    }
    .pl-lg-40, .px-lg-40
    {
        padding-left: 4rem!important;
    }
    .p-lg-48
    {
        padding: 4.8rem!important;
    }
    .pt-lg-48, .py-lg-48
    {
        padding-top: 4.8rem!important;
    }
    .pr-lg-48, .px-lg-48
    {
        padding-right: 4.8rem!important;
    }
    .pb-lg-48, .py-lg-48
    {
        padding-bottom: 4.8rem!important;
    }
    .pl-lg-48, .px-lg-48
    {
        padding-left: 4.8rem!important;
    }
    .p-lg-64
    {
        padding: 6.4rem!important;
    }
    .pt-lg-64, .py-lg-64
    {
        padding-top: 6.4rem!important;
    }
    .pr-lg-64, .px-lg-64
    {
        padding-right: 6.4rem!important;
    }
    .pb-lg-64, .py-lg-64
    {
        padding-bottom: 6.4rem!important;
    }
    .pl-lg-64, .px-lg-64
    {
        padding-left: 6.4rem!important;
    }
    .m-lg-n4
    {
        margin: -.4rem!important;
    }
    .mt-lg-n4, .my-lg-n4
    {
        margin-top: -.4rem!important;
    }
    .mr-lg-n4, .mx-lg-n4
    {
        margin-right: -.4rem!important;
    }
    .mb-lg-n4, .my-lg-n4
    {
        margin-bottom: -.4rem!important;
    }
    .ml-lg-n4, .mx-lg-n4
    {
        margin-left: -.4rem!important;
    }
    .m-lg-n6
    {
        margin: -.6rem!important;
    }
    .mt-lg-n6, .my-lg-n6
    {
        margin-top: -.6rem!important;
    }
    .mr-lg-n6, .mx-lg-n6
    {
        margin-right: -.6rem!important;
    }
    .mb-lg-n6, .my-lg-n6
    {
        margin-bottom: -.6rem!important;
    }
    .ml-lg-n6, .mx-lg-n6
    {
        margin-left: -.6rem!important;
    }
    .m-lg-n8
    {
        margin: -.8rem!important;
    }
    .mt-lg-n8, .my-lg-n8
    {
        margin-top: -.8rem!important;
    }
    .mr-lg-n8, .mx-lg-n8
    {
        margin-right: -.8rem!important;
    }
    .mb-lg-n8, .my-lg-n8
    {
        margin-bottom: -.8rem!important;
    }
    .ml-lg-n8, .mx-lg-n8
    {
        margin-left: -.8rem!important;
    }
    .m-lg-n10
    {
        margin: -1rem!important;
    }
    .mt-lg-n10, .my-lg-n10
    {
        margin-top: -1rem!important;
    }
    .mr-lg-n10, .mx-lg-n10
    {
        margin-right: -1rem!important;
    }
    .mb-lg-n10, .my-lg-n10
    {
        margin-bottom: -1rem!important;
    }
    .ml-lg-n10, .mx-lg-n10
    {
        margin-left: -1rem!important;
    }
    .m-lg-n12
    {
        margin: -1.2rem!important;
    }
    .mt-lg-n12, .my-lg-n12
    {
        margin-top: -1.2rem!important;
    }
    .mr-lg-n12, .mx-lg-n12
    {
        margin-right: -1.2rem!important;
    }
    .mb-lg-n12, .my-lg-n12
    {
        margin-bottom: -1.2rem!important;
    }
    .ml-lg-n12, .mx-lg-n12
    {
        margin-left: -1.2rem!important;
    }
    .m-lg-n16
    {
        margin: -1.6rem!important;
    }
    .mt-lg-n16, .my-lg-n16
    {
        margin-top: -1.6rem!important;
    }
    .mr-lg-n16, .mx-lg-n16
    {
        margin-right: -1.6rem!important;
    }
    .mb-lg-n16, .my-lg-n16
    {
        margin-bottom: -1.6rem!important;
    }
    .ml-lg-n16, .mx-lg-n16
    {
        margin-left: -1.6rem!important;
    }
    .m-lg-n20
    {
        margin: -2rem!important;
    }
    .mt-lg-n20, .my-lg-n20
    {
        margin-top: -2rem!important;
    }
    .mr-lg-n20, .mx-lg-n20
    {
        margin-right: -2rem!important;
    }
    .mb-lg-n20, .my-lg-n20
    {
        margin-bottom: -2rem!important;
    }
    .ml-lg-n20, .mx-lg-n20
    {
        margin-left: -2rem!important;
    }
    .m-lg-n24
    {
        margin: -2.4rem!important;
    }
    .mt-lg-n24, .my-lg-n24
    {
        margin-top: -2.4rem!important;
    }
    .mr-lg-n24, .mx-lg-n24
    {
        margin-right: -2.4rem!important;
    }
    .mb-lg-n24, .my-lg-n24
    {
        margin-bottom: -2.4rem!important;
    }
    .ml-lg-n24, .mx-lg-n24
    {
        margin-left: -2.4rem!important;
    }
    .m-lg-n32
    {
        margin: -3.2rem!important;
    }
    .mt-lg-n32, .my-lg-n32
    {
        margin-top: -3.2rem!important;
    }
    .mr-lg-n32, .mx-lg-n32
    {
        margin-right: -3.2rem!important;
    }
    .mb-lg-n32, .my-lg-n32
    {
        margin-bottom: -3.2rem!important;
    }
    .ml-lg-n32, .mx-lg-n32
    {
        margin-left: -3.2rem!important;
    }
    .m-lg-n40
    {
        margin: -4rem!important;
    }
    .mt-lg-n40, .my-lg-n40
    {
        margin-top: -4rem!important;
    }
    .mr-lg-n40, .mx-lg-n40
    {
        margin-right: -4rem!important;
    }
    .mb-lg-n40, .my-lg-n40
    {
        margin-bottom: -4rem!important;
    }
    .ml-lg-n40, .mx-lg-n40
    {
        margin-left: -4rem!important;
    }
    .m-lg-n48
    {
        margin: -4.8rem!important;
    }
    .mt-lg-n48, .my-lg-n48
    {
        margin-top: -4.8rem!important;
    }
    .mr-lg-n48, .mx-lg-n48
    {
        margin-right: -4.8rem!important;
    }
    .mb-lg-n48, .my-lg-n48
    {
        margin-bottom: -4.8rem!important;
    }
    .ml-lg-n48, .mx-lg-n48
    {
        margin-left: -4.8rem!important;
    }
    .m-lg-n64
    {
        margin: -6.4rem!important;
    }
    .mt-lg-n64, .my-lg-n64
    {
        margin-top: -6.4rem!important;
    }
    .mr-lg-n64, .mx-lg-n64
    {
        margin-right: -6.4rem!important;
    }
    .mb-lg-n64, .my-lg-n64
    {
        margin-bottom: -6.4rem!important;
    }
    .ml-lg-n64, .mx-lg-n64
    {
        margin-left: -6.4rem!important;
    }
    .m-lg-auto
    {
        margin: auto!important;
    }
    .mt-lg-auto, .my-lg-auto
    {
        margin-top: auto!important;
    }
    .mr-lg-auto, .mx-lg-auto
    {
        margin-right: auto!important;
    }
    .mb-lg-auto, .my-lg-auto
    {
        margin-bottom: auto!important;
    }
    .ml-lg-auto, .mx-lg-auto
    {
        margin-left: auto!important;
    }
    .gap-lg-0
    {
        gap: 0!important;
    }
    .gap-y-lg-0
    {
        row-gap: 0!important;
    }
    .gap-x-lg-0
    {
        column-gap: 0!important;
    }
    .gap-lg-4
    {
        gap: .4rem!important;
    }
    .gap-y-lg-4
    {
        row-gap: .4rem!important;
    }
    .gap-x-lg-4
    {
        column-gap: .4rem!important;
    }
    .gap-lg-6
    {
        gap: .6rem!important;
    }
    .gap-y-lg-6
    {
        row-gap: .6rem!important;
    }
    .gap-x-lg-6
    {
        column-gap: .6rem!important;
    }
    .gap-lg-8
    {
        gap: .8rem!important;
    }
    .gap-y-lg-8
    {
        row-gap: .8rem!important;
    }
    .gap-x-lg-8
    {
        column-gap: .8rem!important;
    }
    .gap-lg-10
    {
        gap: 1rem!important;
    }
    .gap-y-lg-10
    {
        row-gap: 1rem!important;
    }
    .gap-x-lg-10
    {
        column-gap: 1rem!important;
    }
    .gap-lg-12
    {
        gap: 1.2rem!important;
    }
    .gap-y-lg-12
    {
        row-gap: 1.2rem!important;
    }
    .gap-x-lg-12
    {
        column-gap: 1.2rem!important;
    }
    .gap-lg-16
    {
        gap: 1.6rem!important;
    }
    .gap-y-lg-16
    {
        row-gap: 1.6rem!important;
    }
    .gap-x-lg-16
    {
        column-gap: 1.6rem!important;
    }
    .gap-lg-20
    {
        gap: 2rem!important;
    }
    .gap-y-lg-20
    {
        row-gap: 2rem!important;
    }
    .gap-x-lg-20
    {
        column-gap: 2rem!important;
    }
    .gap-lg-24
    {
        gap: 2.4rem!important;
    }
    .gap-y-lg-24
    {
        row-gap: 2.4rem!important;
    }
    .gap-x-lg-24
    {
        column-gap: 2.4rem!important;
    }
    .gap-lg-32
    {
        gap: 3.2rem!important;
    }
    .gap-y-lg-32
    {
        row-gap: 3.2rem!important;
    }
    .gap-x-lg-32
    {
        column-gap: 3.2rem!important;
    }
    .gap-lg-40
    {
        gap: 4rem!important;
    }
    .gap-y-lg-40
    {
        row-gap: 4rem!important;
    }
    .gap-x-lg-40
    {
        column-gap: 4rem!important;
    }
    .gap-lg-48
    {
        gap: 4.8rem!important;
    }
    .gap-y-lg-48
    {
        row-gap: 4.8rem!important;
    }
    .gap-x-lg-48
    {
        column-gap: 4.8rem!important;
    }
    .gap-lg-64
    {
        gap: 6.4rem!important;
    }
    .gap-y-lg-64
    {
        row-gap: 6.4rem!important;
    }
    .gap-x-lg-64
    {
        column-gap: 6.4rem!important;
    }
}
@media(min-width: 1920px)
{
    .m-xl-0
    {
        margin: 0!important;
    }
    .mt-xl-0, .my-xl-0
    {
        margin-top: 0!important;
    }
    .mr-xl-0, .mx-xl-0
    {
        margin-right: 0!important;
    }
    .mb-xl-0, .my-xl-0
    {
        margin-bottom: 0!important;
    }
    .ml-xl-0, .mx-xl-0
    {
        margin-left: 0!important;
    }
    .m-xl-4
    {
        margin: .4rem!important;
    }
    .mt-xl-4, .my-xl-4
    {
        margin-top: .4rem!important;
    }
    .mr-xl-4, .mx-xl-4
    {
        margin-right: .4rem!important;
    }
    .mb-xl-4, .my-xl-4
    {
        margin-bottom: .4rem!important;
    }
    .ml-xl-4, .mx-xl-4
    {
        margin-left: .4rem!important;
    }
    .m-xl-6
    {
        margin: .6rem!important;
    }
    .mt-xl-6, .my-xl-6
    {
        margin-top: .6rem!important;
    }
    .mr-xl-6, .mx-xl-6
    {
        margin-right: .6rem!important;
    }
    .mb-xl-6, .my-xl-6
    {
        margin-bottom: .6rem!important;
    }
    .ml-xl-6, .mx-xl-6
    {
        margin-left: .6rem!important;
    }
    .m-xl-8
    {
        margin: .8rem!important;
    }
    .mt-xl-8, .my-xl-8
    {
        margin-top: .8rem!important;
    }
    .mr-xl-8, .mx-xl-8
    {
        margin-right: .8rem!important;
    }
    .mb-xl-8, .my-xl-8
    {
        margin-bottom: .8rem!important;
    }
    .ml-xl-8, .mx-xl-8
    {
        margin-left: .8rem!important;
    }
    .m-xl-10
    {
        margin: 1rem!important;
    }
    .mt-xl-10, .my-xl-10
    {
        margin-top: 1rem!important;
    }
    .mr-xl-10, .mx-xl-10
    {
        margin-right: 1rem!important;
    }
    .mb-xl-10, .my-xl-10
    {
        margin-bottom: 1rem!important;
    }
    .ml-xl-10, .mx-xl-10
    {
        margin-left: 1rem!important;
    }
    .m-xl-12
    {
        margin: 1.2rem!important;
    }
    .mt-xl-12, .my-xl-12
    {
        margin-top: 1.2rem!important;
    }
    .mr-xl-12, .mx-xl-12
    {
        margin-right: 1.2rem!important;
    }
    .mb-xl-12, .my-xl-12
    {
        margin-bottom: 1.2rem!important;
    }
    .ml-xl-12, .mx-xl-12
    {
        margin-left: 1.2rem!important;
    }
    .m-xl-16
    {
        margin: 1.6rem!important;
    }
    .mt-xl-16, .my-xl-16
    {
        margin-top: 1.6rem!important;
    }
    .mr-xl-16, .mx-xl-16
    {
        margin-right: 1.6rem!important;
    }
    .mb-xl-16, .my-xl-16
    {
        margin-bottom: 1.6rem!important;
    }
    .ml-xl-16, .mx-xl-16
    {
        margin-left: 1.6rem!important;
    }
    .m-xl-20
    {
        margin: 2rem!important;
    }
    .mt-xl-20, .my-xl-20
    {
        margin-top: 2rem!important;
    }
    .mr-xl-20, .mx-xl-20
    {
        margin-right: 2rem!important;
    }
    .mb-xl-20, .my-xl-20
    {
        margin-bottom: 2rem!important;
    }
    .ml-xl-20, .mx-xl-20
    {
        margin-left: 2rem!important;
    }
    .m-xl-24
    {
        margin: 2.4rem!important;
    }
    .mt-xl-24, .my-xl-24
    {
        margin-top: 2.4rem!important;
    }
    .mr-xl-24, .mx-xl-24
    {
        margin-right: 2.4rem!important;
    }
    .mb-xl-24, .my-xl-24
    {
        margin-bottom: 2.4rem!important;
    }
    .ml-xl-24, .mx-xl-24
    {
        margin-left: 2.4rem!important;
    }
    .m-xl-32
    {
        margin: 3.2rem!important;
    }
    .mt-xl-32, .my-xl-32
    {
        margin-top: 3.2rem!important;
    }
    .mr-xl-32, .mx-xl-32
    {
        margin-right: 3.2rem!important;
    }
    .mb-xl-32, .my-xl-32
    {
        margin-bottom: 3.2rem!important;
    }
    .ml-xl-32, .mx-xl-32
    {
        margin-left: 3.2rem!important;
    }
    .m-xl-40
    {
        margin: 4rem!important;
    }
    .mt-xl-40, .my-xl-40
    {
        margin-top: 4rem!important;
    }
    .mr-xl-40, .mx-xl-40
    {
        margin-right: 4rem!important;
    }
    .mb-xl-40, .my-xl-40
    {
        margin-bottom: 4rem!important;
    }
    .ml-xl-40, .mx-xl-40
    {
        margin-left: 4rem!important;
    }
    .m-xl-48
    {
        margin: 4.8rem!important;
    }
    .mt-xl-48, .my-xl-48
    {
        margin-top: 4.8rem!important;
    }
    .mr-xl-48, .mx-xl-48
    {
        margin-right: 4.8rem!important;
    }
    .mb-xl-48, .my-xl-48
    {
        margin-bottom: 4.8rem!important;
    }
    .ml-xl-48, .mx-xl-48
    {
        margin-left: 4.8rem!important;
    }
    .m-xl-64
    {
        margin: 6.4rem!important;
    }
    .mt-xl-64, .my-xl-64
    {
        margin-top: 6.4rem!important;
    }
    .mr-xl-64, .mx-xl-64
    {
        margin-right: 6.4rem!important;
    }
    .mb-xl-64, .my-xl-64
    {
        margin-bottom: 6.4rem!important;
    }
    .ml-xl-64, .mx-xl-64
    {
        margin-left: 6.4rem!important;
    }
    .p-xl-0
    {
        padding: 0!important;
    }
    .pt-xl-0, .py-xl-0
    {
        padding-top: 0!important;
    }
    .pr-xl-0, .px-xl-0
    {
        padding-right: 0!important;
    }
    .pb-xl-0, .py-xl-0
    {
        padding-bottom: 0!important;
    }
    .pl-xl-0, .px-xl-0
    {
        padding-left: 0!important;
    }
    .p-xl-4
    {
        padding: .4rem!important;
    }
    .pt-xl-4, .py-xl-4
    {
        padding-top: .4rem!important;
    }
    .pr-xl-4, .px-xl-4
    {
        padding-right: .4rem!important;
    }
    .pb-xl-4, .py-xl-4
    {
        padding-bottom: .4rem!important;
    }
    .pl-xl-4, .px-xl-4
    {
        padding-left: .4rem!important;
    }
    .p-xl-6
    {
        padding: .6rem!important;
    }
    .pt-xl-6, .py-xl-6
    {
        padding-top: .6rem!important;
    }
    .pr-xl-6, .px-xl-6
    {
        padding-right: .6rem!important;
    }
    .pb-xl-6, .py-xl-6
    {
        padding-bottom: .6rem!important;
    }
    .pl-xl-6, .px-xl-6
    {
        padding-left: .6rem!important;
    }
    .p-xl-8
    {
        padding: .8rem!important;
    }
    .pt-xl-8, .py-xl-8
    {
        padding-top: .8rem!important;
    }
    .pr-xl-8, .px-xl-8
    {
        padding-right: .8rem!important;
    }
    .pb-xl-8, .py-xl-8
    {
        padding-bottom: .8rem!important;
    }
    .pl-xl-8, .px-xl-8
    {
        padding-left: .8rem!important;
    }
    .p-xl-10
    {
        padding: 1rem!important;
    }
    .pt-xl-10, .py-xl-10
    {
        padding-top: 1rem!important;
    }
    .pr-xl-10, .px-xl-10
    {
        padding-right: 1rem!important;
    }
    .pb-xl-10, .py-xl-10
    {
        padding-bottom: 1rem!important;
    }
    .pl-xl-10, .px-xl-10
    {
        padding-left: 1rem!important;
    }
    .p-xl-12
    {
        padding: 1.2rem!important;
    }
    .pt-xl-12, .py-xl-12
    {
        padding-top: 1.2rem!important;
    }
    .pr-xl-12, .px-xl-12
    {
        padding-right: 1.2rem!important;
    }
    .pb-xl-12, .py-xl-12
    {
        padding-bottom: 1.2rem!important;
    }
    .pl-xl-12, .px-xl-12
    {
        padding-left: 1.2rem!important;
    }
    .p-xl-16
    {
        padding: 1.6rem!important;
    }
    .pt-xl-16, .py-xl-16
    {
        padding-top: 1.6rem!important;
    }
    .pr-xl-16, .px-xl-16
    {
        padding-right: 1.6rem!important;
    }
    .pb-xl-16, .py-xl-16
    {
        padding-bottom: 1.6rem!important;
    }
    .pl-xl-16, .px-xl-16
    {
        padding-left: 1.6rem!important;
    }
    .p-xl-20
    {
        padding: 2rem!important;
    }
    .pt-xl-20, .py-xl-20
    {
        padding-top: 2rem!important;
    }
    .pr-xl-20, .px-xl-20
    {
        padding-right: 2rem!important;
    }
    .pb-xl-20, .py-xl-20
    {
        padding-bottom: 2rem!important;
    }
    .pl-xl-20, .px-xl-20
    {
        padding-left: 2rem!important;
    }
    .p-xl-24
    {
        padding: 2.4rem!important;
    }
    .pt-xl-24, .py-xl-24
    {
        padding-top: 2.4rem!important;
    }
    .pr-xl-24, .px-xl-24
    {
        padding-right: 2.4rem!important;
    }
    .pb-xl-24, .py-xl-24
    {
        padding-bottom: 2.4rem!important;
    }
    .pl-xl-24, .px-xl-24
    {
        padding-left: 2.4rem!important;
    }
    .p-xl-32
    {
        padding: 3.2rem!important;
    }
    .pt-xl-32, .py-xl-32
    {
        padding-top: 3.2rem!important;
    }
    .pr-xl-32, .px-xl-32
    {
        padding-right: 3.2rem!important;
    }
    .pb-xl-32, .py-xl-32
    {
        padding-bottom: 3.2rem!important;
    }
    .pl-xl-32, .px-xl-32
    {
        padding-left: 3.2rem!important;
    }
    .p-xl-40
    {
        padding: 4rem!important;
    }
    .pt-xl-40, .py-xl-40
    {
        padding-top: 4rem!important;
    }
    .pr-xl-40, .px-xl-40
    {
        padding-right: 4rem!important;
    }
    .pb-xl-40, .py-xl-40
    {
        padding-bottom: 4rem!important;
    }
    .pl-xl-40, .px-xl-40
    {
        padding-left: 4rem!important;
    }
    .p-xl-48
    {
        padding: 4.8rem!important;
    }
    .pt-xl-48, .py-xl-48
    {
        padding-top: 4.8rem!important;
    }
    .pr-xl-48, .px-xl-48
    {
        padding-right: 4.8rem!important;
    }
    .pb-xl-48, .py-xl-48
    {
        padding-bottom: 4.8rem!important;
    }
    .pl-xl-48, .px-xl-48
    {
        padding-left: 4.8rem!important;
    }
    .p-xl-64
    {
        padding: 6.4rem!important;
    }
    .pt-xl-64, .py-xl-64
    {
        padding-top: 6.4rem!important;
    }
    .pr-xl-64, .px-xl-64
    {
        padding-right: 6.4rem!important;
    }
    .pb-xl-64, .py-xl-64
    {
        padding-bottom: 6.4rem!important;
    }
    .pl-xl-64, .px-xl-64
    {
        padding-left: 6.4rem!important;
    }
    .m-xl-n4
    {
        margin: -.4rem!important;
    }
    .mt-xl-n4, .my-xl-n4
    {
        margin-top: -.4rem!important;
    }
    .mr-xl-n4, .mx-xl-n4
    {
        margin-right: -.4rem!important;
    }
    .mb-xl-n4, .my-xl-n4
    {
        margin-bottom: -.4rem!important;
    }
    .ml-xl-n4, .mx-xl-n4
    {
        margin-left: -.4rem!important;
    }
    .m-xl-n6
    {
        margin: -.6rem!important;
    }
    .mt-xl-n6, .my-xl-n6
    {
        margin-top: -.6rem!important;
    }
    .mr-xl-n6, .mx-xl-n6
    {
        margin-right: -.6rem!important;
    }
    .mb-xl-n6, .my-xl-n6
    {
        margin-bottom: -.6rem!important;
    }
    .ml-xl-n6, .mx-xl-n6
    {
        margin-left: -.6rem!important;
    }
    .m-xl-n8
    {
        margin: -.8rem!important;
    }
    .mt-xl-n8, .my-xl-n8
    {
        margin-top: -.8rem!important;
    }
    .mr-xl-n8, .mx-xl-n8
    {
        margin-right: -.8rem!important;
    }
    .mb-xl-n8, .my-xl-n8
    {
        margin-bottom: -.8rem!important;
    }
    .ml-xl-n8, .mx-xl-n8
    {
        margin-left: -.8rem!important;
    }
    .m-xl-n10
    {
        margin: -1rem!important;
    }
    .mt-xl-n10, .my-xl-n10
    {
        margin-top: -1rem!important;
    }
    .mr-xl-n10, .mx-xl-n10
    {
        margin-right: -1rem!important;
    }
    .mb-xl-n10, .my-xl-n10
    {
        margin-bottom: -1rem!important;
    }
    .ml-xl-n10, .mx-xl-n10
    {
        margin-left: -1rem!important;
    }
    .m-xl-n12
    {
        margin: -1.2rem!important;
    }
    .mt-xl-n12, .my-xl-n12
    {
        margin-top: -1.2rem!important;
    }
    .mr-xl-n12, .mx-xl-n12
    {
        margin-right: -1.2rem!important;
    }
    .mb-xl-n12, .my-xl-n12
    {
        margin-bottom: -1.2rem!important;
    }
    .ml-xl-n12, .mx-xl-n12
    {
        margin-left: -1.2rem!important;
    }
    .m-xl-n16
    {
        margin: -1.6rem!important;
    }
    .mt-xl-n16, .my-xl-n16
    {
        margin-top: -1.6rem!important;
    }
    .mr-xl-n16, .mx-xl-n16
    {
        margin-right: -1.6rem!important;
    }
    .mb-xl-n16, .my-xl-n16
    {
        margin-bottom: -1.6rem!important;
    }
    .ml-xl-n16, .mx-xl-n16
    {
        margin-left: -1.6rem!important;
    }
    .m-xl-n20
    {
        margin: -2rem!important;
    }
    .mt-xl-n20, .my-xl-n20
    {
        margin-top: -2rem!important;
    }
    .mr-xl-n20, .mx-xl-n20
    {
        margin-right: -2rem!important;
    }
    .mb-xl-n20, .my-xl-n20
    {
        margin-bottom: -2rem!important;
    }
    .ml-xl-n20, .mx-xl-n20
    {
        margin-left: -2rem!important;
    }
    .m-xl-n24
    {
        margin: -2.4rem!important;
    }
    .mt-xl-n24, .my-xl-n24
    {
        margin-top: -2.4rem!important;
    }
    .mr-xl-n24, .mx-xl-n24
    {
        margin-right: -2.4rem!important;
    }
    .mb-xl-n24, .my-xl-n24
    {
        margin-bottom: -2.4rem!important;
    }
    .ml-xl-n24, .mx-xl-n24
    {
        margin-left: -2.4rem!important;
    }
    .m-xl-n32
    {
        margin: -3.2rem!important;
    }
    .mt-xl-n32, .my-xl-n32
    {
        margin-top: -3.2rem!important;
    }
    .mr-xl-n32, .mx-xl-n32
    {
        margin-right: -3.2rem!important;
    }
    .mb-xl-n32, .my-xl-n32
    {
        margin-bottom: -3.2rem!important;
    }
    .ml-xl-n32, .mx-xl-n32
    {
        margin-left: -3.2rem!important;
    }
    .m-xl-n40
    {
        margin: -4rem!important;
    }
    .mt-xl-n40, .my-xl-n40
    {
        margin-top: -4rem!important;
    }
    .mr-xl-n40, .mx-xl-n40
    {
        margin-right: -4rem!important;
    }
    .mb-xl-n40, .my-xl-n40
    {
        margin-bottom: -4rem!important;
    }
    .ml-xl-n40, .mx-xl-n40
    {
        margin-left: -4rem!important;
    }
    .m-xl-n48
    {
        margin: -4.8rem!important;
    }
    .mt-xl-n48, .my-xl-n48
    {
        margin-top: -4.8rem!important;
    }
    .mr-xl-n48, .mx-xl-n48
    {
        margin-right: -4.8rem!important;
    }
    .mb-xl-n48, .my-xl-n48
    {
        margin-bottom: -4.8rem!important;
    }
    .ml-xl-n48, .mx-xl-n48
    {
        margin-left: -4.8rem!important;
    }
    .m-xl-n64
    {
        margin: -6.4rem!important;
    }
    .mt-xl-n64, .my-xl-n64
    {
        margin-top: -6.4rem!important;
    }
    .mr-xl-n64, .mx-xl-n64
    {
        margin-right: -6.4rem!important;
    }
    .mb-xl-n64, .my-xl-n64
    {
        margin-bottom: -6.4rem!important;
    }
    .ml-xl-n64, .mx-xl-n64
    {
        margin-left: -6.4rem!important;
    }
    .m-xl-auto
    {
        margin: auto!important;
    }
    .mt-xl-auto, .my-xl-auto
    {
        margin-top: auto!important;
    }
    .mr-xl-auto, .mx-xl-auto
    {
        margin-right: auto!important;
    }
    .mb-xl-auto, .my-xl-auto
    {
        margin-bottom: auto!important;
    }
    .ml-xl-auto, .mx-xl-auto
    {
        margin-left: auto!important;
    }
    .gap-xl-0
    {
        gap: 0!important;
    }
    .gap-y-xl-0
    {
        row-gap: 0!important;
    }
    .gap-x-xl-0
    {
        column-gap: 0!important;
    }
    .gap-xl-4
    {
        gap: .4rem!important;
    }
    .gap-y-xl-4
    {
        row-gap: .4rem!important;
    }
    .gap-x-xl-4
    {
        column-gap: .4rem!important;
    }
    .gap-xl-6
    {
        gap: .6rem!important;
    }
    .gap-y-xl-6
    {
        row-gap: .6rem!important;
    }
    .gap-x-xl-6
    {
        column-gap: .6rem!important;
    }
    .gap-xl-8
    {
        gap: .8rem!important;
    }
    .gap-y-xl-8
    {
        row-gap: .8rem!important;
    }
    .gap-x-xl-8
    {
        column-gap: .8rem!important;
    }
    .gap-xl-10
    {
        gap: 1rem!important;
    }
    .gap-y-xl-10
    {
        row-gap: 1rem!important;
    }
    .gap-x-xl-10
    {
        column-gap: 1rem!important;
    }
    .gap-xl-12
    {
        gap: 1.2rem!important;
    }
    .gap-y-xl-12
    {
        row-gap: 1.2rem!important;
    }
    .gap-x-xl-12
    {
        column-gap: 1.2rem!important;
    }
    .gap-xl-16
    {
        gap: 1.6rem!important;
    }
    .gap-y-xl-16
    {
        row-gap: 1.6rem!important;
    }
    .gap-x-xl-16
    {
        column-gap: 1.6rem!important;
    }
    .gap-xl-20
    {
        gap: 2rem!important;
    }
    .gap-y-xl-20
    {
        row-gap: 2rem!important;
    }
    .gap-x-xl-20
    {
        column-gap: 2rem!important;
    }
    .gap-xl-24
    {
        gap: 2.4rem!important;
    }
    .gap-y-xl-24
    {
        row-gap: 2.4rem!important;
    }
    .gap-x-xl-24
    {
        column-gap: 2.4rem!important;
    }
    .gap-xl-32
    {
        gap: 3.2rem!important;
    }
    .gap-y-xl-32
    {
        row-gap: 3.2rem!important;
    }
    .gap-x-xl-32
    {
        column-gap: 3.2rem!important;
    }
    .gap-xl-40
    {
        gap: 4rem!important;
    }
    .gap-y-xl-40
    {
        row-gap: 4rem!important;
    }
    .gap-x-xl-40
    {
        column-gap: 4rem!important;
    }
    .gap-xl-48
    {
        gap: 4.8rem!important;
    }
    .gap-y-xl-48
    {
        row-gap: 4.8rem!important;
    }
    .gap-x-xl-48
    {
        column-gap: 4.8rem!important;
    }
    .gap-xl-64
    {
        gap: 6.4rem!important;
    }
    .gap-y-xl-64
    {
        row-gap: 6.4rem!important;
    }
    .gap-x-xl-64
    {
        column-gap: 6.4rem!important;
    }
}
.page-wrapper
{
    min-width: 100%;
    display: flex;
    justify-content: center;
    background-color: var(--app-color-background);
    min-height: 100%;
}
.page-wrapper.has-padding
{
    padding: 1.6rem;
}
.page-wrapper.cms
{
    padding: 0;
    background-color: initial;
}
.page-wrapper .page-content-wrapper
{
    max-width: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.page-wrapper .page-content-wrapper .page-content-header
{
    gap: 1.2rem;
    margin: -10rem -1.6rem 0;
    padding: 10rem 1.6rem 1.6rem;
}
.page-wrapper .page-content-wrapper .page-content-header.white
{
    background: var(--app-color-white);
}
.page-wrapper .page-content-wrapper .page-bottom-content
{
    margin-top: auto;
}
.page-wrapper .page-content-wrapper .white-content-wrapper
{
    background: var(--app-color-white);
    border-radius: 1.2rem;
    margin-bottom: 1.6rem;
    padding: 1.6rem;
}
@media(min-width: 768px)
{
    .page-wrapper
    {
        padding: 1.6rem 1.6rem 3.2rem;
    }
    .page-wrapper.cms
    {
        padding: 1.6rem;
        background-color: var(--app-color-background);
    }
    .page-wrapper .page-content-wrapper
    {
        max-width: 51.2rem;
    }
    .page-wrapper .page-content-wrapper .page-content-header.white
    {
        background: transparent;
    }
    .page-wrapper .page-content-wrapper .white-content-wrapper
    {
        padding: 3.2rem;
    }
}
@media(min-width: 1280px)
{
    .page-wrapper.has-padding
    {
        padding: 4rem 0 6.4rem;
    }
    .page-wrapper.has-min-height
    {
        min-height: 75dvh;
    }
}
.mat-datepicker-toggle, .mat-datepicker-toggle-active
{
    color: var(--app-color-secondary)!important;
}
mat-datepicker-content .mat-calendar-body-label
{
    max-width: 0;
    padding-top: 0!important;
    padding-bottom: 0!important;
    visibility: hidden;
}
mat-datepicker-content .mat-calendar-table-header th
{
    color: var(--app-color-secondary);
    font-size: 0;
}
mat-datepicker-content .mat-calendar-table-header th:first-letter 
{
    font-size: 1.6rem;
}
mat-datepicker-content .mat-calendar-table-header-divider
{
    display: none;
}
mat-datepicker-content .mat-calendar-period-button .mdc-button__label
{
    color: var(--app-color-secondary);
    text-transform: lowercase;
}
mat-datepicker-content .mat-calendar-period-button .mdc-button__label:first-letter 
{
    text-transform: uppercase;
}
mat-datepicker-content .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base
{
    --mdc-icon-button-state-layer-size: 3.9rem;
    color: var(--app-color-secondary);
}
mat-datepicker-content .mat-datepicker-actions
{
    justify-content: center;
    gap: .8rem;
    padding: .8rem;
    border-top: .1rem solid var(--app-color-secondary-10);
}
mat-datepicker-content .mat-calendar-body-cell
{
    --mat-datepicker-calendar-date-hover-state-background-color: var(--app-color-secondary-10);
    --mat-datepicker-calendar-date-focus-state-background-color: var(--app-color-white);
}
mat-datepicker-content .mat-calendar-body-cell:hover
{
    background-color: initial;
}
mat-datepicker-content .mat-calendar-body-cell .mat-calendar-body-cell-content
{
    color: var(--app-color-secondary);
}
mat-datepicker-content .mat-calendar-body-cell .mat-calendar-body-cell-content:hover
{
    background-color: var(--app-color-secondary-10);
}
mat-datepicker-content .mat-calendar-body-cell .mat-calendar-body-cell-content.mat-calendar-body-selected
{
    background-color: var(--app-color-primary);
}
mat-datepicker-content .mat-calendar-body-cell .mat-calendar-body-cell-content.mat-calendar-body-selected:hover
{
    background-color: var(--app-color-primary-50);
}
mat-datepicker-content .mat-calendar-body-cell .mat-calendar-body-cell-content.mat-calendar-body-today
{
    background-color: inherit;
    border: .1rem solid var(--app-color-secondary);
}
mat-datepicker-content .mat-calendar-body-cell .mat-calendar-body-cell-content.mat-calendar-body-today:hover
{
    background-color: var(--app-color-secondary-10);
}
mat-datepicker-content .mat-calendar-body-cell .mat-calendar-body-cell-content.mat-calendar-body-today.mat-calendar-body-selected
{
    background-color: var(--app-color-primary);
}
mat-datepicker-content .mat-calendar-body-cell .mat-calendar-body-cell-content.mat-calendar-body-today.mat-calendar-body-selected:hover
{
    background-color: var(--app-color-primary-50);
}
.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch
{
    border-right-style: hidden;
}
app-input-password .display-validators .mat-mdc-form-field-subscript-wrapper
{
    display: none;
}
app-input .mat-mdc-form-field-infix, app-input-password .mat-mdc-form-field-infix, app-datepicker .mat-mdc-form-field-infix, app-amount-input .mat-mdc-form-field-infix, app-credit-card-input .mat-mdc-form-field-infix, app-iban-input .mat-mdc-form-field-infix
{
    display: flex;
    width: 100%;
}
app-input .mat-mdc-form-field-text-prefix, app-input-password .mat-mdc-form-field-text-prefix, app-datepicker .mat-mdc-form-field-text-prefix, app-amount-input .mat-mdc-form-field-text-prefix, app-credit-card-input .mat-mdc-form-field-text-prefix, app-iban-input .mat-mdc-form-field-text-prefix
{
    margin-right: .8rem;
}
app-input .mat-mdc-form-field-bottom-align:before, app-input-password .mat-mdc-form-field-bottom-align:before, app-datepicker .mat-mdc-form-field-bottom-align:before, app-amount-input .mat-mdc-form-field-bottom-align:before, app-credit-card-input .mat-mdc-form-field-bottom-align:before, app-iban-input .mat-mdc-form-field-bottom-align:before
{
    height: 1.3rem;
}
app-input .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input, app-input-password .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input, app-datepicker .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input, app-amount-input .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input, app-credit-card-input .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input, app-iban-input .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input
{
    caret-color: var(--app-color-error);
    color: var(--app-color-error);
    border-width: .5rem;
}
app-input .mdc-notched-outline .mdc-floating-label--float-above, app-input-password .mdc-notched-outline .mdc-floating-label--float-above, app-datepicker .mdc-notched-outline .mdc-floating-label--float-above, app-amount-input .mdc-notched-outline .mdc-floating-label--float-above, app-credit-card-input .mdc-notched-outline .mdc-floating-label--float-above, app-iban-input .mdc-notched-outline .mdc-floating-label--float-above
{
    text-overflow: ellipsis;
    max-width: calc(128% + 1px);
}
app-input .mdc-floating-label:not(.mdc-floating-label--float-above), app-input-password .mdc-floating-label:not(.mdc-floating-label--float-above), app-datepicker .mdc-floating-label:not(.mdc-floating-label--float-above), app-amount-input .mdc-floating-label:not(.mdc-floating-label--float-above), app-credit-card-input .mdc-floating-label:not(.mdc-floating-label--float-above), app-iban-input .mdc-floating-label:not(.mdc-floating-label--float-above)
{
    white-space: unset;
}
app-input .mat-mdc-form-field, app-input-password .mat-mdc-form-field, app-datepicker .mat-mdc-form-field, app-amount-input .mat-mdc-form-field, app-credit-card-input .mat-mdc-form-field, app-iban-input .mat-mdc-form-field
{
    --mat-mdc-form-field-floating-label-scale: .8;
    --mdc-outlined-text-field-container-shape: .8rem;
    --mdc-outlined-text-field-label-text-size: 1.6rem;
    --mat-mdc-form-field-label-offset-x: .8rem;
    --mdc-outlined-text-field-label-text-color: var(--app-color-secondary-50);
    --mdc-outlined-text-field-focus-label-text-color: var(--app-color-secondary);
    --mdc-outlined-text-field-input-text-placeholder-color: var(--app-color-secondary-50);
    --mdc-outlined-text-field-caret-color: var(--app-color-secondary);
    --mdc-outlined-text-field-outline-color: var(--app-color-secondary-25);
    margin-bottom: 2rem;
}
app-input .mat-mdc-form-field .mat-mdc-form-field-flex, app-input-password .mat-mdc-form-field .mat-mdc-form-field-flex, app-datepicker .mat-mdc-form-field .mat-mdc-form-field-flex, app-amount-input .mat-mdc-form-field .mat-mdc-form-field-flex, app-credit-card-input .mat-mdc-form-field .mat-mdc-form-field-flex, app-iban-input .mat-mdc-form-field .mat-mdc-form-field-flex
{
    align-items: center;
}
app-input .mat-mdc-form-field .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control, app-input-password .mat-mdc-form-field .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control, app-datepicker .mat-mdc-form-field .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control, app-amount-input .mat-mdc-form-field .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control, app-credit-card-input .mat-mdc-form-field .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control, app-iban-input .mat-mdc-form-field .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control
{
    font-size: 1.6rem;
}
app-input .mat-mdc-form-field mat-hint, app-input-password .mat-mdc-form-field mat-hint, app-datepicker .mat-mdc-form-field mat-hint, app-amount-input .mat-mdc-form-field mat-hint, app-credit-card-input .mat-mdc-form-field mat-hint, app-iban-input .mat-mdc-form-field mat-hint
{
    color: var(--app-color-secondary-50);
}
app-input .mat-mdc-form-field.is-copyable .mdc-text-field--disabled, app-input-password .mat-mdc-form-field.is-copyable .mdc-text-field--disabled, app-datepicker .mat-mdc-form-field.is-copyable .mdc-text-field--disabled, app-amount-input .mat-mdc-form-field.is-copyable .mdc-text-field--disabled, app-credit-card-input .mat-mdc-form-field.is-copyable .mdc-text-field--disabled, app-iban-input .mat-mdc-form-field.is-copyable .mdc-text-field--disabled
{
    pointer-events: auto;
}
app-input input[type=number]::-webkit-inner-spin-button, app-input input[type=number]::-webkit-outer-spin-button, app-input-password input[type=number]::-webkit-inner-spin-button, app-input-password input[type=number]::-webkit-outer-spin-button, app-datepicker input[type=number]::-webkit-inner-spin-button, app-datepicker input[type=number]::-webkit-outer-spin-button, app-amount-input input[type=number]::-webkit-inner-spin-button, app-amount-input input[type=number]::-webkit-outer-spin-button, app-credit-card-input input[type=number]::-webkit-inner-spin-button, app-credit-card-input input[type=number]::-webkit-outer-spin-button, app-iban-input input[type=number]::-webkit-inner-spin-button, app-iban-input input[type=number]::-webkit-outer-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}
app-input input[type=number], app-input-password input[type=number], app-datepicker input[type=number], app-amount-input input[type=number], app-credit-card-input input[type=number], app-iban-input input[type=number]
{
    -moz-appearance: textfield;
    appearance: none;
}
mat-icon.icon-primary-color svg
{
    fill: var(--app-color-primary);
}
mat-icon.icon-primary-hover-color:hover svg
{
    fill: var(--app-color-primary);
}
mat-icon.icon-secondary-color svg
{
    fill: var(--app-color-secondary);
}
mat-icon.icon-secondary-hover-color:hover svg
{
    fill: var(--app-color-secondary);
}
mat-icon.icon-error-color svg
{
    fill: var(--app-color-error);
}
mat-icon.icon-error-hover-color:hover svg
{
    fill: var(--app-color-error);
}
mat-icon.icon-success-color svg
{
    fill: var(--app-color-success);
}
mat-icon.icon-success-hover-color:hover svg
{
    fill: var(--app-color-success);
}
mat-icon.icon-white-color
{
    color: var(--app-color-white);
}
mat-icon.icon-white-color svg
{
    fill: var(--app-color-white);
}
mat-icon.icon-white-hover-color:hover svg
{
    fill: var(--app-color-white);
}
app-checkbox .mat-mdc-checkbox
{
    --mdc-checkbox-disabled-selected-icon-color: var(--app-color-secondary-25);
    --mdc-checkbox-disabled-unselected-icon-color: var(--app-color-secondary-25);
}
app-checkbox .mat-mdc-checkbox.mat-primary
{
    --mdc-checkbox-unselected-icon-color: var(--app-color-secondary-75);
    --mdc-checkbox-unselected-focus-icon-color: var(--app-color-secondary);
    --mdc-checkbox-unselected-hover-icon-color: var(--app-color-secondary);
    --mdc-checkbox-unselected-pressed-icon-color: var(--app-color-secondary);
    --mdc-checkbox-selected-checkmark-color: var(--app-color-secondary);
}
app-checkbox .mat-mdc-checkbox.mat-primary.ng-invalid.ng-touched
{
    --mdc-checkbox-unselected-icon-color: var(--app-color-error);
    --mdc-checkbox-unselected-focus-icon-color: var(--app-color-error);
    --mdc-checkbox-unselected-hover-icon-color: var(--app-color-error);
    --mdc-checkbox-unselected-pressed-icon-color: var(--app-color-error);
    --mdc-checkbox-selected-checkmark-color: var(--app-color-white);
}
app-checkbox .mat-mdc-checkbox.mat-warn
{
    --mdc-checkbox-unselected-icon-color: var(--app-color-error);
    --mdc-checkbox-unselected-focus-icon-color: var(--app-color-error);
    --mdc-checkbox-unselected-hover-icon-color: var(--app-color-error);
    --mdc-checkbox-unselected-pressed-icon-color: var(--app-color-error);
    --mdc-checkbox-selected-checkmark-color: var(--app-color-white);
}
app-checkbox .mat-mdc-checkbox:not(.mat-mdc-checkbox-checked)
{
    --mdc-checkbox-disabled-selected-checkmark-color: transparent;
}
app-checkbox .checkbox-label
{
    color: var(--app-color-secondary);
}
app-checkbox .mdc-checkbox__background .mdc-checkbox__mixedmark
{
    width: 1rem;
}
app-checkbox .mdc-checkbox__ripple
{
    display: none;
}
app-checkbox .checkbox-error
{
    margin-left: 4.5rem;
    margin-top: -1rem;
}
.bottom-sheet
{
    max-height: 100%;
    height: calc(100% - 1.8rem);
    overflow: hidden;
    border-radius: 1.2rem 1.2rem 0 0;
}
@media(min-width: 768px)
{
    .bottom-sheet
    {
        height: 100%;
    }
}
.bottom-sheet .page-wrapper.cms
{
    margin: 0 -1.4rem;
}
.bottom-sheet .page-wrapper.cms .page-content-wrapper
{
    max-width: initial;
}
.bottom-sheet .page-wrapper.cms .bottom-sheet-white-header
{
    margin: -10rem -1.6rem 0 0;
}
.bottom-sheet .bottom-sheet-white-header
{
    margin: -10rem -1.6rem 0;
    padding: 10rem 1.6rem 0;
}
.bottom-sheet .mat-bottom-sheet-container
{
    --mat-bottom-sheet-container-background-color: var(--app-color-background);
    --mat-bottom-sheet-container-text-color: var(--app-color-secondary);
    padding: 1.2rem 1.6rem;
    max-height: 100dvh;
}
@media(min-width: 768px)
{
    .bottom-sheet .mat-bottom-sheet-container
    {
        width: 36.3rem;
        min-width: auto;
        min-height: 100dvh;
        position: absolute;
        right: 0;
        display: grid;
        border-radius: 0;
    }
}
.cdk-global-scrollblock
{
    overflow: auto;
}
.bottom-sheet-white-header
{
    display: flex;
    flex-direction: column;
    background: var(--app-color-white);
    gap: .8rem;
}
.bottom-sheet-white-header .desktop-back-button
{
    cursor: pointer;
    display: none;
    align-items: center;
}
.bottom-sheet-white-header .desktop-back-button mat-icon
{
    height: initial;
    width: initial;
}
@media(min-width: 768px)
{
    .bottom-sheet-white-header
    {
        background: transparent;
    }
    .bottom-sheet-white-header .desktop-back-button
    {
        display: flex;
        align-items: center;
    }
}
.cdk-overlay-container .cdk-overlay-dark-backdrop
{
    background-color: var(--app-color-secondary);
}
.cdk-overlay-container .cdk-overlay-dark-backdrop.cdk-overlay-backdrop-showing
{
    opacity: .75;
}
.cdk-overlay-container .cdk-overlay-pane:not(.bottom-sheet)
{
    max-height: 75dvh;
}
.cdk-overlay-container .cdk-overlay-pane .mat-mdc-dialog-container .mdc-dialog__surface
{
    --mdc-dialog-container-shape: 1.2rem;
    box-shadow: 0 0 1rem 0 var(--app-color-box-shadow-primary);
    padding: 1.6rem;
}
.cdk-overlay-container .cdk-overlay-pane .mat-mdc-dialog-container .mdc-dialog__title
{
    color: var(--app-color-secondary);
    margin: 0 0 1rem;
    padding: 0;
}
.cdk-overlay-container .cdk-overlay-pane .mat-mdc-dialog-container .mdc-dialog__title:before
{
    content: "";
    height: 0;
}
.cdk-overlay-container .cdk-overlay-pane .mat-mdc-dialog-container .mdc-dialog__content
{
    padding: 0;
    color: var(--app-color-secondary);
}
.cdk-overlay-container .cdk-overlay-pane .mat-mdc-dialog-container .mdc-dialog__content .custom-content
{
    margin-top: 1.8rem;
}
.cdk-overlay-container .cdk-overlay-pane .mat-mdc-dialog-container .mdc-dialog__content .custom-content__item
{
    margin-bottom: .4rem;
}
.cdk-overlay-container .cdk-overlay-pane .mat-mdc-dialog-container .mdc-dialog__content .custom-content__item__title
{
    color: var(--app-color-secondary-75);
}
.cdk-overlay-container .cdk-overlay-pane .mat-mdc-dialog-container .mdc-dialog__actions
{
    padding: 0;
    margin-top: 2.4rem;
    display: block;
    min-height: auto;
}
.cdk-overlay-container .cdk-overlay-pane .mat-mdc-dialog-container .mdc-dialog__actions app-button button
{
    margin-top: .8rem;
}
.mat-mdc-radio-group .extended
{
    padding: 1.6rem;
    display: block;
    background: var(--app-color-white);
    border-radius: 1.2rem;
    margin-bottom: .8rem;
    box-shadow: 0 0 1rem 0 var(--app-color-box-shadow-secondary);
    border: .2rem solid transparent;
    cursor: pointer;
    transition: border-color .3s ease;
}
@media(min-width: 768px)
{
    .mat-mdc-radio-group .extended
    {
        box-shadow: none;
        border: none;
        padding: 0;
    }
}
.mat-mdc-radio-group .selected
{
    border-color: var(--app-color-primary);
}
.mat-mdc-radio-group .mat-mdc-radio-button.mat-accent
{
    --mdc-radio-unselected-icon-color: var(--app-color-secondary-75);
    --mdc-radio-unselected-hover-icon-color: var(--app-color-secondary);
    --mdc-radio-unselected-focus-icon-color: var(--app-color-secondary);
    --mdc-radio-unselected-pressed-icon-color: var(--app-color-secondary);
    --mdc-radio-disabled-unselected-icon-color: var(--app-color-secondary-25);
    --mdc-radio-disabled-selected-icon-color: var(--app-color-secondary-25);
    --mdc-radio-disabled-selected-icon-opacity: 1;
    --mdc-radio-disabled-unselected-icon-opacity: 1;
    --mat-radio-disabled-label-color: var(--app-color-secondary-25);
}
.mat-mdc-radio-group .mat-mdc-radio-button.mat-accent .mdc-form-field
{
    color: var(--app-color-secondary);
}
.mat-mdc-radio-group .mat-mdc-radio-button.mat-accent .mdc-form-field:hover .mat-radio-ripple .mat-ripple-element
{
    opacity: .1;
}
.mat-mdc-radio-group .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle
{
    --mdc-radio-selected-icon-color: var(--app-color-primary);
    --mdc-radio-selected-focus-icon-color: var(--app-color-primary);
    --mdc-radio-selected-hover-icon-color: var(--app-color-primary);
    --mdc-radio-selected-pressed-icon-color: var(--app-color-primary);
    border-width: .5rem;
}
.mat-mdc-radio-group .mat-mdc-radio-button .mdc-radio:hover .mdc-radio__native-control:not([disabled]):not(:focus)~.mdc-radio__background:before, .mat-mdc-radio-group .mat-mdc-radio-button .mdc-radio:focus .mdc-radio__native-control:not([disabled]):not(:focus)~.mdc-radio__background:before, .mat-mdc-radio-group .mat-mdc-radio-button .mdc-radio:active .mdc-radio__native-control:not([disabled]):not(:focus)~.mdc-radio__background:before
{
    opacity: .1!important;
}
app-select.footer-language-select mat-form-field, app-autocomplete-input.footer-language-select mat-form-field
{
    margin-bottom: 0;
    width: 23rem;
}
app-select.footer-language-select mat-select-trigger, app-autocomplete-input.footer-language-select mat-select-trigger
{
    color: var(--app-color-white);
}
app-select.footer-language-select .mdc-floating-label--float-above, app-autocomplete-input.footer-language-select .mdc-floating-label--float-above
{
    --mdc-outlined-text-field-label-text-color: var(--app-color-white);
}
app-select.footer-language-select .mat-mdc-form-field, app-autocomplete-input.footer-language-select .mat-mdc-form-field
{
    --mdc-outlined-text-field-focus-label-text-color: var(--app-color-white);
    --mdc-outlined-text-field-outline-color: var(--app-color-white-25);
    --mdc-outlined-text-field-hover-outline-color: var(--app-color-white-50);
    --mdc-outlined-text-field-hover-label-text-color: var(--app-color-white);
}
app-select.footer-language-select .mat-mdc-form-field-subscript-wrapper, app-select.footer-language-select .mat-mdc-form-field-bottom-align, app-autocomplete-input.footer-language-select .mat-mdc-form-field-subscript-wrapper, app-autocomplete-input.footer-language-select .mat-mdc-form-field-bottom-align
{
    display: none;
}
app-select mat-form-field, app-autocomplete-input mat-form-field
{
    width: 100%;
    margin-bottom: 1.6rem;
}
app-select .mat-mdc-select, app-autocomplete-input .mat-mdc-select
{
    display: flex;
}
app-select .selection-icon, app-autocomplete-input .selection-icon
{
    position: relative;
    margin-right: 1.6rem;
}
app-select .mat-mdc-select-arrow-wrapper, app-autocomplete-input .mat-mdc-select-arrow-wrapper
{
    display: none;
}
app-select .mdc-floating-label--float-above, app-autocomplete-input .mdc-floating-label--float-above
{
    padding: .2rem;
    --mdc-outlined-text-field-label-text-color: var(--app-color-secondary);
}
app-select .mdc-floating-label:not(.mdc-floating-label--float-above), app-autocomplete-input .mdc-floating-label:not(.mdc-floating-label--float-above)
{
    --mdc-outlined-text-field-label-text-color: var(--app-color-secondary-50);
}
app-select mat-select-trigger, app-autocomplete-input mat-select-trigger
{
    display: flex;
    align-items: center;
    line-height: initial;
    height: 100%;
    color: var(--app-color-secondary);
}
app-select .mat-form-field-disabled mat-select-trigger, app-select .mat-form-field-disabled .mat-mdc-form-field-icon-suffix, app-autocomplete-input .mat-form-field-disabled mat-select-trigger, app-autocomplete-input .mat-form-field-disabled .mat-mdc-form-field-icon-suffix
{
    color: var(--mdc-outlined-text-field-disabled-input-text-color);
}
app-select .mat-mdc-form-field, app-autocomplete-input .mat-mdc-form-field
{
    --mat-mdc-form-field-floating-label-scale: .8;
    --mdc-outlined-text-field-container-shape: .8rem;
    --mdc-outlined-text-field-outline-color: var(--app-color-secondary-25);
    --mdc-outlined-text-field-focus-label-text-color: var(--app-color-secondary);
}
.mat-mdc-option
{
    --mat-option-label-text-color: var(--app-color-secondary);
    --mat-option-label-text-size: 1.6rem;
    --mat-option-label-text-line-height: 1.92rem;
    --mat-option-label-text-weight: 400;
}
.mat-mdc-form-field-infix
{
    display: flex;
    width: 100%!important;
}
.mdc-list-item__primary-text
{
    width: 100%;
}
.app-snack-bar app-snack-bar
{
    display: flex;
    justify-content: space-between;
}
.app-snack-bar .mat-mdc-snack-bar-label
{
    padding: .1rem 0 .1rem 1.6rem;
}
.app-snack-bar .label
{
    display: flex;
    align-items: center;
}
.app-snack-bar .mat-icon
{
    height: 2.4rem;
    width: 2.4rem;
    font-size: 2.4rem;
    cursor: pointer;
    margin: .8rem;
}
app-step-indicator .step-indicator-wrapper
{
    position: relative;
    display: inline-block;
}
app-step-indicator .main-circle
{
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
}
app-step-indicator .outer-circle
{
    position: absolute;
    top: 0;
    left: 0;
    --mdc-circular-progress-active-indicator-color: var(--app-color-background-contrast-primary);
}
app-step-indicator .inner-text
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.2rem;
    font-weight: 700;
    color: var(--app-color-secondary-75);
}
.mat-mdc-tab-group
{
    --mat-tab-header-active-ripple-color: var(--app-color-white);
    --mat-tab-header-inactive-ripple-color: var(--app-color-white);
    --mat-tab-header-inactive-label-text-color: var(--app-color-secondary);
    --mat-tab-header-active-label-text-color: var(--app-color-secondary);
    --mat-tab-header-active-focus-label-text-color: var(--app-color-secondary);
    --mat-tab-header-active-hover-label-text-color: var(--app-color-secondary);
    --mat-tab-header-inactive-focus-label-text-color: var(--app-color-secondary);
    --mat-tab-header-inactive-hover-label-text-color: var(--app-color-secondary);
}
.mat-mdc-tab-header
{
    --mat-tab-header-label-text-size: 1.4rem;
    --mat-tab-header-label-text-weight: 700;
    --mat-tab-header-label-text-line-height: 1.8rem;
    background: var(--app-color-white);
    margin: 0 -1.6rem;
}
.mdc-tab
{
    margin-bottom: -1rem!important;
}
.mdc-tab-indicator
{
    height: 80%!important;
}
.mat-mdc-tab-body-content
{
    overflow: hidden!important;
}
@media(min-width: 768px)
{
    .mat-mdc-tab-header
    {
        background: transparent;
        margin: 0;
    }
}
.mat-mdc-standard-chip
{
    --mdc-chip-label-text-color: var(--app-color-white);
    --mdc-chip-label-text-line-height: 1.2rem;
    --mdc-chip-label-text-size: 1rem;
    --mdc-chip-label-text-weight: 700;
    --mdc-chip-elevated-container-color: var(--app-color-secondary);
    --mdc-chip-container-height: 2.2rem!important;
    --mdc-chip-container-shape-radius: .4rem!important;
}
.mat-mdc-standard-chip .mdc-evolution-chip__action--primary
{
    padding: 0 1.05rem!important;
}
.mat-mdc-standard-chip .mdc-evolution-chip__cell--primary
{
    display: flex;
    justify-content: center;
    align-items: center;
}
.mat-tooltip
{
    white-space: pre-line;
}