.keen-slider:not([data-keen-slider-disabled])
{
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    align-content: flex-start;
    display: flex;
    overflow: hidden;
    position: relative;
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none;
    -khtml-user-select: none;
    width: 100%;
}
.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide
{
    min-height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]
{
    flex-direction: row-reverse;
}
.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v]
{
    flex-wrap: wrap;
}
.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;
}
.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__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;
    -webkit-tap-highlight-color: transparent;
}
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;
    outline: none;
}
:root
{
    --white-color: 255,255,255;
    --black-color: 0,0,0;
    --black-900: 31,33,38;
    --black-800: 61,61,61;
    --cta-color: 215,255,0;
    --cta-hover-color: 192,255,57;
    --cta-second-color: 243,255,181;
    --cta-third-color: 33,35,25;
    --blue-color: 70,197,237;
    --blue-hover-color: 0,221,255;
    --blue-second-color: 202,242,255;
    --gold-color: 242,200,102;
    --yellowColor: 242,200,102;
    --orangeColor: 255,138,0;
    --gold-hover-color: 255,207,74;
    --gold-second-color: 255,233,183,1;
    --red-color: 255,36,89;
    --red-1000: 255,15,0;
    --tertiary-color: 51,51,51;
    --grey-color: 225,224,225;
    --grey-900: 180,211,219;
    --grey-800: 217,217,217;
    --grey-600: 175,175,175;
    --light-grey-color: 223,223,223;
    --purple-200: 82,78,114;
    --purple-100: 140,135,179;
    --blue-400: 53,134,255;
    --light-brown: 224,192,136;
    --dark-light-bg: 28,28,28;
    --dark-bg: 23,23,23;
    --super-dark-bg: 20,20,20;
    --complete-color: 0,255,87;
    --error-color: 255,73,73;
    --stb-error-text__color: 255,107,2;
    --stb-success-text__color: 235,185,136;
    --cta-filter: brightness(0) invert(82%) sepia(100%) saturate(1183%) hue-rotate(10deg) brightness(100%) contrast(103%);
}
*
{
    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
{
    --font-family-base: "Rubik",sans-serif;
    --transitionTime: .2s;
    --containerGutter: 16px;
}
@media screen and (min-width: 768px)
{
    :root
    {
        --containerGutter: 24px;
    }
}
@media screen and (min-width: 1280px)
{
    :root
    {
        --containerGutter: 40px;
    }
}
@media screen and (min-width: 1920px)
{
    :root
    {
        --containerGutter: 0;
    }
}
body
{
    display: flex;
    flex-direction: column;
    font-family: var(--font-family-base);
    background-color: rgb(var(--super-dark-bg));
    background-size: auto;
    background-position: top center;
    padding: env(safe-area-inset-top,16px) env(safe-area-inset-right,16px) env(safe-area-inset-bottom,16px) env(safe-area-inset-left,16px);
    color: rgb(var(--white-color));
    max-width: 100vw;
}
@media screen and (min-width: 1024px)
{
    body
    {
        padding-bottom: 0;
    }
}
body.fixed
{
    height: 100vh;
    overflow: hidden;
    max-height: 100%;
}
body.overflow
{
    position: fixed;
    width: 100%;
    overflow-y: hidden;
    left: 0;
    top: 0;
}
.main
{
    flex-grow: 1;
    padding-bottom: 20px;
    background-image: url(../../willbetgambling/image/bg-main.svg);
    background-size: 175% auto;
    background-position: top center;
}
@media screen and (min-width: 1280px)
{
    .main
    {
        padding-bottom: 40px;
    }
}
.main._main-pb-0
{
    padding: 0;
}
.no-background .main
{
    background-image: none;
}
.wrapper
{
    display: flex;
    flex-direction: column;
    position: relative;
    height: auto;
    min-height: 100vh;
    max-width: 100vw;
}
.wrapper.sports-wrapper
{
    background-color: rgb(var(--black-color));
    z-index: 1;
}
@media screen and (min-width: 1280px)
{
    .wrapper
    {
        margin-left: 220px;
    }
    html[lang=ar] .wrapper, html[lang=ar-AE] .wrapper
    {
        margin-left: 0;
        margin-right: 220px;
    }
    .wrapper._sidevarNarrow
    {
        margin-left: 80px;
    }
    html[lang=ar] .wrapper._sidevarNarrow, html[lang=ar-AE] .wrapper._sidevarNarrow
    {
        margin-left: 0;
        margin-right: 80px;
    }
    .wrapper.altSidebar
    {
        margin-left: 0;
    }
    html[lang=ar] .wrapper.altSidebar, html[lang=ar-AE] .wrapper.altSidebar
    {
        margin-right: 0;
    }
    .wrapper._wrapper-404 .main
    {
        padding-bottom: 0;
    }
    .wrapper.summer-page
    {
        margin-left: 0;
    }
    html[lang=ar] .wrapper.summer-page, html[lang=ar-AE] .wrapper.summer-page
    {
        margin-right: 0;
    }
    .wrapper.summer-page .main
    {
        padding-bottom: 0;
    }
}
._ls
{
    letter-spacing: .2em;
}
._text-basic
{
    color: rgb(var(--basic600));
}
._text-primary
{
    color: rgb(var(--primaryColor));
}
._text-success
{
    color: rgb(var(--succesColor));
}
._text-info
{
    color: rgb(var(--info500));
}
._text-warning
{
    color: rgb(var(--warning500));
}
._text-danger
{
    color: rgb(var(--danger500));
}
svg, img
{
    display: block;
}
.container
{
    padding: 0 var(--containerGutter);
    position: relative;
    width: 100%;
}
@media screen and (min-width: 1440px)
{
    .container
    {
        margin: 0 auto;
        max-width: 1620px;
    }
}
.container._fluid
{
    max-width: none;
}
@media screen and (min-width: 1440px)
{
    .container-custom
    {
        max-width: 1440px;
    }
}
@media screen and (min-width: 1920px)
{
    .container-custom
    {
        max-width: 1360px;
    }
}
@media screen and (min-width: 1440px)
{
    .container-shop
    {
        max-width: calc(1224px + var(--containerGutter));
    }
}
@media screen and (min-width: 1920px)
{
    .container-shop
    {
        max-width: 1224px;
    }
}
.sports-page .container
{
    max-width: none;
}
.cdk-overlay-container
{
    animation: show-animation .3s ease forwards;
    z-index: 3000;
}
.cdk-global-scrollblock>*
{
    overflow: hidden;
}
.flex-center-x
{
    width: 100%;
    display: flex;
    justify-content: center;
}
.radio-box
{
    max-width: 400px;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 8px;
    margin: 12px auto;
}
.radio-box--wrap
{
    width: 100%;
}
.radio-box--value
{
    position: relative;
    z-index: 2;
}
.radio-box--label
{
    font-size: 18px;
    line-height: 133%;
    font-weight: 700;
    background: rgb(var(--lightColor200));
    text-align: center;
    padding: 8px;
    height: 40px;
    display: block;
    width: 100%;
    color: rgb(var(--grey-color100));
    position: relative;
    cursor: pointer;
    border-radius: 8px;
}
.radio-box--label._active
{
    background: rgba(var(--blueColor100),.16);
    color: rgb(var(--white-color));
}
.radio-box--input:checked+.radio-box--label
{
    background: rgb(var(--blueColor100));
    color: rgb(var(--white-color));
    position: relative;
}
._inner-page
{
    position: relative;
    z-index: 3;
    padding-top: 20px;
}
@media screen and (min-width: 1280px)
{
    ._inner-page
    {
        padding-top: 32px;
    }
}
.page
{
    counter-reset: custom-counter;
    position: relative;
}
html[lang=ar] .page, html[lang=ar-AE] .page
{
    direction: rtl;
}
.page-table
{
    overflow-x: auto;
    margin: 20px;
}
.page-table--container
{
    position: relative;
}
.page-table::-webkit-scrollbar-track
{
    background-color: transparent;
    visibility: visible;
}
.page-table::-webkit-scrollbar
{
    height: 4px;
    background-color: transparent;
    visibility: visible;
}
.page-table::-webkit-scrollbar-thumb
{
    background-color: rgb(var(--basic800));
    visibility: visible;
}
.page-table table
{
    width: 100%;
    position: relative;
    overflow-x: scroll;
    max-width: 925px;
}
.page-table .table--subtitle
{
    font-size: 12px;
    line-height: 133%;
    font-weight: 400;
    text-align: center;
    color: rgb(var(--lightColor));
}
.page-table tbody td
{
    padding: 13px 10px;
    font-size: 15px;
    text-align: center;
    color: rgb(var(--grey-color));
}
.page-table tbody td span
{
    font-size: 13px;
    line-height: 130%;
    font-weight: 600;
    color: rgb(var(--textColorHint));
}
.page-table tbody td:nth-child(1)
{
    color: rgb(var(--white-color));
    font-size: 15px;
    text-transform: uppercase;
}
.page-table tbody td:nth-child(1) span
{
    font-weight: 700;
}
.page-table tbody tr
{
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
}
.page-table tbody tr:nth-of-type(1) td:nth-of-type(1)
{
    text-transform: capitalize;
}
.page--accordion .page-block ul
{
    display: none;
}
.page--accordion._open .page-block ul
{
    display: block;
}
.game--wrap .carousel-slider
{
    display: flex;
    position: relative;
    max-height: 100%;
}
.game--wrap .carousel-slider__slides-wrapper
{
    position: relative;
    height: auto;
    max-height: 100%;
    max-width: 100%;
}
.game--wrap .carousel-slider__slide
{
    overflow: auto;
}
.overlay
{
    position: fixed;
    inset: 0;
    background: rgba(var(--black-color),.9);
    transition: opacity .2s ease;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}
.overlay._active
{
    pointer-events: unset;
    opacity: 1;
    z-index: 2003;
    visibility: visible;
}
.overlay._active._drop
{
    z-index: 11;
}
.overlay._active._alt
{
    z-index: 8;
}
.progress
{
    height: 16px;
    background-color: rgb(var(--grey-color100));
    border-radius: 100px;
    max-width: 220px;
    position: relative;
    z-index: 1;
}
.progress--bg
{
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: calc(100% - 2px);
    max-width: calc(100% - 2px);
    background-color: rgb(var(--greenColor100));
    box-shadow: inset 0 1px #b7ff7d,inset 0 -2px 4px #56a316;
    border-radius: 60px;
    margin: 1px;
}
.tournament-leaderboard--counter .countdown
{
    font-size: 14px;
    line-height: 140%;
    font-weight: 900;
    color: rgb(var(--white-color));
    text-shadow: 2px 3px 0 rgba(var(--black-color),.4);
    text-transform: lowercase;
    margin-bottom: 24px;
}
.tournament-leaderboard--counter .countdown__divider
{
    display: inline-block;
    margin: 0 6px;
}
.tournaments-timer .countdown
{
    display: grid;
    grid-auto-flow: column;
    align-items: center;
}
.tournaments-timer .countdown--value, .tournaments-timer .countdown--divider, .tournaments-timer .countdown--suffix
{
    font-size: 12px;
    line-height: 143%;
    font-weight: 700;
    color: rgb(var(--grey-color));
}
.tournaments-timer .countdown--days .countdown--value
{
    padding-right: 6px;
}
.tournaments-timer .countdown--days .countdown--suffix
{
    letter-spacing: 1.7px;
}
.tournaments-list .countdown--seconds
{
    width: 20px;
}
.tournaments-list .countdown--days .countdown--value
{
    padding-right: 5px;
}
.section-title
{
    font-size: 22px;
    line-height: 120%;
    font-weight: 800;
    color: rgb(var(--white-color));
}
:host-context([lang=ar]) .section-title, :host-context([lang=ar-AE]) .section-title
{
    text-align: right;
}
@media screen and (min-width: 1440px)
{
    .section-title
    {
        font-size: 32px;
    }
}
.secondary-title
{
    font-size: 22px;
    line-height: 120%;
    font-weight: 900;
    margin-bottom: 8px;
    text-transform: uppercase;
    color: rgb(var(--grey-color100));
}
@media screen and (min-width: 768px)
{
    .secondary-title
    {
        font-size: 28px;
    }
}
@media screen and (min-width: 1024px)
{
    .secondary-title
    {
        font-size: 32px;
    }
}
@media screen and (min-width: 1440px)
{
    .secondary-title
    {
        font-size: 36px;
    }
}
@media screen and (min-width: 1920px)
{
    .secondary-title
    {
        font-size: 40px;
    }
}
.auth-registration--bonuses
{
    width: 100%;
}
.auth-registration--bonuses .radio-group-control
{
    display: block;
}
.auth-registration--bonuses .radio-group-control .radio-button
{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    height: auto;
    min-height: 78px;
    margin-bottom: 12px;
}
.auth-registration--bonuses .radio-group-control .radio-button:last-child
{
    margin-bottom: 20px;
}
.auth-registration--bonuses .radio-group-control .radio-button--icon
{
    transform: translateY(3px);
}
.auth-registration--bonuses .radio-group-control .radio-button--content
{
    margin-right: 25px;
    flex: 1;
    z-index: 3;
}
html[lang=ar] .auth-registration--bonuses .radio-group-control .radio-button--content, html[lang=ar-AE] .auth-registration--bonuses .radio-group-control .radio-button--content
{
    margin-right: 0;
    margin-left: 25px;
}
.auth-registration--bonuses .radio-group-control .radio-button--content._promocode
{
    max-width: unset;
    margin-right: 0;
}
.auth-registration--bonuses .radio-group-control .radio-button__input:checked~.radio-button--content
{
    color: rgb(var(--white-color));
}
.auth-registration--bonuses .radio-group-control .radio-button__input:checked~.radio-button--content .radio-button__desc
{
    color: rgb(var(--white-color));
}
.auth-registration--bonuses .radio-group-control .radio-button__input:checked~.radio-button--content .radio-button__desc._promo>p
{
    display: none;
}
.auth-registration--bonuses .radio-group-control .radio-button--title
{
    font-size: 8px;
    line-height: 140%;
    display: block;
    color: rgba(var(--white-color),.9);
}
.auth-registration--bonuses .radio-group-control .radio-button__desc
{
    font-size: 15px;
    line-height: 140%;
    color: rgb(var(--white-color));
}
.auth-registration--bonuses .radio-group-control .radio-button__desc._promo>p
{
    display: none;
}
.auth-registration--bonuses .radio-group-control .radio-button--drop .std-input.has-label .input-text-control
{
    margin-top: 0;
    width: calc(100% + 25px);
}
.auth-registration--gender .radio-button
{
    padding: 0 16px;
}
.game--link, .game--provider
{
    font-size: 15px;
    line-height: 133%;
    font-weight: 600;
    display: block;
    color: rgb(var(--white-color));
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-decoration: none;
}
.game--provider
{
    font-size: 12px;
    line-height: 133%;
    font-weight: 600;
    color: rgba(var(--disabledColor),.5);
}
.games-horizontal
{
    height: 104px;
    display: block;
    margin-bottom: 12px;
}
@media screen and (min-width: 768px)
{
    .games-horizontal
    {
        height: 122px;
    }
}
.game__img
{
    transition: .3s transform;
    width: 100%;
    height: 100%;
    object-fit: cover;
    grid-area: 1/1/-1/-1;
}
.games--content
{
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    transition: .3s opacity;
    opacity: 0;
    z-index: 4;
    background: linear-gradient(180deg,rgba(31,36,6,.8) 0%,rgba(17,20,0,.8) 51%);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    grid-area: 1/1/-1/-1;
    border-bottom: 2px solid rgb(var(--cta-color));
}
@media screen and (min-width: 1024px)
{
    .games--content.desktop
    {
        display: flex;
    }
}
.games--content-link
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    opacity: 0;
}
@media screen and (min-width: 1024px)
{
    .games--content-link
    {
        display: none;
    }
}
.games--box
{
    position: relative;
    height: 100%;
}
@media screen and (min-width: 1024px)
{
    .games--box:hover .games--inner
    {
        border-color: rgba(var(--cta-color),.3);
    }
    .games--box:hover .games--content
    {
        opacity: 1;
    }
    .games--box:hover .game__img
    {
        transform: scale(1.1) rotate(-2deg);
    }
}
.games--box._hide
{
    display: none;
}
.games--box-info
{
    position: absolute;
    bottom: 0;
    width: 100%;
    justify-content: center;
    display: flex;
    padding-bottom: 16px;
    background: linear-gradient(0deg,rgb(var(--mainBg)) 0%,rgba(3,16,31,0) 100%);
}
.section-title
{
    margin-bottom: 0;
}
.section-title--wrapper-link
{
    position: relative;
    display: flex;
}
html[lang=ar] .section-title--wrapper-link, html[lang=ar-AE] .section-title--wrapper-link
{
    direction: ltr;
}
.section-title--link .icon
{
    width: 19px;
    height: 12px;
}
.section-title--link-text
{
    width: max-content;
    text-align: center;
}
.section-title--link svg
{
    width: 18px;
}
.section-title--link.link
{
    padding: 7px 20px;
    border-radius: 2px;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    color: rgba(var(--cta-color));
    background-color: rgba(var(--cta-color),.15);
    margin-right: 3px;
}
@media screen and (min-width: 1024px)
{
    .section-title--link.link:hover
    {
        background-color: rgba(var(--cta-color),.25);
    }
}
@media screen and (min-width: 1280px)
{
    .section-title--link.link
    {
        min-height: 40px;
    }
}
@media screen and (min-width: 1440px)
{
    .section-title--link.link
    {
        font-size: 15px;
        padding: 11px 28px;
    }
}
html[lang=ar] .section-title--link.link, html[lang=ar-AE] .section-title--link.link
{
    order: 2;
    margin: 0 0 0 3px;
}
.add-game
{
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgb(var(--dark-light-bg)) 0%,rgb(var(--dark-light-bg)) 100%);
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: 1px solid rgb(var(--white-color),.2);
}
@media screen and (min-width: 768px)
{
    .add-game
    {
        padding: 16px;
    }
}
@media screen and (min-width: 1280px) and (max-width: 1439.98px)
{
    .add-game
    {
        padding: 8px;
    }
}
.add-game--text
{
    margin-top: auto;
    margin-bottom: auto;
    font-style: italic;
    font-weight: 600;
    font-size: 9px;
    line-height: 140%;
    color: rgb(var(--white-color));
    text-align: center;
}
@media screen and (min-width: 768px)
{
    .add-game--text
    {
        margin-top: 0;
        margin-bottom: 16px;
        font-size: 15px;
    }
}
.add-game .section-title--link.link
{
    width: 100%;
    margin-right: 0;
    justify-content: center;
    font-size: 11px;
    padding: 7px 10px;
}
@media screen and (max-width: 767.98px)
{
    .add-game .section-title--link.link .icon
    {
        margin-left: 5px;
    }
}
._img-responsive
{
    display: inline-block;
    max-width: 100%;
    height: auto;
}
.arrow-button
{
    width: 28px;
    height: 28px;
    background-color: rgba(var(--cta-color),.15);
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
}
@media screen and (min-width: 1024px)
{
    .arrow-button:hover
    {
        background-color: rgba(var(--cta-color),.25);
    }
}
@media screen and (min-width: 1280px)
{
    .arrow-button
    {
        width: 40px;
        height: 40px;
    }
}
.arrow-button .arrow
{
    color: rgb(var(--cta-color));
}
.arrow-button._left
{
    transform: rotate(180deg);
}
.arrow-button.swiper-button-disabled
{
    pointer-events: none;
    opacity: .3;
}
.show-less-minute
{
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translate(-40px);
    display: none;
    color: rgb(var(--white-color));
}
@media screen and (min-width: 1024px)
{
    .show-less-minute
    {
        display: flex;
    }
}
.show-less-minute p
{
    position: relative;
    top: -10px;
    left: 6px;
}
.loading-container
{
    max-height: 100vh;
    min-height: 100%;
}
.loading-container .preloader-container
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.loading-container .preloader--obj
{
    display: block;
    width: 145px;
    height: 68px;
}
@media screen and (min-width: 768px)
{
    .loading-container .preloader--obj
    {
        width: 285px;
        height: 133px;
    }
}
@media screen and (min-width: 1024px)
{
    .loading-container .preloader--obj
    {
        width: 197px;
        height: 92px;
    }
}
@media screen and (min-width: 1440px)
{
    .loading-container .preloader--obj
    {
        width: 245px;
        height: 115px;
    }
}
@media screen and (min-width: 1920px)
{
    .loading-container .preloader--obj
    {
        width: 320px;
        height: 148px;
    }
}
.loader
{
    position: relative;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: linear-gradient(45deg,transparent,transparent 40%,#e5f403);
    animation: animate 2s linear infinite;
}
@keyframes animate
{
    0%
    {
        transform: rotate(0);
        filter: hue-rotate(0deg);
    }
    to
    {
        transform: rotate(360deg);
        filter: hue-rotate(360deg);
    }
}
.loader:before
{
    content: "";
    position: absolute;
    inset: 6px;
    background: radial-gradient(90% 100% at 50% 0%,#2e8aa3 0%,#18586b 100%);
    border-radius: 50%;
    z-index: 1000;
}
.loader:after
{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(45deg,transparent,transparent 40%,#e5f403);
    border-radius: 50%;
    z-index: 1;
    filter: blur(30px);
}
.sports-page .loading-container
{
    left: 0;
    background: rgb(var(--black-color));
}
.box-more
{
    border-radius: 3px;
    justify-content: center;
    display: flex;
    width: 100%;
    height: 100%;
    border: 1px solid rgb(var(--greenColor100));
    align-items: center;
    text-decoration: none;
    padding: 10px;
    position: relative;
    transition: color var(--transitionTime);
    background-color: rgb(var(--greenColor200));
    flex-direction: column;
}
@media screen and (min-width: 1280px)
{
    .box-more
    {
        grid-row: unset;
    }
}
@media screen and (min-width: 1024px)
{
    .box-more:hover .box-more--text
    {
        text-decoration: underline;
    }
}
.box-more--text
{
    font-size: 14px;
    line-height: 120%;
    font-weight: 600;
    color: rgb(var(--white-color));
    text-align: center;
    margin-top: 8px;
}
.box-more .arrow
{
    color: rgb(var(--grey-color));
}
.box-more-play
{
    background: rgb(var(--blueColor100));
    box-shadow: 0 10px 15px #081a4d33,inset 0 1px #d3f1fe,inset 0 -1px #145bfe,inset 0 8px 10px #4bcbfc,inset 0 -8px 10px #0a73e8;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    color: rgb(var(--white-color));
    position: absolute;
    top: 37%;
    left: 50%;
    transform: translate(-50%,-50%);
    justify-content: center;
    display: flex;
    align-items: center;
    transition: transform var(--transitionTime),opacity var(--transitionTime);
}
@media screen and (min-width: 540px)
{
    .box-more-play
    {
        top: 37%;
    }
}
@media screen and (min-width: 1920px)
{
    .box-more-play
    {
        width: 58px;
        height: 58px;
    }
}
@media screen and (min-width: 1024px)
{
    .box-more:hover
    {
        color: rgb(var(--blueColor200));
    }
    .box-more:hover .box-more-play
    {
        transform: translate(-50%,calc(-50% - 3px));
        opacity: .9;
    }
}
:host::ng-deep ._promocode .radio-button--content
{
    position: relative;
    margin-right: 0!important;
    z-index: 4;
}
.mat-datepicker-popup .mat-datepicker-content
{
    background-color: rgb(var(--dark-bg));
    border: 2px solid rgba(var(--cta-color),.5);
    color: rgb(var(--white-color));
    border-radius: 0;
}
.mat-datepicker-popup .mat-datepicker-content .mat-calendar
{
    width: 314px;
    height: 384px;
}
.mat-datepicker-popup .mat-datepicker-content .mat-calendar-controls
{
    margin: 0;
}
.mat-datepicker-popup .mat-datepicker-content .mat-calendar-header
{
    padding: 13px 8px;
    border-bottom: 2px solid rgba(var(--cta-color),.5);
}
.mat-datepicker-popup .mat-datepicker-content .mat-calendar-content
{
    padding: 8px;
}
.mat-datepicker-popup .mat-datepicker-content .mat-calendar-table-header th
{
    padding: 0;
}
.mat-datepicker-popup .mat-datepicker-content .mat-calendar-table-header-divider:after
{
    content: none;
}
.mat-datepicker-popup .mat-datepicker-content .mat-calendar-button-0
{
    color: rgb(var(--cta-color));
}
.mat-datepicker-popup .mat-datepicker-content .mat-calendar-body-cell-content, .mat-datepicker-popup .mat-datepicker-content .mat-date-range-input-separator
{
    font-weight: 700;
    color: rgb(var(--white-color));
    font-size: 15px;
}
.mat-datepicker-popup .mat-datepicker-content .mat-calendar-body-disabled .mat-calendar-body-cell-content
{
    color: rgba(var(--white-color),.5);
}
.mat-datepicker-popup .mat-datepicker-content .mat-calendar-body-selected
{
    background-color: rgb(var(--cta-color));
    color: rgb(var(--black-color));
    border-radius: 0;
}
.mat-datepicker-popup .mat-datepicker-content .mat-datepicker-toggle, .mat-datepicker-popup .mat-datepicker-content .mat-calendar-next-button, .mat-datepicker-popup .mat-datepicker-content .mat-calendar-previous-button, .mat-datepicker-popup .mat-datepicker-content .mat-calendar-body-label, .mat-datepicker-popup .mat-datepicker-content .mat-calendar-table-header
{
    color: rgb(var(--cta-color));
}
.mat-datepicker-popup .mat-datepicker-content .mat-calendar-arrow
{
    border-top-color: rgb(var(--white-color));
}
.mat-datepicker-popup .mat-datepicker-content .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)
{
    border: 2px solid rgb(var(--cta-color));
    border-radius: 0;
    background-color: rgba(var(--cta-color),.3);
}
.mat-datepicker-popup .mat-datepicker-content .mat-button-disabled
{
    color: rgba(var(--cta-color),.3);
}
.grid
{
    display: grid;
    grid-template-columns: repeat(12,1fr);
    grid-gap: 10px;
}
@media screen and (min-width: 540px)
{
    .grid
    {
        grid-gap: 14px;
    }
}
@media screen and (min-width: 768px)
{
    .grid
    {
        grid-gap: 18px;
    }
}
@media screen and (min-width: 1024px)
{
    .grid
    {
        grid-gap: 24px;
    }
}
.grid-games
{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 20px 12px;
}
@media screen and (min-width: 540px)
{
    .grid-games
    {
        grid-template-columns: repeat(12,1fr);
        grid-gap: 14px;
    }
}
@media screen and (min-width: 768px)
{
    .grid-games
    {
        grid-gap: 18px;
    }
}
@media screen and (min-width: 1024px)
{
    .grid-games
    {
        grid-template-columns: repeat(10,1fr);
        grid-gap: 20px;
    }
}
@media screen and (min-width: 1280px)
{
    .grid-games
    {
        grid-template-columns: repeat(12,1fr);
    }
}
@media screen and (min-width: 1440px)
{
    .grid-games
    {
        grid-template-columns: repeat(7,1fr);
    }
}
.grid-games--pic, .grid-games--picture
{
    transition: .3s transform ease;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 3px;
    grid-area: 1/1/-1/-1;
}
.grid-games--item
{
    position: relative;
}
@media screen and (min-width: 540px)
{
    .grid-games--item
    {
        grid-column: span 4;
    }
}
@media screen and (min-width: 768px)
{
    .grid-games--item
    {
        grid-column: span 3;
    }
}
@media screen and (min-width: 1024px)
{
    .grid-games--item
    {
        grid-column: span 2;
        display: grid;
    }
}
@media screen and (min-width: 1440px)
{
    .grid-games--item
    {
        grid-column: span 1;
    }
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper, #cookiescript_injected #cookiescript_fsd_wrapper
{
    width: 100%;
    top: 0;
    max-height: 100%;
    max-width: 100%;
    margin-bottom: 0;
    overflow: visible;
    background-image: linear-gradient(rgb(var(--dark-light-bg)) 0%,rgb(var(--dark-light-bg)) 100%);
    background-color: rgb(var(--dark-light-bg));
    border: 1px solid rgba(var(--white-color),.1);
    border-radius: 2px;
    font-family: Rubik,sans-serif;
    font-size: 15px;
    color: rgb(var(--white-color));
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper:lang(ar), #cookiescript_injected_fsd #cookiescript_fsd_wrapper:lang(ar-AE), #cookiescript_injected #cookiescript_fsd_wrapper:lang(ar), #cookiescript_injected #cookiescript_fsd_wrapper:lang(ar-AE)
{
    direction: rtl;
}
@media screen and (min-width: 768px)
{
    #cookiescript_injected_fsd #cookiescript_fsd_wrapper, #cookiescript_injected #cookiescript_fsd_wrapper
    {
        max-height: 80%;
        top: 10%;
        max-width: 768px;
    }
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_header, #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_header
{
    min-height: 64px;
    position: relative;
    background: none;
    border-color: rgba(var(--white-color),.1);
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_custom_select_selected, #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_custom_select_selected
{
    font-size: 15px;
    font-weight: 500;
    color: rgb(var(--blue-color));
    text-transform: uppercase;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_custom_select_selected svg, #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_custom_select_selected svg
{
    width: 14px;
    height: 14px;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_custom_select_selected svg:lang(ar), #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_custom_select_selected svg:lang(ar-AE), #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_custom_select_selected svg:lang(ar), #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_custom_select_selected svg:lang(ar-AE)
{
    margin-left: 0;
    margin-right: 10px;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_custom_select, #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_custom_select
{
    color: rgb(var(--white-1000));
    text-transform: capitalize;
    font-weight: 500;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_main_info, #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_main_info
{
    padding: 24px 16px 0;
    max-height: none;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_title, #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_title
{
    text-align: center;
    color: rgb(var(--white-color));
    font-size: 22px;
    font-style: italic;
    font-weight: 800;
    line-height: 120%;
    text-transform: uppercase;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_description, #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_description
{
    color: rgb(var(--white-color));
    font-size: 15px;
    font-weight: 300;
    line-height: 140%;
    letter-spacing: .45px;
    text-align: center;
    margin-top: 8px;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_description #cookiescript_readmore, #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_description #cookiescript_readmore
{
    text-decoration: underline;
    font-size: inherit;
    color: rgb(var(--blue-color));
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_description #cookiescript_readmore:hover, #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_description #cookiescript_readmore:hover
{
    text-decoration: none;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_tabs, #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_tabs
{
    display: none;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_tabs_content, #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_tabs_content
{
    background: none;
    padding: 16px 0;
    width: 100%;
    overflow-y: auto;
    margin: 0 auto;
}
@media screen and (min-width: 768px)
{
    #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_tabs_content, #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_tabs_content
    {
        padding: 16px 40px;
    }
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_tabs_content::-webkit-scrollbar-thumb, #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_tabs_content::-webkit-scrollbar-thumb
{
    border-radius: 2px;
    visibility: visible;
    background-color: rgb(var(--blue-color));
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper #cookiescript_declarationwrap, #cookiescript_injected #cookiescript_fsd_wrapper #cookiescript_declarationwrap
{
    min-width: 328px;
}
@media screen and (min-width: 540px)
{
    #cookiescript_injected_fsd #cookiescript_fsd_wrapper #cookiescript_declarationwrap, #cookiescript_injected #cookiescript_fsd_wrapper #cookiescript_declarationwrap
    {
        min-width: 360px;
    }
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_category, #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_category
{
    margin: 0;
    padding: 20px;
    border-bottom: 0;
    background: rgb(var(--primary-bg));
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_category:not(:first-child), #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_category:not(:first-child)
{
    border-top: 1px solid rgba(var(--white-color),.1);
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_main, #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_main
{
    background: none;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_category_main, #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_category_main
{
    align-items: flex-start;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd__category_name, #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd__category_name
{
    margin-bottom: 8px;
    color: rgb(var(--white-color));
    font-variant-numeric: slashed-zero;
    font-size: 19px;
    font-style: italic;
    font-weight: 600;
    line-height: 140%;
    text-transform: uppercase;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_category_description, #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_category_description
{
    padding-bottom: 8px;
    font-size: 15px;
    font-weight: 300;
    line-height: 140%;
    letter-spacing: .45px;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_category_description:lang(ar), #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_category_description:lang(ar-AE), #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_category_description:lang(ar), #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_category_description:lang(ar-AE)
{
    text-align: right;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_category_control, #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_category_control
{
    width: 46px;
    flex: inherit;
    flex-shrink: 0;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_category_info:lang(ar), #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_category_info:lang(ar-AE), #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_category_info:lang(ar), #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_category_info:lang(ar-AE)
{
    padding-right: 0;
    padding-left: 10px;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_control, #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_control
{
    color: rgb(var(--blue-color));
    font-size: 15px;
    font-weight: 500;
    line-height: 120%;
    cursor: pointer;
    margin: 0;
    text-transform: uppercase;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_control svg, #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_control svg
{
    width: 14px;
    height: 14px;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_control span:lang(ar), #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_control span:lang(ar-AE), #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_control span:lang(ar), #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_control span:lang(ar-AE)
{
    margin-right: 0;
    margin-left: 7px;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_cookies:not(.cookiescript_hidden), #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_cookies:not(.cookiescript_hidden)
{
    max-height: 400px;
    border: 0;
    border-radius: 0;
    overflow-y: auto;
    margin-top: 0;
    margin-bottom: 12px;
    padding: 0;
    background: none;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table, #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table thead, #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table th, #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table tbody, #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table td, #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table tr, #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table, #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table thead, #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table th, #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table tbody, #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table td, #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table tr
{
    background: none;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table, #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table
{
    min-width: 400px;
    background: rgb(var(--dark-blue-800));
    color: rgba(var(--white-color),.5);
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: .28px;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table th, #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table th
{
    color: rgba(var(--white-color),.2);
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: .28px;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table th:lang(ar), #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table th:lang(ar-AE), #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table th:lang(ar), #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table th:lang(ar-AE)
{
    text-align: right;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table tr:not(:first-child), #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table tr:not(:first-child)
{
    border-bottom: rgba(var(--white-color),.1);
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table td, #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table td
{
    padding: 12px;
    border-top: 1px solid rgb(var(--brown-1000));
    line-height: 120%;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table td:lang(ar), #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table td:lang(ar-AE), #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table td:lang(ar), #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table td:lang(ar-AE)
{
    text-align: right;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table td:nth-child(2), #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table td:nth-child(2)
{
    text-transform: uppercase;
    color: rgb(var(--cta-color));
    font-weight: 700;
    line-height: inherit;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table td:nth-child(2), #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_vendor_name a, #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_cookies_table td:nth-child(2), #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_vendor_name a
{
    color: rgb(var(--blue-color));
    font-size: 11px;
    font-weight: 500;
    line-height: 140%;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .mdc-switch__icons, #cookiescript_injected_fsd #cookiescript_fsd_wrapper .mdc-switch__shadow, #cookiescript_injected_fsd #cookiescript_fsd_wrapper .mdc-switch .mdc-switch__ripple, #cookiescript_injected #cookiescript_fsd_wrapper .mdc-switch__icons, #cookiescript_injected #cookiescript_fsd_wrapper .mdc-switch__shadow, #cookiescript_injected #cookiescript_fsd_wrapper .mdc-switch .mdc-switch__ripple
{
    display: none;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .mdc-switch, #cookiescript_injected #cookiescript_fsd_wrapper .mdc-switch
{
    width: 40px;
    height: 20px;
    color: rgba(var(--white-color),.2);
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .mdc-switch .mdc-switch__track, #cookiescript_injected #cookiescript_fsd_wrapper .mdc-switch .mdc-switch__track
{
    height: auto;
    width: auto;
    border-radius: 40px;
    border: 2px solid;
    position: absolute;
    inset: -3px;
    opacity: 1;
    background: rgba(var(--black-color),.5);
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .mdc-switch .mdc-switch__track:before, #cookiescript_injected_fsd #cookiescript_fsd_wrapper .mdc-switch .mdc-switch__track:after, #cookiescript_injected #cookiescript_fsd_wrapper .mdc-switch .mdc-switch__track:before, #cookiescript_injected #cookiescript_fsd_wrapper .mdc-switch .mdc-switch__track:after
{
    display: none;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .mdc-switch .mdc-switch__handle:before, #cookiescript_injected #cookiescript_fsd_wrapper .mdc-switch .mdc-switch__handle:before
{
    display: none;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .mdc-switch .mdc-switch__handle:after, #cookiescript_injected #cookiescript_fsd_wrapper .mdc-switch .mdc-switch__handle:after
{
    background: rgba(var(--white-color),.2);
    opacity: 1;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .mdc-switch.mdc-switch--unselected:enabled, #cookiescript_injected #cookiescript_fsd_wrapper .mdc-switch.mdc-switch--unselected:enabled
{
    color: rgba(var(--cta-color),.5);
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle:after, #cookiescript_injected #cookiescript_fsd_wrapper .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle:after
{
    background: rgba(var(--cta-color),.5);
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .mdc-switch.mdc-switch--selected:enabled, #cookiescript_injected #cookiescript_fsd_wrapper .mdc-switch.mdc-switch--selected:enabled
{
    color: rgb(var(--cta-color));
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle:after, #cookiescript_injected #cookiescript_fsd_wrapper .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle:after
{
    background: rgb(var(--cta-color));
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_language_drop_down, #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_language_drop_down
{
    right: 13px;
    top: 22px;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_language_drop_down:lang(ar), #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_language_drop_down:lang(ar-AE), #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_language_drop_down:lang(ar), #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_language_drop_down:lang(ar-AE)
{
    right: auto;
    left: 13px;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_custom_select_flag, #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_custom_select_flag
{
    border-radius: 0;
    box-shadow: none;
    width: 23px;
    height: 16px;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_custom_select_flag:lang(ar), #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_custom_select_flag:lang(ar-AE), #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_custom_select_flag:lang(ar), #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_custom_select_flag:lang(ar-AE)
{
    margin-right: 0;
    margin-left: 9px;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_custom_select_flag img, #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_custom_select_flag img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 3px;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_footer, #cookiescript_injected #cookiescript_fsd_wrapper .cookiescript_fsd_footer
{
    margin-top: auto;
    border: 0;
    background: none;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper #cookiescript_buttons, #cookiescript_injected #cookiescript_fsd_wrapper #cookiescript_buttons
{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 12px;
    padding: 20px 16px;
    margin: 0 auto;
    width: 100%;
    border-top: 1px solid rgba(var(--white-color),.1);
    background: rgba(var(--black-color),.2);
}
@media screen and (min-width: 768px)
{
    #cookiescript_injected_fsd #cookiescript_fsd_wrapper #cookiescript_buttons, #cookiescript_injected #cookiescript_fsd_wrapper #cookiescript_buttons
    {
        padding: 20px 60px;
        grid-template-columns: repeat(2,1fr);
    }
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper #cookiescript_buttons #cookiescript_accept, #cookiescript_injected_fsd #cookiescript_fsd_wrapper #cookiescript_buttons #cookiescript_save, #cookiescript_injected_fsd #cookiescript_fsd_wrapper #cookiescript_buttons #cookiescript_reject, #cookiescript_injected #cookiescript_fsd_wrapper #cookiescript_buttons #cookiescript_accept, #cookiescript_injected #cookiescript_fsd_wrapper #cookiescript_buttons #cookiescript_save, #cookiescript_injected #cookiescript_fsd_wrapper #cookiescript_buttons #cookiescript_reject
{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    margin: 0;
    border-radius: 2px;
    font-size: 15px;
    padding: 0 28px;
    font-weight: 500;
    text-transform: uppercase;
    color: rgba(var(--cta-color));
    background-color: rgba(var(--cta-color),.15);
    border: none;
    cursor: pointer;
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper #cookiescript_buttons #cookiescript_accept:hover, #cookiescript_injected_fsd #cookiescript_fsd_wrapper #cookiescript_buttons #cookiescript_save:hover, #cookiescript_injected_fsd #cookiescript_fsd_wrapper #cookiescript_buttons #cookiescript_reject:hover, #cookiescript_injected #cookiescript_fsd_wrapper #cookiescript_buttons #cookiescript_accept:hover, #cookiescript_injected #cookiescript_fsd_wrapper #cookiescript_buttons #cookiescript_save:hover, #cookiescript_injected #cookiescript_fsd_wrapper #cookiescript_buttons #cookiescript_reject:hover
{
    background: rgba(var(--cta-color),.25);
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper #cookiescript_buttons #cookiescript_save, #cookiescript_injected #cookiescript_fsd_wrapper #cookiescript_buttons #cookiescript_save
{
    line-height: 100%;
    color: rgb(var(--black-color));
    background-color: rgb(var(--cta-color));
    transition: background-color var(--transitionTime),opacity var(--transitionTime);
    overflow: hidden;
}
@media screen and (min-width: 768px)
{
    #cookiescript_injected_fsd #cookiescript_fsd_wrapper #cookiescript_buttons #cookiescript_save, #cookiescript_injected #cookiescript_fsd_wrapper #cookiescript_buttons #cookiescript_save
    {
        grid-column: 1/span 2;
    }
}
#cookiescript_injected_fsd #cookiescript_fsd_wrapper #cookiescript_buttons #cookiescript_save:hover, #cookiescript_injected #cookiescript_fsd_wrapper #cookiescript_buttons #cookiescript_save:hover
{
    background: rgba(var(--cta-color),.25);
}
#cookiescript_injected_fsd .cookiescript_fsd_cookies_table td:nth-child(2):before, #cookiescript_injected .cookiescript_fsd_cookies_table td:nth-child(2):before
{
    color: rgba(var(--white-color),.5);
    font-size: 13px;
}
#cookiescript_injected_fsd .cookiescript_custom_select_items, #cookiescript_injected .cookiescript_custom_select_items, #cookiescript_injected_fsd .cookiescript_custom_select_item:hover, #cookiescript_injected .cookiescript_custom_select_item:hover
{
    background: rgb(var(--black-color));
}
@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;
}
.text-white
{
    color: rgb(var(--white-color));
}
.text-grey
{
    color: rgb(var(--grey-color));
}
.text--dark-cta
{
    color: rgba(var(--cta-color),.5);
}
.text-font-base
{
    font-family: var(--fontFamilyBase);
}
.text-italic
{
    font-style: italic;
}
.text-8
{
    font-size: 8px;
}
.text-300
{
    font-weight: 300;
}
.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-center
{
    text-align: center;
}
.text-uppercase
{
    text-transform: uppercase;
}
.text-underline
{
    text-decoration: underline;
}
@media screen and (min-width: 1280px)
{
    .text-underline:hover
    {
        text-decoration: none;
    }
}
.text-ellipsis
{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.flex
{
    display: flex;
    align-items: center;
}
.flex-center
{
    display: flex;
    align-items: center;
    justify-content: center;
}
.text-color-white
{
    color: rgb(var(--white-color));
}
.text-color-cta
{
    color: rgb(var(--cta-color));
}
.text-color-blue
{
    color: rgb(var(--blue-color));
}
.text-color-gold
{
    color: rgb(var(--gold-color));
}
._m-0-a
{
    margin: 0 auto;
}
._ma
{
    margin: auto;
}
._m-0
{
    margin: 0;
}
._m-4
{
    margin: 4px;
}
._m-8
{
    margin: 8px;
}
._m-12
{
    margin: 12px;
}
._m-16
{
    margin: 16px;
}
._m-20
{
    margin: 20px;
}
._m-24
{
    margin: 24px;
}
._m-28
{
    margin: 28px;
}
._m-32
{
    margin: 32px;
}
._m-36
{
    margin: 36px;
}
._m-40
{
    margin: 40px;
}
._m-44
{
    margin: 44px;
}
._m-48
{
    margin: 48px;
}
._m-52
{
    margin: 52px;
}
._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;
}
._mr-0
{
    margin-right: 0;
}
._mr-4
{
    margin-right: 4px;
}
._mr-8
{
    margin-right: 8px;
}
._mr-12
{
    margin-right: 12px;
}
._mr-16
{
    margin-right: 16px;
}
._mr-20
{
    margin-right: 20px;
}
._mr-24
{
    margin-right: 24px;
}
._mr-28
{
    margin-right: 28px;
}
._mr-32
{
    margin-right: 32px;
}
._mr-36
{
    margin-right: 36px;
}
._mr-40
{
    margin-right: 40px;
}
._mr-44
{
    margin-right: 44px;
}
._mr-48
{
    margin-right: 48px;
}
._mr-52
{
    margin-right: 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;
}
._ml-0
{
    margin-left: 0;
}
._ml-4
{
    margin-left: 4px;
}
._ml-8
{
    margin-left: 8px;
}
._ml-12
{
    margin-left: 12px;
}
._ml-16
{
    margin-left: 16px;
}
._ml-20
{
    margin-left: 20px;
}
._ml-24
{
    margin-left: 24px;
}
._ml-28
{
    margin-left: 28px;
}
._ml-32
{
    margin-left: 32px;
}
._ml-36
{
    margin-left: 36px;
}
._ml-40
{
    margin-left: 40px;
}
._ml-44
{
    margin-left: 44px;
}
._ml-48
{
    margin-left: 48px;
}
._ml-52
{
    margin-left: 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--box
{
    display: flex;
    align-items: center;
    margin-bottom: 32px;
}
.modal--box:last-child
{
    margin-bottom: 0;
}
.modal--box._wide
{
    justify-content: space-between;
}
.modal--box._end
{
    justify-content: flex-end;
}
.modal--box._center
{
    justify-content: center;
}
.modal--title
{
    font-size: 22px;
    line-height: 110%;
}
.modal._center
{
    flex-direction: column;
    display: flex;
    align-items: center;
}
.modal--row
{
    display: flex;
    align-items: center;
    padding: 8px 0;
    color: rgb(var(--grey-color));
    border-bottom: 1px solid rgb(var(--greenColor100));
}
.modal--row:first-child
{
    padding-top: 0;
}
.modal--row:last-child
{
    border: none;
    padding-bottom: 0;
}
.modal--row .modal--link
{
    font-size: 14px;
    line-height: 160%;
    font-weight: 500;
    color: rgb(var(--grey-color));
}
@media screen and (min-width: 1024px)
{
    .modal--row .modal--link:hover
    {
        text-decoration: none;
        color: rgb(var(--white-color));
    }
}
.modal--section
{
    display: flex;
}
.modal--subtitle
{
    font-size: 10px;
    line-height: 160%;
    font-weight: 700;
    display: block;
    margin-bottom: 8px;
    color: rgb(var(--basic600));
}
.modal--name
{
    color: rgb(var(--white-color));
    display: block;
}
.modal--col
{
    margin-bottom: 12px;
    width: 100%;
    position: relative;
}
.modal--col:last-child
{
    margin-right: 0;
}
.modal--link
{
    font-size: 16px;
    line-height: 140%;
    font-weight: 600;
    color: rgb(var(--white-color));
    text-align: left;
    transition: color var(--transitionTime) ease;
}
.modal--link._yellow
{
    color: rgb(var(--yellowColor));
}
.modal--link._underline
{
    text-decoration: underline;
}
@media screen and (min-width: 1024px)
{
    .modal--link._underline:hover
    {
        text-decoration: none;
    }
}
@media screen and (min-width: 1024px)
{
    .modal--link:hover
    {
        text-decoration: underline;
    }
}
.modal--title
{
    font-size: 22px;
    font-style: italic;
    font-weight: 800;
    line-height: 1.15;
    text-transform: uppercase;
    color: rgb(var(--white-color));
    display: block;
    margin-bottom: 8px;
    position: relative;
    text-align: center;
}
.modal--text
{
    font-size: 14px;
    line-height: 100%;
    letter-spacing: .03em;
    color: rgba(var(--white-color),.7);
    display: block;
    text-align: center;
}
.modal .promo-modal-btn
{
    text-align: center;
    margin-bottom: 32px;
}
.modal .promo-modal-btn._no-margin
{
    margin-bottom: 0;
}
.modal .promo-modal-btn .custom-button--primary
{
    min-width: 140px;
}
.modal--content
{
    font-size: 15px;
}
.modal--content .recovery--btn
{
    margin-top: 2px;
    display: flex;
    justify-content: center;
}
.modal--content .recovery--btn .custom-button
{
    padding-left: 20px;
    padding-right: 20px;
    flex-direction: column;
}
.modal--zimpler
{
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    padding: 12px 0;
    margin-bottom: 16px;
}
.modal--form
{
    justify-content: center;
    display: flex;
    flex-direction: column;
}
.modal--form-icon
{
    margin-right: 11px;
}
.modal--form-row
{
    white-space: nowrap;
}
.modal--form-tooltip
{
    padding: 20px;
    border-radius: 3px;
    background-image: linear-gradient(rgb(var(--dark-light-bg)) 0%,rgb(var(--dark-light-bg)) 100%);
    border: 1px solid #2b2b2b;
}
.modal--form-tooltip-inner
{
    padding: 0;
}
.modal--form-tooltip .control-error
{
    padding-left: 0;
}
.modal--form-tooltip-error
{
    font-size: 14px;
    line-height: 140%;
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    color: rgb(var(--white-color));
}
.modal--form-tooltip-error:last-child
{
    margin-bottom: 0;
}
.modal--form-tooltip-error .pass-icon-validation
{
    margin-right: 8px;
    color: rgb(var(--cta-color));
}
.modal--form-tooltip-error._error .pass-icon-validation
{
    color: rgb(var(--red-color));
}
.modal--form-btn
{
    text-align: center;
    margin-top: 8px;
}
.modal--bday
{
    position: relative;
}
.modal--bday-box
{
    visibility: hidden;
    position: absolute;
}
.cdk-overlay-pane.recovery-modal .modal--form .stb-button, .cdk-overlay-pane.recovery-modal .modal--form .custom-button-wrapper, .cdk-overlay-pane.recovery-modal .modal--form .custom-button
{
    max-width: 100%;
}
.cdk-overlay-pane.notificationOverlay
{
    padding: 0;
}
.cdk-overlay-pane .close-icon
{
    position: absolute;
    z-index: 5;
    right: 10px;
    top: 10px;
    padding: 6px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: color var(--transitionTime);
    color: rgb(var(--cta-color));
}
html[lang=ar] .cdk-overlay-pane .close-icon, html[lang=ar-AE] .cdk-overlay-pane .close-icon
{
    right: auto;
    left: 10px;
}
.cdk-overlay-pane .close-icon.modal--title-close
{
    color: rgb(var(--white-color));
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}
html[lang=ar] .cdk-overlay-pane .close-icon.modal--title-close, html[lang=ar-AE] .cdk-overlay-pane .close-icon.modal--title-close
{
    right: auto;
    left: 15px;
}
@media screen and (min-width: 1024px)
{
    .cdk-overlay-pane .close-icon:hover
    {
        color: rgb(var(--cta-second-color));
    }
}
.cdk-overlay-pane.std-modal
{
    width: 100%;
    height: 100%;
    max-height: 100vh;
    margin: 0 auto;
    max-width: 100%;
    overflow-x: hidden;
}
html[lang=ar] .cdk-overlay-pane.std-modal, html[lang=ar-AE] .cdk-overlay-pane.std-modal
{
    direction: rtl;
}
.cdk-overlay-pane.std-modal:not(._auth-modal):not(.registration-with-dep):not(.cashier-modal):not(.search-modal):not(.terms-modal):not(.sportsbook-modal):not(.std-modal-bonuses-cancel)>*
{
    padding: 56px 20px;
}
@media screen and (min-width: 768px)
{
    .cdk-overlay-pane.std-modal:not(._auth-modal):not(.registration-with-dep):not(.cashier-modal):not(.search-modal):not(.terms-modal):not(.sportsbook-modal):not(.std-modal-bonuses-cancel)>*
    {
        margin: auto;
        padding: 40px 44px;
    }
}
@media screen and (max-width: 767.98px)
{
    .cdk-overlay-pane.std-modal
    {
        background-color: rgb(var(--dark-light-bg));
    }
}
@media screen and (min-width: 768px)
{
    .cdk-overlay-pane.std-modal
    {
        height: auto;
        max-width: 428px;
        margin: 0 auto;
        align-items: flex-start;
    }
}
.cdk-overlay-pane.std-modal>*
{
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    background-color: rgb(var(--dark-light-bg));
}
@media screen and (min-width: 768px)
{
    .cdk-overlay-pane.std-modal>*
    {
        border-radius: 2px;
        border: 1px solid rgba(var(--white-color),.1);
        background-color: rgb(var(--dark-light-bg));
    }
}
.cdk-overlay-pane.std-modal>* .modal
{
    position: relative;
    z-index: 4;
    max-height: 100%;
}
.cdk-overlay-pane.std-modal>* .modal.cashier-modal
{
    overflow-y: auto;
}
.cdk-overlay-pane.std-modal>* .modal.cashier-modal, .cdk-overlay-pane.std-modal>* .modal.login-dep
{
    position: static;
}
.cdk-overlay-pane.std-modal>* .modal.welcome-modal
{
    padding-top: 60px;
    padding-bottom: 40px;
}
.cdk-overlay-pane.std-buy-item-modal>*
{
    padding: 40px 0;
}
.cdk-overlay-pane._auth-modal>*
{
    width: 100%;
    height: 100%;
}
@media screen and (min-width: 768px)
{
    .cdk-overlay-pane._auth-modal>*
    {
        max-width: 428px;
        height: auto;
        margin: auto;
    }
}
@media screen and (min-width: 768px)
{
    .cdk-overlay-pane._auth-modal
    {
        max-width: 100%;
    }
}
@media screen and (min-width: 1024px)
{
    .cdk-overlay-pane._auth-modal
    {
        max-width: 846px;
    }
}
@media screen and (max-width: 767.98px)
{
    .cdk-overlay-pane._auth-modal
    {
        background-color: rgb(var(--dark-light-bg));
    }
}
.cdk-overlay-pane._auth-modal .modal
{
    position: relative;
    z-index: 3;
}
.cdk-overlay-pane._auth-modal .modal--form-tooltip
{
    top: -20px;
    left: 0;
}
.cdk-overlay-pane.login-with-dep .modal--title
{
    margin-bottom: 20px;
}
.cdk-overlay-pane.login-with-dep>*
{
    min-height: 533px;
    padding: 60px 36px;
}
@media screen and (min-width: 768px)
{
    .cdk-overlay-pane.login-with-dep>*
    {
        padding: 48px 50px;
        margin: auto;
    }
}
.cdk-overlay-pane.login-with-dep .modal--form-tooltip
{
    top: auto;
    bottom: 40px;
    pointer-events: none;
}
.cdk-overlay-pane.registration-with-dep
{
    flex-direction: column;
}
.cdk-overlay-pane.registration-with-dep .modal--title
{
    margin-bottom: 20px;
}
@media screen and (min-width: 768px)
{
    .cdk-overlay-pane.registration-with-dep>*
    {
        margin: auto;
    }
}
.cdk-overlay-pane.registration-with-dep .modal--form-tooltip
{
    top: auto;
    bottom: 40px;
    pointer-events: none;
}
.cdk-overlay-pane.dear-modal .modal--link
{
    text-decoration: underline;
    text-align: center;
    cursor: pointer;
}
.cdk-overlay-pane.dear-modal .modal--link:hover
{
    text-decoration: none;
}
.cdk-overlay-pane.dear-modal .modal--content, .cdk-overlay-pane.frozen-modal .modal--content
{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.cdk-overlay-pane.continue-modal
{
    align-items: unset;
}
.cdk-overlay-pane.registration-cancellation>*
{
    padding: 56px 20px;
}
@media screen and (min-width: 768px)
{
    .cdk-overlay-pane.registration-cancellation>*
    {
        max-width: 428px;
        padding: 40px 50px;
    }
}
.cdk-overlay-pane.registration-cancellation .auth-cancel--link
{
    font-size: 16px;
    line-height: 140%;
    font-weight: 600;
    color: rgb(var(--white-color));
    text-decoration: underline;
    transition: color var(--transitionTime);
    text-align: center;
    cursor: pointer;
    align-self: center;
}
@media screen and (min-width: 1024px)
{
    .cdk-overlay-pane.registration-cancellation .auth-cancel--link:hover
    {
        color: rgb(var(--yellowColor));
    }
}
.cdk-overlay-pane.registration-cancellation .modal--content
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 328px;
    margin: 0 auto;
}
.cdk-overlay-pane.leaderboard-modal
{
    height: 100vh;
    max-height: 100vh;
    overflow: hidden;
}
@media screen and (min-width: 768px)
{
    .cdk-overlay-pane.leaderboard-modal
    {
        height: auto;
        margin: auto;
        max-height: calc(100vh - 60px);
    }
}
.cdk-overlay-pane._back-office-dialog
{
    overflow: auto;
}
.cdk-overlay-pane.std-modal-bonuses-cancel>*
{
    padding: 56px 20px 0;
}
@media screen and (min-width: 768px)
{
    .cdk-overlay-pane.std-modal-bonuses-cancel>*
    {
        margin: auto;
        padding: 40px 44px 0;
    }
}
.cdk-overlay-pane.search-modal
{
    width: 100%;
    position: relative;
    margin: 0 auto;
    max-width: 100%;
    background: transparent;
    padding: 0;
    align-items: stretch;
}
.cdk-overlay-pane.search-modal>*
{
    overflow: hidden;
    width: 100%;
    top: 0;
    left: 0;
    position: relative;
    height: 100vh;
    max-width: 100%;
    padding: 55px 16px 0;
    background-color: rgb(var(--dark-light-bg));
    border: 1px solid rgb(var(--white-color),.2);
    border-radius: 2px;
}
@media screen and (min-width: 768px)
{
    .cdk-overlay-pane.search-modal>*
    {
        top: 80px;
        left: auto;
        height: fit-content;
        max-width: 808px;
        padding: 55px 30px 0;
        position: relative;
        max-height: calc(100vh - 160px);
    }
}
.cdk-overlay-pane.search-modal .close-icon
{
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
}
html[lang=ar] .cdk-overlay-pane.search-modal .close-icon, html[lang=ar-AE] .cdk-overlay-pane.search-modal .close-icon
{
    right: auto;
    left: 10px;
}
.cdk-overlay-pane.provider-modal>*
{
    padding: 55px 30px 0;
}
@media screen and (min-width: 1280px)
{
    .cdk-overlay-pane.provider-modal>*
    {
        position: relative;
        transform: translate(0);
        left: auto;
        height: fit-content;
    }
}
.cdk-overlay-pane.mat-datepicker-popup
{
    padding: 0;
    bottom: 0!important;
    min-height: 380px;
    left: 50%!important;
    top: 50%!important;
    transform: translate(-50%,-50%);
    height: fit-content;
    width: 318px;
}
.cdk-overlay-backdrop
{
    background: rgba(var(--black-color),.7);
}
.cdk-overlay-pane.session-limit
{
    overflow-y: unset;
}
.cdk-overlay-pane.std-modal-achievement
{
    max-width: 600px;
}
@media screen and (min-width: 768px)
{
    .cdk-overlay-pane.cashier-modal, .cdk-overlay-pane.choose-pay
    {
        max-width: 600px;
        max-height: calc(100vh - 60px);
        margin: auto;
    }
}
.cdk-overlay-pane.cashier-modal>*, .cdk-overlay-pane.choose-pay>*
{
    height: 100%;
}
@media screen and (min-width: 768px)
{
    .cdk-overlay-pane.cashier-modal>*, .cdk-overlay-pane.choose-pay>*
    {
        max-width: 600px;
        height: unset;
    }
}
.cdk-overlay-pane.choose-pay>*
{
    padding-bottom: 40px;
}
.cdk-overlay-pane.personal-modal>*
{
    max-width: 460px;
    padding: 20px 24px 32px;
}
@media screen and (min-width: 1024px)
{
    .cdk-overlay-pane.personal-modal>*
    {
        max-width: 640px;
    }
}
.cdk-overlay-pane.std-modal.terms-modal
{
    padding-bottom: 0;
}
@media screen and (min-width: 768px)
{
    .cdk-overlay-pane.std-modal.terms-modal
    {
        margin: auto;
    }
}
.cdk-overlay-pane.std-modal.terms-modal .modal--title
{
    margin-bottom: 16px;
}
@media screen and (min-width: 768px)
{
    .cdk-overlay-pane.std-modal.terms-modal .modal--title
    {
        margin-bottom: 8px;
    }
}
@media screen and (min-width: 768px)
{
    .cdk-overlay-pane.std-modal.terms-modal
    {
        padding-bottom: 20px;
        max-width: 428px;
    }
}
.cdk-overlay-pane.std-modal.terms-modal .close-icon
{
    width: 24px;
    height: 24px;
    right: 16px;
    top: 16px;
}
html[lang=ar] .cdk-overlay-pane.std-modal.terms-modal .close-icon, html[lang=ar-AE] .cdk-overlay-pane.std-modal.terms-modal .close-icon
{
    right: auto;
    left: 16px;
}
.cdk-overlay-pane.std-modal.terms-modal>*
{
    padding: 0;
    min-height: 100vh;
    height: 100%;
    max-width: 100%;
    border-radius: 3px;
}
@media screen and (min-width: 768px)
{
    .cdk-overlay-pane.std-modal.terms-modal>*
    {
        min-height: unset;
        height: max-content;
    }
}
.cdk-overlay-pane.std-modal.terms-modal>* .modal
{
    z-index: 2;
}
.cdk-overlay-pane.leaderboard-modal
{
    border: 1px solid rgba(var(--white-color),.1);
    background-color: rgb(var(--dark-light-bg));
}
.cdk-overlay-pane.leaderboard-modal>*
{
    padding: 40px 0;
    border: none;
}
@media screen and (min-width: 768px)
{
    .cdk-overlay-pane.leaderboard-modal>*
    {
        padding: 40px 62px;
    }
}
.lang-list
{
    display: flex;
    flex-wrap: wrap;
    grid-gap: 28px;
    justify-content: center;
}
.lang-list--title
{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.lang-list--pic
{
    margin: 0 auto 4px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 2px;
}
.lang-list--img
{
    width: 29px;
    height: 20px;
    border-radius: 2px;
    object-fit: cover;
}
.lang-list--item
{
    font-size: 12px;
    line-height: 120%;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 56px;
    color: rgba(var(--white-color),.7);
    text-align: center;
    cursor: pointer;
    outline: none;
}
@media screen and (min-width: 1024px)
{
    .lang-list--item:hover
    {
        color: rgb(var(--cta-color));
    }
    .lang-list--item:hover .lang-list--pic
    {
        border: 1px solid rgba(var(--cta-color),.3);
    }
}
.lang-list--item.active
{
    color: rgb(var(--cta-color));
}
.lang-list--item.active .lang-list--pic
{
    border: 1px solid rgba(var(--cta-color),.3);
}
.cdk-overlay-pane.std-modal.continue-modal>*
{
    padding-top: 44px;
    padding-bottom: 36px;
}
.cdk-overlay-pane.std-modal.continue-modal .modal
{
    height: 100%;
    overflow-y: auto;
}
@media screen and (min-width: 768px)
{
    .cdk-overlay-pane.std-modal.continue-modal .modal
    {
        min-height: 550px;
    }
}
.notificationOverlay
{
    justify-content: flex-end;
    margin-right: 16px;
}
@media screen and (min-width: 375px)
{
    .notificationOverlay
    {
        margin-left: 0;
    }
}
.cdk-overlay-pane.std-modal.dear-modal>*
{
    padding: 56px 36px 68px;
}
@media screen and (min-width: 768px)
{
    .cdk-overlay-pane.std-modal.dear-modal>*
    {
        padding: 40px 48px 68px;
    }
}
.icon-back
{
    position: absolute;
    display: flex;
    align-items: center;
    top: 15px;
    left: 16px;
    font-size: 11px;
    color: rgb(var(--cta-color));
    cursor: pointer;
}
.icon-back:lang(ar), .icon-back:lang(ar-AE)
{
    left: auto;
    right: 16px;
}
.icon-back .arrow-back
{
    transform: rotate(180deg);
    margin-right: 8px;
}
html[lang=ar] .icon-back .arrow-back, html[lang=ar-AE] .icon-back .arrow-back
{
    margin-right: 0;
    margin-left: 8px;
    transform: rotate(0);
}
.onfido-sdk-ui-Theme-modalBody .onfido-sdk-ui-Theme-portal
{
    z-index: 10000;
}
.onfido-sdk-ui-Theme-modalBody .onfido-sdk-ui-PageTitle-titleWrapper
{
    margin-top: 0;
}
:root
{
    --stb-margin-bot: 30px;
    --stb-margin-top: 30px;
    --games-gap: 16px;
    --indent-wide-box: 20px;
}
@media screen and (min-width: 768px)
{
    :root
    {
        --indent-wide-box: 32px;
    }
}
@media screen and (min-width: 1024px)
{
    :root
    {
        --games-gap: 20px;
        --stb-margin-bot: 40px;
        --stb-margin-top: 40px;
        --indent-wide-box: 0;
    }
}
@media screen and (min-width: 1440px)
{
    :root
    {
        --stb-margin-bot: 80px;
        --stb-margin-top: 80px;
    }
}
:root
{
    --stb-input-text__placeholder-top: 15px;
    --stb-input-text__placeholder-left: 20px;
    --stb-input-text__placeholder-font-size: 14px;
    --stb-input-text__placeholder-line-height: 140%;
    --stb-input-text__placeholder-color: rgba(var(--tertiary-color),.9);
    --stb-input-text__placeholder-transition: border-color .2s;
    --stb-input-text__input-height: 44px;
    --stb-input-text__input-padding-top: 19px;
    --stb-input-text__input-padding-bottom: 12px;
    --stb-input-text__input-padding-left: 19px;
    --stb-input-text__input-padding-right: 16px;
    --stb-input-text__input-font-size: 14px;
    --stb-input-text__input-line-height: 120%;
    --stb-input-text__input-border-width: 1px;
    --stb-input-text__input-border-width-active: 1px;
    --stb-input-text__input-border-style: solid;
    --stb-input-text__input-border-color: rgba(var(--black-color),.2);
    --stb-input-text__input-border-radius: 2px;
    --stb-input-text__input-color: rgba(var(--tertiary-color),.9);
    --stb-input-text__input-bg-color: rgba(var(--white-color),.9);
    --stb-input-text__icon-text-left: 18px;
    --stb-input-text__icon-text-right: 18px;
}
:root
{
    --stb-radio-group__margin-right: 13px;
    --stb-radio-group-margin-top: 16px;
    --stb-radio-button-padding: 0;
    --stb-radio-button-background: transparent;
    --stb-radio-button-border-radius: 0;
    --stb-radio-button-border-color: var(--primaryColor);
    --stb-radio-button-opacity: 1;
    --stb-radio-button__dot-width: 100%;
    --stb-radio-button__dot-height: 100%;
    --stb-radio-button__circle-width: 20px;
    --stb-radio-button__circle-height: 20px;
    --stb-radio-button__circle-margin-right: 6px;
    --stb-radio-button-desc-color: var(--white-color);
}
: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-color);
    --stb-checkbox__check-field-width: 24px;
    --stb-checkbox__check-field-height: 24px;
    --stb-checkbox__check-field-padding: 1px;
    --stb-checkbox__check-field-bg: var(--primaryColor);
    --stb-checkbox__check-field-color: var(--white-color);
    --stb-checkbox__check-field-border-radius: 6px;
    --stb-checkbox__check-field-border-color: var(--basic500);
}
:root
{
    --stb-select__button-height: 44px;
    --stb-select__button-padding-y: 9px;
    --stb-select__button-padding-left: 16px;
    --stb-select__button-padding-right: 20px;
    --stb-select__button-font-size: 14px;
    --stb-select__button-line-height: 140%;
    --stb-select__button-border-width: 1px;
    --stb-select__button-border-width-active: 2px;
    --stb-select__button-border-style: solid;
    --stb-select__button-border-color: var(--greenColor100);
    --stb-select__button-border-radius: 3px;
    --stb-select__button-color: var(--grey-color);
    --stb-select__button-bg-color: rgb(var(--darkColor200));
    --stb-select__list-max-height: 300px;
    --stb-select__list-font-size: 14px;
    --stb-select__list-line-height: 140%;
    --stb-select__list-border-width: 1px;
    --stb-select__list-border-style: solid;
    --stb-select__list-border-color: var(--greenColor100);
    --stb-select__list-border-radius: 3px;
    --stb-select__list-color: var(--grey-color);
    --stb-select__list-bg-color: rgb(var(--darkColor200));
    --stb-select__list-item-height: 30px;
    --stb-select__list-item-padding: 10px 16px;
    --stb-select__list-item-font-size: 14px;
    --stb-select__list-item-line-height: 140%;
    --stb-select__list-item-border-width: 0;
    --stb-select__list-item-border-style: solid;
    --stb-select__list-item-border-color: #76869d;
    --stb-select__list-item-color: var(--white-color);
    --stb-select__list-item-bg-color: var(--basic800);
}
:root
{
    --stb-input-password__placeholder-top: 6px;
    --stb-input-password__placeholder-left: 48px;
    --stb-input-password__placeholder-font-size: 14px;
    --stb-input-password__placeholder-color: rgb(var(--secondaryColor));
    --stb-input-password__placeholder-transition: left var(--transitionTime),bottom var(--transitionTime),font-size var(--transitionTime);
    --stb-input-password__input-height: 44px;
    --stb-input-password__input-padding: 16px;
    --stb-input-password__input-padding-x: 48px;
    --stb-input-password__input-padding-top: 16px;
    --stb-input-password__input-padding-bottom: 16px;
    --stb-input-password__input-font-size: 14px;
    --stb-input-password__input-line-height: 140%;
    --stb-input-password__input-border-width: 1px;
    --stb-input-password__input-border-style: solid;
    --stb-input-password__input-border-color: rgb(var(--white-color));
    --stb-input-password__input-border-radius: 4px;
    --stb-input-password__input-color: rgba(var(--tertiary-color),.6);
    --stb-input-password__input-bg-color: #fff;
    --stb-input-password__icon-eye-height: 22px;
    --stb-input-password__icon-eye-width: 22px;
    --stb-input-password__icon-eye-right: 16px;
    --stb-input-password__icon-password-height: 20px;
    --stb-input-password__icon-password-width: 20px;
    --stb-input-password__icon-password-left: 21px;
    --stb-input-password__label-rules-bg-color: #fff;
    --stb-input-password__label-rules-color: #76869d;
    --stb-input-password__label-rules-max-width: 250px;
    --stb-input-password__label-rules-font-size: 12px;
    --stb-input-password__label-rules-border-radius: 4px;
    --stb-input-password__label-rules-padding-x: 16px;
    --stb-input-password__label-rules-padding-y: 8px;
    --stb-input-password__label-rules-arrow-size: 10px;
    --stb-input-password__label-rules-shadow: 0 2px 1px rgba(118,134,157,.5);
}
:root
{
    --stb-input-search__input-height: 52px;
    --stb-input-search__input-padding-top: 16px;
    --stb-input-search__input-padding-bottom: 16px;
    --stb-input-search__input-padding-left: 10px;
    --stb-input-search__input-padding-right: 56px;
    --stb-input-search__input-border-width: 2px;
    --stb-input-search__input-border-style: solid;
    --stb-input-search__input-border-color: var(--errorColor);
    --stb-input-search__input-font-size: 16px;
    --stb-input-search__input-line-height: 1.2;
    --stb-input-search__input-border-radius: 0;
    --stb-input-search__input-color: var(--lightColor);
    --stb-input-search__input-bg-color: var(--white-color);
    --stb-input-search__input-box-shadow: none;
    --stb-input-search__input-opacity-transition: opacity .2s ease-out;
    --stb-input-search__icon-color: var(--primaryColor);
    --stb-input-search__icon-hight: 20px;
    --stb-input-search__icon-width: 20px;
    --stb-input-search__clear-btn-color: var(--white-color);
    --stb-input-search__clear-btn-hight: 24px;
    --stb-input-search__clear-btn-width: 24px;
}
.stb-button
{
    --stb-custom-button__min-width: 108px;
    --stb-custom-button__padding-top: 5px;
    --stb-custom-button__padding-bottom: 5px;
    --stb-custom-button__padding-left: 20px;
    --stb-custom-button__padding-right: 20px;
    --stb-custom-button__border-width: 0;
    --stb-custom-button__border-radius: 16px;
    --stb-custom-button__color: #fff;
    --stb-custom-button__font-size-title: 16px;
    --stb-custom-button__line-height-title: 100%;
    --stb-custom-button__font-size-subtitle: 10px;
    --stb-custom-button__line-height-subtitle: 120%;
    --stb-custom-button__margin-top-subtitle: 4px;
    --stb-custom-button__icon-right-position: 32px;
    --stb-custom-button__icon-left-position: 32px;
}
.stb-button
{
    display: inline-block;
    padding-top: 0;
}
.stb-button._witdrawal-disabled
{
    opacity: .7;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
}
.stb-button .custom-button-wrapper
{
    display: inline-flex;
}
.stb-button .custom-button
{
    text-shadow: none;
    text-transform: uppercase;
    position: relative;
    padding-left: var(--stb-custom-button__padding-left);
    padding-top: var(--stb-custom-button__padding-top);
    padding-right: var(--stb-custom-button__padding-right);
    padding-bottom: var(--stb-custom-button__padding-bottom);
    font-weight: 500;
    z-index: 2;
    transition: background-color,border-color,color var(--transitionTime) ease;
    font-family: var(--font-family-base);
    cursor: pointer;
    border-radius: 2px;
}
.stb-button .custom-button:disabled
{
    opacity: .6;
    pointer-events: none;
}
.stb-button .custom-button__title
{
    white-space: nowrap;
    position: relative;
    line-height: 100%;
}
.stb-button .custom-button--small
{
    --stb-custom-button__min-height: 29px;
    --stb-custom-button__font-size-title: 11px;
    --stb-custom-button__padding-left: 18px;
    --stb-custom-button__padding-right: 18px;
}
.stb-button .custom-button--medium
{
    --stb-custom-button__min-height: 40px;
    --stb-custom-button__font-size-title: 15px;
    --stb-custom-button__padding-left: 32px;
    --stb-custom-button__padding-right: 32px;
}
.stb-button .custom-button--large
{
    --stb-custom-button__min-height: 47px;
    --stb-custom-button__font-size-title: 19px;
    --stb-custom-button__padding-left: 50px;
    --stb-custom-button__padding-right: 50px;
}
.stb-button .custom-button--x-large
{
    --stb-custom-button__min-height: 54px;
    --stb-custom-button__font-size-title: 22px;
    --stb-custom-button__padding-left: 60px;
    --stb-custom-button__padding-right: 60px;
}
.stb-button._custom-button._dashboard .custom-button--large
{
    --stb-custom-button__min-height: 64px;
    --stb-custom-button__font-size-title: 20px;
    --stb-custom-button__padding-left: 28px;
    --stb-custom-button__padding-right: 28px;
    --stb-custom-button__min-width: 120px;
    --stb-custom-button__border-radius: 3px;
}
.stb-button._custom-button .custom-button--primary
{
    color: rgb(var(--black-color));
}
.stb-button._custom-button .custom-button--primary._cta
{
    background-color: rgb(var(--cta-color));
}
@media screen and (min-width: 1024px)
{
    .stb-button._custom-button .custom-button--primary._cta:hover
    {
        background-color: rgb(var(--cta-hover-color));
    }
}
.stb-button._custom-button .custom-button--primary._blue
{
    background-color: rgb(var(--blue-color));
}
@media screen and (min-width: 1024px)
{
    .stb-button._custom-button .custom-button--primary._blue:hover
    {
        background-color: rgb(var(--blue-hover-color));
    }
}
.stb-button._custom-button .custom-button--primary._gold
{
    background-color: rgb(var(--gold-color));
}
@media screen and (min-width: 1024px)
{
    .stb-button._custom-button .custom-button--primary._gold:hover
    {
        background-color: rgb(var(--gold-hover-color));
    }
}
.stb-button._custom-button .custom-button--primary._white
{
    background-color: rgb(var(--white-color));
}
@media screen and (min-width: 1024px)
{
    .stb-button._custom-button .custom-button--primary._white:hover
    {
        background-color: rgb(var(--cta-second-color));
    }
}
.stb-button._custom-button .custom-button--secondary._cta
{
    color: rgb(var(--cta-color));
    border: 1px solid rgb(var(--cta-color));
}
@media screen and (min-width: 1024px)
{
    .stb-button._custom-button .custom-button--secondary._cta:hover
    {
        background-color: rgb(var(--cta-color),.15);
    }
}
.stb-button._custom-button .custom-button--warn
{
    color: rgb(var(--greenColor100));
    background: var(--gradientGrey);
}
@media screen and (min-width: 1024px)
{
    .stb-button._custom-button .custom-button--warn:hover
    {
        color: rgb(var(--lightColor200));
        background: var(--gradientLightGrey);
    }
}
.stb-button._wide
{
    width: 100%;
}
.stb-button._wide .custom-button-wrapper
{
    width: 100%;
    display: block;
}
.stb-button._wide .custom-button-wrapper .custom-button
{
    width: 100%;
}
.input-number-control-range
{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 8px;
    margin: 0 0 8px;
    padding: 0;
    max-width: unset;
    width: 100%;
}
.input-number-control-range__btn
{
    font-size: 14px;
    line-height: 1.4;
    padding: 10px 0;
    background-color: rgba(var(--black-color),.5);
    border-radius: 2px;
    color: rgb(var(--white-color));
    border: 1px solid rgba(var(--cta-color),.3);
    transition: background var(--transitionTime),color var(--transitionTime),background var(--transitionTime);
}
.input-number-control-range__btn._active
{
    background: linear-gradient(92.6deg,rgba(var(--cta-color),.1) 0%,rgba(var(--cta-color),.1) 58.73%),rgba(var(--black-color),.5);
    color: rgb(var(--cta-color));
    border: 1px solid rgb(var(--cta-color));
}
@media screen and (min-width: 1280px)
{
    .input-number-control-range__btn:hover:not(._active)
    {
        border: 1px solid rgba(var(--cta-color),.5);
        color: rgb(var(--cta-color));
    }
}
:host::ng-deep .icon
{
    color: #fff;
}
.link
{
    cursor: pointer;
    text-decoration: underline;
    text-transform: none;
    transition: var(--transitionTime) ease;
}
html[lang=ar] .link, html[lang=ar-AE] .link
{
    direction: rtl;
}
.link._has-arrow
{
    display: inline-flex;
    align-items: center;
}
.link._has-arrow .icon
{
    margin-left: 8px;
}
.link._arrow-back
{
    color: rgb(var(--grey-color200));
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}
@media screen and (min-width: 1024px)
{
    .link._arrow-back:hover
    {
        color: rgb(var(--blueColor100));
    }
}
.link._arrow-back .icon
{
    margin-right: 5px;
}
html[lang=ar] .link._has-arrow .arrow, html[lang=ar-AE] .link._has-arrow .arrow
{
    transform: rotate(180deg);
    margin: 0 8px 0 -8px;
}
html[lang=ar] .link._has-arrow .icon, html[lang=ar-AE] .link._has-arrow .icon
{
    margin-left: 0;
    margin-right: 8px;
}
html[lang=ar] .link._arrow-back .icon, html[lang=ar-AE] .link._arrow-back .icon
{
    margin-left: 0;
    margin-right: 5px;
}
.link._no-underline
{
    text-decoration: none;
}
.link._uppercase
{
    text-transform: uppercase;
}
.link.show-more
{
    line-height: 120%;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:active
{
    -webkit-box-shadow: inset 0 0 0 rgb(var(--grey-color300))!important;
}
input:-webkit-autofill
{
    -webkit-text-fill-color: rgb(var(--grey-color200))!important;
    -webkit-box-shadow: inset 0 0 0 rgb(var(--grey-color300))!important;
    -webkit-transition: background-color 600000s 0s,color 600000s 0s!important;
    transition: background-color 600000s 0s,color 600000s 0s!important;
    background-color: rgb(var(--greenColor100))!important;
}
input:-webkit-autofill:focus
{
    box-shadow: inset 0 1px 0 rgb(var(--blueColor100)),inset 1px 1px 0 rgb(var(--blueColor100)),inset -1px 1px 0 rgb(var(--blueColor100)),inset -1px -1px 0 rgb(var(--blueColor100))!important;
}
input:not([type=checkbox]):not([type=radio]), textarea, select
{
    appearance: none;
}
.input-search-control:before
{
    content: "";
}
.input-search-control__input
{
    opacity: 1;
    background-color: rgba(var(--black-color),.5);
    border: 1px solid rgba(var(--white-color),.2);
    border-radius: 16px;
    padding-left: 56px;
    padding-right: 36px;
    height: 44px;
    box-shadow: none;
    color: rgba(var(--white-color),.5);
}
@media screen and (min-width: 1024px)
{
    .input-search-control__input
    {
        padding-right: 90px;
    }
}
.input-search-control__input .icon
{
    color: rgb(var(--white-color));
}
.input-search-control__icon
{
    color: rgb(var(--white-color));
    left: 20px;
}
.input-search-control__clear-btn
{
    display: none;
}
.search-field.done .input-search-control__input:not(.search-field.done .input-search-control__input:focus)
{
    color: rgb(var(--white-color));
}
.search-field.done .input-search-control__icon
{
    color: rgba(var(--cta-color),.5);
}
.input-search-control
{
    width: 100%;
}
.input-search-control__input
{
    font-size: 14px;
    line-height: 140%;
    font-weight: 400;
    opacity: 1;
    overflow-x: hidden;
    color: rgba(var(--white-color),.5);
    padding-inline: 50px 0;
    border: 1px solid rgba(var(--white-color),.2);
    border-radius: 2px;
    background-color: rgba(var(--black-color),.5);
    height: 44px;
}
.input-search-control__input::placeholder
{
    font-size: 14px;
    line-height: 140%;
    font-weight: 400;
    color: rgba(var(--white-color),.5);
}
.input-search-control__input:hover
{
    border-color: rgba(var(--white-color),.3);
}
.input-search-control__input:hover::placeholder
{
    color: rgba(var(--white-color),.7);
}
.input-search-control__input:hover+.input-search-control__icon
{
    color: rgba(var(--white-color),.7);
}
.input-search-control__input:focus
{
    color: rgb(var(--cta-color));
}
.input-search-control__input:focus::placeholder
{
    color: rgba(var(--white-color),.2);
}
.input-search-control__input:focus+.input-search-control__icon
{
    color: rgb(var(--cta-color));
}
.input-search-control__icon
{
    color: rgb(var(--grey-color));
    left: 20px;
    width: 18px;
    height: 18px;
}
.input-text-control .input-password-control__icon-password, .input-password-control .input-password-control__icon-password, .input-number-control .input-password-control__icon-password
{
    display: none;
}
.input-text-control__label-group, .input-password-control__label-group, .input-number-control__label-group
{
    position: absolute;
    top: 15px;
}
.input-text-control__input, .input-password-control__input, .input-number-control__input
{
    border-width: var(--stb-input-text__input-border-width);
    border-style: var(--stb-input-text__input-border-style);
    border-color: var(--stb-input-text__input-border-color);
    padding-left: var(--stb-input-text__input-padding-left);
    padding-top: var(--stb-input-text__input-padding-top);
    padding-right: var(--stb-input-text__input-padding-right);
    padding-bottom: var(--stb-input-text__input-padding-bottom);
    background: var(--stb-input-text__input-bg-color);
    border-radius: var(--stb-input-text__input-border-radius);
    height: var(--stb-input-text__input-height);
    color: rgb(var(--tertiary-color),.9);
}
.input-text-control__input.ng-invalid, .input-password-control__input.ng-invalid, .input-number-control__input.ng-invalid
{
    color: rgb(var(--red-color));
    border-color: rgb(var(--red-color));
}
.input-text-control__input::placeholder, .input-password-control__input::placeholder, .input-number-control__input::placeholder
{
    font-size: 14px;
    opacity: 0;
    visibility: hidden;
    color: rgb(var(--tertiary-color),.3);
}
.input-text-control__input:focus::placeholder, .input-password-control__input:focus::placeholder, .input-number-control__input:focus::placeholder
{
    opacity: 1;
    visibility: visible;
}
.input-text-control__input:not(:placeholder-shown), .input-password-control__input:not(:placeholder-shown), .input-number-control__input:not(:placeholder-shown)
{
    border-width: var(--stb-input-text__input-border-width);
}
.input-text-control__input:hover, .input-password-control__input:hover, .input-number-control__input:hover
{
    background-color: rgb(var(--white-color));
}
.input-text-control__input:disabled, .input-password-control__input:disabled, .input-number-control__input:disabled
{
    pointer-events: none;
    --stb-input-text__input-bg-color: rgb(var(--lightColor100));
    border-color: rgb(var(--lightColor100));
    --stb-input-text__input-color: rgba(var(--grey-color100,.2));
}
.input-text-control__input.ng-valid.ng-touched, .input-password-control__input.ng-valid.ng-touched, .input-number-control__input.ng-valid.ng-touched
{
    background-color: rgb(var(--white-color),.9);
    border: 1px solid rgba(var(--white-color),.2);
}
.input-text-control__placeholder, .input-password-control__placeholder, .input-number-control__placeholder
{
    --stb-input-text__placeholder-top: 50%;
    --stb-input-text__placeholder-font-size: 14px;
}
.input-text-control__label, .input-text-control__placeholder, .input-text-control__label-group, .input-password-control__label, .input-password-control__placeholder, .input-password-control__label-group, .input-number-control__label, .input-number-control__placeholder, .input-number-control__label-group
{
    visibility: visible;
    transition: var(--transitionTime);
    color: var(--stb-input-text__placeholder-color);
}
.input-text-control:focus-within .input-text-control__input, .input-text-control:focus-within .input-password-control__input, .input-text-control:focus-within .input-number-control__input, .input-password-control:focus-within .input-text-control__input, .input-password-control:focus-within .input-password-control__input, .input-password-control:focus-within .input-number-control__input, .input-number-control:focus-within .input-text-control__input, .input-number-control:focus-within .input-password-control__input, .input-number-control:focus-within .input-number-control__input
{
    --stb-input-text__input-color: rgba(var(--tertiary-color),.3);
    background-color: rgb(var(--white-color));
    border-color: rgba(var(--black-color),.3);
}
.input-text-control:focus-within .input-text-control__input+.input-text-control__label, .input-text-control:focus-within .input-text-control__input+.input-password-control__label-group, .input-text-control:focus-within .input-text-control__input+.input-number-control__input, .input-text-control:focus-within .input-password-control__input+.input-text-control__label, .input-text-control:focus-within .input-password-control__input+.input-password-control__label-group, .input-text-control:focus-within .input-password-control__input+.input-number-control__input, .input-text-control:focus-within .input-number-control__input+.input-text-control__label, .input-text-control:focus-within .input-number-control__input+.input-password-control__label-group, .input-text-control:focus-within .input-number-control__input+.input-number-control__input, .input-password-control:focus-within .input-text-control__input+.input-text-control__label, .input-password-control:focus-within .input-text-control__input+.input-password-control__label-group, .input-password-control:focus-within .input-text-control__input+.input-number-control__input, .input-password-control:focus-within .input-password-control__input+.input-text-control__label, .input-password-control:focus-within .input-password-control__input+.input-password-control__label-group, .input-password-control:focus-within .input-password-control__input+.input-number-control__input, .input-password-control:focus-within .input-number-control__input+.input-text-control__label, .input-password-control:focus-within .input-number-control__input+.input-password-control__label-group, .input-password-control:focus-within .input-number-control__input+.input-number-control__input, .input-number-control:focus-within .input-text-control__input+.input-text-control__label, .input-number-control:focus-within .input-text-control__input+.input-password-control__label-group, .input-number-control:focus-within .input-text-control__input+.input-number-control__input, .input-number-control:focus-within .input-password-control__input+.input-text-control__label, .input-number-control:focus-within .input-password-control__input+.input-password-control__label-group, .input-number-control:focus-within .input-password-control__input+.input-number-control__input, .input-number-control:focus-within .input-number-control__input+.input-text-control__label, .input-number-control:focus-within .input-number-control__input+.input-password-control__label-group, .input-number-control:focus-within .input-number-control__input+.input-number-control__input
{
    top: 6px;
    font-size: 8px;
    line-height: 1.4;
    font-weight: 700;
    color: rgba(var(--tertiary-color),.9);
}
.input-text-control:focus-within .input-text-control__input+.input-password-control__placeholder, .input-text-control:focus-within .input-password-control__input+.input-password-control__placeholder, .input-text-control:focus-within .input-number-control__input+.input-password-control__placeholder, .input-password-control:focus-within .input-text-control__input+.input-password-control__placeholder, .input-password-control:focus-within .input-password-control__input+.input-password-control__placeholder, .input-password-control:focus-within .input-number-control__input+.input-password-control__placeholder, .input-number-control:focus-within .input-text-control__input+.input-password-control__placeholder, .input-number-control:focus-within .input-password-control__input+.input-password-control__placeholder, .input-number-control:focus-within .input-number-control__input+.input-password-control__placeholder
{
    font-size: 14px;
    color: rgba(var(--tertiary-color),.3);
}
.input-text-control:focus-within .icon, .input-password-control:focus-within .icon, .input-number-control:focus-within .icon
{
    color: rgb(var(--white-color));
}
.input-password-control__input
{
    padding-right: 40px;
}
html[lang=ar] .input-password-control__input, html[lang=ar-AE] .input-password-control__input
{
    padding-left: 40px;
    padding-right: var(--stb-input-text__input-padding-left);
}
html[lang=ar] .input-password-control__icon-visibility, html[lang=ar-AE] .input-password-control__icon-visibility
{
    left: var(--stb-input-password__icon-eye-right,16px);
    right: auto;
}
html[lang=ar] .input-number-control__input, html[lang=ar-AE] .input-number-control__input
{
    text-align: right;
}
.input-number-control__input:hover
{
    box-shadow: none;
}
.input-number-control__prefix:not(:empty)~.input-number-control__input, .input-number-control__sign.minus-sign~.input-number-control__input
{
    padding-left: 39px;
    text-align: center;
}
.std-input.ng-invalid.ng-touched .input-text-control__input, .std-input.ng-invalid.ng-touched .input-password-control__input
{
    --stb-input-password__input-color: rgb(var(--red-color));
    --stb-input-text__input-bg-color: rgb(var(--white-color));
    color: rgb(var(--red-color));
    border-color: rgb(var(--error-color));
}
.std-input.ng-invalid.ng-touched .input-text-control__input:hover, .std-input.ng-invalid.ng-touched .input-password-control__input:hover
{
    box-shadow: none!important;
}
.std-input.ng-valid.ng-touched .input-text-control__input, .std-input.ng-valid.ng-touched .input-password-control__input
{
    color: rgba(var(--tertiary-color),.9);
}
.std-input.ng-valid.ng-touched .input-text-control__label, .std-input.ng-valid.ng-touched .input-text-control__placeholder, .std-input.ng-valid.ng-touched .input-password-control__label, .std-input.ng-valid.ng-touched .input-password-control__placeholder, .std-input.ng-valid.ng-touched .input-number-control__label, .std-input.ng-valid.ng-touched .input-number-control__placeholder
{
    color: rgba(var(--tertiary-color),.3);
}
.ng-invalid.ng-touched:not(form)~.checkbox-control__check-field
{
    border-color: rgb(var(--red-color));
}
.control-error
{
    font-size: 0;
    line-height: 120%;
    font-weight: 400;
    text-align: left;
    min-height: 0;
    color: rgb(var(--red-color));
    padding: 4px 0 8px;
    position: relative;
}
html[lang=ar] .control-error, html[lang=ar-AE] .control-error
{
    text-align: right;
}
.control-error.visible
{
    min-height: auto;
    font-size: 10px;
}
.control-error .control-error-message+.control-error-message
{
    display: none;
}
.control-message
{
    font-size: 0;
    line-height: 120%;
    font-weight: 400;
    text-align: left;
    min-height: auto;
    opacity: 0;
    padding: 4px 0 8px;
    position: relative;
}
.control-message.visible
{
    opacity: 1;
    font-size: 10px;
}
.std-input.ng-untouched.password-rule~.auth-registration--input-error
{
    display: none;
}
.checkbox-control
{
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}
.checkbox-control__check-field
{
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color var(--transitionTime);
    background: transparent;
    color: rgb(var(--stb-checkbox__check-field-color));
}
.checkbox-control__check-field:hover
{
    background: rgba(var(--cta-color),.5);
}
.checkbox-control__check-field:before
{
    content: "";
    width: 100%;
    height: 100%;
}
.checkbox-control__checkbox:checked+.checkbox-control__check-field
{
    --stb-checkbox__check-field-bg: rgb(var(--blueColor100));
    background: var(--stb-checkbox__check-field-bg);
}
.checkbox-control__checkbox:checked+.checkbox-control__check-field:before
{
    background-image: url(../../willbetgambling/image/check.544ed67d3c9d2b6c.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
    filter: var(--filter0D232A);
}
.checkbox-control__checkbox:disabled+.checkbox-control__check-field
{
    background: rgba(var(--basic500),.08);
    border-color: rgba(var(--stb-checkbox__check-field-border-color),.48);
}
.checkbox-control__checkbox:disabled:checked+.checkbox-control__check-field
{
    background-color: rgba(var(--basic500),.48);
    border-color: rgba(var(--basic500),.18);
}
.checkbox-control__content
{
    font-size: 12px;
    line-height: 140%;
    padding: 0 0 0 12px;
    color: rgb(var(--white-color));
}
@media screen and (min-width: 768px)
{
    .checkbox-control__content
    {
        font-size: 14px;
    }
}
html[lang=ar] .checkbox-control__content, html[lang=ar-AE] .checkbox-control__content
{
    padding: 0 12px 0 0;
}
.checkbox-control a
{
    font-size: 14px;
    line-height: 140%;
    color: rgb(var(--yellowColor));
    text-decoration: underline;
    margin: 0 2px;
}
.checkbox-control a:hover
{
    color: rgb(var(--white-color));
}
.has-label-left .checkbox-control
{
    flex-direction: row-reverse;
}
.has-label-left .checkbox-control__content
{
    padding: 0 var(--stb-checkbox__content-padding) 0 0;
}
.toogle-checkbox .checkbox-control input[type=checkbox]
{
    height: 0;
    width: 0;
    visibility: hidden;
}
.toogle-checkbox .checkbox-control__check-field
{
    cursor: pointer;
    text-indent: -9999px;
    width: 32px;
    height: 20px;
    background: rgba(var(--basic500),.16);
    border: 1px solid rgb(var(--basic500));
    display: block;
    border-radius: 100px;
    position: relative;
}
.toogle-checkbox .checkbox-control__check-field:before
{
    display: none;
}
.toogle-checkbox .checkbox-control__check-field:after
{
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 16px;
    height: 16px;
    background-color: rgb(var(--white-color));
    border-radius: 100%;
    transform: translate(0);
    transition: transform .25s ease-in;
}
.toogle-checkbox .checkbox-control__checkbox:checked+.checkbox-control__check-field
{
    background-color: rgb(var(--primaryBg));
    border-color: rgb(var(--primaryColor));
}
.toogle-checkbox .checkbox-control__checkbox:checked+.checkbox-control__check-field:after
{
    transform: translate(calc(100% - 4px));
}
.toogle-checkbox .checkbox-control__check-field:active:after
{
    width: 16px;
}
.toogle-checkbox._warning .checkbox-control__check-field
{
    background: rgba(var(--warningBg),.16);
    border-color: rgb(var(--warningColor));
}
.toogle-checkbox._warning .checkbox-control__checkbox:checked+.checkbox-control__check-field
{
    background-color: rgb(var(--warningBg));
    border-color: rgb(var(--warningColor));
}
.toogle-checkbox._primary .checkbox-control__check-field
{
    background: rgba(var(--primaryBg),.16);
    border-color: rgb(var(--primaryColor));
}
.toogle-checkbox._danger .checkbox-control__check-field
{
    background: rgba(var(--dangerBg),.16);
    border-color: rgb(var(--dangerColor));
}
.toogle-checkbox._danger .checkbox-control__checkbox:checked+.checkbox-control__check-field
{
    background-color: rgb(var(--dangerBg));
    border-color: rgb(var(--dangerColor));
}
.toogle-checkbox._info .checkbox-control__check-field
{
    background: rgba(var(--infoBg),.16);
    border-color: rgb(var(--infoColor));
}
.toogle-checkbox._info .checkbox-control__checkbox:checked+.checkbox-control__check-field
{
    background-color: rgb(var(--infoBg));
    border-color: rgb(var(--infoColor));
}
.toogle-checkbox._success .checkbox-control__check-field
{
    background: rgba(var(--succesBg),.16);
    border-color: rgb(var(--succesColor));
}
.toogle-checkbox._success .checkbox-control__checkbox:checked+.checkbox-control__check-field
{
    background-color: rgb(var(--succesBg));
    border-color: rgb(var(--succesColor));
}
.radio-group-control .radio-button
{
    position: relative;
    width: 100%;
    height: 44px;
    z-index: 1;
    overflow: hidden;
    cursor: pointer;
    background: rgb(var(--darkColor200));
    margin-left: 0;
    margin-right: 0;
}
.radio-group-control .radio-button__dot
{
    width: 14px;
    height: 14px;
    background-color: rgb(var(--yellowColor));
    box-shadow: none;
}
.gender-add .radio-group-control .radio-button__dot
{
    background-color: rgb(var(--cta-color));
}
.radio-group-control .radio-button__circle
{
    position: absolute;
    right: 12px;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    background: rgba(var(--black-color),.5);
    border: 1px solid rgba(var(--cta-color),.3);
    margin-right: 0;
    box-shadow: none;
    z-index: 3;
}
html[lang=ar] .radio-group-control .radio-button__circle, html[lang=ar-AE] .radio-group-control .radio-button__circle
{
    right: auto;
    left: 12px;
}
.radio-group-control .radio-button__circle._promo
{
    opacity: 0;
}
.gender-add .radio-group-control .radio-button__circle
{
    border-radius: 50%;
    border: 2px solid rgb(var(--white-color));
    background: none;
}
.radio-group-control .radio-button:hover .radio-button__circle:after
{
    opacity: 1;
    background-color: rgb(var(--lightColor100));
}
.radio-group-control .radio-button__desc
{
    font-size: 16px;
    line-height: 120%;
    color: rgb(var(--white-color));
}
.radio-group-control .radio-button__desc:before
{
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    z-index: -1;
    position: absolute;
    top: 0;
    opacity: 0;
    left: 0;
}
.gender-add .radio-group-control .radio-button__desc:before
{
    background: rgba(var(--tertiary-color),.6);
    border: 1px solid rgba(var(--tertiary-color),.3);
    opacity: 1;
}
.radio-group-control .radio-button__input:checked+.auth-bonus
{
    background: linear-gradient(92.6deg,rgba(var(--cta-color),.1) 0%,rgba(var(--cta-color),.1) 58.73%),rgba(var(--black-color),.5);
    border: 1px solid rgb(var(--cta-color));
}
.radio-group-control .radio-button__input:checked+.auth-bonus .radio-button__circle
{
    background: rgb(var(--cta-color));
}
.radio-group-control .radio-button__input:checked+.auth-bonus .radio-button__circle:before
{
    content: "";
    display: block;
    background-image: url(../../willbetgambling/image/check.544ed67d3c9d2b6c.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
    width: 20px;
    height: 20px;
}
.radio-group-control .radio-button__input:checked+.auth-bonus .radio-button__circle._promocode
{
    display: none;
}
.radio-group-control .radio-button__input:checked+.auth-bonus .radio-button__desc
{
    color: rgb(var(--white-color));
}
.radio-group-control .radio-button__input:checked+.auth-bonus .auth-bonus--icon-color
{
    display: block;
}
.radio-group-control .radio-button__input:checked+.auth-bonus .auth-bonus--icon
{
    background-color: rgb(var(--greenColor100));
}
.radio-group-control .radio-button__input:checked+.auth-bonus .radio-button__dot
{
    visibility: visible;
}
.radio-group-control .radio-button__input:checked~.radio-button__circle
{
    box-shadow: none;
    background: none;
}
.radio-group-control .radio-button__input:checked~label
{
    background: rgb(var(--lightColor200));
    border: 2px solid rgb(var(--lightColor100));
}
.radio-group-control .radio-button__input:checked~.radio-button__desc
{
    color: rgb(var(--white-color));
}
.radio-group-control .radio-button__input:checked~.radio-button__desc:before
{
    opacity: 1;
    background: linear-gradient(92.6deg,rgba(var(--cta-color),.1) 0%,rgba(var(--cta-color),.1) 58.73%,rgba(var(--cta-color),.1) 100%);
    border: 1px solid rgb(var(--cta-color));
    box-shadow: 0 4px 10px 3px rgba(var(--black-color),.11);
}
.radio-group-control .radio-button__input:checked:disabled+.radio-button__circle
{
    border-color: rgb(var(--grey-color));
}
.radio-group-control .radio-button__input:checked:disabled+.radio-button__circle .radio-button__dot
{
    visibility: visible;
    background-color: rgb(var(--grey-color));
}
._warning .radio-group-control .radio-button__circle:hover
{
    border-color: rgb(var(--warning500));
}
._warning .radio-group-control .radio-button__input:checked+.radio-button__circle
{
    border-color: rgb(var(--warning500));
}
._warning .radio-group-control .radio-button__dot
{
    border: 3px solid rgb(var(--basic1100));
    background: rgb(var(--warning500));
}
._warning .checkbox-control__check-field:hover
{
    background: rgba(var(--warning500),.16);
    border-color: rgb(var(--warning500));
}
._warning .checkbox-control__checkbox:checked+.checkbox-control__check-field
{
    background: rgb(var(--warning500));
    border-color: rgb(var(--warning500));
}
._success .radio-group-control .radio-button__circle:hover
{
    border-color: rgb(var(--success500));
}
._success .radio-group-control .radio-button__input:checked+.radio-button__circle
{
    background: transparent;
}
._success .checkbox-control__check-field
{
    width: 20px;
    height: 20px;
    border: 1px solid rgb(var(--cta-color));
    border-radius: 2px;
}
._success .checkbox-control__check-field:hover
{
    border-width: 2px;
}
._success .checkbox-control__checkbox:checked+.checkbox-control__check-field
{
    background: rgb(var(--cta-color));
    border-color: rgb(var(--cta-color));
}
.gender-add .radio-button__input:checked+.radio-button__circle
{
    border: 2px solid rgb(var(--cta-color));
}
.input-number-control__sign
{
    font-size: 28px;
    line-height: 90%;
    width: 28px;
    height: 28px;
    color: rgba(var(--tertiary-color),.9);
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    font-style: normal;
    border: 1px solid transparent;
}
.input-number-control__sign.plus-sign
{
    right: 8px;
}
.input-number-control__sign.minus-sign
{
    left: 8px;
}
@media screen and (min-width: 1280px)
{
    .input-number-control__sign:hover
    {
        background: rgb(var(--light-grey-color));
        color: rgb(var(--black-color));
        border: 1px solid rgba(109,126,132,.1);
        border-radius: 2px;
    }
    .input-number-control__sign:active
    {
        background: none;
        border: none;
        color: rgba(var(--tertiary-color),.59);
    }
}
.input-number-control__input
{
    font-size: 24px;
    line-height: 140%;
    font-weight: 600;
    text-align: center;
    height: 44px;
}
.input-number-control__label
{
    font-size: var(--stb-input-text__placeholder-font-size);
    line-height: var(--stb-input-text__placeholder-line-height);
    font-weight: 500;
    visibility: visible;
    transition: var(--transitionTime);
    color: var(--stb-input-text__placeholder-color);
}
html[lang=ar] .input-number-control__label, html[lang=ar-AE] .input-number-control__label
{
    right: 19px;
    left: auto;
}
.std-input.no-label .input-text-control__label, .std-input.no-label .input-password-control__placeholder, .std-input.no-label .input-text-control__placeholder
{
    display: none;
}
.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, .std-input.has-label .input-number-control__label, .std-input.has-label .input-number-control__placeholder
{
    visibility: visible;
    transition: var(--transitionTime);
    color: rgb(var(--tertiary-color),.9);
    pointer-events: none;
    left: var(--stb-input-text__placeholder-left);
    top: var(--stb-input-text__placeholder-top);
    white-space: nowrap;
}
html[lang=ar] .std-input.has-label .input-text-control__label, html[lang=ar-AE] .std-input.has-label .input-text-control__label, html[lang=ar] .std-input.has-label .input-text-control__placeholder, html[lang=ar-AE] .std-input.has-label .input-text-control__placeholder, html[lang=ar] .std-input.has-label .input-password-control__label, html[lang=ar-AE] .std-input.has-label .input-password-control__label, html[lang=ar] .std-input.has-label .input-password-control__placeholder, html[lang=ar-AE] .std-input.has-label .input-password-control__placeholder, html[lang=ar] .std-input.has-label .input-number-control__label, html[lang=ar-AE] .std-input.has-label .input-number-control__label, html[lang=ar] .std-input.has-label .input-number-control__placeholder, html[lang=ar-AE] .std-input.has-label .input-number-control__placeholder
{
    left: auto;
    right: var(--stb-input-text__placeholder-left);
}
.std-input.has-label :not(:placeholder-shown)+.input-text-control__label, .std-input.has-label :not(:placeholder-shown)+.input-text-control__placeholder, .std-input.has-label :not(:placeholder-shown)+.input-password-control__label-group, .std-input.has-label :not(:placeholder-shown)+.input-password-control__placeholder, .std-input.has-label :not(:placeholder-shown)+.input-number-control__placeholder
{
    top: 6px;
    font-size: 8px;
    font-weight: 700;
}
.ng-valid .std-input.has-label :not(:placeholder-shown)+.input-text-control__label, .ng-valid .std-input.has-label :not(:placeholder-shown)+.input-text-control__placeholder, .ng-valid .std-input.has-label :not(:placeholder-shown)+.input-password-control__label-group, .ng-valid .std-input.has-label :not(:placeholder-shown)+.input-password-control__placeholder, .ng-valid .std-input.has-label :not(:placeholder-shown)+.input-number-control__placeholder
{
    color: rgba(var(--tertiary-color),.3);
}
.std-input svg
{
    color: rgb(var(--lightColor));
    pointer-events: none;
}
.stb-select.has-icon-left .select-control__button
{
    padding-left: 25px;
}
.stb-select.has-icon-right .select-control__button
{
    padding-right: 25px;
}
.stb-select.has-icon .select-control__button .prefix
{
    left: var(--stb-input-text__icon-text-left);
    pointer-events: none;
}
.stb-select.has-icon .select-control__button .suffix
{
    right: var(--stb-input-text__icon-text-right);
    pointer-events: none;
}
.stb-select._has-label._currency .selected .select-control__selected-option
{
    position: static;
}
.stb-select._has-label._currency .selected .select-control__button
{
    display: flex;
    align-items: center;
}
.stb-select._has-label .select-control__placeholder
{
    top: 17px;
}
.stb-select._has-label .select-control__button
{
    height: 50px;
}
.stb-select._has-label .select-control__button.selected
{
    padding: 23px 19px 10px;
}
.stb-select._has-label .select-control__button.selected .select-control__placeholder
{
    position: absolute;
    top: 9px;
    left: 19px;
    display: inline-block;
    font-weight: 700;
    font-size: 8px;
    line-height: 140%;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: rgba(var(--tertiary-color),.6);
}
html[lang=ar] .stb-select._has-label .select-control__button.selected .select-control__placeholder, html[lang=ar-AE] .stb-select._has-label .select-control__button.selected .select-control__placeholder
{
    right: 19px;
    text-align: right;
}
.stb-select._has-label .select-control.show-list .select-control__button
{
    height: 50px;
}
.stb-select svg
{
    color: rgb(var(--grey-color100));
    pointer-events: none;
}
.select--flag
{
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
}
.select .select-control__button:disabled
{
    color: rgb(var(--textColorHint));
}
.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
{
    font-size: 8px;
}
.select-control__button
{
    height: 44px;
    border-radius: 2px;
    color: rgb(var(--black-color));
    background: rgb(var(--white-color));
    border: 1px solid rgba(var(--white-color),.2);
}
html[lang=ar] .select-control__button, html[lang=ar-AE] .select-control__button
{
    text-align: right;
}
.select-control__button:hover
{
    background: rgb(var(--light-grey-color));
    color: rgba(var(--tertiary-color),.9);
}
.select-control__button:hover .select-control__placeholder
{
    color: rgba(var(--tertiary-color),.9);
}
.select-control__button:disabled, .select-control__button.disabled
{
    cursor: not-allowed;
    background-color: rgb(var(--grey-600));
    color: rgba(var(--tertiary-color),.9);
}
html[lang=ar] .select-control__button.selected, html[lang=ar-AE] .select-control__button.selected
{
    padding: 20px 16px 12px 44px;
}
.select-control__button .arrow
{
    color: rgba(var(--tertiary-color),.9);
}
._disabled .select-control__button .arrow
{
    color: rgba(var(--tertiary-color),.5);
}
.select-control__button .prefix
{
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
}
.select-control__button:focus
{
    background: rgb(var(--light-grey-color));
    color: rgba(var(--tertiary-color),.9);
}
.select-control__button.selected .provider--image
{
    filter: var(--filter000000) var(--filterEBB988);
}
.select-control__button__button-icon
{
    width: 12px;
}
html[lang=ar] .select-control__button-icon, html[lang=ar-AE] .select-control__button-icon
{
    right: auto;
    left: 16px;
}
.select-control__selected-option
{
    position: absolute;
    top: 11px;
}
._disabled .select-control__selected-option
{
    color: rgba(var(--tertiary-color),.3);
}
.select-control__placeholder
{
    transition: var(--transitionTime);
    left: 16px;
    top: 13px;
    color: rgb(var(--black-color));
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .03em;
}
.select-control__placeholder:lang(ar), .select-control__placeholder:lang(ar-AE)
{
    left: auto;
    right: 16px;
}
.selected .select-control__placeholder
{
    display: none;
}
.select-control__list-wrap
{
    display: none;
    padding-inline: 0 10px;
    width: 100%;
    position: absolute;
    right: 0;
    top: calc(100% - 2px);
    background-color: rgb(var(--light-grey-color));
    border: 1px solid rgba(var(--white-color),.3);
    border-radius: 2px;
    z-index: 6;
}
.select-control__list
{
    position: static;
    background: none;
    width: 100%;
    border: 0;
}
.select-control__list::-webkit-scrollbar
{
    width: 5px;
    background-color: rgb(var(--greenColor100));
    visibility: visible;
}
.select-control__list::-webkit-scrollbar-thumb
{
    background: rgb(var(--white-color));
    visibility: visible;
    height: 40px;
}
.select-control__list::-webkit-scrollbar-track
{
    visibility: visible;
    background: rgba(var(--white-color),.21);
}
.select-control__list-item
{
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
    height: auto;
    color: rgba(var(--tertiary-color),.9);
    background-color: transparent;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-inline: 16px 0;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: transparent;
}
.select-control__list-item:lang(ar), .select-control__list-item:lang(ar-AE)
{
    text-align: right;
}
.select-control__list-item:hover
{
    color: rgb(var(--black-color));
    background: linear-gradient(90deg,rgba(var(--white-color),.6) 68.18%,rgba(var(--white-color),0) 100%);
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: rgba(var(--white-color),.3);
}
.select-control__list-item:hover .provider--image
{
    filter: var(--filter000000) var(--filterEBB988);
}
.select-control__list-item:disabled
{
    color: rgb(var(--disabledColor));
    background-color: transparent;
    pointer-events: none;
}
.select-control__list-item:last-of-type
{
    border-radius: 0;
}
.select-control__list-item.active
{
    color: rgb(var(--black-color));
    background-color: transparent;
}
.select-control__list-item.active .provider--image
{
    filter: var(--filter000000) var(--filterEBB988);
}
.select-control__list-item:is(div)
{
    color: rgba(var(--tertiary-color),.59);
    opacity: .9;
    padding-bottom: 40px;
}
.select-control__list-item:is(div):hover
{
    background: none;
    color: rgba(var(--tertiary-color),.59);
}
.select-control.show-list .select-control__button
{
    height: 44px;
    background: rgb(var(--light-grey-color));
    border-bottom: none;
    border-radius: 2px 2px 0 0;
    color: rgba(var(--tertiary-color),.9);
}
.select-control.show-list .select-control__button--icon
{
    right: 20px;
}
.select-control.show-list .select-control__button .arrow
{
    top: calc(50% - 1px);
    transform: translateY(-50%) rotate(-180deg);
}
.select-control.show-list .select-control__search-wrap
{
    padding-inline: 16px 0;
    margin-bottom: 16px;
}
.select-control.show-list .select-control__list-wrap
{
    display: block;
    background: rgb(var(--light-grey-color));
    border-radius: 0 0 2px 2px;
    border-top: none;
}
.select-control.show-list .select-control__search-icon--prefix
{
    left: 33px;
    top: 50%;
    transform: translateY(-50%);
    align-items: center;
    color: rgba(var(--tertiary-color),.9);
}
html[lang=ar] .select-control.show-list .select-control__search-icon--prefix, html[lang=ar-AE] .select-control.show-list .select-control__search-icon--prefix
{
    left: auto;
    right: 33px;
}
.select-control.show-list .select-control__search-icon
{
    align-items: center;
}
.select-control.show-list .select-control__search-input
{
    padding: 15px 15px 15px 48px;
    padding-inline: 48px 15px;
}
.select-control.show-list .select-control__search-icon--postfix
{
    right: 10px;
}
html[lang=ar] .select-control.show-list .select-control__search-icon--postfix, html[lang=ar-AE] .select-control.show-list .select-control__search-icon--postfix
{
    right: auto;
    left: 10px;
}
.select-control.show-list .select-control__list
{
    display: grid;
}
.input-number-control__input
{
    padding-top: 0;
    padding-bottom: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    background: rgb(var(--white-color));
    letter-spacing: .03em;
    color: rgb(var(--black-color));
    text-align: left;
}
._has-label .input-number-control__input
{
    padding: 23px 19px 10px;
    height: 50px;
}
._has-label .input-number-control__label
{
    position: absolute;
    top: 9px;
    left: 19px;
    display: inline-block;
    font-weight: 700;
    font-size: 8px;
    line-height: 140%;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: rgba(var(--tertiary-color),.6);
}
.input-number-control__prefix, .input-number-control__suffix
{
    display: none;
}
@keyframes show-animation
{
    0%
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
.custom-tabs
{
    text-align: center;
}
.custom-tabs .tab-group
{
    position: relative;
    z-index: 5;
}
.custom-tabs .tab-group--body
{
    width: 100%;
    animation: .6s show-animation forwards ease-in-out;
}
.custom-tabs .tab-group__header
{
    justify-content: center;
    display: flex;
}
.custom-tabs .tab-group--item:focus
{
    outline: none;
}
.custom-tabs .tab-group__tab
{
    font-size: 12px;
    line-height: 100%;
    font-weight: 400;
    background-color: rgba(var(--tertiary-color),.59);
    transition: background-color var(--transitionTime);
    border-bottom: 1px solid rgba(var(--white-color),.3);
    padding: 12px 24px;
    border-radius: 2px;
    width: auto;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    letter-spacing: .05em;
    cursor: pointer;
}
@media screen and (min-width: 1024px)
{
    .custom-tabs .tab-group__tab:hover
    {
        background-color: rgba(var(--tertiary-color),.9);
    }
}
@media screen and (min-width: 1280px)
{
    .custom-tabs .tab-group__tab
    {
        padding: 16px 35px;
        font-size: 12px;
        white-space: pre-wrap;
    }
}
.custom-tabs .tab-group__tab.active
{
    background-color: rgba(var(--blue-color),.15);
    color: rgb(var(--blue-color));
    border-bottom: 1px solid rgb(var(--blue-color));
    pointer-events: none;
}
.custom-tabs .tab-group__tab:focus
{
    outline: none;
}
:root
{
    --succesColor: rgba(0,255,87,.5);
    --warningColor: rgba(var(--cta-color),.5);
    --errorColor: #ff4949;
    --infoColor: rgba(var(--blue-color),.5);
}
.notification
{
    font-size: 14px;
    line-height: 140%;
    font-weight: 500;
    width: 288px;
    min-height: 68px;
    padding: 18px 48px 18px 16px;
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 2px;
    margin-bottom: 12px;
    z-index: 2;
    background-color: rgb(var(--dark-light-bg));
    border: 1px solid rgba(var(--white-color),.1);
}
@media screen and (min-width: 360px)
{
    .notification
    {
        width: 344px;
    }
}
.notification--wrap
{
    margin: auto 0;
}
.notification--image
{
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-right: 12px;
}
.notification--image .icon
{
    position: relative;
    top: auto;
    left: auto;
    width: 32px;
    height: 32px;
    z-index: 1;
}
.notification--image._success-img
{
    color: var(--succesColor);
}
.notification--image._error-img
{
    color: var(--errorColor);
}
.notification--image._info-img
{
    color: var(--infoColor);
}
.notification--image._warning-img
{
    color: var(--warningColor);
}
.notification--arrow svg
{
    left: 0;
}
.notification--container
{
    padding-right: 16px;
    display: flex;
    align-items: center;
}
.notification--code
{
    font-size: 14px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.notification--title
{
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    display: inline;
    margin-right: 5px;
}
.notification--title._success-color
{
    color: var(--succesColor);
}
.notification--title._warning-color
{
    color: var(--warningColor);
}
.notification--title._error-color
{
    color: var(--errorColor);
}
.notification--title._info-color
{
    color: var(--infoColor);
}
.notification--text
{
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    display: inline;
}
.notification .closeBtn
{
    position: absolute;
    top: 18px;
    right: 18px;
    width: 32px;
    height: 32px;
    left: auto;
    text-indent: -9999px;
    background-position: center;
    background-image: url(../../willbetgambling/image/close-round.svg);
    background-repeat: no-repeat;
    background-size: 14px;
    transition: transform var(--transitionTime) ease;
    filter: brightness(0) invert(1);
}
.aspect-ratio-box
{
    display: grid;
    grid-template-columns: 1fr;
}
.aspect-ratio-box>[style^=--aspect-ratio]
{
    display: flex;
}
.aspect-ratio-box>[style^=--aspect-ratio]:before
{
    content: "";
    display: inline-block;
    padding-bottom: calc(100% / (var(--aspect-ratio)));
}