.mat-h1, .mat-headline, .mat-typography .mat-h1, .mat-typography .mat-headline, .mat-typography h1
{
    font-size: var(--x-font-size-h1);
    font-weight: var(--x-font-weight-h1);
    line-height: var(--x-line-height-h1,calc(var(--x-font-size-h1) * 1.5));
    font-family: var(--x-font-family-heading);
    letter-spacing: normal;
    margin: 0 0 16px;
}
.mat-h2, .mat-title, .mat-typography .mat-h2, .mat-typography .mat-title, .mat-typography h2
{
    font-size: var(--x-font-size-h2);
    font-weight: var(--x-font-weight-h2);
    line-height: var(--x-line-height-h2,calc(var(--x-font-size-h2) * 1.5));
    font-family: var(--x-font-family-heading);
    letter-spacing: normal;
    margin: 0 0 16px;
}
.mat-h3, .mat-subheading-2, .mat-typography .mat-h3, .mat-typography .mat-subheading-2, .mat-typography h3
{
    font-size: var(--x-font-size-h3);
    font-weight: var(--x-font-weight-h3);
    line-height: var(--x-line-height-h3,calc(var(--x-font-size-h3) * 1.5));
    font-family: var(--x-font-family-heading);
    letter-spacing: normal;
    margin: 0 0 16px;
}
.mat-h4, .mat-subheading-1, .mat-typography .mat-h4, .mat-typography .mat-subheading-1, .mat-typography h4
{
    font-size: var(--x-font-size-h4);
    font-weight: var(--x-font-weight-h4);
    line-height: var(--x-line-height-h4,calc(var(--x-font-size-h4) * 1.5));
    font-family: var(--x-font-family-heading);
    letter-spacing: normal;
    margin: 0 0 16px;
}
.mat-h5, .mat-typography .mat-h5, .mat-typography h5
{
    font: var(--x-font-weight-body) calc(var(--x-font-size-body) * .83)/var(--x-line-height-body,calc(var(--x-font-size-body) * 1.5)) var(--x-font-family-body);
    margin: 0 0 12px;
}
.mat-h6, .mat-typography .mat-h6, .mat-typography h6
{
    font: var(--x-font-weight-body) calc(var(--x-font-size-body) * .67)/var(--x-line-height-body,calc(var(--x-font-size-body) * 1.5)) var(--x-font-family-body);
    margin: 0 0 12px;
}
.mat-body-strong, .mat-body-2, .mat-typography .mat-body-strong, .mat-typography .mat-body-2
{
    font-size: var(--x-font-size-body);
    font-weight: 500;
    line-height: var(--x-line-height-body,calc(var(--x-font-size-body) * 1.5));
    font-family: var(--x-font-family-body);
    letter-spacing: normal;
}
.mat-body, .mat-body-1, .mat-typography .mat-body, .mat-typography .mat-body-1, .mat-typography
{
    font-size: var(--x-font-size-body);
    font-weight: var(--x-font-weight-body);
    line-height: var(--x-line-height-body,calc(var(--x-font-size-body) * 1.5));
    font-family: var(--x-font-family-body);
    letter-spacing: normal;
}
.mat-body p, .mat-body-1 p, .mat-typography .mat-body p, .mat-typography .mat-body-1 p, .mat-typography p
{
    margin: 0 0 12px;
}
.mat-small, .mat-caption, .mat-typography .mat-small, .mat-typography .mat-caption
{
    font-size: var(--x-font-size-caption);
    font-weight: var(--x-font-weight-caption);
    line-height: var(--x-line-height-caption,calc(var(--x-font-size-caption) * 1.5));
    font-family: var(--x-font-family-body);
    letter-spacing: normal;
}
.mat-display-4, .mat-typography .mat-display-4
{
    font-size: 112px;
    font-weight: 300;
    line-height: 112px;
    font-family: var(--x-font-family-body);
    letter-spacing: -.05em;
    margin: 0 0 56px;
}
.mat-display-3, .mat-typography .mat-display-3
{
    font-size: 56px;
    font-weight: 400;
    line-height: 56px;
    font-family: var(--x-font-family-body);
    letter-spacing: -.02em;
    margin: 0 0 64px;
}
.mat-display-2, .mat-typography .mat-display-2
{
    font-size: var(--x-font-size-display2);
    font-weight: var(--x-font-weight-display2);
    line-height: var(--x-line-height-display2,48px);
    font-family: var(--x-font-family-heading);
    letter-spacing: -.005em;
    margin: 0 0 64px;
}
.mat-display-1, .mat-typography .mat-display-1
{
    font-size: var(--x-font-size-display1);
    font-weight: var(--x-font-weight-display1);
    line-height: var(--x-line-height-display1,40px);
    font-family: var(--x-font-family-heading);
    letter-spacing: normal;
    margin: 0 0 64px;
}
html
{
    --mat-badge-text-font: var(--x-font-family-body);
    --mat-badge-text-size: 12px;
    --mat-badge-text-weight: 600;
    --mat-badge-small-size-text-size: 9px;
    --mat-badge-large-size-text-size: 24px;
}
html
{
    --mat-bottom-sheet-container-text-font: var(--x-font-family-body);
    --mat-bottom-sheet-container-text-line-height: var(--x-line-height-body,calc(var(--x-font-size-body) * 1.5));
    --mat-bottom-sheet-container-text-size: var(--x-font-size-body);
    --mat-bottom-sheet-container-text-tracking: normal;
    --mat-bottom-sheet-container-text-weight: var(--x-font-weight-body);
}
html
{
    --mat-legacy-button-toggle-text-font: var(--x-font-family-body);
    --mat-standard-button-toggle-text-font: var(--x-font-family-body);
}
html
{
    --mat-datepicker-calendar-text-font: var(--x-font-family-body);
    --mat-datepicker-calendar-text-size: 13px;
    --mat-datepicker-calendar-body-label-text-size: var(--x-font-size-button);
    --mat-datepicker-calendar-body-label-text-weight: var(--x-font-weight-button);
    --mat-datepicker-calendar-period-button-text-size: var(--x-font-size-button);
    --mat-datepicker-calendar-period-button-text-weight: var(--x-font-weight-button);
    --mat-datepicker-calendar-header-text-size: 11px;
    --mat-datepicker-calendar-header-text-weight: var(--x-font-weight-body);
}
html
{
    --mat-expansion-header-text-font: var(--x-font-family-heading);
    --mat-expansion-header-text-size: var(--x-font-size-h4);
    --mat-expansion-header-text-weight: var(--x-font-weight-h4);
    --mat-expansion-header-text-line-height: inherit;
    --mat-expansion-header-text-tracking: inherit;
    --mat-expansion-container-text-font: var(--x-font-family-body);
    --mat-expansion-container-text-line-height: var(--x-line-height-body,calc(var(--x-font-size-body) * 1.5));
    --mat-expansion-container-text-size: var(--x-font-size-body);
    --mat-expansion-container-text-tracking: normal;
    --mat-expansion-container-text-weight: var(--x-font-weight-body);
}
html
{
    --mat-grid-list-tile-header-primary-text-size: var(--x-font-size-body);
    --mat-grid-list-tile-header-secondary-text-size: var(--x-font-size-caption);
    --mat-grid-list-tile-footer-primary-text-size: var(--x-font-size-body);
    --mat-grid-list-tile-footer-secondary-text-size: var(--x-font-size-caption);
}
html
{
    --mat-stepper-container-text-font: var(--x-font-family-body);
    --mat-stepper-header-label-text-font: var(--x-font-family-body);
    --mat-stepper-header-label-text-size: var(--x-font-size-body);
    --mat-stepper-header-label-text-weight: var(--x-font-weight-body);
    --mat-stepper-header-error-state-label-text-size: var(--x-font-size-body);
    --mat-stepper-header-selected-state-label-text-size: var(--x-font-size-body);
    --mat-stepper-header-selected-state-label-text-weight: 500;
}
html
{
    --mat-toolbar-title-text-font: var(--x-font-family-heading);
    --mat-toolbar-title-text-line-height: var(--x-line-height-h2,calc(var(--x-font-size-h2) * 1.5));
    --mat-toolbar-title-text-size: var(--x-font-size-h2);
    --mat-toolbar-title-text-tracking: normal;
    --mat-toolbar-title-text-weight: var(--x-font-weight-h2);
}
.mat-tree
{
    font-family: var(--x-font-family-body);
}
.mat-tree-node, .mat-nested-tree-node
{
    font-weight: var(--x-font-weight-body);
    font-size: var(--x-font-size-body);
}
.mat-option
{
    font-family: var(--x-font-family-body);
    font-size: var(--x-font-size-h3);
}
.mat-optgroup-label
{
    font-size: var(--x-font-size-body);
    font-weight: 500;
    line-height: var(--x-line-height-body,calc(var(--x-font-size-body) * 1.5));
    font-family: var(--x-font-family-body);
    letter-spacing: normal;
}
.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab
{
    font-family: var(--x-font-family-button);
    font-size: var(--x-font-size-button);
    font-weight: var(--x-font-weight-button);
}
.mat-datepicker-content .mdc-button
{
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-button-font-family,var(--mdc-typography-font-family,var(--x-font-family-button)));
    font-size: var(--mdc-typography-button-font-size,var(--x-font-size-button));
    line-height: var(--mdc-typography-button-line-height,var(--x-line-height-button,var(--x-font-size-button)));
    font-weight: var(--mdc-typography-button-font-weight,var(--x-font-weight-button));
    letter-spacing: var(--mdc-typography-button-letter-spacing,normal);
    -webkit-text-decoration: var(--mdc-typography-button-text-decoration,none);
    text-decoration: var(--mdc-typography-button-text-decoration,none);
    text-transform: var(--mdc-typography-button-text-transform,none);
}
.mat-card
{
    font-family: var(--x-font-family-body);
}
.mat-card-title
{
    font-size: var(--x-font-size-h1);
    font-weight: var(--x-font-weight-h2);
}
.mat-card-header .mat-card-title
{
    font-size: var(--x-font-size-h2);
}
.mat-card-subtitle, .mat-card-content
{
    font-size: var(--x-font-size-body);
}
.mat-tooltip
{
    font-family: var(--x-font-family-body);
    font-size: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.mat-tooltip-handset
{
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
}
input.mat-input-element
{
    margin-top: -.0625em;
}
.mat-form-field
{
    font-size: inherit;
    font-weight: 400;
    line-height: 1.125;
    font-family: var(--x-font-family-body);
    letter-spacing: normal;
}
.mat-form-field-wrapper
{
    padding-bottom: 1.34375em;
}
.mat-form-field-prefix .mat-icon, .mat-form-field-suffix .mat-icon
{
    font-size: 150%;
    line-height: 1.125;
}
.mat-form-field-prefix .mat-icon-button, .mat-form-field-suffix .mat-icon-button
{
    height: 1.5em;
    width: 1.5em;
}
.mat-form-field-prefix .mat-icon-button .mat-icon, .mat-form-field-suffix .mat-icon-button .mat-icon
{
    height: 1.125em;
    line-height: 1.125;
}
.mat-form-field-infix
{
    padding: .5em 0;
    border-top: .84375em solid transparent;
}
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label
{
    transform: translateY(-1.34375em) scale(.75);
    width: 133.3333333333%;
}
.mat-form-field-can-float .mat-input-server[label]+.mat-form-field-label-wrapper .mat-form-field-label
{
    transform: translateY(-1.34374em) scale(.75);
    width: 133.3333433333%;
}
.mat-form-field-label-wrapper
{
    top: -.84375em;
    padding-top: .84375em;
}
.mat-form-field-label
{
    top: 1.34375em;
}
.mat-form-field-underline
{
    bottom: 1.34375em;
}
.mat-form-field-subscript-wrapper
{
    font-size: 75%;
    margin-top: .6666666667em;
    top: calc(100% - 1.7916666667em);
}
.mat-form-field-appearance-legacy .mat-form-field-wrapper
{
    padding-bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-infix
{
    padding: .4375em 0;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label
{
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);
    width: 133.3333333333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label
{
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px);
    width: 133.3333433333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]+.mat-form-field-label-wrapper .mat-form-field-label
{
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px);
    width: 133.3333533333%;
}
.mat-form-field-appearance-legacy .mat-form-field-label
{
    top: 1.28125em;
}
.mat-form-field-appearance-legacy .mat-form-field-underline
{
    bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper
{
    margin-top: .5416666667em;
    top: calc(100% - 1.6666666667em);
}
@media print
{
    .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label
    {
        transform: translateY(-1.28122em) scale(.75);
    }
    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label
    {
        transform: translateY(-1.28121em) scale(.75);
    }
    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]+.mat-form-field-label-wrapper .mat-form-field-label
    {
        transform: translateY(-1.2812em) scale(.75);
    }
}
.mat-form-field-appearance-fill .mat-form-field-infix
{
    padding: .25em 0 .75em;
}
.mat-form-field-appearance-fill .mat-form-field-label
{
    top: 1.09375em;
    margin-top: -.5em;
}
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label
{
    transform: translateY(-.59375em) scale(.75);
    width: 133.3333333333%;
}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]+.mat-form-field-label-wrapper .mat-form-field-label
{
    transform: translateY(-.59374em) scale(.75);
    width: 133.3333433333%;
}
.mat-form-field-appearance-outline .mat-form-field-infix
{
    padding: 1em 0;
}
.mat-form-field-appearance-outline .mat-form-field-label
{
    top: 1.84375em;
    margin-top: -.25em;
}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label
{
    transform: translateY(-1.59375em) scale(.75);
    width: 133.3333333333%;
}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]+.mat-form-field-label-wrapper .mat-form-field-label
{
    transform: translateY(-1.59374em) scale(.75);
    width: 133.3333433333%;
}
.mat-select
{
    font-family: var(--x-font-family-body);
}
.mat-select-trigger
{
    height: 1.125em;
}
.mat-checkbox
{
    font-family: var(--x-font-family-body);
}
.mat-checkbox-layout .mat-checkbox-label
{
    line-height: var(--x-line-height-body,calc(var(--x-font-size-body) * 1.5));
}
.mat-dialog-title
{
    font-size: var(--x-font-size-h2);
    font-weight: var(--x-font-weight-h2);
    line-height: var(--x-line-height-h2,calc(var(--x-font-size-h2) * 1.5));
    font-family: var(--x-font-family-heading);
    letter-spacing: normal;
}
.mat-chip
{
    font-size: var(--x-font-size-body);
    font-weight: 500;
}
.mat-chip .mat-chip-trailing-icon.mat-icon, .mat-chip .mat-chip-remove.mat-icon
{
    font-size: 18px;
}
.mat-slide-toggle-content, .mat-tab-group
{
    font-family: var(--x-font-family-body);
}
.mat-tab-label, .mat-tab-link
{
    font-family: var(--x-font-family-button);
    font-size: var(--x-font-size-button);
    font-weight: var(--x-font-weight-button);
}
.mat-radio-button
{
    font-family: var(--x-font-family-body);
}
.mat-slider-thumb-label-text
{
    font-family: var(--x-font-family-body);
    font-size: var(--x-font-size-caption);
    font-weight: 500;
}
.mat-menu-item
{
    font-family: var(--x-font-family-body);
    font-size: var(--x-font-size-body);
    font-weight: var(--x-font-weight-body);
}
.mat-list-item, .mat-list-option
{
    font-family: var(--x-font-family-body);
}
.mat-list-base .mat-list-item
{
    font-size: var(--x-font-size-h3);
}
.mat-list-base .mat-list-item .mat-line
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box;
}
.mat-list-base .mat-list-item .mat-line:nth-child(n+2)
{
    font-size: var(--x-font-size-body);
}
.mat-list-base .mat-list-option
{
    font-size: var(--x-font-size-h3);
}
.mat-list-base .mat-list-option .mat-line
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box;
}
.mat-list-base .mat-list-option .mat-line:nth-child(n+2)
{
    font-size: var(--x-font-size-body);
}
.mat-list-base .mat-subheader
{
    font-family: var(--x-font-family-body);
    font-size: var(--x-font-size-body);
    font-weight: 500;
}
.mat-list-base[dense] .mat-list-item
{
    font-size: var(--x-font-size-caption);
}
.mat-list-base[dense] .mat-list-item .mat-line
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2)
{
    font-size: var(--x-font-size-caption);
}
.mat-list-base[dense] .mat-list-option
{
    font-size: var(--x-font-size-caption);
}
.mat-list-base[dense] .mat-list-option .mat-line
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2)
{
    font-size: var(--x-font-size-caption);
}
.mat-list-base[dense] .mat-subheader
{
    font-family: var(--x-font-family-body);
    font-size: var(--x-font-size-caption);
    font-weight: 500;
}
.mat-paginator, .mat-paginator-page-size .mat-select-trigger
{
    font-family: var(--x-font-family-body);
    font-size: var(--x-font-size-caption);
}
.mat-simple-snackbar
{
    font-family: var(--x-font-family-body);
    font-size: var(--x-font-size-body);
}
.mat-simple-snackbar-action
{
    line-height: 1;
    font-family: inherit;
    font-size: inherit;
    font-weight: var(--x-font-weight-button);
}
.mat-table
{
    font-family: var(--x-font-family-body);
}
.mat-header-cell
{
    font-size: var(--x-font-size-caption);
    font-weight: 500;
}
.mat-cell, .mat-footer-cell
{
    font-size: var(--x-font-size-body);
}
.mat-ripple
{
    overflow: hidden;
    position: relative;
}
.mat-ripple:not(:empty)
{
    transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded
{
    overflow: visible;
}
.mat-ripple-element
{
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    transition: opacity,transform 0ms cubic-bezier(0,0,.2,1);
    transform: scale3d(0,0,0);
}
.cdk-high-contrast-active .mat-ripple-element
{
    display: none;
}
.cdk-visually-hidden
{
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    left: 0;
}
[dir=rtl] .cdk-visually-hidden
{
    left: auto;
    right: 0;
}
.cdk-overlay-container, .cdk-global-overlay-wrapper
{
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.cdk-overlay-container
{
    position: fixed;
    z-index: 1000;
}
.cdk-overlay-container:empty
{
    display: none;
}
.cdk-global-overlay-wrapper
{
    display: flex;
    position: absolute;
    z-index: 1000;
}
.cdk-overlay-pane
{
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 1000;
    display: flex;
    max-width: 100%;
    max-height: 100%;
}
.cdk-overlay-backdrop
{
    position: absolute;
    inset: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: opacity .4s cubic-bezier(.25,.8,.25,1);
    opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing
{
    opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing
{
    opacity: .6;
}
.cdk-overlay-dark-backdrop
{
    background: #00000052;
}
.cdk-overlay-transparent-backdrop
{
    transition: visibility 1ms linear,opacity 1ms linear;
    visibility: hidden;
    opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing
{
    opacity: 0;
    visibility: visible;
}
.cdk-overlay-backdrop-noop-animation
{
    transition: none;
}
.cdk-overlay-connected-position-bounding-box
{
    position: absolute;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px;
}
.cdk-global-scrollblock
{
    position: fixed;
    width: 100%;
    overflow-y: scroll;
}
textarea.cdk-textarea-autosize
{
    resize: none;
}
textarea.cdk-textarea-autosize-measuring
{
    padding: 2px 0!important;
    box-sizing: content-box!important;
    height: auto!important;
    overflow: hidden!important;
}
textarea.cdk-textarea-autosize-measuring-firefox
{
    padding: 2px 0!important;
    box-sizing: content-box!important;
    height: 0!important;
}
@keyframes cdk-text-field-autofill-start
{
    }
@keyframes cdk-text-field-autofill-end
{
    }
.cdk-text-field-autofill-monitored:-webkit-autofill
{
    animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill)
{
    animation: cdk-text-field-autofill-end 0s 1ms;
}
.mat-focus-indicator
{
    position: relative;
}
.mat-focus-indicator:before
{
    inset: 0;
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    display: var(--mat-focus-indicator-display,none);
    border: var(--mat-focus-indicator-border-width,3px) var(--mat-focus-indicator-border-style,solid) var(--mat-focus-indicator-border-color,transparent);
    border-radius: var(--mat-focus-indicator-border-radius,4px);
}
.mat-focus-indicator:focus:before
{
    content: "";
}
.cdk-high-contrast-active
{
    --mat-focus-indicator-display: block;
}
.mat-mdc-focus-indicator
{
    position: relative;
}
.mat-mdc-focus-indicator:before
{
    inset: 0;
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    display: var(--mat-mdc-focus-indicator-display,none);
    border: var(--mat-mdc-focus-indicator-border-width,3px) var(--mat-mdc-focus-indicator-border-style,solid) var(--mat-mdc-focus-indicator-border-color,transparent);
    border-radius: var(--mat-mdc-focus-indicator-border-radius,4px);
}
.mat-mdc-focus-indicator:focus:before
{
    content: "";
}
.cdk-high-contrast-active
{
    --mat-mdc-focus-indicator-display: block;
}
:root
{
    --mat-table-background-color: var(--x-background-card);
    --mat-table-header-headline-color: var(--x-foreground-text);
    --mat-table-row-item-label-text-color: var(--x-foreground-text);
    --mat-table-row-item-outline-color: var(--x-foreground-divider);
    --mat-table-header-container-height: 56px;
    --mat-table-footer-container-height: 52px;
    --mat-table-row-item-container-height: 52px;
    --x-form-field-color: var(--x-foreground-text);
    --x-casino-game-thumb-footer-height: 40px;
    --x-casino-game-thumb-footer-studio-font-size: 12px;
    --x-casino-game-thumb-footer-title-font-size: 16px;
    --x-casino-game-thumb-footer-title-font-weight: bold;
    --x-casino-game-thumb-overlay-padding: 1rem;
}
:root .mat-option
{
    color: var(--x-foreground-text);
}
:root .mat-option:hover:not(.mat-option-disabled), :root .mat-option:focus:not(.mat-option-disabled)
{
    background: var(--x-background-hover);
}
:root .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled)
{
    background: var(--x-background-hover);
}
:root .mat-option.mat-active
{
    background: var(--x-background-hover);
    color: var(--x-foreground-text);
}
:root .mat-option.mat-option-disabled
{
    color: var(--x-foreground-hint-text);
}
:root .mat-primary .mat-option.mat-selected:not(.mat-option-disabled)
{
    color: var(--x-primary-500);
}
:root .mat-accent .mat-option.mat-selected:not(.mat-option-disabled)
{
    color: var(--x-accent-500);
}
:root .mat-warn .mat-option.mat-selected:not(.mat-option-disabled)
{
    color: #f44336;
}
:root .mat-optgroup-label
{
    color: var(--x-foreground-secondary-text);
}
:root .mat-optgroup-disabled .mat-optgroup-label
{
    color: var(--x-foreground-hint-text);
}
:root .mat-ripple-element
{
    background-color: var(--x-foreground-base);
    opacity: .1;
}
:root .mat-pseudo-checkbox-full
{
    color: var(--x-foreground-secondary-text);
}
:root .mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled
{
    color: #686868;
}
:root .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after, :root .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after
{
    color: var(--x-primary-500);
}
:root .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full, :root .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full
{
    background: var(--x-primary-500);
}
:root .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after, :root .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after
{
    color: var(--x-background-background);
}
:root .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after, :root .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after
{
    color: var(--x-accent-500);
}
:root .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full, :root .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full
{
    background: var(--x-accent-500);
}
:root .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after, :root .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after
{
    color: var(--x-background-background);
}
:root .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after, :root .mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after
{
    color: var(--x-accent-500);
}
:root .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full, :root .mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full
{
    background: var(--x-accent-500);
}
:root .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after, :root .mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after
{
    color: var(--x-background-background);
}
:root .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after, :root .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after
{
    color: #f44336;
}
:root .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full, :root .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full
{
    background: #f44336;
}
:root .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after, :root .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after
{
    color: var(--x-background-background);
}
:root .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after, :root .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after
{
    color: #686868;
}
:root .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full, :root .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full
{
    background: #686868;
}
:root .mat-app-background, :root.mat-app-background
{
    background-color: var(--x-background-background);
    color: var(--x-foreground-text);
}
:root .mat-elevation-z0
{
    box-shadow: 0 0 0 0 var(--x-foreground-elevation),0 0 0 0 var(--x-foreground-elevation),0 0 0 0 var(--x-foreground-elevation);
}
:root .mat-elevation-z1
{
    box-shadow: 0 2px 1px -1px var(--x-foreground-elevation),0 1px 1px 0 var(--x-foreground-elevation),0 1px 3px 0 var(--x-foreground-elevation);
}
:root .mat-elevation-z2
{
    box-shadow: 0 3px 1px -2px var(--x-foreground-elevation),0 2px 2px 0 var(--x-foreground-elevation),0 1px 5px 0 var(--x-foreground-elevation);
}
:root .mat-elevation-z3
{
    box-shadow: 0 3px 3px -2px var(--x-foreground-elevation),0 3px 4px 0 var(--x-foreground-elevation),0 1px 8px 0 var(--x-foreground-elevation);
}
:root .mat-elevation-z4
{
    box-shadow: 0 2px 4px -1px var(--x-foreground-elevation),0 4px 5px 0 var(--x-foreground-elevation),0 1px 10px 0 var(--x-foreground-elevation);
}
:root .mat-elevation-z5
{
    box-shadow: 0 3px 5px -1px var(--x-foreground-elevation),0 5px 8px 0 var(--x-foreground-elevation),0 1px 14px 0 var(--x-foreground-elevation);
}
:root .mat-elevation-z6
{
    box-shadow: 0 3px 5px -1px var(--x-foreground-elevation),0 6px 10px 0 var(--x-foreground-elevation),0 1px 18px 0 var(--x-foreground-elevation);
}
:root .mat-elevation-z7
{
    box-shadow: 0 4px 5px -2px var(--x-foreground-elevation),0 7px 10px 1px var(--x-foreground-elevation),0 2px 16px 1px var(--x-foreground-elevation);
}
:root .mat-elevation-z8
{
    box-shadow: 0 5px 5px -3px var(--x-foreground-elevation),0 8px 10px 1px var(--x-foreground-elevation),0 3px 14px 2px var(--x-foreground-elevation);
}
:root .mat-elevation-z9
{
    box-shadow: 0 5px 6px -3px var(--x-foreground-elevation),0 9px 12px 1px var(--x-foreground-elevation),0 3px 16px 2px var(--x-foreground-elevation);
}
:root .mat-elevation-z10
{
    box-shadow: 0 6px 6px -3px var(--x-foreground-elevation),0 10px 14px 1px var(--x-foreground-elevation),0 4px 18px 3px var(--x-foreground-elevation);
}
:root .mat-elevation-z11
{
    box-shadow: 0 6px 7px -4px var(--x-foreground-elevation),0 11px 15px 1px var(--x-foreground-elevation),0 4px 20px 3px var(--x-foreground-elevation);
}
:root .mat-elevation-z12
{
    box-shadow: 0 7px 8px -4px var(--x-foreground-elevation),0 12px 17px 2px var(--x-foreground-elevation),0 5px 22px 4px var(--x-foreground-elevation);
}
:root .mat-elevation-z13
{
    box-shadow: 0 7px 8px -4px var(--x-foreground-elevation),0 13px 19px 2px var(--x-foreground-elevation),0 5px 24px 4px var(--x-foreground-elevation);
}
:root .mat-elevation-z14
{
    box-shadow: 0 7px 9px -4px var(--x-foreground-elevation),0 14px 21px 2px var(--x-foreground-elevation),0 5px 26px 4px var(--x-foreground-elevation);
}
:root .mat-elevation-z15
{
    box-shadow: 0 8px 9px -5px var(--x-foreground-elevation),0 15px 22px 2px var(--x-foreground-elevation),0 6px 28px 5px var(--x-foreground-elevation);
}
:root .mat-elevation-z16
{
    box-shadow: 0 8px 10px -5px var(--x-foreground-elevation),0 16px 24px 2px var(--x-foreground-elevation),0 6px 30px 5px var(--x-foreground-elevation);
}
:root .mat-elevation-z17
{
    box-shadow: 0 8px 11px -5px var(--x-foreground-elevation),0 17px 26px 2px var(--x-foreground-elevation),0 6px 32px 5px var(--x-foreground-elevation);
}
:root .mat-elevation-z18
{
    box-shadow: 0 9px 11px -5px var(--x-foreground-elevation),0 18px 28px 2px var(--x-foreground-elevation),0 7px 34px 6px var(--x-foreground-elevation);
}
:root .mat-elevation-z19
{
    box-shadow: 0 9px 12px -6px var(--x-foreground-elevation),0 19px 29px 2px var(--x-foreground-elevation),0 7px 36px 6px var(--x-foreground-elevation);
}
:root .mat-elevation-z20
{
    box-shadow: 0 10px 13px -6px var(--x-foreground-elevation),0 20px 31px 3px var(--x-foreground-elevation),0 8px 38px 7px var(--x-foreground-elevation);
}
:root .mat-elevation-z21
{
    box-shadow: 0 10px 13px -6px var(--x-foreground-elevation),0 21px 33px 3px var(--x-foreground-elevation),0 8px 40px 7px var(--x-foreground-elevation);
}
:root .mat-elevation-z22
{
    box-shadow: 0 10px 14px -6px var(--x-foreground-elevation),0 22px 35px 3px var(--x-foreground-elevation),0 8px 42px 7px var(--x-foreground-elevation);
}
:root .mat-elevation-z23
{
    box-shadow: 0 11px 14px -7px var(--x-foreground-elevation),0 23px 36px 3px var(--x-foreground-elevation),0 9px 44px 8px var(--x-foreground-elevation);
}
:root .mat-elevation-z24
{
    box-shadow: 0 11px 15px -7px var(--x-foreground-elevation),0 24px 38px 3px var(--x-foreground-elevation),0 9px 46px 8px var(--x-foreground-elevation);
}
.mat-theme-loaded-marker
{
    display: none;
}
:root .mat-autocomplete-panel
{
    background: var(--x-background-card);
    color: var(--x-foreground-text);
}
:root .mat-autocomplete-panel:not([class*=mat-elevation-z])
{
    box-shadow: 0 2px 4px -1px var(--x-foreground-elevation),0 4px 5px 0 var(--x-foreground-elevation),0 1px 10px 0 var(--x-foreground-elevation);
}
:root .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover)
{
    background: var(--x-background-card);
}
:root .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled)
{
    color: var(--x-foreground-text);
}
:root .mat-badge
{
    position: relative;
}
:root .mat-badge.mat-badge
{
    overflow: visible;
}
:root .mat-badge-content
{
    position: absolute;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    transition: transform .2s ease-in-out;
    transform: scale(.6);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none;
    background-color: var(--mat-badge-background-color);
    color: var(--mat-badge-text-color);
    font-family: Roboto,sans-serif;
    font-family: var(--mat-badge-text-font,Roboto,sans-serif);
    font-size: 12px;
    font-size: var(--mat-badge-text-size,12px);
    font-weight: 600;
    font-weight: var(--mat-badge-text-weight,600);
}
.cdk-high-contrast-active :root .mat-badge-content
{
    outline: solid 1px;
    border-radius: 0;
}
:root .mat-badge-disabled .mat-badge-content
{
    background-color: var(--mat-badge-disabled-state-background-color);
    color: var(--mat-badge-disabled-state-text-color);
}
:root .mat-badge-hidden .mat-badge-content
{
    display: none;
}
:root .ng-animate-disabled .mat-badge-content, :root .mat-badge-content._mat-animation-noopable
{
    transition: none;
}
:root .mat-badge-content.mat-badge-active
{
    transform: none;
}
:root .mat-badge-small .mat-badge-content
{
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 9px;
    font-size: var(--mat-badge-small-size-text-size,9px);
}
:root .mat-badge-small.mat-badge-above .mat-badge-content
{
    top: -8px;
}
:root .mat-badge-small.mat-badge-below .mat-badge-content
{
    bottom: -8px;
}
:root .mat-badge-small.mat-badge-before .mat-badge-content
{
    left: -16px;
}
[dir=rtl] :root .mat-badge-small.mat-badge-before .mat-badge-content
{
    left: auto;
    right: -16px;
}
:root .mat-badge-small.mat-badge-after .mat-badge-content
{
    right: -16px;
}
[dir=rtl] :root .mat-badge-small.mat-badge-after .mat-badge-content
{
    right: auto;
    left: -16px;
}
:root .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content
{
    left: -8px;
}
[dir=rtl] :root .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content
{
    left: auto;
    right: -8px;
}
:root .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content
{
    right: -8px;
}
[dir=rtl] :root .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content
{
    right: auto;
    left: -8px;
}
:root .mat-badge-medium .mat-badge-content
{
    width: 22px;
    height: 22px;
    line-height: 22px;
}
:root .mat-badge-medium.mat-badge-above .mat-badge-content
{
    top: -11px;
}
:root .mat-badge-medium.mat-badge-below .mat-badge-content
{
    bottom: -11px;
}
:root .mat-badge-medium.mat-badge-before .mat-badge-content
{
    left: -22px;
}
[dir=rtl] :root .mat-badge-medium.mat-badge-before .mat-badge-content
{
    left: auto;
    right: -22px;
}
:root .mat-badge-medium.mat-badge-after .mat-badge-content
{
    right: -22px;
}
[dir=rtl] :root .mat-badge-medium.mat-badge-after .mat-badge-content
{
    right: auto;
    left: -22px;
}
:root .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content
{
    left: -11px;
}
[dir=rtl] :root .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content
{
    left: auto;
    right: -11px;
}
:root .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content
{
    right: -11px;
}
[dir=rtl] :root .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content
{
    right: auto;
    left: -11px;
}
:root .mat-badge-large .mat-badge-content
{
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 24px;
    font-size: var(--mat-badge-large-size-text-size,24px);
}
:root .mat-badge-large.mat-badge-above .mat-badge-content
{
    top: -14px;
}
:root .mat-badge-large.mat-badge-below .mat-badge-content
{
    bottom: -14px;
}
:root .mat-badge-large.mat-badge-before .mat-badge-content
{
    left: -28px;
}
[dir=rtl] :root .mat-badge-large.mat-badge-before .mat-badge-content
{
    left: auto;
    right: -28px;
}
:root .mat-badge-large.mat-badge-after .mat-badge-content
{
    right: -28px;
}
[dir=rtl] :root .mat-badge-large.mat-badge-after .mat-badge-content
{
    right: auto;
    left: -28px;
}
:root .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content
{
    left: -14px;
}
[dir=rtl] :root .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content
{
    left: auto;
    right: -14px;
}
:root .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content
{
    right: -14px;
}
[dir=rtl] :root .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content
{
    right: auto;
    left: -14px;
}
:root
{
    --mat-badge-background-color: var(--x-primary-500);
    --mat-badge-disabled-state-background-color: var(--x-foreground-disabled-button);
    --mat-badge-disabled-state-text-color: var(--x-foreground-disabled-text);
}
:root .mat-badge-accent
{
    --mat-badge-background-color: var(--x-accent-500);
    --mat-badge-text-color: var(--x-accent-contrast-500);
}
:root .mat-badge-warn
{
    --mat-badge-background-color: #f44336;
    --mat-badge-text-color: #fff;
}
:root
{
    --mat-bottom-sheet-container-text-color: var(--x-foreground-text);
    --mat-bottom-sheet-container-background-color: var(--x-background-dialog);
}
:root .mat-mdc-button.mat-unthemed
{
    --mdc-text-button-label-text-color: #fff;
}
:root .mat-mdc-button.mat-primary
{
    --mdc-text-button-label-text-color: var(--x-primary-500);
}
:root .mat-mdc-button.mat-accent
{
    --mdc-text-button-label-text-color: var(--x-accent-500);
}
:root .mat-mdc-button.mat-warn
{
    --mdc-text-button-label-text-color: #f44336;
}
:root .mat-mdc-button[disabled][disabled]
{
    --mdc-text-button-disabled-label-text-color: rgba(255,255,255,.5);
    --mdc-text-button-label-text-color: rgba(255,255,255,.5);
}
:root .mat-mdc-unelevated-button.mat-unthemed
{
    --mdc-filled-button-container-color: var(--x-background-card);
    --mdc-filled-button-label-text-color: #fff;
}
:root .mat-mdc-unelevated-button.mat-primary
{
    --mdc-filled-button-container-color: var(--x-primary-500);
    --mdc-filled-button-label-text-color: #fff;
}
:root .mat-mdc-unelevated-button.mat-accent
{
    --mdc-filled-button-container-color: var(--x-accent-500);
    --mdc-filled-button-label-text-color: #fff;
}
:root .mat-mdc-unelevated-button.mat-warn
{
    --mdc-filled-button-container-color: #f44336;
    --mdc-filled-button-label-text-color: #fff;
}
:root .mat-mdc-unelevated-button[disabled][disabled]
{
    --mdc-filled-button-disabled-container-color: rgba(255,255,255,.12);
    --mdc-filled-button-disabled-label-text-color: rgba(255,255,255,.5);
    --mdc-filled-button-container-color: rgba(255,255,255,.12);
    --mdc-filled-button-label-text-color: rgba(255,255,255,.5);
}
:root .mat-mdc-raised-button.mat-unthemed
{
    --mdc-protected-button-container-color: var(--x-background-card);
    --mdc-protected-button-label-text-color: #fff;
}
:root .mat-mdc-raised-button.mat-primary
{
    --mdc-protected-button-container-color: var(--x-primary-500);
    --mdc-protected-button-label-text-color: #fff;
}
:root .mat-mdc-raised-button.mat-accent
{
    --mdc-protected-button-container-color: var(--x-accent-500);
    --mdc-protected-button-label-text-color: #fff;
}
:root .mat-mdc-raised-button.mat-warn
{
    --mdc-protected-button-container-color: #f44336;
    --mdc-protected-button-label-text-color: #fff;
}
:root .mat-mdc-raised-button[disabled][disabled]
{
    --mdc-protected-button-disabled-container-color: rgba(255,255,255,.12);
    --mdc-protected-button-disabled-label-text-color: rgba(255,255,255,.5);
    --mdc-protected-button-container-color: rgba(255,255,255,.12);
    --mdc-protected-button-label-text-color: rgba(255,255,255,.5);
    --mdc-protected-button-container-elevation: 0;
}
:root .mat-mdc-outlined-button
{
    --mdc-outlined-button-outline-color: rgba(255,255,255,.12);
}
:root .mat-mdc-outlined-button.mat-unthemed
{
    --mdc-outlined-button-label-text-color: #fff;
}
:root .mat-mdc-outlined-button.mat-primary
{
    --mdc-outlined-button-label-text-color: var(--x-primary-500);
}
:root .mat-mdc-outlined-button.mat-accent
{
    --mdc-outlined-button-label-text-color: var(--x-accent-500);
}
:root .mat-mdc-outlined-button.mat-warn
{
    --mdc-outlined-button-label-text-color: #f44336;
}
:root .mat-mdc-outlined-button[disabled][disabled]
{
    --mdc-outlined-button-label-text-color: rgba(255,255,255,.5);
    --mdc-outlined-button-disabled-label-text-color: rgba(255,255,255,.5);
    --mdc-outlined-button-outline-color: rgba(255,255,255,.12);
    --mdc-outlined-button-disabled-outline-color: rgba(255,255,255,.12);
}
:root .mat-mdc-button, :root .mat-mdc-outlined-button
{
    --mat-mdc-button-persistent-ripple-color: #fff;
    --mat-mdc-button-ripple-color: rgba(255,255,255,.1);
}
:root .mat-mdc-button:hover .mat-mdc-button-persistent-ripple:before, :root .mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple:before
{
    opacity: .08;
}
:root .mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before, :root .mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before, :root .mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before, :root .mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before
{
    opacity: .24;
}
:root .mat-mdc-button:active .mat-mdc-button-persistent-ripple:before, :root .mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple:before
{
    opacity: .24;
}
:root .mat-mdc-button.mat-primary, :root .mat-mdc-outlined-button.mat-primary
{
    --mat-mdc-button-persistent-ripple-color: var(--x-primary-500);
    --mat-mdc-button-ripple-color: rgba(var(--x-primary-500),.1);
}
:root .mat-mdc-button.mat-accent, :root .mat-mdc-outlined-button.mat-accent
{
    --mat-mdc-button-persistent-ripple-color: var(--x-accent-500);
    --mat-mdc-button-ripple-color: rgba(var(--x-accent-500),.1);
}
:root .mat-mdc-button.mat-warn, :root .mat-mdc-outlined-button.mat-warn
{
    --mat-mdc-button-persistent-ripple-color: #f44336;
    --mat-mdc-button-ripple-color: rgba(244,67,54,.1);
}
:root .mat-mdc-raised-button, :root .mat-mdc-unelevated-button
{
    --mat-mdc-button-persistent-ripple-color: #fff;
    --mat-mdc-button-ripple-color: rgba(255,255,255,.1);
}
:root .mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple:before, :root .mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple:before
{
    opacity: .08;
}
:root .mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before, :root .mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before, :root .mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before, :root .mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before
{
    opacity: .24;
}
:root .mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple:before, :root .mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple:before
{
    opacity: .24;
}
:root .mat-mdc-raised-button.mat-primary, :root .mat-mdc-unelevated-button.mat-primary
{
    --mat-mdc-button-persistent-ripple-color: #fff;
    --mat-mdc-button-ripple-color: rgba(255,255,255,.1);
}
:root .mat-mdc-raised-button.mat-accent, :root .mat-mdc-unelevated-button.mat-accent
{
    --mat-mdc-button-persistent-ripple-color: #fff;
    --mat-mdc-button-ripple-color: rgba(255,255,255,.1);
}
:root .mat-mdc-raised-button.mat-warn, :root .mat-mdc-unelevated-button.mat-warn
{
    --mat-mdc-button-persistent-ripple-color: #fff;
    --mat-mdc-button-ripple-color: rgba(255,255,255,.1);
}
:root .mat-mdc-button.mat-mdc-button-base, :root .mat-mdc-raised-button.mat-mdc-button-base, :root .mat-mdc-unelevated-button.mat-mdc-button-base, :root .mat-mdc-outlined-button.mat-mdc-button-base
{
    height: 36px;
}
:root
{
    --mat-legacy-button-toggle-text-color: var(--x-foreground-hint-text);
    --mat-legacy-button-toggle-state-layer-color: var(--x-background-focused-button);
    --mat-legacy-button-toggle-selected-state-text-color: var(--x-foreground-secondary-text);
    --mat-legacy-button-toggle-selected-state-background-color: var(--x-background-selected-button);
    --mat-legacy-button-toggle-disabled-state-text-color: var(--x-foreground-disabled-button);
    --mat-legacy-button-toggle-disabled-state-background-color: var(--x-background-disabled-button-toggle);
    --mat-legacy-button-toggle-disabled-selected-state-background-color: var(--x-background-selected-disabled-button);
    --mat-standard-button-toggle-text-color: var(--x-foreground-text);
    --mat-standard-button-toggle-background-color: var(--x-background-card);
    --mat-standard-button-toggle-state-layer-color: var(--x-background-focused-button);
    --mat-standard-button-toggle-selected-state-background-color: var(--x-background-selected-button);
    --mat-standard-button-toggle-selected-state-text-color: var(--x-foreground-text);
    --mat-standard-button-toggle-disabled-state-text-color: var(--x-foreground-disabled-button);
    --mat-standard-button-toggle-disabled-state-background-color: var(--x-background-card);
    --mat-standard-button-toggle-disabled-selected-state-text-color: var(--x-foreground-text);
    --mat-standard-button-toggle-disabled-selected-state-background-color: var(--x-background-selected-disabled-button);
    --mat-standard-button-toggle-divider-color: var(--x-foreground-divider);
}
:root
{
    --mat-standard-button-toggle-height: 48px;
}
:root .mat-mdc-card
{
    --mdc-elevated-card-container-color: var(--x-background-card);
    --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(var(--x-foreground-elevation),.2),0px 1px 1px 0px rgba(var(--x-foreground-elevation),.14),0px 1px 3px 0px rgba(var(--x-foreground-elevation),.12);
    --mdc-outlined-card-container-color: var(--x-background-card);
    --mdc-outlined-card-outline-color: var(--x-foreground-base);
    --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(var(--x-foreground-elevation),.2),0px 0px 0px 0px rgba(var(--x-foreground-elevation),.14),0px 0px 0px 0px rgba(var(--x-foreground-elevation),.12);
    --mat-card-subtitle-text-color: var(--x-foreground-secondary-text);
}
:root .mat-checkbox-frame
{
    border-color: var(--x-foreground-secondary-text);
}
:root .mat-checkbox-checkmark
{
    fill: var(--x-background-background);
}
:root .mat-checkbox-checkmark-path
{
    stroke: var(--x-background-background)!important;
}
:root .mat-checkbox-mixedmark
{
    background-color: var(--x-background-background);
}
:root .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, :root .mat-checkbox-checked.mat-primary .mat-checkbox-background
{
    background-color: var(--x-primary-500);
}
:root .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, :root .mat-checkbox-checked.mat-accent .mat-checkbox-background
{
    background-color: var(--x-accent-500);
}
:root .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, :root .mat-checkbox-checked.mat-warn .mat-checkbox-background
{
    background-color: #f44336;
}
:root .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, :root .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background
{
    background-color: #686868;
}
:root .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame
{
    border-color: #686868;
}
:root .mat-checkbox-disabled .mat-checkbox-label
{
    color: var(--x-foreground-disabled);
}
:root .mat-checkbox .mat-ripple-element
{
    background-color: var(--x-foreground-base);
}
:root .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, :root .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element
{
    background: var(--x-primary-500);
}
:root .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, :root .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element
{
    background: var(--x-accent-500);
}
:root .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, :root .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element
{
    background: #f44336;
}
:root .mat-chip.mat-standard-chip
{
    background-color: var(--x-background-unselected-chip);
    color: var(--x-foreground-text);
}
:root .mat-chip.mat-standard-chip .mat-chip-remove
{
    color: var(--x-foreground-text);
    opacity: .4;
}
:root .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active
{
    box-shadow: 0 3px 3px -2px var(--x-foreground-elevation),0 3px 4px 0 var(--x-foreground-elevation),0 1px 8px 0 var(--x-foreground-elevation);
}
:root .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover
{
    opacity: .54;
}
:root .mat-chip.mat-standard-chip.mat-chip-disabled
{
    opacity: .4;
}
:root .mat-chip.mat-standard-chip:after
{
    background: var(--x-foreground-base);
}
:root .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary
{
    background-color: var(--x-primary-500);
}
:root .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove
{
    opacity: .4;
}
:root .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element
{
    opacity: .1;
}
:root .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn
{
    background-color: #f44336;
    color: #fff;
}
:root .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove
{
    color: #fff;
    opacity: .4;
}
:root .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element
{
    background-color: #ffffff1a;
}
:root .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent
{
    background-color: var(--x-accent-500);
    color: var(--x-accent-contrast-500);
}
:root .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove
{
    color: var(--x-accent-contrast-500);
    opacity: .4;
}
:root .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element
{
    background-color: var(--x-accent-contrast-500);
    opacity: .1;
}
:root
{
    --mat-datepicker-calendar-date-selected-state-background-color: var(--x-primary-500);
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: var(--x-foreground-disabled-button);
    --mat-datepicker-calendar-date-focus-state-background-color: var(--x-primary-500);
    --mat-datepicker-calendar-date-hover-state-background-color: var(--x-primary-500);
    --mat-datepicker-toggle-active-state-icon-color: var(--x-primary-500);
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--x-primary-500),.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: var(--x-foreground-icon);
    --mat-datepicker-calendar-body-label-text-color: var(--x-foreground-secondary-text);
    --mat-datepicker-calendar-period-button-icon-color: var(--x-foreground-icon);
    --mat-datepicker-calendar-navigation-button-icon-color: var(--x-foreground-icon);
    --mat-datepicker-calendar-header-divider-color: var(--x-foreground-divider);
    --mat-datepicker-calendar-header-text-color: var(--x-foreground-secondary-text);
    --mat-datepicker-calendar-date-today-outline-color: var(--x-foreground-hint-text);
    --mat-datepicker-calendar-date-today-disabled-state-outline-color: var(--x-foreground-disabled-text);
    --mat-datepicker-calendar-date-text-color: var(--x-foreground-text);
    --mat-datepicker-calendar-date-outline-color: transparent;
    --mat-datepicker-calendar-date-disabled-state-text-color: var(--x-foreground-disabled-text);
    --mat-datepicker-calendar-date-preview-state-outline-color: var(--x-foreground-divider);
    --mat-datepicker-range-input-separator-color: var(--x-foreground-text);
    --mat-datepicker-range-input-disabled-state-separator-color: var(--x-foreground-disabled-text);
    --mat-datepicker-range-input-disabled-state-text-color: var(--x-foreground-disabled-text);
    --mat-datepicker-calendar-container-background-color: var(--x-background-card);
    --mat-datepicker-calendar-container-text-color: var(--x-foreground-text);
}
:root .mat-datepicker-content.mat-accent
{
    --mat-datepicker-calendar-date-selected-state-text-color: var(--x-accent-contrast-500);
    --mat-datepicker-calendar-date-selected-state-background-color: var(--x-accent-500);
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: var(--x-foreground-disabled-button);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--x-accent-contrast-500);
    --mat-datepicker-calendar-date-focus-state-background-color: var(--x-accent-500);
    --mat-datepicker-calendar-date-hover-state-background-color: var(--x-accent-500);
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--x-accent-500),.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;
}
:root .mat-datepicker-content.mat-warn
{
    --mat-datepicker-calendar-date-selected-state-text-color: #fff;
    --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244,67,54,.4);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: #fff;
    --mat-datepicker-calendar-date-focus-state-background-color: rgba(244,67,54,.3);
    --mat-datepicker-calendar-date-hover-state-background-color: rgba(244,67,54,.3);
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244,67,54,.2);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249,171,0,.2);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
:root .mat-datepicker-toggle-active.mat-accent
{
    --mat-datepicker-toggle-active-state-icon-color: var(--x-accent-500);
}
:root .mat-datepicker-toggle-active.mat-warn
{
    --mat-datepicker-toggle-active-state-icon-color: #f44336;
}
:root .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;
}
:root .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target
{
    display: none;
}
:root .dob-select-day, :root .dob-select-month
{
    width: calc(33.33% - 5px);
    margin-right: 7px;
}
:root .dob-select-year
{
    width: calc(33.33% - 5px);
    float: right;
}
:root .mat-error-dob
{
    margin-top: calc(var(--x-form-field-padding-bottom,1.34375em) * -1);
    font-size: 75%;
}
:root .mat-datetimepicker-calendar-header
{
    background-color: var(--x-primary-500);
}
:root .mat-datetimepicker-calendar-body-cell-content.mat-datetimepicker-calendar-body-selected
{
    background-color: var(--x-primary-500);
    color: #fff;
}
:root .mat-datetimepicker-calendar-body-cell-content.mat-datetimepicker-calendar-body-disabled>.mat-datetimepicker-calendar-body-selected
{
    background-color: rgba(var(--x-primary-500),.4);
}
:root .mat-datetimepicker-calendar-body-cell-content.mat-datetimepicker-calendar-body-today:not(.mat-datetimepicker-calendar-body-selected)
{
    border-color: var(--x-primary-500);
}
:root .mat-datetimepicker-calendar-body-cell-content.mat-datetimepicker-calendar-body-today.mat-datetimepicker-calendar-body-selected
{
    box-shadow: inset 0 0 0 1px;
}
:root .mat-datetimepicker-clock-center
{
    background-color: var(--x-primary-500);
}
:root .mat-datetimepicker-clock-hand
{
    background-color: var(--x-primary-500);
}
:root .mat-datetimepicker-clock-hand:before
{
    background-color: var(--x-primary-500);
}
:root .mat-datetimepicker-clock-cell.mat-datetimepicker-clock-cell-selected
{
    background-color: var(--x-primary-500);
}
:root .mat-mdc-dialog-container
{
    --mdc-dialog-container-color: var(--x-background-dialog);
    --mdc-dialog-subhead-color: rgba(255,255,255,.87);
    --mdc-dialog-supporting-text-color: rgba(255,255,255,.6);
}
:root
{
    --mat-divider-color: var(--x-foreground-divider);
}
:root
{
    --mat-expansion-container-background-color: var(--x-background-card);
    --mat-expansion-container-text-color: var(--x-foreground-text);
    --mat-expansion-actions-divider-color: var(--x-foreground-divider);
    --mat-expansion-header-hover-state-layer-color: var(--x-background-hover);
    --mat-expansion-header-focus-state-layer-color: var(--x-background-hover);
    --mat-expansion-header-disabled-state-text-color: var(--x-foreground-disabled-button);
    --mat-expansion-header-text-color: var(--x-foreground-text);
    --mat-expansion-header-description-color: var(--x-foreground-secondary-text);
    --mat-expansion-header-indicator-color: var(--x-foreground-secondary-text);
}
:root
{
    --mat-expansion-header-collapsed-state-height: 48px;
    --mat-expansion-header-expanded-state-height: 64px;
}
:root x-expansion-panel, :root .mat-expansion-panel
{
    --mat-expansion-container-shape: var(--x-expansion-panel-border-radius,4px);
    background: var(--x-background-expansion-panel);
    color: var(--x-expansion-panel-color,var(--x-foreground-text));
    margin-bottom: var(--x-expansion-margin-bottom,.5rem);
    border-bottom: var(--x-expansion-panel-border-bottom,none);
}
:root x-expansion-panel:not([class*=mat-elevation-z]), :root .mat-expansion-panel:not([class*=mat-elevation-z])
{
    box-shadow: var(--x-expansion-panel-box-shadow,0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12));
}
:root x-expansion-panel.mat-expansion-panel-spacing, :root .mat-expansion-panel.mat-expansion-panel-spacing
{
    margin: var(--x-expansion-panel-spacing,1rem 0);
}
:root x-expansion-panel:first-of-type, :root .mat-expansion-panel:first-of-type
{
    border-top: var(--x-expansion-panel-border-top,none);
    border-top-left-radius: var(--mat-expansion-container-shape);
    border-top-right-radius: var(--mat-expansion-container-shape);
}
:root x-expansion-panel:last-of-type, :root .mat-expansion-panel:last-of-type
{
    border-bottom-left-radius: var(--mat-expansion-container-shape);
    border-bottom-right-radius: var(--mat-expansion-container-shape);
}
:root x-expansion-panel-header, :root .mat-expansion-panel-header
{
    height: var(--x-expansion-panel-header-height,36px);
    padding: var(--x-expansion-panel-header-padding,0 24px);
    font-family: var(--x-expansion-panel-header-font-family);
    font-weight: var(--x-expansion-panel-header-font-weight);
    font-size: var(--x-expansion-panel-header-font-size);
}
:root x-expansion-panel-header.mat-expanded, :root .mat-expansion-panel-header.mat-expanded
{
    height: var(--x-expansion-panel-header-height,48px);
}
:root x-expansion-panel-header-title, :root .mat-expansion-panel-header-title
{
    color: var(--x-foreground-expansion-panel);
}
:root x-expansion-panel-header-description, :root .mat-expansion-panel-header-description
{
    color: var(--x-foreground-secondary-text);
}
:root x-expansion-panel .mat-expansion-indicator:after, :root .mat-expansion-panel .mat-expansion-indicator:after
{
    border-width: var(--x-expansion-panel-indicator-border-width,0 2px 2px 0);
    padding: var(--x-expansion-panel-indicator-padding,3px);
    color: var(--x-foreground-expansion-panel);
}
:root .mat-form-field-label
{
    color: var(--x-foreground-secondary-text);
}
:root .mat-hint
{
    color: var(--x-foreground-secondary-text);
}
:root .mat-form-field.mat-focused .mat-form-field-label
{
    color: var(--x-primary-500);
}
:root .mat-form-field.mat-focused .mat-form-field-label.mat-accent
{
    color: var(--x-accent-500);
}
:root .mat-form-field.mat-focused .mat-form-field-label.mat-warn
{
    color: #f44336;
}
:root .mat-focused .mat-form-field-required-marker
{
    color: var(--x-accent-500);
}
:root .mat-form-field-ripple
{
    background-color: var(--x-foreground-divider);
}
:root .mat-form-field.mat-focused .mat-form-field-ripple
{
    background-color: var(--x-primary-500);
}
:root .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent
{
    background-color: var(--x-accent-500);
}
:root .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn
{
    background-color: #f44336;
}
:root .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix:after
{
    color: var(--x-primary-500);
}
:root .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix:after
{
    color: var(--x-accent-500);
}
:root .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix:after
{
    color: #f44336;
}
:root .mat-form-field.mat-form-field-invalid .mat-form-field-label
{
    color: #f44336;
}
:root .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, :root .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker
{
    color: #f44336;
}
:root .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, :root .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent
{
    background-color: #f44336;
}
:root .mat-error
{
    color: #f44336;
}
:root .mat-form-field-appearance-legacy .mat-form-field-label
{
    color: var(--x-foreground-secondary-text);
}
:root .mat-form-field-appearance-legacy .mat-hint
{
    color: var(--x-foreground-secondary-text);
}
:root .mat-form-field-appearance-legacy .mat-form-field-underline
{
    background-color: var(--x-foreground-divider);
}
:root .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline
{
    background-image: linear-gradient(to right,var(--x-foreground-divider) 0%,var(--x-foreground-divider) 33%,transparent 0%);
    background-size: 4px 100%;
    background-repeat: repeat-x;
}
:root .mat-form-field-appearance-standard .mat-form-field-underline
{
    background-color: var(--x-foreground-divider);
}
:root .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline
{
    background-image: linear-gradient(to right,var(--x-foreground-divider) 0%,var(--x-foreground-divider) 33%,transparent 0%);
    background-size: 4px 100%;
    background-repeat: repeat-x;
}
:root .mat-form-field-appearance-fill .mat-form-field-flex
{
    background-color: var(--x-foreground-base);
}
:root .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex
{
    background-color: var(--x-foreground-base);
}
:root .mat-form-field-appearance-fill .mat-form-field-underline:before
{
    background-color: var(--x-foreground-divider);
}
:root .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label
{
    color: var(--x-foreground-disabled-text);
}
:root .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline:before
{
    background-color: transparent;
}
:root .mat-form-field-appearance-outline .mat-form-field-outline
{
    color: var(--x-foreground-divider);
}
:root .mat-form-field-appearance-outline .mat-form-field-outline-thick
{
    color: var(--x-foreground-divider);
}
:root .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick
{
    color: var(--x-primary-500);
}
:root .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick
{
    color: var(--x-accent-500);
}
:root .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick
{
    color: #f44336;
}
:root .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick
{
    color: #f44336;
}
:root .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label
{
    color: var(--x-foreground-disabled-text);
}
:root .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline
{
    color: var(--x-foreground-divider);
}
:root .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper
{
    margin-bottom: var(--x-form-field-margin-bottom,0);
}
:root .mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-subscript-wrapper
{
    padding: var(--x-form-field-subscript-padding,0 1em);
    font-size: var(--x-form-field-subscript-font-size,75%);
    margin-top: var(--x-form-field-subscript-margin-top,.6666666667em);
}
:root .mat-form-field.mat-form-field-appearance-fill .mat-form-field-infix
{
    padding: var(--x-form-field-infix-padding,.25em 0 .75em 0);
}
:root .mat-form-field.mat-form-field-appearance-fill .mat-form-field-flex
{
    color: var(--x-form-field-color);
    background-color: var(--x-form-field-background,var(--x-foreground-base));
    border-radius: var(--x-form-field-border-radius,4px 4px 0 0);
    font-size: var(--x-form-field-font-size,inherit);
    font-weight: var(--x-form-field-font-weight,inherit);
    border: var(--x-form-field-border,none);
    padding: var(--x-form-field-padding,.75em .75em 0 .75em);
}
:root .mat-form-field.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex
{
    background-color: var(--x-form-field-disabled-background,var(--x-foreground-base));
}
:root .mat-form-field .mat-select-value
{
    color: var(--x-form-field-color);
}
:root .mat-form-field.mat-focused .mat-form-field-label, :root .mat-form-field .mat-form-field-label, :root .mat-form-field .mat-select-arrow
{
    color: var(--x-form-field-label-color,var(--x-foreground-secondary-text));
}
:root .mat-form-field.mat-focused .mat-form-field-ripple
{
    background-color: var(--x-form-field-focus-ripple-color,transparent);
}
:root .mat-form-field .mat-input-element
{
    caret-color: var(--x-form-field-input-caret-color,var(--x-form-field-color));
}
:root input:-webkit-autofill, :root input:-webkit-autofill:hover, :root input:-webkit-autofill:focus, :root input:-webkit-autofill:active
{
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: var(--x-form-field-color);
    -webkit-box-shadow: 0 0 0 1000px var(--x-form-field-disabled-background) inset;
}
:root
{
    --mat-icon-color: inherit;
}
:root .mat-icon.mat-primary
{
    --mat-icon-color: var(--x-primary-500);
}
:root .mat-icon.mat-accent
{
    --mat-icon-color: var(--x-accent-500);
}
:root .mat-icon.mat-warn
{
    --mat-icon-color: #f44336;
}
:root .mat-form-field-type-mat-native-select .mat-form-field-infix:after
{
    color: var(--x-foreground-secondary-text);
}
:root .mat-input-element:disabled, :root .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix:after
{
    color: var(--x-foreground-disabled-text);
}
:root .mat-input-element
{
    caret-color: var(--x-primary-500);
}
:root .mat-input-element::placeholder
{
    color: var(--x-foreground-secondary-text);
}
:root .mat-input-element::-moz-placeholder
{
    color: var(--x-foreground-secondary-text);
}
:root .mat-input-element::-webkit-input-placeholder
{
    color: var(--x-foreground-secondary-text);
}
:root .mat-input-element:-ms-input-placeholder
{
    color: var(--x-foreground-secondary-text);
}
:root .mat-input-element:not(.mat-native-select-inline) option
{
    color: #000000de;
}
:root .mat-input-element:not(.mat-native-select-inline) option:disabled
{
    color: #00000061;
}
:root .mat-form-field.mat-accent .mat-input-element
{
    caret-color: var(--x-accent-500);
}
:root .mat-form-field.mat-warn .mat-input-element, :root .mat-form-field-invalid .mat-input-element
{
    caret-color: #f44336;
}
:root .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix:after
{
    color: #f44336;
}
:root .mat-form-field-disabled .mat-form-field-prefix, :root .mat-form-field-disabled .mat-form-field-suffix
{
    color: var(--x-foreground-disabled-text);
}
:root .mat-list-base .mat-list-item
{
    color: var(--x-foreground-text);
}
:root .mat-list-base .mat-list-option
{
    color: var(--x-foreground-text);
}
:root .mat-list-base .mat-subheader
{
    color: var(--x-foreground-secondary-text);
}
:root .mat-list-base .mat-list-item-disabled
{
    background-color: var(--x-background-disabled-list-option);
    color: var(--x-foreground-disabled-text);
}
:root .mat-list-option:hover, :root .mat-list-option:focus, :root .mat-nav-list .mat-list-item:hover, :root .mat-nav-list .mat-list-item:focus, :root .mat-action-list .mat-list-item:hover, :root .mat-action-list .mat-list-item:focus
{
    background: var(--x-background-hover);
}
:root .mat-list-single-selected-option, :root .mat-list-single-selected-option:hover, :root .mat-list-single-selected-option:focus
{
    background: var(--x-background-hover);
}
:root
{
    --mat-menu-item-label-text-color: var(--x-foreground-text);
    --mat-menu-item-icon-color: var(--x-foreground-text);
    --mat-menu-item-hover-state-layer-color: rgba(255,255,255,.08);
    --mat-menu-item-focus-state-layer-color: rgba(255,255,255,.08);
    --mat-menu-container-color: var(--x-background-card);
}
:root .mat-paginator
{
    background: var(--x-background-card);
}
:root .mat-paginator, :root .mat-paginator-page-size .mat-select-trigger
{
    color: var(--x-foreground-secondary-text);
}
:root .mat-paginator-decrement, :root .mat-paginator-increment
{
    border-top: 2px solid var(--x-foreground-icon);
    border-right: 2px solid var(--x-foreground-icon);
}
:root .mat-paginator-first, :root .mat-paginator-last
{
    border-top: 2px solid var(--x-foreground-icon);
}
:root .mat-icon-button[disabled] .mat-paginator-decrement, :root .mat-icon-button[disabled] .mat-paginator-increment, :root .mat-icon-button[disabled] .mat-paginator-first, :root .mat-icon-button[disabled] .mat-paginator-last
{
    border-color: var(--x-foreground-disabled);
}
.mat-paginator-container
{
    min-height: 56px;
}
:root .mat-mdc-progress-bar
{
    --mdc-linear-progress-active-indicator-color: var(--x-primary-500);
    --mdc-linear-progress-track-color: var(--x-primary-500);
}
:root .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots
{
    background-color: var(--x-primary-500);
    background-color: var(--mdc-linear-progress-track-color,var(--x-primary-500));
}
@media(forced-colors: active)
{
    :root .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots
    {
        background-color: ButtonBorder;
    }
}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active)
{
    :root .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots
    {
        background-color: transparent;
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='var(--x-primary-500)'/%3E%3C/svg%3E");
    }
}
:root .mat-mdc-progress-bar .mdc-linear-progress__buffer-bar
{
    background-color: var(--x-primary-500);
    background-color: var(--mdc-linear-progress-track-color,var(--x-primary-500));
}
:root .mat-mdc-progress-bar.mat-accent
{
    --mdc-linear-progress-active-indicator-color: var(--x-accent-500);
    --mdc-linear-progress-track-color: var(--x-accent-500);
}
:root .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots
{
    background-color: var(--x-accent-500);
    background-color: var(--mdc-linear-progress-track-color,var(--x-accent-500));
}
@media(forced-colors: active)
{
    :root .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots
    {
        background-color: ButtonBorder;
    }
}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active)
{
    :root .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots
    {
        background-color: transparent;
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='var(--x-accent-500)'/%3E%3C/svg%3E");
    }
}
:root .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar
{
    background-color: var(--x-accent-500);
    background-color: var(--mdc-linear-progress-track-color,var(--x-accent-500));
}
:root .mat-mdc-progress-bar.mat-warn
{
    --mdc-linear-progress-active-indicator-color: #f44336;
    --mdc-linear-progress-track-color: rgba(244,67,54,.25);
}
@keyframes mdc-linear-progress-buffering
{
    }
:root .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots
{
    background-color: #f4433640;
    background-color: var(--mdc-linear-progress-track-color,rgba(244,67,54,.25));
}
@media(forced-colors: active)
{
    :root .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots
    {
        background-color: ButtonBorder;
    }
}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active)
{
    :root .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots
    {
        background-color: transparent;
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(244, 67, 54, 0.25)'/%3E%3C/svg%3E");
    }
}
:root .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar
{
    background-color: #f4433640;
    background-color: var(--mdc-linear-progress-track-color,rgba(244,67,54,.25));
}
:root mat-spinner circle
{
    stroke: var(--x-foreground-spinner);
}
:root .mat-radio-outer-circle
{
    border-color: var(--x-foreground-secondary-text);
}
:root .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle
{
    border-color: var(--x-primary-500);
}
:root .mat-radio-button.mat-primary .mat-radio-inner-circle, :root .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, :root .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple
{
    background-color: var(--x-primary-500);
}
:root .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle
{
    border-color: var(--x-accent-500);
}
:root .mat-radio-button.mat-accent .mat-radio-inner-circle, :root .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, :root .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple
{
    background-color: var(--x-accent-500);
}
:root .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle
{
    border-color: #f44336;
}
:root .mat-radio-button.mat-warn .mat-radio-inner-circle, :root .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), :root .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, :root .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple
{
    background-color: #f44336;
}
:root .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, :root .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle
{
    border-color: var(--x-foreground-disabled);
}
:root .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, :root .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle
{
    background-color: var(--x-foreground-disabled);
}
:root .mat-radio-button.mat-radio-disabled .mat-radio-label-content
{
    color: var(--x-foreground-disabled);
}
:root .mat-radio-button .mat-ripple-element
{
    background-color: var(--x-foreground-base);
}
:root .mat-select-value
{
    color: var(--x-foreground-text);
}
:root .mat-select-placeholder
{
    color: var(--x-foreground-secondary-text);
}
:root .mat-select-disabled .mat-select-value
{
    color: var(--x-foreground-disabled-text);
}
:root .mat-select-arrow
{
    color: var(--x-foreground-secondary-text);
}
:root .mat-select-panel
{
    background: var(--x-background-card);
}
:root .mat-select-panel:not([class*=mat-elevation-z])
{
    box-shadow: 0 2px 4px -1px var(--x-foreground-elevation),0 4px 5px 0 var(--x-foreground-elevation),0 1px 10px 0 var(--x-foreground-elevation);
}
:root .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple)
{
    background: var(--x-background-hover);
}
:root .mat-form-field.mat-focused.mat-primary .mat-select-arrow
{
    color: var(--x-primary-500);
}
:root .mat-form-field.mat-focused.mat-accent .mat-select-arrow
{
    color: var(--x-accent-500);
}
:root .mat-form-field.mat-focused.mat-warn .mat-select-arrow
{
    color: #f44336;
}
:root .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow
{
    color: #f44336;
}
:root .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow
{
    color: var(--x-foreground-disabled-text);
}
:root
{
    --mat-sidenav-container-divider-color: var(--x-foreground-divider);
    --mat-sidenav-container-background-color: var(--x-background-dialog);
    --mat-sidenav-container-text-color: var(--x-foreground-text);
    --mat-sidenav-content-background-color: var(--x-background-background);
    --mat-sidenav-content-text-color: var(--x-foreground-text);
    --mat-sidenav-scrim-color: rgba(255,255,255,.6);
}
:root .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb
{
    background-color: var(--x-accent-500);
}
:root .mat-slide-toggle.mat-checked .mat-slide-toggle-bar
{
    background-color: var(--x-accent-500);
}
:root .mat-slide-toggle.mat-checked .mat-ripple-element
{
    background-color: var(--x-accent-500);
}
:root .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb
{
    background-color: var(--x-primary-500);
}
:root .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar
{
    background-color: var(--x-primary-500);
}
:root .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element
{
    background-color: var(--x-primary-500);
}
:root .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb
{
    background-color: #f44336;
}
:root .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar
{
    background-color: #f443368a;
}
:root .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element
{
    background-color: #f44336;
}
:root .mat-slide-toggle:not(.mat-checked) .mat-ripple-element
{
    background-color: var(--x-foreground-base);
}
:root .mat-slide-toggle-thumb
{
    box-shadow: 0 2px 1px -1px var(--x-foreground-elevation),0 1px 1px 0 var(--x-foreground-elevation),0 1px 3px 0 var(--x-foreground-elevation);
    background-color: #bdbdbd;
}
:root .mat-slide-toggle-bar
{
    background-color: var(--x-foreground-disabled);
}
:root .mat-slider-track-background
{
    background-color: var(--x-foreground-slider-off);
}
:root .mat-slider.mat-primary .mat-slider-track-fill, :root .mat-slider.mat-primary .mat-slider-thumb, :root .mat-slider.mat-primary .mat-slider-thumb-label
{
    background-color: var(--x-primary-500);
}
:root .mat-slider.mat-primary .mat-slider-focus-ring
{
    background-color: var(--x-primary-500);
    opacity: .2;
}
:root .mat-slider.mat-accent .mat-slider-track-fill, :root .mat-slider.mat-accent .mat-slider-thumb, :root .mat-slider.mat-accent .mat-slider-thumb-label
{
    background-color: var(--x-accent-500);
}
:root .mat-slider.mat-accent .mat-slider-thumb-label-text
{
    color: var(--x-accent-contrast-500);
}
:root .mat-slider.mat-accent .mat-slider-focus-ring
{
    background-color: var(--x-accent-500);
    opacity: .2;
}
:root .mat-slider.mat-warn .mat-slider-track-fill, :root .mat-slider.mat-warn .mat-slider-thumb, :root .mat-slider.mat-warn .mat-slider-thumb-label
{
    background-color: #f44336;
}
:root .mat-slider.mat-warn .mat-slider-thumb-label-text
{
    color: #fff;
}
:root .mat-slider.mat-warn .mat-slider-focus-ring
{
    background-color: #f4433633;
}
:root .mat-slider:hover .mat-slider-track-background, :root .mat-slider.cdk-focused .mat-slider-track-background
{
    background-color: var(--x-foreground-slider-off-active);
}
:root .mat-slider.mat-slider-disabled .mat-slider-track-background, :root .mat-slider.mat-slider-disabled .mat-slider-track-fill, :root .mat-slider.mat-slider-disabled .mat-slider-thumb
{
    background-color: var(--x-foreground-slider-off);
}
:root .mat-slider.mat-slider-disabled:hover .mat-slider-track-background
{
    background-color: var(--x-foreground-slider-off);
}
:root .mat-slider.mat-slider-min-value .mat-slider-focus-ring
{
    background-color: var(--x-foreground-base);
    opacity: .12;
}
:root .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, :root .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label
{
    background-color: var(--x-foreground-slider-min);
}
:root .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, :root .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label
{
    background-color: var(--x-foreground-slider-off);
}
:root .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb
{
    border-color: var(--x-foreground-slider-off);
    background-color: transparent;
}
:root .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, :root .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb
{
    border-color: var(--x-foreground-slider-off-active);
}
:root .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, :root .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb
{
    border-color: var(--x-foreground-slider-off);
}
:root .mat-slider-has-ticks .mat-slider-wrapper:after
{
    border-color: var(--x-foreground-base);
    opacity: .7;
}
:root .mat-slider-horizontal .mat-slider-ticks
{
    background-image: repeating-linear-gradient(to right,var(--x-foreground-base),var(--x-foreground-base) 2px,transparent 0,transparent);
    background-image: -moz-repeating-linear-gradient(.0001deg,var(--x-foreground-base),var(--x-foreground-base) 2px,transparent 0,transparent);
    opacity: .7;
}
:root .mat-slider-vertical .mat-slider-ticks
{
    background-image: repeating-linear-gradient(to bottom,var(--x-foreground-base),var(--x-foreground-base) 2px,transparent 0,transparent);
    opacity: .7;
}
:root
{
    --mat-stepper-header-selected-state-icon-background-color: var(--x-primary-500);
    --mat-stepper-header-done-state-icon-background-color: var(--x-primary-500);
    --mat-stepper-header-edit-state-icon-background-color: var(--x-primary-500);
    --mat-stepper-container-color: var(--x-background-card);
    --mat-stepper-line-color: var(--x-foreground-divider);
    --mat-stepper-header-hover-state-layer-color: var(--x-background-hover);
    --mat-stepper-header-focus-state-layer-color: var(--x-background-hover);
    --mat-stepper-header-label-text-color: var(--x-foreground-secondary-text);
    --mat-stepper-header-optional-label-text-color: var(--x-foreground-secondary-text);
    --mat-stepper-header-selected-state-label-text-color: var(--x-foreground-text);
    --mat-stepper-header-error-state-label-text-color: #f44336;
    --mat-stepper-header-icon-background-color: var(--x-foreground-secondary-text);
    --mat-stepper-header-error-state-icon-foreground-color: #f44336;
    --mat-stepper-header-error-state-icon-background-color: transparent;
}
:root .mat-step-header.mat-accent
{
    --mat-stepper-header-icon-foreground-color: var(--x-accent-contrast-500);
    --mat-stepper-header-selected-state-icon-background-color: var(--x-accent-500);
    --mat-stepper-header-selected-state-icon-foreground-color: var(--x-accent-contrast-500);
    --mat-stepper-header-done-state-icon-background-color: var(--x-accent-500);
    --mat-stepper-header-done-state-icon-foreground-color: var(--x-accent-contrast-500);
    --mat-stepper-header-edit-state-icon-background-color: var(--x-accent-500);
    --mat-stepper-header-edit-state-icon-foreground-color: var(--x-accent-contrast-500);
}
:root .mat-step-header.mat-warn
{
    --mat-stepper-header-icon-foreground-color: #fff;
    --mat-stepper-header-selected-state-icon-background-color: #f44336;
    --mat-stepper-header-selected-state-icon-foreground-color: #fff;
    --mat-stepper-header-done-state-icon-background-color: #f44336;
    --mat-stepper-header-done-state-icon-foreground-color: #fff;
    --mat-stepper-header-edit-state-icon-background-color: #f44336;
    --mat-stepper-header-edit-state-icon-foreground-color: #fff;
}
:root
{
    --mat-stepper-header-height: 72px;
}
:root .mat-sort-header-arrow
{
    color: var(--x-foreground-secondary-text);
}
:root .mat-tab-nav-bar, :root .mat-tab-header
{
    border-bottom: 1px solid var(--x-foreground-divider);
}
:root .mat-tab-group-inverted-header .mat-tab-nav-bar, :root .mat-tab-group-inverted-header .mat-tab-header
{
    border-top: 1px solid var(--x-foreground-divider);
    border-bottom: none;
}
:root .mat-tab-label, :root .mat-tab-link
{
    color: var(--x-foreground-text);
}
:root .mat-tab-label.mat-tab-disabled, :root .mat-tab-link.mat-tab-disabled
{
    color: var(--x-foreground-disabled-text);
}
:root .mat-tab-header-pagination-chevron
{
    border-color: var(--x-foreground-text);
}
:root .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron
{
    border-color: var(--x-foreground-disabled-text);
}
:root .mat-tab-group[class*=mat-background-]>.mat-tab-header, :root .mat-tab-nav-bar[class*=mat-background-]
{
    border-bottom: none;
    border-top: none;
}
:root .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused, :root .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused, :root .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused, :root .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused, :root .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused, :root .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused, :root .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused, :root .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused
{
    background-color: var(--x-primary-100);
}
:root .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, :root .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled, :root .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, :root .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled, :root .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, :root .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled, :root .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, :root .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled
{
    background-color: var(--x-foreground-disabled);
}
:root .mat-tab-group.mat-primary .mat-ink-bar, :root .mat-tab-nav-bar.mat-primary .mat-ink-bar
{
    background-color: var(--x-primary-500);
}
:root .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused, :root .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused, :root .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused, :root .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused, :root .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused, :root .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused, :root .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused, :root .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused
{
    background-color: var(--x-accent-100);
}
:root .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, :root .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled, :root .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, :root .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled, :root .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, :root .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled, :root .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, :root .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled
{
    background-color: var(--x-foreground-disabled);
}
:root .mat-tab-group.mat-accent .mat-ink-bar, :root .mat-tab-nav-bar.mat-accent .mat-ink-bar
{
    background-color: var(--x-accent-500);
}
:root .mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar, :root .mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar, :root .mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar, :root .mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar
{
    background-color: var(--x-accent-contrast-500);
}
:root .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused, :root .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused, :root .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused, :root .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused, :root .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused, :root .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused, :root .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused, :root .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused
{
    background-color: #ffcdd24d;
}
:root .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, :root .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled, :root .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, :root .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled, :root .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, :root .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled, :root .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, :root .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled
{
    background-color: var(--x-foreground-disabled);
}
:root .mat-tab-group.mat-warn .mat-ink-bar, :root .mat-tab-nav-bar.mat-warn .mat-ink-bar
{
    background-color: #f44336;
}
:root .mat-tab-group.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar, :root .mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar, :root .mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar, :root .mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar
{
    background-color: #fff;
}
:root .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused, :root .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused, :root .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused, :root .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused, :root .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused, :root .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused, :root .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused, :root .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused
{
    background-color: var(--x-primary-100);
}
:root .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, :root .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled, :root .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, :root .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled, :root .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, :root .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled, :root .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, :root .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled
{
    background-color: var(--x-foreground-disabled);
}
:root .mat-tab-group.mat-background-primary>.mat-tab-header, :root .mat-tab-group.mat-background-primary>.mat-tab-link-container, :root .mat-tab-group.mat-background-primary>.mat-tab-header-pagination, :root .mat-tab-nav-bar.mat-background-primary>.mat-tab-header, :root .mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container, :root .mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination
{
    background-color: var(--x-primary-500);
}
:root .mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron
{
    opacity: .4;
}
:root .mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element, :root .mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element, :root .mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element, :root .mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element, :root .mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element, :root .mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element
{
    opacity: .12;
}
:root .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused, :root .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused, :root .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused, :root .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused, :root .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused, :root .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused, :root .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused, :root .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused
{
    background-color: var(--x-accent-100);
}
:root .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, :root .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled, :root .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, :root .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled, :root .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, :root .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled, :root .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, :root .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled
{
    background-color: var(--x-foreground-disabled);
}
:root .mat-tab-group.mat-background-accent>.mat-tab-header, :root .mat-tab-group.mat-background-accent>.mat-tab-link-container, :root .mat-tab-group.mat-background-accent>.mat-tab-header-pagination, :root .mat-tab-nav-bar.mat-background-accent>.mat-tab-header, :root .mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container, :root .mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination
{
    background-color: var(--x-accent-500);
}
:root .mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label, :root .mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link, :root .mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label, :root .mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link
{
    color: var(--x-accent-contrast-500);
}
:root .mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled, :root .mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled, :root .mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled
{
    color: var(--x-accent-contrast-500);
}
:root .mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron, :root .mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-focus-indicator:before, :root .mat-tab-group.mat-background-accent>.mat-tab-header .mat-focus-indicator:before, :root .mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron, :root .mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-focus-indicator:before, :root .mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-focus-indicator:before
{
    border-color: var(--x-accent-contrast-500);
}
:root .mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .mat-tab-group.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron
{
    border-color: var(--x-accent-contrast-500);
    opacity: .4;
}
:root .mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element, :root .mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element, :root .mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element, :root .mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element, :root .mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element, :root .mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element
{
    background-color: var(--x-accent-contrast-500);
    opacity: .12;
}
:root .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused, :root .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused, :root .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused, :root .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused, :root .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused, :root .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused, :root .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused, :root .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused
{
    background-color: #ffcdd24d;
}
:root .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, :root .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled, :root .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, :root .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled, :root .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, :root .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled, :root .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled, :root .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled
{
    background-color: var(--x-foreground-disabled);
}
:root .mat-tab-group.mat-background-warn>.mat-tab-header, :root .mat-tab-group.mat-background-warn>.mat-tab-link-container, :root .mat-tab-group.mat-background-warn>.mat-tab-header-pagination, :root .mat-tab-nav-bar.mat-background-warn>.mat-tab-header, :root .mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container, :root .mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination
{
    background-color: #f44336;
}
:root .mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label, :root .mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link, :root .mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label, :root .mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link
{
    color: #fff;
}
:root .mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled, :root .mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled, :root .mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled, :root .mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled
{
    color: #fff6;
}
:root .mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron, :root .mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-focus-indicator:before, :root .mat-tab-group.mat-background-warn>.mat-tab-header .mat-focus-indicator:before, :root .mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron, :root .mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron, :root .mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-focus-indicator:before, :root .mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-focus-indicator:before
{
    border-color: #fff;
}
:root .mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .mat-tab-group.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, :root .mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron
{
    border-color: #fff;
    opacity: .4;
}
:root .mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element, :root .mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element, :root .mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element, :root .mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element, :root .mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element, :root .mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element
{
    background-color: #fff;
    opacity: .12;
}
:root
{
    --mat-toolbar-container-background-color: var(--x-background-app-bar);
    --mat-toolbar-container-text-color: var(--x-foreground-text);
}
:root .mat-toolbar.mat-primary
{
    --mat-toolbar-container-background-color: var(--x-primary-500);
}
:root .mat-toolbar.mat-accent
{
    --mat-toolbar-container-background-color: var(--x-accent-500);
    --mat-toolbar-container-text-color: var(--x-accent-contrast-500);
}
:root .mat-toolbar.mat-warn
{
    --mat-toolbar-container-background-color: #f44336;
    --mat-toolbar-container-text-color: #fff;
}
:root
{
    --mat-toolbar-standard-height: 64px;
    --mat-toolbar-mobile-height: 56px;
}
:root .mat-tooltip
{
    background: var(--x-background-tooltip);
}
:root .mat-tree
{
    background: var(--x-background-card);
}
:root .mat-tree-node, :root .mat-nested-tree-node
{
    color: var(--x-foreground-text);
}
.mat-tree-node
{
    min-height: 48px;
}
:root .mat-mdc-snack-bar-container
{
    --mdc-snackbar-container-color: var(--x-background-card);
    --mdc-snackbar-supporting-text-color: var(--x-background-card);
    --mat-snack-bar-button-color: rgba(0,0,0,.87);
}
:root x-file-drag-drop-type .drop-area
{
    border-color: var(--x-foreground-secondary-text);
}
:root x-file-drag-drop-type .drop-area.dragover
{
    background: var(--x-background-card);
    border-color: var(--x-accent-500);
}
:root x-file-drag-drop-type .hint
{
    color: var(--x-foreground-secondary-text);
}
:root x-casino-game-thumb
{
    color: var(--x-casino-game-thumb-text-color,var(--x-foreground-text));
}
:root x-casino-game-thumb .overlay
{
    background: var(--x-casino-game-thumb-background-color,var(--x-background-card));
}
:root x-casino-game .error-area
{
    background: var(--x-casino-game-error-background,rgba(0,0,0,.8));
}
:root x-casino-game .game, :root x-casino-game .loading-area
{
    background: var(--x-casino-game-loading-background,rgba(0,0,0,.8));
}
:root x-casino-game-list mat-list.mat-mdc-list.mat-mdc-list-base mat-list-item.mat-mdc-list-item
{
    height: var(--x-casino-game-list-item-height,48px);
    background: var(--x-casino-game-list-item-background,inherit);
    border-radius: var(--x-casino-game-list-item-border-radius,none);
    margin-bottom: var(--x-casino-game-list-item-margin-bottom,0);
    padding: var(--x-casino-game-list-item-padding,0 16px);
}
:root x-casino-game-list mat-list.mat-mdc-list.mat-mdc-list-base mat-list-item.mat-mdc-list-item .mdc-list-item__content .mat-mdc-list-item-unscoped-content
{
    display: flex;
    align-items: center;
}
:root x-casino-game-list mat-list.mat-mdc-list.mat-mdc-list-base mat-list-item.mat-mdc-list-item .mdc-list-item__content .name
{
    color: var(--x-casino-game-list-title-color,var(--x-foreground-text));
    font-size: var(--x-casino-game-list-item-font-size,var(--x-font-size-h3));
}
:root x-casino-game-list mat-list.mat-mdc-list.mat-mdc-list-base mat-list-item.mat-mdc-list-item .mdc-list-item__content .studio
{
    color: var(--x-casino-game-list-studio-color,var(--x-foreground-text));
    font-size: var(--x-casino-game-list-studio-font-size,var(--x-font-size-caption));
}
:root x-casino-game-list mat-list.mat-mdc-list.mat-mdc-list-base mat-list-item.mat-mdc-list-item .mdc-list-item__content .thumb
{
    width: var(--x-casino-game-list-thumb-width,2rem);
    min-width: var(--x-casino-game-list-thumb-width,2rem);
    margin-right: var(--x-casino-game-list-thumb-right-margin,1rem);
    height: var(--x-casino-game-list-thumb-height,auto);
}
:root x-casino-game-list mat-list.mat-mdc-list.mat-mdc-list-base mat-list-item.mat-mdc-list-item .mdc-list-item__content .thumb x-asset
{
    display: inline;
}
:root x-casino-game-list mat-list.mat-mdc-list.mat-mdc-list-base mat-list-item.mat-mdc-list-item .mdc-list-item__content .thumb x-asset img
{
    width: 100%;
    object-fit: cover;
    border-radius: var(--x-casino-game-list-thumb-border-radius,none);
}
:root x-casino-game-list mat-list.mat-mdc-list.mat-mdc-list-base mat-list-item.mat-mdc-list-item .mdc-list-item__content mat-icon
{
    color: var(--x-casino-game-list-icon-color,var(--x-foreground-text));
    margin-right: var(--x-casino-game-list-icon-margin-right,0);
    width: var(--x-casino-game-list-icon-size,24px);
    height: var(--x-casino-game-list-icon-size,24px);
}
:root .status-dot
{
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
}
:root .status-dot.success
{
    background-color: var(--x-success-500,#008000);
}
:root .status-dot.pending
{
    background-color: var(--x-pending-500,#ffa500);
}
:root .status-dot.failed
{
    background-color: var(--x-failed-500,#f00);
}
:root
{
    --x-primary-color: var(--x-primary-500);
    --x-accent-color: var(--x-accent-500);
    --x-warn-500: #f44336;
}
h1, .mat-h1
{
    text-transform: var(--x-heading-text-transform,none);
    color: var(--x-foreground-h1,var(--x-foreground-heading-text,#fff));
}
h2, .mat-h2
{
    text-transform: var(--x-heading-text-transform,none);
    color: var(--x-foreground-h2,var(--x-foreground-heading-text,#fff));
}
h3, .mat-h3
{
    text-transform: var(--x-heading-text-transform,none);
    color: var(--x-foreground-h3,var(--x-foreground-heading-text,#fff));
}
h4, .mat-h4
{
    text-transform: var(--x-heading-text-transform,none);
    color: var(--x-foreground-h4,var(--x-foreground-heading-text,#fff));
}
h5, .mat-h5
{
    text-transform: var(--x-heading-text-transform,none);
    color: var(--x-foreground-h5,var(--x-foreground-heading-text,#fff));
}
h6, .mat-h6
{
    text-transform: var(--x-heading-text-transform,none);
    color: var(--x-foreground-h6,var(--x-foreground-heading-text,#fff));
}
:root
{
    --x-border-light: 1px solid rgba(255,255,255,.2);
    --x-border-dark: 1px solid rgba(0,0,0,.2);
    --x-vertical-switch-dialog-timer-display: block;
    --x-vertical-switch-dialog-timer-font-size: 20px;
    --x-vertical-switch-dialog-timer-font-weight: bold;
    --x-vertical-switch-dialog-timer-text-align: center;
    --x-vertical-switch-dialog-timer-padding: 20px 0 0 10px;
}
:root hr
{
    border-color: var(--x-accent-500);
}
:root .rounded-corner
{
    border-radius: 12px;
    overflow: hidden;
}
:root .rounded-corner-xl
{
    border-radius: 20px;
    overflow: hidden;
}
:root .rounded-corner-lg
{
    border-radius: 16px;
    overflow: hidden;
}
:root .rounded-corner-sm
{
    border-radius: 8px;
    overflow: hidden;
}
:root .rounded-corner-xs
{
    border-radius: 6px;
    overflow: hidden;
}
:root .mat-typography .mat-primary-color
{
    color: var(--x-primary-500);
}
:root .mat-typography .mat-accent-color
{
    color: var(--x-accent-500);
}
:root .mat-typography .mat-secondary-color
{
    color: var(--x-foreground-secondary-text);
}
:root .mat-typography .mat-warn-color
{
    color: #f44336;
}
:root .mat-typography .mat-primary-bg
{
    background: var(--x-primary-700);
}
:root .mat-typography .mat-accent-bg
{
    background: var(--x-accent-500);
}
:root .mat-typography .mat-warn-bg
{
    background: #f44336;
}
:root .mat-typography .text-center
{
    text-align: center;
}
:root .mat-typography .text-left
{
    text-align: left;
}
:root .mat-typography .text-right
{
    text-align: right;
}
:root .mat-typography .font-xs, :root .mat-typography .font-xs p
{
    font-size: var(--x-font-size-caption);
}
:root .mat-typography .font-sm, :root .mat-typography .font-sm p
{
    font-size: var(--x-font-size-body);
}
:root .mat-typography .font-md, :root .mat-typography .font-md p
{
    font-size: var(--x-font-size-h3);
}
:root .mat-typography .font-lg, :root .mat-typography .font-lg p
{
    font-size: var(--x-font-size-h2);
}
:root .mat-typography .font-xl, :root .mat-typography .font-xl p
{
    font-size: var(--x-font-size-h1);
}
:root .mat-typography .line-height-xs
{
    line-height: var(--x-line-height-caption);
}
:root .mat-typography .line-height-sm
{
    line-height: var(--x-line-height-body);
}
:root .mat-typography .line-height-md
{
    line-height: var(--x-line-height-h3);
}
:root .mat-typography .line-height-lg
{
    line-height: var(--x-line-height-h2);
}
:root .mat-typography .line-height-xl
{
    line-height: var(--x-line-height-h1);
}
:root .mat-typography .font-400, :root .mat-typography .font-normal
{
    font-weight: 400;
}
:root .mat-typography .font-500
{
    font-weight: 500;
}
:root .mat-typography .font-700, :root .mat-typography .font-bold
{
    font-weight: 700;
}
:root .mat-typography .font-900, :root .mat-typography .font-black
{
    font-weight: 900;
}
:root .border-primary-1
{
    border: 1px solid var(--x-primary-500);
}
:root .border-accent-1
{
    border: 1px solid var(--x-accent-500);
}
:root .border-warn-1
{
    border: 1px solid #f44336;
}
:root .border-primary-2
{
    border: 2px solid var(--x-primary-500);
}
:root .border-accent-2
{
    border: 2px solid var(--x-accent-500);
}
:root .border-warn-2
{
    border: 2px solid #f44336;
}
:root .br-light
{
    border-right: var(--x-border-light);
}
:root .bl-light
{
    border-left: var(--x-border-light);
}
:root .bt-light
{
    border-top: var(--x-border-light);
}
:root .bb-light
{
    border-bottom: var(--x-border-light);
}
:root .br-dark
{
    border-right: var(--x-border-dark);
}
:root .bl-dark
{
    border-left: var(--x-border-dark);
}
:root .bt-dark
{
    border-top: var(--x-border-dark);
}
:root .bb-dark
{
    border-bottom: var(--x-border-dark);
}
:root mat-sidenav.mat-drawer-side
{
    border-right: none;
    box-shadow: 0 10px 6px var(--x-foreground-elevation);
}
a[href]:not([class^=mat-]), a[x-action]:not([class^=mat-])
{
    color: var(--x-accent-500);
}
.mat-checkbox-persistent-ripple, .mat-radio-persistent-ripple, .mat-slide-toggle-persistent-ripple
{
    background: none!important;
}
x-overlay-container, .mat-bottom-sheet-container, .mat-mdc-dialog-container
{
    position: relative;
}
x-overlay-container .mat-mdc-dialog-content, .mat-bottom-sheet-container .mat-mdc-dialog-content, .mat-mdc-dialog-container .mat-mdc-dialog-content
{
    padding: var(--x-overlay-dialog-content-padding,0)!important;
}
x-overlay-container .close, .mat-bottom-sheet-container .close, .mat-mdc-dialog-container .close
{
    z-index: 2;
    position: absolute;
    top: 10px;
    right: 10px;
    color: var(--x-dialog-close-button-color,#fff);
    opacity: var(--x-dialog-close-button-opacity,.5);
    cursor: pointer;
    transition: .1s;
}
x-overlay-container .close mat-icon, .mat-bottom-sheet-container .close mat-icon, .mat-mdc-dialog-container .close mat-icon
{
    vertical-align: top;
}
x-overlay-container .close:hover, .mat-bottom-sheet-container .close:hover, .mat-mdc-dialog-container .close:hover
{
    opacity: 1;
    transform: scale(1.1);
}
.bg-none
{
    background: none!important;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing
{
    background: var(--x-background-overlay-backdrop);
    right: var(--x-devtool-width,0);
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing.top-headers-enabled
{
    top: var(--x-top-offset);
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing.bottom-headers-enabled
{
    bottom: var(--x-bottom-offset);
}
.cdk-overlay-pane.terms-and-conditions-dialog
{
    max-height: 100vh;
}
.cdk-overlay-pane.terms-and-conditions-dialog mat-dialog-container
{
    overflow: hidden;
}
@media(orientation: landscape)
{
    body.mobile
    {
        width: 100vw!important;
    }
    body.mobile .container
    {
        margin-top: 0;
    }
    body.mobile .logo
    {
        display: none;
    }
}
.cdk-focused, .cdk-mouse-focused
{
    outline: 0!important;
}
:root
{
    --x-icon-button-sm: 24px;
    --x-icon-button-lg: 34px;
    --x-icon-button-xl: 46px;
    --x-font-size-button-sm: 13px;
    --x-font-size-button-lg: 20px;
    --x-font-size-button-xl: 24px;
}
.mdc-button.mat-mdc-button, .mdc-button.mat-mdc-outlined-button
{
    font-family: var(--x-font-family-button);
    font-size: var(--x-font-size-button);
    font-weight: var(--x-font-weight-button);
    line-height: var(--x-line-height-button,36px);
    padding: 0 16px;
    text-decoration-line: none;
}
.mdc-button.mat-mdc-button.mat-accent:not(:disabled), .mdc-button.mat-mdc-outlined-button.mat-accent:not(:disabled)
{
    color: var(--x-accent-500);
}
.mdc-button.mat-mdc-button.link, .mdc-button.mat-mdc-outlined-button.link
{
    font-weight: var(--x-font-weight-button-link);
}
.mdc-button.mat-mdc-button.link:hover, .mdc-button.mat-mdc-outlined-button.link:hover
{
    opacity: .75;
}
.mdc-button.mat-mdc-button.link:hover .mat-mdc-button-persistent-ripple, .mdc-button.mat-mdc-outlined-button.link:hover .mat-mdc-button-persistent-ripple
{
    display: none;
}
.mdc-button.mat-mdc-raised-button, .mdc-button.mat-mdc-unelevated-button, .mdc-button.mat-mdc-outlined-button, .mdc-button.mat-mdc-icon-button, .mdc-button.mat-fab, .mdc-button.mat-mini-fab
{
    font-family: var(--x-font-family-button);
    font-size: var(--x-font-size-button);
    font-weight: var(--x-font-weight-button);
    line-height: var(--x-line-height-button,36px);
    padding: 0 16px;
    text-decoration-line: none;
}
.mdc-button.mat-mdc-raised-button.mat-accent:not(:disabled), .mdc-button.mat-mdc-unelevated-button.mat-accent:not(:disabled), .mdc-button.mat-mdc-outlined-button.mat-accent:not(:disabled), .mdc-button.mat-mdc-icon-button.mat-accent:not(:disabled), .mdc-button.mat-fab.mat-accent:not(:disabled), .mdc-button.mat-mini-fab.mat-accent:not(:disabled)
{
    color: var(--x-accent-contrast-500);
}
.mdc-button.mat-mdc-raised-button.mat-none, .mdc-button.mat-mdc-unelevated-button.mat-none, .mdc-button.mat-mdc-outlined-button.mat-none, .mdc-button.mat-mdc-icon-button.mat-none, .mdc-button.mat-fab.mat-none, .mdc-button.mat-mini-fab.mat-none
{
    text-decoration: none;
}
.mdc-button.mat-mdc-raised-button.mat-outline, .mdc-button.mat-mdc-unelevated-button.mat-outline, .mdc-button.mat-mdc-outlined-button.mat-outline, .mdc-button.mat-mdc-icon-button.mat-outline, .mdc-button.mat-fab.mat-outline, .mdc-button.mat-mini-fab.mat-outline
{
    background-color: transparent;
    border: var(--x-button-outline-border-width,1px) solid var(--x-foreground-text);
}
.mdc-button.mat-mdc-raised-button.mat-accent-outline, .mdc-button.mat-mdc-unelevated-button.mat-accent-outline, .mdc-button.mat-mdc-outlined-button.mat-accent-outline, .mdc-button.mat-mdc-icon-button.mat-accent-outline, .mdc-button.mat-fab.mat-accent-outline, .mdc-button.mat-mini-fab.mat-accent-outline
{
    background-color: transparent;
    border: var(--x-button-outline-border-width,1px) solid var(--x-accent-500);
}
.mdc-button.mat-mdc-raised-button.mat-primary-outline, .mdc-button.mat-mdc-unelevated-button.mat-primary-outline, .mdc-button.mat-mdc-outlined-button.mat-primary-outline, .mdc-button.mat-mdc-icon-button.mat-primary-outline, .mdc-button.mat-fab.mat-primary-outline, .mdc-button.mat-mini-fab.mat-primary-outline
{
    background-color: transparent;
    border: var(--x-button-outline-border-width,1px) solid var(--x-primary-500);
}
.mdc-button.mat-mdc-raised-button.mat-warn-outline, .mdc-button.mat-mdc-unelevated-button.mat-warn-outline, .mdc-button.mat-mdc-outlined-button.mat-warn-outline, .mdc-button.mat-mdc-icon-button.mat-warn-outline, .mdc-button.mat-fab.mat-warn-outline, .mdc-button.mat-mini-fab.mat-warn-outline
{
    background-color: transparent;
    border: var(--x-button-outline-border-width,1px) solid #f44336;
}
.mdc-button.mat-mdc-raised-button.mat-outline[disabled], .mdc-button.mat-mdc-raised-button.mat-accent-outline[disabled], .mdc-button.mat-mdc-raised-button.mat-primary-outline[disabled], .mdc-button.mat-mdc-raised-button.mat-warn-outline[disabled], .mdc-button.mat-mdc-unelevated-button.mat-outline[disabled], .mdc-button.mat-mdc-unelevated-button.mat-accent-outline[disabled], .mdc-button.mat-mdc-unelevated-button.mat-primary-outline[disabled], .mdc-button.mat-mdc-unelevated-button.mat-warn-outline[disabled], .mdc-button.mat-mdc-outlined-button.mat-outline[disabled], .mdc-button.mat-mdc-outlined-button.mat-accent-outline[disabled], .mdc-button.mat-mdc-outlined-button.mat-primary-outline[disabled], .mdc-button.mat-mdc-outlined-button.mat-warn-outline[disabled], .mdc-button.mat-mdc-icon-button.mat-outline[disabled], .mdc-button.mat-mdc-icon-button.mat-accent-outline[disabled], .mdc-button.mat-mdc-icon-button.mat-primary-outline[disabled], .mdc-button.mat-mdc-icon-button.mat-warn-outline[disabled], .mdc-button.mat-fab.mat-outline[disabled], .mdc-button.mat-fab.mat-accent-outline[disabled], .mdc-button.mat-fab.mat-primary-outline[disabled], .mdc-button.mat-fab.mat-warn-outline[disabled], .mdc-button.mat-mini-fab.mat-outline[disabled], .mdc-button.mat-mini-fab.mat-accent-outline[disabled], .mdc-button.mat-mini-fab.mat-primary-outline[disabled], .mdc-button.mat-mini-fab.mat-warn-outline[disabled]
{
    background-color: transparent!important;
    border-color: var(--x-foreground-disabled-button);
}
.mdc-button.mat-mdc-raised-button.btn-sm, .mdc-button.mat-mdc-unelevated-button.btn-sm, .mdc-button.mat-mdc-outlined-button.btn-sm, .mdc-button.mat-mdc-icon-button.btn-sm, .mdc-button.mat-fab.btn-sm, .mdc-button.mat-mini-fab.btn-sm
{
    line-height: var(--x-line-height-button-sm,28px);
    font-weight: var(--x-font-weight-button-sm,bold);
    font-size: var(--x-font-size-button-sm);
    padding: var(--x-button-padding-sm,0 12px);
}
.mdc-button.mat-mdc-raised-button.btn-sm mat-icon, .mdc-button.mat-mdc-unelevated-button.btn-sm mat-icon, .mdc-button.mat-mdc-outlined-button.btn-sm mat-icon, .mdc-button.mat-mdc-icon-button.btn-sm mat-icon, .mdc-button.mat-fab.btn-sm mat-icon, .mdc-button.mat-mini-fab.btn-sm mat-icon
{
    line-height: 1;
    height: var(--x-font-size-button-sm);
    width: var(--x-font-size-button-sm);
    margin: 0 .5rem 0 -.5rem;
}
.mdc-button.mat-mdc-raised-button.btn-lg, .mdc-button.mat-mdc-unelevated-button.btn-lg, .mdc-button.mat-mdc-outlined-button.btn-lg, .mdc-button.mat-mdc-icon-button.btn-lg, .mdc-button.mat-fab.btn-lg, .mdc-button.mat-mini-fab.btn-lg
{
    line-height: 1;
    border-radius: var(--x-button-border-radius-lg,24px);
    font-weight: var(--x-font-weight-button-lg,bold);
    font-size: var(--x-font-size-button-lg);
    padding: var(--x-button-padding-lg,0 20px);
}
.mdc-button.mat-mdc-raised-button.btn-lg mat-icon, .mdc-button.mat-mdc-unelevated-button.btn-lg mat-icon, .mdc-button.mat-mdc-outlined-button.btn-lg mat-icon, .mdc-button.mat-mdc-icon-button.btn-lg mat-icon, .mdc-button.mat-fab.btn-lg mat-icon, .mdc-button.mat-mini-fab.btn-lg mat-icon
{
    line-height: 1;
    height: var(--x-font-size-button-lg);
    width: var(--x-font-size-button-lg);
    margin: 0 .5rem 0 -.5rem;
}
.mdc-button.mat-mdc-raised-button.btn-xl, .mdc-button.mat-mdc-unelevated-button.btn-xl, .mdc-button.mat-mdc-outlined-button.btn-xl, .mdc-button.mat-mdc-icon-button.btn-xl, .mdc-button.mat-fab.btn-xl, .mdc-button.mat-mini-fab.btn-xl
{
    line-height: var(--x-line-height-button-xl,60px);
    border-radius: var(--x-button-border-radius-xl,30px);
    font-weight: var(--x-font-weight-button-xl,900);
    font-size: var(--x-font-size-button-xl);
    padding: var(--x-button-padding-xl,0 24px);
}
.mdc-button.mat-mdc-raised-button.btn-xl mat-icon, .mdc-button.mat-mdc-unelevated-button.btn-xl mat-icon, .mdc-button.mat-mdc-outlined-button.btn-xl mat-icon, .mdc-button.mat-mdc-icon-button.btn-xl mat-icon, .mdc-button.mat-fab.btn-xl mat-icon, .mdc-button.mat-mini-fab.btn-xl mat-icon
{
    line-height: 1;
    height: var(--x-font-size-button-xl);
    width: var(--x-font-size-button-xl);
    margin: 0 .5rem 0 -.5rem;
}
.mat-mdc-button.mat-mdc-button-base, .mat-mdc-raised-button.mat-mdc-button-base, .mat-mdc-unelevated-button.mat-mdc-button-base, .mat-mdc-outlined-button.mat-mdc-button-base
{
    height: unset;
}
.mat-mdc-unelevated-button, .mat-mdc-raised-button
{
    border-radius: var(--x-button-border-radius,4px);
    text-transform: var(--x-button-text-transform,none);
}
.mat-mdc-unelevated-button .mat-ripple-element, .mat-mdc-raised-button .mat-ripple-element
{
    border-radius: var(--x-button-border-radius,4px);
}
.mat-mdc-unelevated-button.mat-accent
{
    color: var(--x-accent-contrast-500);
}
.mdc-button__label
{
    display: flex;
    align-items: center;
    justify-content: center;
    text-wrap: nowrap;
    width: 100%;
}
.mat-mdc-button-base.mat-mdc-icon-button
{
    padding: 0;
}
.mat-mdc-button-base.mat-mdc-icon-button.mat-primary
{
    color: var(--x-primary-500);
}
.mat-mdc-button-base.mat-mdc-icon-button.mat-accent
{
    color: var(--x-accent-500);
}
.mat-mdc-button-base.mat-mdc-icon-button mat-icon
{
    line-height: var(--x-font-size-button,24px);
    vertical-align: middle;
}
.mat-mdc-button-base.mat-mdc-icon-button.btn-lg
{
    width: calc(var(--x-icon-button-lg) * 1.375);
    height: calc(var(--x-icon-button-lg) * 1.375);
    line-height: calc(var(--x-icon-button-lg) * 1.375);
}
.mat-mdc-button-base.mat-mdc-icon-button.btn-lg mat-icon
{
    width: var(--x-icon-button-lg);
    height: var(--x-icon-button-lg);
    line-height: var(--x-icon-button-lg);
}
.mat-mdc-button-base.mat-mdc-icon-button.btn-xl
{
    width: calc(var(--x-icon-button-xl) * 1.375);
    height: calc(var(--x-icon-button-xl) * 1.375);
    line-height: calc(var(--x-icon-button-xl) * 1.375);
}
.mat-mdc-button-base.mat-mdc-icon-button.btn-xl mat-icon
{
    width: var(--x-icon-button-xl);
    height: var(--x-icon-button-xl);
    line-height: var(--x-icon-button-xl);
}
.active-template-slug.copy h1~*, .active-template-slug.copy h2~*, .active-template-slug.copy h3~*, .active-template-slug.copy h4~*
{
    margin-top: 1rem;
}
.active-template-slug.copy .promotion-header, .active-template-slug.copy .promotion-abstract, .active-template-slug.copy .promotion-content
{
    margin-bottom: var(--x-placeholder-copy-content-bottom-margin,var(--x-page-margin-y));
}
.active-template-slug.copy ol, .active-template-slug.copy ul
{
    font-size: var(--x-font-size-body);
    font-weight: var(--x-font-weight-body);
}
.active-template-slug.copy table p
{
    margin-bottom: 0;
}
.active-template-slug.expansion-panel ol, .active-template-slug.expansion-panel ul
{
    padding-left: 0;
}
.active-template-slug.expansion-panel li
{
    padding: 0;
    list-style: none;
    margin-bottom: .5rem;
}
.active-template-slug.expansion-panel li:before
{
    content: " * ";
    font-weight: 700;
    font-size: 10px;
    margin-right: 2px;
}
.flex-1
{
    flex: 1;
}
.flex-2
{
    flex: 2;
}
.flex-3
{
    flex: 3;
}
.flex-4
{
    flex: 4;
}
.flex-5
{
    flex: 5;
}
.flex-6
{
    flex: 6;
}
.flex-7
{
    flex: 7;
}
.flex-8
{
    flex: 8;
}
.opacity-1
{
    opacity: .1;
}
.opacity-2
{
    opacity: .2;
}
.opacity-3
{
    opacity: .3;
}
.opacity-4
{
    opacity: .4;
}
.opacity-5
{
    opacity: .5;
}
.opacity-6
{
    opacity: .6;
}
.opacity-7
{
    opacity: .7;
}
.opacity-8
{
    opacity: .8;
}
.opacity-9
{
    opacity: .9;
}
.row
{
    display: flex;
    flex-direction: row;
    gap: 0 var(--x-row-gap,var(--x-spacer));
}
.col
{
    flex: 1;
}
.w-0
{
    width: 0;
}
.w-px
{
    width: 1px;
}
.w-1
{
    width: .25rem;
}
.w-2
{
    width: .5rem;
}
.w-3
{
    width: .75rem;
}
.w-4
{
    width: 1rem;
}
.w-5
{
    width: 1.25rem;
}
.w-6
{
    width: 1.5rem;
}
.w-7
{
    width: 1.75rem;
}
.w-8
{
    width: 2rem;
}
.w-9
{
    width: 2.25rem;
}
.w-10
{
    width: 2.5rem;
}
.w-11
{
    width: 2.75rem;
}
.w-12
{
    width: 3rem;
}
.w-14
{
    width: 3.5rem;
}
.w-16
{
    width: 4rem;
}
.w-20
{
    width: 5rem;
}
.w-24
{
    width: 6rem;
}
.w-28
{
    width: 7rem;
}
.w-32
{
    width: 8rem;
}
.w-36
{
    width: 9rem;
}
.w-40
{
    width: 10rem;
}
.w-44
{
    width: 11rem;
}
.w-48
{
    width: 12rem;
}
.w-52
{
    width: 13rem;
}
.w-56
{
    width: 14rem;
}
.w-60
{
    width: 15rem;
}
.w-64
{
    width: 16rem;
}
.w-72
{
    width: 18rem;
}
.w-80
{
    width: 20rem;
}
.w-96
{
    width: 24rem;
}
.w-100
{
    width: 100%;
}
.w-auto
{
    width: auto;
}
.w-screen
{
    width: 100vw;
}
.w-min
{
    width: min-content;
}
.w-max
{
    width: max-content;
}
.w-fit
{
    width: -moz-fit-content;
    width: fit-content;
}
.h-0
{
    height: 0;
}
.h-px
{
    height: 1px;
}
.h-1
{
    height: .25rem;
}
.h-2
{
    height: .5rem;
}
.h-3
{
    height: .75rem;
}
.h-4
{
    height: 1rem;
}
.h-5
{
    height: 1.25rem;
}
.h-6
{
    height: 1.5rem;
}
.h-7
{
    height: 1.75rem;
}
.h-8
{
    height: 2rem;
}
.h-9
{
    height: 2.25rem;
}
.h-10
{
    height: 2.5rem;
}
.h-11
{
    height: 2.75rem;
}
.h-12
{
    height: 3rem;
}
.h-14
{
    height: 3.5rem;
}
.h-16
{
    height: 4rem;
}
.h-20
{
    height: 5rem;
}
.h-24
{
    height: 6rem;
}
.h-28
{
    height: 7rem;
}
.h-32
{
    height: 8rem;
}
.h-36
{
    height: 9rem;
}
.h-40
{
    height: 10rem;
}
.h-44
{
    height: 11rem;
}
.h-48
{
    height: 12rem;
}
.h-52
{
    height: 13rem;
}
.h-56
{
    height: 14rem;
}
.h-60
{
    height: 15rem;
}
.h-64
{
    height: 16rem;
}
.h-72
{
    height: 18rem;
}
.h-80
{
    height: 20rem;
}
.h-96
{
    height: 24rem;
}
.h-100
{
    height: 100%;
}
.h-auto
{
    height: auto;
}
.h-screen
{
    height: 100vw;
}
.h-min
{
    height: min-content;
}
.h-max
{
    height: max-content;
}
.h-fit
{
    height: -moz-fit-content;
    height: fit-content;
}
[hidden]
{
    display: none!important;
}
.text-transform-none
{
    text-transform: none!important;
}
.d-block:not(.layout-item)
{
    display: block!important;
}
.d-block.layout-item
{
    display: block;
}
.d-inline
{
    display: inline!important;
}
.custom-width
{
    width: var(--x-custom-width,auto);
    max-width: var(--x-custom-max-width,100%);
}
.custom-height
{
    height: var(--x-custom-height,auto);
    max-height: var(--x-custom-max-height,100%);
}
.x-iframe
{
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}
.d-grid
{
    display: grid;
    box-sizing: border-box;
}
.d-flex
{
    display: flex;
    box-sizing: border-box;
}
.d-inline-flex
{
    display: inline-flex;
    box-sizing: border-box;
}
.d-contents
{
    display: contents;
}
.fd-r
{
    flex-direction: row;
}
.fd-rr
{
    flex-direction: row-reverse;
}
.fd-c
{
    flex-direction: column;
}
.fd-cr
{
    flex-direction: column-reverse;
}
.fw-n
{
    flex-wrap: nowrap;
}
.fw-w
{
    flex-wrap: wrap;
}
.fw-wr
{
    flex-wrap: wrap-reverse;
}
.jc-fe
{
    justify-content: flex-end;
}
.jc-fs
{
    justify-content: flex-start;
}
.jc-c
{
    justify-content: center;
}
.jc-sa
{
    justify-content: space-around;
}
.jc-sb
{
    justify-content: space-between;
}
.ai-fs
{
    align-items: flex-start;
}
.ai-c
{
    align-items: center;
}
.ai-fe
{
    align-items: flex-end;
}
.ai-s
{
    align-items: stretch;
}
.ai-e
{
    align-items: end;
}
.ai-b
{
    align-items: baseline;
}
.fg-0
{
    flex-grow: 0;
    box-sizing: border-box;
}
.fg-1
{
    flex-grow: 1;
    box-sizing: border-box;
}
.fs-0
{
    flex-shrink: 0;
    box-sizing: border-box;
}
.fs-1
{
    flex-shrink: 1;
    box-sizing: border-box;
}
.fb-a
{
    flex-basis: auto;
}
.fb-0
{
    flex-basis: 0;
}
.as-a
{
    align-self: auto;
}
.as-fs
{
    align-self: flex-start;
}
.as-c
{
    align-self: center;
}
.as-fe
{
    align-self: flex-end;
}
.as-s
{
    align-self: stretch;
}
.as-b
{
    align-self: baseline;
}
.js-fe
{
    justify-self: flex-end;
}
.js-fs
{
    justify-self: flex-start;
}
.js-c
{
    justify-self: center;
}
.js-sa
{
    justify-self: space-around;
}
.js-sb
{
    justify-self: space-between;
}
.f-left
{
    float: left;
}
.f-right
{
    float: right;
}
.rounded
{
    border-radius: .25rem;
}
.rounded-full
{
    border-radius: 9999px!important;
}
.relative
{
    position: relative;
}
.sticky
{
    position: sticky;
}
.overflow-none
{
    overflow: hidden;
}
.m-0
{
    margin: 0!important;
}
.m-1
{
    margin: calc(var(--x-spacer,1rem) * .25)!important;
}
.m-2
{
    margin: calc(var(--x-spacer,1rem) * .5)!important;
}
.m-3
{
    margin: var(--x-spacer,1rem)!important;
}
.m-4
{
    margin: calc(var(--x-spacer,1rem) * 1.5)!important;
}
.m-5
{
    margin: calc(var(--x-spacer,1rem) * 3)!important;
}
.p-0
{
    padding: 0!important;
}
.p-1
{
    padding: calc(var(--x-spacer,1rem) * .25)!important;
}
.p-2
{
    padding: calc(var(--x-spacer,1rem) * .5)!important;
}
.p-3
{
    padding: var(--x-spacer,1rem)!important;
}
.p-4
{
    padding: calc(var(--x-spacer,1rem) * 1.5)!important;
}
.p-5
{
    padding: calc(var(--x-spacer,1rem) * 3)!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;
}
.mt-1, .my-1
{
    margin-top: calc(var(--x-spacer,1rem) * .25)!important;
}
.mr-1, .mx-1
{
    margin-right: calc(var(--x-spacer,1rem) * .25)!important;
}
.mb-1, .my-1
{
    margin-bottom: calc(var(--x-spacer,1rem) * .25)!important;
}
.ml-1, .mx-1
{
    margin-left: calc(var(--x-spacer,1rem) * .25)!important;
}
.mt-2, .my-2
{
    margin-top: calc(var(--x-spacer,1rem) * .5)!important;
}
.mr-2, .mx-2
{
    margin-right: calc(var(--x-spacer,1rem) * .5)!important;
}
.mb-2, .my-2
{
    margin-bottom: calc(var(--x-spacer,1rem) * .5)!important;
}
.ml-2, .mx-2
{
    margin-left: calc(var(--x-spacer,1rem) * .5)!important;
}
.mt-3, .my-3
{
    margin-top: var(--x-spacer,1rem)!important;
}
.mr-3, .mx-3
{
    margin-right: var(--x-spacer,1rem)!important;
}
.mb-3, .my-3
{
    margin-bottom: var(--x-spacer,1rem)!important;
}
.ml-3, .mx-3
{
    margin-left: var(--x-spacer,1rem)!important;
}
.mt-4, .my-4
{
    margin-top: calc(var(--x-spacer,1rem) * 1.5)!important;
}
.mr-4, .mx-4
{
    margin-right: calc(var(--x-spacer,1rem) * 1.5)!important;
}
.mb-4, .my-4
{
    margin-bottom: calc(var(--x-spacer,1rem) * 1.5)!important;
}
.ml-4, .mx-4
{
    margin-left: calc(var(--x-spacer,1rem) * 1.5)!important;
}
.mt-5, .my-5
{
    margin-top: calc(var(--x-spacer,1rem) * 3)!important;
}
.mr-5, .mx-5
{
    margin-right: calc(var(--x-spacer,1rem) * 3)!important;
}
.mb-5, .my-5
{
    margin-bottom: calc(var(--x-spacer,1rem) * 3)!important;
}
.ml-5, .mx-5
{
    margin-left: calc(var(--x-spacer,1rem) * 3)!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;
}
.pt-1, .py-1
{
    padding-top: calc(var(--x-spacer,1rem) * .25)!important;
}
.pr-1, .px-1
{
    padding-right: calc(var(--x-spacer,1rem) * .25)!important;
}
.pb-1, .py-1
{
    padding-bottom: calc(var(--x-spacer,1rem) * .25)!important;
}
.pl-1, .px-1
{
    padding-left: calc(var(--x-spacer,1rem) * .25)!important;
}
.pt-2, .py-2
{
    padding-top: calc(var(--x-spacer,1rem) * .5)!important;
}
.pr-2, .px-2
{
    padding-right: calc(var(--x-spacer,1rem) * .5)!important;
}
.pb-2, .py-2
{
    padding-bottom: calc(var(--x-spacer,1rem) * .5)!important;
}
.pl-2, .px-2
{
    padding-left: calc(var(--x-spacer,1rem) * .5)!important;
}
.pt-3, .py-3
{
    padding-top: var(--x-spacer,1rem)!important;
}
.pr-3, .px-3
{
    padding-right: var(--x-spacer,1rem)!important;
}
.pb-3, .py-3
{
    padding-bottom: var(--x-spacer,1rem)!important;
}
.pl-3, .px-3
{
    padding-left: var(--x-spacer,1rem)!important;
}
.pt-4, .py-4
{
    padding-top: calc(var(--x-spacer,1rem) * 1.5)!important;
}
.pr-4, .px-4
{
    padding-right: calc(var(--x-spacer,1rem) * 1.5)!important;
}
.pb-4, .py-4
{
    padding-bottom: calc(var(--x-spacer,1rem) * 1.5)!important;
}
.pl-4, .px-4
{
    padding-left: calc(var(--x-spacer,1rem) * 1.5)!important;
}
.pt-5, .py-5
{
    padding-top: calc(var(--x-spacer,1rem) * 3)!important;
}
.pr-5, .px-5
{
    padding-right: calc(var(--x-spacer,1rem) * 3)!important;
}
.pb-5, .py-5
{
    padding-bottom: calc(var(--x-spacer,1rem) * 3)!important;
}
.pl-5, .px-5
{
    padding-left: calc(var(--x-spacer,1rem) * 3)!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;
}
.pm
{
    margin: var(--x-page-margin-y) var(--x-page-margin-x)!important;
}
.pm-x
{
    margin-left: var(--x-page-margin-x)!important;
    margin-right: var(--x-page-margin-x)!important;
}
.pm-y
{
    margin-top: var(--x-page-margin-y)!important;
    margin-bottom: var(--x-page-margin-y)!important;
}
.pm-t
{
    margin-top: var(--x-page-margin-y)!important;
}
.pm-b
{
    margin-bottom: var(--x-page-margin-y)!important;
}
.pm-l
{
    margin-left: var(--x-page-margin-x)!important;
}
.pm-r
{
    margin-right: var(--x-page-margin-x)!important;
}
.mt-offset
{
    margin-top: var(--x-top-offset);
}
.mat-h1, .mat-headline, .mat-typography h1
{
    margin-bottom: var(--x-font-margin-bottom-h1,var(--x-font-bottom-margin,16px));
    padding: var(--x-font-padding-h1,var(--x-font-padding,0));
}
.mat-h2, .mat-title, .mat-typography h2
{
    margin-bottom: var(--x-font-margin-bottom-h2,var(--x-font-bottom-margin,16px));
    padding: var(--x-font-padding-h2,var(--x-font-padding,0));
}
.mat-h3, .mat-subheading-2, .mat-typography h3
{
    margin-bottom: var(--x-font-margin-bottom-h3,var(--x-font-bottom-margin,16px));
    padding: var(--x-font-padding-h3,var(--x-font-padding,0));
}
.mat-h4, .mat-subheading-1, .mat-typography h4
{
    margin-bottom: var(--x-font-margin-bottom-h4,var(--x-font-bottom-margin,16px));
    padding: var(--x-font-padding-h4,var(--x-font-padding,0));
}
.mat-h5, .mat-typography h5
{
    margin-bottom: var(--x-font-margin-bottom-h5,var(--x-font-bottom-margin,12px));
    padding: var(--x-font-padding-h5,var(--x-font-padding,0));
}
.mat-h6, .mat-typography h6
{
    margin-bottom: var(--x-font-margin-bottom-h6,var(--x-font-bottom-margin,12px));
    padding: var(--x-font-padding-h6,var(--x-font-padding,0));
}
.mat-body p, .mat-body-1 p, .mat-typography p
{
    margin-bottom: var(--x-font-bottom-margin-body1,var(--x-font-bottom-margin,12px));
}
:root .mdc-data-table__row
{
    font-family: var(--x-font-family-body);
    font-size: var(--x-font-size-body);
}
:root .mdc-data-table__cell
{
    padding-right: 0;
}
:root .mdc-data-table__header-cell
{
    padding-right: 0;
    box-sizing: content-box;
    font-family: var(--x-font-family-body);
    font-size: var(--x-font-size-caption);
    color: var(--x-foreground-secondary-text);
    font-weight: 500;
}
.mat-mdc-checkbox .mdc-form-field
{
    align-items: flex-start;
}
.mat-mdc-checkbox .mdc-form-field .mdc-label
{
    white-space: normal;
}
.mat-radio-group
{
    display: flex;
    flex-direction: column;
}
.mat-radio-group .mat-radio-button
{
    display: block;
    margin: .5rem 0;
}
.mat-mdc-dialog-surface
{
    padding: var(--dialog-surface-padding,24px);
}
.terms-and-conditions-dialog .mat-mdc-dialog-container .mdc-dialog__title
{
    --mdc-dialog-subhead-weight: var(--x-dialog-font-weight-h3,var(--x-font-weight-h3));
    --mdc-dialog-subhead-font: var(--x-dialog-font-family-heading,var(--x-font-family-heading));
    --mdc-dialog-subhead-color: var(--x-dialog-foreground-h3,var(--x-foreground-heading-text,#fff));
    --mdc-dialog-supporting-text-font: var(--x-dialog-font-family-heading,var(--x-font-family-heading));
    text-align: var(--x-dialog-text-align-heading,center);
}
.terms-and-conditions-dialog .mat-mdc-dialog-container .mdc-dialog__content
{
    --mdc-dialog-supporting-text-color: var(--x-dialog-foreground-text,var(--x-foreground-text));
    --mdc-dialog-supporting-text-size: var(--x-dialog-font-size-body,var(--x-font-size-body));
    --mdc-dialog-supporting-text-line-height: var(--x-dialog-line-height-body,var(--x-line-height-body));
    --mdc-dialog-supporting-text-font: var(--x-dialog-font-family-body,var(--x-font-family-body));
}
.mdc-dialog__actions
{
    padding: 8px 0;
}
.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar, .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar
{
    background-color: var(--accent-c100)!important;
}
tma-file-drag-drop-type .mat-mdc-progress-bar .mdc-linear-progress__buffer-bar
{
    background-color: var(--primary-c100)!important;
}
.mat-drawer
{
    background: var(--x-background-dialog);
    color: inherit;
}
.mat-drawer-backdrop
{
    --mat-sidenav-scrim-color: var(--x-background-dialog);
    opacity: .6;
}
.mat-mdc-chip-listbox .mat-mdc-chip
{
    min-height: 32px;
}
.mat-mdc-nav-list.horizontal
{
    display: flex;
}
.mat-mdc-nav-list.horizontal, .mat-mdc-nav-list.horizontal[dense]
{
    padding-top: 0;
}
.nav-list-overlay
{
    background: #fff;
    overflow-y: scroll;
}
.mat-form-field-appearance-outline.mat-form-field-type-select .mat-form-field-infix
{
    padding: 0;
}
.mat-form-field-appearance-outline.mat-form-field-type-select .mat-form-field-infix .mat-select-trigger
{
    padding: 1rem 0;
}
.mat-form-field-appearance-outline .mat-form-field-flex
{
    align-items: safe center!important;
}
.mat-option.mat-selected:not(.mat-option-disabled) .mat-option-text
{
    color: var(--x-foreground-text);
}
.mat-option .mat-option-text span
{
    display: flex;
    align-items: center;
    gap: 1rem;
}
.mat-line-wrap, .mat-line
{
    word-wrap: break-word!important;
}
.mat-grid-tile .mat-figure
{
    align-items: stretch!important;
    justify-content: stretch!important;
}
.mat-stepper-horizontal, .mat-stepper-vertical
{
    background-color: var(--x-background-stepper)!important;
}
.mat-horizontal-content-container
{
    padding: 0!important;
}
.mat-mdc-snack-bar-container, .mat-snack-bar-container
{
    max-width: 500px;
}
.mat-mdc-snack-bar-container .close, .mat-snack-bar-container .close
{
    position: absolute;
    right: 1rem;
    cursor: pointer;
}
.mat-mdc-snack-bar-container .mdc-button__label, .mat-snack-bar-container .mdc-button__label
{
    color: var(--x-snack-button-text-color);
}
.mat-mdc-snack-bar-container .mat-mdc-snack-bar-label, .mat-snack-bar-container .mat-mdc-snack-bar-label
{
    --mdc-snackbar-supporting-text-size: var(--x-snack-font-size,var(--x-font-size-body));
    --mdc-snackbar-supporting-text-color: var(--x-snack-message-color,#fff);
}
.mat-mdc-snack-bar-container.error-message, .mat-snack-bar-container.error-message
{
    --mdc-snackbar-container-color: var(--x-snack-error-background,var(--x-warn-500));
    --mdc-snackbar-supporting-text-color: var(--x-snack-error-message-color,#fff);
}
.mat-mdc-snack-bar-container.error-message h1, .mat-mdc-snack-bar-container.error-message h2, .mat-mdc-snack-bar-container.error-message h3, .mat-mdc-snack-bar-container.error-message h4, .mat-snack-bar-container.error-message h1, .mat-snack-bar-container.error-message h2, .mat-snack-bar-container.error-message h3, .mat-snack-bar-container.error-message h4
{
    margin-bottom: 0;
}
.mat-mdc-snack-bar-container.error-message a, .mat-snack-bar-container.error-message a
{
    color: var(--x-snack-error-message-color,#fff);
    text-decoration: underline;
    cursor: pointer;
}
.mat-select-panel.mat-primary mat-option.mat-option.mat-selected:not(.mat-option-disabled), .mat-select-panel.mat-accent mat-option.mat-option.mat-selected:not(.mat-option-disabled)
{
    color: var(--x-select-selected-option-color,var(--x-foreground-text));
}
mat-option>*
{
    margin-right: var(--x-select-option-gap,.5rem)!important;
}
mat-option p
{
    margin-bottom: 0!important;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}
mat-option figure
{
    line-height: 0;
}
mat-option img
{
    width: var(--x-select-option-img-width,32px);
}
:root
{
    --mdc-chip-elevated-container-color: var(--x-primary-500);
    --mdc-circular-progress-active-indicator-color: var(--x-foreground-spinner);
    --mdc-checkbox-selected-icon-color: var(--x-accent-500);
    --mdc-checkbox-selected-focus-icon-color: var(--x-accent-500);
    --mdc-checkbox-selected-hover-icon-color: var(--x-accent-500);
    --mdc-checkbox-selected-checkmark-color: var(--x-background-background);
}
:root .mat-mdc-button-base
{
    --mdc-protected-button-container-shape: var(--x-button-border-radius,4px);
    --mdc-filled-button-container-shape: var(--x-button-border-radius,4px);
    --mdc-icon-button-state-layer-size: var(--x-icon-button-state-layer-size,40px);
    --mdc-text-button-container-height: auto;
}
:root .mat-mdc-button-base.mat-mdc-icon-button
{
    --mdc-icon-button-icon-size: 100%;
}
:root .mat-mdc-button-base .mat-mdc-button-touch-target
{
    height: var(--x-line-height-button,36px);
}
:root .mat-mdc-button-base.mat-mdc-outlined-button[disabled], :root .mat-mdc-button-base.mat-mdc-raised-button[disabled], :root .mat-mdc-button-base.mat-mdc-unelevated-button[disabled]
{
    --mdc-protected-button-disabled-container-color: var(--x-background-disabled-button);
    --mdc-protected-button-disabled-label-text-color: var(--x-foreground-disabled-button);
}
:root .mat-mdc-button-base.mat-primary
{
    --mdc-protected-button-label-text-color: var(--x-foreground-text);
}
:root .mat-mdc-button-base.mat-primary-outline
{
    --mdc-protected-button-label-text-color: var(--x-primary-500);
}
:root .mat-mdc-button-base.mat-accent
{
    --mdc-protected-button-label-text-color: var(--x-accent-contrast-500);
}
:root .mat-mdc-button-base.mat-accent-outline
{
    --mdc-protected-button-label-text-color: var(--x-foreground-text);
}
:root .mat-mdc-button-base.mat-mdc-unelevated-button.mat-none
{
    --mdc-filled-button-container-color: var(--x-background-raised-button);
}
:root .mat-mdc-menu-item
{
    background: transparent;
    color: var(--x-foreground-text);
    font-family: var(--x-font-family-body);
    font-size: var(--x-font-size-body);
    font-weight: var(--x-font-weight-body);
}
:root .mat-mdc-menu-item-text
{
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: var(--x-font-family-body);
    font-size: var(--x-font-size-body);
    font-weight: var(--x-font-weight-body);
}
:root .mat-mdc-menu-panel
{
    background: var(--x-background-card);
}
:root .mat-mdc-nav-list
{
    --mdc-list-list-item-one-line-container-height: var(--x-nav-list-container-height,56px);
    --mdc-list-list-item-container-color: var(--x-nav-list-container-background,transparent);
    --mdc-list-list-item-container-shape: var(--x-nav-list-container-border-radius,0);
    --mdc-list-list-item-label-text-font: var(--x-nav-list-font-family);
    --mdc-list-list-item-label-text-line-height: var(--x-nav-list-line-height);
    --mdc-list-list-item-label-text-size: var(--x-nav-list-font-size);
    --mdc-list-list-item-label-text-weight: var(--x-nav-list-font-weight);
    --mdc-list-list-item-label-text-tracking: var(--x-nav-list-letter-spacing);
    color: var(--x-nav-list-color,inherit);
}
:root .mat-mdc-nav-list .mat-mdc-list-item-unscoped-content
{
    align-items: center;
}
:root .mat-mdc-nav-list .mdc-list-item
{
    margin: var(--x-nav-list-item-margin,0);
}
:root .mat-mdc-icon-button
{
    --mdc-icon-button-disabled-icon-color: var(--x-foreground-disabled-text);
}
:root .mat-mdc-chip
{
    --mdc-chip-elevated-container-color: var(--x-primary-500);
}
:root .mat-mdc-slide-toggle
{
    --mdc-switch-selected-track-color: var(--x-slide-toggle-selected-track-color,var(--x-foreground-icon));
    --mdc-switch-selected-focus-track-color: var(--x-slide-toggle-selected-track-color,var(--x-foreground-icon));
    --mdc-switch-selected-pressed-track-color: var(--x-slide-toggle-selected-track-color,var(--x-foreground-icon));
    --mdc-switch-selected-hover-track-color: var(--x-slide-toggle-selected-track-color,var(--x-foreground-icon));
    --mdc-switch-unselected-track-color: var(--x-slide-toggle-unselected-track-color,var(--x-foreground-disabled));
    --mdc-switch-unselected-focus-track-color: var(--x-slide-toggle-unselected-track-color,var(--x-foreground-disabled));
    --mdc-switch-unselected-pressed-track-color: var(--x-slide-toggle-unselected-track-color,var(--x-foreground-disabled));
    --mdc-switch-unselected-hover-track-color: var(--x-slide-toggle-unselected-track-color,var(--x-foreground-disabled));
    --mdc-switch-handle-elevation-shadow: 0 0 5px rgb(50,50,50,.6);
    --mdc-switch-handle-surface-color: var(--x-foreground-text);
    --mdc-elevation-overlay-color: var(--x-slide-toggle-handle-color,var(--x-accent-500));
    --mdc-switch-selected-icon-color: transparent;
    --mdc-switch-unselected-icon-color: transparent;
}
:root .mat-datepicker-toggle .mat-mdc-icon-button
{
    --mdc-icon-button-disabled-icon-color: var(--x-foreground-disabled-text);
}
.mobile-table.mat-mdc-table, .mobile-table .mat-mdc-table
{
    border: 0;
    vertical-align: middle;
    width: 100%;
}
.mobile-table.mat-mdc-table .mdc-data-table__row, .mobile-table .mat-mdc-table .mdc-data-table__row
{
    border-bottom: 3px solid var(--x-foreground-divider);
    display: block;
    font-family: var(--x-font-family-body);
    font-size: var(--x-font-size-body);
}
.mobile-table.mat-mdc-table .mdc-data-table__row:last-of-type, .mobile-table .mat-mdc-table .mdc-data-table__row:last-of-type
{
    border-bottom: none;
}
.mobile-table.mat-mdc-table .mdc-data-table__row:last-child .mat-mdc-cell, .mobile-table .mat-mdc-table .mdc-data-table__row:last-child .mat-mdc-cell
{
    border-bottom: 1px solid var(--x-foreground-divider);
}
.mobile-table.mat-mdc-table .mdc-data-table__cell, .mobile-table .mat-mdc-table .mdc-data-table__cell
{
    display: flex;
    font-weight: 700;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem;
    border-bottom: 1px solid var(--x-foreground-divider);
    box-sizing: content-box;
}
.mobile-table.mat-mdc-table .mdc-data-table__cell:before, .mobile-table .mat-mdc-table .mdc-data-table__cell:before
{
    content: attr(data-label);
    text-transform: uppercase;
    font-weight: 400;
    font-size: .85em;
}
.mobile-table.mat-mdc-table .mat-mdc-header-row, .mobile-table .mat-mdc-table .mat-mdc-header-row
{
    display: none;
}
.mobile-table.mat-mdc-table .detail-expander, .mobile-table .mat-mdc-table .detail-expander
{
    border-bottom: 3px solid var(--x-foreground-divider);
}
:root .mat-bankid
{
    background: #469cbe;
    color: #fff;
}
:root .mat-facebook
{
    background: #3b5998;
    color: #fff;
}
:root .mat-google
{
    background: #fd5d51;
    color: #fff;
}
:root .mat-twitter
{
    background: #10d4ff;
    color: #fff;
}
:root .mat-steam
{
    background: #4e4e4e;
    color: #fff;
}
:root .mat-trustly
{
    background: #60c100;
    color: #000;
}
:root .gravatar
{
    width: 24px;
    border-radius: 50%;
    height: 24px;
    vertical-align: bottom;
    margin-right: .5rem;
}
html, body
{
    height: 100%;
}
body, p
{
    color: var(--x-foreground-text);
    font-size: var(--x-font-size-body);
    line-height: var(--x-line-height-body);
}
body
{
    margin: 0;
    font-family: Roboto,Helvetica Neue,sans-serif;
    -webkit-font-smoothing: antialiased;
    overflow: overlay;
}
body.devtool-open
{
    overflow: hidden;
}
body.devtool-open mat-sidenav-content
{
    height: calc(100vh - var(--x-top-offset));
    overflow: auto;
}
body.devtool-open mat-sidenav.mat-drawer-end
{
    right: 500px;
}
body.devtool-open x-header .header.full-width
{
    right: 500px!important;
}
html.cdk-global-scrollblock
{
    overflow-y: hidden;
}
html.cdk-global-scrollblock body
{
    overflow: initial;
}
.container
{
    margin: 20px;
}
figure
{
    margin: 0;
}