.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: rgba(0,0,0,0);
    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: rgba(0,0,0,.32);
}
.cdk-overlay-transparent-backdrop
{
    transition: visibility 1ms linear,opacity 1ms linear;
    visibility: hidden;
    opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing
{
    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;
}
.mat-badge-content
{
    font-weight: 600;
    font-size: 12px;
    font-family: Roboto,Helvetica Neue,sans-serif;
}
.mat-badge-small .mat-badge-content
{
    font-size: 9px;
}
.mat-badge-large .mat-badge-content
{
    font-size: 24px;
}
.mat-h1, .mat-headline, .mat-typography .mat-h1, .mat-typography .mat-headline, .mat-typography h1
{
    font: 400 24px/32px Roboto,Helvetica Neue,sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px;
}
.mat-h2, .mat-title, .mat-typography .mat-h2, .mat-typography .mat-title, .mat-typography h2
{
    font: 500 20px/32px Roboto,Helvetica Neue,sans-serif;
    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: 400 16px/28px Roboto,Helvetica Neue,sans-serif;
    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: 400 15px/24px Roboto,Helvetica Neue,sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px;
}
.mat-h5, .mat-typography .mat-h5, .mat-typography h5
{
    font: 400 11.62px/20px Roboto,Helvetica Neue,sans-serif;
    margin: 0 0 12px;
}
.mat-h6, .mat-typography .mat-h6, .mat-typography h6
{
    font: 400 9.38px/20px Roboto,Helvetica Neue,sans-serif;
    margin: 0 0 12px;
}
.mat-body-strong, .mat-body-2, .mat-typography .mat-body-strong, .mat-typography .mat-body-2
{
    font: 500 14px/24px Roboto,Helvetica Neue,sans-serif;
    letter-spacing: normal;
}
.mat-body, .mat-body-1, .mat-typography .mat-body, .mat-typography .mat-body-1, .mat-typography
{
    font: 400 14px/20px Roboto,Helvetica Neue,sans-serif;
    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: 400 12px/20px Roboto,Helvetica Neue,sans-serif;
    letter-spacing: normal;
}
.mat-display-4, .mat-typography .mat-display-4
{
    font: 300 112px/112px Roboto,Helvetica Neue,sans-serif;
    letter-spacing: -.05em;
    margin: 0 0 56px;
}
.mat-display-3, .mat-typography .mat-display-3
{
    font: 400 56px/56px Roboto,Helvetica Neue,sans-serif;
    letter-spacing: -.02em;
    margin: 0 0 64px;
}
.mat-display-2, .mat-typography .mat-display-2
{
    font: 400 45px/48px Roboto,Helvetica Neue,sans-serif;
    letter-spacing: -.005em;
    margin: 0 0 64px;
}
.mat-display-1, .mat-typography .mat-display-1
{
    font: 400 34px/40px Roboto,Helvetica Neue,sans-serif;
    letter-spacing: normal;
    margin: 0 0 64px;
}
.mat-bottom-sheet-container
{
    font: 400 14px/20px Roboto,Helvetica Neue,sans-serif;
    letter-spacing: normal;
}
.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab
{
    font-family: Roboto,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 500;
}
.mat-button-toggle, .mat-card
{
    font-family: Roboto,Helvetica Neue,sans-serif;
}
.mat-card-title
{
    font-size: 24px;
    font-weight: 500;
}
.mat-card-header .mat-card-title
{
    font-size: 20px;
}
.mat-card-subtitle, .mat-card-content
{
    font-size: 14px;
}
.mat-checkbox
{
    font-family: Roboto,Helvetica Neue,sans-serif;
}
.mat-checkbox-layout .mat-checkbox-label
{
    line-height: 24px;
}
.mat-chip
{
    font-size: 14px;
    font-weight: 500;
}
.mat-chip .mat-chip-trailing-icon.mat-icon, .mat-chip .mat-chip-remove.mat-icon
{
    font-size: 18px;
}
.mat-table
{
    font-family: Roboto,Helvetica Neue,sans-serif;
}
.mat-header-cell
{
    font-size: 12px;
    font-weight: 500;
}
.mat-cell, .mat-footer-cell
{
    font-size: 14px;
}
.mat-calendar
{
    font-family: Roboto,Helvetica Neue,sans-serif;
}
.mat-calendar-body
{
    font-size: 13px;
}
.mat-calendar-body-label, .mat-calendar-period-button
{
    font-size: 14px;
    font-weight: 500;
}
.mat-calendar-table-header th
{
    font-size: 11px;
    font-weight: 400;
}
.mat-dialog-title
{
    font: 500 20px/32px Roboto,Helvetica Neue,sans-serif;
    letter-spacing: normal;
}
.mat-expansion-panel-header
{
    font-family: Roboto,Helvetica Neue,sans-serif;
    font-size: 15px;
    font-weight: 400;
}
.mat-expansion-panel-content
{
    font: 400 14px/20px Roboto,Helvetica Neue,sans-serif;
    letter-spacing: normal;
}
.mat-form-field
{
    font-size: inherit;
    font-weight: 400;
    line-height: 1.125;
    font-family: Roboto,Helvetica Neue,sans-serif;
    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 rgba(0,0,0,0);
}
.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]:not(:label-shown)+.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]:not(:label-shown)+.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]:not(:label-shown)+.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]:not(:label-shown)+.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]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label
{
    transform: translateY(-1.59374em) scale(.75);
    width: 133.3333433333%;
}
.mat-grid-tile-header, .mat-grid-tile-footer
{
    font-size: 14px;
}
.mat-grid-tile-header .mat-line, .mat-grid-tile-footer .mat-line
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box;
}
.mat-grid-tile-header .mat-line:nth-child(n+2), .mat-grid-tile-footer .mat-line:nth-child(n+2)
{
    font-size: 12px;
}
input.mat-input-element
{
    margin-top: -.0625em;
}
.mat-menu-item
{
    font-family: Roboto,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
}
.mat-paginator, .mat-paginator-page-size .mat-select-trigger
{
    font-family: Roboto,Helvetica Neue,sans-serif;
    font-size: 12px;
}
.mat-radio-button, .mat-select
{
    font-family: Roboto,Helvetica Neue,sans-serif;
}
.mat-select-trigger
{
    height: 1.125em;
}
.mat-slide-toggle-content
{
    font-family: Roboto,Helvetica Neue,sans-serif;
}
.mat-slider-thumb-label-text
{
    font-family: Roboto,Helvetica Neue,sans-serif;
    font-size: 12px;
    font-weight: 500;
}
.mat-stepper-vertical, .mat-stepper-horizontal
{
    font-family: Roboto,Helvetica Neue,sans-serif;
}
.mat-step-label
{
    font-size: 14px;
    font-weight: 400;
}
.mat-step-sub-label-error
{
    font-weight: 400;
}
.mat-step-label-error
{
    font-size: 14px;
}
.mat-step-label-selected
{
    font-size: 14px;
    font-weight: 500;
}
.mat-tab-group
{
    font-family: Roboto,Helvetica Neue,sans-serif;
}
.mat-tab-label, .mat-tab-link
{
    font-family: Roboto,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 500;
}
.mat-toolbar, .mat-toolbar h1, .mat-toolbar h2, .mat-toolbar h3, .mat-toolbar h4, .mat-toolbar h5, .mat-toolbar h6
{
    font: 500 20px/32px Roboto,Helvetica Neue,sans-serif;
    letter-spacing: normal;
    margin: 0;
}
.mat-tooltip
{
    font-family: Roboto,Helvetica Neue,sans-serif;
    font-size: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.mat-tooltip-handset
{
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.mat-list-item, .mat-list-option
{
    font-family: Roboto,Helvetica Neue,sans-serif;
}
.mat-list-base .mat-list-item
{
    font-size: 16px;
}
.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: 14px;
}
.mat-list-base .mat-list-option
{
    font-size: 16px;
}
.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: 14px;
}
.mat-list-base .mat-subheader
{
    font-family: Roboto,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 500;
}
.mat-list-base[dense] .mat-list-item
{
    font-size: 12px;
}
.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: 12px;
}
.mat-list-base[dense] .mat-list-option
{
    font-size: 12px;
}
.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: 12px;
}
.mat-list-base[dense] .mat-subheader
{
    font-family: Roboto,Helvetica Neue,sans-serif;
    font-size: 12px;
    font-weight: 500;
}
.mat-option
{
    font-family: Roboto,Helvetica Neue,sans-serif;
    font-size: 16px;
}
.mat-optgroup-label
{
    font: 500 14px/24px Roboto,Helvetica Neue,sans-serif;
    letter-spacing: normal;
}
.mat-simple-snackbar
{
    font-family: Roboto,Helvetica Neue,sans-serif;
    font-size: 14px;
}
.mat-simple-snackbar-action
{
    line-height: 1;
    font-family: inherit;
    font-size: inherit;
    font-weight: 500;
}
.mat-tree
{
    font-family: Roboto,Helvetica Neue,sans-serif;
}
.mat-tree-node, .mat-nested-tree-node
{
    font-weight: 400;
    font-size: 14px;
}
.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: rgba(0,0,0,0);
    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: rgba(0,0,0,.32);
}
.cdk-overlay-transparent-backdrop
{
    transition: visibility 1ms linear,opacity 1ms linear;
    visibility: hidden;
    opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing
{
    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;
}
.mat-ripple-element
{
    background-color: #0000001a;
}
.mat-option
{
    color: #000000de;
}
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled)
{
    background: rgba(0,0,0,.04);
}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled)
{
    background: rgba(0,0,0,.04);
}
.mat-option.mat-active
{
    background: rgba(0,0,0,.04);
    color: #000000de;
}
.mat-option.mat-option-disabled
{
    color: #00000061;
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled)
{
    color: #3f51b5;
}
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled)
{
    color: #ff4081;
}
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled)
{
    color: #f44336;
}
.mat-optgroup-label
{
    color: #0000008a;
}
.mat-optgroup-disabled .mat-optgroup-label
{
    color: #00000061;
}
.mat-pseudo-checkbox
{
    color: #0000008a;
}
.mat-pseudo-checkbox:after
{
    color: #fafafa;
}
.mat-pseudo-checkbox-disabled
{
    color: #b0b0b0;
}
.mat-primary .mat-pseudo-checkbox-checked, .mat-primary .mat-pseudo-checkbox-indeterminate
{
    background: #3f51b5;
}
.mat-pseudo-checkbox-checked, .mat-pseudo-checkbox-indeterminate, .mat-accent .mat-pseudo-checkbox-checked, .mat-accent .mat-pseudo-checkbox-indeterminate
{
    background: #ff4081;
}
.mat-warn .mat-pseudo-checkbox-checked, .mat-warn .mat-pseudo-checkbox-indeterminate
{
    background: #f44336;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled
{
    background: #b0b0b0;
}
.mat-app-background
{
    background-color: #fafafa;
    color: #000000de;
}
.mat-elevation-z0
{
    box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f;
}
.mat-elevation-z1
{
    box-shadow: 0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;
}
.mat-elevation-z2
{
    box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;
}
.mat-elevation-z3
{
    box-shadow: 0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f;
}
.mat-elevation-z4
{
    box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;
}
.mat-elevation-z5
{
    box-shadow: 0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f;
}
.mat-elevation-z6
{
    box-shadow: 0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;
}
.mat-elevation-z7
{
    box-shadow: 0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f;
}
.mat-elevation-z8
{
    box-shadow: 0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;
}
.mat-elevation-z9
{
    box-shadow: 0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f;
}
.mat-elevation-z10
{
    box-shadow: 0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f;
}
.mat-elevation-z11
{
    box-shadow: 0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f;
}
.mat-elevation-z12
{
    box-shadow: 0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f;
}
.mat-elevation-z13
{
    box-shadow: 0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f;
}
.mat-elevation-z14
{
    box-shadow: 0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f;
}
.mat-elevation-z15
{
    box-shadow: 0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f;
}
.mat-elevation-z16
{
    box-shadow: 0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;
}
.mat-elevation-z17
{
    box-shadow: 0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f;
}
.mat-elevation-z18
{
    box-shadow: 0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f;
}
.mat-elevation-z19
{
    box-shadow: 0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f;
}
.mat-elevation-z20
{
    box-shadow: 0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f;
}
.mat-elevation-z21
{
    box-shadow: 0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f;
}
.mat-elevation-z22
{
    box-shadow: 0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f;
}
.mat-elevation-z23
{
    box-shadow: 0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f;
}
.mat-elevation-z24
{
    box-shadow: 0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;
}
.mat-theme-loaded-marker
{
    display: none;
}
.mat-autocomplete-panel
{
    background: #fff;
    color: #000000de;
}
.mat-autocomplete-panel:not([class*=mat-elevation-z])
{
    box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover)
{
    background: #fff;
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled)
{
    color: #000000de;
}
.mat-badge
{
    position: relative;
}
.mat-badge.mat-badge
{
    overflow: visible;
}
.mat-badge-hidden .mat-badge-content
{
    display: none;
}
.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;
}
.ng-animate-disabled .mat-badge-content, .mat-badge-content._mat-animation-noopable
{
    transition: none;
}
.mat-badge-content.mat-badge-active
{
    transform: none;
}
.mat-badge-small .mat-badge-content
{
    width: 16px;
    height: 16px;
    line-height: 16px;
}
.mat-badge-small.mat-badge-above .mat-badge-content
{
    top: -8px;
}
.mat-badge-small.mat-badge-below .mat-badge-content
{
    bottom: -8px;
}
.mat-badge-small.mat-badge-before .mat-badge-content
{
    left: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content
{
    left: auto;
    right: -16px;
}
.mat-badge-small.mat-badge-after .mat-badge-content
{
    right: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content
{
    right: auto;
    left: -16px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content
{
    left: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content
{
    left: auto;
    right: -8px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content
{
    right: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content
{
    right: auto;
    left: -8px;
}
.mat-badge-medium .mat-badge-content
{
    width: 22px;
    height: 22px;
    line-height: 22px;
}
.mat-badge-medium.mat-badge-above .mat-badge-content
{
    top: -11px;
}
.mat-badge-medium.mat-badge-below .mat-badge-content
{
    bottom: -11px;
}
.mat-badge-medium.mat-badge-before .mat-badge-content
{
    left: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content
{
    left: auto;
    right: -22px;
}
.mat-badge-medium.mat-badge-after .mat-badge-content
{
    right: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content
{
    right: auto;
    left: -22px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content
{
    left: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content
{
    left: auto;
    right: -11px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content
{
    right: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content
{
    right: auto;
    left: -11px;
}
.mat-badge-large .mat-badge-content
{
    width: 28px;
    height: 28px;
    line-height: 28px;
}
.mat-badge-large.mat-badge-above .mat-badge-content
{
    top: -14px;
}
.mat-badge-large.mat-badge-below .mat-badge-content
{
    bottom: -14px;
}
.mat-badge-large.mat-badge-before .mat-badge-content
{
    left: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content
{
    left: auto;
    right: -28px;
}
.mat-badge-large.mat-badge-after .mat-badge-content
{
    right: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content
{
    right: auto;
    left: -28px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content
{
    left: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content
{
    left: auto;
    right: -14px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content
{
    right: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content
{
    right: auto;
    left: -14px;
}
.mat-badge-content
{
    color: #fff;
    background: #3f51b5;
}
.cdk-high-contrast-active .mat-badge-content
{
    outline: solid 1px;
    border-radius: 0;
}
.mat-badge-accent .mat-badge-content
{
    background: #ff4081;
    color: #fff;
}
.mat-badge-warn .mat-badge-content
{
    color: #fff;
    background: #f44336;
}
.mat-badge-disabled .mat-badge-content
{
    background: #b9b9b9;
    color: #00000061;
}
.mat-bottom-sheet-container
{
    box-shadow: 0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;
    background: #fff;
    color: #000000de;
}
.mat-button, .mat-icon-button, .mat-stroked-button
{
    color: inherit;
    background: rgba(0,0,0,0);
}
.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary
{
    color: #3f51b5;
}
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent
{
    color: #ff4081;
}
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn
{
    color: #f44336;
}
.mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled
{
    color: #00000042;
}
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay
{
    background-color: #3f51b5;
}
.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay
{
    background-color: #ff4081;
}
.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay
{
    background-color: #f44336;
}
.mat-button.mat-button-disabled .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay
{
    background-color: #0000;
}
.mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element
{
    opacity: .1;
    background-color: currentColor;
}
.mat-button-focus-overlay
{
    background: #000;
}
.mat-stroked-button:not(.mat-button-disabled)
{
    border-color: #0000001f;
}
.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab
{
    color: #000000de;
    background-color: #fff;
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary, .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent, .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn
{
    color: #fff;
}
.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled
{
    color: #00000042;
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary
{
    background-color: #3f51b5;
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent
{
    background-color: #ff4081;
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn
{
    background-color: #f44336;
}
.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled
{
    background-color: #0000001f;
}
.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element, .mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element, .mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element
{
    background-color: #ffffff1a;
}
.mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z])
{
    box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f;
}
.mat-raised-button:not([class*=mat-elevation-z])
{
    box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;
}
.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z])
{
    box-shadow: 0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;
}
.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z])
{
    box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f;
}
.mat-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z])
{
    box-shadow: 0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;
}
.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z])
{
    box-shadow: 0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f;
}
.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z])
{
    box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f;
}
.mat-button-toggle-standalone:not([class*=mat-elevation-z]), .mat-button-toggle-group:not([class*=mat-elevation-z])
{
    box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;
}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]), .mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z])
{
    box-shadow: none;
}
.mat-button-toggle
{
    color: #00000061;
}
.mat-button-toggle .mat-button-toggle-focus-overlay
{
    background-color: #0000001f;
}
.mat-button-toggle-appearance-standard
{
    color: #000000de;
    background: #fff;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay
{
    background-color: #000;
}
.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle
{
    border-left: solid 1px #e0e0e0;
}
[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle
{
    border-left: none;
    border-right: solid 1px #e0e0e0;
}
.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle
{
    border-left: none;
    border-right: none;
    border-top: solid 1px #e0e0e0;
}
.mat-button-toggle-checked
{
    background-color: #e0e0e0;
    color: #0000008a;
}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard
{
    color: #000000de;
}
.mat-button-toggle-disabled
{
    color: #00000042;
    background-color: #eee;
}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard
{
    background: #fff;
}
.mat-button-toggle-disabled.mat-button-toggle-checked
{
    background-color: #bdbdbd;
}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .mat-button-toggle-group-appearance-standard
{
    border: solid 1px #e0e0e0;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-label-content
{
    line-height: 48px;
}
.mat-card
{
    background: #fff;
    color: #000000de;
}
.mat-card:not([class*=mat-elevation-z])
{
    box-shadow: 0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;
}
.mat-card.mat-card-flat:not([class*=mat-elevation-z])
{
    box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f;
}
.mat-card-subtitle
{
    color: #0000008a;
}
.mat-checkbox-frame
{
    border-color: #0000008a;
}
.mat-checkbox-checkmark
{
    fill: #fafafa;
}
.mat-checkbox-checkmark-path
{
    stroke: #fafafa!important;
}
.mat-checkbox-mixedmark
{
    background-color: #fafafa;
}
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background
{
    background-color: #3f51b5;
}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background
{
    background-color: #ff4081;
}
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background
{
    background-color: #f44336;
}
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background
{
    background-color: #b0b0b0;
}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame
{
    border-color: #b0b0b0;
}
.mat-checkbox-disabled .mat-checkbox-label
{
    color: #00000061;
}
.mat-checkbox .mat-ripple-element
{
    background-color: #000;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element
{
    background: #3f51b5;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element
{
    background: #ff4081;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element
{
    background: #f44336;
}
.mat-chip.mat-standard-chip
{
    background-color: #e0e0e0;
    color: #000000de;
}
.mat-chip.mat-standard-chip .mat-chip-remove
{
    color: #000000de;
    opacity: .4;
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active
{
    box-shadow: 0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f;
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover
{
    opacity: .54;
}
.mat-chip.mat-standard-chip.mat-chip-disabled
{
    opacity: .4;
}
.mat-chip.mat-standard-chip:after
{
    background: #000;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary
{
    background-color: #3f51b5;
    color: #fff;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove
{
    color: #fff;
    opacity: .4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element
{
    background-color: #ffffff1a;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn
{
    background-color: #f44336;
    color: #fff;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove
{
    color: #fff;
    opacity: .4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element
{
    background-color: #ffffff1a;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent
{
    background-color: #ff4081;
    color: #fff;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove
{
    color: #fff;
    opacity: .4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element
{
    background-color: #ffffff1a;
}
.mat-table
{
    background: #fff;
}
.mat-table thead, .mat-table tbody, .mat-table tfoot, mat-header-row, mat-row, mat-footer-row, [mat-header-row], [mat-row], [mat-footer-row], .mat-table-sticky
{
    background: inherit;
}
mat-row, mat-header-row, mat-footer-row, th.mat-header-cell, td.mat-cell, td.mat-footer-cell
{
    border-bottom-color: #0000001f;
}
.mat-header-cell
{
    color: #0000008a;
}
.mat-cell, .mat-footer-cell
{
    color: #000000de;
}
.mat-calendar-arrow
{
    fill: #0000008a;
}
.mat-datepicker-toggle, .mat-datepicker-content .mat-calendar-next-button, .mat-datepicker-content .mat-calendar-previous-button
{
    color: #0000008a;
}
.mat-calendar-table-header-divider:after
{
    background: rgba(0,0,0,.12);
}
.mat-calendar-table-header, .mat-calendar-body-label
{
    color: #0000008a;
}
.mat-calendar-body-cell-content, .mat-date-range-input-separator
{
    color: #000000de;
    border-color: #0000;
}
.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical)
{
    color: #00000061;
}
.mat-form-field-disabled .mat-date-range-input-separator
{
    color: #00000061;
}
.mat-calendar-body-in-preview
{
    color: #0000003d;
}
.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical)
{
    border-color: #00000061;
}
.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical)
{
    border-color: #0000002e;
}
.mat-calendar-body-in-range:before
{
    background: rgba(63,81,181,.2);
}
.mat-calendar-body-comparison-identical, .mat-calendar-body-in-comparison-range:before
{
    background: rgba(249,171,0,.2);
}
.mat-calendar-body-comparison-bridge-start:before, [dir=rtl] .mat-calendar-body-comparison-bridge-end:before
{
    background: linear-gradient(to right,rgba(63,81,181,.2) 50%,rgba(249,171,0,.2) 50%);
}
.mat-calendar-body-comparison-bridge-end:before, [dir=rtl] .mat-calendar-body-comparison-bridge-start:before
{
    background: linear-gradient(to left,rgba(63,81,181,.2) 50%,rgba(249,171,0,.2) 50%);
}
.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical, .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after
{
    background: #a8dab5;
}
.mat-calendar-body-comparison-identical.mat-calendar-body-selected, .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected
{
    background: #46a35e;
}
.mat-calendar-body-selected
{
    background-color: #3f51b5;
    color: #fff;
}
.mat-calendar-body-disabled>.mat-calendar-body-selected
{
    background-color: #3f51b566;
}
.mat-calendar-body-today.mat-calendar-body-selected
{
    box-shadow: inset 0 0 0 1px #fff;
}
.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical)
{
    background-color: #3f51b54d;
}
@media(hover: hover)
{
    .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical)
    {
        background-color: #3f51b54d;
    }
}
.mat-datepicker-content
{
    box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;
    background-color: #fff;
    color: #000000de;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range:before
{
    background: rgba(255,64,129,.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range:before
{
    background: rgba(249,171,0,.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start:before, .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end:before
{
    background: linear-gradient(to right,rgba(255,64,129,.2) 50%,rgba(249,171,0,.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end:before, .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start:before
{
    background: linear-gradient(to left,rgba(255,64,129,.2) 50%,rgba(249,171,0,.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical, .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after
{
    background: #a8dab5;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected
{
    background: #46a35e;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-selected
{
    background-color: #ff4081;
    color: #fff;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected
{
    background-color: #ff408166;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected
{
    box-shadow: inset 0 0 0 1px #fff;
}
.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical)
{
    background-color: #ff40814d;
}
@media(hover: hover)
{
    .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical)
    {
        background-color: #ff40814d;
    }
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range:before
{
    background: rgba(244,67,54,.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range:before
{
    background: rgba(249,171,0,.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start:before, .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end:before
{
    background: linear-gradient(to right,rgba(244,67,54,.2) 50%,rgba(249,171,0,.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end:before, .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start:before
{
    background: linear-gradient(to left,rgba(244,67,54,.2) 50%,rgba(249,171,0,.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical, .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after
{
    background: #a8dab5;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected
{
    background: #46a35e;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-selected
{
    background-color: #f44336;
    color: #fff;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected
{
    background-color: #f4433666;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected
{
    box-shadow: inset 0 0 0 1px #fff;
}
.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical)
{
    background-color: #f443364d;
}
@media(hover: hover)
{
    .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical)
    {
        background-color: #f443364d;
    }
}
.mat-datepicker-content-touch
{
    box-shadow: 0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;
}
.mat-datepicker-toggle-active
{
    color: #3f51b5;
}
.mat-datepicker-toggle-active.mat-accent
{
    color: #ff4081;
}
.mat-datepicker-toggle-active.mat-warn
{
    color: #f44336;
}
.mat-date-range-input-inner[disabled]
{
    color: #00000061;
}
.mat-dialog-container
{
    box-shadow: 0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;
    background: #fff;
    color: #000000de;
}
.mat-divider
{
    border-top-color: #0000001f;
}
.mat-divider-vertical
{
    border-right-color: #0000001f;
}
.mat-expansion-panel
{
    background: #fff;
    color: #000000de;
}
.mat-expansion-panel:not([class*=mat-elevation-z])
{
    box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;
}
.mat-action-row
{
    border-top-color: #0000001f;
}
.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true])
{
    background: rgba(0,0,0,.04);
}
@media(hover: none)
{
    .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover
    {
        background: #fff;
    }
}
.mat-expansion-panel-header-title
{
    color: #000000de;
}
.mat-expansion-panel-header-description, .mat-expansion-indicator:after
{
    color: #0000008a;
}
.mat-expansion-panel-header[aria-disabled=true]
{
    color: #00000042;
}
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description
{
    color: inherit;
}
.mat-expansion-panel-header
{
    height: 48px;
}
.mat-expansion-panel-header.mat-expanded
{
    height: 64px;
}
.mat-form-field-label, .mat-hint
{
    color: #0009;
}
.mat-form-field.mat-focused .mat-form-field-label
{
    color: #3f51b5;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent
{
    color: #ff4081;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn
{
    color: #f44336;
}
.mat-focused .mat-form-field-required-marker
{
    color: #ff4081;
}
.mat-form-field-ripple
{
    background-color: #000000de;
}
.mat-form-field.mat-focused .mat-form-field-ripple
{
    background-color: #3f51b5;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent
{
    background-color: #ff4081;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn
{
    background-color: #f44336;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix:after
{
    color: #3f51b5;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix:after
{
    color: #ff4081;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix:after
{
    color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label, .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker
{
    color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple, .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent
{
    background-color: #f44336;
}
.mat-error
{
    color: #f44336;
}
.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .mat-hint
{
    color: #0000008a;
}
.mat-form-field-appearance-legacy .mat-form-field-underline
{
    background-color: #0000006b;
}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline
{
    background-image: linear-gradient(to right,rgba(0,0,0,.42) 0%,rgba(0,0,0,.42) 33%,transparent 0%);
    background-size: 4px 100%;
    background-repeat: repeat-x;
}
.mat-form-field-appearance-standard .mat-form-field-underline
{
    background-color: #0000006b;
}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline
{
    background-image: linear-gradient(to right,rgba(0,0,0,.42) 0%,rgba(0,0,0,.42) 33%,transparent 0%);
    background-size: 4px 100%;
    background-repeat: repeat-x;
}
.mat-form-field-appearance-fill .mat-form-field-flex
{
    background-color: #0000000a;
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex
{
    background-color: #00000005;
}
.mat-form-field-appearance-fill .mat-form-field-underline:before
{
    background-color: #0000006b;
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label
{
    color: #00000061;
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline:before
{
    background-color: #0000;
}
.mat-form-field-appearance-outline .mat-form-field-outline
{
    color: #0000001f;
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick
{
    color: #000000de;
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick
{
    color: #3f51b5;
}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick
{
    color: #ff4081;
}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick, .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick
{
    color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label
{
    color: #00000061;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline
{
    color: #0000000f;
}
.mat-icon.mat-primary
{
    color: #3f51b5;
}
.mat-icon.mat-accent
{
    color: #ff4081;
}
.mat-icon.mat-warn
{
    color: #f44336;
}
.mat-form-field-type-mat-native-select .mat-form-field-infix:after
{
    color: #0000008a;
}
.mat-input-element:disabled, .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix:after
{
    color: #00000061;
}
.mat-input-element
{
    caret-color: #3f51b5;
}
.mat-input-element::placeholder
{
    color: #0000006b;
}
.mat-input-element::-moz-placeholder
{
    color: #0000006b;
}
.mat-input-element::-webkit-input-placeholder
{
    color: #0000006b;
}
.mat-input-element:-ms-input-placeholder
{
    color: #0000006b;
}
.mat-form-field.mat-accent .mat-input-element
{
    caret-color: #ff4081;
}
.mat-form-field.mat-warn .mat-input-element, .mat-form-field-invalid .mat-input-element
{
    caret-color: #f44336;
}
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix:after
{
    color: #f44336;
}
.mat-list-base .mat-list-item, .mat-list-base .mat-list-option
{
    color: #000000de;
}
.mat-list-base .mat-subheader
{
    color: #0000008a;
}
.mat-list-base .mat-list-item-disabled
{
    background-color: #eee;
    color: #00000061;
}
.mat-list-option:hover, .mat-list-option:focus, .mat-nav-list .mat-list-item:hover, .mat-nav-list .mat-list-item:focus, .mat-action-list .mat-list-item:hover, .mat-action-list .mat-list-item:focus
{
    background: rgba(0,0,0,.04);
}
.mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus
{
    background: rgba(0,0,0,.12);
}
.mat-menu-panel
{
    background: #fff;
}
.mat-menu-panel:not([class*=mat-elevation-z])
{
    box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;
}
.mat-menu-item
{
    background: rgba(0,0,0,0);
    color: #000000de;
}
.mat-menu-item[disabled], .mat-menu-item[disabled] .mat-menu-submenu-icon, .mat-menu-item[disabled] .mat-icon-no-color
{
    color: #00000061;
}
.mat-menu-item .mat-icon-no-color, .mat-menu-submenu-icon
{
    color: #0000008a;
}
.mat-menu-item:hover:not([disabled]), .mat-menu-item.cdk-program-focused:not([disabled]), .mat-menu-item.cdk-keyboard-focused:not([disabled]), .mat-menu-item-highlighted:not([disabled])
{
    background: rgba(0,0,0,.04);
}
.mat-paginator
{
    background: #fff;
}
.mat-paginator, .mat-paginator-page-size .mat-select-trigger
{
    color: #0000008a;
}
.mat-paginator-decrement, .mat-paginator-increment
{
    border-top: 2px solid rgba(0,0,0,.54);
    border-right: 2px solid rgba(0,0,0,.54);
}
.mat-paginator-first, .mat-paginator-last
{
    border-top: 2px solid rgba(0,0,0,.54);
}
.mat-icon-button[disabled] .mat-paginator-decrement, .mat-icon-button[disabled] .mat-paginator-increment, .mat-icon-button[disabled] .mat-paginator-first, .mat-icon-button[disabled] .mat-paginator-last
{
    border-color: #00000061;
}
.mat-paginator-container
{
    min-height: 56px;
}
.mat-progress-bar-background
{
    fill: #cbd0e9;
}
.mat-progress-bar-buffer
{
    background-color: #cbd0e9;
}
.mat-progress-bar-fill:after
{
    background-color: #3f51b5;
}
.mat-progress-bar.mat-accent .mat-progress-bar-background
{
    fill: #fbccdc;
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer
{
    background-color: #fbccdc;
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill:after
{
    background-color: #ff4081;
}
.mat-progress-bar.mat-warn .mat-progress-bar-background
{
    fill: #f9ccc9;
}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer
{
    background-color: #f9ccc9;
}
.mat-progress-bar.mat-warn .mat-progress-bar-fill:after
{
    background-color: #f44336;
}
.mat-progress-spinner circle, .mat-spinner circle
{
    stroke: #3f51b5;
}
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle
{
    stroke: #ff4081;
}
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle
{
    stroke: #f44336;
}
.mat-radio-outer-circle
{
    border-color: #0000008a;
}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle
{
    border-color: #3f51b5;
}
.mat-radio-button.mat-primary .mat-radio-inner-circle, .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple
{
    background-color: #3f51b5;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle
{
    border-color: #ff4081;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle, .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple
{
    background-color: #ff4081;
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle
{
    border-color: #f44336;
}
.mat-radio-button.mat-warn .mat-radio-inner-circle, .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple
{
    background-color: #f44336;
}
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle
{
    border-color: #00000061;
}
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle
{
    background-color: #00000061;
}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content
{
    color: #00000061;
}
.mat-radio-button .mat-ripple-element
{
    background-color: #000;
}
.mat-select-value
{
    color: #000000de;
}
.mat-select-placeholder
{
    color: #0000006b;
}
.mat-select-disabled .mat-select-value
{
    color: #00000061;
}
.mat-select-arrow
{
    color: #0000008a;
}
.mat-select-panel
{
    background: #fff;
}
.mat-select-panel:not([class*=mat-elevation-z])
{
    box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;
}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple)
{
    background: rgba(0,0,0,.12);
}
.mat-form-field.mat-focused.mat-primary .mat-select-arrow
{
    color: #3f51b5;
}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow
{
    color: #ff4081;
}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow, .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow
{
    color: #f44336;
}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow
{
    color: #00000061;
}
.mat-drawer-container
{
    background-color: #fafafa;
    color: #000000de;
}
.mat-drawer
{
    background-color: #fff;
    color: #000000de;
}
.mat-drawer.mat-drawer-push
{
    background-color: #fff;
}
.mat-drawer:not(.mat-drawer-side)
{
    box-shadow: 0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;
}
.mat-drawer-side
{
    border-right: solid 1px rgba(0,0,0,.12);
}
.mat-drawer-side.mat-drawer-end, [dir=rtl] .mat-drawer-side
{
    border-left: solid 1px rgba(0,0,0,.12);
    border-right: none;
}
[dir=rtl] .mat-drawer-side.mat-drawer-end
{
    border-left: none;
    border-right: solid 1px rgba(0,0,0,.12);
}
.mat-drawer-backdrop.mat-drawer-shown
{
    background-color: #0009;
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb
{
    background-color: #ff4081;
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar
{
    background-color: #ff40818a;
}
.mat-slide-toggle.mat-checked .mat-ripple-element
{
    background-color: #ff4081;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb
{
    background-color: #3f51b5;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar
{
    background-color: #3f51b58a;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element
{
    background-color: #3f51b5;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb
{
    background-color: #f44336;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar
{
    background-color: #f443368a;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element
{
    background-color: #f44336;
}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element
{
    background-color: #000;
}
.mat-slide-toggle-thumb
{
    box-shadow: 0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;
    background-color: #fafafa;
}
.mat-slide-toggle-bar
{
    background-color: #00000061;
}
.mat-slider-track-background
{
    background-color: #00000042;
}
.mat-slider.mat-primary .mat-slider-track-fill, .mat-slider.mat-primary .mat-slider-thumb, .mat-slider.mat-primary .mat-slider-thumb-label
{
    background-color: #3f51b5;
}
.mat-slider.mat-primary .mat-slider-thumb-label-text
{
    color: #fff;
}
.mat-slider.mat-primary .mat-slider-focus-ring
{
    background-color: #3f51b533;
}
.mat-slider.mat-accent .mat-slider-track-fill, .mat-slider.mat-accent .mat-slider-thumb, .mat-slider.mat-accent .mat-slider-thumb-label
{
    background-color: #ff4081;
}
.mat-slider.mat-accent .mat-slider-thumb-label-text
{
    color: #fff;
}
.mat-slider.mat-accent .mat-slider-focus-ring
{
    background-color: #ff408133;
}
.mat-slider.mat-warn .mat-slider-track-fill, .mat-slider.mat-warn .mat-slider-thumb, .mat-slider.mat-warn .mat-slider-thumb-label
{
    background-color: #f44336;
}
.mat-slider.mat-warn .mat-slider-thumb-label-text
{
    color: #fff;
}
.mat-slider.mat-warn .mat-slider-focus-ring
{
    background-color: #f4433633;
}
.mat-slider:hover .mat-slider-track-background, .mat-slider.cdk-focused .mat-slider-track-background
{
    background-color: #00000061;
}
.mat-slider.mat-slider-disabled .mat-slider-track-background, .mat-slider.mat-slider-disabled .mat-slider-track-fill, .mat-slider.mat-slider-disabled .mat-slider-thumb, .mat-slider.mat-slider-disabled:hover .mat-slider-track-background
{
    background-color: #00000042;
}
.mat-slider.mat-slider-min-value .mat-slider-focus-ring
{
    background-color: #0000001f;
}
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label
{
    background-color: #000000de;
}
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label
{
    background-color: #00000042;
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb
{
    border-color: #00000042;
    background-color: #0000;
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb
{
    border-color: #00000061;
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb
{
    border-color: #00000042;
}
.mat-slider-has-ticks .mat-slider-wrapper:after
{
    border-color: #000000b3;
}
.mat-slider-horizontal .mat-slider-ticks
{
    background-image: repeating-linear-gradient(to right,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent);
    background-image: -moz-repeating-linear-gradient(.0001deg,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent);
}
.mat-slider-vertical .mat-slider-ticks
{
    background-image: repeating-linear-gradient(to bottom,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent);
}
.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover:not([aria-disabled]), .mat-step-header:hover[aria-disabled=false]
{
    background-color: #0000000a;
}
.mat-step-header:hover[aria-disabled=true]
{
    cursor: default;
}
@media(hover: none)
{
    .mat-step-header:hover
    {
        background: none;
    }
}
.mat-step-header .mat-step-label, .mat-step-header .mat-step-optional
{
    color: #0000008a;
}
.mat-step-header .mat-step-icon
{
    background-color: #0000008a;
    color: #fff;
}
.mat-step-header .mat-step-icon-selected, .mat-step-header .mat-step-icon-state-done, .mat-step-header .mat-step-icon-state-edit
{
    background-color: #3f51b5;
    color: #fff;
}
.mat-step-header.mat-accent .mat-step-icon
{
    color: #fff;
}
.mat-step-header.mat-accent .mat-step-icon-selected, .mat-step-header.mat-accent .mat-step-icon-state-done, .mat-step-header.mat-accent .mat-step-icon-state-edit
{
    background-color: #ff4081;
    color: #fff;
}
.mat-step-header.mat-warn .mat-step-icon
{
    color: #fff;
}
.mat-step-header.mat-warn .mat-step-icon-selected, .mat-step-header.mat-warn .mat-step-icon-state-done, .mat-step-header.mat-warn .mat-step-icon-state-edit
{
    background-color: #f44336;
    color: #fff;
}
.mat-step-header .mat-step-icon-state-error
{
    background-color: #0000;
    color: #f44336;
}
.mat-step-header .mat-step-label.mat-step-label-active
{
    color: #000000de;
}
.mat-step-header .mat-step-label.mat-step-label-error
{
    color: #f44336;
}
.mat-stepper-horizontal, .mat-stepper-vertical
{
    background-color: #fff;
}
.mat-stepper-vertical-line:before
{
    border-left-color: #0000001f;
}
.mat-horizontal-stepper-header:before, .mat-horizontal-stepper-header:after, .mat-stepper-horizontal-line
{
    border-top-color: #0000001f;
}
.mat-horizontal-stepper-header
{
    height: 72px;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header, .mat-vertical-stepper-header
{
    padding: 24px;
}
.mat-stepper-vertical-line:before
{
    top: -16px;
    bottom: -16px;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:after, .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:before
{
    top: 36px;
}
.mat-stepper-label-position-bottom .mat-stepper-horizontal-line
{
    top: 36px;
}
.mat-sort-header-arrow
{
    color: #757575;
}
.mat-tab-nav-bar, .mat-tab-header
{
    border-bottom: 1px solid rgba(0,0,0,.12);
}
.mat-tab-group-inverted-header .mat-tab-nav-bar, .mat-tab-group-inverted-header .mat-tab-header
{
    border-top: 1px solid rgba(0,0,0,.12);
    border-bottom: none;
}
.mat-tab-label, .mat-tab-link
{
    color: #000000de;
}
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled
{
    color: #00000061;
}
.mat-tab-header-pagination-chevron
{
    border-color: #000000de;
}
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron
{
    border-color: #00000061;
}
.mat-tab-group[class*=mat-background-]>.mat-tab-header, .mat-tab-nav-bar[class*=mat-background-]
{
    border-bottom: none;
    border-top: none;
}
.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled)
{
    background-color: #c5cae94d;
}
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar
{
    background-color: #3f51b5;
}
.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar, .mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar
{
    background-color: #fff;
}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled)
{
    background-color: #ff80ab4d;
}
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar
{
    background-color: #ff4081;
}
.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar, .mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar
{
    background-color: #fff;
}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled)
{
    background-color: #ffcdd24d;
}
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar
{
    background-color: #f44336;
}
.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar, .mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar
{
    background-color: #fff;
}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled)
{
    background-color: #c5cae94d;
}
.mat-tab-group.mat-background-primary>.mat-tab-header, .mat-tab-group.mat-background-primary>.mat-tab-link-container, .mat-tab-group.mat-background-primary>.mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary>.mat-tab-header, .mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container, .mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination
{
    background-color: #3f51b5;
}
.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link
{
    color: #fff;
}
.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled
{
    color: #fff6;
}
.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-focus-indicator:before, .mat-tab-group.mat-background-primary>.mat-tab-header .mat-focus-indicator:before, .mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-focus-indicator:before, .mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-focus-indicator:before
{
    border-color: #fff;
}
.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron
{
    border-color: #fff;
    opacity: .4;
}
.mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element, .mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element, .mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element
{
    background-color: #fff;
    opacity: .12;
}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled)
{
    background-color: #ff80ab4d;
}
.mat-tab-group.mat-background-accent>.mat-tab-header, .mat-tab-group.mat-background-accent>.mat-tab-link-container, .mat-tab-group.mat-background-accent>.mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent>.mat-tab-header, .mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container, .mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination
{
    background-color: #ff4081;
}
.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link
{
    color: #fff;
}
.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled
{
    color: #fff6;
}
.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-focus-indicator:before, .mat-tab-group.mat-background-accent>.mat-tab-header .mat-focus-indicator:before, .mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-focus-indicator:before, .mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-focus-indicator:before
{
    border-color: #fff;
}
.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron
{
    border-color: #fff;
    opacity: .4;
}
.mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element, .mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element, .mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element
{
    background-color: #fff;
    opacity: .12;
}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled)
{
    background-color: #ffcdd24d;
}
.mat-tab-group.mat-background-warn>.mat-tab-header, .mat-tab-group.mat-background-warn>.mat-tab-link-container, .mat-tab-group.mat-background-warn>.mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn>.mat-tab-header, .mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container, .mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination
{
    background-color: #f44336;
}
.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link
{
    color: #fff;
}
.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled
{
    color: #fff6;
}
.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-focus-indicator:before, .mat-tab-group.mat-background-warn>.mat-tab-header .mat-focus-indicator:before, .mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-focus-indicator:before, .mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-focus-indicator:before
{
    border-color: #fff;
}
.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron
{
    border-color: #fff;
    opacity: .4;
}
.mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element, .mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element, .mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element
{
    background-color: #fff;
    opacity: .12;
}
.mat-toolbar
{
    background: #f5f5f5;
    color: #000000de;
}
.mat-toolbar.mat-primary
{
    background: #3f51b5;
    color: #fff;
}
.mat-toolbar.mat-accent
{
    background: #ff4081;
    color: #fff;
}
.mat-toolbar.mat-warn
{
    background: #f44336;
    color: #fff;
}
.mat-toolbar .mat-form-field-underline, .mat-toolbar .mat-form-field-ripple, .mat-toolbar .mat-focused .mat-form-field-ripple
{
    background-color: currentColor;
}
.mat-toolbar .mat-form-field-label, .mat-toolbar .mat-focused .mat-form-field-label, .mat-toolbar .mat-select-value, .mat-toolbar .mat-select-arrow, .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow
{
    color: inherit;
}
.mat-toolbar .mat-input-element
{
    caret-color: currentColor;
}
.mat-toolbar-multiple-rows
{
    min-height: 64px;
}
.mat-toolbar-row, .mat-toolbar-single-row
{
    height: 64px;
}
@media(max-width: 599px)
{
    .mat-toolbar-multiple-rows
    {
        min-height: 56px;
    }
    .mat-toolbar-row, .mat-toolbar-single-row
    {
        height: 56px;
    }
}
.mat-tooltip
{
    background: rgba(97,97,97,.9);
}
.mat-tree
{
    background: #fff;
}
.mat-tree-node, .mat-nested-tree-node
{
    color: #000000de;
}
.mat-tree-node
{
    min-height: 48px;
}
.mat-snack-bar-container
{
    color: #ffffffb3;
    background: #323232;
    box-shadow: 0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;
}
.mat-simple-snackbar-action
{
    color: #ff4081;
}
@font-face
{
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA) format("woff");
    font-weight: 400;
    font-style: normal;
}
:root
{
    --swiper-theme-color: #007aff;
}
.swiper-container
{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.swiper-container-vertical>.swiper-wrapper
{
    flex-direction: column;
}
.swiper-wrapper
{
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.swiper-container-android .swiper-slide, .swiper-wrapper
{
    transform: translateZ(0);
}
.swiper-container-multirow>.swiper-wrapper
{
    flex-wrap: wrap;
}
.swiper-container-multirow-column>.swiper-wrapper
{
    flex-wrap: wrap;
    flex-direction: column;
}
.swiper-container-free-mode>.swiper-wrapper
{
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-container-pointer-events
{
    touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical
{
    touch-action: pan-x;
}
.swiper-slide
{
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
.swiper-slide-invisible-blank
{
    visibility: hidden;
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide
{
    height: auto;
}
.swiper-container-autoheight .swiper-wrapper
{
    align-items: flex-start;
    transition-property: transform,height;
}
.swiper-container-3d
{
    perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow
{
    transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left
{
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-container-3d .swiper-slide-shadow-right
{
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-container-3d .swiper-slide-shadow-top
{
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-container-3d .swiper-slide-shadow-bottom
{
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-container-css-mode>.swiper-wrapper
{
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar
{
    display: none;
}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide
{
    scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper
{
    scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper
{
    scroll-snap-type: y mandatory;
}
:root
{
    --swiper-navigation-size: 44px;
}
.swiper-button-prev, .swiper-button-next
{
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled
{
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-prev:after, .swiper-button-next:after
{
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next
{
    left: 10px;
    right: auto;
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after
{
    content: "prev";
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev
{
    right: 10px;
    left: auto;
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after
{
    content: "next";
}
.swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white
{
    --swiper-navigation-color: #fff;
}
.swiper-button-prev.swiper-button-black, .swiper-button-next.swiper-button-black
{
    --swiper-navigation-color: #000;
}
.swiper-button-lock
{
    display: none;
}
.swiper-pagination
{
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translateZ(0);
    z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden
{
    opacity: 0;
}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal>.swiper-pagination-bullets
{
    bottom: 10px;
    left: 0;
    width: 100%;
}
.swiper-pagination-bullets-dynamic
{
    overflow: hidden;
    font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet
{
    transform: scale(.33);
    position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main
{
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev
{
    transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev
{
    transform: scale(.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next
{
    transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next
{
    transform: scale(.33);
}
.swiper-pagination-bullet
{
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    opacity: .2;
}
button.swiper-pagination-bullet
{
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet
{
    cursor: pointer;
}
.swiper-pagination-bullet:only-child
{
    display: none!important;
}
.swiper-pagination-bullet-active
{
    opacity: 1;
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
}
.swiper-container-vertical>.swiper-pagination-bullets
{
    right: 10px;
    top: 50%;
    transform: translate3d(0,-50%,0);
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet
{
    margin: 6px 0;
    display: block;
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
{
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet
{
    display: inline-block;
    transition: .2s transform,.2s top;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet
{
    margin: 0 4px;
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
{
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap;
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet
{
    transition: .2s transform,.2s left;
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet
{
    transition: .2s transform,.2s right;
}
.swiper-pagination-progressbar
{
    background: rgba(0,0,0,.25);
    position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill
{
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill
{
    transform-origin: right top;
}
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite
{
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}
.swiper-container-vertical>.swiper-pagination-progressbar, .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite
{
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}
.swiper-pagination-white
{
    --swiper-pagination-color: #fff;
}
.swiper-pagination-black
{
    --swiper-pagination-color: #000;
}
.swiper-pagination-lock
{
    display: none;
}
.swiper-scrollbar
{
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1);
}
.swiper-container-horizontal>.swiper-scrollbar
{
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}
.swiper-container-vertical>.swiper-scrollbar
{
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}
.swiper-scrollbar-drag
{
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}
.swiper-scrollbar-cursor-drag
{
    cursor: move;
}
.swiper-scrollbar-lock
{
    display: none;
}
.swiper-zoom-container
{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.swiper-zoom-container>img, .swiper-zoom-container>svg, .swiper-zoom-container>canvas
{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.swiper-slide-zoomed
{
    cursor: move;
}
.swiper-lazy-preloader
{
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}
.swiper-lazy-preloader-white
{
    --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black
{
    --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin
{
    to
    {
        transform: rotate(360deg);
    }
}
.swiper-container .swiper-notification
{
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide
{
    transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide
{
    pointer-events: none;
    transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide
{
    pointer-events: none;
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active
{
    pointer-events: auto;
}
.swiper-container-cube
{
    overflow: visible;
}
.swiper-container-cube .swiper-slide
{
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide
{
    pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide
{
    transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active
{
    pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next+.swiper-slide
{
    pointer-events: auto;
    visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right
{
    z-index: 0;
    backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow
{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0;
}
.swiper-container-cube .swiper-cube-shadow:before
{
    content: "";
    background: #000;
    position: absolute;
    inset: 0;
    filter: blur(50px);
}
.swiper-container-flip
{
    overflow: visible;
}
.swiper-container-flip .swiper-slide
{
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide
{
    pointer-events: none;
}
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active
{
    pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right
{
    z-index: 0;
    backface-visibility: hidden;
}
.custom-button
{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-width: var(--stb-custom-button__min-width,100px);
    min-height: var(--stb-custom-button__min-height,48px);
    padding: var(--stb-custom-button__padding-top,8px) var(--stb-custom-button__padding-right,24px) var(--stb-custom-button__padding-bottom,8px) var(--stb-custom-button__padding-left,24px);
    border-radius: var(--stb-custom-button__border-radius,5px);
    border-width: var(--stb-custom-button__border-width,0);
    box-shadow: var(--stb-custom-button__box-shadow-inset,none);
    font-family: var(--stb-custom-button__font-family,"Fira Sans",sans-serif);
    font-style: normal;
    font-weight: 900;
    text-align: center;
    text-transform: capitalize;
    letter-spacing: .02em;
    color: #fff;
    text-shadow: 0 -2px 8px rgba(0,0,0,.15),0 2px 0 rgba(0,0,0,.3);
    transition: var(--stb-custom-button__transition,none);
    outline: none;
    cursor: pointer;
}
.custom-button__title
{
    display: block;
    font-size: var(--stb-custom-button__font-size-title,16px);
    line-height: var(--stb-custom-button__line-height-title,19px);
}
.custom-button__subtitle
{
    display: block;
    margin-top: var(--stb-custom-button__margin-top-subtitle,0);
    font-size: var(--stb-custom-button__font-size-subtitle,10px);
    line-height: var(--stb-custom-button__line-height-subtitle,12px);
}
.custom-button__icon
{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.custom-button__icon--left
{
    left: var(--stb-custom-button__icon-left-position,12px);
}
.custom-button__icon--right
{
    right: var(--stb-custom-button__icon-right-position,12px);
}
.custom-button--large
{
    --stb-custom-button__min-height: 74px;
    --stb-custom-button__min-width: 200px;
    --stb-custom-button__padding-right: 40px;
    --stb-custom-button__padding-left: 40px;
    --stb-custom-button__font-size-title: 24px;
    --stb-custom-button__line-height-title: 29px;
    --stb-custom-button__font-size-subtitle: 14px;
    --stb-custom-button__line-height-subtitle: 16px;
    --stb-custom-button__margin-top-subtitle: 4px;
}
.custom-button--medium
{
    --stb-custom-button__min-height: 48px;
    --stb-custom-button__min-width: 100px;
    --stb-custom-button__padding-right: 24px;
    --stb-custom-button__padding-left: 24px;
    --stb-custom-button__font-size-title: 16px;
    --stb-custom-button__line-height-title: 19px;
    --stb-custom-button__font-size-subtitle: 12px;
    --stb-custom-button__line-height-subtitle: 14px;
    --stb-custom-button__margin-top-subtitle: 2px;
}
.custom-button--small
{
    --stb-custom-button__min-height: 30px;
    --stb-custom-button__min-width: 92px;
    --stb-custom-button__padding-right: 20px;
    --stb-custom-button__padding-left: 20px;
    --stb-custom-button__font-size-title: 14px;
    --stb-custom-button__line-height-title: 17px;
    --stb-custom-button__font-size-subtitle: 10px;
    --stb-custom-button__line-height-subtitle: 12px;
    --stb-custom-button__margin-top-subtitle: 0;
}
.custom-button--primary
{
    background-image: var(--scb-button-primary-background,none);
}
.custom-button--primary:hover
{
    background-image: var(--scb-button-primary-background-hover,none);
}
.custom-button--primary:disabled:hover
{
    background-image: var(--scb-button-primary-background,none);
}
.custom-button--secondary
{
    background-image: var(--scb-button-secondary-background,none);
}
.custom-button--secondary:hover
{
    background-image: var(--scb-button-secondary-background-hover,none);
}
.custom-button--secondary:disabled:hover
{
    background-image: var(--scb-button-secondary-background,none);
}
.custom-button--warn
{
    background-image: var(--scb-button-warn-background,none);
}
.custom-button--warn:hover
{
    background-image: var(--scb-button-warn-background-hover,none);
}
.custom-button--warn:disabled:hover
{
    background-image: var(--scb-button-warn-background,none);
}
.custom-button--with-icon-right
{
    --stb-custom-button__padding-right: 40px;
}
.custom-button--with-icon-left
{
    --stb-custom-button__padding-left: 40px;
}
.custom-button:disabled
{
    opacity: .4;
    cursor: not-allowed;
    pointer-events: var(--scb-button-pointer-events,none);
}
.carousel-slider
{
    overflow: hidden;
}
.carousel-slider__slides-wrapper
{
    display: flex;
}
.carousel-slider__slide
{
    width: 100%;
    flex-shrink: 0;
}
.checkbox-control
{
    display: flex;
}
.checkbox-control__content
{
    padding: var(--stb-checkbox__content-padding,4px);
    font-size: var(--stb-checkbox__content-font-size,small);
    line-height: var(--stb-checkbox__content-line-height,140%);
    color: var(--stb-checkbox__content-color,#fff);
}
.checkbox-control__check-mark
{
    display: none;
}
.checkbox-control__check-field
{
    flex-shrink: 0;
    width: var(--stb-checkbox__check-field-width,24px);
    height: var(--stb-checkbox__check-field-height,24px);
    padding: var(--stb-checkbox__check-field-padding,5px);
    background: var(--stb-checkbox__check-field-bg,#fff);
    color: var(--stb-checkbox__check-field-color,#fff);
    border-radius: var(--stb-checkbox__check-field-border-radius,4px);
}
.checkbox-control__check-field:hover
{
    --stb-checkbox__check-field-bg: lightgray;
}
.checkbox-control__checkbox:checked+.checkbox-control__check-field
{
    --stb-checkbox__check-field-bg: lightskyblue;
}
.checkbox-control__checkbox:checked+.checkbox-control__check-field .checkbox-control__check-mark
{
    display: initial;
}
.checkbox-control__checkbox:disabled+.checkbox-control__check-field
{
    --stb-checkbox__check-field-bg: silver;
}
:host(.ng-touched.ng-invalid) .checkbox-control__check-field
{
    border: 1px solid var(--stb-checkbox__check-field-border-color,#f00);
}
.control-error
{
    display: block;
    font-size: 0;
    min-height: var(--stb-control-error__min-height,22px);
    padding: var(--stb-control-error__padding,4px);
    color: var(--stb-control-error__color,#f00);
    transition: var(--stb-control-error__transition,none);
}
.control-error.visible
{
    font-size: var(--stb-control-error__font-size,x-small);
}
.notification
{
    display: flex;
    cursor: default;
    margin-bottom: 20px;
    width: 280px;
    border-radius: 3px;
    background: #222;
    box-shadow: 0 5px 16px #0003;
    color: #fff;
    padding: 10px 0;
}
.notification .icon
{
    position: relative;
    left: 5px;
    top: -3px;
}
.notification .text
{
    width: 216px;
    position: relative;
    left: 12px;
}
.notification .closeBtn
{
    color: #979797;
    font-size: 24px;
    cursor: pointer;
    position: relative;
    left: 22px;
    bottom: 11px;
}
.notification.success .icon
{
    fill: #39c46e;
}
.notification.warning .icon
{
    fill: #ffc800;
}
.notification.error .icon
{
    fill: #f5475b;
}
.notification.info .icon
{
    fill: #00f;
}
.input-number-control
{
    position: relative;
    font-size: var(--stb-input-number-control-font-size,large);
    font-weight: var(--stb-input-number-control-font-weight,bold);
}
.input-number-control__sign
{
    position: absolute;
    top: 50%;
    left: var(--stb-input-number__input-padding,16px);
    transform: translateY(calc(-50% - 2px));
    color: #808080;
    font-weight: 400;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}
.input-number-control__sign.plus-sign
{
    left: initial;
    right: var(--stb-input-number__input-padding,16px);
}
.input-number-control__input
{
    display: block;
    width: 100%;
    text-decoration: none;
    text-align: center;
    -moz-appearance: textfield;
    height: var(--stb-input-number__input-height,50px);
    padding: var(--stb-input-number__input-padding,16px);
    font-size: var(--stb-input-number__input-font-size,large);
    line-height: var(--stb-input-number__input-line-height,140%);
    border-width: var(--stb-input-number__input-border-width,1px);
    border-style: var(--stb-input-number__input-border-style,solid);
    border-color: var(--stb-input-number__input-border-color,transparent);
    border-radius: var(--stb-input-number__input-border-radius,4px);
    color: var(--stb-input-number__input-color,#008000);
    background-color: var(--stb-input-number__input-bg-color,#fff);
}
.input-number-control__input::-webkit-outer-spin-button, .input-number-control__input::-webkit-inner-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}
.input-number-control__input:focus, .input-number-control__input:not(:placeholder-shown)
{
    outline: none;
}
.input-number-control__input:focus
{
    --stb-input-number__input-border-color: #008000;
}
.input-number-control__input:disabled
{
    --stb-input-number__input-color: #808080;
    --stb-input-number__input-bg-color: #d3d3d3;
}
.input-number-control__suffix:not(:empty)~.input-number-control__input, .input-number-control__sign.plus-sign~.input-number-control__input
{
    padding-right: calc(var(--stb-input-number__input-padding,16px) + var(--stb-input-number-control__suffix-max-width,32px));
}
.input-number-control__prefix:not(:empty)~.input-number-control__input, .input-number-control__sign.minus-sign~.input-number-control__input
{
    padding-left: calc(var(--stb-input-number__input-padding,16px) + var(--stb-input-number-control__prefix-max-width,32px));
}
:host(.ng-touched.ng-invalid) .input-number-control__input
{
    --stb-input-number__input-color: #f00;
    --stb-input-number__input-border-color: #f00;
}
.input-number-control__prefix, .input-number-control__suffix
{
    position: absolute;
    top: 50%;
    left: var(--stb-input-number__input-padding,16px);
    max-height: 100%;
    max-width: var(--stb-input-number-control__prefix-max-width,32px);
    transform: translateY(-50%);
    color: var(--stb-input-number-control__prefix-color,#000);
}
.input-number-control__suffix
{
    left: initial;
    right: var(--stb-input-number__input-padding,16px);
    max-width: var(--stb-input-number-control__suffix-max-width,32px);
    color: var(--stb-input-number-control__suffix-color,#000);
}
.input-number-control-range
{
    padding: var(--stb-input-number-control-range__padding,0 15px);
    margin: var(--stb-input-number-control-range__margin,10px auto 20px);
    display: var(--stb-input-number-control-range__display,flex);
    grid-template-columns: var(--stb-input-number-control-range__grid-template-columns,1fr);
    grid-gap: var(--stb-input-number-control-range__grid-gap,24px);
    max-width: var(--stb-input-number-control-range__max-width,300px);
}
.countdown
{
    display: inline-flex;
}
._suffix-down
{
    display: flex;
    flex-direction: column;
    align-items: var(--stb-countdown__suffix-align-items,center);
}
._suffix-up
{
    display: flex;
    flex-direction: column-reverse;
    align-items: var(--stb-countdown__suffix-align-items,center);
}
._divider-up
{
    display: flex;
    align-items: flex-start;
}
._divider-down
{
    display: flex;
    align-items: flex-end;
}
.input-password-control
{
    position: relative;
}
.input-password-control__placeholder
{
    position: absolute;
    top: var(--stb-input-password__placeholder-top,15px);
    left: var(--stb-input-password__placeholder-left,48px);
    font-size: var(--stb-input-password__placeholder-font-size,small);
    color: var(--stb-input-password__placeholder-color,#d3d3d3);
    transition: var(--stb-input-password__placeholder-transition,none);
}
.input-password-control__icon-visibility
{
    position: absolute;
    right: var(--stb-input-password__icon-eye-right,16px);
    top: 50%;
    transform: translateY(-50%);
    height: var(--stb-input-password__icon-eye-height,22px);
    width: var(--stb-input-password__icon-eye-width,22px);
    color: var(--stb-input-password__input-color,#76869d);
    cursor: pointer;
}
.input-password-control__icon-password
{
    position: absolute;
    left: var(--stb-input-password__icon-password-left,16px);
    top: 50%;
    transform: translateY(-50%);
    height: var(--stb-input-password__icon-password-height,16px);
    width: var(--stb-input-password__icon-password-width,16px);
    color: var(--stb-input-password__input-color,#76869d);
}
.input-password-control__label-rules
{
    display: none;
    position: absolute;
    z-index: 2;
    width: 100%;
    max-width: var(--stb-input-password__label-rules-max-width,300px);
    background-color: var(--stb-input-password__label-rules-bg-color,#fff);
    padding: var(--stb-input-password__label-rules-padding-y,8px) var(--stb-input-password__label-rules-padding-x,16px);
    border-radius: var(--stb-input-password__label-rules-border-radius,4px);
    box-shadow: var(--stb-input-password__label-rules-shadow-color,0 2px 1px rgba(118,134,157,.5));
    font-size: var(--stb-input-password__label-rules-font-size,12px);
    color: var(--stb-input-password__label-rules-color,#76869d);
}
.input-password-control__label-rules:after
{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
}
.input-password-control__label-rules.top
{
    bottom: calc(100% + var(--stb-input-password__label-rules-arrow-size,10px));
    left: 50%;
    transform: translate(-50%);
}
.input-password-control__label-rules.top:after
{
    top: 100%;
    left: 50%;
    transform: translate(-50%);
    border-width: var(--stb-input-password__label-rules-arrow-size,10px) var(--stb-input-password__label-rules-arrow-size,10px) 0 var(--stb-input-password__label-rules-arrow-size,10px);
    border-color: var(--stb-input-password__label-rules-bg-color,#fff) transparent transparent transparent;
}
.input-password-control__label-rules.bottom
{
    top: calc(100% + var(--stb-input-password__label-rules-arrow-size,10px));
    left: 50%;
    transform: translate(-50%);
}
.input-password-control__label-rules.bottom:after
{
    bottom: 100%;
    left: 50%;
    transform: translate(-50%);
    border-width: 0 var(--stb-input-password__label-rules-arrow-size,10px) var(--stb-input-password__label-rules-arrow-size,10px) var(--stb-input-password__label-rules-arrow-size,10px);
    border-color: transparent transparent var(--stb-input-password__label-rules-bg-color,#fff) transparent;
}
.input-password-control__label-rules.right
{
    top: 50%;
    left: calc(100% + var(--stb-input-password__label-rules-arrow-size,10px));
    transform: translateY(-50%);
}
.input-password-control__label-rules.right:after
{
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
    border-width: var(--stb-input-password__label-rules-arrow-size,10px) var(--stb-input-password__label-rules-arrow-size,10px) var(--stb-input-password__label-rules-arrow-size,10px) 0;
    border-color: transparent var(--stb-input-password__label-rules-bg-color,#fff) transparent transparent;
}
.input-password-control__label-rules.left
{
    top: 50%;
    right: calc(100% + var(--stb-input-password__label-rules-arrow-size,10px));
    transform: translateY(-50%);
}
.input-password-control__label-rules.left:after
{
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    border-width: var(--stb-input-password__label-rules-arrow-size,10px) 0 var(--stb-input-password__label-rules-arrow-size,10px) var(--stb-input-password__label-rules-arrow-size,10px);
    border-color: transparent transparent transparent var(--stb-input-password__label-rules-bg-color,#fff);
}
.input-password-control__input
{
    display: block;
    width: 100%;
    text-decoration: none;
    height: var(--stb-input-password__input-height,50px);
    padding: var(--stb-input-password__input-padding-top,16px) var(--stb-input-password__input-padding-x,48px) var(--stb-input-password__input-padding-bottom,16px);
    font-size: var(--stb-input-password__input-font-size,small);
    line-height: var(--stb-input-password__input-line-height,140%);
    border-width: var(--stb-input-password__input-border-width,1px);
    border-style: var(--stb-input-password__input-border-style,solid);
    border-color: var(--stb-input-password__input-border-color,transparent);
    border-radius: var(--stb-input-password__input-border-radius,4px);
    color: var(--stb-input-password__input-color,#76869d);
    background-color: var(--stb-input-password__input-bg-color,#fff);
}
.input-password-control__input:focus, .input-password-control__input:not(:placeholder-shown)
{
    --stb-input-password__input-padding-top: 24px;
    --stb-input-password__input-padding-bottom: 10px;
    --stb-input-password__input-font-size: 12px;
    --stb-input-password__input-color: #008000;
    outline: none;
}
.input-password-control__input:focus+.input-password-control__label-group .input-password-control__placeholder, .input-password-control__input:not(:placeholder-shown)+.input-password-control__label-group .input-password-control__placeholder
{
    --stb-input-password__placeholder-top: 8px;
    --stb-input-password__placeholder-font-size: 10px;
}
.input-password-control__input:focus
{
    --stb-input-password__input-border-color: #008000;
}
.input-password-control__input:focus+.input-password-control__label-group .input-password-control__label-rules
{
    display: block;
}
.input-password-control__input::placeholder
{
    visibility: hidden;
}
.input-password-control__input:disabled
{
    --stb-input-password__input-color: #808080;
    --stb-input-password__input-bg-color: #d3d3d3;
}
.input-password-control__input:disabled+.input-password-control__label-group .input-password-control__placeholder
{
    --stb-input-password__placeholder-color: #808080;
}
:host(.ng-touched.ng-invalid) .input-password-control__input
{
    --stb-input-password__input-color: #f00;
    --stb-input-password__input-border-color: #f00;
}
.radio-group-control
{
    display: flex;
}
.radio-group-control.column
{
    flex-direction: column;
}
.radio-group-control__button
{
    margin-right: var(--stb-radio-group__margin-right,32px);
}
.radio-group-control.column .radio-group-control__button
{
    margin-right: 0;
}
.radio-group-control.column .radio-group-control__button:nth-child(n+2)
{
    margin-top: var(--stb-radio-group__margin-top,16px);
}
.radio-group-control .radio-button
{
    display: inline-flex;
    align-items: center;
    padding: var(--stb-radio-button-padding,16px);
    background: var(--stb-radio-button-background,#add8e6);
    border-radius: var(--stb-radio-button-border-radius,2px);
}
.radio-group-control .radio-button.disabled
{
    opacity: var(--stb-radio-button-opacity,.4);
}
.radio-group-control .radio-button__dot
{
    visibility: hidden;
    border-radius: 100px;
    width: var(--stb-radio-button__dot-width,8px);
    height: var(--stb-radio-button__dot-height,8px);
    box-shadow: var(--stb-radio-button__dot-box-shadow,0 2px 0 rgba(0,0,0,.3));
    background: var(--stb-radio-button__dot-background,#fff);
}
.radio-group-control .radio-button__circle
{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    width: var(--stb-radio-button__circle-width,20px);
    height: var(--stb-radio-button__circle-height,20px);
    margin-right: var(--stb-radio-button__circle-margin-right,12px);
    background: var(--stb-radio-button__circle-background,#fff);
    box-shadow: var(--stb-radio-button__circle-box-shadow,inset 0 2px 1px rgba(118,134,157,.5));
}
.radio-group-control .radio-button__input:checked+.radio-button__circle
{
    --stb-radio-button__circle-background: linear-gradient(213.4deg,#00a925 19.09%,#31ec6e 94.84%);
    --stb-radio-button__circle-box-shadow: inset 0 2px 1px rgba(118,134,157,.5);
}
.radio-group-control .radio-button__input:checked+.radio-button__circle .radio-button__dot
{
    visibility: visible;
}
.input-search-control
{
    position: relative;
}
.input-search-control__icon
{
    height: var(--stb-input-search__icon-height,20px);
    width: var(--stb-input-search__icon-width,20px);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    color: var(--stb-input-search__icon-color,#fff);
}
.input-search-control__clear-btn
{
    height: var(--stb-input-search__clear-btn-height,24px);
    width: var(--stb-input-search__clear-btn-width,24px);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -44px;
    color: var(--stb-input-search__clear-btn-color,#d6defa);
    cursor: pointer;
}
.input-search-control__input
{
    display: block;
    width: 100%;
    text-decoration: none;
    height: var(--stb-input-search__input-height,48px);
    padding: var(--stb-input-search__input-padding-top,16px) var(--stb-input-search__input-padding-right,56px) var(--stb-input-search__input-padding-bottom,16px) var(--stb-input-search__input-padding-left,24px);
    font-size: var(--stb-input-search__input-font-size,small);
    line-height: var(--stb-input-search__input-line-height,16px);
    border-width: var(--stb-input-search__input-border-width,0);
    border-style: var(--stb-input-search__input-border-style,solid);
    border-color: var(--stb-input-search__input-border-color,transparent);
    border-radius: var(--stb-input-search__input-border-radius,2px);
    color: var(--stb-input-search__input-color,#000);
    background-color: var(--stb-input-search__input-bg-color,#1c074d);
    box-shadow: var(--stb-input-search__input-box-shadow,none);
    outline: none;
    transition: var(--stb-input-search__input-opacity-transition);
    opacity: .6;
}
.input-search-control__input::placeholder
{
    color: var(--stb-input-search__input-color,#d6defa);
}
.input-search-control__input:hover, .input-search-control__input:focus
{
    opacity: 1;
}
.input-search-control__input:hover
{
    --stb-input-search__input-bg-color: #1c074d;
}
.input-search-control__input:focus
{
    --stb-input-search__input-bg-color: #fff;
    --stb-input-search__input-color: #1c074d;
    --stb-input-search__input-box-shadow: inset 0 2px 0 #8095ff;
}
.input-search-control__input:focus+.input-search-control__icon
{
    --stb-input-search__icon-color: #1c074d;
}
.input-search-control__input:disabled
{
    --stb-input-search__input-color: #808080;
    --stb-input-search__input-bg-color: #d3d3d3;
}
.select-control
{
    position: relative;
    display: grid;
}
.select-control__placeholder
{
    position: absolute;
    top: var(--stb-select__button-padding-y,16px);
    left: var(--stb-select__button-padding-left,16px);
    font-size: 16px;
    line-height: 1;
    transition: .17s ease-out;
}
.select-control__button
{
    display: block;
    position: relative;
    width: 100%;
    text-decoration: none;
    height: var(--stb-select__button-height,50px);
    padding: var(--stb-select__button-padding-y,16px) var(--stb-select__button-padding-right,44px) var(--stb-select__button-padding-y,16px) var(--stb-select__button-padding-left,16px);
    font-size: var(--stb-select__button-font-size,medium);
    line-height: var(--stb-select__button-line-height,1.125);
    border-width: var(--stb-select__button-border-width,1px);
    border-style: var(--stb-select__button-border-style,solid);
    border-color: var(--stb-select__button-border-color,transparent);
    border-radius: var(--stb-select__button-border-radius,4px);
    color: var(--stb-select__button-color,#76869d);
    background-color: var(--stb-select__button-bg-color,#fff);
    text-align: left;
    outline: none;
}
.select-control__button:focus
{
    --stb-select__button-border-color: #008000;
    --stb-select__button-bg-color: #d3d3d3;
}
.select-control__button:disabled
{
    --stb-select__button-color: #808080;
    --stb-select__button-bg-color: #d3d3d3;
}
.show-list .select-control__button
{
    border-radius: var(--stb-select__button-border-radius,4px) var(--stb-select__button-border-radius,4px) 0 0;
}
:host(.ng-touched.ng-invalid) .select-control__button
{
    --stb-select__button-color: #f00;
    --stb-select__button-border-color: #f00;
}
.select-control__button.selected
{
    padding: 20px 44px 12px 16px;
}
.select-control__button.selected .select-control__placeholder
{
    font-size: 12px;
    top: 4px;
}
.select-control__button-icon
{
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform ease-out .27s;
    width: var(--stb-select__button-icon-width,16px);
    height: var(--stb-select__button-icon-height,16px);
}
.show-list .select-control__button-icon
{
    transform: translateY(-50%) rotate(180deg);
}
.select-control__list
{
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1;
    width: 100%;
    max-height: var(--stb-select__list-max-height,300px);
    font-size: var(--stb-select__list-font-size,small);
    line-height: var(--stb-select__list-line-height,140%);
    background-color: var(--stb-select__list-bg-color,#fff);
    border-width: 0 var(--stb-select__list-border-width,1px);
    border-style: var(--stb-select__list-border-style,solid);
    border-color: var(--stb-select__list-border-color,#76869d);
    border-radius: 0 0 var(--stb-select__list-border-radius,4px) var(--stb-select__list-border-radius,4px);
    overflow-y: auto;
    display: none;
}
.select-control.show-list .select-control__list
{
    display: grid;
}
.select-control__list-item
{
    width: 100%;
    text-decoration: none;
    height: var(--stb-select__list-item-height,44px);
    padding: 0 var(--stb-select__list-item-padding,16px);
    font-size: var(--stb-select__list-item-font-size,small);
    line-height: var(--stb-select__list-item-line-height,44px);
    border-width: 0 0 var(--stb-select__list-item-border-width,1px);
    border-style: var(--stb-select__list-item-border-style,solid);
    border-color: var(--stb-select__list-item-border-color,#76869d);
    color: var(--stb-select__list-item-color,#76869d);
    background-color: var(--stb-select__list-item-bg-color,#fff);
    outline: none;
}
.select-control__list-item:last-of-type
{
    border-radius: 0 0 var(--stb-select__list-border-radius,4px) var(--stb-select__list-border-radius,4px);
}
.select-control__list-item.active
{
    --stb-select__list-item-color: #008000;
}
.select-control__list-item:hover
{
    --stb-select__list-item-bg-color: #d3d3d3;
}
.select-control__search-wrap
{
    position: relative;
}
.select-control__search-input
{
    display: block;
    width: 100%;
    outline: none;
    border: none;
}
.select-control__search-icon
{
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-content: center;
}
.select-control__search-icon--prefix
{
    left: 0;
}
.select-control__search-icon--postfix
{
    right: 0;
}
.select-control__search-icon--postfix:hover
{
    cursor: pointer;
}
.tab-group__header
{
    display: flex;
}
.tab-group__content
{
    overflow: hidden;
}
.tab-group__content-wrapper
{
    display: flex;
}
.tab-group__tab-content
{
    flex-shrink: 0;
    width: 100%;
}
.tab-group__tab.default
{
    padding: 16px;
}
.tab-group__tab.default.active
{
    border-bottom: 2px solid #008000;
}
.input-text-control
{
    position: relative;
}
.input-text-control__label
{
    position: absolute;
    top: var(--stb-input-text__label-top,15px);
    left: var(--stb-input-text__label-left,16px);
    font-size: var(--stb-input-text__label-font-size,small);
    color: var(--stb-input-text__label-color,#d3d3d3);
    transition: var(--stb-input-text__label-transition,none);
}
.input-text-control__prefix, .input-text-control__suffix
{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.input-text-control__prefix
{
    left: var(--stb-input-text__prefix-left,16px);
}
.input-text-control__suffix
{
    right: var(--stb-input-text__prefix-right,16px);
}
.input-text-control__input
{
    box-sizing: border-box;
    display: block;
    width: 100%;
    text-decoration: none;
    height: var(--stb-input-text__input-height,50px);
    padding: var(--stb-input-text__input-padding,16px);
    font-size: var(--stb-input-text__input-font-size,small);
    line-height: var(--stb-input-text__input-line-height,140%);
    border-width: var(--stb-input-text__input-border-width,1px);
    border-style: var(--stb-input-text__input-border-style,solid);
    border-color: var(--stb-input-text__input-border-color,transparent);
    border-radius: var(--stb-input-text__input-border-radius,4px);
    color: var(--stb-input-text__input-color,#000);
    background-color: var(--stb-input-text__input-bg-color,#fff);
}
.input-text-control__input:focus, .input-text-control__input:not(:placeholder-shown)
{
    --stb-input-text__input-padding: 24px 16px 10px;
    --stb-input-text__input-font-size: 12px;
    --stb-input-text__input-color: #008000;
    outline: none;
}
.input-text-control__input:focus+.input-text-control__label, .input-text-control__input:not(:placeholder-shown)+.input-text-control__label
{
    --stb-input-text__label-top: 8px;
    --stb-input-text__label-font-size: 10px;
}
.input-text-control__input:focus
{
    --stb-input-text__input-border-color: #008000;
}
.input-text-control__input::placeholder
{
    visibility: hidden;
}
.input-text-control__input:disabled
{
    --stb-input-text__input-color: #808080;
    --stb-input-text__input-bg-color: #d3d3d3;
}
.input-text-control__input:disabled+.input-text-control__label
{
    --stb-input-text__label-color: #808080;
}
:host(.ng-touched.ng-invalid) .input-text-control__input
{
    --stb-input-text__input-color: #f00;
    --stb-input-text__input-border-color: #f00;
}
.toast-center-center
{
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.toast-top-center
{
    top: var(--toast-vertical-offset,16px);
    right: 0;
    width: 100%;
}
.toast-top-right
{
    top: var(--toast-vertical-offset,16px);
    right: var(--toast-horizontal-offset,16px);
}
.toast-top-left
{
    top: var(--toast-vertical-offset,16px);
    left: var(--toast-horizontal-offset,16px);
}
.toast-bottom-center
{
    bottom: 0;
    right: 0;
    width: 100%;
}
.toast-bottom-right
{
    right: var(--toast-horizontal-offset,16px);
    bottom: var(--toast-vertical-offset,16px);
}
.toast-bottom-left
{
    bottom: var(--toast-vertical-offset,16px);
    left: var(--toast-horizontal-offset,16px);
}
.toast-container
{
    position: fixed;
    z-index: 999999;
}
.toast-bottom-spacing .toast-component, .toast-bottom-center .toast-component, .toast-bottom-right .toast-component, .toast-bottom-left .toast-component
{
    margin-top: var(--space-between-toast,20px);
}
.toast-top-spacing .toast-component, .toast-top-center .toast-component, .toast-top-right .toast-component, .toast-top-left .toast-component
{
    margin-bottom: var(--space-between-toast,20px);
}
html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6
{
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6
{
    font-size: 100%;
    font-weight: 400;
}
ul
{
    list-style: none;
}
button, input, select, textarea
{
    margin: 0;
    font-family: inherit;
}
html
{
    box-sizing: border-box;
}
body
{
    -webkit-user-select: none;
    user-select: none;
}
*, *:before, *:after
{
    box-sizing: inherit;
}
img, video
{
    height: auto;
    max-width: 100%;
}
iframe
{
    border: 0;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
td, th
{
    padding: 0;
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak
{
    display: none;
}
button
{
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
}
.text-60-68
{
    font-size: 60px;
}
@media screen and (min-width: 1024px)
{
    .text-60-68
    {
        font-size: 68px;
    }
}
.text-40-73
{
    font-size: 2.5rem;
}
.text-36-48
{
    font-size: 2.25rem;
}
.text-33-36
{
    font-size: 2.06rem;
}
.text-25-33
{
    font-size: 1.56rem;
}
.text-32
{
    font-size: 32px;
}
.text-19-25
{
    font-size: 1.18rem;
}
@media screen and (min-width: 1024px)
{
    .text-19-25
    {
        font-size: 1.56rem;
    }
}
.text-16-19
{
    font-size: 1rem;
}
.text-14-16
{
    font-size: .87rem;
}
.text-12-14
{
    font-size: .75rem;
}
.text-48
{
    font-size: 3rem;
}
.text-24
{
    font-size: 24px;
}
.text-25
{
    font-size: 1.56rem;
}
.text-22
{
    font-size: 1.375rem;
}
.text-19
{
    font-size: 1.188rem;
}
.text-16
{
    font-size: 1rem;
}
.text-14
{
    font-size: .87rem;
}
.text-12
{
    font-size: .75rem;
}
.text-10
{
    font-size: .625rem;
}
.text-8
{
    font-size: .5rem;
}
.text-400
{
    font-weight: 400;
}
.text-500
{
    font-weight: 500;
}
.text-600
{
    font-weight: 600;
}
.text-700
{
    font-weight: 700;
}
.text-800
{
    font-weight: 800;
}
.text-900
{
    font-weight: 900;
}
.text-center
{
    text-align: center;
}
.text-uppercase
{
    text-transform: uppercase;
}
.text-capitalize
{
    text-transform: capitalize;
}
.text-underline
{
    text-decoration: underline;
}
.text-italic
{
    font-style: italic;
}
.text-normal
{
    font-style: normal;
}
.text-ellipsis
{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.text-word-break
{
    word-break: break-word;
}
.text-yellow
{
    color: rgb(var(--yellow));
}
.text-yellow-1000
{
    color: rgb(var(--yellow-1000));
}
.text-orange-1000
{
    color: rgb(var(--orange-1000));
}
.text-orange-900
{
    color: rgb(var(--orange-900));
}
.text-red-1000
{
    color: rgb(var(--red-1000));
}
.text-red-950
{
    color: rgb(var(--red-950));
}
.text-red-900
{
    color: rgb(var(--red-900));
}
.text-red-850
{
    color: rgb(var(--red-850));
}
.text-red-800
{
    color: rgb(var(--red-800));
}
.text-blue-500
{
    color: rgb(var(--blue-500));
}
.text-blue-100
{
    color: rgb(var(--blue-100));
}
.text-blue-700
{
    color: rgb(var(--blue-700));
}
.text-green-900
{
    color: rgb(var(--green-900));
}
.text-black-900
{
    color: rgb(var(--black-900));
}
.text-black-600
{
    color: rgb(var(--black-600));
}
.text-black-500
{
    color: rgb(var(--black-500));
}
.text-gray-200
{
    color: rgb(var(--gray-200));
}
.text-gray-400
{
    color: rgb(var(--gray-400));
}
.text-gray-500
{
    color: rgb(var(--gray-500));
}
.text-white-1000
{
    color: rgb(var(--white-1000));
}
.text-white-700
{
    color: rgb(var(--white-700));
}
.text-neutral-1
{
    color: rgb(var(--neutral-1));
}
.text-neutral-2
{
    color: rgb(var(--neutral-2));
}
.text-neutral-3
{
    color: rgb(var(--neutral-3));
}
.text-neutral-4
{
    color: rgb(var(--neutral-4));
}
.text-neutral-5
{
    color: rgb(var(--neutral-5));
}
.text-neutral-6
{
    color: rgb(var(--neutral-6));
}
.text-neutral-7
{
    color: rgb(var(--neutral-7));
}
.text-neutral-8
{
    color: rgb(var(--neutral-8));
}
.text-neutral-9
{
    color: rgb(var(--neutral-9));
}
.text-neutral-10
{
    color: rgb(var(--neutral-10));
}
*
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
::-webkit-scrollbar-track
{
    background-color: transparent;
    visibility: hidden;
}
::-webkit-scrollbar
{
    width: 0;
    height: 0;
    visibility: hidden;
}
::-webkit-scrollbar-thumb
{
    visibility: hidden;
}
:root
{
    --transitionTime: .2s;
    --containerPadding: 16px;
    --dvs-padding-top: 0px;
}
html
{
    font-family: MontserratVariable,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    -webkit-text-size-adjust: 100%;
}
@supports not (
font-variation-settings: normal)
{
html
{
    font-family: Montserrat,sans-serif;
}
}
html:lang(ar)
{
    direction: rtl;
}
body
{
    display: flex;
    flex-direction: column;
    font-family: inherit;
    line-height: inherit;
    color: rgb(var(--blue-700));
    background: rgb(var(--neutral-1));
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
}
body.inside-iframe
{
    overflow: hidden;
}
body:lang(ar)
{
    direction: rtl;
}
.container
{
    padding: 0 var(--containerPadding);
    position: relative;
    width: 100%;
    margin: 0 auto;
}
@media screen and (min-width: 768px)
{
    .container
    {
        --containerPadding: 24px;
    }
}
@media screen and (min-width: 1024px)
{
    .container
    {
        --containerPadding: 40px;
    }
}
@media screen and (min-width: 1440px)
{
    .container
    {
        --containerPadding: 68px;
    }
}
@media screen and (min-width: 1920px)
{
    .container
    {
        --containerPadding: 40px;
        max-width: 1720px;
    }
}
.container._flex
{
    display: flex;
}
.container--content
{
    flex-basis: 100%;
}
.container--side
{
    flex-basis: 27.279%;
    flex-shrink: 0;
}
.container--side:first-child
{
    padding: 0 24px 0 0;
}
@media screen and (min-width: 1024px)
{
    .container--side:first-child
    {
        padding: 0 40px 0 0;
    }
}
.container--side:last-child
{
    padding: 0 0 0 24px;
}
@media screen and (min-width: 1024px)
{
    .container--side:last-child
    {
        padding: 0 0 0 40px;
    }
}
.container--side._adaptive-side
{
    max-width: calc(1024px + var(--containerPadding) * 2);
}
.container--side._adaptive-side:first-child
{
    margin: 0 calc(var(--containerPadding) * -1) 0 calc(var(--containerPadding) * -1);
    padding: 0 var(--containerPadding) 24px var(--containerPadding);
    overflow: auto;
}
@media screen and (min-width: 1024px)
{
    .container--side._adaptive-side:first-child
    {
        margin: 0;
        padding: 0 0 24px;
        overflow: visible;
    }
}
@media screen and (min-width: 1440px)
{
    .container--side._adaptive-side:first-child
    {
        padding: 0 40px 0 0;
    }
    .container--side._adaptive-side:first-child:lang(ar)
    {
        padding: 0 0 0 40px;
    }
}
.container--side._adaptive-side:last-child
{
    padding: 24px 0 0;
}
@media screen and (min-width: 1440px)
{
    .container--side._adaptive-side:last-child
    {
        padding: 0 0 0 40px;
    }
}
.container._adaptive
{
    max-width: calc(1024px + var(--containerPadding) * 2);
    flex-direction: column;
}
@media screen and (min-width: 1440px)
{
    .container._adaptive
    {
        flex-direction: row;
    }
}
.container.advantages
{
    max-width: calc(1024px + var(--containerPadding) * 2);
}
.container.tournaments
{
    max-width: calc(1440px + var(--containerPadding) * 2);
}
.wrapper
{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.wrapper._without-header
{
    margin-top: -105px;
}
@media screen and (min-width: 1440px)
{
    .wrapper._without-header
    {
        margin-top: -76px;
    }
}
svg, img
{
    display: block;
}
.scroll-locked, .scroll-locked>*
{
    height: calc(var(--window-inner-height) - 1px);
    overflow: hidden;
}
@media screen and (min-width: 1024px)
{
    .scroll-locked, .scroll-locked>*
    {
        height: unset;
    }
}
.cdk-overlay-container
{
    opacity: 0;
    animation: show-animation .5s ease forwards;
    z-index: 2100;
}
.inside-iframe .cdk-overlay-container
{
    display: none;
    outline: 10px solid #f00;
}
._asb_favorites-count .asb-icon-star
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiBmaWx0ZXI9InVybCgjYikiPjxwYXRoIGQ9Im04IC41IDIuNDc2IDVMMTYgNi4zMDZsLTMuOTkyIDMuOTA1Ljk0NCA1LjQ4OEw4IDEzLjEwOCAzLjA0OCAxNS43bC45Ni01LjQ4N0wwIDYuMzA2IDUuNTI0IDUuNSA4IC41WiIgZmlsbD0iI0Y5RTQyNiIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMTZ2MTZIMHoiLz48L2NsaXBQYXRoPjxmaWx0ZXIgaWQ9ImIiIHg9IjAiIHk9Ii0zIiB3aWR0aD0iMTYiIGhlaWdodD0iMTkiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUJsZW5kIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz48ZmVNb3JwaG9sb2d5IHJhZGl1cz0iMiIgb3BlcmF0b3I9ImRpbGF0ZSIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9ImVmZmVjdDFfaW5uZXJTaGFkb3dfNjAzXzMwNTk2Ii8+PGZlT2Zmc2V0IGR5PSItMyIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIuNSIvPjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9ImFyaXRobWV0aWMiIGsyPSItMSIgazM9IjEiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMC40NTQxNjcgMCAwIDAgMCAwLjI3MjUgMCAwIDAgMCAwIDAgMCAwIDAuMTMgMCIvPjxmZUJsZW5kIGluMj0ic2hhcGUiIHJlc3VsdD0iZWZmZWN0MV9pbm5lclNoYWRvd182MDNfMzA1OTYiLz48L2ZpbHRlcj48L2RlZnM+PC9zdmc+)!important;
}
.cdk-global-scrollblock
{
    position: static;
}
@media screen and (min-width: 1024px)
{
    .cdk-global-scrollblock
    {
        position: fixed;
    }
}
.overlay
{
    position: fixed;
    inset: 0;
    background-color: rgb(var(--white-1000)/.8);
    transition: opacity .5s ease;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}
.overlay._active
{
    pointer-events: unset;
    opacity: 1;
    z-index: 11;
    visibility: visible;
}
.overlay._active._drop
{
    z-index: 8;
}
.countdown
{
    display: grid;
    place-content: center;
    grid-auto-flow: column;
    grid-column-gap: 6px;
    font-size: 14px;
    font-weight: 800;
    color: rgb(var(--blue-700));
}
.countdown--days, .countdown--hours, .countdown--minutes, .countdown--seconds
{
    display: grid;
    place-items: center;
    grid-row-gap: 2px;
}
.countdown--value
{
    display: grid;
    place-items: center;
    width: 32px;
    height: 28px;
    background-color: rgb(var(--white-1000));
    box-shadow: 0 2px 5px #0000001a,inset 0 -2px 3px #0000001a,inset 0 -4px 4px -2px #0000000a;
    border-radius: 8px;
}
.countdown--suffix
{
    font-size: 8px;
    text-transform: capitalize;
}
.countdown--divider
{
    display: inline-flex;
    padding-top: 4px;
}
.mat-calendar-header
{
    padding: 21px 32px;
}
.mat-calendar-period-button
{
    font-weight: 700;
    order: 2;
}
.mat-calendar-previous-button
{
    order: 1;
}
.mat-calendar-next-button
{
    order: 3;
}
.mat-calendar-body-label
{
    opacity: 0;
}
.mat-calendar-spacer
{
    display: none;
}
.mat-calendar-table-header
{
    font-weight: 800;
    color: rgb(var(--neutral-400));
}
.mat-calendar-body-cell-content
{
    color: rgb(var(--neutral-400));
    font-weight: 600;
}
.mat-calendar-body-today
{
    text-decoration: underline;
}
.mat-datepicker-popup .mat-datepicker-content
{
    border-radius: 20px;
}
html[data-crab-game=true] .navigation--mobile-links, html[data-crab-game=true] .tapbar._logged, html[data-crab-game=true] .navigation--sidebar, .header.hide-header-tapbar .tapbar._logged
{
    display: none;
}
html[data-crab-game=true] .header._mobile-fixed
{
    padding-top: 56px;
}
:root
{
    --games-gap: 12px;
    --games-gradient-start: 50px;
    --games-gradient-end: 157px;
}
@media screen and (min-width: 540px)
{
    :root
    {
        --games-gradient-end: 173px;
    }
}
@media screen and (min-width: 768px)
{
    :root
    {
        --games-gradient-end: 219px;
    }
}
@media screen and (min-width: 1024px)
{
    :root
    {
        --games-gradient-end: 229px;
    }
}
@media screen and (min-width: 1440px)
{
    :root
    {
        --games-gradient-end: 215px;
    }
}
.grid-games
{
    grid-template-columns: repeat(3,calc(33.3333% - (var(--games-gap) - (var(--games-gap) / 3))));
    display: grid;
    grid-gap: var(--games-gap);
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 var(--containerPadding);
}
@media screen and (min-width: 768px)
{
    .grid-games
    {
        grid-template-columns: repeat(4,calc(25% - (var(--games-gap) - (var(--games-gap) / 4))));
    }
}
@media screen and (min-width: 1024px)
{
    .grid-games
    {
        grid-template-columns: repeat(6,calc(16.6666% - (var(--games-gap) - (var(--games-gap) / 6))));
        scroll-padding-left: var(--containerPadding);
    }
}
.grid-games-wrapper
{
    position: relative;
    overflow: hidden;
}
.grid-games--item
{
    position: relative;
    scroll-snap-align: start;
}
.grid-games--item._double
{
    grid-column: 1/3;
}
.grid-games._row-1, .grid-games._row-2
{
    grid-template-columns: 120px;
    grid-auto-columns: 120px;
    grid-auto-flow: column;
}
@media screen and (min-width: 1024px)
{
    .grid-games._row-1, .grid-games._row-2
    {
        grid-template-columns: repeat(5,calc(19% - (var(--games-gap) - (var(--games-gap) / 5))));
        grid-auto-columns: minmax(calc(19% - (var(--games-gap) - (var(--games-gap) / 5))),1fr);
    }
}
@media screen and (min-width: 1440px)
{
    .grid-games._row-1, .grid-games._row-2
    {
        grid-template-columns: repeat(7,calc(14% - (var(--games-gap) - (var(--games-gap) / 7))));
    }
}
.grid-games._row-1
{
    grid-template-rows: 1fr;
}
.grid-games._row-2
{
    grid-template-rows: 1fr 1fr;
}
.grid-games._column-auto-xl
{
    grid-template-columns: repeat(auto-fill,180px);
    grid-auto-columns: 180px;
}
@media screen and (min-width: 540px)
{
    .grid-games._column-auto-xl
    {
        grid-template-columns: repeat(auto-fill,249px);
        grid-auto-columns: 249px;
    }
}
.grid-games._column-auto-xxl
{
    grid-template-columns: repeat(auto-fill,180px);
    grid-auto-columns: 180px;
}
@media screen and (min-width: 540px)
{
    .grid-games._column-auto-xxl
    {
        grid-template-columns: repeat(auto-fill,314px);
        grid-auto-columns: 314px;
    }
}
.grid-games._column-2, .grid-games._column-4
{
    grid-template-columns: repeat(2,calc(50% - (var(--games-gap) - (var(--games-gap) / 2))));
}
@media screen and (min-width: 540px)
{
    .grid-games._column-4
    {
        grid-template-columns: repeat(3,calc(33.3333% - (var(--games-gap) - (var(--games-gap) / 3))));
    }
}
@media screen and (min-width: 1024px)
{
    .grid-games._column-4
    {
        grid-template-columns: repeat(4,calc(25% - (var(--games-gap) - (var(--games-gap) / 4))));
    }
}
.grid-games._column-5
{
    grid-template-columns: repeat(2,calc(50% - (var(--games-gap) - (var(--games-gap) / 2))));
}
@media screen and (min-width: 540px)
{
    .grid-games._column-5
    {
        grid-template-columns: repeat(3,calc(33.3333% - (var(--games-gap) - (var(--games-gap) / 3))));
    }
}
@media screen and (min-width: 768px)
{
    .grid-games._column-5
    {
        grid-template-columns: repeat(4,calc(25% - (var(--games-gap) - (var(--games-gap) / 4))));
    }
}
@media screen and (min-width: 1024px)
{
    .grid-games._column-5
    {
        grid-template-columns: repeat(5,calc(20% - (var(--games-gap) - (var(--games-gap) / 5))));
    }
}
.grid-games._column-6
{
    grid-template-columns: repeat(6,calc(16.6666% - (var(--games-gap) - (var(--games-gap) / 6))));
}
.grid-games._column-7
{
    grid-template-columns: repeat(3,calc(33.3333% - (var(--games-gap) - (var(--games-gap) / 3))));
}
@media screen and (min-width: 768px)
{
    .grid-games._column-7
    {
        grid-template-columns: repeat(4,calc(25% - (var(--games-gap) - (var(--games-gap) / 4))));
    }
}
@media screen and (min-width: 1024px)
{
    .grid-games._column-7
    {
        grid-template-columns: repeat(6,calc(16.6666% - (var(--games-gap) - (var(--games-gap) / 6))));
    }
}
@media screen and (min-width: 1440px)
{
    .grid-games._column-7
    {
        grid-template-columns: repeat(7,calc(14.2857% - (var(--games-gap) - (var(--games-gap) / 7))));
    }
}
.grid-games._bot-gradient
{
    mask-image: linear-gradient(to top,transparent var(--games-gradient-start),#000 var(--games-gradient-end));
}
.grid-games-btn
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 24px;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 0;
    height: 0;
}
.text-60-68
{
    font-size: 60px;
}
@media screen and (min-width: 1024px)
{
    .text-60-68
    {
        font-size: 68px;
    }
}
.text-40-73
{
    font-size: 2.5rem;
}
@media screen and (min-width: 1024px)
{
    .text-40-73
    {
        font-size: 4.56rem;
    }
}
.text-36-48
{
    font-size: 2.25rem;
}
@media screen and (min-width: 1024px)
{
    .text-36-48
    {
        font-size: 3rem;
    }
}
.text-33-36
{
    font-size: 2.06rem;
}
@media screen and (min-width: 1024px)
{
    .text-33-36
    {
        font-size: 2.25rem;
    }
}
.text-25-33
{
    font-size: 1.56rem;
}
@media screen and (min-width: 1024px)
{
    .text-25-33
    {
        font-size: 2.06rem;
    }
}
.text-32
{
    font-size: 32px;
}
.text-19-25
{
    font-size: 1.18rem;
}
@media screen and (min-width: 1024px)
{
    .text-19-25
    {
        font-size: 1.56rem;
    }
}
.text-16-19
{
    font-size: 1rem;
}
@media screen and (min-width: 1024px)
{
    .text-16-19
    {
        font-size: 1.188rem;
    }
}
.text-14-16
{
    font-size: .87rem;
}
@media screen and (min-width: 1024px)
{
    .text-14-16
    {
        font-size: 1rem;
    }
}
.text-12-14
{
    font-size: .75rem;
}
@media screen and (min-width: 1024px)
{
    .text-12-14
    {
        font-size: .87rem;
    }
}
.text-48
{
    font-size: 3rem;
}
.text-24
{
    font-size: 24px;
}
.text-25
{
    font-size: 1.56rem;
}
.text-22
{
    font-size: 1.375rem;
}
.text-19
{
    font-size: 1.188rem;
}
.text-16
{
    font-size: 1rem;
}
.text-14
{
    font-size: .87rem;
}
.text-12
{
    font-size: .75rem;
}
.text-10
{
    font-size: .625rem;
}
.text-8
{
    font-size: .5rem;
}
.text-400
{
    font-weight: 400;
}
.text-500
{
    font-weight: 500;
}
.text-600
{
    font-weight: 600;
}
.text-700
{
    font-weight: 700;
}
.text-800
{
    font-weight: 800;
}
.text-900
{
    font-weight: 900;
}
.text-center
{
    text-align: center;
}
.text-uppercase
{
    text-transform: uppercase;
}
.text-capitalize
{
    text-transform: capitalize;
}
.text-underline
{
    text-decoration: underline;
}
.text-italic
{
    font-style: italic;
}
.text-normal
{
    font-style: normal;
}
.text-ellipsis
{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.text-word-break
{
    word-break: break-word;
}
.text-yellow
{
    color: rgb(var(--yellow));
}
.text-yellow-1000
{
    color: rgb(var(--yellow-1000));
}
.text-orange-1000
{
    color: rgb(var(--orange-1000));
}
.text-orange-900
{
    color: rgb(var(--orange-900));
}
.text-red-1000
{
    color: rgb(var(--red-1000));
}
.text-red-950
{
    color: rgb(var(--red-950));
}
.text-red-900
{
    color: rgb(var(--red-900));
}
.text-red-850
{
    color: rgb(var(--red-850));
}
.text-red-800
{
    color: rgb(var(--red-800));
}
.text-blue-500
{
    color: rgb(var(--blue-500));
}
.text-blue-100
{
    color: rgb(var(--blue-100));
}
.text-blue-700
{
    color: rgb(var(--blue-700));
}
.text-green-900
{
    color: rgb(var(--green-900));
}
.text-black-900
{
    color: rgb(var(--black-900));
}
.text-black-600
{
    color: rgb(var(--black-600));
}
.text-black-500
{
    color: rgb(var(--black-500));
}
.text-gray-200
{
    color: rgb(var(--gray-200));
}
.text-gray-400
{
    color: rgb(var(--gray-400));
}
.text-gray-500
{
    color: rgb(var(--gray-500));
}
.text-white-1000
{
    color: rgb(var(--white-1000));
}
.text-white-700
{
    color: rgb(var(--white-700));
}
.text-neutral-1
{
    color: rgb(var(--neutral-1));
}
.text-neutral-2
{
    color: rgb(var(--neutral-2));
}
.text-neutral-3
{
    color: rgb(var(--neutral-3));
}
.text-neutral-4
{
    color: rgb(var(--neutral-4));
}
.text-neutral-5
{
    color: rgb(var(--neutral-5));
}
.text-neutral-6
{
    color: rgb(var(--neutral-6));
}
.text-neutral-7
{
    color: rgb(var(--neutral-7));
}
.text-neutral-8
{
    color: rgb(var(--neutral-8));
}
.text-neutral-9
{
    color: rgb(var(--neutral-9));
}
.text-neutral-10
{
    color: rgb(var(--neutral-10));
}
.bg-neutral-100
{
    background-color: rgb(var(--neutral-100));
}
.bg-green-1000
{
    background-color: rgb(var(--green-1000));
}
.bg-red-1000
{
    background-color: rgb(var(--red-1000));
}
.truncate
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.text-center
{
    text-align: center;
}
.relative
{
    position: relative;
}
.overflow-hidden
{
    overflow: hidden;
}
.inline-flex
{
    display: inline-flex;
}
.inline
{
    display: inline;
}
.mt-0
{
    margin-top: 0;
}
.mt-4
{
    margin-top: 4px;
}
.mt-8
{
    margin-top: 8px;
}
.mt-12
{
    margin-top: 12px;
}
.mt-16
{
    margin-top: 16px;
}
.mt-20
{
    margin-top: 20px;
}
.mt-24
{
    margin-top: 24px;
}
.mt-28
{
    margin-top: 28px;
}
.mt-32
{
    margin-top: 32px;
}
.mt-36
{
    margin-top: 36px;
}
.mt-40
{
    margin-top: 40px;
}
.mt-44
{
    margin-top: 44px;
}
.mt-48
{
    margin-top: 48px;
}
.mt-52
{
    margin-top: 52px;
}
.mb-0
{
    margin-bottom: 0;
}
.mb-4
{
    margin-bottom: 4px;
}
.mb-8
{
    margin-bottom: 8px;
}
.mb-12
{
    margin-bottom: 12px;
}
.mb-16
{
    margin-bottom: 16px;
}
.mb-20
{
    margin-bottom: 20px;
}
.mb-24
{
    margin-bottom: 24px;
}
.mb-28
{
    margin-bottom: 28px;
}
.mb-32
{
    margin-bottom: 32px;
}
.mb-36
{
    margin-bottom: 36px;
}
.mb-40
{
    margin-bottom: 40px;
}
.mb-44
{
    margin-bottom: 44px;
}
.mb-48
{
    margin-bottom: 48px;
}
.mb-52
{
    margin-bottom: 52px;
}
.p-0
{
    padding: 0;
}
.p-4
{
    padding: 4px;
}
.p-8
{
    padding: 8px;
}
.p-12
{
    padding: 12px;
}
.p-16
{
    padding: 16px;
}
.p-20
{
    padding: 20px;
}
.p-24
{
    padding: 24px;
}
.p-28
{
    padding: 28px;
}
.p-32
{
    padding: 32px;
}
.p-36
{
    padding: 36px;
}
.p-40
{
    padding: 40px;
}
.p-44
{
    padding: 44px;
}
.p-48
{
    padding: 48px;
}
.p-52
{
    padding: 52px;
}
.pt-0
{
    padding-top: 0;
}
.pt-4
{
    padding-top: 4px;
}
.pt-8
{
    padding-top: 8px;
}
.pt-12
{
    padding-top: 12px;
}
.pt-16
{
    padding-top: 16px;
}
.pt-20
{
    padding-top: 20px;
}
.pt-24
{
    padding-top: 24px;
}
.pt-28
{
    padding-top: 28px;
}
.pt-32
{
    padding-top: 32px;
}
.pt-36
{
    padding-top: 36px;
}
.pt-40
{
    padding-top: 40px;
}
.pt-44
{
    padding-top: 44px;
}
.pt-48
{
    padding-top: 48px;
}
.pt-52
{
    padding-top: 52px;
}
.pr-0
{
    padding-right: 0;
}
.pr-4
{
    padding-right: 4px;
}
.pr-8
{
    padding-right: 8px;
}
.pr-12
{
    padding-right: 12px;
}
.pr-16
{
    padding-right: 16px;
}
.pr-20
{
    padding-right: 20px;
}
.pr-24
{
    padding-right: 24px;
}
.pr-28
{
    padding-right: 28px;
}
.pr-32
{
    padding-right: 32px;
}
.pr-36
{
    padding-right: 36px;
}
.pr-40
{
    padding-right: 40px;
}
.pr-44
{
    padding-right: 44px;
}
.pr-48
{
    padding-right: 48px;
}
.pr-52
{
    padding-right: 52px;
}
.pb-0
{
    padding-bottom: 0;
}
.pb-4
{
    padding-bottom: 4px;
}
.pb-8
{
    padding-bottom: 8px;
}
.pb-12
{
    padding-bottom: 12px;
}
.pb-16
{
    padding-bottom: 16px;
}
.pb-20
{
    padding-bottom: 20px;
}
.pb-24
{
    padding-bottom: 24px;
}
.pb-28
{
    padding-bottom: 28px;
}
.pb-32
{
    padding-bottom: 32px;
}
.pb-36
{
    padding-bottom: 36px;
}
.pb-40
{
    padding-bottom: 40px;
}
.pb-44
{
    padding-bottom: 44px;
}
.pb-48
{
    padding-bottom: 48px;
}
.pb-52
{
    padding-bottom: 52px;
}
.pl-0
{
    padding-left: 0;
}
.pl-4
{
    padding-left: 4px;
}
.pl-8
{
    padding-left: 8px;
}
.pl-12
{
    padding-left: 12px;
}
.pl-16
{
    padding-left: 16px;
}
.pl-20
{
    padding-left: 20px;
}
.pl-24
{
    padding-left: 24px;
}
.pl-28
{
    padding-left: 28px;
}
.pl-32
{
    padding-left: 32px;
}
.pl-36
{
    padding-left: 36px;
}
.pl-40
{
    padding-left: 40px;
}
.pl-44
{
    padding-left: 44px;
}
.pl-48
{
    padding-left: 48px;
}
.pl-52
{
    padding-left: 52px;
}
.modal
{
    text-align: center;
}
.modal:lang(ar)
{
    direction: rtl;
}
.modal--body
{
    display: flex;
    flex-direction: column;
    padding: 24px 16px 43px;
    min-height: 100%;
}
@media screen and (min-width: 1024px)
{
    .modal--body
    {
        height: auto;
        padding: 80px 100px 66px;
    }
}
.modal--container
{
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 328px;
    margin: 0 auto;
}
@media screen and (min-width: 768px)
{
    .modal--container
    {
        max-width: 360px;
    }
}
.modal--title
{
    font-size: 19px;
    color: rgb(var(--gray-1000));
    text-align: center;
    font-weight: 800;
    padding: 8px 44px 34px;
}
@media screen and (min-width: 1024px)
{
    .modal--title
    {
        font-size: 25px;
        padding: 0 0 16px;
    }
}
.modal--price:after
{
    display: inline-block;
    width: 47px;
    height: 47px;
    margin-left: -8px;
    vertical-align: middle;
    background-image: url(../../willbetgambling/image/modal-coin_2x.png);
    background-size: contain;
    content: "";
}
.modal--text
{
    padding-bottom: 16px;
}
.modal--input
{
    margin-bottom: 32px;
}
.modal--input-label
{
    display: block;
    font-size: 12px;
    color: rgb(var(--black-600));
    letter-spacing: -.03em;
    padding-bottom: 4px;
    padding-left: 8px;
    text-align: left;
}
.modal--input-label:lang(ar)
{
    text-align: right;
}
.modal--btns-wrapper
{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.modal--btn
{
    margin-bottom: 8px;
}
.modal--mono
{
    margin-top: 24px;
}
.close-button
{
    position: absolute;
    top: 16px;
    right: 16px;
}
@media screen and (min-width: 1024px)
{
    .close-button
    {
        top: 28px;
        right: 28px;
    }
}
.back-button
{
    position: absolute;
    top: 16px;
    left: 16px;
}
@media screen and (min-width: 1024px)
{
    .back-button
    {
        top: 28px;
        left: 28px;
    }
}
.cdk-global-overlay-wrapper:before
{
    content: "";
    position: fixed;
    top: 100%;
    right: 0;
    left: 0;
    height: 100px;
    background: rgb(var(--white-1000));
}
.cdk-overlay-backdrop
{
    height: 100vh;
    background: linear-gradient(0deg,rgb(var(--black-1000)/.6),rgb(var(--black-1000)/.6));
}
.cdk-overlay-pane
{
    width: 100%;
    height: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 24px 0 0;
    overflow-y: auto;
    overflow-x: hidden;
}
@media screen and (min-width: 1024px)
{
    .cdk-overlay-pane
    {
        width: 580px;
        height: auto;
        padding: 24px 0;
    }
}
.cdk-overlay-pane>*
{
    position: relative;
    width: 100%;
}
.cdk-overlay-pane.summer-modal-wrapper
{
    display: flex;
    align-items: center;
    justify-content: center;
}
.cdk-overlay-pane.notificationOverlay
{
    width: auto;
    min-height: auto;
    height: min-content;
    background-color: transparent;
    overflow: visible;
    border-radius: 0;
}
.cdk-overlay-pane._back-office-dialog
{
    width: auto;
}
@media screen and (min-width: 1024px)
{
    .cdk-overlay-pane.ferrari-terms-modal
    {
        width: 540px;
        margin: 40px auto;
        padding: 0;
        border-radius: 20px;
    }
}
.cdk-overlay-pane.std-modal>*
{
    margin: auto 0;
    background-color: rgb(var(--neutral-1));
    border-radius: 16px 16px 0 0;
}
@media screen and (min-width: 1024px)
{
    .cdk-overlay-pane.std-modal>*
    {
        border-radius: 32px;
    }
}
.cdk-overlay-pane.ferrari-modal>*
{
    margin: auto 0 0;
    background-color: rgb(var(--neutral-1));
    border-radius: 16px 16px 0 0;
}
@media screen and (min-width: 1024px)
{
    .cdk-overlay-pane.ferrari-modal>*
    {
        margin: auto 0;
        border-radius: 32px;
    }
}
@media screen and (max-width: 1023.98px)
{
    .cdk-overlay-pane.retention-bonus-modal>*
    {
        margin: auto 0 0;
    }
}
.cdk-overlay-pane.mat-datepicker-popup
{
    width: auto;
    min-height: auto;
    position: fixed;
    inset: 50% auto auto 50%!important;
    transform: translate(-50%,-50%)!important;
}
.cdk-overlay-pane.search-modal
{
    width: 100%;
    height: 100%;
    border-radius: 0;
}
.cdk-global-scrollblock
{
    overflow: hidden;
}
.onfido-sdk-ui-Theme-modalOverlay
{
    z-index: 2100;
}
.cdk-overlay-pane.retention-bonus-modal .modal--title
{
    padding: 8px 0 24px;
    font-size: 19px;
    line-height: 120%;
    font-weight: 800;
}
@media screen and (min-width: 1024px)
{
    .cdk-overlay-pane.retention-bonus-modal .modal--title
    {
        padding-top: 52px;
        font-size: 25px;
    }
}
.cdk-overlay-pane.std-modal.event-welcome-modal>*
{
    padding: 0;
    max-width: 320px;
    border-radius: 20px;
}
@media screen and (min-width: 768px)
{
    .cdk-overlay-pane.std-modal.event-welcome-modal>*
    {
        max-width: 500px;
    }
}
:root
{
    --stb-radio-group__margin-right: 13px;
    --stb-radio-button__circle-margin-right: 8px;
    --stb-radio-button__dot-width: 100%;
    --stb-radio-button__dot-height: 100%;
    --stb-radio-button__dot-box-shadow: none;
    --stb-radio-button__dot-background: transparent;
    --stb-radio-button-opacity: .8;
}
:root
{
    --stb-control-error__min-height: 24px;
    --stb-control-error__padding: 4px 5px 8px;
    --stb-control-error__color: rgb(var(--errorColor));
    --stb-control-error__font-size: 12px;
    --stb-control-error__transition: font-size .2s;
}
:root
{
    --stb-checkbox__content-padding: 6px;
    --stb-checkbox__content-font-size: 13px;
    --stb-checkbox__content-line-height: 1.6;
    --stb-checkbox__content-color: var(--white-1000);
    --stb-checkbox__check-field-width: 20px;
    --stb-checkbox__check-field-height: 20px;
    --stb-checkbox__check-field-padding: 1px;
    --stb-checkbox__check-field-bg: var(--green-1000);
    --stb-checkbox__check-field-color: var(--green-1000);
    --stb-checkbox__check-field-border-radius: 6px;
    --stb-checkbox__check-field-border-color: var(--neutral-400);
}
.stb-button
{
    display: inline-block;
}
.stb-button._wide
{
    width: 100%;
}
.button-imitation
{
    cursor: pointer;
}
.button-imitation input
{
    pointer-events: none;
}
.checkbox-control
{
    --base: var(--blue-700);
    --disabled: var(--neutral-400);
    --error: var(--red-950);
    --text: var(--black-900);
    cursor: pointer;
    display: flex;
    align-items: center;
}
.checkbox-control__check-field
{
    --stb-checkbox__check-field-height: 20px;
    --stb-checkbox__check-field-width: 20px;
    --stb-checkbox__check-field-bg: rgb(var(--white-1000));
    --stb-checkbox__check-field-color: transparent;
    --stb-checkbox__check-field-border-radius: 4px;
    --stb-checkbox__check-field-padding: 0;
    border: 2px solid rgb(var(--blue-700));
}
.checkbox-control__check-field:hover
{
    border-color: rgb(var(--neutral-8));
}
.checkbox-control__checkbox:checked+.checkbox-control__check-field
{
    --stb-checkbox__check-field-bg: rgb(var(--base));
    position: relative;
}
.checkbox-control__checkbox:checked+.checkbox-control__check-field:before
{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 18px;
    height: 18px;
    background: url(../../willbetgambling/image/done.svg) center no-repeat;
    background-size: cover;
    filter: var(--filterWhite);
}
.checkbox-control__content
{
    --stb-checkbox__content-color: rgb(var(--text));
    --stb-checkbox__content-padding: 0 0 0 12px;
    --stb-checkbox__content-font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}
.checkbox-control__checkbox:disabled~.checkbox-control__check-field
{
    --stb-checkbox__check-field-bg: transparent;
    border-color: rgb(var(--disabled));
}
.ng-invalid.ng-touched:not(form) .checkbox-control__check-field
{
    border-color: rgb(var(--error));
}
.checkbox-control__checkbox:checked:disabled~.checkbox-control__check-field
{
    --stb-checkbox__check-field-bg: rgb(var(--disabled));
}
.checkbox-control__checkbox:disabled~.checkbox-control__content
{
    color: rgb(var(--disabled));
}
.checkbox-control._inline
{
    display: inline-flex;
}
.radio-group-control
{
    --base: var(--blue-700);
    --disabled: var(--neutral-4);
    --error: var(--red-950);
}
.radio-group-control .radio-button
{
    position: relative;
    cursor: pointer;
    background-color: transparent;
}
.radio-group-control .radio-button__circle
{
    --stb-radio-button__circle-width: 20px;
    --stb-radio-button__circle-height: 20px;
    --stb-radio-button__circle-background: transparent;
    --stb-radio-button__circle-box-shadow: none;
    --stb-radio-group__margin-right: 8px;
    border: 2px solid rgb(var(--blue-700));
}
.radio-group-control .radio-button__circle:lang(ar)
{
    --stb-radio-group__margin-right: 0;
    margin-left: 8px;
}
.radio-group-control .radio-button__circle:hover
{
    border-color: rgb(var(--neutral-8));
}
.radio-group-control .radio-button__dot
{
    --stb-radio-button__dot-background: rgb(var(--base));
    --stb-radio-button__dot-box-shadow: none;
    --stb-radio-button__dot-width: 10px;
    --stb-radio-button__dot-height: 10px;
}
.radio-group-control .radio-button__desc
{
    color: rgb(var(--black-600));
}
.radio-group-control .radio-button__input:checked+.radio-button__circle
{
    --stb-radio-button__circle-background: transparent;
    --stb-radio-button__circle-box-shadow: none;
}
.radio-group-control .radio-button__input:checked~.radio-button__desc
{
    color: rgb(var(--black-900));
}
.radio-group-control .radio-button__input:checked .radio-button__dot
{
    visibility: visible;
}
.radio-group-control .radio-button.disabled .radio-button__circle
{
    border-color: rgb(var(--disabled));
}
.radio-group-control .radio-button.disabled .radio-button__dot
{
    --stb-radio-button__dot-background: rgb(var(--disabled));
}
.radio-group-control .radio-button.disabled .radio-button__desc
{
    color: rgb(var(--black-500));
}
.radio-group-control .radio-button.disabled .radio-button:checked~.radio-button__desc
{
    color: rgb(var(--black-500));
}
.gender-options .radio-group-control
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 12px;
}
.gender-options .radio-group-control__button
{
    min-height: 56px;
    padding: 0 14px;
    margin: 0;
}
.gender-options .radio-button__circle
{
    border-color: rgb(var(--neutral-4));
}
.gender-options .radio-button__desc:before
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    background-color: transparent;
    border: 1px solid rgb(var(--neutral-2));
    pointer-events: none;
}
.gender-options .radio-button__input:checked~.radio-button__desc
{
    z-index: 0;
}
.gender-options .radio-button__input:checked~.radio-button__desc:before
{
    background-color: rgb(var(--white-1000));
    border-color: rgb(var(--blue-700));
    box-shadow: inset 0 0 5px #131e3c33;
    z-index: -1;
}
.gender-options .radio-button__input:checked+.radio-button__circle
{
    border-color: rgb(var(--blue-700));
    z-index: 1;
}
.gender-options .radio-button__input:checked+.radio-button__circle .radio-button__dot
{
    --stb-radio-button__dot-background: rgb(var(--blue-700));
}
:root
{
    --stb-input-text__input-padding: unset;
    --stb-input-password__input-padding-top: unset;
    --stb-input-password__input-padding-bottom: unset;
    --stb-input-text__label-top: unset;
    --stb-input-text__placeholder-top: unset;
    --stb-input-text__placeholder-font-size: unset;
}
.input-text-control, .input-password-control, .input-number-control
{
    border-radius: 16px;
    background-color: rgb(var(--white-1000));
}
.input-text-control__prefix, .input-password-control__prefix, .input-number-control__prefix
{
    display: none;
}
.input-text-control__placeholder, .input-password-control__placeholder, .input-number-control__placeholder
{
    pointer-events: none;
}
.input-text-control__clear-btn, .input-password-control__clear-btn, .input-number-control__clear-btn
{
    display: none;
}
.input-text-control__icon-password, .input-password-control__icon-password, .input-number-control__icon-password
{
    pointer-events: none;
}
.input-text-control__icon-password:lang(ar), .input-password-control__icon-password:lang(ar), .input-number-control__icon-password:lang(ar)
{
    left: unset;
    right: 16px;
}
.input-text-control__icon-visibility, .input-password-control__icon-visibility, .input-number-control__icon-visibility
{
    --stb-input-password__input-color: rgb(var(--neutral-5));
}
.input-text-control__icon-visibility:lang(ar), .input-password-control__icon-visibility:lang(ar), .input-number-control__icon-visibility:lang(ar)
{
    left: 15px;
    right: unset;
}
.input-text-control__input, .input-password-control__input, .input-number-control__input
{
    appearance: none;
    height: 56px;
    padding-left: 16px;
    padding-right: 16px;
    background-color: transparent;
    border: 1px solid rgb(var(--neutral-200));
    border-radius: 16px;
    font-weight: 400;
    font-size: 16px;
    color: rgb(var(--black-900));
    transition: transform var(--transitionTime),border var(--transitionTime),background-color var(--transitionTime);
}
.input-text-control__input[type=tel]:lang(ar), .input-password-control__input[type=tel]:lang(ar), .input-number-control__input[type=tel]:lang(ar)
{
    direction: ltr;
    text-align: right;
}
.input-text-control__input::placeholder, .input-password-control__input::placeholder, .input-number-control__input::placeholder
{
    visibility: visible;
    color: rgb(var(--black-600));
    font-weight: 400;
}
@media screen and (min-width: 1024px)
{
    .input-text-control__input:hover, .input-password-control__input:hover, .input-number-control__input:hover
    {
        border-color: rgb(var(--neutral-5));
        background-color: rgb(var(--white-1000));
    }
}
.input-text-control__input:focus, .input-text-control__input:not(:placeholder-shown), .input-password-control__input:focus, .input-password-control__input:not(:placeholder-shown), .input-number-control__input:focus, .input-number-control__input:not(:placeholder-shown)
{
    padding: 16px 40px 16px 16px;
}
.input-text-control:focus-within, .input-text-control:focus, .input-password-control:focus-within, .input-password-control:focus, .input-number-control:focus-within, .input-number-control:focus
{
    border-color: rgb(var(--blue-700));
    background-color: rgb(var(--white-1000));
}
.input-text-control:focus-within .input-text-control__input, .input-text-control:focus-within .input-password-control__input, .input-text-control:focus .input-text-control__input, .input-text-control:focus .input-password-control__input, .input-password-control:focus-within .input-text-control__input, .input-password-control:focus-within .input-password-control__input, .input-password-control:focus .input-text-control__input, .input-password-control:focus .input-password-control__input, .input-number-control:focus-within .input-text-control__input, .input-number-control:focus-within .input-password-control__input, .input-number-control:focus .input-text-control__input, .input-number-control:focus .input-password-control__input
{
    border-color: rgb(var(--blue-700));
    background-color: rgb(var(--white-1000));
}
.input-text-control:focus-within .input-text-control__input+.input-text-control__placeholder, .input-text-control:focus-within .input-password-control__input+.input-text-control__placeholder, .input-text-control:focus .input-text-control__input+.input-text-control__placeholder, .input-text-control:focus .input-password-control__input+.input-text-control__placeholder, .input-password-control:focus-within .input-text-control__input+.input-text-control__placeholder, .input-password-control:focus-within .input-password-control__input+.input-text-control__placeholder, .input-password-control:focus .input-text-control__input+.input-text-control__placeholder, .input-password-control:focus .input-password-control__input+.input-text-control__placeholder, .input-number-control:focus-within .input-text-control__input+.input-text-control__placeholder, .input-number-control:focus-within .input-password-control__input+.input-text-control__placeholder, .input-number-control:focus .input-text-control__input+.input-text-control__placeholder, .input-number-control:focus .input-password-control__input+.input-text-control__placeholder
{
    top: 50%;
}
.input-text-control:focus-within .input-text-control__input:not(:placeholder-shown)+.input-password-control__placeholder, .input-text-control:focus-within .input-password-control__input:not(:placeholder-shown)+.input-password-control__placeholder, .input-text-control:focus .input-text-control__input:not(:placeholder-shown)+.input-password-control__placeholder, .input-text-control:focus .input-password-control__input:not(:placeholder-shown)+.input-password-control__placeholder, .input-password-control:focus-within .input-text-control__input:not(:placeholder-shown)+.input-password-control__placeholder, .input-password-control:focus-within .input-password-control__input:not(:placeholder-shown)+.input-password-control__placeholder, .input-password-control:focus .input-text-control__input:not(:placeholder-shown)+.input-password-control__placeholder, .input-password-control:focus .input-password-control__input:not(:placeholder-shown)+.input-password-control__placeholder, .input-number-control:focus-within .input-text-control__input:not(:placeholder-shown)+.input-password-control__placeholder, .input-number-control:focus-within .input-password-control__input:not(:placeholder-shown)+.input-password-control__placeholder, .input-number-control:focus .input-text-control__input:not(:placeholder-shown)+.input-password-control__placeholder, .input-number-control:focus .input-password-control__input:not(:placeholder-shown)+.input-password-control__placeholder
{
    opacity: 0;
}
.std-input.has-label .input-text-control__label, .std-input.has-label .input-text-control__placeholder, .std-input.has-label .input-password-control__label, .std-input.has-label .input-password-control__placeholder
{
    bottom: 50%;
    font-weight: 400;
    left: 16px;
    font-size: 16px;
    line-height: 100%;
    color: rgb(var(--black-600));
    transform: translateY(50%);
    transform-origin: left;
    transition: transform var(--transitionTime);
    pointer-events: none;
}
.std-input.has-label .input-text-control__label:lang(ar), .std-input.has-label .input-text-control__placeholder:lang(ar), .std-input.has-label .input-password-control__label:lang(ar), .std-input.has-label .input-password-control__placeholder:lang(ar)
{
    width: 90%;
    text-align: right;
}
.std-input.has-label .input-text-control__input, .std-input.has-label .input-password-control__input
{
    font-size: 16px;
}
.std-input.has-label .input-text-control__input:placeholder-shown, .std-input.has-label .input-password-control__input:placeholder-shown
{
    padding: 24px 16px 10px;
}
.std-input.has-label .input-text-control__input:not(:placeholder-shown)+.input-text-control__label, .std-input.has-label .input-text-control__input:not(:placeholder-shown)+.input-password-control__label-group .input-password-control__placeholder, .std-input.has-label .input-password-control__input:not(:placeholder-shown)+.input-text-control__label, .std-input.has-label .input-password-control__input:not(:placeholder-shown)+.input-password-control__label-group .input-password-control__placeholder
{
    transform: scale(.72);
}
.std-input.has-label .input-text-control__input:not(:placeholder-shown)+.input-text-control__label:lang(ar), .std-input.has-label .input-text-control__input:not(:placeholder-shown)+.input-password-control__label-group .input-password-control__placeholder:lang(ar), .std-input.has-label .input-password-control__input:not(:placeholder-shown)+.input-text-control__label:lang(ar), .std-input.has-label .input-password-control__input:not(:placeholder-shown)+.input-password-control__label-group .input-password-control__placeholder:lang(ar)
{
    right: -20%;
}
.std-input.has-label .input-text-control__input:not(:placeholder-shown)+.input-password-control__label-group .input-password-control__placeholder, .std-input.has-label .input-password-control__input:not(:placeholder-shown)+.input-password-control__label-group .input-password-control__placeholder
{
    transform: scale(.72);
}
.std-input.has-label .input-text-control__input:not(:placeholder-shown)+.input-password-control__label-group .input-password-control__placeholder:lang(ar), .std-input.has-label .input-password-control__input:not(:placeholder-shown)+.input-password-control__label-group .input-password-control__placeholder:lang(ar)
{
    right: -20%;
}
.std-input.has-label .input-text-control__input:not(:focus)::placeholder, .std-input.has-label .input-password-control__input:not(:focus)::placeholder
{
    visibility: hidden;
    opacity: 0;
}
.std-input.has-label .input-text-control__input:focus+.input-text-control__label, .std-input.has-label .input-text-control__input:focus:not(:placeholder-shown)+.input-text-control__label, .std-input.has-label .input-password-control__input:focus+.input-text-control__label, .std-input.has-label .input-password-control__input:focus:not(:placeholder-shown)+.input-text-control__label
{
    transform: scale(.72);
    color: rgb(var(--blue-700));
}
.std-input.has-label .input-text-control__input:focus+.input-text-control__label:lang(ar), .std-input.has-label .input-text-control__input:focus:not(:placeholder-shown)+.input-text-control__label:lang(ar), .std-input.has-label .input-password-control__input:focus+.input-text-control__label:lang(ar), .std-input.has-label .input-password-control__input:focus:not(:placeholder-shown)+.input-text-control__label:lang(ar)
{
    right: -20%;
}
.std-input.has-label .input-text-control__input:focus+.input-password-control__placeholder, .std-input.has-label .input-text-control__input:focus:not(:placeholder-shown)+.input-password-control__placeholder, .std-input.has-label .input-password-control__input:focus+.input-password-control__placeholder, .std-input.has-label .input-password-control__input:focus:not(:placeholder-shown)+.input-password-control__placeholder
{
    left: 16px;
    font-size: 16px;
}
.std-input.has-label .input-text-control__input:focus, .std-input.has-label .input-text-control__input:not(:placeholder-shown), .std-input.has-label .input-password-control__input:focus, .std-input.has-label .input-password-control__input:not(:placeholder-shown)
{
    padding: 24px 40px 10px 16px;
}
.std-input.has-label .input-password-control__input
{
    padding: 24px 40px 10px 16px;
}
.std-input.has-label .input-password-control__input:focus+.input-password-control__label-group .input-password-control__placeholder, .std-input.has-label .input-password-control__input:focus:not(:placeholder-shown)+.input-password-control__label-group .input-password-control__placeholder
{
    transform: scale(.72);
    color: rgb(var(--blue-700));
}
.std-input.has-label .input-password-control__input:focus+.input-password-control__label-group .input-password-control__placeholder:lang(ar), .std-input.has-label .input-password-control__input:focus:not(:placeholder-shown)+.input-password-control__label-group .input-password-control__placeholder:lang(ar)
{
    right: -20%;
}
.std-input.has-label .input-password-control__placeholder
{
    left: 16px;
    transition: transform var(--transitionTime),font-size var(--transitionTime);
}
.std-input.has-icon.has-label .input-text-control__input, .std-input.has-icon.has-label .input-password-control__input
{
    padding-left: 44px;
}
.std-input.has-icon .input-text-control__prefix, .std-input.has-icon .input-password-control__prefix
{
    display: block;
    left: 16px;
    pointer-events: none;
    color: rgb(var(--neutral-500));
}
.std-input.has-icon .input-text-control__prefix:lang(ar), .std-input.has-icon .input-password-control__prefix:lang(ar)
{
    left: unset;
    right: 16px;
}
.std-input.has-icon .input-text-control__input, .std-input.has-icon .input-password-control__input
{
    padding-inline-start: 44px;
}
.std-input.has-icon .input-text-control__input:focus, .std-input.has-icon .input-password-control__input:focus
{
    padding-inline-start: 44px;
}
.std-input.has-icon .input-text-control__input:focus+.input-text-control__label, .std-input.has-icon .input-text-control__input:focus:not(:placeholder-shown)+.input-text-control__label, .std-input.has-icon .input-text-control__input:focus+.input-password-control__placeholder, .std-input.has-icon .input-text-control__input:focus:not(:placeholder-shown)+.input-password-control__placeholder, .std-input.has-icon .input-password-control__input:focus+.input-text-control__label, .std-input.has-icon .input-password-control__input:focus:not(:placeholder-shown)+.input-text-control__label, .std-input.has-icon .input-password-control__input:focus+.input-password-control__placeholder, .std-input.has-icon .input-password-control__input:focus:not(:placeholder-shown)+.input-password-control__placeholder
{
    left: 44px;
}
.std-input.has-icon .input-text-control__input:focus+.input-text-control__label:lang(ar), .std-input.has-icon .input-text-control__input:focus:not(:placeholder-shown)+.input-text-control__label:lang(ar), .std-input.has-icon .input-text-control__input:focus+.input-password-control__placeholder:lang(ar), .std-input.has-icon .input-text-control__input:focus:not(:placeholder-shown)+.input-password-control__placeholder:lang(ar), .std-input.has-icon .input-password-control__input:focus+.input-text-control__label:lang(ar), .std-input.has-icon .input-password-control__input:focus:not(:placeholder-shown)+.input-text-control__label:lang(ar), .std-input.has-icon .input-password-control__input:focus+.input-password-control__placeholder:lang(ar), .std-input.has-icon .input-password-control__input:focus:not(:placeholder-shown)+.input-password-control__placeholder:lang(ar)
{
    left: unset;
    right: 44px;
}
.std-input.has-icon .input-text-control__label, .std-input.has-icon .input-text-control__placeholder, .std-input.has-icon .input-password-control__label, .std-input.has-icon .input-password-control__placeholder
{
    left: 44px;
}
.std-input.has-icon .input-text-control__icon-password, .std-input.has-icon .input-password-control__icon-password
{
    width: 20px;
    height: 20px;
    color: rgb(var(--neutral-500));
}
.std-input._wide
{
    width: 100%;
}
.std-input._wide:lang(ar)
{
    direction: rtl;
}
.std-input[ng-reflect-disabled=true] .input-text-control, .std-input[ng-reflect-disabled=true] .input-password-control, .std-input[ng-reflect-disabled=true] .input-number-control, .std-input[ng-reflect-is-disabled=true] .input-text-control, .std-input[ng-reflect-is-disabled=true] .input-password-control, .std-input[ng-reflect-is-disabled=true] .input-number-control
{
    opacity: .4;
    cursor: not-allowed;
}
.std-input[ng-reflect-disabled=true] .input-text-control *, .std-input[ng-reflect-disabled=true] .input-password-control *, .std-input[ng-reflect-disabled=true] .input-number-control *, .std-input[ng-reflect-is-disabled=true] .input-text-control *, .std-input[ng-reflect-is-disabled=true] .input-password-control *, .std-input[ng-reflect-is-disabled=true] .input-number-control *
{
    pointer-events: none;
}
.input-number-control__sign
{
    width: 20px;
    height: 20px;
    top: 50%;
    border-radius: 100%;
    font-size: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transform: translateY(-50%);
    filter: invert(69%) sepia(71%) saturate(7%) hue-rotate(314deg) brightness(90%) contrast(87%);
}
.input-number-control__sign.minus-sign
{
    left: 16px;
    background-image: url(../../willbetgambling/image/circle-fill.svg);
}
.input-number-control__sign.plus-sign
{
    right: 16px;
    background-image: url(../../willbetgambling/image/add-circle-fill.svg);
}
.input-number-control__input
{
    font-weight: 800;
    font-size: 25px;
    -moz-appearance: textfield;
}
.input-number-control__input:focus-within, .input-number-control__input:focus
{
    border-color: rgb(var(--blue-700));
    background-color: rgb(var(--white-1000));
}
.input-number-control__input::placeholder
{
    color: rgb(var(--black-600));
}
.input-number-control__suffix:not(:empty)~.input-number-control__input, .input-number-control__sign.plus-sign~.input-number-control__input
{
    padding-right: 48px;
    padding-left: 48px;
    text-align: center;
}
.centered .input-number-control__sign.plus-sign
{
    right: 18px;
}
.centered .input-number-control__sign.minus-sign
{
    right: initial;
    left: 18px;
}
.centered .input-number-control__suffix:not(:empty)~.input-number-control__input, .centered .input-number-control__sign.plus-sign~.input-number-control__input
{
    padding-right: 48px;
    padding-left: 48px;
    text-align: center;
}
.has-prefix .input-number-control__suffix:not(:empty)~.input-number-control__input, .has-prefix .input-number-control__sign.plus-sign~.input-number-control__input
{
    padding-left: 36px;
}
.has-prefix .input-number-control__prefix
{
    display: block;
    font-size: 25px;
    font-weight: 800;
}
.select-control
{
    color: rgb(var(--black-600));
}
.select-control .provider
{
    display: flex;
    align-items: center;
}
.select-control .provider--pic
{
    width: 20px;
    height: 20px;
    margin-right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.select-control .provider--title
{
    font-size: 12px;
    line-height: 120%;
    font-weight: 600;
    letter-spacing: -.03em;
}
.select-control__button
{
    height: 56px;
    min-width: 0;
    padding-left: 16px;
    padding-right: 16px;
    background-color: rgb(var(--white-1000));
    border: 1px solid rgb(var(--neutral-200));
    border-radius: 16px;
    font-weight: 400;
    font-size: 16px;
    color: inherit;
    transition: border var(--transitionTime),background-color var(--transitionTime);
}
.select-control__button:lang(ar)
{
    text-align: right;
}
.select-control__button:disabled
{
    display: block;
    opacity: .4;
    cursor: not-allowed;
}
.select-control__button:disabled *
{
    pointer-events: none;
}
.select-control__button-icon
{
    inset-inline-end: 16px;
    width: auto;
    height: auto;
    transform: translateY(-50%);
    transition: none;
}
.select-control__button.selected
{
    padding: 20px 44px 4px 16px;
    color: rgb(var(--blue-700));
}
.select-control__button.selected:lang(ar)
{
    padding: 20px 16px 4px 44px;
}
.select-control__button.selected .select-control__placeholder
{
    font-size: inherit;
    top: 8px;
    inset-inline-start: 6px;
    transform: scale(.72);
    color: rgb(var(--black-600));
}
.select-control__selected-option
{
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.select-control__placeholder
{
    left: 16px;
    bottom: 50%;
    font-size: 16px;
    line-height: 90%;
    font-weight: 400;
    transform: translateY(50%);
    transition: transform var(--transitionTime),left var(--transitionTime);
}
.select-control__list-wrap
{
    display: none;
    padding: 20px 18px 12px 16px;
    background-color: rgb(var(--white-1000));
    width: 100%;
    position: absolute;
    right: 0;
    top: 44px;
    border-radius: 0 0 16px 16px;
    color: rgb(var(--black-600));
    border-left: 1px solid rgb(var(--blue-700));
    border-right: 1px solid rgb(var(--blue-700));
    border-bottom: 1px solid rgb(var(--blue-700));
    z-index: 20;
}
.select-control__list
{
    position: static;
    background: none;
    width: 100%;
    display: grid;
    grid-gap: 20px;
}
.select-control__list::-webkit-scrollbar-track
{
    border-radius: 4px;
    background-color: rgb(var(--white-800));
    visibility: visible;
}
.select-control__list::-webkit-scrollbar
{
    width: 4px;
    border-radius: 4px;
    background-color: rgb(var(--black-1000));
    visibility: visible;
}
.select-control__list::-webkit-scrollbar-thumb
{
    border-radius: 4px;
    background: rgb(var(--black-1000));
    visibility: visible;
}
.select-control__list-item
{
    display: flex;
    align-items: center;
    text-align: left;
    height: auto;
    width: 100%;
    padding: 0;
    font-weight: 400;
    border: none;
    color: rgb(var(--black-600));
    font-size: 14px;
    line-height: 140%;
    background-color: transparent;
    transition: color var(--transitionTime);
}
.select-control__list-item:lang(ar)
{
    text-align: right;
}
.select-control__list-item:last-child
{
    margin: 0;
}
@media screen and (min-width: 1024px)
{
    .select-control__list-item:hover
    {
        color: rgb(var(--black-700));
        background-color: inherit;
        font-weight: 500;
    }
}
.select-control__list-item.active, .select-control.show-list
{
    color: rgb(var(--blue-700));
}
.select-control.show-list .select-control__placeholder
{
    color: inherit;
}
.select-control.show-list .select-control__button
{
    background-color: rgb(var(--white-1000));
    border-color: rgb(var(--blue-700));
    border-radius: 16px 16px 0 0;
}
.select-control.show-list .select-control__button-icon
{
    transform: translateY(-50%) rotate(180deg);
}
.select-control.show-list .select-control__list-wrap
{
    display: block;
}
.select-control.show-list .select-control__list
{
    display: grid;
    border: none;
}
@media screen and (min-width: 1024px)
{
    .select-control:hover:not(.show-list) .select-control__button:not(:disabled)
    {
        border-color: rgb(var(--neutral-5));
        background-color: rgb(var(--white-1000));
    }
}
.input-search-control
{
    width: 100%;
}
.input-search-control__input
{
    height: 56px;
    padding-left: 46px;
    padding-right: 46px;
    background-color: transparent;
    border: 1px solid rgb(var(--neutral-200));
    border-radius: 16px;
    font-weight: 400;
    font-size: 16px;
    color: rgb(var(--black-900));
    opacity: 1;
    transition: transform var(--transitionTime),border var(--transitionTime),background-color var(--transitionTime);
    appearance: none;
}
.input-search-control__input:lang(eu)
{
    padding-left: 40px;
    font-size: clamp(12px,3.7vw,16px);
}
@media screen and (min-width: 1024px)
{
    .input-search-control__input:hover
    {
        border-color: rgb(var(--black-1000));
        background-color: rgb(var(--white-1000));
    }
}
.input-search-control__input:focus
{
    border-color: rgb(var(--blue-700));
    background-color: rgb(var(--white-1000));
    box-shadow: none;
}
.input-search-control__input::placeholder
{
    color: rgb(var(--black-600));
    font-weight: 400;
}
.input-search-control__icon
{
    color: rgb(var(--black-600));
    inset-inline-start: 16px;
}
.input-search-control__clear-btn
{
    right: 16px;
    height: 20px;
    width: 20px;
    color: rgb(var(--black-600));
}
.std-input.ng-invalid.ng-touched .input-text-control__input, .std-input.ng-invalid.ng-touched .input-password-control__input
{
    border-color: rgb(var(--red-950));
}
.std-input.ng-invalid.ng-touched .input-text-control .input-password-control__placeholder, .std-input.ng-invalid.ng-touched .input-text-control .input-text-control__label, .std-input.ng-invalid.ng-touched .input-password-control .input-password-control__placeholder, .std-input.ng-invalid.ng-touched .input-password-control .input-text-control__label
{
    color: rgb(var(--red-950));
}
.std-input.ng-invalid.ng-touched.has-label .input-password-control__input:focus+.input-password-control__label-group .input-password-control__placeholder, .std-input.ng-invalid.ng-touched.has-label .input-text-control__input:focus+.input-text-control__label
{
    color: rgb(var(--red-950));
}
.control-error
{
    min-height: 0;
    font-style: normal;
    text-align: left;
    padding: 0;
}
.control-error .text-success
{
    color: rgb(var(--green-1000));
}
.control-error.visible
{
    min-height: auto;
    padding: 0 8px;
    color: rgb(var(--red-1000));
    font-size: 10px;
    line-height: 155%;
    font-weight: 500;
    opacity: 1;
}
.control-error.visible:lang(ar)
{
    text-align: right;
}
.control-error-message
{
    display: block;
}
.mat-calendar
{
    font-family: inherit;
}
.mat-calendar .mat-calendar-controls
{
    margin-left: 2px;
}
.mat-calendar-period-button, .mat-calendar-next-button, .mat-calendar-previous-button
{
    order: 0;
}
.mat-calendar-period-button, .mat-calendar-next-button
{
    color: rgb(var(--gray-200));
}
.mat-calendar-arrow
{
    border-top-color: rgb(var(--blue-700));
}
.mat-calendar-period-button
{
    font-size: 16px;
    font-weight: 700;
    font-family: inherit;
    color: rgb(var(--blue-700));
}
.mat-calendar-period-button:hover
{
    background-color: rgb(var(--gray-500));
    border-radius: 12px;
}
.mat-calendar .mat-calendar-previous-button
{
    margin-left: auto;
}
.mat-calendar-body
{
    font-size: 16px;
}
.mat-calendar-body-cell-content
{
    font-weight: 400;
    color: rgb(var(--blue-700));
}
.mat-calendar-body-selected
{
    background-color: rgb(var(--red-800));
    color: rgb(var(--white-1000));
}
.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical)
{
    background: rgb(var(--neutral-1));
    border: 1px solid rgb(var(--neutral-2));
}
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical)
{
    background: transparent;
    border: none;
}
@media(hover: hover) and (pointer: fine)
{
    .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical)
    {
        background: rgb(var(--neutral-1));
        border: 1px solid rgb(var(--neutral-2));
    }
}
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical)
{
    background-color: rgb(var(--red-800));
    color: rgb(var(--white-1000));
}
.mat-datepicker-content
{
    border: 1px solid rgb(var(--gray-1000));
    height: min-content;
}
@keyframes show-animation
{
    0%
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
@keyframes gradient
{
    0%
    {
        background-position: 0 0;
        background-size: 150% 100%;
    }
    to
    {
        background-position: 100% 0;
        background-size: 150% 100%;
    }
}
@keyframes gradient-v2
{
    0%
    {
        background-position: 0 50%;
        background-size: 150% 125%;
    }
    50%
    {
        background-position: 50% 75%;
        background-size: 150% 125%;
    }
    to
    {
        background-position: 100% 100%;
        background-size: 150% 125%;
    }
}
@keyframes car-lights
{
    0%
    {
        opacity: 0;
    }
    41.5%
    {
        opacity: 0;
    }
    43%
    {
        opacity: 1;
    }
    44.5%
    {
        opacity: .4;
    }
    46%
    {
        opacity: 1;
    }
    98%
    {
        opacity: 1;
    }
    to
    {
        opacity: 0;
    }
}
@keyframes rotate-animation
{
    0%
    {
        transform: rotate(0);
    }
    to
    {
        transform: rotate(360deg);
    }
}
.tab-group
{
    text-align: center;
}
.tab-group__header
{
    display: inline-grid;
    grid-template-columns: auto auto;
    grid-column-gap: 8px;
    justify-content: center;
    align-self: center;
    margin-bottom: 24px;
    padding: 6px;
    border: 1px solid rgb(var(--neutral-2));
    border-radius: 16px;
}
.tab-group__tab.default
{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 20px;
    color: rgb(var(--black-600));
    background-color: transparent;
    border-radius: 12px;
    cursor: pointer;
    min-width: 154px;
    min-height: 35px;
}
.tab-group__tab.default.default.active
{
    border: none;
    color: rgb(var(--blue-700));
    background: rgb(var(--white-1000));
    box-shadow: 0 2px 3px #0100040d,inset 0 -2px 5px -2px #05001a21;
}
.tab-group__body
{
    width: 100%;
}
.notification
{
    --success: rgb(var(--green-900));
    --error: rgb(var(--red-950));
    --info: rgb(var(--red-950));
    --warn: rgb(var(--yellow-1000));
    position: relative;
    min-height: 80px;
    min-width: 300px;
    background-color: rgb(var(--white-1000));
    border-radius: 16px;
    padding: 20px 16px;
    box-shadow: 0 3px 7px rgb(var(--black-1000)/.1),inset 0 -3px 4px rgb(var(--black-1000)/.1),inset 0 -4px 6px -2px rgb(var(--black-1000)/.04);
}
@media screen and (min-width: 540px)
{
    .notification
    {
        min-width: 344px;
    }
}
.notification:lang(ar)
{
    direction: rtl;
}
.notification--image
{
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    width: 40px;
    height: 40px;
    margin-inline-end: 8px;
}
.notification--image._success
{
    color: var(--success);
}
.notification--image._error
{
    color: var(--error);
}
.notification--image._info
{
    color: var(--info);
}
.notification--image._warning
{
    color: var(--warn);
}
.notification--image .icon
{
    position: static;
    width: 32px;
    height: 32px;
}
.notification--wrap
{
    padding-inline-end: 32px;
}
.notification--title
{
    font-size: 14px;
    font-weight: 700;
    margin-inline-end: 4px;
}
.notification--title._success
{
    color: var(--success);
}
.notification--title._error
{
    color: var(--error);
}
.notification--title._info
{
    color: var(--info);
}
.notification--title._warning
{
    color: var(--warn);
}
.notification--text
{
    font-size: 14px;
    font-weight: 500;
    color: rgb(var(--black-900));
}
.notification .closeBtn
{
    position: absolute;
    left: unset;
    bottom: unset;
    top: 50%;
    right: 26px;
    width: 24px;
    height: 24px;
    display: flex;
    align-content: center;
    justify-content: center;
    transform: translateY(-50%);
    font-size: 32px;
    color: rgb(var(--black-1000));
    transition: transform var(--transitionTime) ease;
    line-height: 80%;
}
.notification .closeBtn:lang(ar)
{
    left: 26px;
    right: unset;
}
.accordion
{
    counter-reset: custom-counter;
}
.accordion--item, .accordion .seo-block-wrap, .accordion .page--accordion
{
    background-color: rgb(var(--white-1000));
    box-shadow: inset 0 -1px 5px -2px rgb(var(--blue-950)/13%);
    border-radius: 12px;
}
.accordion--item:not(:last-child), .accordion .seo-block-wrap:not(:last-child), .accordion .page--accordion:not(:last-child)
{
    margin-bottom: 12px;
}
.accordion--item h1, .accordion--item h2, .accordion .seo-block-wrap h1, .accordion .seo-block-wrap h2, .accordion .page--accordion h1, .accordion .page--accordion h2
{
    position: relative;
    display: flex;
    min-height: 52px;
    align-items: center;
    width: 100%;
    padding: 12px 16px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -.03rem;
    font-size: .87rem;
}
@media screen and (min-width: 1024px)
{
    .accordion--item h1, .accordion--item h2, .accordion .seo-block-wrap h1, .accordion .seo-block-wrap h2, .accordion .page--accordion h1, .accordion .page--accordion h2
    {
        font-size: 1rem;
    }
}
@media screen and (min-width: 1440px)
{
    .accordion--item h1, .accordion--item h2, .accordion .seo-block-wrap h1, .accordion .seo-block-wrap h2, .accordion .page--accordion h1, .accordion .page--accordion h2
    {
        padding: 16px;
    }
    .accordion--item h1:hover, .accordion--item h2:hover, .accordion .seo-block-wrap h1:hover, .accordion .seo-block-wrap h2:hover, .accordion .page--accordion h1:hover, .accordion .page--accordion h2:hover
    {
        cursor: pointer;
    }
}
.accordion--item h1:after, .accordion--item h2:after, .accordion .seo-block-wrap h1:after, .accordion .seo-block-wrap h2:after, .accordion .page--accordion h1:after, .accordion .page--accordion h2:after
{
    content: "";
    right: 16px;
    width: 16px;
    height: 16px;
    background: url(../../willbetgambling/image/caret-down.svg) center no-repeat;
    background-size: 125%;
    margin-inline-start: auto;
    flex-shrink: 0;
}
.accordion--item h2, .accordion .seo-block-wrap h2, .accordion .page--accordion h2
{
    margin: 0;
}
.accordion--item h3, .accordion .seo-block-wrap h3, .accordion .page--accordion h3
{
    margin-bottom: 12px;
    padding: 0 16px;
}
@media screen and (min-width: 1024px)
{
    .accordion--item h3, .accordion .seo-block-wrap h3, .accordion .page--accordion h3
    {
        margin-bottom: 8px;
    }
}
.accordion--item p, .accordion--item ul, .accordion--item h3, .accordion--item img, .accordion--item .page-table, .accordion--item .page-block, .accordion .seo-block-wrap p, .accordion .seo-block-wrap ul, .accordion .seo-block-wrap h3, .accordion .seo-block-wrap img, .accordion .seo-block-wrap .page-table, .accordion .seo-block-wrap .page-block, .accordion .page--accordion p, .accordion .page--accordion ul, .accordion .page--accordion h3, .accordion .page--accordion img, .accordion .page--accordion .page-table, .accordion .page--accordion .page-block
{
    display: none;
}
.accordion--item._num h1:before, .accordion--item._num h2:before, .accordion .seo-block-wrap._num h1:before, .accordion .seo-block-wrap._num h2:before, .accordion .page--accordion._num h1:before, .accordion .page--accordion._num h2:before
{
    counter-increment: custom-counter;
    content: counter(custom-counter);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    margin-right: 8px;
    background-color: rgb(var(--white-1000));
    text-align: center;
    font-weight: 800;
    font-size: .8rem;
    color: rgb(var(--red-800));
    border-radius: 50%;
    box-shadow: 0 3px 6px rgb(var(--blue-200)/20%),inset 0 -1px 3px rgb(var(--blue-200)/15%);
}
.accordion--item .page-table, .accordion .seo-block-wrap .page-table, .accordion .page--accordion .page-table
{
    overflow-x: auto;
    margin: 20px;
    display: none;
}
.accordion--item .page-table--container, .accordion .seo-block-wrap .page-table--container, .accordion .page--accordion .page-table--container
{
    position: relative;
}
.accordion--item .page-table--container:after, .accordion .seo-block-wrap .page-table--container:after, .accordion .page--accordion .page-table--container:after
{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
    background: linear-gradient(90deg,rgb(var(--white-1000)/0%),rgb(var(--white-1000)));
}
@media screen and (min-width: 1024px)
{
    .accordion--item .page-table--container:after, .accordion .seo-block-wrap .page-table--container:after, .accordion .page--accordion .page-table--container:after
    {
        display: none;
    }
}
.accordion--item .page-table::-webkit-scrollbar-track, .accordion .seo-block-wrap .page-table::-webkit-scrollbar-track, .accordion .page--accordion .page-table::-webkit-scrollbar-track
{
    background-color: transparent;
    visibility: visible;
}
.accordion--item .page-table::-webkit-scrollbar, .accordion .seo-block-wrap .page-table::-webkit-scrollbar, .accordion .page--accordion .page-table::-webkit-scrollbar
{
    height: 4px;
    background-color: transparent;
    visibility: visible;
}
.accordion--item .page-table::-webkit-scrollbar-thumb, .accordion .seo-block-wrap .page-table::-webkit-scrollbar-thumb, .accordion .page--accordion .page-table::-webkit-scrollbar-thumb
{
    background-color: rgb(var(--black-900));
    visibility: visible;
}
.accordion--item .page-table table, .accordion .seo-block-wrap .page-table table, .accordion .page--accordion .page-table table
{
    width: 100%;
    position: relative;
    overflow-x: scroll;
    text-align: center;
    display: block;
}
@media screen and (min-width: 1024px)
{
    .accordion--item .page-table table, .accordion .seo-block-wrap .page-table table, .accordion .page--accordion .page-table table
    {
        max-width: 644px;
    }
}
@media screen and (min-width: 1440px)
{
    .accordion--item .page-table table, .accordion .seo-block-wrap .page-table table, .accordion .page--accordion .page-table table
    {
        max-width: 744px;
    }
}
.accordion--item .page-table .table--subtitle, .accordion .seo-block-wrap .page-table .table--subtitle, .accordion .page--accordion .page-table .table--subtitle
{
    font-size: .87rem;
}
.accordion--item .page-table tbody td, .accordion .seo-block-wrap .page-table tbody td, .accordion .page--accordion .page-table tbody td
{
    padding: 12px;
    font-size: .75rem;
    font-weight: 400;
}
.accordion--item .page-table tbody td:nth-child(1), .accordion .seo-block-wrap .page-table tbody td:nth-child(1), .accordion .page--accordion .page-table tbody td:nth-child(1)
{
    font-size: .87rem;
    text-transform: uppercase;
}
.accordion--item .page-table tbody td:nth-child(1) span, .accordion .seo-block-wrap .page-table tbody td:nth-child(1) span, .accordion .page--accordion .page-table tbody td:nth-child(1) span
{
    font-weight: 700;
}
@media screen and (min-width: 1024px)
{
    .accordion--item .page-table tbody td, .accordion .seo-block-wrap .page-table tbody td, .accordion .page--accordion .page-table tbody td
    {
        font-size: .87rem;
    }
}
.accordion--item .page-table tbody tr:nth-of-type(1) td:nth-of-type(1), .accordion .seo-block-wrap .page-table tbody tr:nth-of-type(1) td:nth-of-type(1), .accordion .page--accordion .page-table tbody tr:nth-of-type(1) td:nth-of-type(1)
{
    text-transform: capitalize;
}
.accordion--item img, .accordion .seo-block-wrap img, .accordion .page--accordion img
{
    max-width: 100%;
    width: 100%;
    object-fit: contain;
    margin: 16px auto;
    padding: 0 48px;
    max-height: 166px;
    display: none;
}
@media screen and (min-width: 1024px)
{
    .accordion--item img, .accordion .seo-block-wrap img, .accordion .page--accordion img
    {
        padding: 0 16px;
    }
}
.accordion--item p, .accordion--item .page-block, .accordion .seo-block-wrap p, .accordion .seo-block-wrap .page-block, .accordion .page--accordion p, .accordion .page--accordion .page-block
{
    padding: 0 16px;
    font-size: .75rem;
}
.accordion--item p+.accordion--item p, .accordion--item p+.accordion--item .page-block, .accordion--item p+.accordion .seo-block-wrap p, .accordion--item p+.accordion .seo-block-wrap .page-block, .accordion--item p+.accordion .page--accordion p, .accordion--item p+.accordion .page--accordion .page-block, .accordion--item .page-block+.accordion--item p, .accordion--item .page-block+.accordion--item .page-block, .accordion--item .page-block+.accordion .seo-block-wrap p, .accordion--item .page-block+.accordion .seo-block-wrap .page-block, .accordion--item .page-block+.accordion .page--accordion p, .accordion--item .page-block+.accordion .page--accordion .page-block, .accordion .seo-block-wrap p+.accordion--item p, .accordion .seo-block-wrap p+.accordion--item .page-block, .accordion .seo-block-wrap p+.accordion .seo-block-wrap p, .accordion .seo-block-wrap p+.accordion .seo-block-wrap .page-block, .accordion .seo-block-wrap p+.accordion .page--accordion p, .accordion .seo-block-wrap p+.accordion .page--accordion .page-block, .accordion .seo-block-wrap .page-block+.accordion--item p, .accordion .seo-block-wrap .page-block+.accordion--item .page-block, .accordion .seo-block-wrap .page-block+.accordion .seo-block-wrap p, .accordion .seo-block-wrap .page-block+.accordion .seo-block-wrap .page-block, .accordion .seo-block-wrap .page-block+.accordion .page--accordion p, .accordion .seo-block-wrap .page-block+.accordion .page--accordion .page-block, .accordion .page--accordion p+.accordion--item p, .accordion .page--accordion p+.accordion--item .page-block, .accordion .page--accordion p+.accordion .seo-block-wrap p, .accordion .page--accordion p+.accordion .seo-block-wrap .page-block, .accordion .page--accordion p+.accordion .page--accordion p, .accordion .page--accordion p+.accordion .page--accordion .page-block, .accordion .page--accordion .page-block+.accordion--item p, .accordion .page--accordion .page-block+.accordion--item .page-block, .accordion .page--accordion .page-block+.accordion .seo-block-wrap p, .accordion .page--accordion .page-block+.accordion .seo-block-wrap .page-block, .accordion .page--accordion .page-block+.accordion .page--accordion p, .accordion .page--accordion .page-block+.accordion .page--accordion .page-block
{
    margin-top: 12px;
}
@media screen and (min-width: 1024px)
{
    .accordion--item p, .accordion--item .page-block, .accordion .seo-block-wrap p, .accordion .seo-block-wrap .page-block, .accordion .page--accordion p, .accordion .page--accordion .page-block
    {
        font-size: .87rem;
        line-height: 140%;
    }
    .accordion--item p:not(:last-child), .accordion--item .page-block:not(:last-child), .accordion .seo-block-wrap p:not(:last-child), .accordion .seo-block-wrap .page-block:not(:last-child), .accordion .page--accordion p:not(:last-child), .accordion .page--accordion .page-block:not(:last-child)
    {
        margin-bottom: 8px;
    }
}
.accordion--item .page-block, .accordion .seo-block-wrap .page-block, .accordion .page--accordion .page-block
{
    margin-bottom: 0;
}
.accordion--item a, .accordion .seo-block-wrap a, .accordion .page--accordion a
{
    color: rgb(var(--red-1000));
    text-decoration: underline;
}
.accordion--item a:hover, .accordion .seo-block-wrap a:hover, .accordion .page--accordion a:hover
{
    font-weight: 500;
}
.accordion--item p+p, .accordion .seo-block-wrap p+p, .accordion .page--accordion p+p
{
    margin-top: 12px;
}
@media screen and (min-width: 1024px)
{
    .accordion--item p+p, .accordion .seo-block-wrap p+p, .accordion .page--accordion p+p
    {
        margin-top: 8px;
    }
}
.accordion--item._open, .accordion .seo-block-wrap._open, .accordion .page--accordion._open
{
    padding-bottom: 16px;
    box-shadow: 0 4px 18px rgb(var(--black-1000)/8%),inset 0 -3px 5px -2px rgb(var(--blue-950)/13%);
}
.accordion--item._open h1:after, .accordion--item._open h2:after, .accordion .seo-block-wrap._open h1:after, .accordion .seo-block-wrap._open h2:after, .accordion .page--accordion._open h1:after, .accordion .page--accordion._open h2:after
{
    transform: rotate(-180deg);
}
.accordion--item._open p, .accordion--item._open ul, .accordion--item._open h3, .accordion--item._open img, .accordion--item._open .page-table, .accordion--item._open .page-block, .accordion .seo-block-wrap._open p, .accordion .seo-block-wrap._open ul, .accordion .seo-block-wrap._open h3, .accordion .seo-block-wrap._open img, .accordion .seo-block-wrap._open .page-table, .accordion .seo-block-wrap._open .page-block, .accordion .page--accordion._open p, .accordion .page--accordion._open ul, .accordion .page--accordion._open h3, .accordion .page--accordion._open img, .accordion .page--accordion._open .page-table, .accordion .page--accordion._open .page-block
{
    display: block;
}
:root
{
    --filterWhite: invert(96%) sepia(100%) saturate(2%) hue-rotate(215deg) brightness(104%) contrast(101%);
    --red-1000: 255 23 68;
    --red-950: 255 8 70;
    --red-900: 255 33 100;
    --red-850: 255 3 64;
    --red-800: 255 30 96;
    --red-750: 210 0 62;
    --red-700: 209 0 51;
    --blue-1000: 41 121 255;
    --blue-950: 16 0 81;
    --blue-900: 11 130 252;
    --blue-700: 19 30 60;
    --blue-200: 170 177 191;
    --blue-100: 150 160 182;
    --blue-400: 86 77 254;
    --blue-500: 100 115 150;
    --blue-350: 92 44 249;
    --blue-300: 93 34 248;
    --green-1000: 0 200 83;
    --green-950: 0 206 118;
    --green-900: 0 192 114;
    --green-850: 0 182 104;
    --green-800: 0 160 94;
    --green-700: 33 235 151;
    --green-500: 31 222 144;
    --green-400: 24 169 107;
    --green-300: 240 247 233;
    --green-200: 20 149 87;
    --black-1000: 0 0 0;
    --black-990: 1 0 4;
    --black-970: 5 0 26;
    --black-950: 23 28 39;
    --black-900: 9 10 11;
    --black-700: 5 7 10;
    --black-650: 88 98 117;
    --black-600: 91 102 124;
    --black-550: 126 143 177;
    --black-500: 168 176 193;
    --white-1000: 255 255 255;
    --white-950: 255 255 251;
    --white-900: 253 254 255;
    --white-800: 248 248 249;
    --white-700: 245 246 251;
    --gray-1000: 9 10 11;
    --gray-500: 240 241 244;
    --gray-400: 238 238 238;
    --gray-300: 246 245 245;
    --gray-200: 150 160 182;
    --gray-100: 230 231 235;
    --yellow-1000: 249 228 38;
    --yellow-900: 255 230 0;
    --yellow-800: 255 168 0;
    --orange-1000: 255 95 45;
    --orange-900: 255 97 9;
    --neutral-1: 246 246 246;
    --neutral-2: 231 234 243;
    --neutral-3: 226 226 226;
    --neutral-4: 203 203 203;
    --neutral-5: 175 175 175;
    --neutral-6: 117 117 117;
    --neutral-7: 84 84 84;
    --neutral-8: 51 51 51;
    --neutral-9: 31 31 31;
    --neutral-10: 20 20 20;
    --neutral-500: 119 123 134;
    --neutral-400: 176 180 195;
    --neutral-200: 231 234 243;
    --neutral-100: 245 246 251;
    --yellow: 255 229 0;
    --yellow-2: 255 250 217;
    --yellow-3: 255 246 41;
    --yellow-4: 232 201 41;
    --purple-1000: 143 22 245;
    --purple-800: 177 81 255;
    --purple-600: 106 127 241;
    --purple-500: 208 150 255;
    --purple-100: 248 244 255;
    --deep-purple-500: 238 229 253;
    --deep-purple-1000: 177 81 255;
    --deep-purple-950: 164 67 246;
    --deep-purple-900: 143 22 245;
    --deep-purple-800: 127 67 255;
    --deep-purple-750: 106 25 170;
}
.preloader-gradient
{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: radial-gradient(at 50% 50%,#ff9a40 0%,#ff653d 100%) top left/200% 200%;
    animation: gradirent-move 3s ease infinite alternate;
}
.inside-iframe .preloader-gradient
{
    border-radius: 16px;
    min-height: 0;
    bottom: 0;
}
.preloader-gradient__background
{
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    z-index: 10;
}
.preloader-gradient__background .circle
{
    position: absolute;
}
.preloader-gradient__background .circle--1
{
    width: 60vmax;
    height: 60vmax;
    bottom: -30vmax;
    left: 50%;
    transform: translate(-50%);
    border-radius: 50%;
    background: linear-gradient(180deg,#ff653d 10.88%,#ff9a40 101.85%);
    filter: blur(60px);
    animation: circle1animation 6s ease infinite alternate;
}
@media screen and (max-width: 1023.98px)
{
    .preloader-gradient__background .circle--1
    {
        filter: blur(30px);
    }
}
.preloader-gradient__logo
{
    position: relative;
    margin-top: -100px;
    padding: 0 60px;
    z-index: 20;
}
@media screen and (min-width: 1024px)
{
    .preloader-gradient__logo
    {
        margin-top: 0;
    }
}
.preloader-gradient__logo img
{
    width: 477px;
}
.inside-iframe .preloader-gradient__logo
{
    margin-top: 0;
    max-width: 400px;
    padding: 0;
    scale: .6;
}
@keyframes gradirent-move
{
    to
    {
        background-position: bottom right;
    }
}
@keyframes circle1animation
{
    0%
    {
        transform: translate(-50%) scale(1) rotate(0);
    }
    50%
    {
        transform: translate(-50%,-50vmax) scale(.8) rotate(180deg);
    }
    to
    {
        transform: translate(-50%,-80vmax) scale(1) rotate(0);
    }
}