html {
    --mat-sys-on-surface: initial
}

.mat-app-background {
    background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
    color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit))
}

.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
    box-shadow: var(--mat-app-elevation-shadow-level-0, none)
}

.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
    box-shadow: var(--mat-app-elevation-shadow-level-1, none)
}

.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
    box-shadow: var(--mat-app-elevation-shadow-level-2, none)
}

.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
    box-shadow: var(--mat-app-elevation-shadow-level-3, none)
}

.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
    box-shadow: var(--mat-app-elevation-shadow-level-4, none)
}

.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
    box-shadow: var(--mat-app-elevation-shadow-level-5, none)
}

.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
    box-shadow: var(--mat-app-elevation-shadow-level-6, none)
}

.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
    box-shadow: var(--mat-app-elevation-shadow-level-7, none)
}

.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
    box-shadow: var(--mat-app-elevation-shadow-level-8, none)
}

.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
    box-shadow: var(--mat-app-elevation-shadow-level-9, none)
}

.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
    box-shadow: var(--mat-app-elevation-shadow-level-10, none)
}

.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
    box-shadow: var(--mat-app-elevation-shadow-level-11, none)
}

.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
    box-shadow: var(--mat-app-elevation-shadow-level-12, none)
}

.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
    box-shadow: var(--mat-app-elevation-shadow-level-13, none)
}

.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
    box-shadow: var(--mat-app-elevation-shadow-level-14, none)
}

.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
    box-shadow: var(--mat-app-elevation-shadow-level-15, none)
}

.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
    box-shadow: var(--mat-app-elevation-shadow-level-16, none)
}

.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
    box-shadow: var(--mat-app-elevation-shadow-level-17, none)
}

.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
    box-shadow: var(--mat-app-elevation-shadow-level-18, none)
}

.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
    box-shadow: var(--mat-app-elevation-shadow-level-19, none)
}

.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
    box-shadow: var(--mat-app-elevation-shadow-level-20, none)
}

.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
    box-shadow: var(--mat-app-elevation-shadow-level-21, none)
}

.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
    box-shadow: var(--mat-app-elevation-shadow-level-22, none)
}

.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
    box-shadow: var(--mat-app-elevation-shadow-level-23, none)
}

.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
    box-shadow: var(--mat-app-elevation-shadow-level-24, none)
}

html {
    --mat-ripple-color: rgba(0, 0, 0, .1)
}

html {
    --mat-option-selected-state-label-text-color: #673ab7;
    --mat-option-label-text-color: rgba(0, 0, 0, .87);
    --mat-option-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-option-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-option-selected-state-layer-color: rgba(0, 0, 0, .04)
}

.mat-accent {
    --mat-option-selected-state-label-text-color: #ffd740;
    --mat-option-label-text-color: rgba(0, 0, 0, .87);
    --mat-option-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-option-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-option-selected-state-layer-color: rgba(0, 0, 0, .04)
}

.mat-warn {
    --mat-option-selected-state-label-text-color: #f44336;
    --mat-option-label-text-color: rgba(0, 0, 0, .87);
    --mat-option-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-option-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-option-selected-state-layer-color: rgba(0, 0, 0, .04)
}

html {
    --mat-optgroup-label-text-color: rgba(0, 0, 0, .87)
}

html {
    --mat-full-pseudo-checkbox-selected-icon-color: #ffd740;
    --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
    --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
    --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
    --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0
}

html {
    --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ffd740;
    --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0
}

.mat-primary {
    --mat-full-pseudo-checkbox-selected-icon-color: #673ab7;
    --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
    --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
    --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
    --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0
}

.mat-primary {
    --mat-minimal-pseudo-checkbox-selected-checkmark-color: #673ab7;
    --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0
}

.mat-accent {
    --mat-full-pseudo-checkbox-selected-icon-color: #ffd740;
    --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
    --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
    --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
    --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0
}

.mat-accent {
    --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ffd740;
    --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0
}

.mat-warn {
    --mat-full-pseudo-checkbox-selected-icon-color: #f44336;
    --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
    --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
    --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
    --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0
}

.mat-warn {
    --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;
    --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0
}

html {
    --mat-app-background-color: #fafafa;
    --mat-app-text-color: rgba(0, 0, 0, .87);
    --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 5px 8px 0px rgba(0, 0, 0, .14), 0px 1px 14px 0px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, .2), 0px 7px 10px 1px rgba(0, 0, 0, .14), 0px 2px 16px 1px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, .2), 0px 9px 12px 1px rgba(0, 0, 0, .14), 0px 3px 16px 2px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, .2), 0px 10px 14px 1px rgba(0, 0, 0, .14), 0px 4px 18px 3px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, .2), 0px 11px 15px 1px rgba(0, 0, 0, .14), 0px 4px 20px 3px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 13px 19px 2px rgba(0, 0, 0, .14), 0px 5px 24px 4px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, .2), 0px 14px 21px 2px rgba(0, 0, 0, .14), 0px 5px 26px 4px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, .2), 0px 15px 22px 2px rgba(0, 0, 0, .14), 0px 6px 28px 5px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, .2), 0px 17px 26px 2px rgba(0, 0, 0, .14), 0px 6px 32px 5px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, .2), 0px 18px 28px 2px rgba(0, 0, 0, .14), 0px 7px 34px 6px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, .2), 0px 19px 29px 2px rgba(0, 0, 0, .14), 0px 7px 36px 6px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 20px 31px 3px rgba(0, 0, 0, .14), 0px 8px 38px 7px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 21px 33px 3px rgba(0, 0, 0, .14), 0px 8px 40px 7px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, .2), 0px 22px 35px 3px rgba(0, 0, 0, .14), 0px 8px 42px 7px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, .2), 0px 23px 36px 3px rgba(0, 0, 0, .14), 0px 9px 44px 8px rgba(0, 0, 0, .12);
    --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12)
}

html {
    --mat-option-label-text-font: Roboto, sans-serif;
    --mat-option-label-text-line-height: 24px;
    --mat-option-label-text-size: 16px;
    --mat-option-label-text-tracking: .03125em;
    --mat-option-label-text-weight: 400
}

html {
    --mat-optgroup-label-text-font: Roboto, sans-serif;
    --mat-optgroup-label-text-line-height: 24px;
    --mat-optgroup-label-text-size: 16px;
    --mat-optgroup-label-text-tracking: .03125em;
    --mat-optgroup-label-text-weight: 400
}

html {
    --mdc-elevated-card-container-shape: 4px
}

html {
    --mdc-outlined-card-container-shape: 4px;
    --mdc-outlined-card-outline-width: 1px
}

html {
    --mdc-elevated-card-container-color: white;
    --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12)
}

html {
    --mdc-outlined-card-container-color: white;
    --mdc-outlined-card-outline-color: rgba(0, 0, 0, .12);
    --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12)
}

html {
    --mat-card-subtitle-text-color: rgba(0, 0, 0, .54)
}

html {
    --mat-card-title-text-font: Roboto, sans-serif;
    --mat-card-title-text-line-height: 32px;
    --mat-card-title-text-size: 20px;
    --mat-card-title-text-tracking: .0125em;
    --mat-card-title-text-weight: 500;
    --mat-card-subtitle-text-font: Roboto, sans-serif;
    --mat-card-subtitle-text-line-height: 22px;
    --mat-card-subtitle-text-size: 14px;
    --mat-card-subtitle-text-tracking: .0071428571em;
    --mat-card-subtitle-text-weight: 500
}

html {
    --mdc-linear-progress-active-indicator-height: 4px;
    --mdc-linear-progress-track-height: 4px;
    --mdc-linear-progress-track-shape: 0
}

.mat-mdc-progress-bar {
    --mdc-linear-progress-active-indicator-color: #673ab7;
    --mdc-linear-progress-track-color: rgba(103, 58, 183, .25)
}

.mat-mdc-progress-bar.mat-accent {
    --mdc-linear-progress-active-indicator-color: #ffd740;
    --mdc-linear-progress-track-color: rgba(255, 215, 64, .25)
}

.mat-mdc-progress-bar.mat-warn {
    --mdc-linear-progress-active-indicator-color: #f44336;
    --mdc-linear-progress-track-color: rgba(244, 67, 54, .25)
}

html {
    --mdc-plain-tooltip-container-shape: 4px;
    --mdc-plain-tooltip-supporting-text-line-height: 16px
}

html {
    --mdc-plain-tooltip-container-color: #616161;
    --mdc-plain-tooltip-supporting-text-color: #fff
}

html {
    --mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;
    --mdc-plain-tooltip-supporting-text-size: 12px;
    --mdc-plain-tooltip-supporting-text-weight: 400;
    --mdc-plain-tooltip-supporting-text-tracking: .0333333333em
}

html {
    --mdc-filled-text-field-active-indicator-height: 1px;
    --mdc-filled-text-field-focus-active-indicator-height: 2px;
    --mdc-filled-text-field-container-shape: 4px
}

html {
    --mdc-outlined-text-field-outline-width: 1px;
    --mdc-outlined-text-field-focus-outline-width: 2px;
    --mdc-outlined-text-field-container-shape: 4px
}

html {
    --mdc-filled-text-field-caret-color: #673ab7;
    --mdc-filled-text-field-focus-active-indicator-color: #673ab7;
    --mdc-filled-text-field-focus-label-text-color: rgba(103, 58, 183, .87);
    --mdc-filled-text-field-container-color: rgb(244.8, 244.8, 244.8);
    --mdc-filled-text-field-disabled-container-color: rgb(249.9, 249.9, 249.9);
    --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, .6);
    --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, .6);
    --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, .87);
    --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);
    --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, .6);
    --mdc-filled-text-field-error-hover-label-text-color: #f44336;
    --mdc-filled-text-field-error-focus-label-text-color: #f44336;
    --mdc-filled-text-field-error-label-text-color: #f44336;
    --mdc-filled-text-field-error-caret-color: #f44336;
    --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, .42);
    --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, .06);
    --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, .87);
    --mdc-filled-text-field-error-active-indicator-color: #f44336;
    --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
    --mdc-filled-text-field-error-hover-active-indicator-color: #f44336
}

html {
    --mdc-outlined-text-field-caret-color: #673ab7;
    --mdc-outlined-text-field-focus-outline-color: #673ab7;
    --mdc-outlined-text-field-focus-label-text-color: rgba(103, 58, 183, .87);
    --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, .6);
    --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, .6);
    --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, .87);
    --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, .6);
    --mdc-outlined-text-field-error-caret-color: #f44336;
    --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
    --mdc-outlined-text-field-error-label-text-color: #f44336;
    --mdc-outlined-text-field-error-hover-label-text-color: #f44336;
    --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, .38);
    --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, .06);
    --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, .87);
    --mdc-outlined-text-field-error-focus-outline-color: #f44336;
    --mdc-outlined-text-field-error-hover-outline-color: #f44336;
    --mdc-outlined-text-field-error-outline-color: #f44336
}

html {
    --mat-form-field-focus-select-arrow-color: rgba(103, 58, 183, .87);
    --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, .38);
    --mat-form-field-state-layer-color: rgba(0, 0, 0, .87);
    --mat-form-field-error-text-color: #f44336;
    --mat-form-field-select-option-text-color: inherit;
    --mat-form-field-select-disabled-option-text-color: GrayText;
    --mat-form-field-leading-icon-color: unset;
    --mat-form-field-disabled-leading-icon-color: unset;
    --mat-form-field-trailing-icon-color: unset;
    --mat-form-field-disabled-trailing-icon-color: unset;
    --mat-form-field-error-focus-trailing-icon-color: unset;
    --mat-form-field-error-hover-trailing-icon-color: unset;
    --mat-form-field-error-trailing-icon-color: unset;
    --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, .54);
    --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, .38);
    --mat-form-field-hover-state-layer-opacity: .04;
    --mat-form-field-focus-state-layer-opacity: .08
}

.mat-mdc-form-field.mat-accent {
    --mdc-filled-text-field-caret-color: #ffd740;
    --mdc-filled-text-field-focus-active-indicator-color: #ffd740;
    --mdc-filled-text-field-focus-label-text-color: rgba(255, 215, 64, .87)
}

.mat-mdc-form-field.mat-accent {
    --mdc-outlined-text-field-caret-color: #ffd740;
    --mdc-outlined-text-field-focus-outline-color: #ffd740;
    --mdc-outlined-text-field-focus-label-text-color: rgba(255, 215, 64, .87)
}

.mat-mdc-form-field.mat-accent {
    --mat-form-field-focus-select-arrow-color: rgba(255, 215, 64, .87)
}

.mat-mdc-form-field.mat-warn {
    --mdc-filled-text-field-caret-color: #f44336;
    --mdc-filled-text-field-focus-active-indicator-color: #f44336;
    --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, .87)
}

.mat-mdc-form-field.mat-warn {
    --mdc-outlined-text-field-caret-color: #f44336;
    --mdc-outlined-text-field-focus-outline-color: #f44336;
    --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, .87)
}

.mat-mdc-form-field.mat-warn {
    --mat-form-field-focus-select-arrow-color: rgba(244, 67, 54, .87)
}

html {
    --mat-form-field-container-height: 56px;
    --mat-form-field-filled-label-display: block;
    --mat-form-field-container-vertical-padding: 16px;
    --mat-form-field-filled-with-label-container-padding-top: 24px;
    --mat-form-field-filled-with-label-container-padding-bottom: 8px
}

html {
    --mdc-filled-text-field-label-text-font: Roboto, sans-serif;
    --mdc-filled-text-field-label-text-size: 16px;
    --mdc-filled-text-field-label-text-tracking: .03125em;
    --mdc-filled-text-field-label-text-weight: 400
}

html {
    --mdc-outlined-text-field-label-text-font: Roboto, sans-serif;
    --mdc-outlined-text-field-label-text-size: 16px;
    --mdc-outlined-text-field-label-text-tracking: .03125em;
    --mdc-outlined-text-field-label-text-weight: 400
}

html {
    --mat-form-field-container-text-font: Roboto, sans-serif;
    --mat-form-field-container-text-line-height: 24px;
    --mat-form-field-container-text-size: 16px;
    --mat-form-field-container-text-tracking: .03125em;
    --mat-form-field-container-text-weight: 400;
    --mat-form-field-outlined-label-text-populated-size: 16px;
    --mat-form-field-subscript-text-font: Roboto, sans-serif;
    --mat-form-field-subscript-text-line-height: 20px;
    --mat-form-field-subscript-text-size: 12px;
    --mat-form-field-subscript-text-tracking: .0333333333em;
    --mat-form-field-subscript-text-weight: 400
}

html {
    --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)
}

html {
    --mat-select-panel-background-color: white;
    --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);
    --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);
    --mat-select-placeholder-text-color: rgba(0, 0, 0, .6);
    --mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);
    --mat-select-disabled-arrow-color: rgba(0, 0, 0, .38);
    --mat-select-focused-arrow-color: rgba(103, 58, 183, .87);
    --mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)
}

html .mat-mdc-form-field.mat-accent {
    --mat-select-panel-background-color: white;
    --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);
    --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);
    --mat-select-placeholder-text-color: rgba(0, 0, 0, .6);
    --mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);
    --mat-select-disabled-arrow-color: rgba(0, 0, 0, .38);
    --mat-select-focused-arrow-color: rgba(255, 215, 64, .87);
    --mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)
}

html .mat-mdc-form-field.mat-warn {
    --mat-select-panel-background-color: white;
    --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);
    --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);
    --mat-select-placeholder-text-color: rgba(0, 0, 0, .6);
    --mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);
    --mat-select-disabled-arrow-color: rgba(0, 0, 0, .38);
    --mat-select-focused-arrow-color: rgba(244, 67, 54, .87);
    --mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)
}

html {
    --mat-select-arrow-transform: translateY(-8px)
}

html {
    --mat-select-trigger-text-font: Roboto, sans-serif;
    --mat-select-trigger-text-line-height: 24px;
    --mat-select-trigger-text-size: 16px;
    --mat-select-trigger-text-tracking: .03125em;
    --mat-select-trigger-text-weight: 400
}

html {
    --mat-autocomplete-container-shape: 4px;
    --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)
}

html {
    --mat-autocomplete-background-color: white
}

html {
    --mdc-dialog-container-shape: 4px
}

html {
    --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);
    --mat-dialog-container-max-width: 80vw;
    --mat-dialog-container-small-max-width: 80vw;
    --mat-dialog-container-min-width: 0;
    --mat-dialog-actions-alignment: start;
    --mat-dialog-actions-padding: 8px;
    --mat-dialog-content-padding: 20px 24px;
    --mat-dialog-with-actions-content-padding: 20px 24px;
    --mat-dialog-headline-padding: 0 24px 9px
}

html {
    --mdc-dialog-container-color: white;
    --mdc-dialog-subhead-color: rgba(0, 0, 0, .87);
    --mdc-dialog-supporting-text-color: rgba(0, 0, 0, .6)
}

html {
    --mdc-dialog-subhead-font: Roboto, sans-serif;
    --mdc-dialog-subhead-line-height: 32px;
    --mdc-dialog-subhead-size: 20px;
    --mdc-dialog-subhead-weight: 500;
    --mdc-dialog-subhead-tracking: .0125em;
    --mdc-dialog-supporting-text-font: Roboto, sans-serif;
    --mdc-dialog-supporting-text-line-height: 24px;
    --mdc-dialog-supporting-text-size: 16px;
    --mdc-dialog-supporting-text-weight: 400;
    --mdc-dialog-supporting-text-tracking: .03125em
}

.mat-mdc-standard-chip {
    --mdc-chip-container-shape-radius: 16px;
    --mdc-chip-with-avatar-avatar-shape-radius: 14px;
    --mdc-chip-with-avatar-avatar-size: 28px;
    --mdc-chip-with-icon-icon-size: 18px;
    --mdc-chip-outline-width: 0;
    --mdc-chip-outline-color: transparent;
    --mdc-chip-disabled-outline-color: transparent;
    --mdc-chip-focus-outline-color: transparent;
    --mdc-chip-hover-state-layer-opacity: .04;
    --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
    --mdc-chip-flat-selected-outline-width: 0;
    --mdc-chip-selected-hover-state-layer-opacity: .04;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
    --mdc-chip-with-icon-disabled-icon-opacity: 1
}

.mat-mdc-standard-chip {
    --mat-chip-disabled-container-opacity: .4;
    --mat-chip-trailing-action-opacity: .54;
    --mat-chip-trailing-action-focus-opacity: 1;
    --mat-chip-trailing-action-state-layer-color: transparent;
    --mat-chip-selected-trailing-action-state-layer-color: transparent;
    --mat-chip-trailing-action-hover-state-layer-opacity: 0;
    --mat-chip-trailing-action-focus-state-layer-opacity: 0
}

.mat-mdc-standard-chip {
    --mdc-chip-disabled-label-text-color: #212121;
    --mdc-chip-elevated-container-color: rgb(224.4, 224.4, 224.4);
    --mdc-chip-elevated-selected-container-color: rgb(224.4, 224.4, 224.4);
    --mdc-chip-elevated-disabled-container-color: rgb(224.4, 224.4, 224.4);
    --mdc-chip-flat-disabled-selected-container-color: rgb(224.4, 224.4, 224.4);
    --mdc-chip-focus-state-layer-color: black;
    --mdc-chip-hover-state-layer-color: black;
    --mdc-chip-selected-hover-state-layer-color: black;
    --mdc-chip-focus-state-layer-opacity: .12;
    --mdc-chip-selected-focus-state-layer-color: black;
    --mdc-chip-selected-focus-state-layer-opacity: .12;
    --mdc-chip-label-text-color: #212121;
    --mdc-chip-selected-label-text-color: #212121;
    --mdc-chip-with-icon-icon-color: #212121;
    --mdc-chip-with-icon-disabled-icon-color: #212121;
    --mdc-chip-with-icon-selected-icon-color: #212121;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
    --mdc-chip-with-trailing-icon-trailing-icon-color: #212121
}

.mat-mdc-standard-chip {
    --mat-chip-selected-disabled-trailing-icon-color: #212121;
    --mat-chip-selected-trailing-icon-color: #212121
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
    --mdc-chip-disabled-label-text-color: white;
    --mdc-chip-elevated-container-color: #673ab7;
    --mdc-chip-elevated-selected-container-color: #673ab7;
    --mdc-chip-elevated-disabled-container-color: #673ab7;
    --mdc-chip-flat-disabled-selected-container-color: #673ab7;
    --mdc-chip-focus-state-layer-color: black;
    --mdc-chip-hover-state-layer-color: black;
    --mdc-chip-selected-hover-state-layer-color: black;
    --mdc-chip-focus-state-layer-opacity: .12;
    --mdc-chip-selected-focus-state-layer-color: black;
    --mdc-chip-selected-focus-state-layer-opacity: .12;
    --mdc-chip-label-text-color: white;
    --mdc-chip-selected-label-text-color: white;
    --mdc-chip-with-icon-icon-color: white;
    --mdc-chip-with-icon-disabled-icon-color: white;
    --mdc-chip-with-icon-selected-icon-color: white;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mdc-chip-with-trailing-icon-trailing-icon-color: white
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
    --mat-chip-selected-disabled-trailing-icon-color: white;
    --mat-chip-selected-trailing-icon-color: white
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
    --mdc-chip-disabled-label-text-color: rgba(0, 0, 0, .87);
    --mdc-chip-elevated-container-color: #ffd740;
    --mdc-chip-elevated-selected-container-color: #ffd740;
    --mdc-chip-elevated-disabled-container-color: #ffd740;
    --mdc-chip-flat-disabled-selected-container-color: #ffd740;
    --mdc-chip-focus-state-layer-color: black;
    --mdc-chip-hover-state-layer-color: black;
    --mdc-chip-selected-hover-state-layer-color: black;
    --mdc-chip-focus-state-layer-opacity: .12;
    --mdc-chip-selected-focus-state-layer-color: black;
    --mdc-chip-selected-focus-state-layer-opacity: .12;
    --mdc-chip-label-text-color: rgba(0, 0, 0, .87);
    --mdc-chip-selected-label-text-color: rgba(0, 0, 0, .87);
    --mdc-chip-with-icon-icon-color: rgba(0, 0, 0, .87);
    --mdc-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, .87);
    --mdc-chip-with-icon-selected-icon-color: rgba(0, 0, 0, .87);
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, .87);
    --mdc-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, .87)
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
    --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, .87);
    --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, .87)
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
    --mdc-chip-disabled-label-text-color: white;
    --mdc-chip-elevated-container-color: #f44336;
    --mdc-chip-elevated-selected-container-color: #f44336;
    --mdc-chip-elevated-disabled-container-color: #f44336;
    --mdc-chip-flat-disabled-selected-container-color: #f44336;
    --mdc-chip-focus-state-layer-color: black;
    --mdc-chip-hover-state-layer-color: black;
    --mdc-chip-selected-hover-state-layer-color: black;
    --mdc-chip-focus-state-layer-opacity: .12;
    --mdc-chip-selected-focus-state-layer-color: black;
    --mdc-chip-selected-focus-state-layer-opacity: .12;
    --mdc-chip-label-text-color: white;
    --mdc-chip-selected-label-text-color: white;
    --mdc-chip-with-icon-icon-color: white;
    --mdc-chip-with-icon-disabled-icon-color: white;
    --mdc-chip-with-icon-selected-icon-color: white;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mdc-chip-with-trailing-icon-trailing-icon-color: white
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
    --mat-chip-selected-disabled-trailing-icon-color: white;
    --mat-chip-selected-trailing-icon-color: white
}

.mat-mdc-chip.mat-mdc-standard-chip {
    --mdc-chip-container-height: 32px
}

.mat-mdc-standard-chip {
    --mdc-chip-label-text-font: Roboto, sans-serif;
    --mdc-chip-label-text-line-height: 20px;
    --mdc-chip-label-text-size: 14px;
    --mdc-chip-label-text-tracking: .0178571429em;
    --mdc-chip-label-text-weight: 400
}

html {
    --mdc-switch-disabled-selected-icon-opacity: .38;
    --mdc-switch-disabled-track-opacity: .12;
    --mdc-switch-disabled-unselected-icon-opacity: .38;
    --mdc-switch-handle-height: 20px;
    --mdc-switch-handle-shape: 10px;
    --mdc-switch-handle-width: 20px;
    --mdc-switch-selected-icon-size: 18px;
    --mdc-switch-track-height: 14px;
    --mdc-switch-track-shape: 7px;
    --mdc-switch-track-width: 36px;
    --mdc-switch-unselected-icon-size: 18px;
    --mdc-switch-selected-focus-state-layer-opacity: .12;
    --mdc-switch-selected-hover-state-layer-opacity: .04;
    --mdc-switch-selected-pressed-state-layer-opacity: .1;
    --mdc-switch-unselected-focus-state-layer-opacity: .12;
    --mdc-switch-unselected-hover-state-layer-opacity: .04;
    --mdc-switch-unselected-pressed-state-layer-opacity: .1
}

html .mat-mdc-slide-toggle {
    --mat-switch-disabled-selected-handle-opacity: .38;
    --mat-switch-disabled-unselected-handle-opacity: .38;
    --mat-switch-unselected-handle-size: 20px;
    --mat-switch-selected-handle-size: 20px;
    --mat-switch-pressed-handle-size: 20px;
    --mat-switch-with-icon-handle-size: 20px;
    --mat-switch-selected-handle-horizontal-margin: 0;
    --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
    --mat-switch-selected-pressed-handle-horizontal-margin: 0;
    --mat-switch-unselected-handle-horizontal-margin: 0;
    --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
    --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
    --mat-switch-visible-track-opacity: 1;
    --mat-switch-hidden-track-opacity: 1;
    --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, .2, 1);
    --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(.4, 0, .6, 1);
    --mat-switch-track-outline-width: 1px;
    --mat-switch-track-outline-color: transparent;
    --mat-switch-selected-track-outline-width: 1px;
    --mat-switch-selected-track-outline-color: transparent;
    --mat-switch-disabled-unselected-track-outline-width: 1px;
    --mat-switch-disabled-unselected-track-outline-color: transparent
}

html {
    --mdc-switch-selected-focus-state-layer-color: #5e35b1;
    --mdc-switch-selected-handle-color: #5e35b1;
    --mdc-switch-selected-hover-state-layer-color: #5e35b1;
    --mdc-switch-selected-pressed-state-layer-color: #5e35b1;
    --mdc-switch-selected-focus-handle-color: #311b92;
    --mdc-switch-selected-hover-handle-color: #311b92;
    --mdc-switch-selected-pressed-handle-color: #311b92;
    --mdc-switch-selected-focus-track-color: #9575cd;
    --mdc-switch-selected-hover-track-color: #9575cd;
    --mdc-switch-selected-pressed-track-color: #9575cd;
    --mdc-switch-selected-track-color: #9575cd;
    --mdc-switch-disabled-selected-handle-color: #424242;
    --mdc-switch-disabled-selected-icon-color: #fff;
    --mdc-switch-disabled-selected-track-color: #424242;
    --mdc-switch-disabled-unselected-handle-color: #424242;
    --mdc-switch-disabled-unselected-icon-color: #fff;
    --mdc-switch-disabled-unselected-track-color: #424242;
    --mdc-switch-handle-surface-color: #fff;
    --mdc-switch-selected-icon-color: #fff;
    --mdc-switch-unselected-focus-handle-color: #212121;
    --mdc-switch-unselected-focus-state-layer-color: #424242;
    --mdc-switch-unselected-focus-track-color: #e0e0e0;
    --mdc-switch-unselected-handle-color: #616161;
    --mdc-switch-unselected-hover-handle-color: #212121;
    --mdc-switch-unselected-hover-state-layer-color: #424242;
    --mdc-switch-unselected-hover-track-color: #e0e0e0;
    --mdc-switch-unselected-icon-color: #fff;
    --mdc-switch-unselected-pressed-handle-color: #212121;
    --mdc-switch-unselected-pressed-state-layer-color: #424242;
    --mdc-switch-unselected-pressed-track-color: #e0e0e0;
    --mdc-switch-unselected-track-color: #e0e0e0;
    --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
    --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12)
}

html {
    --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, .38)
}

html .mat-mdc-slide-toggle {
    --mat-switch-label-text-color: rgba(0, 0, 0, .87)
}

html .mat-mdc-slide-toggle.mat-accent {
    --mdc-switch-selected-focus-state-layer-color: #ffb300;
    --mdc-switch-selected-handle-color: #ffb300;
    --mdc-switch-selected-hover-state-layer-color: #ffb300;
    --mdc-switch-selected-pressed-state-layer-color: #ffb300;
    --mdc-switch-selected-focus-handle-color: #ff6f00;
    --mdc-switch-selected-hover-handle-color: #ff6f00;
    --mdc-switch-selected-pressed-handle-color: #ff6f00;
    --mdc-switch-selected-focus-track-color: #ffd54f;
    --mdc-switch-selected-hover-track-color: #ffd54f;
    --mdc-switch-selected-pressed-track-color: #ffd54f;
    --mdc-switch-selected-track-color: #ffd54f
}

html .mat-mdc-slide-toggle.mat-warn {
    --mdc-switch-selected-focus-state-layer-color: #e53935;
    --mdc-switch-selected-handle-color: #e53935;
    --mdc-switch-selected-hover-state-layer-color: #e53935;
    --mdc-switch-selected-pressed-state-layer-color: #e53935;
    --mdc-switch-selected-focus-handle-color: #b71c1c;
    --mdc-switch-selected-hover-handle-color: #b71c1c;
    --mdc-switch-selected-pressed-handle-color: #b71c1c;
    --mdc-switch-selected-focus-track-color: #e57373;
    --mdc-switch-selected-hover-track-color: #e57373;
    --mdc-switch-selected-pressed-track-color: #e57373;
    --mdc-switch-selected-track-color: #e57373
}

html {
    --mdc-switch-state-layer-size: 40px
}

html .mat-mdc-slide-toggle {
    --mat-switch-label-text-font: Roboto, sans-serif;
    --mat-switch-label-text-line-height: 20px;
    --mat-switch-label-text-size: 14px;
    --mat-switch-label-text-tracking: .0178571429em;
    --mat-switch-label-text-weight: 400
}

html {
    --mdc-radio-disabled-selected-icon-opacity: .38;
    --mdc-radio-disabled-unselected-icon-opacity: .38;
    --mdc-radio-state-layer-size: 40px
}

.mat-mdc-radio-button.mat-primary {
    --mdc-radio-disabled-selected-icon-color: black;
    --mdc-radio-disabled-unselected-icon-color: black;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #673ab7;
    --mdc-radio-selected-hover-icon-color: #673ab7;
    --mdc-radio-selected-icon-color: #673ab7;
    --mdc-radio-selected-pressed-icon-color: #673ab7
}

.mat-mdc-radio-button.mat-primary {
    --mat-radio-ripple-color: black;
    --mat-radio-checked-ripple-color: #673ab7;
    --mat-radio-disabled-label-color: rgba(0, 0, 0, .38);
    --mat-radio-label-text-color: rgba(0, 0, 0, .87)
}

.mat-mdc-radio-button.mat-accent {
    --mdc-radio-disabled-selected-icon-color: black;
    --mdc-radio-disabled-unselected-icon-color: black;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #ffd740;
    --mdc-radio-selected-hover-icon-color: #ffd740;
    --mdc-radio-selected-icon-color: #ffd740;
    --mdc-radio-selected-pressed-icon-color: #ffd740
}

.mat-mdc-radio-button.mat-accent {
    --mat-radio-ripple-color: black;
    --mat-radio-checked-ripple-color: #ffd740;
    --mat-radio-disabled-label-color: rgba(0, 0, 0, .38);
    --mat-radio-label-text-color: rgba(0, 0, 0, .87)
}

.mat-mdc-radio-button.mat-warn {
    --mdc-radio-disabled-selected-icon-color: black;
    --mdc-radio-disabled-unselected-icon-color: black;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #f44336;
    --mdc-radio-selected-hover-icon-color: #f44336;
    --mdc-radio-selected-icon-color: #f44336;
    --mdc-radio-selected-pressed-icon-color: #f44336
}

.mat-mdc-radio-button.mat-warn {
    --mat-radio-ripple-color: black;
    --mat-radio-checked-ripple-color: #f44336;
    --mat-radio-disabled-label-color: rgba(0, 0, 0, .38);
    --mat-radio-label-text-color: rgba(0, 0, 0, .87)
}

html {
    --mdc-radio-state-layer-size: 40px
}

html {
    --mat-radio-touch-target-display: block
}

html {
    --mat-radio-label-text-font: Roboto, sans-serif;
    --mat-radio-label-text-line-height: 20px;
    --mat-radio-label-text-size: 14px;
    --mat-radio-label-text-tracking: .0178571429em;
    --mat-radio-label-text-weight: 400
}

html {
    --mdc-slider-active-track-height: 6px;
    --mdc-slider-active-track-shape: 9999px;
    --mdc-slider-handle-height: 20px;
    --mdc-slider-handle-shape: 50%;
    --mdc-slider-handle-width: 20px;
    --mdc-slider-inactive-track-height: 4px;
    --mdc-slider-inactive-track-shape: 9999px;
    --mdc-slider-with-overlap-handle-outline-width: 1px;
    --mdc-slider-with-tick-marks-active-container-opacity: .6;
    --mdc-slider-with-tick-marks-container-shape: 50%;
    --mdc-slider-with-tick-marks-container-size: 2px;
    --mdc-slider-with-tick-marks-inactive-container-opacity: .6;
    --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12)
}

html {
    --mat-slider-value-indicator-width: auto;
    --mat-slider-value-indicator-height: 32px;
    --mat-slider-value-indicator-caret-display: block;
    --mat-slider-value-indicator-border-radius: 4px;
    --mat-slider-value-indicator-padding: 0 12px;
    --mat-slider-value-indicator-text-transform: none;
    --mat-slider-value-indicator-container-transform: translateX(-50%)
}

html {
    --mdc-slider-handle-color: #673ab7;
    --mdc-slider-focus-handle-color: #673ab7;
    --mdc-slider-hover-handle-color: #673ab7;
    --mdc-slider-active-track-color: #673ab7;
    --mdc-slider-inactive-track-color: #673ab7;
    --mdc-slider-with-tick-marks-inactive-container-color: #673ab7;
    --mdc-slider-with-tick-marks-active-container-color: white;
    --mdc-slider-disabled-active-track-color: #000;
    --mdc-slider-disabled-handle-color: #000;
    --mdc-slider-disabled-inactive-track-color: #000;
    --mdc-slider-label-container-color: #000;
    --mdc-slider-label-label-text-color: #fff;
    --mdc-slider-with-overlap-handle-outline-color: #fff;
    --mdc-slider-with-tick-marks-disabled-container-color: #000
}

html {
    --mat-slider-ripple-color: #673ab7;
    --mat-slider-hover-state-layer-color: rgba(103, 58, 183, .05);
    --mat-slider-focus-state-layer-color: rgba(103, 58, 183, .2);
    --mat-slider-value-indicator-opacity: .6
}

html .mat-accent {
    --mdc-slider-handle-color: #ffd740;
    --mdc-slider-focus-handle-color: #ffd740;
    --mdc-slider-hover-handle-color: #ffd740;
    --mdc-slider-active-track-color: #ffd740;
    --mdc-slider-inactive-track-color: #ffd740;
    --mdc-slider-with-tick-marks-inactive-container-color: #ffd740;
    --mdc-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, .87)
}

html .mat-accent {
    --mat-slider-ripple-color: #ffd740;
    --mat-slider-hover-state-layer-color: rgba(255, 215, 64, .05);
    --mat-slider-focus-state-layer-color: rgba(255, 215, 64, .2)
}

html .mat-warn {
    --mdc-slider-handle-color: #f44336;
    --mdc-slider-focus-handle-color: #f44336;
    --mdc-slider-hover-handle-color: #f44336;
    --mdc-slider-active-track-color: #f44336;
    --mdc-slider-inactive-track-color: #f44336;
    --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
    --mdc-slider-with-tick-marks-active-container-color: white
}

html .mat-warn {
    --mat-slider-ripple-color: #f44336;
    --mat-slider-hover-state-layer-color: rgba(244, 67, 54, .05);
    --mat-slider-focus-state-layer-color: rgba(244, 67, 54, .2)
}

html {
    --mdc-slider-label-label-text-font: Roboto, sans-serif;
    --mdc-slider-label-label-text-size: 14px;
    --mdc-slider-label-label-text-line-height: 22px;
    --mdc-slider-label-label-text-tracking: .0071428571em;
    --mdc-slider-label-label-text-weight: 500
}

html {
    --mat-menu-container-shape: 4px;
    --mat-menu-divider-bottom-spacing: 0;
    --mat-menu-divider-top-spacing: 0;
    --mat-menu-item-spacing: 16px;
    --mat-menu-item-icon-size: 24px;
    --mat-menu-item-leading-spacing: 16px;
    --mat-menu-item-trailing-spacing: 16px;
    --mat-menu-item-with-icon-leading-spacing: 16px;
    --mat-menu-item-with-icon-trailing-spacing: 16px;
    --mat-menu-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)
}

html {
    --mat-menu-item-label-text-color: rgba(0, 0, 0, .87);
    --mat-menu-item-icon-color: rgba(0, 0, 0, .87);
    --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-menu-container-color: white;
    --mat-menu-divider-color: rgba(0, 0, 0, .12)
}

html {
    --mat-menu-item-label-text-font: Roboto, sans-serif;
    --mat-menu-item-label-text-size: 16px;
    --mat-menu-item-label-text-tracking: .03125em;
    --mat-menu-item-label-text-line-height: 24px;
    --mat-menu-item-label-text-weight: 400
}

html {
    --mdc-list-list-item-container-shape: 0;
    --mdc-list-list-item-leading-avatar-shape: 50%;
    --mdc-list-list-item-container-color: transparent;
    --mdc-list-list-item-selected-container-color: transparent;
    --mdc-list-list-item-leading-avatar-color: transparent;
    --mdc-list-list-item-leading-icon-size: 24px;
    --mdc-list-list-item-leading-avatar-size: 40px;
    --mdc-list-list-item-trailing-icon-size: 24px;
    --mdc-list-list-item-disabled-state-layer-color: transparent;
    --mdc-list-list-item-disabled-state-layer-opacity: 0;
    --mdc-list-list-item-disabled-label-text-opacity: .38;
    --mdc-list-list-item-disabled-leading-icon-opacity: .38;
    --mdc-list-list-item-disabled-trailing-icon-opacity: .38
}

html {
    --mat-list-active-indicator-color: transparent;
    --mat-list-active-indicator-shape: 4px
}

html {
    --mdc-list-list-item-label-text-color: rgba(0, 0, 0, .87);
    --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, .54);
    --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-disabled-label-text-color: black;
    --mdc-list-list-item-disabled-leading-icon-color: black;
    --mdc-list-list-item-disabled-trailing-icon-color: black;
    --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, .87);
    --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, .87);
    --mdc-list-list-item-hover-state-layer-color: black;
    --mdc-list-list-item-hover-state-layer-opacity: .04;
    --mdc-list-list-item-focus-state-layer-color: black;
    --mdc-list-list-item-focus-state-layer-opacity: .12
}

.mdc-list-item__start,
.mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: black;
    --mdc-radio-disabled-unselected-icon-color: black;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #673ab7;
    --mdc-radio-selected-hover-icon-color: #673ab7;
    --mdc-radio-selected-icon-color: #673ab7;
    --mdc-radio-selected-pressed-icon-color: #673ab7
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: black;
    --mdc-radio-disabled-unselected-icon-color: black;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #ffd740;
    --mdc-radio-selected-hover-icon-color: #ffd740;
    --mdc-radio-selected-icon-color: #ffd740;
    --mdc-radio-selected-pressed-icon-color: #ffd740
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: black;
    --mdc-radio-disabled-unselected-icon-color: black;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #f44336;
    --mdc-radio-selected-hover-icon-color: #f44336;
    --mdc-radio-selected-icon-color: #f44336;
    --mdc-radio-selected-pressed-icon-color: #f44336
}

.mat-mdc-list-option {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: white;
    --mdc-checkbox-selected-focus-icon-color: #673ab7;
    --mdc-checkbox-selected-hover-icon-color: #673ab7;
    --mdc-checkbox-selected-icon-color: #673ab7;
    --mdc-checkbox-selected-pressed-icon-color: #673ab7;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #673ab7;
    --mdc-checkbox-selected-hover-state-layer-color: #673ab7;
    --mdc-checkbox-selected-pressed-state-layer-color: #673ab7;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black
}

.mat-mdc-list-option.mat-accent {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: black;
    --mdc-checkbox-selected-focus-icon-color: #ffd740;
    --mdc-checkbox-selected-hover-icon-color: #ffd740;
    --mdc-checkbox-selected-icon-color: #ffd740;
    --mdc-checkbox-selected-pressed-icon-color: #ffd740;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #ffd740;
    --mdc-checkbox-selected-hover-state-layer-color: #ffd740;
    --mdc-checkbox-selected-pressed-state-layer-color: #ffd740;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black
}

.mat-mdc-list-option.mat-warn {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: white;
    --mdc-checkbox-selected-focus-icon-color: #f44336;
    --mdc-checkbox-selected-hover-icon-color: #f44336;
    --mdc-checkbox-selected-icon-color: #f44336;
    --mdc-checkbox-selected-pressed-icon-color: #f44336;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #f44336;
    --mdc-checkbox-selected-hover-state-layer-color: #f44336;
    --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
    color: #673ab7
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
    opacity: 1
}

html {
    --mdc-list-list-item-one-line-container-height: 48px;
    --mdc-list-list-item-two-line-container-height: 64px;
    --mdc-list-list-item-three-line-container-height: 88px
}

html {
    --mat-list-list-item-leading-icon-start-space: 16px;
    --mat-list-list-item-leading-icon-end-space: 32px
}

.mdc-list-item__start,
.mdc-list-item__end {
    --mdc-radio-state-layer-size: 40px
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
    height: 56px
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
    height: 72px
}

html {
    --mdc-list-list-item-label-text-font: Roboto, sans-serif;
    --mdc-list-list-item-label-text-line-height: 24px;
    --mdc-list-list-item-label-text-size: 16px;
    --mdc-list-list-item-label-text-tracking: .03125em;
    --mdc-list-list-item-label-text-weight: 400;
    --mdc-list-list-item-supporting-text-font: Roboto, sans-serif;
    --mdc-list-list-item-supporting-text-line-height: 20px;
    --mdc-list-list-item-supporting-text-size: 14px;
    --mdc-list-list-item-supporting-text-tracking: .0178571429em;
    --mdc-list-list-item-supporting-text-weight: 400;
    --mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
    --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
    --mdc-list-list-item-trailing-supporting-text-size: 12px;
    --mdc-list-list-item-trailing-supporting-text-tracking: .0333333333em;
    --mdc-list-list-item-trailing-supporting-text-weight: 400
}

.mdc-list-group__subheader {
    font: 400 16px/28px Roboto, sans-serif;
    letter-spacing: .009375em
}

html {
    --mat-paginator-container-text-color: rgba(0, 0, 0, .87);
    --mat-paginator-container-background-color: white;
    --mat-paginator-enabled-icon-color: rgba(0, 0, 0, .54);
    --mat-paginator-disabled-icon-color: rgba(0, 0, 0, .12)
}

html {
    --mat-paginator-container-size: 56px;
    --mat-paginator-form-field-container-height: 40px;
    --mat-paginator-form-field-container-vertical-padding: 8px;
    --mat-paginator-touch-target-display: block
}

html {
    --mat-paginator-container-text-font: Roboto, sans-serif;
    --mat-paginator-container-text-line-height: 20px;
    --mat-paginator-container-text-size: 12px;
    --mat-paginator-container-text-tracking: .0333333333em;
    --mat-paginator-container-text-weight: 400;
    --mat-paginator-select-trigger-text-size: 12px
}

html {
    --mdc-secondary-navigation-tab-container-height: 48px
}

html {
    --mdc-tab-indicator-active-indicator-height: 2px;
    --mdc-tab-indicator-active-indicator-shape: 0
}

html {
    --mat-tab-header-divider-color: transparent;
    --mat-tab-header-divider-height: 0
}

.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
    --mdc-tab-indicator-active-indicator-color: #673ab7
}

.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
    --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, .38);
    --mat-tab-header-pagination-icon-color: black;
    --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-label-text-color: #673ab7;
    --mat-tab-header-active-ripple-color: #673ab7;
    --mat-tab-header-inactive-ripple-color: #673ab7;
    --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-focus-label-text-color: #673ab7;
    --mat-tab-header-active-hover-label-text-color: #673ab7;
    --mat-tab-header-active-focus-indicator-color: #673ab7;
    --mat-tab-header-active-hover-indicator-color: #673ab7
}

.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
    --mdc-tab-indicator-active-indicator-color: #ffd740
}

.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
    --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, .38);
    --mat-tab-header-pagination-icon-color: black;
    --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-label-text-color: #ffd740;
    --mat-tab-header-active-ripple-color: #ffd740;
    --mat-tab-header-inactive-ripple-color: #ffd740;
    --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-focus-label-text-color: #ffd740;
    --mat-tab-header-active-hover-label-text-color: #ffd740;
    --mat-tab-header-active-focus-indicator-color: #ffd740;
    --mat-tab-header-active-hover-indicator-color: #ffd740
}

.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
    --mdc-tab-indicator-active-indicator-color: #f44336
}

.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
    --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, .38);
    --mat-tab-header-pagination-icon-color: black;
    --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-label-text-color: #f44336;
    --mat-tab-header-active-ripple-color: #f44336;
    --mat-tab-header-inactive-ripple-color: #f44336;
    --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-focus-label-text-color: #f44336;
    --mat-tab-header-active-hover-label-text-color: #f44336;
    --mat-tab-header-active-focus-indicator-color: #f44336;
    --mat-tab-header-active-hover-indicator-color: #f44336
}

.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
    --mat-tab-header-with-background-background-color: #673ab7;
    --mat-tab-header-with-background-foreground-color: white
}

.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
    --mat-tab-header-with-background-background-color: #ffd740;
    --mat-tab-header-with-background-foreground-color: rgba(0, 0, 0, .87)
}

.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
    --mat-tab-header-with-background-background-color: #f44336;
    --mat-tab-header-with-background-foreground-color: white
}

.mat-mdc-tab-header {
    --mdc-secondary-navigation-tab-container-height: 48px
}

.mat-mdc-tab-header {
    --mat-tab-header-label-text-font: Roboto, sans-serif;
    --mat-tab-header-label-text-size: 14px;
    --mat-tab-header-label-text-tracking: .0892857143em;
    --mat-tab-header-label-text-line-height: 36px;
    --mat-tab-header-label-text-weight: 500
}

html {
    --mdc-checkbox-disabled-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-state-layer-opacity: .16;
    --mdc-checkbox-selected-hover-state-layer-opacity: .04;
    --mdc-checkbox-selected-pressed-state-layer-opacity: .16;
    --mdc-checkbox-unselected-focus-state-layer-opacity: .16;
    --mdc-checkbox-unselected-hover-state-layer-opacity: .04;
    --mdc-checkbox-unselected-pressed-state-layer-opacity: .16
}

html {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: black;
    --mdc-checkbox-selected-focus-icon-color: #ffd740;
    --mdc-checkbox-selected-hover-icon-color: #ffd740;
    --mdc-checkbox-selected-icon-color: #ffd740;
    --mdc-checkbox-selected-pressed-icon-color: #ffd740;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #ffd740;
    --mdc-checkbox-selected-hover-state-layer-color: #ffd740;
    --mdc-checkbox-selected-pressed-state-layer-color: #ffd740;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black
}

html {
    --mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);
    --mat-checkbox-label-text-color: rgba(0, 0, 0, .87)
}

.mat-mdc-checkbox.mat-primary {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: white;
    --mdc-checkbox-selected-focus-icon-color: #673ab7;
    --mdc-checkbox-selected-hover-icon-color: #673ab7;
    --mdc-checkbox-selected-icon-color: #673ab7;
    --mdc-checkbox-selected-pressed-icon-color: #673ab7;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #673ab7;
    --mdc-checkbox-selected-hover-state-layer-color: #673ab7;
    --mdc-checkbox-selected-pressed-state-layer-color: #673ab7;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black
}

.mat-mdc-checkbox.mat-warn {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: white;
    --mdc-checkbox-selected-focus-icon-color: #f44336;
    --mdc-checkbox-selected-hover-icon-color: #f44336;
    --mdc-checkbox-selected-icon-color: #f44336;
    --mdc-checkbox-selected-pressed-icon-color: #f44336;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #f44336;
    --mdc-checkbox-selected-hover-state-layer-color: #f44336;
    --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black
}

html {
    --mdc-checkbox-state-layer-size: 40px
}

html {
    --mat-checkbox-touch-target-display: block
}

html {
    --mat-checkbox-label-text-font: Roboto, sans-serif;
    --mat-checkbox-label-text-line-height: 20px;
    --mat-checkbox-label-text-size: 14px;
    --mat-checkbox-label-text-tracking: .0178571429em;
    --mat-checkbox-label-text-weight: 400
}

html {
    --mdc-text-button-container-shape: 4px;
    --mdc-text-button-keep-touch-target: false
}

html {
    --mdc-filled-button-container-shape: 4px;
    --mdc-filled-button-keep-touch-target: false
}

html {
    --mdc-protected-button-container-shape: 4px;
    --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);
    --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
    --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
    --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
    --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)
}

html {
    --mdc-outlined-button-keep-touch-target: false;
    --mdc-outlined-button-outline-width: 1px;
    --mdc-outlined-button-container-shape: 4px
}

html {
    --mat-text-button-horizontal-padding: 8px;
    --mat-text-button-with-icon-horizontal-padding: 8px;
    --mat-text-button-icon-spacing: 8px;
    --mat-text-button-icon-offset: 0
}

html {
    --mat-filled-button-horizontal-padding: 16px;
    --mat-filled-button-icon-spacing: 8px;
    --mat-filled-button-icon-offset: -4px
}

html {
    --mat-protected-button-horizontal-padding: 16px;
    --mat-protected-button-icon-spacing: 8px;
    --mat-protected-button-icon-offset: -4px
}

html {
    --mat-outlined-button-horizontal-padding: 15px;
    --mat-outlined-button-icon-spacing: 8px;
    --mat-outlined-button-icon-offset: -4px
}

html {
    --mdc-text-button-label-text-color: black;
    --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, .38)
}

html {
    --mat-text-button-state-layer-color: black;
    --mat-text-button-disabled-state-layer-color: black;
    --mat-text-button-ripple-color: rgba(0, 0, 0, .1);
    --mat-text-button-hover-state-layer-opacity: .04;
    --mat-text-button-focus-state-layer-opacity: .12;
    --mat-text-button-pressed-state-layer-opacity: .12
}

html {
    --mdc-filled-button-container-color: white;
    --mdc-filled-button-label-text-color: black;
    --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, .12);
    --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, .38)
}

html {
    --mat-filled-button-state-layer-color: black;
    --mat-filled-button-disabled-state-layer-color: black;
    --mat-filled-button-ripple-color: rgba(0, 0, 0, .1);
    --mat-filled-button-hover-state-layer-opacity: .04;
    --mat-filled-button-focus-state-layer-opacity: .12;
    --mat-filled-button-pressed-state-layer-opacity: .12
}

html {
    --mdc-protected-button-container-color: white;
    --mdc-protected-button-label-text-color: black;
    --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, .12);
    --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, .38)
}

html {
    --mat-protected-button-state-layer-color: black;
    --mat-protected-button-disabled-state-layer-color: black;
    --mat-protected-button-ripple-color: rgba(0, 0, 0, .1);
    --mat-protected-button-hover-state-layer-opacity: .04;
    --mat-protected-button-focus-state-layer-opacity: .12;
    --mat-protected-button-pressed-state-layer-opacity: .12
}

html {
    --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, .12);
    --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-button-label-text-color: black;
    --mdc-outlined-button-outline-color: rgba(0, 0, 0, .12)
}

html {
    --mat-outlined-button-state-layer-color: black;
    --mat-outlined-button-disabled-state-layer-color: black;
    --mat-outlined-button-ripple-color: rgba(0, 0, 0, .1);
    --mat-outlined-button-hover-state-layer-opacity: .04;
    --mat-outlined-button-focus-state-layer-opacity: .12;
    --mat-outlined-button-pressed-state-layer-opacity: .12
}

.mat-mdc-button.mat-primary {
    --mdc-text-button-label-text-color: #673ab7
}

.mat-mdc-button.mat-primary {
    --mat-text-button-state-layer-color: #673ab7;
    --mat-text-button-ripple-color: rgba(103, 58, 183, .1)
}

.mat-mdc-button.mat-accent {
    --mdc-text-button-label-text-color: #ffd740
}

.mat-mdc-button.mat-accent {
    --mat-text-button-state-layer-color: #ffd740;
    --mat-text-button-ripple-color: rgba(255, 215, 64, .1)
}

.mat-mdc-button.mat-warn {
    --mdc-text-button-label-text-color: #f44336
}

.mat-mdc-button.mat-warn {
    --mat-text-button-state-layer-color: #f44336;
    --mat-text-button-ripple-color: rgba(244, 67, 54, .1)
}

.mat-mdc-unelevated-button.mat-primary {
    --mdc-filled-button-container-color: #673ab7;
    --mdc-filled-button-label-text-color: white
}

.mat-mdc-unelevated-button.mat-primary {
    --mat-filled-button-state-layer-color: white;
    --mat-filled-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-unelevated-button.mat-accent {
    --mdc-filled-button-container-color: #ffd740;
    --mdc-filled-button-label-text-color: black
}

.mat-mdc-unelevated-button.mat-accent {
    --mat-filled-button-state-layer-color: black;
    --mat-filled-button-ripple-color: rgba(0, 0, 0, .1)
}

.mat-mdc-unelevated-button.mat-warn {
    --mdc-filled-button-container-color: #f44336;
    --mdc-filled-button-label-text-color: white
}

.mat-mdc-unelevated-button.mat-warn {
    --mat-filled-button-state-layer-color: white;
    --mat-filled-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-raised-button.mat-primary {
    --mdc-protected-button-container-color: #673ab7;
    --mdc-protected-button-label-text-color: white
}

.mat-mdc-raised-button.mat-primary {
    --mat-protected-button-state-layer-color: white;
    --mat-protected-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-raised-button.mat-accent {
    --mdc-protected-button-container-color: #ffd740;
    --mdc-protected-button-label-text-color: black
}

.mat-mdc-raised-button.mat-accent {
    --mat-protected-button-state-layer-color: black;
    --mat-protected-button-ripple-color: rgba(0, 0, 0, .1)
}

.mat-mdc-raised-button.mat-warn {
    --mdc-protected-button-container-color: #f44336;
    --mdc-protected-button-label-text-color: white
}

.mat-mdc-raised-button.mat-warn {
    --mat-protected-button-state-layer-color: white;
    --mat-protected-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-outlined-button.mat-primary {
    --mdc-outlined-button-label-text-color: #673ab7;
    --mdc-outlined-button-outline-color: rgba(0, 0, 0, .12)
}

.mat-mdc-outlined-button.mat-primary {
    --mat-outlined-button-state-layer-color: #673ab7;
    --mat-outlined-button-ripple-color: rgba(103, 58, 183, .1)
}

.mat-mdc-outlined-button.mat-accent {
    --mdc-outlined-button-label-text-color: #ffd740;
    --mdc-outlined-button-outline-color: rgba(0, 0, 0, .12)
}

.mat-mdc-outlined-button.mat-accent {
    --mat-outlined-button-state-layer-color: #ffd740;
    --mat-outlined-button-ripple-color: rgba(255, 215, 64, .1)
}

.mat-mdc-outlined-button.mat-warn {
    --mdc-outlined-button-label-text-color: #f44336;
    --mdc-outlined-button-outline-color: rgba(0, 0, 0, .12)
}

.mat-mdc-outlined-button.mat-warn {
    --mat-outlined-button-state-layer-color: #f44336;
    --mat-outlined-button-ripple-color: rgba(244, 67, 54, .1)
}

html {
    --mdc-text-button-container-height: 36px
}

html {
    --mdc-filled-button-container-height: 36px
}

html {
    --mdc-protected-button-container-height: 36px
}

html {
    --mdc-outlined-button-container-height: 36px
}

html {
    --mat-text-button-touch-target-display: block
}

html {
    --mat-filled-button-touch-target-display: block
}

html {
    --mat-protected-button-touch-target-display: block
}

html {
    --mat-outlined-button-touch-target-display: block
}

html {
    --mdc-text-button-label-text-font: Roboto, sans-serif;
    --mdc-text-button-label-text-size: 14px;
    --mdc-text-button-label-text-tracking: .0892857143em;
    --mdc-text-button-label-text-weight: 500;
    --mdc-text-button-label-text-transform: none
}

html {
    --mdc-filled-button-label-text-font: Roboto, sans-serif;
    --mdc-filled-button-label-text-size: 14px;
    --mdc-filled-button-label-text-tracking: .0892857143em;
    --mdc-filled-button-label-text-weight: 500;
    --mdc-filled-button-label-text-transform: none
}

html {
    --mdc-protected-button-label-text-font: Roboto, sans-serif;
    --mdc-protected-button-label-text-size: 14px;
    --mdc-protected-button-label-text-tracking: .0892857143em;
    --mdc-protected-button-label-text-weight: 500;
    --mdc-protected-button-label-text-transform: none
}

html {
    --mdc-outlined-button-label-text-font: Roboto, sans-serif;
    --mdc-outlined-button-label-text-size: 14px;
    --mdc-outlined-button-label-text-tracking: .0892857143em;
    --mdc-outlined-button-label-text-weight: 500;
    --mdc-outlined-button-label-text-transform: none
}

html {
    --mdc-icon-button-icon-size: 24px
}

html {
    --mdc-icon-button-icon-color: inherit;
    --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, .38)
}

html {
    --mat-icon-button-state-layer-color: black;
    --mat-icon-button-disabled-state-layer-color: black;
    --mat-icon-button-ripple-color: rgba(0, 0, 0, .1);
    --mat-icon-button-hover-state-layer-opacity: .04;
    --mat-icon-button-focus-state-layer-opacity: .12;
    --mat-icon-button-pressed-state-layer-opacity: .12
}

html .mat-mdc-icon-button.mat-primary {
    --mdc-icon-button-icon-color: #673ab7
}

html .mat-mdc-icon-button.mat-primary {
    --mat-icon-button-state-layer-color: #673ab7;
    --mat-icon-button-ripple-color: rgba(103, 58, 183, .1)
}

html .mat-mdc-icon-button.mat-accent {
    --mdc-icon-button-icon-color: #ffd740
}

html .mat-mdc-icon-button.mat-accent {
    --mat-icon-button-state-layer-color: #ffd740;
    --mat-icon-button-ripple-color: rgba(255, 215, 64, .1)
}

html .mat-mdc-icon-button.mat-warn {
    --mdc-icon-button-icon-color: #f44336
}

html .mat-mdc-icon-button.mat-warn {
    --mat-icon-button-state-layer-color: #f44336;
    --mat-icon-button-ripple-color: rgba(244, 67, 54, .1)
}

html {
    --mat-icon-button-touch-target-display: block
}

.mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 48px;
    width: var(--mdc-icon-button-state-layer-size);
    height: var(--mdc-icon-button-state-layer-size);
    padding: 12px
}

html {
    --mdc-fab-container-shape: 50%;
    --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
    --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12)
}

html {
    --mdc-fab-small-container-shape: 50%;
    --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
    --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12)
}

html {
    --mdc-extended-fab-container-height: 48px;
    --mdc-extended-fab-container-shape: 24px;
    --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
    --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12)
}

html {
    --mdc-fab-container-color: white
}

html {
    --mat-fab-foreground-color: black;
    --mat-fab-state-layer-color: black;
    --mat-fab-disabled-state-layer-color: black;
    --mat-fab-ripple-color: rgba(0, 0, 0, .1);
    --mat-fab-hover-state-layer-opacity: .04;
    --mat-fab-focus-state-layer-opacity: .12;
    --mat-fab-pressed-state-layer-opacity: .12;
    --mat-fab-disabled-state-container-color: rgba(0, 0, 0, .12);
    --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, .38)
}

html {
    --mdc-fab-small-container-color: white
}

html {
    --mat-fab-small-foreground-color: black;
    --mat-fab-small-state-layer-color: black;
    --mat-fab-small-disabled-state-layer-color: black;
    --mat-fab-small-ripple-color: rgba(0, 0, 0, .1);
    --mat-fab-small-hover-state-layer-opacity: .04;
    --mat-fab-small-focus-state-layer-opacity: .12;
    --mat-fab-small-pressed-state-layer-opacity: .12;
    --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, .12);
    --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, .38)
}

html .mat-mdc-fab.mat-primary {
    --mdc-fab-container-color: #673ab7
}

html .mat-mdc-fab.mat-primary {
    --mat-fab-foreground-color: white;
    --mat-fab-state-layer-color: white;
    --mat-fab-ripple-color: rgba(255, 255, 255, .1)
}

html .mat-mdc-fab.mat-accent {
    --mdc-fab-container-color: #ffd740
}

html .mat-mdc-fab.mat-accent {
    --mat-fab-foreground-color: black;
    --mat-fab-state-layer-color: black;
    --mat-fab-ripple-color: rgba(0, 0, 0, .1)
}

html .mat-mdc-fab.mat-warn {
    --mdc-fab-container-color: #f44336
}

html .mat-mdc-fab.mat-warn {
    --mat-fab-foreground-color: white;
    --mat-fab-state-layer-color: white;
    --mat-fab-ripple-color: rgba(255, 255, 255, .1)
}

html .mat-mdc-mini-fab.mat-primary {
    --mdc-fab-small-container-color: #673ab7
}

html .mat-mdc-mini-fab.mat-primary {
    --mat-fab-small-foreground-color: white;
    --mat-fab-small-state-layer-color: white;
    --mat-fab-small-ripple-color: rgba(255, 255, 255, .1)
}

html .mat-mdc-mini-fab.mat-accent {
    --mdc-fab-small-container-color: #ffd740
}

html .mat-mdc-mini-fab.mat-accent {
    --mat-fab-small-foreground-color: black;
    --mat-fab-small-state-layer-color: black;
    --mat-fab-small-ripple-color: rgba(0, 0, 0, .1)
}

html .mat-mdc-mini-fab.mat-warn {
    --mdc-fab-small-container-color: #f44336
}

html .mat-mdc-mini-fab.mat-warn {
    --mat-fab-small-foreground-color: white;
    --mat-fab-small-state-layer-color: white;
    --mat-fab-small-ripple-color: rgba(255, 255, 255, .1)
}

html {
    --mat-fab-touch-target-display: block
}

html {
    --mat-fab-small-touch-target-display: block
}

html {
    --mdc-extended-fab-label-text-font: Roboto, sans-serif;
    --mdc-extended-fab-label-text-size: 14px;
    --mdc-extended-fab-label-text-tracking: .0892857143em;
    --mdc-extended-fab-label-text-weight: 500
}

html {
    --mdc-snackbar-container-shape: 4px
}

html {
    --mdc-snackbar-container-color: #333333;
    --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, .87)
}

html {
    --mat-snack-bar-button-color: #d1c4e9
}

html {
    --mdc-snackbar-supporting-text-font: Roboto, sans-serif;
    --mdc-snackbar-supporting-text-line-height: 20px;
    --mdc-snackbar-supporting-text-size: 14px;
    --mdc-snackbar-supporting-text-weight: 400
}

html {
    --mat-table-row-item-outline-width: 1px
}

html {
    --mat-table-background-color: white;
    --mat-table-header-headline-color: rgba(0, 0, 0, .87);
    --mat-table-row-item-label-text-color: rgba(0, 0, 0, .87);
    --mat-table-row-item-outline-color: rgba(0, 0, 0, .12)
}

html {
    --mat-table-header-container-height: 56px;
    --mat-table-footer-container-height: 52px;
    --mat-table-row-item-container-height: 52px
}

html {
    --mat-table-header-headline-font: Roboto, sans-serif;
    --mat-table-header-headline-line-height: 22px;
    --mat-table-header-headline-size: 14px;
    --mat-table-header-headline-weight: 500;
    --mat-table-header-headline-tracking: .0071428571em;
    --mat-table-row-item-label-text-font: Roboto, sans-serif;
    --mat-table-row-item-label-text-line-height: 20px;
    --mat-table-row-item-label-text-size: 14px;
    --mat-table-row-item-label-text-weight: 400;
    --mat-table-row-item-label-text-tracking: .0178571429em;
    --mat-table-footer-supporting-text-font: Roboto, sans-serif;
    --mat-table-footer-supporting-text-line-height: 20px;
    --mat-table-footer-supporting-text-size: 14px;
    --mat-table-footer-supporting-text-weight: 400;
    --mat-table-footer-supporting-text-tracking: .0178571429em
}

html {
    --mdc-circular-progress-active-indicator-width: 4px;
    --mdc-circular-progress-size: 48px
}

html {
    --mdc-circular-progress-active-indicator-color: #673ab7
}

html .mat-accent {
    --mdc-circular-progress-active-indicator-color: #ffd740
}

html .mat-warn {
    --mdc-circular-progress-active-indicator-color: #f44336
}

html {
    --mat-badge-container-shape: 50%;
    --mat-badge-container-size: unset;
    --mat-badge-small-size-container-size: unset;
    --mat-badge-large-size-container-size: unset;
    --mat-badge-legacy-container-size: 22px;
    --mat-badge-legacy-small-size-container-size: 16px;
    --mat-badge-legacy-large-size-container-size: 28px;
    --mat-badge-container-offset: -11px 0;
    --mat-badge-small-size-container-offset: -8px 0;
    --mat-badge-large-size-container-offset: -14px 0;
    --mat-badge-container-overlap-offset: -11px;
    --mat-badge-small-size-container-overlap-offset: -8px;
    --mat-badge-large-size-container-overlap-offset: -14px;
    --mat-badge-container-padding: 0;
    --mat-badge-small-size-container-padding: 0;
    --mat-badge-large-size-container-padding: 0
}

html {
    --mat-badge-background-color: #673ab7;
    --mat-badge-text-color: white;
    --mat-badge-disabled-state-background-color: #b9b9b9;
    --mat-badge-disabled-state-text-color: rgba(0, 0, 0, .38)
}

.mat-badge-accent {
    --mat-badge-background-color: #ffd740;
    --mat-badge-text-color: rgba(0, 0, 0, .87)
}

.mat-badge-warn {
    --mat-badge-background-color: #f44336;
    --mat-badge-text-color: white
}

html {
    --mat-badge-text-font: Roboto, sans-serif;
    --mat-badge-line-height: 22px;
    --mat-badge-text-size: 12px;
    --mat-badge-text-weight: 600;
    --mat-badge-small-size-text-size: 9px;
    --mat-badge-small-size-line-height: 16px;
    --mat-badge-large-size-text-size: 24px;
    --mat-badge-large-size-line-height: 28px
}

html {
    --mat-bottom-sheet-container-shape: 4px
}

html {
    --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, .87);
    --mat-bottom-sheet-container-background-color: white
}

html {
    --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
    --mat-bottom-sheet-container-text-line-height: 20px;
    --mat-bottom-sheet-container-text-size: 14px;
    --mat-bottom-sheet-container-text-tracking: .0178571429em;
    --mat-bottom-sheet-container-text-weight: 400
}

html {
    --mat-legacy-button-toggle-height: 36px;
    --mat-legacy-button-toggle-shape: 2px;
    --mat-legacy-button-toggle-focus-state-layer-opacity: 1
}

html {
    --mat-standard-button-toggle-shape: 4px;
    --mat-standard-button-toggle-hover-state-layer-opacity: .04;
    --mat-standard-button-toggle-focus-state-layer-opacity: .12
}

html {
    --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, .38);
    --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, .12);
    --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, .54);
    --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
    --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, .26);
    --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
    --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd
}

html {
    --mat-standard-button-toggle-text-color: rgba(0, 0, 0, .87);
    --mat-standard-button-toggle-background-color: white;
    --mat-standard-button-toggle-state-layer-color: black;
    --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
    --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, .87);
    --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, .26);
    --mat-standard-button-toggle-disabled-state-background-color: white;
    --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, .87);
    --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
    --mat-standard-button-toggle-divider-color: rgb(224.4, 224.4, 224.4)
}

html {
    --mat-standard-button-toggle-height: 48px
}

html {
    --mat-legacy-button-toggle-label-text-font: Roboto, sans-serif;
    --mat-legacy-button-toggle-label-text-line-height: 24px;
    --mat-legacy-button-toggle-label-text-size: 16px;
    --mat-legacy-button-toggle-label-text-tracking: .03125em;
    --mat-legacy-button-toggle-label-text-weight: 400
}

html {
    --mat-standard-button-toggle-label-text-font: Roboto, sans-serif;
    --mat-standard-button-toggle-label-text-line-height: 24px;
    --mat-standard-button-toggle-label-text-size: 16px;
    --mat-standard-button-toggle-label-text-tracking: .03125em;
    --mat-standard-button-toggle-label-text-weight: 400
}

html {
    --mat-datepicker-calendar-container-shape: 4px;
    --mat-datepicker-calendar-container-touch-shape: 4px;
    --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
    --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12)
}

html {
    --mat-datepicker-calendar-date-selected-state-text-color: white;
    --mat-datepicker-calendar-date-selected-state-background-color: #673ab7;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(103, 58, 183, .4);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
    --mat-datepicker-calendar-date-focus-state-background-color: rgba(103, 58, 183, .3);
    --mat-datepicker-calendar-date-hover-state-background-color: rgba(103, 58, 183, .3);
    --mat-datepicker-toggle-active-state-icon-color: #673ab7;
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(103, 58, 183, .2);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
    --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-period-button-text-color: black;
    --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, .12);
    --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, .38);
    --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, .18);
    --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, .87);
    --mat-datepicker-calendar-date-outline-color: transparent;
    --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, .38);
    --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, .24);
    --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, .87);
    --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, .38);
    --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, .38);
    --mat-datepicker-calendar-container-background-color: white;
    --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, .87)
}

.mat-datepicker-content.mat-accent {
    --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, .87);
    --mat-datepicker-calendar-date-selected-state-background-color: #ffd740;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 215, 64, .4);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, .87);
    --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 215, 64, .3);
    --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 215, 64, .3);
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 215, 64, .2);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032)
}

.mat-datepicker-content.mat-warn {
    --mat-datepicker-calendar-date-selected-state-text-color: white;
    --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, .4);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
    --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, .3);
    --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, .3);
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, .2);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032)
}

.mat-datepicker-toggle-active.mat-accent {
    --mat-datepicker-toggle-active-state-icon-color: #ffd740
}

.mat-datepicker-toggle-active.mat-warn {
    --mat-datepicker-toggle-active-state-icon-color: #f44336
}

.mat-calendar-controls {
    --mat-icon-button-touch-target-display: none
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 40px;
    width: var(--mdc-icon-button-state-layer-size);
    height: var(--mdc-icon-button-state-layer-size);
    padding: 8px
}

html {
    --mat-datepicker-calendar-text-font: Roboto, sans-serif;
    --mat-datepicker-calendar-text-size: 13px;
    --mat-datepicker-calendar-body-label-text-size: 14px;
    --mat-datepicker-calendar-body-label-text-weight: 500;
    --mat-datepicker-calendar-period-button-text-size: 14px;
    --mat-datepicker-calendar-period-button-text-weight: 500;
    --mat-datepicker-calendar-header-text-size: 11px;
    --mat-datepicker-calendar-header-text-weight: 400
}

html {
    --mat-divider-width: 1px
}

html {
    --mat-divider-color: rgba(0, 0, 0, .12)
}

html {
    --mat-expansion-container-shape: 4px;
    --mat-expansion-legacy-header-indicator-display: inline-block;
    --mat-expansion-header-indicator-display: none
}

html {
    --mat-expansion-container-background-color: white;
    --mat-expansion-container-text-color: rgba(0, 0, 0, .87);
    --mat-expansion-actions-divider-color: rgba(0, 0, 0, .12);
    --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, .26);
    --mat-expansion-header-text-color: rgba(0, 0, 0, .87);
    --mat-expansion-header-description-color: rgba(0, 0, 0, .54);
    --mat-expansion-header-indicator-color: rgba(0, 0, 0, .54)
}

html {
    --mat-expansion-header-collapsed-state-height: 48px;
    --mat-expansion-header-expanded-state-height: 64px
}

html {
    --mat-expansion-header-text-font: Roboto, sans-serif;
    --mat-expansion-header-text-size: 14px;
    --mat-expansion-header-text-weight: 500;
    --mat-expansion-header-text-line-height: inherit;
    --mat-expansion-header-text-tracking: inherit;
    --mat-expansion-container-text-font: Roboto, sans-serif;
    --mat-expansion-container-text-line-height: 20px;
    --mat-expansion-container-text-size: 14px;
    --mat-expansion-container-text-tracking: .0178571429em;
    --mat-expansion-container-text-weight: 400
}

html {
    --mat-grid-list-tile-header-primary-text-size: 14px;
    --mat-grid-list-tile-header-secondary-text-size: 12px;
    --mat-grid-list-tile-footer-primary-text-size: 14px;
    --mat-grid-list-tile-footer-secondary-text-size: 12px
}

html {
    --mat-icon-color: inherit
}

.mat-icon.mat-primary {
    --mat-icon-color: #673ab7
}

.mat-icon.mat-accent {
    --mat-icon-color: #ffd740
}

.mat-icon.mat-warn {
    --mat-icon-color: #f44336
}

html {
    --mat-sidenav-container-shape: 0;
    --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);
    --mat-sidenav-container-width: auto
}

html {
    --mat-sidenav-container-divider-color: rgba(0, 0, 0, .12);
    --mat-sidenav-container-background-color: white;
    --mat-sidenav-container-text-color: rgba(0, 0, 0, .87);
    --mat-sidenav-content-background-color: #fafafa;
    --mat-sidenav-content-text-color: rgba(0, 0, 0, .87);
    --mat-sidenav-scrim-color: rgba(0, 0, 0, .6)
}

html {
    --mat-stepper-header-icon-foreground-color: white;
    --mat-stepper-header-selected-state-icon-background-color: #673ab7;
    --mat-stepper-header-selected-state-icon-foreground-color: white;
    --mat-stepper-header-done-state-icon-background-color: #673ab7;
    --mat-stepper-header-done-state-icon-foreground-color: white;
    --mat-stepper-header-edit-state-icon-background-color: #673ab7;
    --mat-stepper-header-edit-state-icon-foreground-color: white;
    --mat-stepper-container-color: white;
    --mat-stepper-line-color: rgba(0, 0, 0, .12);
    --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-stepper-header-label-text-color: rgba(0, 0, 0, .54);
    --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, .54);
    --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, .87);
    --mat-stepper-header-error-state-label-text-color: #f44336;
    --mat-stepper-header-icon-background-color: rgba(0, 0, 0, .54);
    --mat-stepper-header-error-state-icon-foreground-color: #f44336;
    --mat-stepper-header-error-state-icon-background-color: transparent
}

html .mat-step-header.mat-accent {
    --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, .87);
    --mat-stepper-header-selected-state-icon-background-color: #ffd740;
    --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, .87);
    --mat-stepper-header-done-state-icon-background-color: #ffd740;
    --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, .87);
    --mat-stepper-header-edit-state-icon-background-color: #ffd740;
    --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, .87)
}

html .mat-step-header.mat-warn {
    --mat-stepper-header-icon-foreground-color: white;
    --mat-stepper-header-selected-state-icon-background-color: #f44336;
    --mat-stepper-header-selected-state-icon-foreground-color: white;
    --mat-stepper-header-done-state-icon-background-color: #f44336;
    --mat-stepper-header-done-state-icon-foreground-color: white;
    --mat-stepper-header-edit-state-icon-background-color: #f44336;
    --mat-stepper-header-edit-state-icon-foreground-color: white
}

html {
    --mat-stepper-header-height: 72px
}

html {
    --mat-stepper-container-text-font: Roboto, sans-serif;
    --mat-stepper-header-label-text-font: Roboto, sans-serif;
    --mat-stepper-header-label-text-size: 14px;
    --mat-stepper-header-label-text-weight: 400;
    --mat-stepper-header-error-state-label-text-size: 16px;
    --mat-stepper-header-selected-state-label-text-size: 16px;
    --mat-stepper-header-selected-state-label-text-weight: 400
}

html {
    --mat-sort-arrow-color: rgb(117.3, 117.3, 117.3)
}

html {
    --mat-toolbar-container-background-color: whitesmoke;
    --mat-toolbar-container-text-color: rgba(0, 0, 0, .87)
}

.mat-toolbar.mat-primary {
    --mat-toolbar-container-background-color: #673ab7;
    --mat-toolbar-container-text-color: white
}

.mat-toolbar.mat-accent {
    --mat-toolbar-container-background-color: #ffd740;
    --mat-toolbar-container-text-color: rgba(0, 0, 0, .87)
}

.mat-toolbar.mat-warn {
    --mat-toolbar-container-background-color: #f44336;
    --mat-toolbar-container-text-color: white
}

html {
    --mat-toolbar-standard-height: 64px;
    --mat-toolbar-mobile-height: 56px
}

html {
    --mat-toolbar-title-text-font: Roboto, sans-serif;
    --mat-toolbar-title-text-line-height: 32px;
    --mat-toolbar-title-text-size: 20px;
    --mat-toolbar-title-text-tracking: .0125em;
    --mat-toolbar-title-text-weight: 500
}

html {
    --mat-tree-container-background-color: white;
    --mat-tree-node-text-color: rgba(0, 0, 0, .87)
}

html {
    --mat-tree-node-min-height: 48px
}

html {
    --mat-tree-node-text-font: Roboto, sans-serif;
    --mat-tree-node-text-size: 14px;
    --mat-tree-node-text-weight: 400
}

html {
    --mat-timepicker-container-shape: 4px;
    --mat-timepicker-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)
}

html {
    --mat-timepicker-container-background-color: white
}

.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
    font: 400 24px/32px Roboto, sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
    font: 500 20px/32px Roboto, sans-serif;
    letter-spacing: .0125em;
    margin: 0 0 16px
}

.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
    font: 400 16px/28px Roboto, sans-serif;
    letter-spacing: .009375em;
    margin: 0 0 16px
}

.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
    font: 400 16px/24px Roboto, sans-serif;
    letter-spacing: .03125em;
    margin: 0 0 16px
}

.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
    font: 400 11.62px/20px Roboto, sans-serif;
    margin: 0 0 12px
}

.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
    font: 400 9.38px/20px Roboto, sans-serif;
    margin: 0 0 12px
}

.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
    font: 500 14px/22px Roboto, sans-serif;
    letter-spacing: .0071428571em
}

.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
    font: 400 14px/20px Roboto, sans-serif;
    letter-spacing: .0178571429em
}

.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
    margin: 0 0 12px
}

.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
    font: 400 12px/20px Roboto, sans-serif;
    letter-spacing: .0333333333em
}

.mat-headline-1,
.mat-typography .mat-headline-1 {
    font: 300 96px/96px Roboto, sans-serif;
    letter-spacing: -.015625em;
    margin: 0 0 56px
}

.mat-headline-2,
.mat-typography .mat-headline-2 {
    font: 300 60px/60px Roboto, sans-serif;
    letter-spacing: -.0083333333em;
    margin: 0 0 64px
}

.mat-headline-3,
.mat-typography .mat-headline-3 {
    font: 400 48px/50px Roboto, sans-serif;
    letter-spacing: normal;
    margin: 0 0 64px
}

.mat-headline-4,
.mat-typography .mat-headline-4 {
    font: 400 34px/40px Roboto, sans-serif;
    letter-spacing: .0073529412em;
    margin: 0 0 64px
}

.adyen-checkout__spinner__wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.adyen-checkout__spinner__wrapper--inline {
    display: inline-block;
    height: auto;
    margin-right: 8px
}

[dir=rtl] .adyen-checkout__spinner__wrapper--inline {
    margin-left: 8px;
    margin-right: 0
}

.adyen-checkout__spinner {
    animation: rotate-spinner 1.5s linear infinite;
    border: 3px solid #0075ff;
    border-radius: 50%;
    border-top-color: transparent;
    height: 43px;
    width: 43px
}

.adyen-checkout__spinner--large {
    height: 43px;
    width: 43px
}

.adyen-checkout__spinner--small {
    border-width: 2px;
    height: 16px;
    width: 16px
}

.adyen-checkout__spinner--medium {
    height: 28px;
    width: 28px
}

@keyframes rotate-spinner {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.adyen-checkout__button {
    background: #00112c;
    border: 0;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
    font-weight: 500;
    height: 48px;
    margin: 0;
    padding: 15px;
    text-decoration: none;
    transition: background .3s ease-out, box-shadow .3s ease-out;
    width: 100%
}

.adyen-checkout__button:focus {
    box-shadow: 0 0 0 2px #3070ed;
    outline: 0
}

.adyen-checkout__button:hover {
    background: #1c3045;
    box-shadow: 0 0, 0 2px 4px -1px #0003, 0 4px 5px #00000024
}

.adyen-checkout__button:active {
    background: #3a4a5c
}

.adyen-checkout__button:hover:focus {
    box-shadow: 0 0 0 2px #3070ed, 0 3px 4px #000f2d33
}

.adyen-checkout__button:disabled,
.adyen-checkout__button:disabled:hover {
    box-shadow: none;
    cursor: not-allowed;
    opacity: .4;
    -webkit-user-select: all;
    user-select: all
}

.adyen-checkout__button.adyen-checkout__button--loading {
    background: #687282;
    box-shadow: none;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

.adyen-checkout__button.adyen-checkout__button--pay {
    display: flex;
    justify-content: center;
    margin-top: 24px
}

.adyen-checkout__button.adyen-checkout__button--pay:disabled {
    opacity: .4
}

.adyen-checkout__button.adyen-checkout__button--standalone {
    margin-top: 0
}

.adyen-checkout__button.adyen-checkout__button--inline {
    display: block;
    font-size: .81em;
    height: auto;
    padding: 10px 8px;
    width: auto
}

.adyen-checkout__button.adyen-checkout__button--ghost {
    background: none;
    border: 0;
    color: #00112c
}

.adyen-checkout__button.adyen-checkout__button--ghost:hover {
    background: #f7f8f9;
    box-shadow: none
}

.adyen-checkout__button.adyen-checkout__button--ghost:active {
    background: #e6e9eb;
    box-shadow: none
}

.adyen-checkout__button.adyen-checkout__button--secondary {
    background: #fff;
    border: 1px solid #00112c;
    color: #00112c;
    padding: 10px 12px
}

.adyen-checkout__button.adyen-checkout__button--secondary:hover {
    background: #f7f8f9;
    box-shadow: 0 2px 4px #1b2a3c33, 0 4px 5px #1b2a3c24
}

.adyen-checkout__button.adyen-checkout__button--secondary:active,
.adyen-checkout__button.adyen-checkout__button--secondary:active:hover {
    background: #f7f8f9;
    box-shadow: none
}

.adyen-checkout__button.adyen-checkout__button--secondary:disabled,
.adyen-checkout__button.adyen-checkout__button--secondary:disabled:hover {
    background-color: #f7f8f9;
    border-color: #99a3ad;
    box-shadow: none;
    cursor: not-allowed;
    opacity: .5;
    -webkit-user-select: all;
    user-select: all
}

.adyen-checkout__button.adyen-checkout__button--secondary .adyen-checkout__spinner {
    border-color: transparent #00112c #00112c
}

.adyen-checkout__button.adyen-checkout__button--action {
    background: #0066ff1a;
    border: 1px solid transparent;
    color: #0075ff;
    padding: 10px 12px
}

.adyen-checkout__button.adyen-checkout__button--action:hover {
    background: #06f3;
    box-shadow: none
}

.adyen-checkout__button.adyen-checkout__button--action:active,
.adyen-checkout__button.adyen-checkout__button--action:active:hover {
    background: #0066ff4d;
    box-shadow: none
}

.adyen-checkout__button.adyen-checkout__button--link {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #0075ff;
    font-weight: 400;
    padding: 2px
}

.adyen-checkout__button.adyen-checkout__button--link:hover {
    background: transparent;
    box-shadow: none;
    text-decoration: underline
}

.adyen-checkout__button.adyen-checkout__button--completed,
.adyen-checkout__button.adyen-checkout__button--completed:active,
.adyen-checkout__button.adyen-checkout__button--completed:active:hover,
.adyen-checkout__button.adyen-checkout__button--completed:hover {
    background: #089a43;
    color: #fff
}

.adyen-checkout__button.adyen-checkout__button--completed .adyen-checkout__button__icon {
    filter: brightness(0) invert(1)
}

.adyen-checkout__button__content {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.adyen-checkout__button__icon {
    margin-right: 12px
}

[dir=rtl] .adyen-checkout__button__icon {
    margin-left: 12px;
    margin-right: 0
}

.adyen-checkout__button__text {
    display: block;
    justify-content: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.adyen-checkout__button__text--sr-only {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.adyen-checkout__button .adyen-checkout__spinner {
    border-color: transparent #fff #fff
}

.checkout-secondary-button__text {
    font-size: .85em;
    margin-left: 5px;
    margin-top: 1px
}

.adyen-checkout__iframe {
    border: 0
}

.adyen-checkout__fieldset {
    border: none;
    display: block;
    margin-inline-end: 0;
    margin-inline-start: 0;
    margin: 0;
    padding-block-start: 0;
    padding-bottom: 8px;
    padding-block-end: 0;
    padding-inline-end: 0;
    padding-inline-start: 0;
    width: 100%
}

.adyen-checkout__fieldset:last-of-type {
    padding-bottom: 0
}

.adyen-checkout__fieldset+.adyen-checkout__fieldset {
    margin-top: 16px
}

.adyen-checkout__fieldset__title {
    color: #687282;
    display: block;
    font-size: .68em;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0;
    padding: 0 0 12px;
    text-transform: uppercase
}

.adyen-checkout__field-group,
.adyen-checkout__fieldset__fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
}

@media (min-width: 480px) {
    .adyen-checkout__field-group:last-of-type .adyen-checkout__field {
        margin-bottom: 0
    }
}

.adyen-checkout__field-group:last-of-type .adyen-checkout__field:last-of-type,
:not(.adyen-checkout__field-group)>.adyen-checkout__field:last-of-type {
    margin-bottom: 0
}

.adyen-checkout__fieldset--readonly .adyen-checkout__fieldset__fields {
    color: #00112c;
    font-size: .81em;
    line-height: 19px;
    margin: 0
}

.adyen-checkout__field {
    display: block;
    margin-bottom: 16px;
    width: 100%
}

.adyen-checkout__label {
    display: block;
    position: relative
}

.adyen-checkout__helper-text,
.adyen-checkout__label__text {
    color: #00112c;
    display: block;
    font-size: .81em;
    font-weight: 400;
    line-height: 13px;
    padding-bottom: 5px
}

.adyen-checkout__label-adornment--end {
    position: absolute;
    right: 0;
    top: 0
}

.adyen-checkout__helper-text {
    color: #687282
}

.adyen-checkout__label__text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .1s ease-out;
    white-space: nowrap
}

.adyen-checkout__label__text--error {
    color: #c12424
}

.adyen-checkout__label--focused .adyen-checkout__label__text {
    color: #0075ff
}

.adyen-checkout__error-text {
    align-items: center;
    color: #c12424;
    display: flex;
    font-size: .75em;
    font-weight: 400;
    margin-top: 4px
}

.adyen-checkout__field-wrapper {
    display: flex;
    width: 100%
}

@media (min-width: 480px) {
    .adyen-checkout__field--20 {
        width: 20%
    }

    .adyen-checkout__field--30 {
        width: 30%
    }

    .adyen-checkout__field--40 {
        width: 40%
    }

    .adyen-checkout__field--50 {
        width: 50%
    }

    .adyen-checkout__field--60 {
        width: 60%
    }

    .adyen-checkout__field--70 {
        width: 70%
    }

    .adyen-checkout__field--80 {
        width: 80%
    }

    .adyen-checkout__field--col-70 {
        width: calc(70% - 8px)
    }

    .adyen-checkout__field--col-30 {
        width: calc(30% - 8px)
    }

    .adyen-checkout__field--col-50 {
        width: calc(50% - 8px)
    }
}

.adyen-checkout__field-wrapper>.adyen-checkout__field:first-child {
    margin-right: 8px
}

[dir=rtl] .adyen-checkout__field-wrapper>.adyen-checkout__field:first-child {
    margin-left: 8px;
    margin-right: 0
}

.adyen-checkout__field-wrapper>.adyen-checkout__field:nth-child(2) {
    margin-left: 8px
}

[dir=rtl] .adyen-checkout__field-wrapper>.adyen-checkout__field:nth-child(2) {
    margin-left: 0;
    margin-right: 8px
}

.adyen-checkout__field-wrapper:last-of-type>.adyen-checkout__field {
    margin-bottom: 0
}

.adyen-checkout__input {
    background: #fff;
    border: 1px solid #b9c4c9;
    border-radius: 6px;
    box-sizing: border-box;
    caret-color: #0075ff;
    color: #00112c;
    display: block;
    font-family: inherit;
    font-size: 1em;
    height: 40px;
    outline: none;
    padding: 5px 8px;
    position: relative;
    transition: border .2s ease-out, box-shadow .2s ease-out;
    width: 100%
}

.adyen-checkout__input:hover {
    border-color: #99a3ad
}

.adyen-checkout__input:required {
    box-shadow: none
}

.adyen-checkout__input--disabled,
.adyen-checkout__input[readonly] {
    background: #e6e9eb;
    border-color: #e6e9eb
}

.adyen-checkout__input--disabled:hover {
    border-color: #e6e9eb
}

.adyen-checkout__input-wrapper {
    display: block;
    position: relative
}

.adyen-checkout__input-wrapper--block {
    display: block
}

.adyen-checkout-input__inline-validation {
    height: 16px;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px
}

[dir=rtl] .adyen-checkout-input__inline-validation {
    left: 14px;
    right: auto
}

[dir=ltr] .adyen-checkout-input__inline-validation {
    left: auto;
    right: 14px
}

.adyen-checkout-input__inline-validation--valid {
    color: #089a43
}

.adyen-checkout-input__inline-validation--invalid {
    color: #c12424
}

.adyen-checkout__input--valid {
    border-bottom-color: #089a43
}

.adyen-checkout__input--error,
.adyen-checkout__input--error:hover,
.adyen-checkout__input--invalid,
.adyen-checkout__input--invalid:hover {
    border-color: #c12424
}

.adyen-checkout__input::placeholder {
    color: #707070;
    font-weight: 200
}

.adyen-checkout__input--date {
    padding-right: 30px
}

.adyen-checkout__input--focus,
.adyen-checkout__input--focus:hover,
.adyen-checkout__input:active,
.adyen-checkout__input:active:hover,
.adyen-checkout__input:focus,
.adyen-checkout__input:focus:hover {
    border: 1px solid #0075ff;
    box-shadow: 0 0 0 2px #3070ed
}

.adyen-checkout__input[readonly],
.adyen-checkout__input[readonly]:hover {
    background-color: #e6e9eb;
    border-color: transparent;
    color: #687282;
    cursor: default
}

.adyen-checkout__fieldset--personalDetails .adyen-checkout__field--gender .adyen-checkout__radio_group {
    display: flex
}

.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group {
    display: flex;
    margin: 8px 0
}

.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group__input-wrapper {
    margin-right: 20px
}

.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group__input-wrapper:last-child {
    margin: 0
}

.adyen-checkout__radio_group+.adyen-checkout-input__inline-validation {
    display: none
}

.adyen-checkout__radio_group__input {
    opacity: 0;
    position: absolute
}

.adyen-checkout__radio_group__label {
    color: inherit;
    display: block;
    font-size: .81em;
    font-weight: 400;
    line-height: 16px;
    overflow: visible;
    padding-bottom: 0;
    padding-left: 24px;
    position: relative
}

.adyen-checkout__label--focused .adyen-checkout__radio_group__label {
    color: inherit
}

.adyen-checkout__radio_group__label:before {
    background-color: #fff;
    border: 1px solid #b9c4c9;
    border-radius: 50%;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0;
    transition: border-color .2s ease-out, box-shadow .2s ease-out;
    width: 16px
}

.adyen-checkout__radio_group__label:hover:before {
    border-color: #99a3ad;
    box-shadow: 0 0 0 2px #d4d9db;
    cursor: pointer
}

.adyen-checkout__radio_group__label:after {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 1px #000f2d40;
    content: "";
    display: block;
    height: 6px;
    left: 5px;
    margin: 0 auto;
    position: absolute;
    top: 5px;
    transform: scale(0);
    transition: transform .2s ease-out;
    width: 6px
}

.adyen-checkout__radio_group__label:hover {
    border-color: #0075ff;
    cursor: pointer
}

.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:before,
.adyen-checkout__radio_group__label--selected {
    background-color: #0075ff;
    border: 0;
    transition: all .2s ease-out
}

.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:after {
    transform: scale(1)
}

.adyen-checkout__radio_group__input:focus+.adyen-checkout__radio_group__label:before {
    border-color: #0075ff;
    box-shadow: 0 0 0 2px #06f6
}

.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:hover:before,
.adyen-checkout__radio_group__input:checked:active+.adyen-checkout__radio_group__label:before,
.adyen-checkout__radio_group__input:checked:focus+.adyen-checkout__radio_group__label:before {
    box-shadow: 0 0 0 2px #06f6
}

.adyen-checkout__radio_group__label.adyen-checkout__radio_group__label--invalid:before {
    border: 1px solid #c12424
}

.Select-module_adyen-checkout__dropdown__0Mj-n {
    position: relative
}

.Select-module_adyen-checkout__dropdown__button__yTyqq {
    align-items: center;
    cursor: pointer;
    display: flex
}

.Select-module_adyen-checkout__dropdown__button__yTyqq:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='7' fill='none'%3E%3Cpath fill='%23687282' d='M3.195 6.565a1 1 0 0 0 1.6 0l2.992-3.98a1 1 0 0 0-.8-1.602H1.013a1 1 0 0 0-.8 1.6l2.983 3.982Z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    height: 6px;
    position: absolute;
    right: 16px;
    width: 8px
}

[dir=rtl] .Select-module_adyen-checkout__dropdown__button__yTyqq:after {
    left: 16px;
    right: auto
}

.Select-module_adyen-checkout__dropdown__button--active__Ej-JR:after {
    transform: rotate(180deg)
}

.Select-module_adyen-checkout__filter-input__CwPBS {
    background: #fff;
    border: 0;
    caret-color: #0075ff;
    color: #00112c;
    font-family: inherit;
    font-size: 1em;
    height: 100%;
    padding: 0;
    width: 100%
}

.Select-module_adyen-checkout__filter-input__CwPBS::placeholder {
    color: #b9c4c9;
    font-weight: 200
}

.Select-module_adyen-checkout__filter-input__CwPBS:active,
.Select-module_adyen-checkout__filter-input__CwPBS:focus {
    outline: 0
}

.Select-module_adyen-checkout__filter-input__CwPBS[readonly] {
    background: #e6e9eb;
    border-color: transparent;
    color: #00112c;
    cursor: not-allowed
}

.Select-module_adyen-checkout__dropdown__list__YtEzj {
    background: #fff;
    display: none;
    list-style: none;
    margin: 0 0 50px;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.Select-module_adyen-checkout__dropdown__list__YtEzj.Select-module_adyen-checkout__dropdown__list--active__Gegw2 {
    display: block
}

.Select-module_adyen-checkout__dropdown__element__ORU4- {
    align-items: center;
    display: flex
}

.adyen-checkout__image {
    opacity: 0;
    transition: opacity .6s ease-out
}

.adyen-checkout__image--loaded {
    opacity: 1
}

.adyen-checkout__dropdown__button-icon--left {
    flex-direction: row-reverse;
    justify-content: flex-end
}

.adyen-checkout__dropdown__button-icon--left>img {
    margin-left: 0;
    margin-right: 12px
}

.adyen-checkout__dropdown {
    font-size: 1em;
    max-width: 100%;
    width: 100%
}

.adyen-checkout__dropdown__button {
    background: #fff;
    border: 1px solid #b9c4c9;
    border-radius: 6px;
    color: #00112c;
    font-size: 1em;
    height: 40px;
    line-height: 20px;
    outline: 0;
    padding: 7px 24px 7px 12px;
    text-decoration: none;
    transition: border .2s ease-out, box-shadow .2s ease-out;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

[dir=rtl] .adyen-checkout__dropdown__button {
    padding: 7px 12px 7px 24px
}

.adyen-checkout__dropdown__button:hover {
    border-color: #99a3ad
}

.adyen-checkout__dropdown__button__icon {
    border-radius: 3px;
    height: 26px;
    margin-right: 12px;
    max-width: 40px
}

.adyen-checkout__dropdown__button--disabled {
    opacity: .4
}

.adyen-checkout__dropdown__button--active,
.adyen-checkout__dropdown__button--active:hover,
.adyen-checkout__dropdown__button:active,
.adyen-checkout__dropdown__button:focus {
    border-color: #0075ff;
    box-shadow: 0 0 0 2px #3070ed
}

.adyen-checkout__dropdown__button--readonly,
.adyen-checkout__dropdown__button--readonly--active,
.adyen-checkout__dropdown__button--readonly:focus,
.adyen-checkout__dropdown__button--readonly:hover {
    background: #e6e9eb;
    border-color: transparent;
    color: #00112c;
    cursor: not-allowed
}

.adyen-checkout__dropdown__button--readonly:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='7' fill='none'%3E%3Cpath fill='%23B9C4C9' d='M3.195 6.565a1 1 0 0 0 1.6 0l2.992-3.98a1 1 0 0 0-.8-1.602H1.013a1 1 0 0 0-.8 1.6l2.983 3.982Z'/%3E%3C/svg%3E")
}

.adyen-checkout__dropdown__button--invalid {
    border-color: #c12424
}

.adyen-checkout__dropdown__button--valid {
    border-bottom-color: #089a43
}

.adyen-checkout__dropdown__button__text {
    flex-grow: 1;
    overflow: hidden;
    pointer-events: none;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.adyen-checkout__dropdown__button__secondary-text {
    margin-right: 16px
}

.adyen-checkout__dropdown__list {
    border-radius: 6px;
    box-shadow: 0 2px 7px #000f2d4d;
    max-height: 375px;
    z-index: 2
}

.adyen-checkout__dropdown__list.adyen-checkout__dropdown__list--active {
    margin-top: 2px
}

.adyen-checkout__dropdown__element {
    border: 1px solid transparent;
    cursor: pointer;
    font-size: .81em;
    hyphens: auto;
    line-height: 20px;
    outline: 0;
    padding: 8px;
    transition: background .2s ease-out, border-color .2s ease-out;
    -webkit-user-select: none;
    user-select: none;
    word-break: break-word
}

.adyen-checkout__dropdown__element .adyen-checkout__icon {
    position: absolute;
    right: 8px
}

.adyen-checkout__dropdown__element:last-child {
    border-bottom: 0
}

.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--active {
    background: #e6e9eb99
}

.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected {
    background: #0066ff1a
}

.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:active,
.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:focus,
.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:hover {
    background: #0066ff26
}

.adyen-checkout__dropdown__element--disabled {
    cursor: not-allowed;
    opacity: .4
}

.adyen-checkout__dropdown__element__icon {
    border-radius: 3px;
    margin-right: 12px;
    max-height: 26px;
    max-width: 40px
}

.adyen-checkout__dropdown__element__text {
    flex-grow: 1
}

.adyen-checkout__dropdown__element__secondary-text:not(:last-child) {
    margin-right: 8px
}

.adyen-checkout__dropdown__element__flag {
    margin-left: 8px;
    margin-right: 10px;
    max-height: 18px;
    max-width: 27px
}

.adyen-checkout__dropdown+.adyen-checkout-input__inline-validation {
    right: 32px
}

.adyen-checkout__address-search {
    position: relative
}

.adyen-checkout__address-search .adyen-checkout__dropdown__button:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23687282' d='M6.5 11.9a4.5 4.5 0 0 0 2.6-.83l2.77 2.74c.13.13.3.19.48.19.38 0 .65-.29.65-.66a.63.63 0 0 0-.19-.46l-2.75-2.73a4.4 4.4 0 0 0 .92-2.7 4.48 4.48 0 0 0-8.98 0 4.48 4.48 0 0 0 4.5 4.45Zm0-.96a3.53 3.53 0 0 1-3.53-3.49 3.52 3.52 0 0 1 7.04 0c0 1.9-1.59 3.49-3.52 3.49Z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    height: 16px;
    left: 12px;
    position: absolute;
    width: 16px
}

.adyen-checkout__address-search .adyen-checkout__dropdown__button--active:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%2300112C' d='M6.5 11.9a4.5 4.5 0 0 0 2.6-.83l2.77 2.74c.13.13.3.19.48.19.38 0 .65-.29.65-.66a.63.63 0 0 0-.19-.46l-2.75-2.73a4.4 4.4 0 0 0 .92-2.7 4.48 4.48 0 0 0-8.98 0 4.48 4.48 0 0 0 4.5 4.45Zm0-.96a3.53 3.53 0 0 1-3.53-3.49 3.52 3.52 0 0 1 7.04 0c0 1.9-1.59 3.49-3.52 3.49Z'/%3E%3C/svg%3E");
    transform: none
}

.adyen-checkout__address-search .adyen-checkout__filter-input {
    padding-left: 24px
}

.adyen-checkout__address-search__manual-add {
    position: absolute;
    right: 0;
    top: 0
}

.adyen-checkout__address-search__manual-add .adyen-checkout__address-search__manual-add__button {
    border: 0;
    padding: 0
}

.adyen-checkout__checkbox {
    display: block
}

.adyen-checkout__checkbox__label {
    color: #00112c;
    cursor: pointer;
    font-size: .81em;
    font-weight: 400;
    line-height: 19px;
    padding-left: 24px;
    position: relative;
    -webkit-user-select: none;
    user-select: none
}

[dir=rtl] .adyen-checkout__checkbox__label {
    padding-left: 0;
    padding-right: 24px
}

.adyen-checkout__checkbox__input {
    opacity: 0;
    pointer-events: none;
    position: absolute
}

.adyen-checkout__checkbox__input:checked+.adyen-checkout__checkbox__label:before {
    opacity: 1
}

.adyen-checkout__checkbox__input:checked+.adyen-checkout__checkbox__label:after {
    background-color: #0075ff;
    border: 1px solid #0075ff
}

.adyen-checkout__checkbox__input:checked:hover+.adyen-checkout__checkbox__label:after {
    border-color: #0075ff;
    box-shadow: 0 0 0 2px #06f6
}

.adyen-checkout__checkbox__input:focus+.adyen-checkout__checkbox__label:after {
    border: 1px solid #0075ff;
    box-shadow: 0 0 0 2px #3070ed
}

.adyen-checkout__checkbox__input:hover:not(:focus)+.adyen-checkout__checkbox__label:after {
    border-color: #99a3ad;
    box-shadow: 0 0 0 2px #d4d9db
}

.adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:before {
    border-color: transparent #fff #fff transparent;
    border-radius: 0 2px 1px;
    border-style: solid;
    border-width: 1px 2px 2px 1px;
    content: "";
    height: 11px;
    left: 1px;
    opacity: 0;
    position: absolute;
    top: 2px;
    transform: rotate(37deg);
    transform-origin: 100% 100%;
    transition: opacity .2s ease-out;
    width: 6px;
    z-index: 1
}

[dir=rtl] .adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:before {
    left: auto;
    right: 8px
}

.adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:after {
    background-color: #fff;
    border: 1px solid #b9c4c9;
    border-radius: 3px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0;
    transition: background .15s ease-out, border .05s ease-out, box-shadow .1s ease-out;
    width: 16px;
    z-index: 0
}

[dir=rtl] .adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:after {
    left: auto;
    right: 0
}

.adyen-checkout__field--consentCheckbox {
    background: #e6e9eb;
    border: 1px solid #e6e9eb;
    border-radius: 6px;
    padding: 14px 14px 13px
}

[dir=rtl] .adyen-checkout__field--consentCheckbox {
    padding: 14px 14px 13px
}

.adyen-checkout__field--consentCheckbox.adyen-checkout__field--error {
    border-color: #c12424
}

.adyen-checkout__field--consentCheckbox .adyen-checkout-input__inline-validation {
    right: -5px;
    top: 10px
}

.adyen-checkout__open-invoice .adyen-checkout__fieldset--billingAddress {
    margin-bottom: 16px
}

.adyen-checkout__open-invoice .adyen-checkout__fieldset--deliveryAddress {
    margin-top: 24px;
    padding-bottom: 8px
}

.adyen-checkout__open-invoice .adyen-checkout__input--separateDeliveryAddress {
    margin-bottom: 0
}

.adyen-checkout__input--separateDeliveryAddress+.adyen-checkout__checkbox__label,
.adyen-checkout__open-invoice .adyen-checkout__field--consentCheckbox {
    margin-top: 16px
}

.adyen-checkout-form-instruction {
    color: #687282;
    font-size: .81em;
    font-weight: 400;
    line-height: 19px;
    margin-top: 0
}

[dir=rtl] .adyen-checkout-form-instruction {
    padding-right: 0
}

.adyen-checkout__amazonpay__button {
    margin: auto
}

.adyen-checkout__amazonpay .adyen-checkout__button--ghost {
    display: block;
    margin: 8px auto 0;
    width: auto
}

@supports (-webkit-appearance: -apple-pay-button) {

    .ApplePayButton-module_apple-pay-button__l5g-d,
    .ApplePayButton-module_apple-pay__gYjuP {
        -webkit-appearance: -apple-pay-button
    }

    .ApplePayButton-module_apple-pay-button__l5g-d {
        cursor: pointer;
        display: inline-block
    }

    .ApplePayButton-module_apple-pay-button-black__istwW {
        -apple-pay-button-style: black
    }

    .ApplePayButton-module_apple-pay-button-white__-wLaE {
        -apple-pay-button-style: white
    }

    .ApplePayButton-module_apple-pay-button-white-with-line__MlRq7 {
        -apple-pay-button-style: white-outline
    }

    .ApplePayButton-module_apple-pay-button--type-plain__ycfNl {
        -apple-pay-button-type: plain
    }

    .ApplePayButton-module_apple-pay-button--type-buy__9m8AB {
        -apple-pay-button-type: buy
    }

    .ApplePayButton-module_apple-pay-button--type-donate__HmRdK {
        -apple-pay-button-type: donate
    }

    .ApplePayButton-module_apple-pay-button--type-check-out__XdGWd {
        -apple-pay-button-type: check-out
    }

    .ApplePayButton-module_apple-pay-button--type-book__-v-VY {
        -apple-pay-button-type: book
    }

    .ApplePayButton-module_apple-pay-button--type-subscribe__WxWIF {
        -apple-pay-button-type: subscribe
    }

    .ApplePayButton-module_apple-pay-button--type-add-money__zeBA8 {
        -apple-pay-button-type: add-money
    }

    .ApplePayButton-module_apple-pay-button--type-contribute__G3E8e {
        -apple-pay-button-type: contribute
    }

    .ApplePayButton-module_apple-pay-button--type-order__ggI6j {
        -apple-pay-button-type: order
    }

    .ApplePayButton-module_apple-pay-button--type-reload__QbgLd {
        -apple-pay-button-type: reload
    }

    .ApplePayButton-module_apple-pay-button--type-rent__VzC-E {
        -apple-pay-button-type: rent
    }

    .ApplePayButton-module_apple-pay-button--type-support__6EjmY {
        -apple-pay-button-type: support
    }

    .ApplePayButton-module_apple-pay-button--type-tip__bdzGK {
        -apple-pay-button-type: tip
    }

    .ApplePayButton-module_apple-pay-button--type-top-up__Eb3qR {
        -apple-pay-button-type: top-up
    }
}

@supports not (-webkit-appearance: -apple-pay-button) {
    .ApplePayButton-module_apple-pay-button__l5g-d {
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: 100% 60%;
        border-radius: 5px;
        box-sizing: border-box;
        display: inline-block;
        max-height: 64px;
        min-height: 32px;
        min-width: 200px;
        padding: 0
    }

    .ApplePayButton-module_apple-pay-button-black__istwW {
        background-color: #000;
        background-image: -webkit-named-image(apple-pay-logo-white)
    }

    .ApplePayButton-module_apple-pay-button-white-with-line__MlRq7,
    .ApplePayButton-module_apple-pay-button-white__-wLaE {
        background-color: #fff;
        background-image: -webkit-named-image(apple-pay-logo-black)
    }

    .ApplePayButton-module_apple-pay-button-white-with-line__MlRq7 {
        border: .5px solid black
    }
}

.adyen-checkout__applepay__button {
    height: 48px;
    width: 240px
}

.adyen-checkout__dropin .adyen-checkout__applepay__button {
    width: 100%
}

.adyen-checkout__issuer-button {
    align-items: center;
    background-color: #fff;
    border: none;
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px #b9c4c9;
    cursor: pointer;
    display: flex;
    flex-basis: 47%;
    flex-grow: 2;
    font-size: .81em;
    height: 40px;
    padding: 0 12px;
    transition: background .3s ease-out, box-shadow .3s ease-out
}

.adyen-checkout__issuer-button:active {
    color: #000
}

.adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):focus {
    box-shadow: inset 0 0 0 2px #99a3ad;
    outline: none
}

.adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):focus-visible {
    box-shadow: inset 0 0 0 2px #99a3ad;
    outline: none
}

.adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):hover {
    box-shadow: inset 0 0 0 2px #99a3ad;
    outline: none
}

.adyen-checkout__issuer-button--selected {
    background: #fff;
    box-shadow: inset 0 0 0 2px #0075ff;
    color: #0075ff;
    font-weight: 500;
    height: 40px;
    transition: none
}

.adyen-checkout__issuer-button-img {
    margin-right: 8px;
    max-height: 26px
}

.adyen-checkout__issuer-button-group {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 16px
}

.adyen-checkout__content-separator {
    align-items: center;
    color: #687282;
    display: flex;
    font-size: 13px;
    justify-content: center;
    line-height: 19px;
    margin-bottom: 16px;
    margin-top: 16px;
    white-space: nowrap
}

.adyen-checkout__content-separator:after,
.adyen-checkout__content-separator:before {
    background: #e6e9eb;
    content: "";
    display: block;
    height: 1px;
    width: 100%
}

.adyen-checkout__content-separator:after {
    margin-left: 20px
}

.adyen-checkout__content-separator:before {
    margin-right: 20px
}

.adyen-checkout__field--issuer-list {
    margin-bottom: 0
}

.adyen-checkout__issuer-list__termsAndConditions {
    text-align: center
}

.adyen-checkout-disclaimer__label {
    color: #687282;
    display: inline-block;
    font-size: .81em;
    font-weight: 400;
    line-height: 19px;
    margin-top: 16px;
    padding-left: 0
}

[dir=rtl] .adyen-checkout-disclaimer__label {
    padding-right: 0
}

.js-iframe {
    border: none;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.adyen-checkout__card-input__form {
    transition: opacity .25s ease-out
}

.adyen-checkout__card__cardNumber {
    max-width: 400px
}

.adyen-checkout__card__cardNumber__input {
    padding: 5px 8px
}

.adyen-checkout__card__exp-date__input--oneclick {
    font-weight: 400;
    line-height: 30px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.adyen-checkout__field--storedCard .adyen-checkout__input[readonly],
.adyen-checkout__field--storedCard .adyen-checkout__input[readonly]:hover {
    color: #00112c
}

.adyen-checkout__card__holderName,
.adyen-checkout__field--expiryDate,
.adyen-checkout__field--storedCard {
    margin-bottom: 0
}

.adyen-checkout__card-input .adyen-checkout__fieldset--billingAddress,
.adyen-checkout__card__holderName,
.adyen-checkout__card__kcp-authentication,
.adyen-checkout__card__socialSecurityNumber,
.adyen-checkout__installments,
.adyen-checkout__store-details {
    margin-top: 16px
}

.adyen-checkout__card-input.adyen-checkout__card-input--loading {
    pointer-events: none
}

.adyen-checkout__card__holderName:first-child {
    margin: 0 0 16px
}

.adyen-checkout__field--cardNumber .adyen-checkout__input--error .adyen-checkout__card__cardNumber__brandIcon,
.adyen-checkout__field--cardNumber .adyen-checkout__input--valid:not(.adyen-checkout__card__cardNumber__input--noBrand)+.adyen-checkout-input__inline-validation--valid {
    display: none
}

.adyen-checkout__field--securityCode.adyen-checkout__field--error .adyen-checkout__card__cvc__hint,
.adyen-checkout__field--securityCode.adyen-checkout__field--valid .adyen-checkout__card__cvc__hint {
    opacity: 0
}

@keyframes cvc-indicate-location {
    0% {
        opacity: 1
    }

    to {
        opacity: .3
    }
}

.adyen-checkout__label--focused .adyen-checkout__field__cvc--back-hint .adyen-checkout__card__cvc__hint--back .adyen-checkout__card__cvc__hint__location,
.adyen-checkout__label--focused .adyen-checkout__field__cvc--front-hint .adyen-checkout__card__cvc__hint--front .adyen-checkout__card__cvc__hint__location {
    animation-direction: alternate;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: cvc-indicate-location
}

.adyen-checkout__card__cvc__hint__wrapper {
    align-items: center;
    backface-visibility: visible;
    display: flex;
    height: 100%;
    margin: 0 10px;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateZ(0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: transform .3s cubic-bezier(.455, .03, .515, .955);
    width: 27px;
    will-change: transform
}

.adyen-checkout__field__cvc--front-hint.adyen-checkout__card__cvc__hint__wrapper {
    transform: rotateY(180deg)
}

.adyen-checkout__card__cvc__hint {
    backface-visibility: hidden;
    position: absolute;
    transition: opacity .1s linear
}

.adyen-checkout__field__exp-date_hint_wrapper {
    align-items: center;
    bottom: 0;
    display: flex;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .1s linear
}

.adyen-checkout__field__exp-date_hint_wrapper.adyen-checkout__field__exp-date_hint_wrapper--hidden {
    opacity: 0
}

.adyen-checkout__field__exp-date_hint {
    height: 18px;
    margin: 0 10px 0 0;
    width: 27px
}

.adyen-checkout__card__cvc__hint--front {
    transform: rotateY(180deg)
}

@media (prefers-reduced-motion:reduce) {
    .adyen-checkout__card__cvc__hint__wrapper {
        transition: none
    }
}

.adyen-checkout__fieldset--revolving-plan .adyen-checkout__fieldset__fields {
    justify-content: left
}

.adyen-checkout__fieldset--revolving-plan .adyen-checkout__radio_group {
    display: flex;
    flex-direction: column
}

.adyen-checkout__fieldset--revolving-plan .adyen-checkout__radio_group__input-wrapper {
    margin-top: 20px
}

.adyen-checkout__fieldset--revolving-plan .adyen-checkout__field--revolving-plan-installments {
    margin-left: 15px;
    position: relative;
    top: 42px;
    width: 30%
}

.LoadingWrapper-module_loading-input__form__ffCKa {
    opacity: 1
}

.LoadingWrapper-module_loading-input__form--loading__7GmVo {
    opacity: 0
}

.LoadingWrapper-module_loading-input__spinner__GxA51 {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.LoadingWrapper-module_loading-input__spinner--active__ENNBS {
    display: block
}

.CardInput-module_card-input__wrapper__wXSCw {
    position: relative
}

.CardInput-module_card-input__wrapper__wXSCw *,
.CardInput-module_card-input__wrapper__wXSCw :after,
.CardInput-module_card-input__wrapper__wXSCw :before {
    box-sizing: border-box
}

.CardInput-module_card-input__icon__3Cz5M {
    border-radius: 3px;
    height: 18px;
    margin-left: 7px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 27px
}

.CardInput-module_card-input__form__fRo1r {
    opacity: 1
}

.CardInput-module_card-input__spinner__-j2Qi {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.CardInput-module_card-input__spinner--active__slD7w {
    display: block
}

.CardInput-module_card-input__form--loading__rrmdj {
    opacity: 0
}

.CardInput-module_adyen-checkout__input__11tlB {
    display: block;
    max-height: 100px
}

.CardInput-module_adyen-checkout__card__cvc__input--hidden__VIlHV,
.CardInput-module_adyen-checkout__card__exp-date__input--hidden__evi6- {
    display: none
}

.CardInput-module_adyen-checkout__card__exp-cvc__exp-date__input--hidden__YC3VT {
    justify-content: flex-end
}

.CardInput-module_revolving-plan-installments__disabled__VhNj2 {
    opacity: .4;
    pointer-events: none
}

.adyen-checkout__card__dual-branding__buttons {
    display: flex;
    opacity: .4;
    pointer-events: none
}

.adyen-checkout__card__dual-branding__buttons--active {
    opacity: 1;
    pointer-events: auto
}

.adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon {
    cursor: pointer;
    opacity: 1
}

.adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon:first-child {
    right: 40px
}

.adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon--not-selected {
    opacity: .5
}

.adyen-checkout__card__brands {
    display: flex;
    flex-basis: auto;
    flex-shrink: 1;
    flex-wrap: wrap;
    gap: 4px;
    height: 16px;
    margin-bottom: 16px;
    margin-top: -8px;
    overflow: hidden;
    transition: all .2s ease-out
}

.adyen-checkout__card__brands--hidden {
    height: 0;
    margin: -8px 0 8px;
    opacity: 0
}

.adyen-checkout__card__brands img {
    border-radius: 3px;
    height: 16px;
    width: 24px
}

.adyen-checkout__card__brands__brand-wrapper {
    display: inline-block;
    height: 16px;
    position: relative;
    width: 24px
}

.adyen-checkout__card__brands__brand-wrapper:after {
    border: 1px solid rgba(0, 27, 43, .17);
    border-radius: 3px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.adyen-checkout-ctp__otp-resend-code {
    color: #0075ff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    margin-left: auto
}

.adyen-checkout-ctp__otp-resend-code--confirmation,
.adyen-checkout-ctp__otp-resend-code--disabled {
    color: #687282;
    cursor: default;
    font-size: 13px;
    font-weight: 400;
    margin-left: auto;
    pointer-events: none
}

.adyen-checkout-ctp__otp-resend-code--confirmation {
    align-items: center;
    display: flex
}

.adyen-checkout-ctp__otp-resend-code--confirmation>img {
    margin-left: 4px
}

.adyen-checkout-ctp__otp-resend-code-counter {
    color: #000;
    cursor: default;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    margin-left: auto;
    text-align: right
}

.adyen-checkout-ctp__section>.adyen-checkout__field.adyen-checkout__field--otp {
    margin-bottom: 12px
}

.adyen_checkout-ctp__brand-wrapper {
    align-items: center;
    display: flex;
    height: 18px
}

.adyen_checkout-ctp__brand-logo {
    margin-right: 6px;
    width: 24px
}

.adyen_checkout-ctp__brand-pipe {
    height: 15px;
    margin-right: 6px
}

.adyen_checkout-ctp__brand-scheme {
    margin-right: 6px;
    object-fit: none
}

.adyen_checkout-ctp__brand-scheme-mc {
    width: 27px
}

.adyen_checkout-ctp__brand-scheme-visa {
    width: 35px
}

.adyen-checkout__modal-wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    left: 0;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    padding: 24px;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 10
}

.adyen-checkout__modal-wrapper:before {
    background: #00112c80;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: opacity .3s linear;
    width: 100%;
    z-index: 10
}

.adyen-checkout__modal-wrapper--open {
    visibility: visible
}

.adyen-checkout__modal-wrapper--open .adyen-checkout__modal,
.adyen-checkout__modal-wrapper--open:before {
    opacity: 1
}

.adyen-checkout__modal {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 24px #00112c26;
    margin: auto;
    opacity: 0;
    padding: 16px;
    position: relative;
    transition: opacity .2s ease, visibility .2s ease;
    z-index: 11
}

@media (max-width: 480px) {
    .adyen-checkout__modal-wrapper {
        padding: 0
    }

    .adyen-checkout__modal {
        border-radius: 0;
        height: 100%
    }
}

.adyen-checkout__ctp-modal-header-image {
    display: block;
    margin: auto
}

.adyen-checkout__ctp-modal-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 12px;
    padding: 0
}

.adyen-checkout__ctp-modal-text {
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 16px
}

.adyen-checkout__ctp-modal-benefits {
    margin-left: 0;
    padding-left: 20px
}

.adyen-checkout__ctp-modal-benefits li {
    list-style: disc;
    margin-bottom: 16px
}

.adyen-checkout__modal-wrapper--ctp .adyen-checkout__modal {
    max-width: 464px
}

.adyen_checkout-ctp__brand-wrapper--popup {
    justify-content: center;
    margin-bottom: 24px
}

.adyen-web__ctp-info-button {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 0
}

.adyen-checkout-ctp__section-logout-button {
    color: #0075ff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
    margin-left: auto
}

.adyen-checkout-ctp__section-logout-button--disabled {
    color: #687282;
    pointer-events: none
}

.adyen-checkout-ctp__section {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 6px 12px #00112c14, 0 2px 4px #00112c0a;
    padding: 16px;
    position: relative
}

.adyen-checkout-ctp__section-brand {
    align-items: center;
    display: flex;
    height: 18px;
    margin-bottom: 16px
}

.adyen-checkout-ctp__section--standalone {
    all: unset
}

.adyen-checkout-ctp__section .adyen-checkout__fieldset {
    margin-bottom: 24px
}

.adyen-checkout-ctp__section-header {
    align-items: center;
    display: flex
}

.adyen-checkout-ctp__section-header-title {
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
    margin: 0;
    padding: 0;
    width: auto
}

@media screen and (max-width: 400px) {
    .adyen-checkout-ctp__section-header-title {
        font-size: 15px
    }
}

.adyen-checkout-ctp__section-header-adornment {
    margin-left: 5px
}

.adyen-checkout-ctp__section-text {
    color: #707070;
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
    margin: 0 0 16px
}

.adyen-checkout-ctp__separator {
    color: #00112c;
    font-size: 13px;
    font-weight: 400
}

.adyen-checkout-ctp__otp-subtitle--highlighted {
    color: #00112c;
    font-weight: 500
}

.adyen-checkout-ctp__otp-checkbox-container {
    background-color: #f7f8f9;
    border-radius: 6px;
    margin-bottom: 16px;
    padding: 12px
}

.adyen-checkout-ctp__otp-checkbox-container--checked {
    background-color: #f2f8ff
}

.adyen-checkout-ctp__otp-checkbox-container label {
    cursor: pointer
}

.adyen-checkout-ctp__section .adyen-checkout__field.adyen-checkout-ctp__otp-checkbox-container {
    margin-bottom: 4px
}

.adyen-checkout-ctp__otp-checkbox-info {
    color: #707070;
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
    margin: 4px 0 0
}

.adyen-checkout-ctp__otp-readmore-button {
    all: unset;
    color: #0075ff;
    cursor: pointer;
    text-transform: lowercase
}

.adyen-checkout-ctp__card-list-single-card {
    align-items: center;
    background-color: #f7f8f9;
    border-radius: 6px;
    display: flex;
    font-size: 13px;
    font-weight: 400;
    height: 40px;
    line-height: 19px;
    padding: 12px
}

.adyen-checkout-ctp__card-list-single-card-expired {
    color: #687282;
    text-decoration: line-through
}

.adyen-checkout-ctp__expired-label {
    color: #687282;
    font-weight: 500;
    line-height: 17px;
    margin-left: auto
}

.adyen-checkout-ctp__card-image {
    border-radius: 3px;
    height: 24px;
    margin-right: 8px
}

.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__element--disabled {
    opacity: 1
}

.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__element--disabled .adyen-checkout__dropdown__element__text {
    margin: 0;
    opacity: .4;
    text-decoration: line-through
}

.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__element--disabled .adyen-checkout__dropdown__element__secondary-text {
    color: #687282;
    font-weight: 500;
    line-height: 17px
}

.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__button--disabled {
    opacity: 1
}

.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__button--disabled .adyen-checkout__dropdown__button__text {
    opacity: .4;
    text-decoration: line-through
}

.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__button--disabled .adyen-checkout__dropdown__button__secondary-text {
    color: #687282;
    font-weight: 500;
    opacity: 1
}

.adyen-checkout-ctp__card {
    background-color: #fff;
    border: none;
    border-radius: 4px;
    box-shadow: 0 0 0 2px #999595;
    cursor: pointer;
    height: 40px;
    margin: 0 0 20px;
    width: 100%
}

.adyen-checkout-ctp__empty-cards {
    align-items: center;
    background-color: #f7f8f9;
    border-radius: 6px;
    color: #687282;
    display: flex;
    font-size: 13px;
    font-weight: 400;
    height: 40px;
    line-height: 19px;
    margin-bottom: 24px;
    padding: 12px 16px
}

.adyen-checkout__iframe--ctpIframe {
    pointer-events: auto
}

.adyen-checkout__iframe--ctpIframe-hidden {
    display: none
}

@keyframes card-bounce {
    0% {
        animation-timing-function: cubic-bezier(.17, .17, .32, 1);
        -webkit-translate: 0 -60%;
        -moz-translate: 0 -60%;
        -ms-translate: 0 -60%;
        translate: 0 -60%
    }

    9.70874% {
        animation-timing-function: cubic-bezier(.41, 0, .49, 1);
        -webkit-translate: 0 8.5%;
        -moz-translate: 0 8.5%;
        -ms-translate: 0 8.5%;
        translate: 0 8.5%
    }

    23.4466% {
        animation-timing-function: cubic-bezier(.29, 0, .26, 1);
        -webkit-translate: 0 -22.5%;
        -moz-translate: 0 -22.5%;
        -ms-translate: 0 -22.5%;
        translate: 0 -22.5%
    }

    47.7184% {
        -webkit-translate: 0;
        -moz-translate: 0;
        -ms-translate: 0;
        translate: 0
    }

    63.8835% {
        animation-timing-function: cubic-bezier(1, 0, .78, 1);
        -webkit-translate: 0;
        -moz-translate: 0;
        -ms-translate: 0;
        translate: 0
    }

    86.5534% {
        -webkit-translate: 0 40.7%;
        -moz-translate: 0 40.7%;
        -ms-translate: 0 40.7%;
        translate: 0 40.7%
    }

    to {
        -webkit-translate: 0 40.7%;
        -moz-translate: 0 40.7%;
        -ms-translate: 0 40.7%;
        translate: 0 40.7%
    }
}

@keyframes card-fade-100 {
    0% {
        animation-timing-function: linear;
        opacity: 0
    }

    8.1068% {
        opacity: 1
    }

    78.4466% {
        opacity: 1
    }

    86.5534% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes card-fade-60 {
    0% {
        animation-timing-function: linear;
        opacity: 0
    }

    8.1068% {
        opacity: .6
    }

    78.4466% {
        opacity: .6
    }

    86.5534% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes card-fade-20 {
    0% {
        animation-timing-function: linear;
        opacity: 0
    }

    8.1068% {
        opacity: .2
    }

    78.4466% {
        opacity: .2
    }

    86.5534% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

.adyen-checkout-ctp__card-animation {
    aspect-ratio: 1/.438;
    filter: grayscale(1);
    margin: 40px auto 50px;
    max-width: 100%;
    position: relative;
    width: 140px
}

.adyen-checkout-ctp__card-animation>.adyen-checkout-ctp__card-animation-layer {
    background-size: contain !important;
    height: 100%;
    opacity: 0;
    position: absolute;
    width: 100%
}

.adyen-checkout-ctp__card-animation>.adyen-checkout-ctp__card-animation-layer:first-of-type {
    animation: card-bounce 2.06s linear infinite both, card-fade-100 2.06s linear infinite both;
    animation-delay: .1s;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1064' height='466' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='m895.31 228.862-46.416-10.988c-1.172-.381-2.528-.481-3.565-.203-1.582.424-1.825 1.567-.543 2.554.676.52 1.641.893 2.634 1.067l42.816 10.545-.537 21.742-2.328.624-6.897 1.848 1.146-20.056c.002-.012.002-.025.003-.037h.005c.061-.536-.274-1.054-.864-1.494-.563-.447-1.399-.831-2.462-1.065l-.003.001-.072-.016-46.587-10.849a.3.3 0 0 1-.032-.008c-1.18-.39-2.554-.496-3.601-.215l-16.926 4.535c-1.582.424-1.825 1.568-.542 2.555.389.299.859.593 1.407.742l44.453 10.938-.526 19.429c-.021.101.234 2.007-2.662 2.783l-22.831 6.118c-3.105.832-7.644.01-10.253-1.998l-32.227-24.8c-2.271-1.748-2.029-4.233 1.146-5.083l14.204-3.806c1.674-.449 1.938-1.481.58-2.526s-3.556-1.501-5.23-1.053l-14.297 3.879c-6.795 1.82-6.817 6.539-2.199 10.093l32.275 24.837c4.972 3.826 14.615 5.636 20.567 4.042l22.824-6.116c1.151-.309 2.067-.696 2.797-1.118.104-.061.204-.122.301-.183 2.32-1.48 2.521-3.296 2.528-3.671l1.19-21.406c.081-.992-1.14-2.073-3.289-2.548l-.003.002-.072-.017-39.385-9.196 7.065-1.893 2.329-.624 41.998 10.256-.496 22.836c-.001.007.031.018.093.032.113.304.361.618.75.918 1.283.987 3.605 1.443 5.187 1.02l16.925-4.535c1.048-.281 1.507-.878 1.326-1.536l1.612-23.779.002-.037.005-.001c.123-1.083-1.369-2.092-3.323-2.539z'/%3E%3Cpath stroke='%23fff' d='m895.31 228.862-46.416-10.988c-1.172-.381-2.528-.481-3.565-.203-1.582.424-1.825 1.567-.543 2.554.676.52 1.641.893 2.634 1.067l42.816 10.545-.537 21.742-2.328.624-6.897 1.848 1.146-20.056c.002-.012.002-.025.003-.037h.005c.061-.536-.274-1.054-.864-1.494-.563-.447-1.399-.831-2.462-1.065l-.003.001-.072-.016-46.587-10.849a.3.3 0 0 1-.032-.008c-1.18-.39-2.554-.496-3.601-.215l-16.926 4.535c-1.582.424-1.825 1.568-.542 2.555.389.299.859.593 1.407.742l44.453 10.938-.526 19.429c-.021.101.234 2.007-2.662 2.783l-22.831 6.118c-3.105.832-7.644.01-10.253-1.998l-32.227-24.8c-2.271-1.748-2.029-4.233 1.146-5.083l14.204-3.806c1.674-.449 1.938-1.481.58-2.526s-3.556-1.501-5.23-1.053l-14.297 3.879c-6.795 1.82-6.817 6.539-2.199 10.093l32.275 24.837c4.972 3.826 14.615 5.636 20.567 4.042l22.824-6.116c1.151-.309 2.067-.696 2.797-1.118.104-.061.204-.122.301-.183 2.32-1.48 2.521-3.296 2.528-3.671l1.19-21.406c.081-.992-1.14-2.073-3.289-2.548l-.003.002-.072-.017-39.385-9.196 7.065-1.893 2.329-.624 41.998 10.256-.496 22.836c-.001.007.031.018.093.032.113.304.361.618.75.918 1.283.987 3.605 1.443 5.187 1.02l16.925-4.535c1.048-.281 1.507-.878 1.326-1.536l1.612-23.779.002-.037.005-.001c.123-1.083-1.369-2.092-3.323-2.539'/%3E%3Cpath fill='%23fff' fill-opacity='.9' fill-rule='evenodd' d='M418.95 242.813c-1.166.08-3.042-.372-4.121-.994-.702-.405-.941-.755-1.527-2.243-2.373-6.017-6.517-11.028-13.679-16.54-6.921-5.325-13.863-9.053-24.178-12.987-2.215-.844-4.182-1.652-4.368-1.795-.687-.528-.979-1.482-.612-1.986.505-.691 2.349-1.081 3.824-.809.567.103 2.521.743 4.345 1.421 7.215 2.687 13.99 5.937 20.009 9.598 3.723 2.267 9.803 6.823 12.219 9.164 4.462 4.317 7.493 8.422 9.4 12.73 1.153 2.604 1.269 3.77.4 4.003a2.41 2.41 0 0 0-.548.23c-.132.08-.653.173-1.164.208zm-16.069-.701c-1.791.122-4.29-.719-4.965-1.671-.163-.23-.697-1.349-1.19-2.485-2.083-4.815-6.346-9.43-12.427-13.455-4.994-3.305-8.797-5.218-15.392-7.737-4.424-1.69-4.929-2-5.087-3.117-.146-1.06 1.961-1.804 4.061-1.431 1.457.258 8.467 2.972 11.969 4.634 11.594 5.498 19.993 12.484 23.913 19.889 2.008 3.792 1.779 5.192-.882 5.373zm-16.492-.659c-1.224-.015-2.768-.406-3.758-.951-.603-.332-.912-.797-1.614-2.437-2.575-6.024-8.768-10.833-18.898-14.676-4.447-1.688-5.038-2.104-4.718-3.324.158-.605.358-.757 1.34-1.02 1.642-.44 3.175-.146 7.121 1.365 6.068 2.325 10.298 4.621 14.525 7.881 4.345 3.352 6.465 5.882 8.069 9.62.915 2.141.839 2.79-.389 3.282-.375.149-1.131.266-1.678.26zm-15.379-.611c-.949.006-2.546-.385-3.476-.851-1.035-.519-1.424-1.045-1.796-2.434-.477-1.786-1.147-2.632-3.558-4.488s-3.719-2.531-6.931-3.584c-1.089-.356-2.302-.809-2.698-1.003-1.658-.818-1.914-2.296-.508-2.936 1.187-.544 2.67-.406 5.617.522 8.533 2.685 14.934 7.611 15.941 12.27.357 1.645-.521 2.495-2.591 2.504z'/%3E%3Crect width='110' height='74' fill='url(%23a)' rx='10' transform='matrix(.96593 -.25882 .7925 .60987 199.717 245.906)'/%3E%3Cg stroke='%23000' stroke-opacity='.8' stroke-width='2'%3E%3Cpath d='m233.447 236.868 46.846 36.05c.876.673.72 1.451-.347 1.737l-31.799 8.521M266.657 262.424l-33.731 9.038m17.126-21.816-33.73 9.038m115.215 13.423-46.846-36.05c-.875-.673-.72-1.451.347-1.737l31.799-8.52M298.327 246.551l33.731-9.038m-17.126 21.816 33.731-9.038'/%3E%3Crect width='112' height='76' x='-1.758' y='-.351' rx='11' style='mix-blend-mode:soft-light' transform='matrix(.96593 -.25882 .7925 .60987 199.935 245.314)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='a' x1='-12.604' x2='99.193' y1='0' y2='88.114' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff'/%3E%3Cstop offset='.484' stop-color='%23b3b3b3'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat, url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1064' height='466' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='728' height='455' fill='url(%23b)' rx='24' transform='matrix(.96593 -.25882 .7925 .60987 0 188.42)'/%3E%3Cg fill='%23033783'%3E%3Cpath fill-opacity='.2' d='M638.209-50.009C376.564 99.506 477.408 320.518 560.535 412.335L1063.78 277.49 638.209-50.009z'/%3E%3Cpath fill-opacity='.4' d='M711.119 6.099C494.132 130.043 577.63 313.21 646.503 389.3l417.277-111.81L711.119 6.099z'/%3E%3C/g%3E%3Cpath fill='%23003780' d='M791.162 67.695C624.04 163.343 688.839 304.87 742.129 363.677l321.651-86.187L791.162 67.695z'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='72.545' x2='249.224' y1='26.435' y2='498.002' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233382ea'/%3E%3Cstop offset='1' stop-color='%23003ea9'/%3E%3C/linearGradient%3E%3CclipPath id='a'%3E%3Crect width='728' height='455' fill='%23fff' rx='24' transform='matrix(.96593 -.25882 .7925 .60987 0 188.42)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat;
    opacity: 1;
    z-index: 3
}

.adyen-checkout-ctp__card-animation>.adyen-checkout-ctp__card-animation-layer:nth-of-type(2) {
    animation: card-bounce 2.06s linear infinite both, card-fade-60 2.06s linear infinite both;
    animation-delay: 50ms;
    opacity: .6;
    transform: translateY(25%);
    z-index: 2
}

.adyen-checkout-ctp__card-animation>.adyen-checkout-ctp__card-animation-layer:nth-of-type(2),
.adyen-checkout-ctp__card-animation>.adyen-checkout-ctp__card-animation-layer:nth-of-type(3) {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1064' height='466' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='728' height='455' fill='url(%23b)' rx='24' transform='matrix(.96593 -.25882 .7925 .60987 0 188.42)'/%3E%3Cg fill='%23033783'%3E%3Cpath fill-opacity='.2' d='M638.209-50.009C376.564 99.506 477.408 320.518 560.535 412.335L1063.78 277.49 638.209-50.009z'/%3E%3Cpath fill-opacity='.4' d='M711.119 6.099C494.132 130.043 577.63 313.21 646.503 389.3l417.277-111.81L711.119 6.099z'/%3E%3C/g%3E%3Cpath fill='%23003780' d='M791.162 67.695C624.04 163.343 688.839 304.87 742.129 363.677l321.651-86.187L791.162 67.695z'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='72.545' x2='249.224' y1='26.435' y2='498.002' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233382ea'/%3E%3Cstop offset='1' stop-color='%23003ea9'/%3E%3C/linearGradient%3E%3CclipPath id='a'%3E%3Crect width='728' height='455' fill='%23fff' rx='24' transform='matrix(.96593 -.25882 .7925 .60987 0 188.42)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat
}

.adyen-checkout-ctp__card-animation>.adyen-checkout-ctp__card-animation-layer:nth-of-type(3) {
    animation: card-bounce 2.06s linear infinite both, card-fade-20 2.06s linear infinite both;
    opacity: .2;
    transform: translateY(50%);
    z-index: 1
}

.adyen-checkout-ctp__loading-subtitle {
    font-size: 16px;
    line-height: 19px;
    margin: 0 auto 58px;
    max-width: 280px;
    text-align: center
}

.adyen-checkout-ctp__section>.adyen-checkout__field.adyen-checkout__field--shopperLogin {
    margin-bottom: 20px
}

.adyen-checkout__cashapp>.adyen-checkout__store-details {
    margin-bottom: 16px;
    margin-top: 0
}

.adyen-checkout__button-group {
    background: transparent;
    display: flex;
    justify-content: space-between
}

.adyen-checkout__button-group .adyen-checkout__button {
    background: transparent;
    border: 0;
    box-shadow: inset 0 0 0 1px #99a3ad;
    color: #00112c;
    font-size: .81em;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    margin-right: 8px;
    padding: 0;
    text-align: center
}

.adyen-checkout__button-group .adyen-checkout__button:last-child {
    margin-right: 0
}

.adyen-checkout__button-group .adyen-checkout__button:hover {
    background: transparent;
    box-shadow: inset 0 0 0 2px #99a3ad
}

.adyen-checkout__button-group .adyen-checkout__button:active {
    background: #f7f8f9;
    box-shadow: inset 0 0 0 2px #99a3ad
}

.adyen-checkout__button-group .adyen-checkout__button--disabled,
.adyen-checkout__button-group .adyen-checkout__button--disabled:hover {
    cursor: not-allowed;
    opacity: .4;
    -webkit-user-select: none;
    user-select: none
}

.adyen-checkout__button-group .adyen-checkout__button--selected,
.adyen-checkout__button-group .adyen-checkout__button--selected:active,
.adyen-checkout__button-group .adyen-checkout__button--selected:active:hover,
.adyen-checkout__button-group .adyen-checkout__button--selected:hover {
    background: #e5efff;
    box-shadow: inset 0 0 0 2px #0075ff;
    color: #0075ff;
    font-weight: 500;
    height: 40px;
    transition: none
}

.adyen-checkout__button-group .adyen-checkout__button .adyen-checkout__button-group__input {
    opacity: 0;
    pointer-events: none;
    position: absolute
}

.adyen-checkout__adyen-giving .adyen-checkout__status__icon {
    display: block;
    margin: 56px auto 32px
}

.adyen-checkout__adyen-giving .adyen-checkout__status__text {
    color: #00112c;
    margin-bottom: 56px;
    text-align: center
}

.adyen-checkout__campaign {
    background: #00112c;
    border-radius: 6px;
    height: 227px;
    overflow: hidden;
    position: relative
}

.adyen-checkout__campaign-link:hover .adyen-checkout__campaign-description {
    text-decoration: underline
}

.adyen-checkout__campaign-container {
    height: 100%
}

.adyen-checkout__campaign-logo {
    border: 2px solid rgba(255, 255, 255, .4);
    border-radius: 3px;
    display: block;
    height: 48px;
    margin-bottom: 16px;
    overflow: hidden;
    width: 48px
}

.adyen-checkout__campaign-background-image {
    background-color: #00112c;
    background-position: 50%;
    background-size: cover;
    height: 100%
}

.adyen-checkout__campaign-link .adyen-checkout__campaign-background-image:before {
    background: inherit;
    content: "";
    height: 100%;
    position: absolute;
    transition: transform .6s ease-out;
    width: 100%
}

.adyen-checkout__campaign-link .adyen-checkout__campaign-background-image:hover:before {
    transform: scale(1.1)
}

.adyen-checkout__campaign-link .adyen-checkout__campaign-content {
    pointer-events: none
}

.adyen-checkout__campaign-content {
    bottom: 0;
    padding: 16px;
    position: absolute;
    z-index: 2
}

.adyen-checkout__campaign-description,
.adyen-checkout__campaign-title {
    color: #fff;
    font-weight: 400;
    margin: 0
}

.adyen-checkout__campaign-title {
    font-size: 1em;
    margin-bottom: 8px
}

.adyen-checkout__campaign-description {
    font-size: .81em;
    line-height: 19px
}

.adyen-checkout__adyen-giving-actions {
    margin-top: 16px;
    text-align: center
}

.adyen-checkout__button.adyen-checkout__button--donate {
    margin: 16px auto 8px
}

.adyen-checkout__button.adyen-checkout__button--decline {
    display: block;
    margin: auto;
    width: auto
}

.adyen-checkout__paywithgoogle {
    height: 48px
}

.adyen-checkout__paywithgoogle>div>button,
.adyen-checkout__paywithgoogle>div>button.long,
.adyen-checkout__paywithgoogle>div>button.short {
    height: 48px;
    transition: background-color .3s ease-out, box-shadow .3s ease-out
}

.adyen-checkout__paywithgoogle>div>button.long:focus,
.adyen-checkout__paywithgoogle>div>button.short:focus,
.adyen-checkout__paywithgoogle>div>button:focus {
    box-shadow: 0 0 0 2px #99c2ff;
    outline: 0
}

.adyen-checkout__paywithgoogle>div>button.gpay-button {
    padding: 15px 24px 13px
}

.adyen-checkout__econtext-input__field>.adyen-checkout__button--pay:only-child {
    margin-top: 0
}

.adyen-checkout__voucher-result {
    border-radius: 12px;
    box-sizing: border-box;
    position: relative;
    text-align: center
}

.adyen-checkout__voucher-result__bottom,
.adyen-checkout__voucher-result__top {
    background: #fff;
    border: 1px solid #d4d9db
}

.adyen-checkout__voucher-result__top {
    border-bottom: 0;
    border-radius: 12px 12px 0 0;
    padding: 40px 0 24px
}

.adyen-checkout__voucher-result__bottom {
    border-radius: 0 0 12px 12px;
    border-top: 0
}

.adyen-checkout__voucher-result__separator {
    align-items: center;
    background: #fff;
    display: flex;
    height: 13px;
    margin: 0 auto;
    position: relative;
    width: calc(100% - 14px)
}

.adyen-checkout__voucher-result__separator:after,
.adyen-checkout__voucher-result__separator:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjEzIiBmaWxsPSJub25lIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibTAgMCA1IDIgMS41IDRIN1YwSDBabTAgMTMgNS0yIDEuNS00SDd2NkgwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggc3Ryb2tlPSIjRDREOURCIiBkPSJNNi40MjMgNi41QzYuNDIzIDMuMzEyIDMuNzgzLjc1Ni41LjUxOGMzLjM4Ni4yMzYgNiAyLjg1NSA2IDUuOTgyIDAgMy4xMjctMi42MTQgNS43NDYtNiA1Ljk4M3YtLjAwMWMzLjI4NC0uMjM3IDUuOTIzLTIuNzk0IDUuOTIzLTUuOTgyWiIvPjxwYXRoIGZpbGw9IiNENEQ5REIiIGQ9Ik0wIDBoMXYxSDB6TTAgMTJoMXYxSDB6Ii8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGg3djEzSDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+)
}

.adyen-checkout__voucher-result__separator:before {
    left: -7px
}

.adyen-checkout__voucher-result__separator:after,
.adyen-checkout__voucher-result__separator:before {
    background-position: 100%;
    background-repeat: no-repeat;
    content: "";
    height: 13px;
    position: absolute;
    top: 0;
    width: 7px
}

.adyen-checkout__voucher-result__separator:after {
    right: -7px;
    transform: rotate(-180deg)
}

.adyen-checkout__voucher-result__separator__inner {
    border-top: 1px solid #e6e9eb;
    width: 100%
}

.adyen-checkout__voucher-result__image {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
    width: 100%
}

.adyen-checkout__link--voucher-result-instructions {
    display: inline-block
}

.adyen-checkout__voucher-result__image__wrapper {
    display: block;
    height: 48px;
    margin: 0 24px;
    position: relative
}

.adyen-checkout__voucher-result__image__wrapper:after {
    border: 1px solid rgba(0, 27, 43, .17);
    border-radius: 3px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.adyen-checkout__voucher-result__image__wrapper:nth-child(2):before {
    border-left: 1px solid #d4d9db;
    content: "";
    height: 64px;
    left: -24.5px;
    position: absolute;
    top: -8px;
    width: 1px
}

.adyen-checkout__voucher-result__image__brand,
.adyen-checkout__voucher-result__image__issuer {
    border-radius: 3px;
    height: 48px
}

.adyen-checkout__voucher-result__introduction {
    color: #00112c;
    font-size: .81em;
    line-height: 19px;
    margin: 0 auto;
    max-width: 400px;
    text-align: center
}

.adyen-checkout__voucher-result__amount {
    color: #00112c;
    font-size: 1em;
    font-weight: 700;
    margin: 24px auto 0;
    text-align: center
}

.adyen-checkout__voucher-result__surcharge {
    color: #687282;
    display: block;
    font-size: .81em;
    font-weight: 400;
    line-height: 19px;
    text-align: center
}

.adyen-checkout__voucher-result__code__label {
    display: block;
    font-weight: 400;
    left: 0;
    line-height: 19px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -2px;
    -webkit-user-select: none;
    user-select: none;
    width: auto
}

.adyen-checkout__voucher-result__code__label:before {
    content: "";
    position: absolute
}

.adyen-checkout__voucher-result__code__label__text {
    background: #fff;
    color: #00112c;
    font-size: 13px;
    letter-spacing: normal;
    line-height: 1;
    padding: 0 8px
}

.adyen-checkout__voucher-result__code__barcode {
    display: block;
    height: 56px;
    margin: 0 auto 8px;
    max-width: 100%;
    -webkit-user-select: none;
    user-select: none
}

.adyen-checkout__voucher-result__code {
    border-width: 1px 0;
    color: #00112c;
    display: inline-block;
    font-size: 1.5em;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.2;
    margin: 0 auto;
    padding: 16px 48px;
    position: relative;
    text-align: center;
    -webkit-user-select: all;
    user-select: all;
    width: 100%;
    word-break: break-word
}

.adyen-checkout__voucher-result__details {
    list-style: none;
    margin: -1px auto 0;
    padding: 0
}

.adyen-checkout__voucher-result__details__item {
    border-top: 1px solid #e6e9eb;
    color: #00112c;
    display: flex;
    font-size: .81em;
    justify-content: space-between;
    padding: 16px 24px;
    word-break: break-word
}

.adyen-checkout__voucher-result__details__item:last-child {
    margin-bottom: 0
}

.adyen-checkout__voucher-result__details__label {
    max-width: 50%;
    text-align: left
}

.adyen-checkout__voucher-result__details__value {
    font-weight: 700;
    max-width: 50%;
    text-align: right
}

.adyen-checkout__voucher-result__actions {
    align-items: center;
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0 auto 32px;
    max-width: 100%;
    min-width: 200px;
    padding: 0;
    width: 300px
}

.adyen-checkout__voucher-result__actions__item {
    margin: 0 4px
}

.adyen-checkout__paypal__buttons {
    position: relative;
    z-index: 0
}

.adyen-checkout__paypal__button {
    display: flex;
    margin-bottom: 16px
}

.adyen-checkout__paypal__button:empty {
    display: none
}

.adyen-checkout__paypal__status--pending {
    margin: 16px 0
}

.adyen-checkout__paypal__status--processing {
    align-items: center;
    display: flex;
    font-size: 13px;
    justify-content: center;
    padding: 24px 0
}

.adyen-checkout__paypal-processing .adyen-checkout__paypal__button {
    display: none
}

.adyen-checkout__payment-method .adyen-checkout__paypal__status--pending {
    margin: -16px 0 38px
}

.adyen-checkout__payment-method .adyen-checkout__paypal__status--processing {
    padding: 20px 0 65px
}

.adyen-checkout__phone-input {
    direction: ltr
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper {
    width: 100%
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input {
    height: auto;
    padding: 0
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input:focus {
    border: 1px solid #0075ff;
    box-shadow: 0 0 0 2px #99c2ff
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button {
    border: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    height: 35px;
    width: auto
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button:after {
    box-sizing: revert;
    height: 10px;
    left: 60px
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input--phoneNumber {
    border: 1px solid transparent;
    height: 35px;
    margin-left: 8px;
    padding-left: 15px
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input-wrapper--phoneInput {
    align-items: center;
    display: flex
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input-wrapper--phoneInput:focus {
    border: 1px solid #0075ff;
    box-shadow: 0 0 0 2px #99c2ff
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__phoneNumber {
    align-items: center;
    display: flex;
    margin-left: 65px;
    width: 100%
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__countryFlag {
    position: absolute
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active,
.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active:hover {
    box-shadow: none
}

.adyen-checkout__threeds2__challenge,
.adyen-checkout__threeds2__challenge-container {
    background-color: transparent;
    box-sizing: border-box;
    display: block;
    height: inherit;
    min-height: 400px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.adyen-checkout__threeds2__challenge--01,
.adyen-checkout__threeds2__challenge--01 .adyen-checkout__iframe--threeDSIframe {
    height: 400px;
    width: 250px
}

.adyen-checkout__threeds2__challenge--02,
.adyen-checkout__threeds2__challenge--02 .adyen-checkout__iframe--threeDSIframe {
    height: 400px;
    width: 390px
}

.adyen-checkout__threeds2__challenge--03,
.adyen-checkout__threeds2__challenge--03 .adyen-checkout__iframe--threeDSIframe {
    height: 600px;
    width: 500px
}

.adyen-checkout__threeds2__challenge--04,
.adyen-checkout__threeds2__challenge--04 .adyen-checkout__iframe--threeDSIframe {
    height: 400px;
    width: 600px
}

.adyen-checkout__threeds2__challenge--05,
.adyen-checkout__threeds2__challenge--05 .adyen-checkout__iframe--threeDSIframe {
    height: 100%;
    width: 100%
}

.adyen-checkout__iframe--threeDSIframe {
    border: 0;
    left: 0;
    position: absolute;
    top: 0
}

.adyen-checkout__threeds2-challenge-error .adyen-checkout__status__icon {
    display: block;
    margin: 56px auto 32px
}

.adyen-checkout__threeds2-challenge-error .adyen-checkout__status__text {
    color: #c12424;
    margin-bottom: 56px;
    text-align: center
}

.adyen-checkout__qr-loader {
    background: #fff;
    border: 1px solid #d4d9db;
    border-radius: 12px;
    padding: 40px;
    text-align: center
}

.adyen-checkout__qr-loader--result {
    padding: 100px
}

.adyen-checkout__qr-loader__brand-logo {
    border-radius: 3px;
    width: 74px
}

.adyen-checkout__qr-loader__subtitle {
    margin: 32px auto 0;
    max-width: 400px
}

.adyen-checkout__qr-loader__subtitle--result {
    margin-bottom: 32px
}

.adyen-checkout__qr-loader__payment_amount,
.adyen-checkout__qr-loader__subtitle {
    color: #00112c;
    font-size: 1em;
    line-height: 19px
}

.adyen-checkout__qr-loader__icon {
    height: 88px;
    width: 88px
}

.adyen-checkout__qr-loader__payment_amount {
    font-weight: 700
}

.adyen-checkout__qr-loader__progress {
    background: #d4d9db;
    border-radius: 24px;
    height: 4px;
    margin: 32px auto 12px;
    padding-right: 3%;
    width: 152px
}

[dir=rtl] .adyen-checkout__qr-loader__progress {
    padding-left: 3%;
    padding-right: 0
}

.adyen-checkout__qr-loader__percentage {
    background: #0075ff;
    border-radius: 24px;
    display: block;
    height: 100%
}

.adyen-checkout__qr-loader__countdown {
    color: #687282;
    font-size: .81em
}

.adyen-checkout__qr-loader>.adyen-checkout__spinner__wrapper {
    margin: 60px 0
}

.adyen-checkout__qr-loader__app-link {
    display: none
}

.adyen-checkout__button.adyen-checkout__button--qr-loader {
    margin-top: 24px;
    text-decoration: none
}

.adyen-checkout__qr-loader__instructions {
    color: #687282;
    font-size: 1em;
    line-height: 1.5;
    margin-top: 32px
}

.adyen-checkout__qr-loader__actions {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 32px
}

@media only screen and (max-device-width: 1200px) {
    .adyen-checkout__qr-loader__app-link {
        display: block
    }
}

.adyen-checkout__voucher-result--boletobancario .adyen-checkout__voucher-result__code,
.adyen-checkout__voucher-result--oxxo .adyen-checkout__voucher-result__code {
    font-size: .81em;
    line-height: 19px;
    padding: 24px;
    word-break: break-all
}

.adyen-checkout__alert-message {
    border-radius: 6px;
    display: flex;
    font-size: .81em;
    margin: 0 0 16px;
    padding: 12px;
    text-align: left
}

.adyen-checkout__alert-message--error {
    background: #fbe6ed
}

.adyen-checkout__alert-message--warning {
    background: #ffeacc
}

.adyen-checkout__alert-message--info {
    background: #e5efff
}

.adyen-checkout__alert-message__icon {
    height: 14px;
    margin-right: 8px;
    width: 14px
}

.adyen-checkout__giftcard-result__header {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    font-size: 1em;
    font-weight: 400;
    justify-content: space-between;
    position: relative;
    width: 100%
}

.adyen-checkout__giftcard-result__header__title {
    align-items: center;
    display: flex
}

.adyen-checkout__giftcard-result__name {
    margin-left: 8px
}

.adyen-checkout__giftcard-result__balance {
    list-style: none;
    margin: 16px 0 0;
    padding: 0
}

.adyen-checkout__giftcard-result__balance__item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

.adyen-checkout__giftcard-result__balance__item .adyen-checkout__giftcard-result__balance__title--transactionLimit {
    color: #687282
}

.adyen-checkout__giftcard-result__balance__item:last-child {
    margin-bottom: 0
}

.adyen-checkout__giftcard-result__balance__value--amount {
    font-weight: 700
}

.adyen-checkout__giftcard-result__remaining-balance {
    color: #687282;
    font-size: 13px;
    line-height: 19px;
    margin: 8px auto 0;
    text-align: center
}

.DropinComponent-module_adyen-checkout__payment-methods-list__mAjAm {
    list-style: none;
    margin: 0;
    padding: 0
}

.DropinComponent-module_adyen-checkout__payment-method__nWdwg {
    display: block;
    max-height: 60px
}

.DropinComponent-module_adyen-checkout__payment-method__details__-rsW7 {
    display: none
}

.DropinComponent-module_adyen-checkout__payment-method__image__nB80V {
    height: 26px;
    width: 40px
}

.DropinComponent-module_adyen-checkout__payment-method__image__wrapper__6NWzA {
    margin-right: 8px
}

[dir=rtl] .DropinComponent-module_adyen-checkout__payment-method__image__wrapper__6NWzA {
    margin-left: 8px;
    margin-right: 0
}

.DropinComponent-module_adyen-checkout__payment-method--selected__6egZF {
    max-height: 100%
}

.DropinComponent-module_adyen-checkout__payment-method--selected__6egZF .DropinComponent-module_adyen-checkout__payment-method__details__-rsW7 {
    display: block
}

.adyen-checkout__payment-method__disable-confirmation {
    background: #c12424;
    border-left: 1px solid #b82222;
    border-right: 1px solid #b82222;
    color: #fff;
    font-size: .81em;
    margin: 0 -17px;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: opacity .15s ease-out, max-height .15s linear, margin-bottom .1s linear
}

.adyen-checkout__payment-method__disable-confirmation.adyen-checkout__payment-method__disable-confirmation--open {
    margin-bottom: 16px;
    max-height: 62px;
    opacity: 1
}

.adyen-checkout__payment-method__disable-confirmation__content {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 8px 16px
}

.adyen-checkout__payment-method__disable-confirmation__buttons {
    display: flex
}

.adyen-checkout__payment-method__disable-confirmation__button {
    background: #c12424;
    border: 1px solid transparent;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    display: block;
    height: auto;
    line-height: 14px;
    margin: 0 0 0 8px;
    padding: 8px;
    width: auto
}

.adyen-checkout__payment-method__disable-confirmation__button:hover,
.adyen-checkout__payment-method__disable-confirmation__button:hover:focus {
    background: #ac2020;
    box-shadow: none
}

.adyen-checkout__payment-method__disable-confirmation__button:active,
.adyen-checkout__payment-method__disable-confirmation__button:hover:active {
    background: #961c1c;
    box-shadow: none
}

.adyen-checkout__payment-method__disable-confirmation__button--remove,
.adyen-checkout__payment-method__disable-confirmation__button--remove:disabled {
    border-color: #fff
}

.adyen-checkout__payment-method__disable-confirmation__button--cancel,
.adyen-checkout__payment-method__disable-confirmation__button--cancel:disabled {
    border-color: transparent
}

.adyen-checkout__payment-method {
    background: #fff;
    border: 1px solid #e6e9eb;
    cursor: pointer;
    margin-top: -1px;
    position: relative;
    transition: opacity .3s ease-out;
    width: 100%
}

.adyen-checkout__payment-method:focus {
    outline: 0
}

.adyen-checkout__payment-method--selected+.adyen-checkout__payment-method,
.adyen-checkout__payment-method:first-child {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    margin-top: 0
}

.adyen-checkout__payment-method--next-selected,
.adyen-checkout__payment-method:last-child {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    margin-bottom: 0
}

.adyen-checkout__payment-method--loading {
    opacity: .2
}

.adyen-checkout__payment-method--selected.adyen-checkout__payment-method--loading {
    opacity: .9
}

.adyen-checkout__payment-method--confirming .adyen-checkout__payment-method__details__content,
.adyen-checkout__payment-method--disabling {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

.adyen-checkout__payment-method--disabling {
    opacity: .3
}

.adyen-checkout__payment-method__header {
    align-items: center;
    color: #00112c;
    display: flex;
    flex-wrap: nowrap;
    font-size: 1em;
    font-weight: 400;
    justify-content: space-between;
    padding: 12px 16px 12px 44px;
    position: relative;
    transition: background .1s ease-out;
    width: 100%
}

[dir=rtl] .adyen-checkout__payment-method__header {
    padding: 12px 44px 12px 12px
}

.adyen-checkout__payment-method--standalone .adyen-checkout__payment-method__header {
    padding: 16px
}

.adyen-checkout__payment-method__header__title {
    align-items: center;
    background: none;
    border: none;
    color: #00112c;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-size: 1em;
    font-weight: 400;
    margin-right: 16px;
    max-width: 100%;
    padding: 4px
}

[dir=rtl] .adyen-checkout__payment-method__header__title {
    margin-left: 16px;
    margin-right: 0
}

.adyen-checkout__payment-method__surcharge {
    color: #687282;
    margin-left: 5px
}

.adyen-checkout__payment-method--selected {
    background: #f7f8f9;
    border: 1px solid #e6e9eb;
    border-radius: 12px;
    cursor: default;
    margin: 8px 0;
    transition: margin .15s cubic-bezier(.4, 0, .2, 1) 0ms, opacity .3s ease-out
}

.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__header {
    flex-wrap: wrap
}

.adyen-checkout__payment-method__details {
    padding: 0 16px;
    position: relative
}

.adyen-checkout__payment-method__details__content>:last-child {
    margin-bottom: 16px
}

.adyen-checkout__payment-method__image__wrapper {
    height: 26px;
    position: relative;
    width: 40px
}

.adyen-checkout__payment-method__image__wrapper--outline:after {
    border: 1px solid rgba(0, 27, 43, .17);
    border-radius: 3px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.adyen-checkout__payment-method__image {
    border-radius: 3px;
    display: block
}

.adyen-checkout__payment-method__brands {
    display: flex;
    flex-basis: auto;
    flex-shrink: 1;
    flex-wrap: wrap;
    height: 16px;
    margin: 4px 0;
    overflow: hidden;
    text-align: right
}

.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__brand-number {
    color: #687282;
    font-size: 13px
}

.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__brands {
    height: auto;
    overflow: visible;
    text-align: left
}

.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper {
    display: inline-block;
    height: 16px;
    margin-right: 4px;
    transition: opacity .2s ease-out;
    width: 24px
}

.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper:last-child {
    margin: 0
}

.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper {
    margin-bottom: 4px
}

.adyen-checkout__payment-method__brands img {
    height: 16px;
    width: 24px
}

.adyen-checkout__payment-method__image__wrapper--disabled {
    opacity: .25
}

.adyen-checkout__payment-method__radio {
    background-color: #fff;
    border: 1px solid #b9c4c9;
    border-radius: 50%;
    height: 16px;
    left: 16px;
    position: absolute;
    transition: border-color .2s ease-out, box-shadow .2s ease-out;
    width: 16px
}

[dir=rtl] .adyen-checkout__payment-method__radio {
    left: auto;
    right: 16px
}

.adyen-checkout__payment-method--standalone .adyen-checkout__payment-method__radio {
    display: none
}

.adyen-checkout__payment-method__radio:after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) scale(0);
    transition: transform .3s ease-out;
    width: 6px
}

.adyen-checkout__payment-method:hover:not(.adyen-checkout__payment-method--selected) .adyen-checkout__payment-method__radio {
    border-color: #99a3ad;
    box-shadow: 0 0 0 2px #d4d9db;
    cursor: pointer
}

.adyen-checkout__payment-method__radio--selected {
    background-color: #0075ff;
    border: 0;
    transition: all .3s ease-out
}

.adyen-checkout__payment-method__radio--selected:hover {
    box-shadow: 0 0 0 2px #06f6
}

.adyen-checkout__payment-method__radio--selected:after {
    transform: translateY(-50%) scale(1)
}

.adyen-checkout__payment-method__name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.adyen-checkout__payment-method__name--selected {
    font-weight: 500
}

.adyen-checkout__payment-method__additional-info {
    color: #687282;
    font-size: .81em
}

.adyen-checkout__payment-method__name_wrapper {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.adyen-checkout__order-payment-methods-list {
    list-style: none;
    margin: 0 auto 16px;
    padding: 0
}

.adyen-checkout__order-payment-method {
    background: #fff;
    border: 1px solid #e6e9eb;
    margin-top: -1px;
    position: relative;
    width: 100%
}

.adyen-checkout__order-payment-method:first-child {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.adyen-checkout__order-payment-method:last-child {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

.adyen-checkout__order-payment-method__header {
    align-items: center;
    color: #00112c;
    display: flex;
    flex-wrap: nowrap;
    font-size: 1em;
    font-weight: 500;
    justify-content: space-between;
    padding: 16px;
    position: relative;
    transition: background .1s ease-out;
    width: 100%
}

.adyen-checkout__order-payment-method__header .adyen-checkout__payment-method__header__title {
    padding: 0
}

.adyen-checkout__order-payment-method__details {
    padding: 0 16px 16px
}

.adyen-checkout__order-payment-method__deducted-amount {
    display: flex;
    font-size: 1em;
    justify-content: space-between;
    line-height: 1em
}

.adyen-checkout__order-payment-method__deducted-amount__label {
    font-size: .81em
}

.adyen-checkout__order-payment-method__deducted-amount__value {
    font-weight: 500
}

.adyen-checkout__order-remaining-amount {
    background: #ffeacc;
    border-radius: 6px;
    color: #7f4a00;
    display: block;
    font-size: .81em;
    margin-bottom: 16px;
    padding: 8px 16px;
    width: 100%
}

.adyen-checkout__order-remaining-amount strong {
    font-weight: 700
}

.adyen-checkout__status {
    align-items: center;
    background-color: #fff;
    border: 1px solid #d4d9db;
    border-radius: 6px;
    color: #00112c;
    display: flex;
    flex-direction: column;
    font-size: 1em;
    height: 350px;
    justify-content: center;
    margin: 0;
    padding: 32px;
    text-align: center
}

.adyen-checkout__status__icon {
    margin-bottom: 24px
}

.adyen-checkout__status .adyen-checkout__spinner__wrapper {
    max-height: 88px
}

.adyen-checkout__dropin,
.adyen-checkout__dropin *,
.adyen-checkout__dropin :after,
.adyen-checkout__dropin :before {
    box-sizing: border-box
}

.adyen-checkout__payment-methods-list--loading {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

.adyen-checkout__instant-payment-methods-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.adyen-checkout__instant-payment-methods-list li:not(:last-child) {
    margin-bottom: 8px
}

.adyen-checkout__link {
    color: #0075ff;
    text-decoration: none
}

.adyen-checkout__link:hover {
    text-decoration: underline
}

.AchInput-module_sf-input__wrapper__lfdiv {
    position: relative
}

.AchInput-module_sf-input__wrapper__lfdiv *,
.AchInput-module_sf-input__wrapper__lfdiv :after,
.AchInput-module_sf-input__wrapper__lfdiv :before {
    box-sizing: border-box
}

.AchInput-module_adyen-checkout__input__8WwCR {
    display: block;
    max-height: 100px
}

.adyen-checkout__pm__holderName {
    margin-bottom: 0
}

.adyen-checkout__fieldset__title+.adyen-checkout__ach-sf__form {
    margin-top: 0
}

.adyen-checkout__ach-input .adyen-checkout__fieldset--address,
.adyen-checkout__ach-sf__form {
    margin-top: 16px
}

.adyen-checkout__ach-input .adyen-checkout__radio_group__input-wrapper:not(:last-child) {
    margin-bottom: 12px
}

.adyen-checkout__loading-input__form {
    transition: opacity .25s ease-out
}

.adyen-checkout-phone-input--new {
    direction: ltr
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper {
    width: 100%
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__input {
    height: auto;
    padding: 0
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__input:focus-within {
    border: 1px solid #0075ff
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__input:focus-within .adyen-checkout-dropdown--countrycode-selector {
    border-right: 1px solid #0075ff
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button {
    border: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    height: 35px;
    width: auto
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button:after {
    box-sizing: revert;
    height: 10px
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active,
.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active:hover {
    box-shadow: none
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-input--phone-number {
    border: 1px solid transparent;
    height: 35px;
    line-height: 35px;
    min-height: 35px;
    padding-bottom: 0;
    padding-left: 15px;
    padding-top: 0
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-input--phone-number:focus-within {
    border: 1px solid #0075ff;
    box-shadow: 0 0 0 2px #99c2ff
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-dropdown--countrycode-selector {
    border-right: 1px solid #dce0e5;
    min-width: 144px;
    width: 144px
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-input-holder--phone-input {
    align-items: center;
    display: flex
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-phone-number {
    align-items: center;
    display: flex;
    flex: 3
}

.adyen-checkout-phone-input--new .adyen-checkout-phone-input__error-holder {
    margin-top: -10px
}

.adyen-checkout__await {
    background: #fff;
    border: 1px solid #d4d9db;
    border-radius: 12px;
    padding: 40px;
    text-align: center
}

.adyen-checkout__await--result {
    padding: 100px
}

.adyen-checkout__qr-loader--app {
    border: 0;
    border-radius: 0;
    padding: 0
}

.adyen-checkout__await__brand-logo {
    border-radius: 3px;
    width: 74px
}

.adyen-checkout__await__indicator-text,
.adyen-checkout__await__subtitle {
    color: #00112c;
    font-size: 1em;
    line-height: 19px;
    margin-top: 32px
}

.adyen-checkout__await__indicator-holder .adyen-checkout__await__indicator-text {
    margin-left: 10px;
    margin-top: 6px
}

.adyen-checkout__await__indicator-holder {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    margin-top: 32px
}

.adyen-checkout__await__subtitle--result {
    margin-bottom: 32px
}

.adyen-checkout__await__icon {
    height: 88px;
    width: 88px
}

.adyen-checkout__await__progress {
    background: #d4d9db;
    border-radius: 24px;
    height: 4px;
    margin: 32px auto 12px;
    width: 152px
}

.adyen-checkout__await__percentage {
    background: #0075ff;
    border-radius: 24px;
    display: block;
    height: 100%
}

.adyen-checkout__await__countdown {
    color: #687282;
    font-size: .81em
}

.adyen-checkout__await>.adyen-checkout__spinner__wrapper {
    margin: 60px 0
}

.adyen-checkout__await__app-link {
    display: none;
    margin-top: 16px
}

@media only screen and (max-device-width: 1200px) {
    .adyen-checkout__await__app-link {
        display: block
    }
}

.adyen-checkout__blik__helper {
    color: #00112c;
    font-size: 1em;
    font-weight: 400;
    margin: 0 0 16px;
    padding: 0
}

.adyen-checkout__bankTransfer__introduction {
    color: #00112c;
    font-size: .81em;
    font-weight: 400;
    margin: 0 0 16px;
    padding: 0
}

.adyen-checkout__bankTransfer__emailField {
    margin: 0 0 16px
}

.adyen-checkout__bacs--confirm {
    position: relative
}

.adyen-checkout__bacs--confirm .adyen-checkout-input__inline-validation--valid {
    display: none
}

.adyen-checkout__bacs .adyen-checkout__field--inactive {
    pointer-events: none
}

.adyen-checkout__bacs .adyen-checkout__bacs--edit {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: -25px;
    width: 20%
}

.adyen-checkout__bacs .adyen-checkout__bacs--edit-dropin {
    top: -50px
}

.adyen-checkout__bacs .adyen-checkout__bacs--edit .adyen-checkout__bacs--edit-button {
    background: none;
    border: none;
    color: #0075ff;
    cursor: pointer;
    text-align: end;
    text-decoration: underline
}

.adyen-checkout__voucher-result__introduction {
    font-size: 1em;
    max-width: 420px
}

.adyen-checkout__klarna-widget {
    pointer-events: all
}

.adyen-checkout__field--vpa {
    margin-bottom: 0
}

.adyen-checkout__segmented-control {
    background: #fff;
    border: 1px solid #b9c4c9;
    border-radius: 6px;
    display: flex;
    gap: 4px;
    justify-content: space-between;
    padding: 4px 5px
}

.adyen-checkout__segmented-control--disabled {
    pointer-events: none
}

.adyen-checkout__segmented-control--disabled>.adyen-checkout__segmented-control-segment {
    color: #8390a3
}

.adyen-checkout__segmented-control--disabled>.adyen-checkout__segmented-control-segment--selected {
    background: #f3f6f9;
    border: 1.5px solid #8390a3
}

.adyen-checkout__segmented-control-segment {
    background: #fff;
    border: 0;
    border-radius: 6px;
    color: #0075ff;
    cursor: pointer;
    flex-grow: 1;
    font-weight: 500;
    height: 40px;
    text-align: center;
    transition: background .3s ease-out;
    width: 100%
}

.adyen-checkout__segmented-control-segment:not(.adyen-checkout__segmented-control-segment--selected):hover {
    background-color: #f7f8f9
}

.adyen-checkout__segmented-control-segment:active {
    background-color: #f7f8f9;
    border: 1.5px solid #687282
}

.adyen-checkout__segmented-control-segment--selected {
    background: #e5f1ff;
    border: 1.5px solid #0075ff;
    color: #0075ff;
    font-weight: 700
}

.adyen-checkout-radio-button {
    align-items: center;
    background: none;
    border: none;
    color: #00112c;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-size: 1em;
    font-weight: 400;
    max-width: 100%;
    padding: 4px
}

.adyen-checkout-radio-button[aria-checked=false]:hover>.adyen-checkout-radio-button__radio {
    border-color: #99a3ad;
    box-shadow: 0 0 0 2px #d4d9db;
    cursor: pointer
}

.adyen-checkout-radio-button__radio {
    background-color: #fff;
    border: 1px solid #b9c4c9;
    border-radius: 50%;
    height: 16px;
    transition: border-color .2s ease-out, box-shadow .2s ease-out;
    width: 16px
}

[dir=rtl] .adyen-checkout-radio-button__radio {
    left: auto;
    right: 16px
}

.adyen-checkout-radio-button__radio:after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    left: 0;
    margin: 0 auto;
    position: relative;
    right: 0;
    top: 50%;
    transform: translateY(-50%) scale(0);
    transition: transform .3s ease-out;
    width: 6px
}

.adyen-checkout-radio-button__radio--selected {
    background-color: #0075ff;
    border: 0;
    transition: all .3s ease-out
}

.adyen-checkout-radio-button__radio--selected:hover {
    box-shadow: 0 0 0 2px #06f6
}

.adyen-checkout-radio-button__radio--selected:after {
    transform: translateY(-50%) scale(1)
}

.adyen-checkout-upi-app-item-header {
    padding: 6px 16px 6px 32px;
    position: relative
}

.adyen-checkout-upi-app-item {
    cursor: pointer;
    margin-top: -1px;
    transition: opacity .3s ease-out;
    width: 100%
}

.adyen-checkout-upi-app-item:first-child {
    margin-top: 0
}

.adyen-checkout-upi-app-item--selected {
    cursor: default;
    transition: margin .15s cubic-bezier(.4, 0, .2, 1) 0ms, opacity .3s ease-out
}

.adyen-checkout-upi-app-item .adyen-checkout-radio-button__radio {
    left: 0;
    position: absolute
}

.adyen-checkout-upi-app-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.adyen-checkout-upi-app-list--loading {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

.adyen-checkout_upi-mode-selection-text {
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 7px;
    margin-top: 0
}

.adyen-checkout__segmented-control--upi-margin-bottom {
    margin-bottom: 16px
}

.adyen-checkout-upi-area-intent .adyen-checkout__button--pay {
    margin-top: 16px
}

.adyen-checkout-upi-area-qr-code .adyen-checkout__button--pay {
    margin-top: 0
}

.adyen-checkout-trustly {
    margin-bottom: 16px
}

.adyen-checkout-trustly__descriptor {
    font-size: 1em;
    font-weight: 500;
    margin: 0 0 4px
}

.adyen-checkout-trustly__description-list {
    font-size: .81em;
    line-height: 1.5;
    list-style-type: disc;
    margin: 0;
    padding-left: 20px
}

.adyen-checkout-payme-instructions {
    color: #5c687c;
    font-size: .81em;
    line-height: 20px;
    text-align: center
}

.adyen-checkout-payme-instructions__steps {
    list-style-position: inside;
    margin: 16px 0;
    padding-bottom: 8px;
    padding-inline-start: 0
}

.adyen-checkout-paybybank_AIS_DD {
    margin-bottom: 16px
}

.adyen-checkout-paybybank_AIS_DD__description-header {
    color: #00112c;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 4px
}

.adyen-checkout-paybybank_AIS_DD__description-body {
    color: #687282;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    list-style-type: disc;
    margin: 0
}

@media (max-width: 330px) {
    .adyen-checkout__payment-method--paybybank_AIS_DD .adyen-checkout__payment-method__brands {
        display: none
    }
}

@media (max-width: 360px) {
    .adyen-checkout__payment-method--paybybank_AIS_DD .adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper:nth-child(2) {
        display: none
    }
}

@media (max-width: 390px) {
    .adyen-checkout__payment-method--paybybank_AIS_DD .adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper:nth-child(3) {
        display: none
    }
}

@media (max-width: 420px) {
    .adyen-checkout__payment-method--paybybank_AIS_DD .adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper:nth-child(4) {
        display: none
    }
}

.adyen-checkout__payment-method--paybybank_AIS_DD .adyen-checkout__payment-method__brand-number {
    text-overflow: clip;
    white-space: nowrap
}

.adyen-checkout-sr-panel {
    font-size: .75em;
    margin-bottom: 20px
}

.adyen-checkout-sr-panel--sr-only {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

@font-face {
    font-family: FOUNDERSGROTESKX-CONDENSED-BOLD;
    src: url(/assets/fonts/FOUNDERSGROTESKX-CONDENSED-BOLD.otf)
}

html {
    font-size: 62.5%
}

html,
body {
    position: relative;
    width: 100%;
    height: 100%
}

body {
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #484848;
    font-family: Roboto, Helvetica Neue, sans-serif;
    overflow-y: scroll
}

body.no-scroll {
    overflow: hidden
}

@media only screen and (min-width: 1024px) {
    body.no-scroll {
        overflow-y: scroll
    }
}

div {
    box-sizing: border-box
}

img {
    max-width: 100%
}

button {
    outline: 0;
    border: 0;
    padding: 0
}

button:focus {
    outline: none
}

input,
button {
    font-family: Roboto, Helvetica Neue, sans-serif
}

a,
a:focus,
a:hover {
    text-decoration: none
}

a {
    color: inherit
}

h1 {
    font-size: 2.6rem
}

h2 {
    font-size: 2.4rem
}

h3,
h4 {
    font-size: 1.6rem
}

ul {
    padding: 0;
    margin: 0
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

.text-highlight {
    color: #a6d612
}

.button {
    border-radius: 2px;
    cursor: pointer;
    padding: 0;
    font-size: 1.2rem;
    font-weight: 500;
    height: 28px;
    width: 54px;
    font-family: Roboto, Helvetica Neue, sans-serif
}

.button.green {
    background-color: #a6d612;
    border: 0
}

.button.tip-green {
    background-color: #0eb25e;
    border: 0
}

.button.transparent {
    color: #fff;
    background-color: transparent;
    border: solid 1px #fff
}

.button.gray {
    background-color: #ddd;
    border: 0;
    cursor: not-allowed
}

.button.purple {
    background-color: #708bd6;
    border: 0
}

@media only screen and (min-width: 1024px) {
    .button {
        font-size: 1.2rem;
        width: 80px;
        height: 32px
    }
}

.width-100 {
    width: 100%
}

.mobile-screen {
    display: flex
}

@media only screen and (min-width: 1024px) {
    .mobile-screen {
        display: none
    }
}

.medium-screen {
    display: none
}

@media only screen and (min-width: 1024px) {
    .medium-screen {
        display: flex
    }
}

.l-medium-screen {
    display: none
}

@media only screen and (min-width: 768px) {
    .l-medium-screen {
        display: flex
    }
}

.desktop-only-container {
    display: none
}

@media only screen and (min-width: 1024px) {
    .desktop-only-container {
        display: contents
    }
}

.mobile-only-container {
    display: contents
}

@media only screen and (min-width: 1024px) {
    .mobile-only-container {
        display: none
    }
}

.desktop-design {
    display: none
}

@media only screen and (min-width: 768px) {
    .desktop-design {
        display: contents
    }
}

.mobile-design {
    display: contents
}

@media only screen and (min-width: 768px) {
    .mobile-design {
        display: none
    }
}

.display-none {
    display: none
}

.display-flex {
    display: flex
}

.adyen-checkout__label__text {
    font-size: 1rem;
    font-weight: 400;
    color: #484848;
    margin: 0 0 5px 2px;
    padding: 0
}

.adyen-checkout__input {
    height: 34px;
    border: 1px solid #bababa
}

.adyen-checkout__input-wrapper {
    width: 100%
}

@media only screen and (min-width: 425px) {
    .adyen-checkout__input-wrapper {
        width: 100%
    }
}

.adyen-checkout__label__text--error,
.adyen-checkout__error-text {
    color: #9f0a2b
}

.adyen-checkout__input--error {
    border-color: #9f0a2b
}

.adyen-checkout-form-instruction {
    display: none
}

.adyen-checkout__paywithgoogle {
    height: 40px
}

.adyen-checkout__field-wrapper>.adyen-checkout__field:first-child {
    margin-right: 0
}

.adyen-checkout-input__inline-validation--invalid {
    color: #9f0a2b
}

.adyen-checkout__applepay__button {
    width: 100%;
    max-width: 295px;
    height: 54px
}

@media only screen and (min-width: 768px) {
    .adyen-checkout__applepay__button {
        max-width: 342px
    }
}

textarea,
input[type=text],
input[type=button],
input[type=password],
input[type=number],
input[type=submit] {
    border-radius: 0;
    font-family: inherit;
    -webkit-appearance: none
}

.input-checkbox {
    border-radius: 0;
    font-family: inherit
}

input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0px 9999px white
}

.display-none {
    display: none !important
}

.visibility-hidden {
    visibility: hidden
}

.button-visibility .visibility-hidden {
    display: none !important
}

.button-visibility .visibility-hidden~* {
    display: none
}

.deduction-icon svg {
    width: 16px;
    height: 10px
}

.text-align-start {
    text-align: start
}

.text-align-end {
    text-align: end
}

.icon-button {
    background-color: transparent;
    border: 0;
    padding: 0;
    cursor: pointer
}

.icon-button:focus {
    outline: none
}

.icon-large {
    width: 24px;
    height: 24px
}

.icon-medium {
    width: 12px;
    height: 12px
}

.svg-icon.mat-icon {
    display: inline-flex;
    vertical-align: middle;
    align-items: center
}

.svg-icon.sml {
    width: 20px;
    height: 20px
}

.svg-icon.mdm {
    width: 30px;
    height: 28px
}

.svg-icon.large {
    width: 50px;
    height: 50px
}

.text-input-prefix {
    font-size: 1.6rem;
    font-weight: 400;
    color: #1e1e1e;
    position: absolute
}

@media only screen and (min-width: 1024px) {
    .text-input-prefix {
        font-size: 1.4rem
    }
}

.text-input {
    border: 0;
    border-bottom: 1px solid #ececec;
    color: #484848;
    font-size: 1.6rem;
    padding-bottom: 11px;
    padding-top: 11px;
    outline: none;
    width: 100%
}

.text-input::placeholder {
    opacity: .2;
    font-size: 1.6rem
}

.text-input.error-state {
    border-bottom: 1px solid #ff5059
}

.text-label {
    font-size: 1.2rem;
    font-weight: 500;
    color: #999;
    text-transform: uppercase
}

@media only screen and (min-width: 1024px) {
    .text-label {
        font-size: 1rem;
        font-weight: 700
    }
}

.rhs-ntp-container {
    display: none
}

@media only screen and (min-width: 1024px) {
    .rhs-ntp-container {
        display: none
    }
}

@media only screen and (min-width: 1366px) {
    .rhs-ntp-container {
        display: flex;
        margin-left: 2rem
    }
}

.bottom-ntp-container,
.bottom-ntj-container {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    z-index: 998
}

.rhs-ntj-container {
    display: none
}

@media only screen and (min-width: 1024px) {
    .rhs-ntj-container {
        display: none
    }
}

@media only screen and (min-width: 1366px) {
    .rhs-ntj-container {
        display: flex;
        margin-left: 2rem
    }
}

.display-large {
    display: none
}

@media only screen and (min-width: 768px) {
    .display-large {
        display: block
    }
}

.pb-input-container .pb-input-group {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 2rem
}

.pb-input-container .pb-input-group .pb-input-label {
    font-size: 1.2rem;
    margin-bottom: 1rem;
    color: #bababa;
    font-weight: 500
}

@media only screen and (min-width: 1024px) {
    .pb-input-container .pb-input-group .pb-input-label {
        margin-bottom: 0
    }
}

.pb-input-container .pb-input-group .pb-input-prefix {
    display: inline-block;
    font-size: 1.6rem;
    width: 1.5rem;
    color: #484848
}

.pb-input-container .pb-input-group .pb-input-wrapper {
    display: inline-flex;
    align-items: center;
    width: 100%;
    height: 4rem;
    padding: 0 1.5rem
}

@media only screen and (min-width: 1024px) {
    .pb-input-container .pb-input-group .pb-input-wrapper {
        padding: 0
    }
}

.pb-input-container .pb-input-group .pb-input-wrapper input {
    border: 0;
    background-color: #fff;
    font-size: 1.6rem;
    margin: 1rem 0;
    outline: none;
    width: 90%;
    color: #484848
}

.pb-input-container .pb-input-group .pb-input-wrapper input::placeholder {
    color: #ececec;
    font-size: 1.3rem
}

.pb-input-container .pb-input-group .pb-input-suffix {
    display: inline-flex;
    align-items: center
}

.pb-input-container .pb-input-group .pb-input-suffix mat-icon {
    color: #a6d612;
    width: 32px;
    height: 32px;
    margin-right: .6rem;
    cursor: pointer
}

.pb-input-container .pb-input-group .alert-danger {
    font-size: 1.3rem;
    margin-top: 1rem
}

.pb-select-list-container {
    flex: 1;
    vertical-align: top;
    flex-direction: column
}

@media only screen and (min-width: 1024px) {
    .pb-select-list-container {
        max-width: 13rem;
        flex: none
    }
}

.pb-select-list-container .select-wrapper {
    position: relative;
    outline: none;
    height: 3rem;
    width: 100%;
    justify-content: space-between;
    margin-top: 1.2rem;
    border-bottom: 1px solid #ececec
}

.pb-select-list-container .select-wrapper:after {
    content: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB3aWR0aD0iMTQiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMCA2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMCA2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgICAgICAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KICAgICAgICAgICAgLnN0MCB7CiAgICAgICAgICAgICAgICBmaWxsOiBub25lOwogICAgICAgICAgICAgICAgc3Ryb2tlOiAjYTZkNjEyOwogICAgICAgICAgICAgICAgc3Ryb2tlLXdpZHRoOiAyOwogICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVjYXA6IHJvdW5kOwogICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVqb2luOiByb3VuZDsKICAgICAgICAgICAgfQogICAgICAgIDwvc3R5bGU+CiAgICAgICAgPHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iOSwxIDUsNSAxLDEgIi8+CiAgICA8L3N2Zz4=);
    position: absolute;
    top: 0;
    right: 0;
    color: #a6d612;
    pointer-events: none
}

.pb-select-list-container .select-wrapper select {
    background: transparent;
    border: 0;
    font-size: 1.6rem;
    font-weight: 400;
    width: 100%;
    padding: 5px;
    color: #484848;
    appearance: none;
    border-radius: 0;
    padding: 0 0 1rem .5rem;
    cursor: pointer
}

.pb-select-list-container .select-wrapper select option {
    color: #484848;
    font-weight: 300
}

.pb-select-list-container .select-wrapper select option[disabled] {
    display: none
}

.pb-select-list-container .select-wrapper select:focus {
    outline: none
}

.dotted-divider {
    height: 1px;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    background-image: linear-gradient(to right, #ddd 33%, #fff 0%);
    background-position: bottom;
    background-size: 5px 1px;
    background-repeat: repeat-x
}

.speed-map-dialog-panel .mat-mdc-dialog-container {
    background-color: #232d46
}

.runner-form-dialog-panel .mat-mdc-dialog-container .mdc-dialog__surface {
    background-color: #232d46;
    border-radius: 0 !important
}

.confirm-dialog .mat-mdc-dialog-container {
    border-radius: 8px !important;
    width: 335px
}

.remove-card-confirmation-dialog .mat-mdc-dialog-container {
    width: 100%;
    height: 100dvh
}

@media only screen and (min-width: 1024px) {
    .remove-card-confirmation-dialog .mat-mdc-dialog-container {
        width: 526px;
        height: auto
    }
}

.unverified-user-dialog .mat-dialog-container {
    border-radius: 8px !important;
    background-color: transparent;
    width: 335px;
    height: 286px
}

@media only screen and (min-width: 1024px) {
    .unverified-user-dialog .mat-dialog-container {
        width: 480px;
        height: 268px
    }
}

.remove-card-dialog .mat-dialog-container {
    border-radius: 8px !important;
    background-color: transparent;
    width: 335px;
    height: 232px
}

@media only screen and (min-width: 1024px) {
    .remove-card-dialog .mat-dialog-container {
        width: 480px;
        height: 218px
    }
}

.verification-dialog .mat-dialog-container {
    border-radius: 8px !important;
    background-color: transparent;
    width: 335px;
    height: 320px
}

@media only screen and (min-width: 1024px) {
    .verification-dialog .mat-dialog-container {
        width: 480px
    }
}

.punters-club-dialog .mat-mdc-dialog-container {
    border-radius: 5px !important;
    padding: 0 !important
}

.bet-slip-switch-account-dialog .mat-mdc-dialog-container {
    border-radius: .5rem !important;
    padding: 0 !important
}

.mini-account-switch-account-dialog .mat-dialog-container,
.mini-account-switch-account-dialog .mat-mdc-dialog-container .mdc-dialog__surface {
    border-radius: 5px !important;
    padding: 0 !important;
    background-color: transparent !important
}

.power-up-game-dialog .mat-dialog-container,
.power-up-game-dialog .mat-mdc-dialog-surface.mdc-dialog__surface,
.winners-circle-game-dialog .mat-dialog-container,
.winners-circle-game-dialog .mat-mdc-dialog-surface.mdc-dialog__surface {
    overflow: hidden
}

.error {
    color: #ff5059
}

.new-features-dialog .mat-mdc-dialog-container {
    border-radius: 6px !important
}

app-transfer-transactions .load-more-container,
app-bet-transactions .load-more-container {
    margin: 1rem 0
}

app-load-more {
    display: flex;
    justify-content: center;
    align-items: center
}

app-deposit-funds {
    min-width: 0
}

app-transactions .mat-mdc-tab-link {
    font-size: 1.3rem;
    font-weight: 500;
    opacity: 1;
    padding: 0;
    min-width: 33.3%;
    margin: 0
}

@media only screen and (min-width: 1024px) {
    app-transactions .mat-mdc-tab-link {
        min-width: 0;
        margin-right: 3rem
    }
}

app-transactions mat-ink-bar {
    height: 3px !important
}

@media only screen and (min-width: 1024px) {
    app-transactions {
        padding-bottom: 3rem
    }
}

app-transactions {
    min-width: 100%
}

app-transactions .mat-mdc-tab-link {
    color: #cacaca;
    text-transform: uppercase;
    flex-grow: 0 !important
}

@media only screen and (min-width: 1024px) {
    app-transactions .mat-mdc-tab-link {
        text-transform: initial
    }
}

app-transactions .mat-mdc-tab-link.mdc-tab--active .mdc-tab__text-label {
    color: #708bd6 !important
}

app-transactions .mdc-tab-indicator__content--underline {
    border-color: #708bd6 !important
}

app-withdrawal {
    flex: 1;
    min-width: 0
}

app-promotion {
    flex: 1;
    min-width: 0
}

app-promotion mat-tab-group .mat-mdc-tab.mdc-tab {
    padding: 16px 15px;
    opacity: 1;
    height: 40px;
    min-width: 96px;
    max-width: 96px
}

@media only screen and (min-width: 425px) {
    app-promotion mat-tab-group .mat-mdc-tab.mdc-tab {
        min-width: 112px;
        max-width: 112px
    }
}

app-promotion mat-tab-group .mat-mdc-tab.mdc-tab.mdc-tab--active {
    padding: 16px 15px;
    background-color: #d5e9ff;
    border-radius: 5px;
    opacity: 1;
    height: 40px;
    min-width: 112px;
    max-width: 112px
}

app-promotion mat-tab-group .mat-mdc-tab.mdc-tab.mdc-tab--active .mdc-tab__text-label {
    font-size: 1.4rem;
    font-weight: 500;
    color: #1573d5
}

app-promotion mat-tab-group .mat-mdc-tab.mdc-tab .mdc-tab__content {
    height: unset
}

app-promotion mat-tab-group .mat-mdc-tab-labels {
    font-size: 1.4rem;
    font-weight: 400;
    color: #606060;
    display: flex;
    justify-content: flex-start;
    padding: 10px 9px;
    border: 1px solid #cacaca;
    border-radius: 8px;
    height: 60px;
    align-items: center;
    background-color: #fff;
    gap: 5px
}

app-promotion mat-tab-group .mat-mdc-tab:hover:not(.mdc-tab--active) {
    background-color: #d5e9ff;
    border-radius: 5px
}

app-promotion mat-tab-group .mat-mdc-tab:hover:not(.mdc-tab--active) .mdc-tab__text-label {
    color: #1573d5
}

app-promotion mat-tab-group .mat-mdc-tab-header {
    border: none;
    width: 100%;
    box-shadow: 0 0 12px #00000014;
    border-radius: 8px
}

app-promotion mat-tab-group .mat-mdc-tab-header button {
    display: none
}

app-promotion mat-tab-group .mdc-tab-indicator {
    display: none
}

app-promotion mat-tab-group .mat-mdc-tab-header-pagination-controls-enabled .mat-mdc-tab-header-pagination {
    display: none
}

app-promotion mat-tab-group .mat-mdc-tab-body-wrapper {
    border-radius: 8px;
    box-shadow: 0 0 12px #00000014;
    margin-top: 20px
}

app-settings {
    flex: 1;
    min-width: 0
}

app-account-details {
    flex: 1;
    min-width: 0
}

app-content-page {
    flex: 1;
    margin: 3rem 0 0;
    min-width: 0
}

@media only screen and (min-width: 1024px) {
    app-content-page {
        margin: 0
    }
}

app-faq p {
    margin: 5px 0
}

app-sport-market .market-list .mat-expansion-panel {
    border-bottom: 1px solid #ececec;
    position: relative
}

app-sport-market .market-list .mat-expansion-panel-body {
    padding: 0
}

app-sport-market .market-list .mat-expansion-panel:not(.mat-expanded) .mat-expansion-indicator:after {
    color: #0eb25e
}

app-sport-market .market-list .mat-expansion-indicator:after {
    width: 2px;
    height: 2px
}

app-sport-market .market-list .mat-expansion-panel-header {
    padding: 1.15rem 0
}

app-sport-market .market-list .mat-expansion-panel-header.mat-expanded {
    color: #0f6b3c;
    border-bottom: 0
}

app-sport-market .market-list .mat-expansion-panel-header .mat-expansion-panel-header-title {
    font-size: 1.4rem;
    font-weight: 500;
    color: #1e1e1e;
    display: initial;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-grow: 1;
    margin-right: auto;
    flex-basis: 4px
}

@media only screen and (min-width: 1024px) {
    app-sport-market .market-list .mat-expansion-panel-header .mat-expansion-panel-header-title {
        font-weight: 400
    }
}

app-sport-market .market-list .mat-content {
    align-items: center
}

app-sport-match-header .market-group-container {
    margin-left: .2px
}

@media only screen and (min-width: 1024px) {
    app-app-layout .side-nav-lhs .mat-drawer-inner-container {
        overflow: visible;
        height: auto
    }
}

app-app-layout .side-nav-lhs.mat-sidenav.mat-drawer-side {
    z-index: 1 !important
}

app-timer .blue {
    color: #2a407c
}

app-timer .grey {
    color: #606060
}

app-timer .red {
    color: #ff5059
}

app-timer .orange {
    color: #ffc619
}

app-timer .white-font-style {
    font-size: 1rem;
    font-weight: 700;
    color: #fff
}

app-timer .deep-dark-blue.grey,
app-timer .deep-dark-blue.blue,
app-timer .deep-dark-blue.orange {
    color: #2c437e
}

app-timer .featured-sport-racing {
    font-size: 1rem;
    font-weight: 500;
    color: #fff
}

app-timer .betslip-timer-text.grey,
app-timer .betslip-timer-text.blue {
    color: #2c437e
}

app-timer .betslip-timer-text.orange {
    color: #fe6d2a
}

app-timer .betslip-timer-text.red {
    color: #e70000
}

app-timer .my-stable-timer.grey,
app-timer .my-stable-timer.blue {
    color: #484848
}

app-timer .my-stable-timer.orange {
    color: #fe6d2a
}

app-timer .my-stable-timer.red {
    color: #e70000
}

app-timer .my-stable-timer.white {
    color: #fbfbfb
}

@media only screen and (min-width: 768px) {
    app-racing-details .mat-mdc-tab-group {
        min-width: 412px
    }
}

app-racing-details .mat-mdc-tab-group .mat-mdc-tab-header {
    border-bottom: none
}

app-racing-details .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-header-pagination {
    min-width: 15px;
    border-radius: 5px;
    box-shadow: none;
    background-color: #1573d5;
    border: 1px solid #1573d5
}

app-racing-details .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-header-pagination .mat-mdc-tab-header-pagination-chevron {
    border-color: #fff
}

app-racing-details .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-header-pagination-controls {
    display: none
}

@media only screen and (min-width: 768px) {
    app-racing-details .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-header-pagination-controls {
        display: flex
    }
}

app-racing-details .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-header-pagination-before {
    padding-left: 7px;
    margin-right: 3px
}

app-racing-details .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-header-pagination-after {
    padding-right: 7px;
    margin-left: 3px
}

app-racing-details .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-header-pagination-disabled {
    background-color: #fff;
    border: 1px solid #dddddd
}

app-racing-details .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron {
    border-color: #ddd
}

app-racing-details .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-header-pagination-chevron {
    border-color: #ddd;
    width: 12px;
    height: 12px
}

app-racing-details .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container {
    overflow-x: auto
}

@media only screen and (min-width: 1024px) {
    app-racing-details .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container {
        overflow-x: hidden
    }
}

app-racing-details .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels {
    display: flex;
    gap: 19px
}

@media only screen and (min-width: 768px) {
    app-racing-details .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels {
        gap: 3px
    }
}

app-racing-details .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mdc-tab.mat-mdc-tab {
    min-width: 0;
    height: 40px;
    overflow: visible;
    flex: 1;
    padding: 0;
    opacity: 1;
    border-radius: 5px
}

@media only screen and (min-width: 768px) {
    app-racing-details .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mdc-tab.mat-mdc-tab {
        flex: none;
        padding: 0 16px
    }
}

@media only screen and (min-width: 1024px) {
    app-racing-details .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mdc-tab.mat-mdc-tab {
        max-width: max-content
    }
}

app-racing-details .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mdc-tab.mat-mdc-tab .mdc-tab__text-label {
    font-size: 1.4rem;
    font-weight: 500;
    color: #1573d5
}

app-racing-details .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mdc-tab.mat-mdc-tab.mdc-tab--active {
    background-color: #1573d5;
    min-width: 130px
}

app-racing-details .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mdc-tab.mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
    font-size: 1.4rem;
    font-weight: 500;
    color: #fff
}

@media only screen and (min-width: 768px) {
    app-racing-details .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mdc-tab.mat-mdc-tab.mdc-tab--active {
        min-width: unset
    }
}

app-racing-details .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mdc-tab.mat-mdc-tab.mdc-tab:hover:not(.mdc-tab--active) {
    background-color: #d5e9ff
}

app-racing-details .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mdc-tab.mat-mdc-tab.mdc-tab:hover:not(.mdc-tab--active) .mdc-tab__text-label {
    color: #1573d5
}

app-racing-details .mat-mdc-tab-group .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline {
    display: none
}

app-sport-match-detail .outcome,
app-sport-market .outcome {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    margin-bottom: 0;
    gap: .8rem
}

app-sport-match-detail .outcome .price-button,
app-sport-market .outcome .price-button {
    width: 100%
}

@media only screen and (min-width: 1024px) {

    app-sport-match-detail .outcome .price-button,
    app-sport-market .outcome .price-button {
        width: inherit;
        margin: 0
    }
}

@media only screen and (min-width: 1024px) {

    app-sport-match-detail .outcome,
    app-sport-market .outcome {
        flex-direction: row
    }
}

@supports (display: grid) {
    @media only screen and (min-width: 1024px) {

        app-sport-match-detail .outcome,
        app-sport-market .outcome {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            column-gap: 1rem;
            row-gap: 1rem
        }

        app-sport-match-detail .outcome.two-column-width,
        app-sport-market .outcome.two-column-width {
            grid-template-columns: 1fr 1fr
        }
    }
}

app-sport-match-detail .description,
app-sport-market .description {
    font-size: 1.2rem;
    font-weight: 400;
    color: #999;
    margin: 0;
    display: flex;
    align-items: center;
    line-height: 15px;
    padding: 15px 0 20px
}

@media only screen and (min-width: 1024px) {

    app-sport-match-detail .description,
    app-sport-market .description {
        font-size: 1rem;
        padding: 12px 0
    }
}

app-sport-match-detail .mat-expansion-panel-header-description,
app-sport-market .mat-expansion-panel-header-description {
    font-size: 1.2rem;
    font-weight: 400;
    color: #999;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0;
    margin: 0;
    flex-grow: 1;
    flex-basis: 0
}

app-sport-match-detail .mat-expansion-panel-header-description .length,
app-sport-market .mat-expansion-panel-header-description .length {
    display: none
}

@media only screen and (min-width: 1024px) {

    app-sport-match-detail .mat-expansion-panel-header-description .length,
    app-sport-market .mat-expansion-panel-header-description .length {
        display: block
    }
}

app-sport-match-detail .mat-expansion-panel-spacing,
app-sport-market .mat-expansion-panel-spacing {
    margin: 0
}

app-sport-match-detail .mat-expansion-panel,
app-sport-market .mat-expansion-panel {
    box-shadow: none !important
}

app-sport-match-detail .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover,
app-sport-market .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
    background: none !important
}

content-html-block p,
app-seo-snippet p {
    margin: 0
}

content-html-block ol,
app-seo-snippet ol {
    margin: 0
}

app-offer-landing .ngucarousel {
    height: auto !important
}

app-betslip-footer {
    flex-shrink: 0
}

app-footer .resp-gambling a {
    font-weight: 700
}

app-forgot-password .invalid,
app-login .invalid,
app-deposit-limit-form .invalid,
app-user-reverification-dialog .invalid {
    font-size: 1.4rem;
    font-weight: 400;
    color: #e70000;
    margin-top: 5px
}

@media only screen and (min-width: 1024px) {

    app-forgot-password .invalid,
    app-login .invalid,
    app-deposit-limit-form .invalid,
    app-user-reverification-dialog .invalid {
        font-size: 1.2rem
    }
}

app-sign-up .invalid {
    font-size: 1rem;
    font-weight: 400;
    color: #e70000;
    margin-top: 5px
}

app-login .unauthorized-error {
    font-size: 1.4rem;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 20px
}

app-login .unauthorized-error a {
    font-weight: 500;
    color: #1573d5
}

app-runner-form-dialog {
    display: flex;
    flex-direction: column;
    height: 100%
}

app-runner-form-dialog .mat-mdc-tab-group {
    flex: 1
}

app-runner-form-dialog .mat-mdc-tab-body-wrapper {
    flex: 1
}

app-runner-form-dialog .mat-mdc-tab-body-content {
    height: 100%
}

.loader {
    text-align: center;
    display: inline-block;
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #3f51b5;
    border-right: 4px solid #3f51b5;
    border-bottom: 4px solid #3f51b5;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite
}

.loader--disabled {
    border-left-color: transparent;
    border-top-color: #fff;
    border-right-color: #fff;
    border-bottom-color: #fff
}

app-fixture-search .loader {
    border-top: 4px solid #2c437e;
    border-right: 4px solid #2c437e;
    border-bottom: 4px solid #2c437e
}

app-notification-channel-setting .loader {
    width: 13px;
    height: 13px;
    border: 3px solid rgba(0, 0, 0, 0);
    border-top: 3px solid #2c437e;
    border-right: 3px solid #2c437e;
    border-bottom: 3px solid #2c437e
}

.loader-sport {
    border-top: 4px solid #4db53f;
    border-right: 4px solid #3fb53f;
    border-bottom: 4px solid #3fb54f
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.betslip-open-close {
    transition: all .2s ease-in-out
}

.cdk-global-scrollblock {
    overflow-y: unset !important
}

.side-nav-betslip.mat-sidenav {
    width: 100%
}

@media only screen and (min-width: 1024px) {
    .side-nav-betslip.mat-sidenav {
        width: 310px
    }
}

.mat-drawer-container {
    background-color: #fff
}

.what-is-dialog-background {
    background-color: transparent
}

.export-statement-backdrop {
    background-color: #00000080
}

.export-statement-dialog mat-dialog-container {
    border-radius: 8px !important;
    padding: 0 !important;
    overflow: hidden
}

.mat-mdc-dialog-content {
    flex: 1 0 auto;
    max-height: none !important
}

.alert-danger {
    color: #ff5059
}

.mini-account-dialog>mat-dialog-container {
    min-width: 375px
}

mat-dialog-container {
    border-radius: 2px !important;
    padding: 0 !important
}

.quick-bet-dialog mat-dialog-container {
    border-radius: 5px !important
}

.quick-bet-dialog-overlay,
.check-in-dialog-overlay {
    background: #00000080
}

.check-in-dialog-panel {
    max-width: 100vw !important;
    width: 100% !important
}

.check-in-dialog-panel .mat-mdc-dialog-container,
.check-in-dialog-panel .mat-mdc-dialog-container .mdc-dialog__surface {
    border-radius: 8px 8px 0 0 !important;
    overflow: hidden !important;
    padding: 0 !important
}

@media only screen and (min-width: 768px) {
    .check-in-dialog-panel {
        max-width: 700px !important;
        width: auto !important
    }

    .check-in-dialog-panel .mat-mdc-dialog-container,
    .check-in-dialog-panel .mat-mdc-dialog-container .mdc-dialog__surface {
        border-radius: 10px !important;
        overflow: hidden !important;
        padding: 0 !important
    }
}

mat-progress-bar.deposit-limit-progress-bar {
    height: 9px;
    border-radius: 10px
}

mat-progress-bar.deposit-limit-progress-bar .mdc-linear-progress__primary-bar {
    background-color: #1573d5
}

mat-progress-bar.deposit-limit-progress-bar .mdc-linear-progress__bar-inner {
    border-color: #1573d5
}

mat-progress-bar.deposit-limit-progress-bar .mdc-linear-progress__buffer-bar {
    background-color: #ececec
}

.req-turnover-text {
    color: #708bd6;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: .85
}

#addedCards .e-content {
    overflow-x: hidden
}

#addedCards .item-row {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

#addedCards .item-row img {
    width: 39px;
    height: 28px
}

#addedCards .item-row img.dropdown-menu-card {
    width: 34px;
    height: 24px
}

@media only screen and (min-width: 1024px) {
    #addedCards .item-row img.dropdown-menu-card {
        width: 24px;
        height: 17px
    }
}

#addedCards .item-row .card-number-container {
    display: flex;
    flex-direction: column
}

#addedCards .item-row .card-number.selected-card-number {
    font-size: 1.4rem;
    font-weight: 400;
    color: #1e1e1e
}

#addedCards .item-row .card-number.selected-card-number.disabled {
    color: #ddd
}

#addedCards .item-row .card-number.selected-card-number.grey-card-number {
    color: #bababa
}

#addedCards .item-row .card-number.menu-card-number {
    font-size: 1.4rem;
    font-weight: 500;
    color: #1e1e1e
}

@media only screen and (min-width: 1024px) {
    #addedCards .item-row .card-number.menu-card-number {
        font-size: 1.2rem;
        font-weight: 400;
        color: #1e1e1e
    }
}

#addedCards .item-row .card-number.menu-card-number.selected {
    color: #2a407c
}

@media only screen and (min-width: 1024px) {
    #addedCards .item-row .card-number {
        font-size: 1.4rem
    }
}

#addedCards .item-row .card-status {
    text-align: right;
    flex: 1.1;
    margin-right: 2px;
    font-size: 1rem;
    font-weight: 500;
    color: #ffc619
}

#addedCards .item-row .card-status.selected-card-status {
    display: flex;
    justify-content: flex-start;
    margin-top: 2px;
    font-size: 1.2rem
}

#addedCards .item-row .card-status.selected-card-status.disabled {
    color: #ddd
}

#addedCards .item-row .card-status.verified {
    color: #0eb25e
}

#addedCards .item-row .card-status.gray-scale {
    color: #ddd
}

#addedCards .item-row .tick-container {
    display: flex;
    margin-right: 0;
    justify-content: flex-end
}

#addedCards .item-row .tick-container .svg-icon {
    display: inline-flex;
    color: #0eb25e;
    width: 20px;
    height: 20px;
    flex: 1
}

.e-input-value .item-row img {
    margin-right: 15px
}

app-event-landing .text-content a {
    color: #2a407c
}

app-event-landing .text-content.sport a {
    color: #0f6b3c
}

app-fixture-search-result em {
    color: #1e1e1e;
    font-weight: 700;
    font-style: normal
}

#litepicker-export-statement {
    margin-top: 10px
}

#litepicker-export-statement .litepicker {
    font-size: 1.2rem;
    font-weight: 500;
    color: #1e1e1e;
    font-family: Roboto, Helvetica Neue, sans-serif
}

#litepicker-export-statement .litepicker .container__months {
    width: 100%;
    box-shadow: none
}

#litepicker-export-statement .litepicker .container__months .month-item-header {
    padding: 2px 0;
    margin-bottom: 5px;
    font-weight: 700
}

#litepicker-export-statement .litepicker .container__months .month-item-header a>svg {
    display: flex;
    transform: scale(.7)
}

#litepicker-export-statement .litepicker .container__months .month-item-header div>.month-item-name {
    text-transform: uppercase
}

#litepicker-export-statement .litepicker .container__months .month-item-weekdays-row>div {
    font-size: 100%
}

#litepicker-export-statement .litepicker .container__months .month-item {
    width: 100%;
    padding: 0
}

#litepicker-export-statement .litepicker .container__months .month-item .container__days>div,
#litepicker-export-statement .litepicker .container__months .month-item .container__days>a {
    width: 45px;
    box-sizing: border-box
}

@media only screen and (min-width: 1024px) {

    #litepicker-export-statement .litepicker .container__months .month-item .container__days>div,
    #litepicker-export-statement .litepicker .container__months .month-item .container__days>a {
        width: 40px
    }
}

#litepicker-export-statement .litepicker .container__days .day-item {
    cursor: pointer
}

#litepicker-export-statement .litepicker .container__days .day-item:hover {
    color: #708bd6;
    box-shadow: inset 0 0 0 1px #708bd6
}

#litepicker-export-statement .litepicker .container__days .day-item.is-today {
    color: #708bd6;
    border: 1px solid #708bd6
}

#litepicker-export-statement .litepicker .container__days .day-item.is-start-date,
#litepicker-export-statement .litepicker .container__days .day-item.is-end-date {
    background-color: #708bd6
}

#litepicker-export-statement .litepicker .container__days .day-item.is-start-date:hover,
#litepicker-export-statement .litepicker .container__days .day-item.is-end-date:hover {
    color: #fff
}

#litepicker-export-statement .litepicker .container__days .day-item.is-in-range {
    background-color: #708bd633
}

#litepicker-export-statement .litepicker .container__days .day-item.is-in-range:hover {
    color: #708bd6
}

#litepicker-export-statement .litepicker .container__days .day-item.day-item.is-today {
    color: #1e1e1e
}

.move-to-start {
    order: -1
}

.unsaved-changes-modal-panel .mat-mdc-dialog-container {
    border-radius: 8px !important;
    box-shadow: none
}

.unsaved-changes-modal-backdrop {
    background: #48484899
}

.app-searchable-select+* .mat-mdc-menu-panel.mat-mdc-menu-panel {
    box-shadow: 0 8px 12px #00000029;
    max-width: unset
}

.app-searchable-select+* .mat-mdc-menu-panel.mat-mdc-menu-panel .mat-mdc-menu-content {
    display: flex;
    flex-direction: column;
    width: 351px;
    padding: 0
}

.app-outcome-select+* .mat-mdc-menu-panel.mat-mdc-menu-panel {
    border: 1.2px solid #bababa;
    min-height: 0
}

.app-outcome-select+* .mat-mdc-menu-panel.mat-mdc-menu-panel .mat-mdc-menu-content {
    display: flex;
    flex-direction: column;
    width: 144px;
    padding: 0
}

.app-outcome-select+* .mat-mdc-menu-panel.mat-mdc-menu-panel .mat-mdc-menu-content>*:not(:last-child) {
    border-bottom: 1px solid #bababa
}

@media only screen and (min-width: 1024px) {
    app-activity-page .canvas-wrapper {
        height: 300px
    }
}

.user-reverification-dialog .mat-mdc-dialog-container {
    width: 362px;
    height: 565px;
    border-radius: 8px !important
}

@media only screen and (min-width: 1024px) {
    .user-reverification-dialog .mat-mdc-dialog-container {
        width: 495px;
        height: 567px
    }
}

.user-reverification-dialog .mat-mdc-dialog-container .row {
    justify-content: flex-start;
    margin-bottom: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 0 10px !important
}

@media only screen and (max-width: 1023px) {
    .user-reverification-dialog .mat-mdc-dialog-container .row {
        flex-direction: column;
        margin-bottom: 8px
    }

    .user-reverification-dialog .mat-mdc-dialog-container .row>div {
        margin-bottom: 8px
    }
}

@media only screen and (max-width: 1023px) and (min-width: 1024px) {
    .user-reverification-dialog .mat-mdc-dialog-container .row>div {
        margin-bottom: 24px
    }
}

@media only screen and (max-width: 1023px) {
    .user-reverification-dialog .mat-mdc-dialog-container .row>div:last-child {
        margin-bottom: 0
    }
}

.user-reverification-dialog .mat-mdc-dialog-container .row__item {
    display: flex
}

@media only screen and (min-width: 1024px) {
    .user-reverification-dialog .mat-mdc-dialog-container .row__item {
        margin-right: 32px
    }
}

@media only screen and (max-width: 1023px) {
    .user-reverification-dialog .mat-mdc-dialog-container .row__item--family {
        grid-column: 1/span 2
    }
}

.user-reverification-dialog .mat-mdc-dialog-container .row__item--gender {
    grid-column: 2;
    grid-row: 1
}

@media only screen and (min-width: 1024px) {
    .user-reverification-dialog .mat-mdc-dialog-container .row__item--gender {
        grid-column: auto;
        grid-row: auto
    }
}

.user-reverification-dialog .mat-mdc-dialog-container .row__item--mobile {
    width: 275px;
    margin-right: 0;
    margin-bottom: 8px
}

.user-reverification-dialog .mat-mdc-dialog-container .row__item--full {
    justify-content: space-between;
    flex: 1
}

@media only screen and (max-width: 1023px) {
    .user-reverification-dialog .mat-mdc-dialog-container .row__item--full {
        flex-direction: column
    }

    .user-reverification-dialog .mat-mdc-dialog-container .row__item--full>div {
        margin-bottom: 8px;
        max-width: 100%
    }

    .user-reverification-dialog .mat-mdc-dialog-container .row__item--full>div:last-child {
        margin-bottom: 0
    }
}

.user-reverification-dialog .mat-mdc-dialog-container .row__item--date {
    flex-direction: column
}

.user-reverification-dialog .mat-mdc-dialog-container .row__item--hidden-desktop {
    display: flex
}

@media only screen and (min-width: 1024px) {
    .user-reverification-dialog .mat-mdc-dialog-container .row__item--hidden-desktop {
        display: none
    }
}

.user-reverification-dialog .mat-mdc-dialog-container .row__item--hidden-mobile {
    display: none
}

@media only screen and (min-width: 1024px) {
    .user-reverification-dialog .mat-mdc-dialog-container .row__item--hidden-mobile {
        display: flex
    }
}

.user-reverification-dialog .mat-mdc-dialog-container .row--personal-info {
    display: grid;
    grid-template-columns: auto auto;
    gap: 10px !important
}

@media only screen and (min-width: 1024px) {
    .user-reverification-dialog .mat-mdc-dialog-container .row--personal-info {
        flex-wrap: wrap;
        justify-content: flex-start
    }
}

.user-reverification-dialog .mat-mdc-dialog-container .row__label {
    line-height: 8px;
    text-transform: uppercase;
    padding: 8px;
    font-size: 1.2rem;
    font-weight: 500;
    color: #484848
}

.user-reverification-dialog .mat-mdc-dialog-container .row--wrapped {
    flex-wrap: wrap;
    display: flex
}

.user-reverification-dialog .mat-mdc-dialog-container .row--wrapped .row__item {
    margin-right: 10px;
    margin-bottom: 8px
}

@media only screen and (max-width: 1023px) {
    .user-reverification-dialog .mat-mdc-dialog-container .row--wrapped {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin: 0;
        display: flex
    }
}

.user-reverification-dialog .mat-mdc-dialog-container .input-group {
    width: 100%
}

@media only screen and (max-width: 1023px) {
    .user-reverification-dialog .mat-mdc-dialog-container .input-group {
        width: 147px
    }
}

.user-reverification-dialog .mat-mdc-dialog-container .input-group__family {
    width: 216px
}

@media only screen and (max-width: 1023px) {
    .user-reverification-dialog .mat-mdc-dialog-container .input-group__family {
        width: 186px
    }
}

.user-reverification-dialog .mat-mdc-dialog-container .input-group__first-name {
    width: 216px
}

@media only screen and (max-width: 1023px) {
    .user-reverification-dialog .mat-mdc-dialog-container .input-group__first-name {
        width: 186px
    }
}

.user-reverification-dialog .mat-mdc-dialog-container .input-group__gender {
    width: 121px
}

@media only screen and (max-width: 1023px) {
    .user-reverification-dialog .mat-mdc-dialog-container .input-group__gender {
        width: 100px
    }
}

.user-reverification-dialog .mat-mdc-dialog-container .input-group__address {
    position: relative
}

.user-reverification-dialog .mat-mdc-dialog-container .input-group__address--large {
    width: 324px
}

@media only screen and (min-width: 1024px) {
    .user-reverification-dialog .mat-mdc-dialog-container .input-group__address--large {
        width: 447px
    }
}

.user-reverification-dialog .mat-mdc-dialog-container .input-group__address-results {
    font-size: 1.2rem;
    font-weight: 400;
    background: #ececec;
    box-shadow: 0 4px 20px #1e1e1e29;
    border-radius: 2px;
    margin-top: 5px;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 1
}

.user-reverification-dialog .mat-mdc-dialog-container .input-group__address-results>div {
    padding: 12px 16px;
    cursor: pointer;
    color: #1e1e1e;
    border-bottom: 1px solid #dddddd
}

.user-reverification-dialog .mat-mdc-dialog-container .input-group__address-results>div:last-child {
    border: none
}

@media only screen and (min-width: 1024px) {
    .user-reverification-dialog .mat-mdc-dialog-container .input-group__suburb {
        width: 150px
    }
}

.user-reverification-dialog .mat-mdc-dialog-container .input-group__day {
    width: 79.37px
}

@media only screen and (max-width: 1023px) {
    .user-reverification-dialog .mat-mdc-dialog-container .input-group__day {
        width: 55px
    }
}

.user-reverification-dialog .mat-mdc-dialog-container .input-group__month {
    width: 145.76px
}

@media only screen and (max-width: 1023px) {
    .user-reverification-dialog .mat-mdc-dialog-container .input-group__month {
        width: 101px
    }
}

.user-reverification-dialog .mat-mdc-dialog-container .input-group__year {
    width: 95.25px
}

@media only screen and (max-width: 1023px) {
    .user-reverification-dialog .mat-mdc-dialog-container .input-group__year {
        width: 66px
    }
}

.user-reverification-dialog .mat-mdc-dialog-container .input-group__label {
    line-height: 8px;
    text-transform: uppercase;
    padding: 8px;
    font-size: 1.2rem;
    font-weight: 500;
    color: #484848
}

.user-reverification-dialog .mat-mdc-dialog-container .input-group__input-area {
    justify-content: space-between;
    width: 250px;
    display: flex
}

.user-reverification-dialog .mat-mdc-dialog-container .input-group__phone-container {
    height: 32px;
    display: flex;
    border-radius: 4px;
    margin-left: 0;
    width: 96px
}

@media only screen and (min-width: 1024px) {
    .user-reverification-dialog .mat-mdc-dialog-container .input-group__phone-container {
        width: 299px
    }
}

.user-reverification-dialog .mat-mdc-dialog-container .input-group__phone-container .country-code {
    display: flex;
    align-items: center;
    background-color: #ececec;
    padding: 0 0 0 8px;
    font-size: 1.4rem;
    border-radius: 4px 0 0 4px
}

.user-reverification-dialog .mat-mdc-dialog-container .input-group__phone-container .phone-text {
    width: 96px;
    border-radius: 0 4px 4px 0
}

@media only screen and (min-width: 1024px) {
    .user-reverification-dialog .mat-mdc-dialog-container .input-group__phone-container .phone-text {
        width: 267px
    }
}

.user-reverification-dialog .mat-mdc-dialog-container .manual-address-text {
    cursor: pointer;
    text-transform: uppercase;
    width: 100%;
    font-size: 1.2rem;
    font-weight: 500;
    padding: 8px 0 0 8px
}

.user-reverification-dialog .mat-mdc-dialog-container .manual-address-text .enter-manually {
    color: #1573d5
}

.user-reverification-dialog .mat-mdc-dialog-container .manual-address-text .enter-manually.auto {
    display: inline-block
}

@media only screen and (min-width: 1024px) {
    .user-reverification-dialog .mat-mdc-dialog-container .manual-address-text {
        text-align: left;
        padding: 8px 0 0 8px
    }
}

.user-reverification-dialog .mat-mdc-dialog-container .date-container {
    display: flex;
    width: 266px;
    justify-content: space-between;
    gap: 10px
}

@media only screen and (min-width: 1024px) {
    .user-reverification-dialog .mat-mdc-dialog-container .date-container {
        width: 400px
    }
}

.user-reverification-dialog .mat-mdc-dialog-container .address-bottom {
    margin-top: 24px
}

@media only screen and (min-width: 1024px) {
    .user-reverification-dialog .mat-mdc-dialog-container .address-bottom {
        margin-top: 0
    }
}

.user-reverification-dialog .mat-mdc-dialog-container .auto-container .row__item {
    margin: 0
}

.user-reverification-dialog .mat-mdc-dialog-container .row__item--mobile .input-group__input-area {
    gap: 10px;
    width: 150px
}

@media only screen and (min-width: 1024px) {
    .user-reverification-dialog .mat-mdc-dialog-container .row__item--mobile .input-group__select-wrapper--country {
        width: 79.37px
    }
}

.ai-ratings-logo {
    width: 75px !important;
    height: 20px !important
}

app-sport-form-data-table td.players-column span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

app-my-stable-page .mat-mdc-tab-group .mat-mdc-tab {
    flex: 1;
    opacity: 1;
    min-width: auto
}

@media only screen and (min-width: 1024px) {
    app-my-stable-page .mat-mdc-tab-group .mat-mdc-tab {
        flex: none;
        flex-grow: 0 !important
    }
}

app-my-stable-page .mat-mdc-tab-group .mat-mdc-tab-header {
    box-shadow: none;
    border-bottom: 1px solid #ececec
}

app-my-stable-page .mat-mdc-tab-group.mat-mdc-tab-group.mat-primary .mdc-tab-indicator__content--underline {
    border-color: #1573d5;
    border-width: medium
}

app-my-stable-page .mat-mdc-tab-group .mdc-tab__content {
    font-size: 1.4rem;
    font-weight: 400;
    color: #8e8e8e
}

app-my-stable-page .mat-mdc-tab-group .mdc-tab__content .mat-icon {
    color: #8e8e8e
}

app-my-stable-page .mat-mdc-tab-group .mdc-tab--active .mdc-tab__content {
    font-size: 1.4rem;
    font-weight: 500
}

app-my-stable-page .mat-mdc-tab-group .mdc-tab--active .mdc-tab__text-label {
    color: #1573d5 !important
}

app-my-stable-page .mat-mdc-tab-group .mdc-tab--active .mat-icon {
    color: #1573d5
}

app-my-stable-page .mat-mdc-tab-group .mat-mdc-tab-body-content {
    overflow: hidden
}

.flex-space-filler {
    flex: 1 1 auto
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing.my-stable-dialog-backdrop {
    background-color: #484848;
    opacity: .5
}

.my-stable-add-searchable-select+* .mat-mdc-menu-panel.mat-mdc-menu-panel {
    border: 1.2px solid #2c437e;
    max-width: unset
}

.my-stable-add-searchable-select+* .mat-mdc-menu-panel.mat-mdc-menu-panel .mat-mdc-menu-content {
    display: flex;
    flex-direction: column;
    width: 289px;
    min-height: 100%;
    padding: 0
}

.highlighted-content em {
    font-weight: 700;
    font-style: normal
}

app-nser-acknowledgment .message-container .acknowledgement-dialog {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 20px
}

app-nser-acknowledgment .message-container .acknowledgement-dialog li>p>strong:first-child {
    font-size: 1.2rem;
    font-weight: 500
}

app-nser-acknowledgment .message-container .acknowledgement-dialog p>strong:first-child {
    font-size: 2rem;
    font-weight: 500
}

.homepage-widget-container {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    border: 1px solid #cacaca;
    background: #fff;
    box-shadow: 0 0 12px #00000014;
    padding: 20px;
    margin: 15px 0
}

@media only screen and (max-width: 767px) {
    .homepage-widget-container.no-right-border {
        border-radius: 10px 0 0 10px;
        border-right: none;
        padding-right: 0
    }
}

.homepage-widget-container .homepage-widget-header {
    font-size: 1.6rem;
    font-weight: 600
}

.homepage-widget-events {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    overflow-x: scroll;
    overflow-y: hidden;
    margin-top: 10px
}

@media only screen and (min-width: 768px) {
    .homepage-widget-events {
        grid-template-columns: repeat(2, 1fr);
        overflow: hidden;
        gap: 10px 20px
    }
}

@media only screen and (min-width: 1366px) {
    .homepage-widget-events {
        grid-template-columns: repeat(4, 1fr);
        gap: 10px 20px;
        overflow: hidden
    }
}

.capitalized {
    text-transform: capitalize
}

app-shrinkable-toggle-option mat-icon.mat-icon {
    width: 20px;
    height: 20px
}

app-shrinkable-toggle-option mat-icon.filled-icon {
    display: none
}

app-shrinkable-toggle-option mat-icon.outline-icon {
    color: #8e8e8e
}

app-shrinkable-toggle-option[selected] mat-icon.filled-icon {
    display: unset
}

app-shrinkable-toggle-option[selected] mat-icon.outline-icon {
    display: none
}

app-shrinkable-toggle-option.sport,
app-shrinkable-toggle-option.racing {
    font-weight: 400
}

app-shrinkable-toggle-option.sport .title,
app-shrinkable-toggle-option.racing .title {
    white-space: nowrap
}

app-shrinkable-toggle-option.sport.all-option .title,
app-shrinkable-toggle-option.racing.all-option .title {
    display: block;
    padding: 0 3px
}

@media only screen and (min-width: 768px) {
    app-shrinkable-toggle-option.racing.all-option {
        padding: 0 15px
    }
}

app-shrinkable-toggle-option.racing mat-icon.filled-icon,
app-shrinkable-toggle-option.racing.selected mat-icon {
    color: #1573d5
}

app-shrinkable-toggle-option.racing.selected span {
    color: #1573d5
}

app-shrinkable-toggle-option.racing.selected span.all-option {
    display: block;
    padding: 0 2px 0 1px
}

@media only screen and (min-width: 768px) {
    app-shrinkable-toggle-option.sport.all-option {
        padding: 0 23px
    }
}

app-shrinkable-toggle-option.sport mat-icon.filled-icon {
    color: #0eb25e
}

app-shrinkable-toggle-option.sport.selected span {
    color: #0f6b3c
}

app-shrinkable-toggle-option.sport.selected span.all-option {
    display: block;
    padding: 0 2px 0 1px
}

app-timer-chips .timer-chips-container {
    width: 100px
}

app-meetings-widget .homepage-widget-container,
app-super-ntj-widget .homepage-widget-container {
    margin-right: 20px
}

@media only screen and (min-width: 768px) {

    app-meetings-widget .homepage-widget-container,
    app-super-ntj-widget .homepage-widget-container {
        margin-right: 0
    }
}

app-super-ntj-race-detail .desktop-loader app-skeleton-loader ngx-skeleton-loader {
    display: none
}

@media only screen and (min-width: 768px) {
    app-super-ntj-race-detail .desktop-loader app-skeleton-loader ngx-skeleton-loader {
        display: grid;
        gap: 10px 20px;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (min-width: 1024px) {
    app-super-ntj-race-detail .desktop-loader {
        margin-bottom: 4px
    }

    app-super-ntj-race-detail .desktop-loader app-skeleton-loader ngx-skeleton-loader {
        display: grid;
        gap: 10px 20px;
        grid-template-columns: repeat(4, 1fr)
    }
}

.hide-mobile-horizontal-scroll::-webkit-scrollbar {
    display: none
}

.home-page-footer .disclosure-section {
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 17px
}

.home-page-footer .disclosure-section .resp-gambling a {
    color: #3671ce
}

.home-page-footer .nav-links-section .footer-navigation-list,
.home-page-footer .footer-links-section .section-title {
    color: #2f3f78 !important
}

.home-page-footer .copyright-section {
    font-size: 1.1rem !important
}

app-race-filters ::-webkit-scrollbar {
    width: 6px
}

app-race-filters ::-webkit-scrollbar-track {
    background: #bababa;
    border-radius: 8px
}

app-race-filters ::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #ececec;
    border: 1px solid transparent;
    background-clip: content-box
}

app-race-filter-range-slider .mat-mdc-slider {
    margin: 0;
    padding: 0;
    height: 18px
}

app-race-filter-range-slider .mdc-slider .mdc-slider__thumb {
    border: none;
    width: 13px;
    height: 13px;
    left: -10px;
    top: 0
}

app-race-filter-range-slider .mat-mdc-slider.mat-mdc-slider-with-animation .mdc-slider__thumb,
app-race-filter-range-slider .mat-mdc-slider.mat-mdc-slider-with-animation .mdc-slider__track--active_fill {
    transition-duration: 0ms !important
}

app-race-filter-range-slider .mat-mdc-slider .mdc-slider__thumb-knob {
    width: 13px;
    height: 13px;
    border-width: 6.5px !important;
    background-color: #2c437e !important;
    border-color: #2c437e !important;
    box-shadow: none !important;
    top: 7px;
    left: 10px
}

app-race-filter-range-slider .mat-mdc-slider .mdc-slider__track--active {
    height: 2px !important;
    top: 0
}

app-race-filter-range-slider .mat-mdc-slider .mdc-slider__track--active_fill {
    border-image: linear-gradient(270deg, #2a4480, #2886c9) 1
}

app-race-filter-range-slider .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
    background-color: #2c437e
}

app-race-filter-range-slider .mat-mdc-slider .mdc-slider__track--inactive {
    background-color: #00000040 !important;
    opacity: 1;
    height: 2px !important
}

app-race-filter-range-slider .mat-mdc-slider-visual-thumb .mat-ripple {
    display: none
}

app-race-filter-range-slider .mdc-slider__input {
    width: 100% !important;
    left: 0 !important;
    padding: 0 !important
}

i.spinner {
    margin-right: 10px;
    display: inline-block;
    height: 12px;
    width: 12px;
    background: url(/assets/images/button_spinner.png) no-repeat 0 0;
    animation-name: spin;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.transparent-dialog mat-dialog-container {
    background-color: transparent;
    box-shadow: none
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing.dark-gray-backdrop {
    background-color: #1e1e1e;
    opacity: .5
}

.race-content-block {
    background-color: #fff;
    padding: 12px
}

@media only screen and (min-width: 768px) {
    .race-content-block {
        border-radius: 10px;
        margin: 20px 20px 0;
        padding: 20px;
        border: 1px solid #cacaca;
        box-shadow: 0 0 12px #00000014
    }
}

.lm-only {
    display: none
}

@media only screen and (min-width: 768px) {
    .lm-only {
        display: flex
    }
}

@media only screen and (min-width: 1024px) {
    .lm-only {
        display: none
    }
}

.m-only {
    display: block
}

@media only screen and (min-width: 1024px) {
    .m-only {
        display: none
    }
}

.pb-0 {
    padding-bottom: 0
}

.account-detail-responsible-gambling .rg-message .rg-default-cta {
    font-size: 1.4rem;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 17px
}

.account-detail-responsible-gambling .rg-message .rg-message-common p {
    font-size: 1.8rem;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 21px
}

app-sport-detail {
    position: relative;
    z-index: 0
}

app-sport-detail .mat-mdc-tab-group .mat-mdc-tab-header {
    border-bottom: none
}

app-sport-detail .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-header-pagination {
    min-width: 15px;
    border-radius: 2px;
    box-shadow: none;
    background-color: #0eb25e;
    border: 1px solid #cacaca
}

app-sport-detail .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-header-pagination .mat-mdc-tab-header-pagination-chevron {
    border-color: #fff;
    width: 12px;
    height: 12px
}

app-sport-detail .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-header-pagination.mat-mdc-tab-header-pagination-before {
    margin-right: 6px
}

app-sport-detail .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-header-pagination.mat-mdc-tab-header-pagination-after {
    margin-left: 6px
}

app-sport-detail .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-header-pagination.mat-mdc-tab-header-pagination-disabled {
    background-color: #fff;
    border: 1px solid #cacaca
}

app-sport-detail .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-header-pagination.mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron {
    border-color: #cacaca;
    opacity: 1
}

app-sport-detail .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-header-pagination-controls {
    display: none
}

@media only screen and (min-width: 768px) {
    app-sport-detail .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-header-pagination-controls {
        display: flex
    }
}

app-sport-detail .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container {
    overflow-x: auto
}

app-sport-detail .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container::-webkit-scrollbar {
    display: none
}

app-sport-detail .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mdc-tab-indicator {
    display: none
}

app-sport-detail .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels {
    display: flex;
    gap: 6px
}

@media only screen and (min-width: 768px) {
    app-sport-detail .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels {
        gap: 4px
    }
}

app-sport-detail .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mdc-tab.mat-mdc-tab {
    font-size: 1.4rem;
    font-weight: 400;
    color: #484848;
    min-width: 0;
    height: 34px;
    overflow: visible;
    padding: 0 10px;
    opacity: 1;
    border-radius: 5px;
    flex-grow: 0
}

@media only screen and (min-width: 768px) {
    app-sport-detail .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mdc-tab.mat-mdc-tab {
        flex: none;
        padding: 0 16px
    }
}

@media only screen and (min-width: 1024px) {
    app-sport-detail .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mdc-tab.mat-mdc-tab {
        max-width: max-content
    }
}

app-sport-detail .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mdc-tab.mat-mdc-tab .mdc-tab__text-label {
    font-size: 1.4rem;
    font-weight: 400;
    color: #484848
}

app-sport-detail .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mdc-tab.mat-mdc-tab.mdc-tab--active {
    background-color: #d3ebdf
}

app-sport-detail .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mdc-tab.mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
    font-size: 1.4rem;
    font-weight: 500;
    color: #0f6b3c
}

app-sport-detail .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mdc-tab.mat-mdc-tab.mdc-tab:hover:not(.mdc-tab--active) {
    background-color: #d3ebdf
}

app-sport-detail .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mdc-tab.mat-mdc-tab.mdc-tab:hover:not(.mdc-tab--active) .mdc-tab__text-label {
    color: #0f6b3c
}

app-sport-detail app-sport-market .outcome {
    column-gap: 16px;
    row-gap: 16px
}

app-sport-detail app-sport-market .mat-expansion-panel-header-description {
    flex: 0 0 auto
}

app-sport-detail app-sport-market .sport-market-container {
    padding: 0 !important
}

app-sport-detail app-sport-market .sport-market-container .mat-accordion {
    box-shadow: 0 0 12px #00000014
}

app-sport-detail app-sport-market .sport-market-container .market-list {
    display: block;
    border-radius: 10px;
    overflow: hidden;
    border: 1.5px solid #dddddd
}

app-sport-detail app-sport-market .sport-market-container .market-list .mat-expansion-panel-body {
    padding: 2px 22px 22px
}

app-sport-detail app-sport-market .sport-market-container .market-list .mat-expansion-panel-header {
    padding: 19px 22px
}

app-sport-detail app-sport-market .sport-market-container .market-list .mat-expansion-panel-header .mat-expansion-panel-header-title {
    font-size: 1.6rem;
    font-weight: 400;
    color: #484848
}

@media only screen and (min-width: 1024px) {
    app-sport-match-detail {
        margin-left: .2px
    }
}

app-sport-match-detail .mat-expansion-panel-spacing {
    border-radius: 4px
}

app-sport-match-detail .mat-mdc-tab-group {
    padding: 0 12px;
    margin: -2px 2px
}

app-sport-match-detail .mat-mdc-tab-group .mat-mdc-tab-header {
    border: none;
    box-shadow: none
}

@media only screen and (min-width: 768px) {
    app-sport-match-detail .mat-mdc-tab-group .mat-mdc-tab-header {
        margin-top: -62px;
        width: max-content;
        z-index: 2
    }
}

@media only screen and (min-width: 1024px) {
    app-sport-match-detail .mat-mdc-tab-group .mat-mdc-tab-header {
        margin-top: -41px;
        margin-left: -11px
    }
}

app-sport-match-detail .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-focus-indicator {
    border: none
}

app-sport-match-detail .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container {
    padding: 0 2px;
    overflow-x: auto;
    flex-grow: 0
}

@media only screen and (min-width: 1024px) {
    app-sport-match-detail .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container {
        padding: 0;
        overflow-x: hidden
    }
}

app-sport-match-detail .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab {
    flex: 1;
    padding: 0;
    opacity: 1;
    height: 40px;
    min-width: max-content
}

@media only screen and (min-width: 1024px) {
    app-sport-match-detail .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab {
        flex: none
    }
}

app-sport-match-detail .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab .mdc-tab__text-label {
    font-size: 1.4rem;
    font-weight: 400;
    color: #0eb25e;
    padding: 0 10px
}

@media only screen and (min-width: 768px) {
    app-sport-match-detail .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab .mdc-tab__text-label {
        color: #fff
    }
}

app-sport-match-detail .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab.mdc-tab--active {
    background-color: #0eb25e;
    border-radius: 5px
}

app-sport-match-detail .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
    font-size: 1.4rem;
    font-weight: 500;
    color: #fff
}

app-sport-match-detail .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab.srm {
    min-width: 100px
}

app-sport-match-detail .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab .mdc-tab__ripple {
    display: none
}

app-sport-match-detail .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mdc-tab-indicator {
    display: none
}

app-sport-match-detail .mat-mdc-tab-group .mat-tab-header-pagination {
    box-shadow: none;
    z-index: 0
}

@media only screen and (min-width: 1024px) {
    app-sport-match-detail .mat-mdc-tab-group .mat-tab-header-pagination.mat-tab-header-pagination-before {
        padding-left: 0;
        margin-left: -10px
    }
}

@media only screen and (min-width: 1024px) {
    app-sport-match-detail .mat-mdc-tab-group .mat-tab-header-pagination.mat-tab-header-pagination-after {
        padding-right: 0;
        margin-right: -10px
    }
}

app-sport-match-detail .mat-mdc-tab-group .mat-tab-header-pagination:not(.mat-tab-header-pagination-disabled) .mat-tab-header-pagination-chevron {
    border-color: #0eb25e
}

app-sport-match-detail .mat-mdc-tab-group .mat-tab-header-pagination.mat-tab-header-pagination-disabled.mat-tab-header-pagination-chevron {
    border-color: #ddd
}

app-sport-match-detail .mat-mdc-tab-group.extra-tabs .mat-tab-label {
    flex: none;
    margin-right: 20px
}

app-sport-match-detail .mat-mdc-tab-group.two-tabs .mat-tab-label {
    flex: 1
}

@media only screen and (min-width: 1024px) {
    app-sport-match-detail .mat-mdc-tab-group.two-tabs .mat-tab-label {
        flex: none
    }
}

app-sport-match-detail .mat-mdc-tab-group:not(.extra-tabs) .mat-tab-header-pagination {
    display: none
}

app-sport-match-detail .description {
    font-size: 1.1rem;
    color: #484848;
    padding: 16px 10px 10px
}

app-sport-match-detail .outcome {
    gap: 8px
}

@supports (display: grid) {
    @media only screen and (min-width: 1024px) {
        app-sport-match-detail .outcome {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            gap: 8px
        }

        app-sport-match-detail .outcome.desktop-insights {
            display: flex;
            flex-direction: column;
            gap: 8px !important
        }

        app-sport-match-detail .outcome.two-column-width {
            gap: 56px;
            grid-template-columns: 1fr 1fr
        }
    }

    @media only screen and (min-width: 1024px) and (min-width: 1024px) {
        app-sport-match-detail .outcome.two-column-width {
            column-gap: 132px;
            row-gap: 8px
        }
    }

    @media only screen and (min-width: 1024px) and (min-width: 1024px) {
        app-sport-match-detail .outcome.three-column-width {
            column-gap: 30px;
            row-gap: 8px
        }
    }
}

app-sport-match-detail .mat-expansion-panel-header-description {
    font-size: 1.4rem;
    font-weight: 600;
    color: #325845
}

app-sport-match-detail .mat-expansion-panel-header-description .length {
    display: block;
    color: #fff
}

app-sport-match-detail .mat-expansion-panel-header-title {
    flex-basis: auto
}

app-sport-match-detail .sd-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 375px
}

@media only screen and (min-width: 1024px) {
    app-sport-match-detail .sd-container {
        min-height: 500px
    }
}

app-sport-match-detail .sd-container .sd-row {
    text-align: center
}

app-sport-match-detail .sd-container .sd-row .svg-icon {
    color: #ddd;
    width: 160px;
    height: 160px
}

app-sport-match-detail .sd-container .sd-row .sd-text {
    font-size: 1.4rem;
    font-weight: 400;
    color: #999
}

@media only screen and (min-width: 1024px) {
    app-sport-match-detail .sd-container .sd-row .sd-text {
        font-size: 1.2rem
    }
}

app-sport-match-detail .mat-content {
    align-items: center
}

app-sport-match-detail .mat-expansion-panel-body {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0
}

app-sport-match-detail .market-list .mat-expansion-panel-body {
    padding: 0 12px
}

app-sport-match-detail .market-list .mat-expansion-panel:not(.mat-expanded) .mat-expansion-indicator:after {
    color: #0eb25e
}

.mdc-tab__text-label,
.mat-expansion-panel,
.mat-expansion-panel-body {
    letter-spacing: normal
}

.flex-layout {
    flex-direction: row;
    box-sizing: border-box;
    display: flex
}

.flex-layout-column {
    flex-direction: column;
    display: flex
}

.fx-flex {
    flex: 1 1 0%;
    box-sizing: border-box
}

app-promotions content-image,
app-promotions content-html-block {
    display: block
}

@media only screen and (min-width: 768px) {

    app-promotions content-image,
    app-promotions content-html-block {
        padding: 0 20px
    }
}

app-promotions content-image .image-container,
app-promotions content-html-block .image-container {
    padding: 0
}

app-promotions content-image img,
app-promotions content-html-block img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: min(877px, 100%)
}

.revamped-card-container {
    background-color: #fff;
    border: 1px solid #cacaca;
    box-shadow: 0 0 12px #00000014;
    margin-bottom: 10px;
    padding: 10px 12px;
    border-radius: 10px
}

@media only screen and (min-width: 768px) {
    .revamped-card-container {
        border-radius: 10px
    }
}

app-content-page .content-page-main-container .contact-us-container {
    margin-top: 0
}

app-phone-verification .mat-mdc-progress-spinner circle,
app-phone-verification .mat-mdc-spinner circle,
app-credit-card-verification .mat-mdc-progress-spinner circle,
app-credit-card-verification .mat-mdc-spinner circle {
    stroke: #1573d5
}

.turnover-dialog-backdrop {
    background: transparent !important
}

.turnover-dialog .mat-dialog-container,
.turnover-dialog .mat-mdc-dialog-container .mdc-dialog__surface {
    padding: 0;
    overflow: visible;
    background: transparent;
    box-shadow: none
}

.turnover-dialog-mobile .mat-dialog-container,
.turnover-dialog-mobile .mat-mdc-dialog-container .mdc-dialog__surface {
    width: 100% !important;
    max-width: 100vw !important
}

.withdrawal-container .mat-mdc-dialog-container .mdc-dialog__surface {
    width: 335px
}

.change-address-container app-sign-up-address-info-form .row {
    display: flex;
    flex-direction: column;
    margin-bottom: 0
}

.change-address-container app-sign-up-address-info-form .row__item {
    margin: 0 !important
}

.change-address-container app-sign-up-address-info-form .row--wrapped {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px 24px
}

.change-address-container app-sign-up-address-info-form .row--wrapped.invalid-unit-street-number {
    gap: 5px 24px
}

.change-address-container app-sign-up-address-info-form .input-group__label {
    padding: 0;
    line-height: 22px;
    color: #2c437e
}

.change-address-container app-sign-up-address-info-form .input-group {
    width: 100%
}

.change-address-container app-sign-up-address-info-form .input-group__address-results {
    background-color: #fff;
    box-shadow: 0 0 8px #0000001f;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.change-address-container app-sign-up-address-info-form .input-group__address-results div {
    border: none !important;
    padding: 10px !important;
    height: 34px;
    color: #606060
}

.change-address-container app-sign-up-address-info-form .input-group .invalid {
    margin-top: 4px;
    font-size: 1.2rem;
    color: #e70000
}

.change-address-container app-sign-up-address-info-form .input-group input,
.change-address-container app-sign-up-address-info-form .input-group select {
    background: transparent !important;
    border-bottom: 1px solid #dddddd !important;
    border-radius: 0 !important;
    height: 40px !important;
    padding: 0 !important
}

.change-address-container app-sign-up-address-info-form .input-group select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 32px;
    background-image: url(/assets/images/arrow-down.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important
}

@media only screen and (min-width: 768px) {
    .change-address-container app-sign-up-address-info-form .input-group select {
        background-position: right 8px center
    }
}

.change-address-container app-sign-up-address-info-form .second {
    margin-top: 24px
}

.change-address-container app-sign-up-address-info-form .manual-address-text {
    margin-top: 24px;
    white-space: nowrap;
    padding: 0;
    line-height: 22px;
    text-transform: capitalize;
    font-weight: 400
}

.change-address-container app-sign-up-address-info-form .row__item--hidden-mobile {
    display: none !important
}

.change-address-container app-sign-up-address-info-form .row__item--hidden-desktop {
    display: flex !important
}

.content-page-main-container.help-centre content-html-block #cms.container {
    margin: 0 -15px
}

@media only screen and (min-width: 1024px) {
    .content-page-main-container.help-centre content-html-block #cms.container {
        margin: 0
    }
}

.content-page-main-container.help-centre content-html-block #cms.container br {
    display: none
}

.content-page-main-container.help-centre content-html-block #cms .text {
    font-size: 1.5rem;
    color: #484848;
    line-height: 100%
}

@media only screen and (min-width: 1024px) {
    .content-page-main-container.help-centre content-html-block #cms .text {
        font-size: 1.6rem
    }
}

.content-page-main-container.help-centre content-html-block #cms .section {
    padding: 22px 0
}

@media only screen and (min-width: 1024px) {
    .content-page-main-container.help-centre content-html-block #cms .section {
        padding: 33px 0
    }
}

.content-page-main-container.help-centre content-html-block #cms .section:last-of-type {
    border-bottom: none
}

.content-page-main-container.help-centre content-html-block #cms .section .icon {
    background-size: 9px 18px;
    height: 18px;
    width: 9px
}

.export-statement-dialog .mat-mdc-dialog-container,
.export-statement-dialog .mat-mdc-dialog-container .mdc-dialog__surface {
    width: 375px;
    max-width: 375px;
    padding: 0;
    overflow: visible;
    background: transparent;
    box-shadow: 0 0 12px #00000014;
    border-radius: 8px
}

.custom-date-picker .mat-calendar {
    width: 100%
}

.custom-date-picker .mat-calendar .mat-calendar-header {
    display: none
}

.custom-date-picker .mat-calendar .mat-calendar-content {
    padding: 0
}

.custom-date-picker .mat-calendar .mat-calendar-content .mat-calendar-table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse
}

.custom-date-picker .mat-calendar .mat-calendar-content .mat-calendar-table .mat-calendar-table-header tr th {
    font-size: 1.2rem;
    font-weight: 700;
    color: #8e8e8e;
    text-align: center;
    padding: 0 0 8px;
    border: none
}

.custom-date-picker .mat-calendar .mat-calendar-content .mat-calendar-table .mat-calendar-table-header tr th:empty {
    display: none
}

.custom-date-picker .mat-calendar .mat-calendar-content .mat-calendar-table .mat-calendar-table-header tr .mat-calendar-table-header-divider {
    display: none;
    height: 0;
    border: none
}

.custom-date-picker .mat-calendar .mat-calendar-content .mat-calendar-table .mat-calendar-table-header tr .mat-calendar-table-header-divider:after {
    display: none
}

.custom-date-picker .mat-calendar .mat-calendar-content .mat-calendar-table .mat-calendar-body .mat-calendar-body-label {
    visibility: hidden;
    padding: 0 !important;
    line-height: 0;
    height: 0;
    border: none
}

.custom-date-picker .mat-calendar .mat-calendar-content .mat-calendar-table .mat-calendar-body .mat-calendar-body-label[colspan="7"] {
    display: none
}

.custom-date-picker .mat-calendar .mat-calendar-content .mat-calendar-table .mat-calendar-body tr .mat-calendar-body-cell {
    padding: 4px;
    border: none;
    text-align: center
}

.custom-date-picker .mat-calendar .mat-calendar-content .mat-calendar-table .mat-calendar-body tr .mat-calendar-body-cell .mat-calendar-body-cell-content {
    font-size: 1.4rem;
    font-weight: 700;
    color: #606060;
    width: 42px;
    height: 42px;
    line-height: 42px;
    border-radius: 8px;
    border: none;
    background: transparent
}

.custom-date-picker .mat-calendar .mat-calendar-content .mat-calendar-table .mat-calendar-body tr .mat-calendar-body-cell .mat-calendar-body-cell-content.mat-calendar-body-today:not(.mat-calendar-body-selected) {
    border: 1px solid #1573d5;
    background: transparent
}

.custom-date-picker .mat-calendar .mat-calendar-content .mat-calendar-table .mat-calendar-body tr .mat-calendar-body-cell .mat-calendar-body-cell-content.mat-calendar-body-selected {
    background-color: #2c437e;
    color: #fbfbfb
}

.custom-date-picker .mat-calendar .mat-calendar-content .mat-calendar-table .mat-calendar-body tr .mat-calendar-body-cell:hover:not(.mat-calendar-body-disabled) .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
    background-color: #d5e9ff;
    color: #8e8e8e
}

.custom-date-picker .mat-calendar .mat-calendar-content .mat-calendar-table .mat-calendar-body tr .mat-calendar-body-cell.mat-calendar-body-disabled .mat-calendar-body-cell-content {
    color: #cacaca;
    cursor: not-allowed
}

.custom-date-picker .mat-calendar .mat-calendar-content .mat-calendar-table .mat-calendar-body tr .mat-calendar-body-cell.mat-calendar-body-in-range:before {
    background-color: #d5e9ff
}

.custom-date-picker .mat-calendar .selected-start .mat-calendar-body-cell-content,
.custom-date-picker .mat-calendar .selected-end .mat-calendar-body-cell-content {
    background-color: #2c437e !important;
    color: #fbfbfb !important
}

.custom-date-picker .mat-calendar .in-range .mat-calendar-body-cell-content {
    background-color: #d5e9ff !important;
    color: #8e8e8e !important
}

.network-status-toast[_ngcontent-ng-c1615034291] {
    position: fixed;
    top: 110px;
    left: 0;
    right: 0;
    z-index: 100;
    transform: translateY(-100%);
    opacity: 0;
    transition: all .3s ease-in-out;
    pointer-events: none
}

@media only screen and (min-width: 768px) {
    .network-status-toast[_ngcontent-ng-c1615034291] {
        top: 174px
    }
}

.network-status-toast.show[_ngcontent-ng-c1615034291] {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto
}

.network-status-toast[_ngcontent-ng-c1615034291] .toast-content[_ngcontent-ng-c1615034291] {
    background-color: #ee393a;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-size: 1.4rem;
    font-weight: 500;
    box-shadow: 0 4px 8px #00000029;
    width: 311px;
    height: 48px;
    padding: 0 24px;
    margin: 0 auto;
    border-radius: 6px;
    transition: background-color .3s ease, box-shadow .3s ease, transform .25s ease
}

.network-status-toast[_ngcontent-ng-c1615034291] .toast-content[_ngcontent-ng-c1615034291] .toast-icon[_ngcontent-ng-c1615034291] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.network-status-toast[_ngcontent-ng-c1615034291] .toast-content[_ngcontent-ng-c1615034291] .toast-icon[_ngcontent-ng-c1615034291] .status-icon[_ngcontent-ng-c1615034291] {
    width: 24px;
    height: 24px;
    color: #fff
}

.network-status-toast[_ngcontent-ng-c1615034291] .toast-content[_ngcontent-ng-c1615034291] .toast-message[_ngcontent-ng-c1615034291] {
    flex: 1;
    white-space: nowrap
}

.network-status-toast.online[_ngcontent-ng-c1615034291] .toast-content[_ngcontent-ng-c1615034291] {
    background-color: #2ec377;
    animation: _ngcontent-ng-c1615034291_toast-status-pop .25s ease-out
}

.network-status-toast.offline[_ngcontent-ng-c1615034291] .toast-content[_ngcontent-ng-c1615034291] {
    background-color: #ee393a;
    animation: _ngcontent-ng-c1615034291_toast-status-pop .25s ease-out
}

@keyframes _ngcontent-ng-c1615034291_toast-status-pop {
    0% {
        transform: translateY(-4px) scale(.98)
    }

    60% {
        transform: translateY(0) scale(1.02)
    }

    to {
        transform: translateY(0) scale(1)
    }
}

@media (prefers-reduced-motion: reduce) {
    .network-status-toast[_ngcontent-ng-c1615034291] .toast-content[_ngcontent-ng-c1615034291] {
        animation: none !important;
        transition: none
    }
}


mat-icon,
mat-icon.mat-primary,
mat-icon.mat-accent,
mat-icon.mat-warn {
    color: var(--mat-icon-color, inherit)
}

.mat-icon {
    -webkit-user-select: none;
    user-select: none;
    background-repeat: no-repeat;
    display: inline-block;
    fill: currentColor;
    height: 24px;
    width: 24px;
    overflow: hidden
}

.mat-icon.mat-icon-inline {
    font-size: inherit;
    height: inherit;
    line-height: inherit;
    width: inherit
}

.mat-icon.mat-ligature-font[fontIcon]::before {
    content: attr(fontIcon)
}

[dir=rtl] .mat-icon-rtl-mirror {
    transform: scale(-1, 1)
}

.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon,
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon {
    display: block
}

.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button .mat-icon {
    margin: auto
}


[_nghost-ng-c353939070] {
    min-height: 100%;
    overflow-x: hidden
}

@media only screen and (min-width: 0px) and (max-width: 319px) {
    [_nghost-ng-c353939070] {
        overflow-x: scroll;
        width: 320px
    }
}

.content-header[_ngcontent-ng-c353939070] {
    background-color: #2a407c
}

.content-header[_ngcontent-ng-c353939070],
.sidenav-container[_ngcontent-ng-c353939070] {
    flex-shrink: 0
}

.sidenav-container[_ngcontent-ng-c353939070]:not(.is-auth-route) {
    display: flex;
    flex-grow: 1;
    margin: 0 auto;
    width: 100%;
    overflow: visible;
    height: fit-content;
    background-color: #f6f6f6
}

.sidenav-container[_ngcontent-ng-c353939070]:not(.is-auth-route).override {
    background-color: #fff;
    max-width: 1366px
}

@media only screen and (min-width: 1024px) {
    .sidenav-container[_ngcontent-ng-c353939070]:not(.is-auth-route).override {
        display: flex;
        flex-direction: row
    }
}

@media only screen and (min-width: 1366px) {
    .sidenav-container[_ngcontent-ng-c353939070]:not(.is-auth-route) {
        display: flex;
        flex-direction: row;
        justify-content: center
    }
}

.sidenav-container[_ngcontent-ng-c353939070]:not(.is-auth-route) .content-container[_ngcontent-ng-c353939070] {
    flex-grow: 1;
    flex-shrink: 0;
    display: flex;
    justify-content: center
}

@media only screen and (min-width: 1024px) {
    .sidenav-container[_ngcontent-ng-c353939070]:not(.is-auth-route) .content-container[_ngcontent-ng-c353939070] {
        flex-direction: column;
        margin: 20px 20px 0
    }
}

@media only screen and (min-width: 1366px) {
    .sidenav-container[_ngcontent-ng-c353939070]:not(.is-auth-route) .content-container[_ngcontent-ng-c353939070] {
        margin: 20px 0 0;
        justify-content: center;
        flex-direction: row
    }
}

@media only screen and (min-width: 1024px) {
    .sidenav-container[_ngcontent-ng-c353939070]:not(.is-auth-route) .content-container.override[_ngcontent-ng-c353939070] {
        margin: 30px 15px 0
    }
}

@media only screen and (min-width: 1366px) {
    .sidenav-container[_ngcontent-ng-c353939070]:not(.is-auth-route) .content-container.override[_ngcontent-ng-c353939070] {
        margin: 30px 0 0 20px
    }
}

.sidenav-container[_ngcontent-ng-c353939070]:not(.is-auth-route) .content-container-loading[_ngcontent-ng-c353939070] {
    min-height: 700px
}

.sidenav-container[_ngcontent-ng-c353939070]:not(.is-auth-route) .app-layout-content[_ngcontent-ng-c353939070],
.sidenav-container[_ngcontent-ng-c353939070]:not(.is-auth-route) .sidenav-content[_ngcontent-ng-c353939070] {
    flex: 1 1 auto;
    justify-content: center;
    max-width: 100%;
    overflow: visible;
    margin-left: 0 !important
}

@media only screen and (min-width: 1024px) {

    .sidenav-container[_ngcontent-ng-c353939070]:not(.is-auth-route) .app-layout-content[_ngcontent-ng-c353939070],
    .sidenav-container[_ngcontent-ng-c353939070]:not(.is-auth-route) .sidenav-content[_ngcontent-ng-c353939070] {
        margin-left: -180px !important;
        height: fit-content;
        min-height: 65vh
    }
}

@media only screen and (min-width: 1366px) {

    .sidenav-container[_ngcontent-ng-c353939070]:not(.is-auth-route) .app-layout-content[_ngcontent-ng-c353939070],
    .sidenav-container[_ngcontent-ng-c353939070]:not(.is-auth-route) .sidenav-content[_ngcontent-ng-c353939070] {
        margin-left: 0 !important;
        height: fit-content;
        min-height: 65vh
    }
}

@media only screen and (min-width: 1024px) {
    .sidenav-container[_ngcontent-ng-c353939070]:not(.is-auth-route).new-layout .app-layout-content[_ngcontent-ng-c353939070] {
        margin-left: 0 !important
    }
}

.sidenav-container[_ngcontent-ng-c353939070]:not(.is-auth-route) .side-nav-lhs.mat-sidenav[_ngcontent-ng-c353939070] {
    width: 969px;
    min-width: 0;
    max-width: calc(-55px + 100%);
    overflow-x: hidden;
    height: auto
}

@media only screen and (min-width: 1024px) {
    .sidenav-container[_ngcontent-ng-c353939070]:not(.is-auth-route) .side-nav-lhs.mat-sidenav[_ngcontent-ng-c353939070] {
        width: 180px;
        min-width: 180px;
        position: relative !important
    }
}

@media only screen and (min-width: 1366px) {
    .sidenav-container[_ngcontent-ng-c353939070]:not(.is-auth-route) .side-nav-lhs.mat-sidenav[_ngcontent-ng-c353939070] {
        min-width: 160px;
        width: 160px
    }
}

.sidenav-container[_ngcontent-ng-c353939070]:not(.is-auth-route) .side-nav-lhs.mat-sidenav.mat-drawer-side[_ngcontent-ng-c353939070] {
    border: 0
}

.sidenav-container[_ngcontent-ng-c353939070]:not(.is-auth-route) .load-div[_ngcontent-ng-c353939070] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.sidenav-container[_ngcontent-ng-c353939070]:not(.is-auth-route) .hide-div[_ngcontent-ng-c353939070] {
    display: none
}

.sidenav-container[_ngcontent-ng-c353939070]:not(.is-auth-route) .outlet-div[_ngcontent-ng-c353939070] {
    position: relative;
    width: 100%
}

@media only screen and (min-width: 1366px) {
    .sidenav-container[_ngcontent-ng-c353939070]:not(.is-auth-route) .outlet-div[_ngcontent-ng-c353939070] {
        width: 1366px
    }
}

@media only screen and (min-width: 1366px) {
    .sidenav-container[_ngcontent-ng-c353939070]:not(.is-auth-route) .outlet-div.override[_ngcontent-ng-c353939070] {
        width: 916px
    }
}

.sidenav-container[_ngcontent-ng-c353939070]:not(.is-auth-route) .footer-section[_ngcontent-ng-c353939070] {
    position: relative;
    bottom: 0;
    width: 100%;
    height: 27%
}

.sidenav-container[_ngcontent-ng-c353939070]:not(.is-auth-route) .hidden[_ngcontent-ng-c353939070] {
    display: none
}

.sidenav-container.is-auth-route[_ngcontent-ng-c353939070] {
    background-color: #fff;
    min-height: calc(100vh - 94px)
}

@media only screen and (min-width: 1024px) {
    .sidenav-container.is-auth-route[_ngcontent-ng-c353939070] {
        background-color: #ddd
    }
}

.sidenav-container.is-auth-route[_ngcontent-ng-c353939070] .auth-layout-container[_ngcontent-ng-c353939070] {
    position: relative;
    margin: 0 auto
}

.sidenav-container.is-auth-route[_ngcontent-ng-c353939070] .auth-layout-container[_ngcontent-ng-c353939070] .back-button[_ngcontent-ng-c353939070] {
    font-size: 1.6rem;
    font-weight: 500;
    color: #596da6;
    display: none;
    cursor: pointer;
    position: absolute;
    top: -7px;
    left: 30px;
    align-items: center;
    justify-content: center
}

.sidenav-container.is-auth-route[_ngcontent-ng-c353939070] .auth-layout-container[_ngcontent-ng-c353939070] .back-button__icon[_ngcontent-ng-c353939070] {
    margin-right: 8px;
    width: 14px;
    display: flex;
    align-items: center;
    justify-content: center
}

.sidenav-container.is-auth-route[_ngcontent-ng-c353939070] .auth-layout-container[_ngcontent-ng-c353939070] .back-button__icon[_ngcontent-ng-c353939070] .svg-icon[_ngcontent-ng-c353939070] {
    width: 100%;
    height: 100%
}

@media only screen and (min-width: 1366px) {
    .sidenav-container.is-auth-route[_ngcontent-ng-c353939070] .auth-layout-container[_ngcontent-ng-c353939070] .back-button[_ngcontent-ng-c353939070] {
        display: flex
    }
}

.rg-message-wrapper[_ngcontent-ng-c353939070] {
    margin-left: 2rem;
    margin-top: 1.5rem;
    width: 250px
}

.widget-container[_ngcontent-ng-c353939070] {
    display: none;
    flex: 1 0 auto
}

@media only screen and (min-width: 1366px) {
    .widget-container[_ngcontent-ng-c353939070] {
        display: block
    }
}


header[_ngcontent-ng-c3661156453] {
    position: relative;
    display: flex;
    background-image: linear-gradient(to right, #708bd6, #293f7d);
    height: 60px
}

@media only screen and (min-width: 1024px) {
    header[_ngcontent-ng-c3661156453] {
        height: 70px
    }
}

header.homepage-header[_ngcontent-ng-c3661156453] {
    height: 71px
}

header.homepage-header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] {
    align-items: center
}

header.homepage-header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .logo-container[_ngcontent-ng-c3661156453] {
    display: flex;
    gap: 12px
}

header.homepage-header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .logo-container[_ngcontent-ng-c3661156453] .logo[_ngcontent-ng-c3661156453] {
    margin: auto 0
}

header.homepage-header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .logo-container[_ngcontent-ng-c3661156453] .logo[_ngcontent-ng-c3661156453] .full-name-logo[_ngcontent-ng-c3661156453] {
    width: 144px;
    height: 20px;
    color: #fff;
    display: none
}

@media only screen and (min-width: 768px) {
    header.homepage-header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .logo-container[_ngcontent-ng-c3661156453] .logo[_ngcontent-ng-c3661156453] .full-name-logo[_ngcontent-ng-c3661156453] {
        display: flex
    }
}

header.homepage-header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .logo-container[_ngcontent-ng-c3661156453] .logo[_ngcontent-ng-c3661156453] .short-name-logo[_ngcontent-ng-c3661156453] {
    height: 21px;
    width: 30px;
    margin-top: 1px;
    margin-left: 0;
    color: #fff;
    display: flex
}

@media only screen and (min-width: 768px) {
    header.homepage-header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .logo-container[_ngcontent-ng-c3661156453] .logo[_ngcontent-ng-c3661156453] .short-name-logo[_ngcontent-ng-c3661156453] {
        display: none
    }
}

header.homepage-header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .logo-container[_ngcontent-ng-c3661156453] .logo.hide[_ngcontent-ng-c3661156453] {
    display: none
}

@media only screen and (min-width: 768px) {
    header.homepage-header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .logo-container[_ngcontent-ng-c3661156453] .logo.hide[_ngcontent-ng-c3661156453] {
        display: block
    }
}

@media only screen and (min-width: 768px) {
    header.homepage-header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .logo-container[_ngcontent-ng-c3661156453] .logo[_ngcontent-ng-c3661156453] {
        margin-left: 12px
    }
}

@media only screen and (min-width: 1024px) {
    header.homepage-header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .logo-container[_ngcontent-ng-c3661156453] .logo[_ngcontent-ng-c3661156453] {
        display: flex;
        justify-content: flex-start
    }
}

@media only screen and (min-width: 1366px) {
    header.homepage-header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .logo-container[_ngcontent-ng-c3661156453] .logo[_ngcontent-ng-c3661156453] {
        margin-left: 0
    }
}

header.homepage-header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .button-container[_ngcontent-ng-c3661156453] {
    height: 100%
}

header.homepage-header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .button-container.hide[_ngcontent-ng-c3661156453] {
    display: none
}

@media only screen and (min-width: 1024px) {
    header.homepage-header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .button-container.hide[_ngcontent-ng-c3661156453] {
        display: flex
    }
}

header.homepage-header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .button-container[_ngcontent-ng-c3661156453] .button[_ngcontent-ng-c3661156453] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 46px;
    border-radius: 5px;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 400;
    box-sizing: border-box
}

header.homepage-header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .button-container[_ngcontent-ng-c3661156453] .login[_ngcontent-ng-c3661156453] {
    width: 65px;
    margin: 0 10px
}

@media only screen and (min-width: 768px) {
    header.homepage-header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .button-container[_ngcontent-ng-c3661156453] .login[_ngcontent-ng-c3661156453] {
        width: 89px
    }
}

header.homepage-header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .button-container[_ngcontent-ng-c3661156453] .signup[_ngcontent-ng-c3661156453] {
    color: #2a407c;
    border: 1px solid #a6d612;
    width: 80px;
    margin: 0
}

@media only screen and (min-width: 768px) {
    header.homepage-header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .button-container[_ngcontent-ng-c3661156453] .signup[_ngcontent-ng-c3661156453] {
        width: 104px
    }
}

header.homepage-header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .betslip-container[_ngcontent-ng-c3661156453] {
    width: 50px;
    margin-right: 8px;
    border-radius: 5px;
    height: 48px;
    background-color: #1d2e5a
}

@media only screen and (min-width: 768px) {
    header.homepage-header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .betslip-container[_ngcontent-ng-c3661156453] {
        width: 140px;
        margin-right: 20px
    }

    header.homepage-header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .betslip-container[_ngcontent-ng-c3661156453] .text[_ngcontent-ng-c3661156453] {
        margin: 0 0 0 8px;
        font-size: 1.6rem;
        font-weight: 400;
        color: #fff;
        display: flex
    }
}

@media only screen and (min-width: 1366px) {
    header.homepage-header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .betslip-container[_ngcontent-ng-c3661156453] {
        margin: auto
    }
}

header.homepage-header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .betslip-container[_ngcontent-ng-c3661156453] .count[_ngcontent-ng-c3661156453] {
    top: 5px;
    left: 26px;
    border-color: #1d2e5a
}

@media only screen and (min-width: 768px) {
    header.homepage-header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .betslip-container[_ngcontent-ng-c3661156453] .count[_ngcontent-ng-c3661156453] {
        top: 5px;
        left: 42px
    }
}

header.homepage-header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .betslip-container[_ngcontent-ng-c3661156453] .svg-icon.betslip[_ngcontent-ng-c3661156453] {
    height: 20px
}

header[_ngcontent-ng-c3661156453] .auth-status[_ngcontent-ng-c3661156453] {
    color: #fff;
    font-size: 1.6rem;
    line-height: .73;
    padding-right: 25px
}

header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] {
    max-width: 1366px;
    margin: 0 auto;
    display: flex;
    flex: 1;
    justify-content: space-between
}

header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .logo-container[_ngcontent-ng-c3661156453] {
    display: flex
}

header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .logo-container[_ngcontent-ng-c3661156453] button[_ngcontent-ng-c3661156453] {
    background-color: transparent;
    color: #fff;
    border: 0;
    padding: 0;
    margin-left: 15px;
    cursor: pointer
}

header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .logo-container[_ngcontent-ng-c3661156453] button[_ngcontent-ng-c3661156453]:focus {
    outline: none
}

header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .logo-container[_ngcontent-ng-c3661156453] .mat-icon[_ngcontent-ng-c3661156453] {
    margin-left: -3px
}

header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .logo-container[_ngcontent-ng-c3661156453] .logo[_ngcontent-ng-c3661156453] {
    margin: auto 0
}

header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .logo-container[_ngcontent-ng-c3661156453] .logo.hide[_ngcontent-ng-c3661156453] {
    display: none
}

@media only screen and (min-width: 1024px) {
    header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .logo-container[_ngcontent-ng-c3661156453] .logo.hide[_ngcontent-ng-c3661156453] {
        display: block
    }
}

@media only screen and (min-width: 1366px) {
    header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .logo-container[_ngcontent-ng-c3661156453] .logo[_ngcontent-ng-c3661156453] {
        margin-left: 10px
    }
}

header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .logo-container[_ngcontent-ng-c3661156453] .logo[_ngcontent-ng-c3661156453] .full-name-logo[_ngcontent-ng-c3661156453] {
    width: 120px;
    height: 16.6px;
    margin-left: 0;
    color: #fff;
    display: none
}

@media only screen and (min-width: 1024px) {
    header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .logo-container[_ngcontent-ng-c3661156453] .logo[_ngcontent-ng-c3661156453] .full-name-logo[_ngcontent-ng-c3661156453] {
        display: flex
    }
}

header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .logo-container[_ngcontent-ng-c3661156453] .logo[_ngcontent-ng-c3661156453] .short-name-logo[_ngcontent-ng-c3661156453] {
    height: 19.2px;
    width: 30px;
    margin-top: 1px;
    margin-left: -1px;
    display: flex;
    color: #fff
}

@media only screen and (min-width: 1024px) {
    header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .logo-container[_ngcontent-ng-c3661156453] .logo[_ngcontent-ng-c3661156453] .short-name-logo[_ngcontent-ng-c3661156453] {
        display: none
    }
}

header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .logo-container[_ngcontent-ng-c3661156453] .logo[_ngcontent-ng-c3661156453] img[_ngcontent-ng-c3661156453] {
    vertical-align: middle;
    cursor: pointer
}

@media only screen and (min-width: 320px) {
    header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .logo-container[_ngcontent-ng-c3661156453] .logo[_ngcontent-ng-c3661156453] img[_ngcontent-ng-c3661156453] {
        width: 28px
    }
}

@media only screen and (min-width: 1024px) {
    header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .logo-container[_ngcontent-ng-c3661156453] .logo[_ngcontent-ng-c3661156453] img[_ngcontent-ng-c3661156453] {
        width: 120px
    }
}

@media only screen and (min-width: 1366px) {
    header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .logo-container[_ngcontent-ng-c3661156453] .logo[_ngcontent-ng-c3661156453] img[_ngcontent-ng-c3661156453] {
        width: 120px
    }
}

header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] app-fixture-search[_ngcontent-ng-c3661156453] {
    display: none
}

header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] app-fixture-search.show[_ngcontent-ng-c3661156453] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: auto
}

@media only screen and (min-width: 768px) {
    header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] app-fixture-search.homepage-header[_ngcontent-ng-c3661156453] {
        display: flex
    }
}

@media only screen and (min-width: 1024px) {
    header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] app-fixture-search[_ngcontent-ng-c3661156453] {
        display: flex
    }
}

header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .button-container[_ngcontent-ng-c3661156453] {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .button-container.hide[_ngcontent-ng-c3661156453] {
    display: none
}

@media only screen and (min-width: 1024px) {
    header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .button-container.hide[_ngcontent-ng-c3661156453] {
        display: flex
    }
}

header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .button-container[_ngcontent-ng-c3661156453] .login[_ngcontent-ng-c3661156453] {
    margin-right: 15px;
    text-align: center;
    line-height: 28px
}

header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .button-container[_ngcontent-ng-c3661156453] .signup[_ngcontent-ng-c3661156453] {
    margin-right: 5px;
    color: #2a407c;
    text-align: center;
    line-height: 28px;
    border: 1px solid #a6d612;
    border-radius: 2px
}

@media only screen and (min-width: 1024px) {
    header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .button-container[_ngcontent-ng-c3661156453] .login[_ngcontent-ng-c3661156453] {
        margin-right: 20px;
        line-height: 32px
    }

    header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .button-container[_ngcontent-ng-c3661156453] .signup[_ngcontent-ng-c3661156453] {
        margin-right: 10px;
        line-height: 32px
    }
}

header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .betslip-container[_ngcontent-ng-c3661156453] {
    background: #0003;
    height: 100%;
    width: 58px;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    position: relative
}

header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .betslip-container[_ngcontent-ng-c3661156453] .text[_ngcontent-ng-c3661156453] {
    display: none
}

header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .betslip-container[_ngcontent-ng-c3661156453] .svg-icon.betslip[_ngcontent-ng-c3661156453] {
    color: #fff;
    position: relative
}

@media only screen and (min-width: 1024px) {
    header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .betslip-container[_ngcontent-ng-c3661156453] .svg-icon.betslip[_ngcontent-ng-c3661156453] {
        left: 0
    }
}

@media only screen and (min-width: 1024px) {
    header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .betslip-container[_ngcontent-ng-c3661156453] {
        width: 150px
    }

    header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .betslip-container[_ngcontent-ng-c3661156453] .text[_ngcontent-ng-c3661156453] {
        margin: 0 0 0 13px;
        color: #fff;
        font-size: 1.3rem;
        font-weight: 400;
        display: flex
    }

    header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .betslip-container[_ngcontent-ng-c3661156453] .betslip-icon-container[_ngcontent-ng-c3661156453] {
        width: 30px;
        height: 30px;
        background-color: #1d2e5a;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff
    }
}

header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .betslip-container[_ngcontent-ng-c3661156453] .count[_ngcontent-ng-c3661156453] {
    background: #fe6d2a;
    border: solid 2px #2b3e72;
    border-radius: 50%;
    height: 18px;
    width: 18px;
    top: 11px;
    left: 28px;
    font-size: .8rem;
    font-weight: 900;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute
}

@media only screen and (min-width: 1024px) {
    header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .betslip-container[_ngcontent-ng-c3661156453] .count[_ngcontent-ng-c3661156453] {
        top: 16px;
        left: 50px
    }
}

header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .betslip-container[_ngcontent-ng-c3661156453] .svg-icon.mdm[_ngcontent-ng-c3661156453] {
    width: 30px
}

@media only screen and (min-width: 1024px) {
    header[_ngcontent-ng-c3661156453] .parent-container[_ngcontent-ng-c3661156453] .betslip-container[_ngcontent-ng-c3661156453] .svg-icon.mdm[_ngcontent-ng-c3661156453] {
        width: 24px
    }
}

.button__back[_ngcontent-ng-c3661156453] {
    display: flex;
    border-radius: 100%;
    background: #506ab0;
    color: #fff;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    align-self: center;
    margin: 0 16px 0 7px
}

.button__back[_ngcontent-ng-c3661156453] .svg-icon[_ngcontent-ng-c3661156453] {
    width: 14px
}

@media only screen and (min-width: 1366px) {
    .button__back[_ngcontent-ng-c3661156453] {
        display: none
    }
}

app-hamburger-menu[_ngcontent-ng-c3661156453] {
    margin-left: 20px
}

@media only screen and (min-width: 768px) {
    app-hamburger-menu[_ngcontent-ng-c3661156453] {
        display: none
    }
}

app-hamburger-menu-content[_ngcontent-ng-c3661156453] {
    position: absolute;
    top: 10px
}

@media only screen and (min-width: 768px) {
    app-hamburger-menu-content[_ngcontent-ng-c3661156453] {
        display: none
    }
}

app-navigation[_ngcontent-ng-c3661156453] {
    display: none
}

@media only screen and (min-width: 768px) {
    app-navigation[_ngcontent-ng-c3661156453] {
        display: flex;
        margin: 0 auto;
        max-width: 1366px;
        height: 53px
    }
}

.verification-link-button[_ngcontent-ng-c3661156453] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 1.2rem;
    font-weight: 500;
    color: #fff;
    height: 48px;
    padding: 0 14px;
    background-color: #1d2e5a;
    border-radius: 6px;
    margin-right: 15px
}

@media only screen and (min-width: 1024px) {
    .verification-link-button[_ngcontent-ng-c3661156453] {
        font-size: 1.6rem
    }
}

.verification-link-button[_ngcontent-ng-c3661156453] mat-icon[_ngcontent-ng-c3661156453] {
    width: 15px;
    height: 13.5px
}

.header-action-buttons[_ngcontent-ng-c3661156453] {
    display: flex;
    width: 100%;
    flex-direction: row;
    background-image: linear-gradient(to right, #708bd6, #293f7d);
    padding: 0 12px 8px
}

@media only screen and (min-width: 768px) {
    .header-action-buttons[_ngcontent-ng-c3661156453] {
        display: none
    }
}

.header-action-buttons[_ngcontent-ng-c3661156453] .header-action-btn[_ngcontent-ng-c3661156453] {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    box-sizing: border-box;
    text-decoration: none;
    padding: 6px 4px;
    background-color: #1d2e5a;
    border: none;
    cursor: pointer;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 8px
}

.header-action-buttons[_ngcontent-ng-c3661156453] .header-action-btn[_ngcontent-ng-c3661156453]:only-child {
    flex: 1 1 100%
}

@media only screen and (min-width: 1024px) {
    .header-action-buttons[_ngcontent-ng-c3661156453] .header-action-btn[_ngcontent-ng-c3661156453] {
        font-size: 1.2rem
    }
}

.header-action-buttons[_ngcontent-ng-c3661156453] .header-action-btn[_ngcontent-ng-c3661156453] .header-action-btn-content[_ngcontent-ng-c3661156453] {
    display: flex;
    align-items: center;
    gap: 2px
}

.header-action-buttons[_ngcontent-ng-c3661156453] .header-action-btn[_ngcontent-ng-c3661156453] .header-action-btn-icon[_ngcontent-ng-c3661156453] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.header-action-buttons[_ngcontent-ng-c3661156453] .header-action-btn[_ngcontent-ng-c3661156453] .header-action-btn-icon[_ngcontent-ng-c3661156453] .svg-icon[_ngcontent-ng-c3661156453] {
    width: 100%;
    height: 100%
}

.header-action-buttons[_ngcontent-ng-c3661156453] .header-action-btn[_ngcontent-ng-c3661156453] .header-action-btn-label[_ngcontent-ng-c3661156453] {
    flex-shrink: 0
}

.header-action-buttons[_ngcontent-ng-c3661156453] .header-action-btn[_ngcontent-ng-c3661156453]:not(:last-child) {
    margin-right: 8px
}

.header-action-buttons[_ngcontent-ng-c3661156453] .header-action-btn[_ngcontent-ng-c3661156453]:has(+.header-action-btn--bookiebag) {
    margin-right: 7px
}

.header-action-buttons[_ngcontent-ng-c3661156453] .header-action-btn.header-action-btn--bookiebag[_ngcontent-ng-c3661156453]:not(:last-child) {
    margin-right: 8px
}

.header-action-buttons[_ngcontent-ng-c3661156453] .header-action-btn[_ngcontent-ng-c3661156453] .count[_ngcontent-ng-c3661156453] {
    position: absolute;
    top: -6px;
    right: -6.5px;
    background: #fe6d2a;
    border: solid 1px #6667ab;
    border-radius: 50%;
    height: 16px;
    font-family: Roboto, Helvetica Neue, sans-serif;
    width: 16px;
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.header-action-buttons[_ngcontent-ng-c3661156453] .header-action-btn[_ngcontent-ng-c3661156453] .count.three-digits[_ngcontent-ng-c3661156453] {
    font-size: .9rem;
    font-weight: 500;
    color: #fff;
    width: 24px;
    border-radius: 16px;
    right: -8px
}


.mat-drawer-container {
    position: relative;
    z-index: 1;
    color: var(--mat-sidenav-content-text-color, var(--mat-sys-on-background));
    background-color: var(--mat-sidenav-content-background-color, var(--mat-sys-background));
    box-sizing: border-box;
    display: block;
    overflow: hidden
}

.mat-drawer-container[fullscreen] {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute
}

.mat-drawer-container[fullscreen].mat-drawer-container-has-open {
    overflow: hidden
}

.mat-drawer-container.mat-drawer-container-explicit-backdrop .mat-drawer-side {
    z-index: 3
}

.mat-drawer-container.ng-animate-disabled .mat-drawer-backdrop,
.mat-drawer-container.ng-animate-disabled .mat-drawer-content,
.ng-animate-disabled .mat-drawer-container .mat-drawer-backdrop,
.ng-animate-disabled .mat-drawer-container .mat-drawer-content {
    transition: none
}

.mat-drawer-backdrop {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    display: block;
    z-index: 3;
    visibility: hidden
}

.mat-drawer-backdrop.mat-drawer-shown {
    visibility: visible;
    background-color: var(--mat-sidenav-scrim-color, color-mix(in srgb, var(--mat-sys-neutral-variant20) 40%, transparent))
}

.mat-drawer-transition .mat-drawer-backdrop {
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
    transition-property: background-color, visibility
}

@media(forced-colors: active) {
    .mat-drawer-backdrop {
        opacity: .5
    }
}

.mat-drawer-content {
    position: relative;
    z-index: 1;
    display: block;
    height: 100%;
    overflow: auto
}

.mat-drawer-content.mat-drawer-content-hidden {
    opacity: 0
}

.mat-drawer-transition .mat-drawer-content {
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
    transition-property: transform, margin-left, margin-right
}

.mat-drawer {
    position: relative;
    z-index: 4;
    color: var(--mat-sidenav-container-text-color, var(--mat-sys-on-surface-variant));
    box-shadow: var(--mat-sidenav-container-elevation-shadow, none);
    background-color: var(--mat-sidenav-container-background-color, var(--mat-sys-surface));
    border-top-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));
    border-bottom-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));
    width: var(--mat-sidenav-container-width, 360px);
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 3;
    outline: 0;
    box-sizing: border-box;
    overflow-y: auto;
    transform: translate3d(-100%, 0, 0)
}

@media(forced-colors: active) {

    .mat-drawer,
    [dir=rtl] .mat-drawer.mat-drawer-end {
        border-right: solid 1px currentColor
    }
}

@media(forced-colors: active) {

    [dir=rtl] .mat-drawer,
    .mat-drawer.mat-drawer-end {
        border-left: solid 1px currentColor;
        border-right: none
    }
}

.mat-drawer.mat-drawer-side {
    z-index: 2
}

.mat-drawer.mat-drawer-end {
    right: 0;
    transform: translate3d(100%, 0, 0);
    border-top-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));
    border-bottom-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

[dir=rtl] .mat-drawer {
    border-top-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));
    border-bottom-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    transform: translate3d(100%, 0, 0)
}

[dir=rtl] .mat-drawer.mat-drawer-end {
    border-top-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));
    border-bottom-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    left: 0;
    right: auto;
    transform: translate3d(-100%, 0, 0)
}

.mat-drawer-transition .mat-drawer {
    transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1)
}

.mat-drawer:not(.mat-drawer-opened):not(.mat-drawer-animating) {
    visibility: hidden;
    box-shadow: none
}

.mat-drawer:not(.mat-drawer-opened):not(.mat-drawer-animating) .mat-drawer-inner-container {
    display: none
}

.mat-drawer.mat-drawer-opened.mat-drawer-opened {
    transform: none
}

.mat-drawer-side {
    box-shadow: none;
    border-right-color: var(--mat-sidenav-container-divider-color, transparent);
    border-right-width: 1px;
    border-right-style: solid
}

.mat-drawer-side.mat-drawer-end {
    border-left-color: var(--mat-sidenav-container-divider-color, transparent);
    border-left-width: 1px;
    border-left-style: solid;
    border-right: none
}

[dir=rtl] .mat-drawer-side {
    border-left-color: var(--mat-sidenav-container-divider-color, transparent);
    border-left-width: 1px;
    border-left-style: solid;
    border-right: none
}

[dir=rtl] .mat-drawer-side.mat-drawer-end {
    border-right-color: var(--mat-sidenav-container-divider-color, transparent);
    border-right-width: 1px;
    border-right-style: solid;
    border-left: none
}

.mat-drawer-inner-container {
    width: 100%;
    height: 100%;
    overflow: auto
}

.mat-sidenav-fixed {
    position: fixed
}


.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
}



.container[_ngcontent-ng-c3372671774] {
    background-color: #fff
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .container[_ngcontent-ng-c3372671774] {
        margin-left: 15px
    }
}

@media only screen and (min-width: 1366px) {
    .container[_ngcontent-ng-c3372671774] {
        margin-left: 10px
    }
}

.container[_ngcontent-ng-c3372671774] input[_ngcontent-ng-c3372671774] {
    cursor: pointer
}

.container[_ngcontent-ng-c3372671774] .header-container[_ngcontent-ng-c3372671774] {
    padding: 0 15px 15px;
    background-image: linear-gradient(to right, #708bd6, #3e579b);
    color: #fff
}

@media only screen and (min-width: 1024px) {
    .container[_ngcontent-ng-c3372671774] .header-container[_ngcontent-ng-c3372671774] {
        background-image: none
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .container[_ngcontent-ng-c3372671774] .header-container[_ngcontent-ng-c3372671774] {
        padding-bottom: 0
    }
}

.container[_ngcontent-ng-c3372671774] .header-container[_ngcontent-ng-c3372671774] .close-row[_ngcontent-ng-c3372671774] {
    display: flex;
    justify-content: flex-end
}

.container[_ngcontent-ng-c3372671774] .header-container[_ngcontent-ng-c3372671774] .close-row[_ngcontent-ng-c3372671774] .close-button[_ngcontent-ng-c3372671774] {
    color: #fff;
    margin: 10px -7px 0 0
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .container[_ngcontent-ng-c3372671774] .header-container[_ngcontent-ng-c3372671774] .close-row[_ngcontent-ng-c3372671774] .close-button[_ngcontent-ng-c3372671774] {
        margin-top: 10px;
        color: #777
    }
}

.container[_ngcontent-ng-c3372671774] .header-container[_ngcontent-ng-c3372671774] .title-container[_ngcontent-ng-c3372671774],
.container[_ngcontent-ng-c3372671774] .header-container[_ngcontent-ng-c3372671774] .header-button[_ngcontent-ng-c3372671774] {
    display: flex;
    justify-content: center
}

.container[_ngcontent-ng-c3372671774] .header-container[_ngcontent-ng-c3372671774] .header-button[_ngcontent-ng-c3372671774] .signup[_ngcontent-ng-c3372671774] {
    color: #3e579b;
    background-color: #a6d612;
    border: 0;
    height: 34px;
    margin-right: 10px;
    flex: 1
}

.container[_ngcontent-ng-c3372671774] .header-container[_ngcontent-ng-c3372671774] .header-button[_ngcontent-ng-c3372671774] .login[_ngcontent-ng-c3372671774] {
    color: #a6d612;
    background-color: transparent;
    border: solid 1px #a6d612;
    height: 34px;
    flex: 1
}

.container[_ngcontent-ng-c3372671774] .header-container[_ngcontent-ng-c3372671774] ul[_ngcontent-ng-c3372671774] {
    list-style: none
}

.container[_ngcontent-ng-c3372671774] .header-container[_ngcontent-ng-c3372671774] .slogan-menu[_ngcontent-ng-c3372671774] {
    display: flex;
    font-size: 1.3rem;
    justify-content: center;
    padding-left: 0;
    margin: 15px 0
}

.container[_ngcontent-ng-c3372671774] .header-container[_ngcontent-ng-c3372671774] .slogan-menu[_ngcontent-ng-c3372671774] li[_ngcontent-ng-c3372671774] {
    list-style: none
}

.container[_ngcontent-ng-c3372671774] .header-container[_ngcontent-ng-c3372671774] .slogan-menu[_ngcontent-ng-c3372671774] li[_ngcontent-ng-c3372671774] .first-item[_ngcontent-ng-c3372671774] {
    margin-right: 5px
}

.container[_ngcontent-ng-c3372671774] .header-container[_ngcontent-ng-c3372671774] .slogan-menu[_ngcontent-ng-c3372671774] li[_ngcontent-ng-c3372671774] .navi-item[_ngcontent-ng-c3372671774] {
    margin: 0 5px
}

.container[_ngcontent-ng-c3372671774] .header-container[_ngcontent-ng-c3372671774] .slogan-menu[_ngcontent-ng-c3372671774] li[_ngcontent-ng-c3372671774]:nth-child(n+2):before {
    content: "\2022  ";
    color: #a6d612
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .container[_ngcontent-ng-c3372671774] .header-container[_ngcontent-ng-c3372671774] .slogan-menu[_ngcontent-ng-c3372671774] li[_ngcontent-ng-c3372671774]:nth-child(n+2):before {
        content: ""
    }
}

.container[_ngcontent-ng-c3372671774] .header-container[_ngcontent-ng-c3372671774] .slogan-menu[_ngcontent-ng-c3372671774] li[_ngcontent-ng-c3372671774]:nth-child(3) .navi-item[_ngcontent-ng-c3372671774] {
    margin-right: 0
}

.container[_ngcontent-ng-c3372671774] .header-container[_ngcontent-ng-c3372671774] .account-welcome[_ngcontent-ng-c3372671774] {
    display: flex;
    width: 100%;
    position: relative
}

.container[_ngcontent-ng-c3372671774] .header-container[_ngcontent-ng-c3372671774] .account-welcome[_ngcontent-ng-c3372671774] div[_ngcontent-ng-c3372671774]:first-child {
    font-size: 2.6rem;
    font-weight: 300
}

.container[_ngcontent-ng-c3372671774] .header-container[_ngcontent-ng-c3372671774] .account-welcome[_ngcontent-ng-c3372671774] .greeting-container[_ngcontent-ng-c3372671774] {
    position: relative
}

.container[_ngcontent-ng-c3372671774] .header-container[_ngcontent-ng-c3372671774] .account-welcome[_ngcontent-ng-c3372671774] .greeting-container[_ngcontent-ng-c3372671774] .white-bg[_ngcontent-ng-c3372671774] {
    height: 12px;
    width: 12px;
    background-color: #fff;
    top: 8px;
    position: absolute;
    left: 15px
}

.container[_ngcontent-ng-c3372671774] .header-container[_ngcontent-ng-c3372671774] .account-welcome[_ngcontent-ng-c3372671774] .greeting-container[_ngcontent-ng-c3372671774] .verifiedbadge_icon[_ngcontent-ng-c3372671774] {
    width: 28px;
    height: 34px;
    color: #0eb25e;
    margin: -2px 0 0 7px;
    position: absolute;
    left: 0
}

.container[_ngcontent-ng-c3372671774] .header-container[_ngcontent-ng-c3372671774] .account-welcome[_ngcontent-ng-c3372671774] .greeting-container[_ngcontent-ng-c3372671774] .verifiedbadge_icon.processing[_ngcontent-ng-c3372671774] {
    color: #fe6d2a
}

.container[_ngcontent-ng-c3372671774] .header-container[_ngcontent-ng-c3372671774] .balance[_ngcontent-ng-c3372671774] {
    margin-top: 2.5rem;
    display: flex;
    flex-direction: column
}

.container[_ngcontent-ng-c3372671774] .header-container[_ngcontent-ng-c3372671774] .balance[_ngcontent-ng-c3372671774] li[_ngcontent-ng-c3372671774] {
    display: inline-flex;
    align-items: center;
    list-style: none;
    margin-bottom: 10px
}

.container[_ngcontent-ng-c3372671774] .header-container[_ngcontent-ng-c3372671774] .balance[_ngcontent-ng-c3372671774] li[_ngcontent-ng-c3372671774]>span[_ngcontent-ng-c3372671774] {
    width: 16rem
}

.container[_ngcontent-ng-c3372671774] .header-container[_ngcontent-ng-c3372671774] .balance[_ngcontent-ng-c3372671774] li[_ngcontent-ng-c3372671774]>span[_ngcontent-ng-c3372671774]:first-child {
    font-size: 1.2rem;
    font-weight: 300;
    margin-right: 10px;
    opacity: .5
}

.container[_ngcontent-ng-c3372671774] .header-container[_ngcontent-ng-c3372671774] .balance[_ngcontent-ng-c3372671774] li[_ngcontent-ng-c3372671774]>span[_ngcontent-ng-c3372671774]:nth-child(2) {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    justify-content: flex-start;
    padding-right: 25px
}

.container[_ngcontent-ng-c3372671774] .header-container[_ngcontent-ng-c3372671774] .balance[_ngcontent-ng-c3372671774] li[_ngcontent-ng-c3372671774]>span[_ngcontent-ng-c3372671774]:nth-child(3) {
    width: 25px;
    margin-left: auto
}

.container[_ngcontent-ng-c3372671774] .header-container[_ngcontent-ng-c3372671774] .balance[_ngcontent-ng-c3372671774] li[_ngcontent-ng-c3372671774]:nth-child(2)>span[_ngcontent-ng-c3372671774]:nth-child(2) {
    padding-right: 0
}

.container[_ngcontent-ng-c3372671774] .header-container[_ngcontent-ng-c3372671774] .toggle-balance[_ngcontent-ng-c3372671774] {
    font-size: 1.3rem;
    color: #a6d612;
    cursor: pointer;
    margin: 1.5rem 0 1.4rem
}

.container[_ngcontent-ng-c3372671774] .menu-container[_ngcontent-ng-c3372671774] ul[_ngcontent-ng-c3372671774] {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.container[_ngcontent-ng-c3372671774] .menu-container[_ngcontent-ng-c3372671774] ul[_ngcontent-ng-c3372671774] li[_ngcontent-ng-c3372671774] {
    cursor: pointer
}

.container[_ngcontent-ng-c3372671774] .menu-container[_ngcontent-ng-c3372671774] ul[_ngcontent-ng-c3372671774] li.static-item[_ngcontent-ng-c3372671774] {
    display: block
}

@media only screen and (min-width: 1024px) {
    .container[_ngcontent-ng-c3372671774] .menu-container[_ngcontent-ng-c3372671774] ul[_ngcontent-ng-c3372671774] li.static-item[_ngcontent-ng-c3372671774] {
        display: none
    }
}

.container[_ngcontent-ng-c3372671774] .menu-container[_ngcontent-ng-c3372671774] ul[_ngcontent-ng-c3372671774] li[_ngcontent-ng-c3372671774] .item[_ngcontent-ng-c3372671774] {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 50px;
    font-size: 1.3rem;
    color: #484848;
    margin: 0 15px
}

@media only screen and (min-width: 1024px) {
    .container[_ngcontent-ng-c3372671774] .menu-container[_ngcontent-ng-c3372671774] ul[_ngcontent-ng-c3372671774] li[_ngcontent-ng-c3372671774] .item[_ngcontent-ng-c3372671774] {
        font-size: 1.3rem;
        height: 45px;
        margin: 0
    }
}

.container[_ngcontent-ng-c3372671774] .menu-container[_ngcontent-ng-c3372671774] ul[_ngcontent-ng-c3372671774] li[_ngcontent-ng-c3372671774] .item[_ngcontent-ng-c3372671774]:hover {
    color: #708bd6
}

.container[_ngcontent-ng-c3372671774] .menu-container[_ngcontent-ng-c3372671774] ul[_ngcontent-ng-c3372671774] li[_ngcontent-ng-c3372671774]:last-child .item[_ngcontent-ng-c3372671774] {
    border-bottom: 0
}

.container[_ngcontent-ng-c3372671774] .menu-container[_ngcontent-ng-c3372671774] ul[_ngcontent-ng-c3372671774] li[_ngcontent-ng-c3372671774]:last-child .dotted-divider[_ngcontent-ng-c3372671774] {
    display: none
}

.container[_ngcontent-ng-c3372671774] .menu-container[_ngcontent-ng-c3372671774] ul[_ngcontent-ng-c3372671774] li[_ngcontent-ng-c3372671774] .dotted-divider[_ngcontent-ng-c3372671774] {
    margin: 0 15px;
    width: initial
}

@media only screen and (min-width: 1024px) {
    .container[_ngcontent-ng-c3372671774] .menu-container[_ngcontent-ng-c3372671774] ul[_ngcontent-ng-c3372671774] li[_ngcontent-ng-c3372671774] .dotted-divider[_ngcontent-ng-c3372671774] {
        margin: 0
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .container[_ngcontent-ng-c3372671774] .menu-container[_ngcontent-ng-c3372671774] ul[_ngcontent-ng-c3372671774] li[_ngcontent-ng-c3372671774] .dotted-divider[_ngcontent-ng-c3372671774] {
        margin: 0 15px 0 0
    }
}

.container[_ngcontent-ng-c3372671774] .menu-container[_ngcontent-ng-c3372671774] ul[_ngcontent-ng-c3372671774] .mat-icon[_ngcontent-ng-c3372671774] {
    color: #a6d612;
    width: 22px;
    height: 22px;
    padding-right: 10px;
    display: flex
}

@media only screen and (min-width: 1024px) {
    .container[_ngcontent-ng-c3372671774] .menu-container[_ngcontent-ng-c3372671774] ul[_ngcontent-ng-c3372671774] .mat-icon[_ngcontent-ng-c3372671774] {
        display: none
    }
}

.container[_ngcontent-ng-c3372671774] .version-container[_ngcontent-ng-c3372671774] {
    padding: 20px 0 20px 20px;
    color: #999
}

@media only screen and (min-width: 1024px) {
    .container[_ngcontent-ng-c3372671774] .version-container[_ngcontent-ng-c3372671774] {
        padding: 20px 0
    }
}


.bets[_ngcontent-ng-c2584987224] {
    overflow: visible
}

.bets[_ngcontent-ng-c2584987224] .mat-expansion-panel-header[_ngcontent-ng-c2584987224] {
    border-radius: 0 !important;
    background: #ececec !important;
    height: 40px;
    max-height: 40px;
    padding: 0 15px
}

.bets[_ngcontent-ng-c2584987224] .header-text[_ngcontent-ng-c2584987224] {
    display: flex;
    align-items: center;
    width: 100%
}

.bets[_ngcontent-ng-c2584987224] .header-text[_ngcontent-ng-c2584987224] .svg-icon[_ngcontent-ng-c2584987224] {
    color: #8e8e8e
}

.bets[_ngcontent-ng-c2584987224] .confirmation-header-text[_ngcontent-ng-c2584987224] {
    font-size: 1.4rem;
    font-weight: 500;
    color: #2c437e;
    display: flex;
    align-items: center;
    width: 100%;
    height: 34px;
    padding: 20px 1px;
    background: #ececec;
    line-height: 9px
}

.bets[_ngcontent-ng-c2584987224] .mat-expansion-panel-header-title[_ngcontent-ng-c2584987224] {
    font-size: 1.4rem;
    font-weight: 500;
    color: #2c437e;
    line-height: 16px
}

.bets[_ngcontent-ng-c2584987224] .count[_ngcontent-ng-c2584987224] {
    color: #fff;
    font-size: 1rem;
    padding: 0 8px;
    font-weight: 300
}

.bets[_ngcontent-ng-c2584987224] .svg-icon[_ngcontent-ng-c2584987224] {
    color: #fff
}

.bets[_ngcontent-ng-c2584987224] .svg-icon_right[_ngcontent-ng-c2584987224] {
    margin-right: -4px
}

.bets[_ngcontent-ng-c2584987224] .mat-expansion-panel[_ngcontent-ng-c2584987224] {
    box-shadow: none
}

.bets[_ngcontent-ng-c2584987224] .mat-expansion-panel[_ngcontent-ng-c2584987224]:not(.mat-expanded) .mat-expansion-panel-header[_ngcontent-ng-c2584987224]:hover {
    background: #ececec !important
}

.bets.mat-expansion-panel[_ngcontent-ng-c2584987224]:not([class*=mat-elevation-z]) {
    box-shadow: none !important;
    border-radius: 0 !important
}

.bets .mat-expansion-indicator:after {
    display: none
}

.bets .mat-expansion-panel-body {
    padding: 0 14px !important;
    background: #ececec !important
}

.betslip-container[_ngcontent-ng-c2584987224] {
    background-color: #ececec;
    height: 100vh;
    max-height: 100vh;
    display: flex;
    flex-direction: column;
    overflow-x: hidden
}

.betslip-container.empty-betslip[_ngcontent-ng-c2584987224] {
    background-color: #f6f6f6
}

.betslip-container[_ngcontent-ng-c2584987224] .svg-icon[_ngcontent-ng-c2584987224] {
    color: #fff
}

.betslip-container[_ngcontent-ng-c2584987224] .svg-icon.close[_ngcontent-ng-c2584987224] {
    width: 20px;
    height: 20px;
    margin-left: auto;
    color: #cacaca
}

.betslip-container[_ngcontent-ng-c2584987224] .your-betslip[_ngcontent-ng-c2584987224] {
    margin-left: -3px
}

.betslip-container[_ngcontent-ng-c2584987224] .betslip-header[_ngcontent-ng-c2584987224] {
    height: 60px;
    flex: 0 0 auto;
    padding: 0 15px;
    background-color: #2c437e;
    color: #f6f6f6;
    display: flex;
    align-items: center;
    cursor: pointer
}

.betslip-container[_ngcontent-ng-c2584987224] .betslip-header--green[_ngcontent-ng-c2584987224] {
    background-color: #0a7768
}

.betslip-container[_ngcontent-ng-c2584987224] .betslip-header[_ngcontent-ng-c2584987224] .close-container[_ngcontent-ng-c2584987224] {
    margin: auto 0
}

@media only screen and (min-width: 1024px) {
    .betslip-container[_ngcontent-ng-c2584987224] .betslip-header[_ngcontent-ng-c2584987224] {
        height: 94px;
        padding-top: 0
    }
}

@media only screen and (min-width: 1024px) {
    .betslip-container[_ngcontent-ng-c2584987224] .betslip-header[_ngcontent-ng-c2584987224] .balance_amount[_ngcontent-ng-c2584987224] {
        display: none
    }
}

@media only screen and (min-width: 320px) {
    .betslip-container[_ngcontent-ng-c2584987224] .betslip-header[_ngcontent-ng-c2584987224] .balance_amount[_ngcontent-ng-c2584987224] {
        font-size: 1.2rem;
        font-weight: 500;
        color: #fff;
        padding: 10px;
        background: #1d2e5a;
        border-radius: 4px;
        margin-left: 17px;
        line-height: 16px
    }
}

.betslip-container[_ngcontent-ng-c2584987224] .betslip-header[_ngcontent-ng-c2584987224] .balance_amount--green[_ngcontent-ng-c2584987224] {
    background: #299e8e
}

.betslip-container[_ngcontent-ng-c2584987224] .betslip-header-text[_ngcontent-ng-c2584987224] {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 16px;
    padding-left: 4px
}

.betslip-container[_ngcontent-ng-c2584987224] .bet-tabs[_ngcontent-ng-c2584987224] {
    height: 34px;
    flex: 0 0 auto;
    background-color: #fff;
    box-shadow: 0 2px 3px #00000026;
    position: relative
}

.betslip-container[_ngcontent-ng-c2584987224] .bet-tabs[_ngcontent-ng-c2584987224] .bet-tab[_ngcontent-ng-c2584987224] {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.betslip-container[_ngcontent-ng-c2584987224] .bet-tabs[_ngcontent-ng-c2584987224] .bet-tab[_ngcontent-ng-c2584987224] .bet-tab-text[_ngcontent-ng-c2584987224] {
    font-size: 1rem;
    font-weight: 500;
    color: #ddd;
    line-height: 10px
}

.betslip-container[_ngcontent-ng-c2584987224] .bet-tabs[_ngcontent-ng-c2584987224] .bet-tab[_ngcontent-ng-c2584987224] .bet-tab-text.active[_ngcontent-ng-c2584987224] {
    color: #708bd6
}

.betslip-container[_ngcontent-ng-c2584987224] .bet-tabs[_ngcontent-ng-c2584987224] .bet-tab[_ngcontent-ng-c2584987224] .bet-tab-text[_ngcontent-ng-c2584987224] .count[_ngcontent-ng-c2584987224] {
    font-weight: 300;
    padding-left: 3pt
}

.betslip-container[_ngcontent-ng-c2584987224] .bet-tabs[_ngcontent-ng-c2584987224] .bet-tab.inactive[_ngcontent-ng-c2584987224] {
    cursor: text
}

.betslip-container[_ngcontent-ng-c2584987224] .bet-tabs_initial[_ngcontent-ng-c2584987224] div[_ngcontent-ng-c2584987224]:first-child:after {
    content: "";
    background-color: #ececec;
    position: absolute;
    width: 1px;
    height: 20px;
    top: 5px;
    left: 50%;
    display: block
}

.betslip-container[_ngcontent-ng-c2584987224] .multi-container[_ngcontent-ng-c2584987224] {
    border-top: 1pt solid #fff;
    border-bottom: 1pt solid #fff
}

.betslip-container[_ngcontent-ng-c2584987224] .rg-message-wrapper[_ngcontent-ng-c2584987224] {
    margin: 0 14px 14px
}

.betslip-content[_ngcontent-ng-c2584987224] {
    flex: 1 0 0;
    overflow: auto;
    display: flex;
    flex-direction: column
}

app-betslip-footer[_ngcontent-ng-c2584987224] {
    flex: 0 0 auto;
    background-color: #f6f6f6
}


.container[_ngcontent-ng-c3355119677] {
    display: none
}

.container.homepage-header[_ngcontent-ng-c3355119677] {
    display: none;
    font-size: .8rem;
    font-weight: 400;
    color: #fff;
    background-color: #2a407c;
    height: 20px
}

@media only screen and (min-width: 768px) {
    .container.homepage-header[_ngcontent-ng-c3355119677] {
        display: flex;
        height: 30px
    }
}

@media only screen and (min-width: 1024px) {
    .container.homepage-header[_ngcontent-ng-c3355119677] {
        margin: 0 auto
    }
}

.container.homepage-header[_ngcontent-ng-c3355119677] .text[_ngcontent-ng-c3355119677] {
    font-size: 1rem;
    font-weight: 400;
    color: #cacaca
}

@media only screen and (min-width: 768px) {
    .container.homepage-header[_ngcontent-ng-c3355119677] .text[_ngcontent-ng-c3355119677] {
        font-size: 1.2rem
    }
}

@media only screen and (min-width: 1024px) {
    .container.homepage-header[_ngcontent-ng-c3355119677] .text[_ngcontent-ng-c3355119677] {
        color: #fff
    }
}

.container.homepage-header[_ngcontent-ng-c3355119677] .right[_ngcontent-ng-c3355119677] {
    display: none
}

.container.homepage-header[_ngcontent-ng-c3355119677] .left[_ngcontent-ng-c3355119677] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0 20px
}

@media only screen and (min-width: 768px) {
    .container.homepage-header[_ngcontent-ng-c3355119677] .left[_ngcontent-ng-c3355119677] {
        margin: 0 20px 0 25px
    }
}

@media only screen and (min-width: 1366px) {
    .container.homepage-header[_ngcontent-ng-c3355119677] .left[_ngcontent-ng-c3355119677] {
        margin: 0
    }
}

.container.homepage-header[_ngcontent-ng-c3355119677] .left[_ngcontent-ng-c3355119677] .content[_ngcontent-ng-c3355119677] {
    display: none
}

@media only screen and (min-width: 768px) {
    .container.homepage-header[_ngcontent-ng-c3355119677] .left[_ngcontent-ng-c3355119677] .content[_ngcontent-ng-c3355119677] {
        display: flex;
        align-items: center;
        flex: 1;
        margin-right: 0
    }
}

@media only screen and (min-width: 1024px) {
    .container.homepage-header[_ngcontent-ng-c3355119677] .left[_ngcontent-ng-c3355119677] .content[_ngcontent-ng-c3355119677] {
        margin-right: 5px
    }
}

.container.homepage-header[_ngcontent-ng-c3355119677] .left[_ngcontent-ng-c3355119677] div[_ngcontent-ng-c3355119677] {
    display: flex;
    align-items: center
}

.container.homepage-header[_ngcontent-ng-c3355119677] .left[_ngcontent-ng-c3355119677] .svg-icon[_ngcontent-ng-c3355119677] {
    display: none
}

@media only screen and (min-width: 1024px) {
    .container[_ngcontent-ng-c3355119677] {
        display: flex;
        max-width: 1366px;
        margin: 0 auto;
        color: #fff;
        font-size: .8rem;
        background-color: #2a407c;
        height: 24px;
        align-items: center
    }

    .container[_ngcontent-ng-c3355119677] .text[_ngcontent-ng-c3355119677] {
        color: #fff;
        opacity: .7;
        font-weight: 300
    }

    .container[_ngcontent-ng-c3355119677] .left[_ngcontent-ng-c3355119677] {
        display: flex;
        align-items: center;
        flex: 1;
        line-height: 6px
    }

    .container[_ngcontent-ng-c3355119677] .left[_ngcontent-ng-c3355119677] div[_ngcontent-ng-c3355119677] {
        display: flex;
        align-items: center
    }

    .container[_ngcontent-ng-c3355119677] .left[_ngcontent-ng-c3355119677] .svg-icon.clock[_ngcontent-ng-c3355119677] {
        margin-left: 13px
    }
}

@media only screen and (min-width: 1024px) and (min-width: 1366px) {
    .container[_ngcontent-ng-c3355119677] .left[_ngcontent-ng-c3355119677] .svg-icon.clock[_ngcontent-ng-c3355119677] {
        margin-left: 3px
    }
}

@media only screen and (min-width: 1024px) {
    .container[_ngcontent-ng-c3355119677] .left[_ngcontent-ng-c3355119677] .svg-icon.padlock[_ngcontent-ng-c3355119677] {
        padding-left: 10px
    }

    .container[_ngcontent-ng-c3355119677] .right[_ngcontent-ng-c3355119677] {
        line-height: 10px
    }

    .container[_ngcontent-ng-c3355119677] .right[_ngcontent-ng-c3355119677] .ph-number[_ngcontent-ng-c3355119677] {
        opacity: 1;
        padding-right: 21px;
        font-weight: 400
    }
}


[_nghost-ng-c3813439651] {
    align-items: center;
    display: flex;
    position: relative
}

[_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] {
    flex: 1
}

[_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .container[_ngcontent-ng-c3813439651] {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 5px
}

@media only screen and (min-width: 1024px) {
    [_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .container[_ngcontent-ng-c3813439651] {
        margin-left: 25px
    }
}

[_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .container.homepage-header[_ngcontent-ng-c3813439651] {
    margin-left: 7px
}

[_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .container.homepage-header[_ngcontent-ng-c3813439651] .svg-icon[_ngcontent-ng-c3813439651] {
    width: 24px;
    height: 24px
}

[_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .container.homepage-header[_ngcontent-ng-c3813439651] .svg-icon.search[_ngcontent-ng-c3813439651] {
    color: #1d2e5a
}

[_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .container.homepage-header[_ngcontent-ng-c3813439651] .svg-icon.hide-bg[_ngcontent-ng-c3813439651] {
    color: #1d2e5a;
    background: none;
    width: 24px;
    height: 24px;
    padding: 0
}

@media only screen and (min-width: 425px) {
    [_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .container.homepage-header[_ngcontent-ng-c3813439651] .text-input[_ngcontent-ng-c3813439651] {
        width: 216px
    }
}

@media only screen and (min-width: 768px) {
    [_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .container.homepage-header[_ngcontent-ng-c3813439651] .text-input[_ngcontent-ng-c3813439651] {
        width: 275px
    }
}

@media only screen and (min-width: 1024px) {
    [_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .container.homepage-header[_ngcontent-ng-c3813439651] .text-input[_ngcontent-ng-c3813439651] {
        width: 318px
    }
}

@media only screen and (min-width: 768px) {
    [_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .container.homepage-header[_ngcontent-ng-c3813439651] {
        margin-left: 12px
    }
}

[_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .container[_ngcontent-ng-c3813439651] .search-placeholder[_ngcontent-ng-c3813439651] {
    width: 40px;
    font-size: 1.2rem;
    font-weight: 400;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip
}

@media only screen and (min-width: 1024px) {
    [_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .container[_ngcontent-ng-c3813439651] .search-placeholder[_ngcontent-ng-c3813439651] {
        width: unset
    }
}

[_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .container[_ngcontent-ng-c3813439651] .svg-icon[_ngcontent-ng-c3813439651] {
    width: 30px;
    height: 30px;
    cursor: pointer;
    outline: none;
    padding: 0
}

[_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .container[_ngcontent-ng-c3813439651] .svg-icon.open[_ngcontent-ng-c3813439651] {
    color: #fff;
    margin-right: 4px;
    background-color: #596da6;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    padding: 8px
}

[_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .container[_ngcontent-ng-c3813439651] .svg-icon.larger[_ngcontent-ng-c3813439651] {
    width: 14px;
    height: 14px;
    padding: 7px
}

[_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .container[_ngcontent-ng-c3813439651] .svg-icon.search[_ngcontent-ng-c3813439651] {
    position: absolute;
    left: 50px;
    color: #2a417e;
    width: 22px;
    height: 22px;
    cursor: default
}

[_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .container[_ngcontent-ng-c3813439651] .text-input[_ngcontent-ng-c3813439651] {
    width: 180px;
    height: 40px;
    border: 1px solid #dddddd;
    border-radius: 4px;
    padding: 0 0 0 41px
}

[_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .container[_ngcontent-ng-c3813439651] .text-input[_ngcontent-ng-c3813439651]::placeholder {
    font-size: 1.2rem;
    font-weight: 400;
    color: #bababa;
    opacity: 1
}

@media only screen and (min-width: 1024px) {
    [_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .container[_ngcontent-ng-c3813439651] .text-input[_ngcontent-ng-c3813439651] {
        width: 275px
    }
}

[_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .container[_ngcontent-ng-c3813439651] .clear-button[_ngcontent-ng-c3813439651] {
    display: none
}

@media only screen and (min-width: 1024px) {
    [_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .container[_ngcontent-ng-c3813439651] .clear-button[_ngcontent-ng-c3813439651] {
        font-size: 1.2rem;
        font-weight: 500;
        color: #8e8e8e;
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 46px;
        height: 24px;
        border: 1px solid #8e8e8e;
        border-radius: 2px;
        cursor: pointer;
        right: 9px
    }
}

[_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .container[_ngcontent-ng-c3813439651] .loading-container[_ngcontent-ng-c3813439651] {
    display: flex;
    position: absolute;
    right: 6px
}

[_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .results-container[_ngcontent-ng-c3813439651] {
    display: none;
    flex-direction: column;
    width: 343px;
    min-height: 250px;
    max-height: 550px;
    background: #ececec;
    border: 2px solid #1d2e5a;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    position: absolute;
    top: 60px;
    left: -35px;
    z-index: 999
}

[_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .results-container.homepage-header[_ngcontent-ng-c3813439651] {
    width: 293px;
    top: 56px;
    left: -22px
}

@media only screen and (min-width: 425px) {
    [_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .results-container.homepage-header[_ngcontent-ng-c3813439651] {
        width: 327px
    }
}

@media only screen and (min-width: 768px) {
    [_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .results-container.homepage-header[_ngcontent-ng-c3813439651] {
        left: 20px;
        width: 358px
    }
}

@media only screen and (min-width: 1024px) {
    [_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .results-container.homepage-header[_ngcontent-ng-c3813439651] {
        width: 402px
    }
}

@media only screen and (min-width: 1024px) {
    [_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .results-container[_ngcontent-ng-c3813439651] {
        top: 70px;
        left: 25px;
        width: 360px
    }
}

[_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .results-container.active[_ngcontent-ng-c3813439651] {
    display: flex
}

[_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .results-container[_ngcontent-ng-c3813439651] .results-panel[_ngcontent-ng-c3813439651] {
    overflow-y: auto;
    overflow-x: hidden
}

[_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .results-container[_ngcontent-ng-c3813439651] .result[_ngcontent-ng-c3813439651] {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 28px;
    border-bottom: solid 1px #dddddd;
    cursor: pointer
}

[_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .results-container[_ngcontent-ng-c3813439651] .result.last[_ngcontent-ng-c3813439651] {
    border-bottom: 0
}

@media only screen and (min-width: 1024px) {
    [_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .results-container[_ngcontent-ng-c3813439651] .result[_ngcontent-ng-c3813439651]:hover {
        background-color: #e7e7e7
    }
}

[_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .results-container[_ngcontent-ng-c3813439651] .result[_ngcontent-ng-c3813439651] .title[_ngcontent-ng-c3813439651] {
    font-size: 1.4rem;
    font-weight: 500;
    color: #1e1e1e;
    margin-left: 15px
}

[_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .results-container[_ngcontent-ng-c3813439651] .no-result[_ngcontent-ng-c3813439651] {
    font-size: 1.6rem;
    font-weight: 500;
    color: #606060;
    display: flex;
    flex-direction: column;
    padding: 30px;
    align-items: center;
    text-align: center
}

[_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .results-container[_ngcontent-ng-c3813439651] .no-result[_ngcontent-ng-c3813439651] .svg-icon[_ngcontent-ng-c3813439651] {
    padding-top: 40px;
    width: 75px;
    height: 75px;
    color: #ddd
}

[_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .results-container[_ngcontent-ng-c3813439651] .load-more-container[_ngcontent-ng-c3813439651] {
    font-size: 1.2rem;
    font-weight: 700;
    color: #2c437e;
    padding: 13px 0;
    display: flex;
    align-items: center;
    justify-content: center
}

[_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .results-container[_ngcontent-ng-c3813439651] .load-more-container[_ngcontent-ng-c3813439651] .load-more[_ngcontent-ng-c3813439651] {
    cursor: pointer
}

[_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .results-container[_ngcontent-ng-c3813439651] .load-more-container[_ngcontent-ng-c3813439651] .svg-icon[_ngcontent-ng-c3813439651] {
    margin-top: 1px
}

[_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .results-container[_ngcontent-ng-c3813439651] .filter-container[_ngcontent-ng-c3813439651] {
    min-height: 75px;
    display: flex;
    align-items: center;
    width: 338px;
    overflow-y: hidden;
    overflow-x: auto
}

@media only screen and (min-width: 1024px) {
    [_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .results-container[_ngcontent-ng-c3813439651] .filter-container[_ngcontent-ng-c3813439651] {
        width: 100%;
        align-items: center;
        overflow-x: hidden
    }
}

[_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .results-container[_ngcontent-ng-c3813439651] .filter-container[_ngcontent-ng-c3813439651] .buttons-container[_ngcontent-ng-c3813439651] {
    display: none
}

@media only screen and (min-width: 1024px) {
    [_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .results-container[_ngcontent-ng-c3813439651] .filter-container[_ngcontent-ng-c3813439651] .buttons-container[_ngcontent-ng-c3813439651] {
        display: flex;
        justify-content: space-between;
        padding: 0 6px 0 16px
    }

    [_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .results-container[_ngcontent-ng-c3813439651] .filter-container[_ngcontent-ng-c3813439651] .buttons-container[_ngcontent-ng-c3813439651] .lButton[_ngcontent-ng-c3813439651] {
        margin-right: 6px
    }

    [_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .results-container[_ngcontent-ng-c3813439651] .filter-container[_ngcontent-ng-c3813439651] .buttons-container[_ngcontent-ng-c3813439651] .scroll-button[_ngcontent-ng-c3813439651] {
        height: 32px;
        width: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #2c437e;
        box-shadow: 0 4px 4px #00000040;
        border-radius: 100px;
        cursor: pointer
    }

    [_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .results-container[_ngcontent-ng-c3813439651] .filter-container[_ngcontent-ng-c3813439651] .buttons-container[_ngcontent-ng-c3813439651] .scroll-button.hide[_ngcontent-ng-c3813439651] {
        background-color: #e7e7e7;
        box-shadow: 0 1px 4px #00000040;
        cursor: not-allowed
    }

    [_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .results-container[_ngcontent-ng-c3813439651] .filter-container[_ngcontent-ng-c3813439651] .buttons-container[_ngcontent-ng-c3813439651] .scroll-button[_ngcontent-ng-c3813439651] .mat-icon[_ngcontent-ng-c3813439651] {
        color: #fff;
        height: 24px;
        width: 24px
    }
}

@media only screen and (min-width: 1024px) {
    [_nghost-ng-c3813439651] form[_ngcontent-ng-c3813439651] .results-container[_ngcontent-ng-c3813439651] .filter-container[_ngcontent-ng-c3813439651] .space[_ngcontent-ng-c3813439651] {
        width: 15px
    }
}


.events-header[_ngcontent-ng-c4259197574] {
    display: flex;
    flex-direction: row;
    height: 45px;
    background-image: linear-gradient(to right, #708bd6, #3e579b);
    align-items: center;
    padding-left: 20px;
    cursor: pointer;
    border-top: 0
}

@media only screen and (min-width: 1024px) {
    .events-header[_ngcontent-ng-c4259197574] {
        height: 40px;
        background-image: none;
        padding-left: 0
    }
}

.events-header[_ngcontent-ng-c4259197574] span[_ngcontent-ng-c4259197574] {
    font-size: 1.3rem;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase
}

@media only screen and (min-width: 1024px) {
    .events-header[_ngcontent-ng-c4259197574] span[_ngcontent-ng-c4259197574] {
        color: #708bd6;
        text-transform: none;
        font-weight: 400
    }
}

.events-header[_ngcontent-ng-c4259197574] .arrow_icon[_ngcontent-ng-c4259197574] {
    width: 30px;
    height: 30px;
    color: #fff;
    margin: 0 10px 0 auto;
    opacity: .5
}

@media only screen and (min-width: 1024px) {
    .events-header[_ngcontent-ng-c4259197574] .arrow_icon[_ngcontent-ng-c4259197574] {
        margin: 0 -8px 0 auto;
        color: #ddd;
        opacity: 1
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .events-header[_ngcontent-ng-c4259197574] .arrow_icon[_ngcontent-ng-c4259197574] {
        margin: 0 10px 0 auto
    }
}

.events-header.events-collapsed[_ngcontent-ng-c4259197574] {
    background-image: none;
    border-top: 2px solid #ececec
}

@media only screen and (min-width: 1024px) {
    .events-header.events-collapsed[_ngcontent-ng-c4259197574] {
        border-top: 0
    }
}

.events-header.events-collapsed[_ngcontent-ng-c4259197574] span[_ngcontent-ng-c4259197574] {
    color: #777;
    font-size: 1.3rem
}

@media only screen and (min-width: 1024px) {
    .events-header.events-collapsed[_ngcontent-ng-c4259197574] span[_ngcontent-ng-c4259197574] {
        color: #484848;
        font-weight: 400
    }
}

.events-header.events-collapsed[_ngcontent-ng-c4259197574] .arrow_icon[_ngcontent-ng-c4259197574] {
    color: #a6d612;
    opacity: 1
}

.event-item[_ngcontent-ng-c4259197574] {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: solid 1px #ececec;
    margin-left: 15px
}

@media only screen and (min-width: 1024px) {
    .event-item[_ngcontent-ng-c4259197574] {
        min-height: 35px;
        border-bottom: 0;
        margin-left: 0
    }
}

.event-item.resp-item[_ngcontent-ng-c4259197574] {
    height: 45px
}

.event-item[_ngcontent-ng-c4259197574]:last-child {
    border-bottom: 0
}

@media only screen and (min-width: 1024px) {
    .event-item[_ngcontent-ng-c4259197574]:last-child {
        padding-bottom: 3px
    }
}

.dotted-divider[_ngcontent-ng-c4259197574] {
    display: none
}

@media only screen and (min-width: 1024px) {
    .dotted-divider[_ngcontent-ng-c4259197574] {
        display: block;
        margin: 0
    }
}


.events-header[_ngcontent-ng-c1761809586] {
    display: flex;
    flex-direction: row;
    height: 45px;
    background-image: linear-gradient(to right, #708bd6, #3e579b);
    align-items: center;
    padding-left: 20px;
    cursor: pointer;
    border-top: 0
}

@media only screen and (min-width: 1024px) {
    .events-header[_ngcontent-ng-c1761809586] {
        height: 40px;
        background-image: none;
        padding-left: 0
    }
}

.events-header[_ngcontent-ng-c1761809586] span[_ngcontent-ng-c1761809586] {
    font-size: 1.3rem;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase
}

@media only screen and (min-width: 1024px) {
    .events-header[_ngcontent-ng-c1761809586] span[_ngcontent-ng-c1761809586] {
        color: #708bd6;
        text-transform: none;
        font-weight: 400
    }
}

.events-header[_ngcontent-ng-c1761809586] .arrow_icon[_ngcontent-ng-c1761809586] {
    width: 30px;
    height: 30px;
    color: #fff;
    margin: 0 10px 0 auto;
    opacity: .5
}

@media only screen and (min-width: 1024px) {
    .events-header[_ngcontent-ng-c1761809586] .arrow_icon[_ngcontent-ng-c1761809586] {
        margin: 0 -8px 0 auto;
        color: #ddd;
        opacity: 1
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .events-header[_ngcontent-ng-c1761809586] .arrow_icon[_ngcontent-ng-c1761809586] {
        margin: 0 10px 0 auto
    }
}

.events-header.events-collapsed[_ngcontent-ng-c1761809586] {
    background-image: none;
    border-top: 2px solid #ececec
}

@media only screen and (min-width: 1024px) {
    .events-header.events-collapsed[_ngcontent-ng-c1761809586] {
        border-top: 0
    }
}

.events-header.events-collapsed[_ngcontent-ng-c1761809586] span[_ngcontent-ng-c1761809586] {
    color: #777;
    font-size: 1.3rem
}

@media only screen and (min-width: 1024px) {
    .events-header.events-collapsed[_ngcontent-ng-c1761809586] span[_ngcontent-ng-c1761809586] {
        color: #484848;
        font-weight: 400
    }
}

.events-header.events-collapsed[_ngcontent-ng-c1761809586] .arrow_icon[_ngcontent-ng-c1761809586] {
    color: #a6d612;
    opacity: 1
}

.event-item[_ngcontent-ng-c1761809586] {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: solid 1px #ececec;
    margin-left: 15px
}

@media only screen and (min-width: 1024px) {
    .event-item[_ngcontent-ng-c1761809586] {
        min-height: 35px;
        border-bottom: 0;
        margin-left: 0
    }
}

.event-item.resp-item[_ngcontent-ng-c1761809586] {
    height: 45px
}

.event-item[_ngcontent-ng-c1761809586]:last-child {
    border-bottom: 0
}

@media only screen and (min-width: 1024px) {
    .event-item[_ngcontent-ng-c1761809586]:last-child {
        padding-bottom: 3px
    }
}

.dotted-divider[_ngcontent-ng-c1761809586] {
    display: none
}

@media only screen and (min-width: 1024px) {
    .dotted-divider[_ngcontent-ng-c1761809586] {
        display: block;
        margin: 0
    }
}


.loading-screen-wrapper[_ngcontent-ng-c1740450204] {
    z-index: 100000;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center
}

.loading-screen-overlay[_ngcontent-ng-c1740450204] {
    background-color: #ffffffe6
}

.loading-screen[_ngcontent-ng-c1740450204] {
    position: fixed;
    width: 375px
}

.loading-screen-icon[_ngcontent-ng-c1740450204] {
    width: 100%;
    height: 48px
}

.racing-icon[_ngcontent-ng-c1740450204] {
    background: url(loading_racing_animation.e6b3de2419dcc68c.gif) no-repeat;
    background-position: center;
    background-size: contain
}

.sports-icon[_ngcontent-ng-c1740450204] {
    background: url(sport-animation.c0e9724a1c785e8c.gif) no-repeat;
    background-position: center;
    background-size: contain
}

.loading-text[_ngcontent-ng-c1740450204] {
    text-align: center;
    display: flex;
    flex-direction: column;
    margin-top: 15px;
    font-size: 1.3rem;
    font-weight: 400;
    color: #484848
}

.loading-text-nooverlay[_ngcontent-ng-c1740450204] .loading-text[_ngcontent-ng-c1740450204] {
    color: #fff
}

.loading-text-nooverlay[_ngcontent-ng-c1740450204] .loading-text[_ngcontent-ng-c1740450204] .sub-text[_ngcontent-ng-c1740450204] {
    color: #ffffffb3
}



[_nghost-ng-c1143544730] {
    margin-top: auto;
    background-color: #f6f6f6;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-shrink: 0
}

.footer-container[_ngcontent-ng-c1143544730] {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    background: #f6f6f6;
    padding: 0;
    max-width: 1366px
}

@media only screen and (min-width: 320px) {
    .footer-container[_ngcontent-ng-c1143544730] {
        padding: 0 20px 35px
    }
}

@media only screen and (min-width: 1024px) {
    .footer-container[_ngcontent-ng-c1143544730] {
        padding: 0 30px
    }
}

.footer-links-section[_ngcontent-ng-c1143544730] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 9px
}

.footer-links-section[_ngcontent-ng-c1143544730] mat-icon[_ngcontent-ng-c1143544730] {
    height: 32px;
    width: 42px
}

@media only screen and (min-width: 1024px) {
    .footer-links-section[_ngcontent-ng-c1143544730] mat-icon[_ngcontent-ng-c1143544730] {
        margin-top: 5px
    }
}

@media only screen and (min-width: 1366px) {
    .footer-links-section[_ngcontent-ng-c1143544730] mat-icon[_ngcontent-ng-c1143544730] {
        margin-top: 10px
    }
}

@media only screen and (min-width: 1024px) {
    .footer-links-section[_ngcontent-ng-c1143544730] img[_ngcontent-ng-c1143544730] {
        margin-top: 10px
    }
}

@media only screen and (min-width: 1024px) {
    .footer-links-section[_ngcontent-ng-c1143544730] {
        flex-direction: row;
        align-items: start;
        padding-top: 45px
    }
}

.footer-links-section[_ngcontent-ng-c1143544730] div[_ngcontent-ng-c1143544730] {
    display: flex;
    flex-direction: column;
    padding-top: 25px
}

.footer-links-section[_ngcontent-ng-c1143544730] ul[_ngcontent-ng-c1143544730] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    margin: 0;
    min-height: 39px;
    width: 310px
}

@media only screen and (min-width: 1024px) {
    .footer-links-section[_ngcontent-ng-c1143544730] ul[_ngcontent-ng-c1143544730] {
        flex-wrap: initial;
        justify-content: flex-start;
        width: auto
    }
}

.footer-links-section[_ngcontent-ng-c1143544730] ul[_ngcontent-ng-c1143544730] li[_ngcontent-ng-c1143544730] {
    list-style-type: none;
    margin-bottom: 5px
}

.footer-links-section[_ngcontent-ng-c1143544730] .section-title[_ngcontent-ng-c1143544730] {
    font-size: 1.2rem;
    font-weight: 700;
    color: #999;
    text-align: center;
    margin: 0 0 10px
}

@media only screen and (min-width: 1024px) {
    .footer-links-section[_ngcontent-ng-c1143544730] .section-title[_ngcontent-ng-c1143544730] {
        text-align: left;
        margin: 0
    }
}

.footer-links-section[_ngcontent-ng-c1143544730] .payments-links[_ngcontent-ng-c1143544730] {
    max-width: 320px
}

@media only screen and (min-width: 1024px) {
    .footer-links-section[_ngcontent-ng-c1143544730] .payments-links[_ngcontent-ng-c1143544730] {
        margin-right: 24px
    }
}

.footer-links-section[_ngcontent-ng-c1143544730] .payments-links[_ngcontent-ng-c1143544730] ul[_ngcontent-ng-c1143544730] {
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    row-gap: 2px
}

@media only screen and (min-width: 1024px) {
    .footer-links-section[_ngcontent-ng-c1143544730] .payments-links[_ngcontent-ng-c1143544730] ul[_ngcontent-ng-c1143544730] {
        justify-content: flex-start;
        margin: 10px 0 8px
    }
}

.footer-links-section[_ngcontent-ng-c1143544730] .payments-links[_ngcontent-ng-c1143544730] li[_ngcontent-ng-c1143544730] {
    order: 0;
    margin-right: 6px;
    margin-bottom: 0
}

.footer-links-section[_ngcontent-ng-c1143544730] .payments-links[_ngcontent-ng-c1143544730] li[_ngcontent-ng-c1143544730]:last-child {
    margin-right: 0
}

.footer-links-section[_ngcontent-ng-c1143544730] .payments-links[_ngcontent-ng-c1143544730] img[_ngcontent-ng-c1143544730] {
    margin-top: 0
}

.footer-links-section[_ngcontent-ng-c1143544730] .sponsors-links[_ngcontent-ng-c1143544730] {
    min-width: 138px
}

@media only screen and (min-width: 1024px) {
    .footer-links-section[_ngcontent-ng-c1143544730] .sponsors-links[_ngcontent-ng-c1143544730] {
        margin-right: 40px
    }
}

.footer-links-section[_ngcontent-ng-c1143544730] .sponsors-links[_ngcontent-ng-c1143544730] li[_ngcontent-ng-c1143544730] {
    order: 0;
    margin-right: 20px
}

@media only screen and (min-width: 1024px) {
    .footer-links-section[_ngcontent-ng-c1143544730] .sponsors-links[_ngcontent-ng-c1143544730] li[_ngcontent-ng-c1143544730] {
        margin-right: 16px
    }
}

.footer-links-section[_ngcontent-ng-c1143544730] .sponsors-links[_ngcontent-ng-c1143544730] li[_ngcontent-ng-c1143544730]:last-child {
    margin-right: 0
}

.footer-links-section[_ngcontent-ng-c1143544730] .sponsors-links[_ngcontent-ng-c1143544730] li[_ngcontent-ng-c1143544730] img[_ngcontent-ng-c1143544730] {
    max-width: 32px
}

@media only screen and (min-width: 1024px) {
    .footer-links-section[_ngcontent-ng-c1143544730] .partner-links[_ngcontent-ng-c1143544730] {
        margin-right: 49px
    }
}

.footer-links-section[_ngcontent-ng-c1143544730] .partner-links[_ngcontent-ng-c1143544730] li[_ngcontent-ng-c1143544730] {
    order: 0;
    margin-right: 20px
}

.footer-links-section[_ngcontent-ng-c1143544730] .partner-links[_ngcontent-ng-c1143544730] li[_ngcontent-ng-c1143544730]:last-child {
    margin-right: 0
}

.footer-links-section[_ngcontent-ng-c1143544730] .partner-links[_ngcontent-ng-c1143544730] li[_ngcontent-ng-c1143544730] img[_ngcontent-ng-c1143544730],
.footer-links-section[_ngcontent-ng-c1143544730] .partner-links[_ngcontent-ng-c1143544730] li[_ngcontent-ng-c1143544730] mat-icon[_ngcontent-ng-c1143544730] {
    max-width: 42px;
    min-height: 22px
}

@media only screen and (min-width: 1024px) {
    .footer-links-section[_ngcontent-ng-c1143544730] .social-links[_ngcontent-ng-c1143544730] {
        margin-right: 55px
    }
}

.footer-links-section[_ngcontent-ng-c1143544730] .social-links[_ngcontent-ng-c1143544730] ul[_ngcontent-ng-c1143544730] {
    display: flex;
    align-items: center
}

.footer-links-section[_ngcontent-ng-c1143544730] .social-links[_ngcontent-ng-c1143544730] ul[_ngcontent-ng-c1143544730] li[_ngcontent-ng-c1143544730] {
    order: 0;
    margin-right: 5px
}

.footer-links-section[_ngcontent-ng-c1143544730] .social-links[_ngcontent-ng-c1143544730] ul[_ngcontent-ng-c1143544730] li[_ngcontent-ng-c1143544730] img[_ngcontent-ng-c1143544730] {
    max-width: 42px
}

@media only screen and (min-width: 1024px) {
    .footer-links-section[_ngcontent-ng-c1143544730] .social-links[_ngcontent-ng-c1143544730] ul[_ngcontent-ng-c1143544730] li[_ngcontent-ng-c1143544730] img[_ngcontent-ng-c1143544730] {
        margin: 5px 0 0
    }
}

@media only screen and (min-width: 1366px) {
    .footer-links-section[_ngcontent-ng-c1143544730] .social-links[_ngcontent-ng-c1143544730] ul[_ngcontent-ng-c1143544730] li[_ngcontent-ng-c1143544730] img[_ngcontent-ng-c1143544730] {
        margin: 10px 0 0
    }
}

@media only screen and (min-width: 1024px) {
    .footer-links-section[_ngcontent-ng-c1143544730] .social-links[_ngcontent-ng-c1143544730] .section-title[_ngcontent-ng-c1143544730] {
        padding-left: 4px
    }
}

.footer-links-section[_ngcontent-ng-c1143544730] .download-links[_ngcontent-ng-c1143544730] {
    order: -1
}

@media only screen and (min-width: 1024px) {
    .footer-links-section[_ngcontent-ng-c1143544730] .download-links[_ngcontent-ng-c1143544730] {
        order: 0;
        margin-left: auto;
        margin-top: -30px
    }
}

@media only screen and (min-width: 1024px) {
    .footer-links-section[_ngcontent-ng-c1143544730] .download-links[_ngcontent-ng-c1143544730] ul[_ngcontent-ng-c1143544730] {
        flex-direction: column
    }
}

.footer-links-section[_ngcontent-ng-c1143544730] .download-links[_ngcontent-ng-c1143544730] ul[_ngcontent-ng-c1143544730] li[_ngcontent-ng-c1143544730]:first-child {
    margin: 0 16px 0 0
}

@media only screen and (min-width: 1024px) {
    .footer-links-section[_ngcontent-ng-c1143544730] .download-links[_ngcontent-ng-c1143544730] ul[_ngcontent-ng-c1143544730] li[_ngcontent-ng-c1143544730]:first-child {
        margin: 0 0 18px
    }
}

.nav-links-section[_ngcontent-ng-c1143544730] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

.nav-links-section[_ngcontent-ng-c1143544730] .nav-links-footer-logo[_ngcontent-ng-c1143544730] .section-title[_ngcontent-ng-c1143544730] {
    font-size: 1rem;
    font-weight: 700;
    color: #bababa;
    margin-right: 10px
}

.nav-links-section[_ngcontent-ng-c1143544730] .nav-links-footer-logo[_ngcontent-ng-c1143544730] .rectangle[_ngcontent-ng-c1143544730] {
    height: 32px;
    width: 1px;
    background-color: #ececec
}

@media only screen and (min-width: 320px) {
    .nav-links-section[_ngcontent-ng-c1143544730] .nav-links-footer-logo[_ngcontent-ng-c1143544730] .rectangle[_ngcontent-ng-c1143544730] {
        margin: 0 20px 0 5px
    }
}

@media only screen and (min-width: 1024px) {
    .nav-links-section[_ngcontent-ng-c1143544730] .nav-links-footer-logo[_ngcontent-ng-c1143544730] .rectangle[_ngcontent-ng-c1143544730] {
        margin: 0 0 0 15px
    }
}

@media only screen and (min-width: 1366px) {
    .nav-links-section[_ngcontent-ng-c1143544730] .nav-links-footer-logo[_ngcontent-ng-c1143544730] .rectangle[_ngcontent-ng-c1143544730] {
        margin: 0 0 0 15px
    }
}

.nav-links-section[_ngcontent-ng-c1143544730] .nav-links-footer-logo[_ngcontent-ng-c1143544730] ul[_ngcontent-ng-c1143544730] {
    display: flex
}

@media only screen and (min-width: 320px) {
    .nav-links-section[_ngcontent-ng-c1143544730] .nav-links-footer-logo[_ngcontent-ng-c1143544730] ul[_ngcontent-ng-c1143544730] {
        flex-direction: row-reverse
    }
}

@media only screen and (min-width: 1024px) {
    .nav-links-section[_ngcontent-ng-c1143544730] .nav-links-footer-logo[_ngcontent-ng-c1143544730] ul[_ngcontent-ng-c1143544730] {
        flex-direction: row;
        margin-right: -15px
    }
}

@media only screen and (min-width: 1366px) {
    .nav-links-section[_ngcontent-ng-c1143544730] .nav-links-footer-logo[_ngcontent-ng-c1143544730] ul[_ngcontent-ng-c1143544730] {
        flex-direction: row;
        margin-right: -15px
    }
}

.nav-links-section[_ngcontent-ng-c1143544730] .nav-links-footer-logo[_ngcontent-ng-c1143544730] li[_ngcontent-ng-c1143544730] {
    list-style-type: none;
    display: flex;
    align-items: center
}

@media only screen and (min-width: 320px) {
    .nav-links-section[_ngcontent-ng-c1143544730] .nav-links-footer-logo[_ngcontent-ng-c1143544730] .bet-tech-logo[_ngcontent-ng-c1143544730] {
        margin-top: 3px
    }
}

@media only screen and (min-width: 1024px) {
    .nav-links-section[_ngcontent-ng-c1143544730] .nav-links-footer-logo[_ngcontent-ng-c1143544730] .bet-tech-logo[_ngcontent-ng-c1143544730] {
        margin-top: 3px
    }
}

@media only screen and (min-width: 1366px) {
    .nav-links-section[_ngcontent-ng-c1143544730] .nav-links-footer-logo[_ngcontent-ng-c1143544730] .bet-tech-logo[_ngcontent-ng-c1143544730] {
        margin-top: 2px
    }
}

.nav-links-section[_ngcontent-ng-c1143544730] .nav-links-footer-logo[_ngcontent-ng-c1143544730] .svg-icon[_ngcontent-ng-c1143544730] {
    width: 70px;
    height: 70px;
    color: #bababa
}

@media only screen and (min-width: 1024px) {
    .nav-links-section[_ngcontent-ng-c1143544730] .nav-links-footer-logo[_ngcontent-ng-c1143544730] .svg-icon[_ngcontent-ng-c1143544730] {
        width: 60px;
        height: 60px
    }
}

@media only screen and (min-width: 1024px) {
    .nav-links-section[_ngcontent-ng-c1143544730] {
        flex-direction: row
    }
}

.nav-links-section[_ngcontent-ng-c1143544730] .footer-navigation-list[_ngcontent-ng-c1143544730] {
    display: flex;
    flex-flow: row wrap;
    font-size: 1.3rem;
    color: #777;
    justify-content: center;
    line-height: 2.54;
    padding-left: 0
}

@media only screen and (min-width: 1024px) {
    .nav-links-section[_ngcontent-ng-c1143544730] .footer-navigation-list[_ngcontent-ng-c1143544730] {
        justify-content: flex-start;
        line-height: normal;
        padding-left: 0
    }
}

@media only screen and (min-width: 1366px) {
    .nav-links-section[_ngcontent-ng-c1143544730] .footer-navigation-list[_ngcontent-ng-c1143544730] {
        justify-content: flex-start
    }
}

.nav-links-section[_ngcontent-ng-c1143544730] .footer-navigation-list[_ngcontent-ng-c1143544730] li[_ngcontent-ng-c1143544730] {
    list-style: none
}

.nav-links-section[_ngcontent-ng-c1143544730] .footer-navigation-list[_ngcontent-ng-c1143544730] li[_ngcontent-ng-c1143544730]:nth-child(n+2):before {
    content: "\2022  ";
    color: #ddd
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .nav-links-section[_ngcontent-ng-c1143544730] .footer-navigation-list[_ngcontent-ng-c1143544730] li[_ngcontent-ng-c1143544730]:nth-child(n+2):before {
        content: ""
    }
}

.nav-links-section[_ngcontent-ng-c1143544730] .footer-navigation-list[_ngcontent-ng-c1143544730] .first-item[_ngcontent-ng-c1143544730] {
    margin-right: 15px
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .nav-links-section[_ngcontent-ng-c1143544730] .footer-navigation-list[_ngcontent-ng-c1143544730] .first-item[_ngcontent-ng-c1143544730] {
        margin-right: 9px
    }
}

.nav-links-section[_ngcontent-ng-c1143544730] .footer-navigation-list[_ngcontent-ng-c1143544730] .navi-item[_ngcontent-ng-c1143544730] {
    margin: 0 10px
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .nav-links-section[_ngcontent-ng-c1143544730] .footer-navigation-list[_ngcontent-ng-c1143544730] .navi-item[_ngcontent-ng-c1143544730] {
        margin: 0 9px
    }
}

.disclosure-section[_ngcontent-ng-c1143544730] {
    display: block;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: left;
    color: #999
}

@media only screen and (min-width: 1024px) {
    .disclosure-section[_ngcontent-ng-c1143544730] {
        margin-bottom: 12px
    }
}

@media only screen and (min-width: 1366px) {
    .disclosure-section[_ngcontent-ng-c1143544730] {
        margin-bottom: 4px
    }
}

.copyright-section[_ngcontent-ng-c1143544730] {
    display: flex;
    flex-flow: row wrap;
    color: #bababa;
    margin: 25px 0;
    font-size: 1rem;
    justify-content: center
}

.copyright-section[_ngcontent-ng-c1143544730] .links[_ngcontent-ng-c1143544730] {
    display: flex
}

.copyright-section[_ngcontent-ng-c1143544730]>div[_ngcontent-ng-c1143544730]:first-child {
    margin-bottom: 20px
}

@media only screen and (min-width: 1024px) {
    .copyright-section[_ngcontent-ng-c1143544730] {
        margin: 13px 0 25px
    }

    .copyright-section[_ngcontent-ng-c1143544730]>div[_ngcontent-ng-c1143544730]:first-child {
        margin-right: auto;
        margin-bottom: 0
    }
}

.copyright-section[_ngcontent-ng-c1143544730] a[_ngcontent-ng-c1143544730]:first-child {
    margin-right: 10px;
    margin-left: 10px
}

.copyright-section[_ngcontent-ng-c1143544730] a[_ngcontent-ng-c1143544730]:not(:first-child):not(:last-child) {
    margin: 0 15px
}

.copyright-section[_ngcontent-ng-c1143544730] a[_ngcontent-ng-c1143544730]:last-child {
    margin-left: 15px
}

.line[_ngcontent-ng-c1143544730] {
    height: 1px;
    border-bottom: 1px solid #ececec;
    margin: 13px 0 23px
}

@media only screen and (min-width: 1024px) {
    .line[_ngcontent-ng-c1143544730] {
        margin-bottom: 14px
    }
}

.bet-stop-logo-section[_ngcontent-ng-c1143544730] .bet-stop-logo-container[_ngcontent-ng-c1143544730] {
    text-align: center;
    margin: 21px 0 25px
}

@media only screen and (min-width: 1024px) {
    .bet-stop-logo-section[_ngcontent-ng-c1143544730] .bet-stop-logo-container[_ngcontent-ng-c1143544730] {
        margin: 17px 0 25px
    }
}


[_nghost-ng-c2157501097] {
    width: 100%
}

.carousel-wrapper[_ngcontent-ng-c2157501097] {
    display: flex;
    justify-content: center;
    align-items: center
}

.carousel-wrapper[_ngcontent-ng-c2157501097] app-carousel[_ngcontent-ng-c2157501097] {
    flex-grow: 0
}

.sport-race-wrapper[_ngcontent-ng-c2157501097] {
    padding: 0 0 20px 20px
}

.sport-race-wrapper[_ngcontent-ng-c2157501097] app-tiles[_ngcontent-ng-c2157501097] {
    margin-bottom: 10px
}

@media only screen and (min-width: 768px) {
    .sport-race-wrapper[_ngcontent-ng-c2157501097] {
        padding-right: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .sport-race-wrapper[_ngcontent-ng-c2157501097] {
        padding: 0
    }
}

app-bordered-toggle-container[_ngcontent-ng-c2157501097] {
    width: fit-content;
    margin: 0 auto 10px;
    background-color: #fff
}

app-bordered-toggle-container[_ngcontent-ng-c2157501097] app-large-toggle-option[_ngcontent-ng-c2157501097] mat-icon[_ngcontent-ng-c2157501097] {
    height: 30px;
    width: 30px
}

app-bordered-toggle-container[_ngcontent-ng-c2157501097] app-large-toggle-option[_ngcontent-ng-c2157501097] div[icon][_ngcontent-ng-c2157501097] {
    width: 20px;
    height: 20px
}

app-bordered-toggle-container[_ngcontent-ng-c2157501097] app-large-toggle-option[_ngcontent-ng-c2157501097] div[icon][_ngcontent-ng-c2157501097] mat-icon[_ngcontent-ng-c2157501097] {
    height: 20px;
    width: 20px;
    color: #606060
}

app-bordered-toggle-container[_ngcontent-ng-c2157501097] app-large-toggle-option[_ngcontent-ng-c2157501097] div[icon][_ngcontent-ng-c2157501097] mat-icon.filled-icon[_ngcontent-ng-c2157501097] {
    display: none
}

app-bordered-toggle-container[_ngcontent-ng-c2157501097] app-large-toggle-option[selected][_ngcontent-ng-c2157501097] div[icon][_ngcontent-ng-c2157501097] mat-icon[_ngcontent-ng-c2157501097] {
    color: #fff
}

app-bordered-toggle-container[_ngcontent-ng-c2157501097] app-large-toggle-option[selected][_ngcontent-ng-c2157501097] div[icon][_ngcontent-ng-c2157501097] mat-icon.outline-icon[_ngcontent-ng-c2157501097] {
    display: none
}

app-bordered-toggle-container[_ngcontent-ng-c2157501097] app-large-toggle-option[selected][_ngcontent-ng-c2157501097] div[icon][_ngcontent-ng-c2157501097] mat-icon.filled-icon[_ngcontent-ng-c2157501097] {
    display: unset
}


[_nghost-ng-c913351723] {
    display: block;
    margin-bottom: 1rem;
    width: 100%
}

@media only screen and (min-width: 768px) {
    [_nghost-ng-c913351723] {
        margin: 2rem 2rem 1rem;
        width: calc(100% - 4rem)
    }
}

@media only screen and (min-width: 1024px) {
    [_nghost-ng-c913351723] {
        margin: 0 0 1rem;
        width: 876px
    }
}

.slide-item[_ngcontent-ng-c913351723] img[_ngcontent-ng-c913351723] {
    height: 250px
}

.slide-text[_ngcontent-ng-c913351723] {
    position: absolute;
    width: 100%;
    height: 75px;
    bottom: 0;
    background-color: #1e1e1e;
    opacity: .5;
    padding: 1.5rem;
    border-radius: 0 0 2px 2px
}

.slide-text[_ngcontent-ng-c913351723]>div[_ngcontent-ng-c913351723]:first-child {
    font-size: 1.3rem;
    color: #fff;
    margin-bottom: .5rem
}

.slide-text[_ngcontent-ng-c913351723]>div[_ngcontent-ng-c913351723]:last-child {
    font-size: 1rem;
    font-weight: 300;
    color: #fff;
    opacity: .5
}

.item[_ngcontent-ng-c913351723] {
    box-sizing: border-box
}

.tile[_ngcontent-ng-c913351723] {
    position: relative;
    background-color: transparent;
    display: flex;
    justify-content: center
}

.outer-link[_ngcontent-ng-c913351723] {
    width: 100%;
    text-align: center;
    vertical-align: middle
}

.outer-link[_ngcontent-ng-c913351723] div[_ngcontent-ng-c913351723] {
    position: relative
}

.outer-link[_ngcontent-ng-c913351723] div[_ngcontent-ng-c913351723] .overlay-text[_ngcontent-ng-c913351723] {
    position: absolute;
    left: 0;
    right: 0;
    top: 14.5vw;
    font-family: FOUNDERSGROTESKX-CONDENSED-BOLD;
    font-size: 4.7vw;
    font-weight: 600;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .outer-link[_ngcontent-ng-c913351723] div[_ngcontent-ng-c913351723] .overlay-text[_ngcontent-ng-c913351723] {
        top: 14.35vw;
        font-size: 3.64vw
    }
}

@media only screen and (min-width: 1024px) {
    .outer-link[_ngcontent-ng-c913351723] div[_ngcontent-ng-c913351723] .overlay-text[_ngcontent-ng-c913351723] {
        top: 128px;
        font-size: 4rem
    }
}

.outer-link[_ngcontent-ng-c913351723] div[_ngcontent-ng-c913351723] .overlay-text[_ngcontent-ng-c913351723] span[_ngcontent-ng-c913351723] {
    color: #d4ff50
}

.nav[_ngcontent-ng-c913351723] {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    outline: 0;
    border: 0;
    background: 0;
    cursor: pointer
}

.nav[_ngcontent-ng-c913351723]:focus {
    outline: 0
}

.nav[_ngcontent-ng-c913351723] mat-icon[_ngcontent-ng-c913351723] {
    width: 3rem;
    height: 3rem;
    color: #fbfbfb
}

.leftRs[_ngcontent-ng-c913351723] {
    left: 10px;
    z-index: 1
}

.leftRs[_ngcontent-ng-c913351723] mat-icon[_ngcontent-ng-c913351723] {
    width: 22.5px;
    height: 22.5px
}

@media only screen and (min-width: 768px) {
    .leftRs[_ngcontent-ng-c913351723] {
        left: 15px
    }

    .leftRs[_ngcontent-ng-c913351723] mat-icon[_ngcontent-ng-c913351723] {
        width: 30px;
        height: 30px
    }
}

.rightRs[_ngcontent-ng-c913351723] {
    right: 10px
}

.rightRs[_ngcontent-ng-c913351723] mat-icon[_ngcontent-ng-c913351723] {
    width: 22.5px;
    height: 22.5px
}

@media only screen and (min-width: 768px) {
    .rightRs[_ngcontent-ng-c913351723] {
        right: 15px
    }

    .rightRs[_ngcontent-ng-c913351723] mat-icon[_ngcontent-ng-c913351723] {
        width: 30px;
        height: 30px
    }
}

.responsive[_ngcontent-ng-c913351723] {
    aspect-ratio: 876/250;
    object-fit: cover;
    width: 100%;
    height: auto
}

.carousel-placeholder[_ngcontent-ng-c913351723] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: #2c437e;
    cursor: pointer;
    height: 29vw;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .carousel-placeholder[_ngcontent-ng-c913351723] {
        height: calc((100vw - 4rem)*.29)
    }
}

@media only screen and (min-width: 1024px) {
    .carousel-placeholder[_ngcontent-ng-c913351723] {
        height: 250px
    }
}

.carousel-placeholder[_ngcontent-ng-c913351723] mat-icon[_ngcontent-ng-c913351723] {
    width: 17px;
    height: 16px;
    margin-bottom: 4px
}

@media only screen and (min-width: 768px) {
    .carousel-placeholder[_ngcontent-ng-c913351723] mat-icon[_ngcontent-ng-c913351723] {
        width: 29px;
        height: 26px;
        margin-bottom: 18px
    }
}

.carousel-placeholder[_ngcontent-ng-c913351723] .carousel-placeholder-text[_ngcontent-ng-c913351723] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px
}

@media only screen and (min-width: 768px) {
    .carousel-placeholder[_ngcontent-ng-c913351723] .carousel-placeholder-text[_ngcontent-ng-c913351723] {
        margin-bottom: 18px
    }
}

.carousel-placeholder[_ngcontent-ng-c913351723] .carousel-placeholder-text[_ngcontent-ng-c913351723] h4[_ngcontent-ng-c913351723] {
    font-size: 1.4rem;
    font-weight: 600;
    color: #fff;
    height: 14px;
    margin: 0 0 3px
}

@media only screen and (min-width: 768px) {
    .carousel-placeholder[_ngcontent-ng-c913351723] .carousel-placeholder-text[_ngcontent-ng-c913351723] h4[_ngcontent-ng-c913351723] {
        font-size: 1.8rem;
        margin-bottom: 6px
    }
}

.carousel-placeholder[_ngcontent-ng-c913351723] .carousel-placeholder-text[_ngcontent-ng-c913351723] p[_ngcontent-ng-c913351723] {
    font-size: 1rem;
    font-weight: 400;
    color: #fff;
    text-align: center;
    margin: 0
}

@media only screen and (min-width: 768px) {
    .carousel-placeholder[_ngcontent-ng-c913351723] .carousel-placeholder-text[_ngcontent-ng-c913351723] p[_ngcontent-ng-c913351723] {
        font-size: 1.6rem
    }
}

.carousel-placeholder[_ngcontent-ng-c913351723] button.carousel-placeholder-button[_ngcontent-ng-c913351723] {
    background-color: #1d2e5a;
    border-radius: 6px;
    padding: 0;
    font-size: 1.2rem;
    font-weight: 500;
    color: #fff;
    height: 28px;
    width: 99px
}

@media only screen and (min-width: 768px) {
    .carousel-placeholder[_ngcontent-ng-c913351723] button.carousel-placeholder-button[_ngcontent-ng-c913351723] {
        font-size: 1.4rem;
        height: 32px;
        width: 109px
    }
}


[_nghost-ng-c1184866260] {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: 36px;
    padding: 3px;
    border: 1px solid #bababa;
    border-radius: 99px;
    min-width: 50px;
    gap: 3px
}


[_nghost-ng-c791900958] {
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    height: 30px;
    border-radius: 99px;
    width: 137px;
    padding-right: 6px;
    gap: 6px;
    font-size: 1.8rem;
    font-weight: 500;
    color: #606060;
    cursor: pointer
}

[selected][_nghost-ng-c791900958] {
    color: #fff
}

.sport[selected][_nghost-ng-c791900958] {
    background-color: #0eb25e
}

.racing[selected][_nghost-ng-c791900958] {
    background-color: #1573d5
}


[_nghost-ng-c1863027761] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center
}

.tiles-slider-container[_ngcontent-ng-c1863027761] {
    display: flex;
    align-items: center;
    max-width: 100%
}

.tiles-slider-container[_ngcontent-ng-c1863027761] .slider-button[_ngcontent-ng-c1863027761] {
    display: none;
    width: 30px;
    height: 104px;
    justify-content: center;
    align-items: center;
    border: .5px solid #cacaca;
    border-radius: 2px;
    background-color: #fff
}

@media only screen and (min-width: 768px) {
    .tiles-slider-container[_ngcontent-ng-c1863027761] .slider-button[_ngcontent-ng-c1863027761] {
        display: flex
    }
}

.tiles-slider-container[_ngcontent-ng-c1863027761] .slider-button[_ngcontent-ng-c1863027761] mat-icon[_ngcontent-ng-c1863027761] {
    width: 32px;
    height: 32px;
    color: #8e8e8e
}

.tiles-slider-container[_ngcontent-ng-c1863027761] .slider-button.active[_ngcontent-ng-c1863027761] {
    border: none;
    cursor: pointer;
    background-color: #0eb25e
}

.tiles-slider-container[_ngcontent-ng-c1863027761] .slider-button.active.racing[_ngcontent-ng-c1863027761] {
    background-color: #1573d5
}

.tiles-slider-container[_ngcontent-ng-c1863027761] .slider-button.active[_ngcontent-ng-c1863027761] mat-icon[_ngcontent-ng-c1863027761] {
    color: #fff
}

.tiles-slider-container[_ngcontent-ng-c1863027761] .tiles-container[_ngcontent-ng-c1863027761] {
    overflow-x: auto;
    display: flex;
    flex: 1 0 100px;
    padding: 0 10px;
    gap: 10px
}

@media only screen and (min-width: 768px) {
    .tiles-slider-container[_ngcontent-ng-c1863027761] .tiles-container[_ngcontent-ng-c1863027761] {
        overflow: hidden
    }
}

.loader-container[_ngcontent-ng-c1863027761] {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    text-align: center
}


.homepage-widget-container[_ngcontent-ng-c1626706279] .home-page-widget-header[_ngcontent-ng-c1626706279] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.homepage-widget-container[_ngcontent-ng-c1626706279] .home-page-widget-header[_ngcontent-ng-c1626706279] h2[_ngcontent-ng-c1626706279] {
    font-size: 1.6rem;
    font-weight: 600;
    color: #2c437e;
    margin: 0;
    padding: 0;
    text-align: left;
    text-transform: uppercase
}

app-super-ntj-race-selector[_ngcontent-ng-c1626706279] {
    margin: 10px 0
}


.homepage-widget-container[_ngcontent-ng-c3614127380] {
    margin-top: 10px
}

.homepage-widget-header[_ngcontent-ng-c3614127380] {
    color: #2f3f78
}

.homepage-widget-events[_ngcontent-ng-c3614127380] {
    display: flex
}

@media only screen and (min-width: 768px) {
    .homepage-widget-events[_ngcontent-ng-c3614127380] {
        display: grid
    }
}

@media only screen and (min-width: 1366px) {
    .homepage-widget-events[_ngcontent-ng-c3614127380]>[_ngcontent-ng-c3614127380]:nth-child(n+9) {
        display: none
    }
}


.homepage-widget-container[_ngcontent-ng-c419694103] {
    margin-top: 15px
}

.homepage-widget-container[_ngcontent-ng-c419694103] .widget-header[_ngcontent-ng-c419694103] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.homepage-widget-container[_ngcontent-ng-c419694103] .widget-header[_ngcontent-ng-c419694103] .title[_ngcontent-ng-c419694103] {
    font-size: 1.6rem;
    font-weight: 600;
    color: #2f3f78
}

.homepage-widget-container[_ngcontent-ng-c419694103] .widget-header[_ngcontent-ng-c419694103] .tab-toggle-container[_ngcontent-ng-c419694103] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-right: 20px
}

@media only screen and (min-width: 768px) {
    .homepage-widget-container[_ngcontent-ng-c419694103] .widget-header[_ngcontent-ng-c419694103] .tab-toggle-container[_ngcontent-ng-c419694103] {
        margin-right: 0
    }
}

.homepage-widget-container[_ngcontent-ng-c419694103] .widget-header[_ngcontent-ng-c419694103] .tab-toggle-container[_ngcontent-ng-c419694103] .details[_ngcontent-ng-c419694103] {
    display: none
}

@media only screen and (min-width: 425px) {
    .homepage-widget-container[_ngcontent-ng-c419694103] .widget-header[_ngcontent-ng-c419694103] .tab-toggle-container[_ngcontent-ng-c419694103] .details[_ngcontent-ng-c419694103] {
        display: flex;
        align-items: center;
        gap: 6px
    }
}

@media only screen and (min-width: 768px) {
    .homepage-widget-container[_ngcontent-ng-c419694103] .widget-header[_ngcontent-ng-c419694103] .tab-toggle-container[_ngcontent-ng-c419694103] .details[_ngcontent-ng-c419694103] {
        display: none
    }
}

.homepage-widget-container[_ngcontent-ng-c419694103] .widget-header[_ngcontent-ng-c419694103] .tab-toggle-container[_ngcontent-ng-c419694103] app-bordered-toggle-container[_ngcontent-ng-c419694103] {
    width: 200px
}

.homepage-widget-container[_ngcontent-ng-c419694103] .widget-header[_ngcontent-ng-c419694103] .tab-toggle-container[_ngcontent-ng-c419694103] app-bordered-toggle-container[_ngcontent-ng-c419694103] app-large-toggle-option[_ngcontent-ng-c419694103] {
    padding-left: 6px;
    font-size: 1.4rem;
    font-weight: 500;
    color: #8e8e8e
}

.homepage-widget-container[_ngcontent-ng-c419694103] .widget-header[_ngcontent-ng-c419694103] .tab-toggle-container[_ngcontent-ng-c419694103] app-bordered-toggle-container[_ngcontent-ng-c419694103] app-large-toggle-option[selected][_ngcontent-ng-c419694103] {
    color: #1573d5;
    background-color: #d5e9ff
}

.homepage-widget-container[_ngcontent-ng-c419694103] .widget-header[_ngcontent-ng-c419694103] .action-container[_ngcontent-ng-c419694103] {
    display: none
}

.homepage-widget-container[_ngcontent-ng-c419694103] .widget-header[_ngcontent-ng-c419694103] .action-container[_ngcontent-ng-c419694103] .details[_ngcontent-ng-c419694103] {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 85px;
    justify-content: flex-end
}

.homepage-widget-container[_ngcontent-ng-c419694103] .widget-header[_ngcontent-ng-c419694103] .action-container[_ngcontent-ng-c419694103] .details[_ngcontent-ng-c419694103] mat-icon[_ngcontent-ng-c419694103] {
    color: #2f3f78
}

.homepage-widget-container[_ngcontent-ng-c419694103] .widget-header[_ngcontent-ng-c419694103] .action-container[_ngcontent-ng-c419694103] .details[_ngcontent-ng-c419694103] .details-tag[_ngcontent-ng-c419694103] {
    font-size: 1rem;
    font-weight: 500;
    color: #606060
}

.homepage-widget-container[_ngcontent-ng-c419694103] .widget-header[_ngcontent-ng-c419694103] .action-container[_ngcontent-ng-c419694103] app-rc-button[_ngcontent-ng-c419694103] {
    width: 135px
}

@media only screen and (min-width: 768px) {
    .homepage-widget-container[_ngcontent-ng-c419694103] .widget-header[_ngcontent-ng-c419694103] .action-container[_ngcontent-ng-c419694103] {
        display: flex;
        align-items: center;
        gap: 10px
    }
}

.homepage-widget-container[_ngcontent-ng-c419694103] .widget-content[_ngcontent-ng-c419694103] .explore-button[_ngcontent-ng-c419694103] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px dashed #1573d5;
    border-radius: 5px;
    min-width: 280px;
    height: 74px;
    font-size: 1.4rem;
    font-weight: 600;
    color: #2c437e
}

.homepage-widget-container[_ngcontent-ng-c419694103] .widget-content[_ngcontent-ng-c419694103] .explore-button[_ngcontent-ng-c419694103] div[_ngcontent-ng-c419694103] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding-left: 10px
}

.homepage-widget-container[_ngcontent-ng-c419694103] .widget-content[_ngcontent-ng-c419694103] .explore-button[_ngcontent-ng-c419694103] span[_ngcontent-ng-c419694103] {
    color: #1573d5
}

.homepage-widget-container[_ngcontent-ng-c419694103] .widget-content[_ngcontent-ng-c419694103] .explore-button[_ngcontent-ng-c419694103] .svg-icon[_ngcontent-ng-c419694103] {
    color: #1573d5;
    width: 30px;
    height: 30px
}

@media only screen and (min-width: 1024px) {
    .homepage-widget-container[_ngcontent-ng-c419694103] .widget-content[_ngcontent-ng-c419694103] .explore-button[_ngcontent-ng-c419694103] {
        font-size: 1.5rem;
        font-weight: 600;
        color: #2c437e
    }
}

.homepage-widget-container[_ngcontent-ng-c419694103] .widget-content[_ngcontent-ng-c419694103] .runner-info-tags[_ngcontent-ng-c419694103] {
    display: flex;
    justify-content: space-between;
    padding: 0 10px 0 4px;
    font-size: 1.2rem;
    font-weight: 400;
    color: #606060
}

.homepage-widget-container[_ngcontent-ng-c419694103] .widget-content[_ngcontent-ng-c419694103] .runner-info-tags[_ngcontent-ng-c419694103] div[_ngcontent-ng-c419694103] {
    display: flex;
    gap: 30px;
    margin-right: 5px
}

@media only screen and (min-width: 768px) {
    .homepage-widget-container[_ngcontent-ng-c419694103] .widget-content[_ngcontent-ng-c419694103] .runner-info-tags[_ngcontent-ng-c419694103]:nth-child(n+3) {
        display: none
    }
}

@media only screen and (min-width: 1366px) {
    .homepage-widget-container[_ngcontent-ng-c419694103] .widget-content[_ngcontent-ng-c419694103] .runner-info-tags[_ngcontent-ng-c419694103]:nth-child(n+3) {
        display: flex
    }
}

@media only screen and (min-width: 768px) {
    .homepage-widget-container[_ngcontent-ng-c419694103] .widget-content[_ngcontent-ng-c419694103] .runner-wrapper[_ngcontent-ng-c419694103]:nth-child(n+11) {
        display: none
    }
}

@media only screen and (min-width: 1366px) {
    .homepage-widget-container[_ngcontent-ng-c419694103] .widget-content[_ngcontent-ng-c419694103] .runner-wrapper[_ngcontent-ng-c419694103]:nth-child(n+11) {
        display: block
    }
}

.homepage-widget-container[_ngcontent-ng-c419694103] .widget-footer[_ngcontent-ng-c419694103] {
    display: flex;
    justify-content: center;
    padding: 10px 20px 0 0
}

.homepage-widget-container[_ngcontent-ng-c419694103] .widget-footer[_ngcontent-ng-c419694103] app-rc-button[_ngcontent-ng-c419694103] {
    width: 315px
}

@media only screen and (min-width: 768px) {
    .homepage-widget-container[_ngcontent-ng-c419694103] .widget-footer[_ngcontent-ng-c419694103] {
        display: none
    }
}

.homepage-widget-container[_ngcontent-ng-c419694103] .my-stable-runners-container[_ngcontent-ng-c419694103] {
    display: grid;
    grid-template-columns: repeat(4, minmax(280px, 1fr));
    gap: 10px;
    overflow-x: scroll;
    overflow-y: hidden;
    margin-top: 10px
}

@media only screen and (min-width: 768px) {
    .homepage-widget-container[_ngcontent-ng-c419694103] .my-stable-runners-container[_ngcontent-ng-c419694103] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        overflow: hidden;
        gap: 10px 20px
    }
}

@media only screen and (min-width: 1366px) {
    .homepage-widget-container[_ngcontent-ng-c419694103] .my-stable-runners-container[_ngcontent-ng-c419694103] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        overflow: hidden
    }
}


.homepage-widget-container[_ngcontent-ng-c3592308888] .header[_ngcontent-ng-c3592308888] {
    display: flex;
    justify-content: space-between
}

.homepage-widget-container[_ngcontent-ng-c3592308888] .header[_ngcontent-ng-c3592308888] .title-container[_ngcontent-ng-c3592308888] {
    display: flex;
    align-items: center;
    gap: 10px
}

.homepage-widget-container[_ngcontent-ng-c3592308888] .header[_ngcontent-ng-c3592308888] .title-container[_ngcontent-ng-c3592308888] mat-icon[_ngcontent-ng-c3592308888] {
    display: none;
    height: 30px;
    width: 30px
}

@media only screen and (min-width: 768px) {
    .homepage-widget-container[_ngcontent-ng-c3592308888] .header[_ngcontent-ng-c3592308888] .title-container[_ngcontent-ng-c3592308888] mat-icon[_ngcontent-ng-c3592308888] {
        display: unset
    }
}

.homepage-widget-container[_ngcontent-ng-c3592308888] .header[_ngcontent-ng-c3592308888] .title-container[_ngcontent-ng-c3592308888] span[_ngcontent-ng-c3592308888] {
    font-size: 1.6rem;
    font-weight: 600;
    color: #2f3f78
}

.homepage-widget-container[_ngcontent-ng-c3592308888] .actions-container[_ngcontent-ng-c3592308888] {
    display: flex;
    justify-content: flex-end;
    gap: 10px
}

.homepage-widget-container[_ngcontent-ng-c3592308888] .all-meetings-link[_ngcontent-ng-c3592308888] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1573d5;
    font-size: 1.4rem;
    font-weight: 600;
    color: #fff;
    height: 35px;
    border-radius: 50px
}

.homepage-widget-container[_ngcontent-ng-c3592308888] .all-meetings-link.desktop[_ngcontent-ng-c3592308888] {
    display: none
}

@media only screen and (min-width: 768px) {
    .homepage-widget-container[_ngcontent-ng-c3592308888] .all-meetings-link.desktop[_ngcontent-ng-c3592308888] {
        display: flex;
        width: 135px
    }
}

.homepage-widget-container[_ngcontent-ng-c3592308888] .all-meetings-link.mobile[_ngcontent-ng-c3592308888] {
    margin: 10px auto 0;
    max-width: 295px
}

@media only screen and (min-width: 768px) {
    .homepage-widget-container[_ngcontent-ng-c3592308888] .all-meetings-link.mobile[_ngcontent-ng-c3592308888] {
        display: none
    }
}

.homepage-widget-container[_ngcontent-ng-c3592308888] app-meetings-table[_ngcontent-ng-c3592308888] {
    display: none
}

@media only screen and (min-width: 768px) {
    .homepage-widget-container[_ngcontent-ng-c3592308888] app-meetings-table[_ngcontent-ng-c3592308888] {
        display: unset
    }
}

.homepage-widget-container[_ngcontent-ng-c3592308888] app-meetings-expansion[_ngcontent-ng-c3592308888] {
    margin-top: 10px;
    display: block
}

@media only screen and (min-width: 768px) {
    .homepage-widget-container[_ngcontent-ng-c3592308888] app-meetings-expansion[_ngcontent-ng-c3592308888] {
        display: none
    }
}

.homepage-widget-container[_ngcontent-ng-c3592308888] .mobile-loader[_ngcontent-ng-c3592308888] {
    display: block;
    margin-top: 10px
}

@media only screen and (min-width: 768px) {
    .homepage-widget-container[_ngcontent-ng-c3592308888] .mobile-loader[_ngcontent-ng-c3592308888] {
        display: none
    }
}

.homepage-widget-container[_ngcontent-ng-c3592308888] .desktop-loader[_ngcontent-ng-c3592308888] {
    display: none
}

@media only screen and (min-width: 1366px) {
    .homepage-widget-container[_ngcontent-ng-c3592308888] .desktop-loader[_ngcontent-ng-c3592308888] {
        display: block
    }
}


.homepage-widget-container[_ngcontent-ng-c3471810837] .homepage-widget-header[_ngcontent-ng-c3471810837] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: auto;
    margin-right: 20px
}

@media only screen and (min-width: 768px) {
    .homepage-widget-container[_ngcontent-ng-c3471810837] .homepage-widget-header[_ngcontent-ng-c3471810837] {
        margin-right: 0
    }
}

@media only screen and (min-width: 1024px) {
    .homepage-widget-container[_ngcontent-ng-c3471810837] .homepage-widget-header[_ngcontent-ng-c3471810837] .toggle-container[_ngcontent-ng-c3471810837] {
        margin-left: auto;
        margin-right: 10px
    }
}

.homepage-widget-container[_ngcontent-ng-c3471810837] .title[_ngcontent-ng-c3471810837] {
    font-size: 1.6rem;
    font-weight: 600;
    color: #2f3f78
}

@media only screen and (max-width: 767px) {
    .homepage-widget-container[_ngcontent-ng-c3471810837] .button-container[_ngcontent-ng-c3471810837] {
        display: none
    }
}

.homepage-widget-container[_ngcontent-ng-c3471810837] .button-container-large[_ngcontent-ng-c3471810837] {
    width: 100%;
    justify-content: center;
    padding-right: 20px;
    display: flex
}

@media only screen and (min-width: 768px) {
    .homepage-widget-container[_ngcontent-ng-c3471810837] .button-container-large[_ngcontent-ng-c3471810837] {
        display: none
    }
}

.homepage-widget-container[_ngcontent-ng-c3471810837] .button-container-large[_ngcontent-ng-c3471810837] app-rc-button[_ngcontent-ng-c3471810837] {
    margin-top: 10px;
    width: 315px
}


[_nghost-ng-c3970416030] {
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    height: 30px;
    border-radius: 99px;
    padding: 4px;
    gap: 6px;
    font-size: 1.4rem;
    font-weight: 500;
    color: #606060;
    cursor: pointer
}

[selected][_nghost-ng-c3970416030] {
    color: #fff
}

[_nghost-ng-c3970416030] .title[_ngcontent-ng-c3970416030] {
    display: none
}

@media only screen and (min-width: 768px) {
    [_nghost-ng-c3970416030] {
        padding: 0 14px 0 4px
    }

    [_nghost-ng-c3970416030] .title[_ngcontent-ng-c3970416030] {
        display: unset
    }
}

.sport[selected][_nghost-ng-c3970416030] {
    background-color: #d3ebdf
}

.sport[selected][_nghost-ng-c3970416030] .title[_ngcontent-ng-c3970416030] {
    color: #0eb25e
}

.racing[selected][_nghost-ng-c3970416030] {
    background-color: #d5e9ff
}

.racing[selected][_nghost-ng-c3970416030] .title[_ngcontent-ng-c3970416030] {
    color: #1573d5
}


.slider[_ngcontent-ng-c4148239331] {
    display: flex;
    max-width: 100%;
    align-items: center
}

.slider[_ngcontent-ng-c4148239331] .slider-button[_ngcontent-ng-c4148239331] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    height: 62px;
    background-color: #1573d5;
    color: #fff;
    border-radius: 3px;
    cursor: pointer
}

.slider[_ngcontent-ng-c4148239331] .slider-button.disabled[_ngcontent-ng-c4148239331] {
    border: 1px solid #dddddd;
    background-color: #fbfbfb;
    color: #8e8e8e;
    cursor: not-allowed
}

.slider[_ngcontent-ng-c4148239331] .slider-container[_ngcontent-ng-c4148239331] {
    display: flex;
    flex: 1 0 100px;
    border: 0 solid transparent;
    border-width: 0 3px;
    gap: 3px
}

.race-items[_ngcontent-ng-c4148239331] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px
}


.runners-container[_ngcontent-ng-c3275247815] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 20px
}

@media only screen and (min-width: 1024px) {
    .runners-container[_ngcontent-ng-c3275247815] {
        grid-template-columns: repeat(4, 1fr)
    }
}

.runners-container[_ngcontent-ng-c3275247815] .runner-container[_ngcontent-ng-c3275247815] {
    display: flex;
    align-items: center;
    min-width: 0;
    padding: 10px;
    height: 54px;
    border: 1px solid #cacaca;
    border-radius: 5px
}

.race-link-container[_ngcontent-ng-c3275247815] {
    display: flex;
    justify-content: center;
    margin-top: 10px
}

.race-link-container[_ngcontent-ng-c3275247815] a[_ngcontent-ng-c3275247815] {
    display: flex;
    width: 295px;
    height: 35px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background-color: #1573d5;
    border-radius: 50px;
    font-size: 1.4rem;
    font-weight: 500;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .race-link-container[_ngcontent-ng-c3275247815] a[_ngcontent-ng-c3275247815] {
        width: 335px
    }
}

.meeting-header[_ngcontent-ng-c3275247815] {
    padding: 0 10px;
    display: flex;
    align-items: center;
    height: 52px
}

.meeting-header[_ngcontent-ng-c3275247815] .expansion-arrow[_ngcontent-ng-c3275247815] {
    color: #606060;
    margin-right: 5px
}

.meeting-header[_ngcontent-ng-c3275247815] .race-data[_ngcontent-ng-c3275247815] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px
}

.meeting-header[_ngcontent-ng-c3275247815] .race-data[_ngcontent-ng-c3275247815] .race-number[_ngcontent-ng-c3275247815] {
    font-size: 1.2rem;
    font-weight: 700;
    color: #484848
}

.meeting-title[_ngcontent-ng-c3275247815] {
    display: flex;
    align-items: center;
    height: 31px;
    gap: 10px
}

.meeting-title[_ngcontent-ng-c3275247815] .icon[_ngcontent-ng-c3275247815] {
    border-radius: 50%;
    color: #1573d5;
    height: 30px;
    background-color: #fff
}

.meeting-title[_ngcontent-ng-c3275247815] .icon[_ngcontent-ng-c3275247815] mat-icon[_ngcontent-ng-c3275247815] {
    width: 30px;
    height: 30px
}

.meeting-title[_ngcontent-ng-c3275247815] .title[_ngcontent-ng-c3275247815] {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.meeting-title[_ngcontent-ng-c3275247815] .title[_ngcontent-ng-c3275247815] .venue-title[_ngcontent-ng-c3275247815] {
    font-size: 1.5rem;
    font-weight: 500;
    color: #1e1e1e
}

.meeting-title[_ngcontent-ng-c3275247815] .title[_ngcontent-ng-c3275247815] .state-title[_ngcontent-ng-c3275247815] {
    font-size: 1rem;
    font-weight: 500;
    color: #8e8e8e
}

.expanded-race-title[_ngcontent-ng-c3275247815] {
    display: flex;
    gap: 5px;
    padding: 10px 12px 5px 10px;
    height: 25px;
    font-size: 1.2rem;
    font-weight: 400;
    color: #606060
}

.expanded-race-title[_ngcontent-ng-c3275247815] .runner-title[_ngcontent-ng-c3275247815] {
    flex: 1 0 10px
}

.expanded-race-title[_ngcontent-ng-c3275247815] .price-title[_ngcontent-ng-c3275247815] {
    flex: 0 0 108px;
    display: flex;
    gap: 6px
}

.expanded-race-title[_ngcontent-ng-c3275247815] .price-title[_ngcontent-ng-c3275247815] span[_ngcontent-ng-c3275247815] {
    flex: 1;
    text-align: center
}

.expanded-race-content[_ngcontent-ng-c3275247815] .runner-container[_ngcontent-ng-c3275247815] {
    padding: 10px
}

.expanded-race-content[_ngcontent-ng-c3275247815] .runner-container[_ngcontent-ng-c3275247815]:not(:last-child) {
    border-bottom: 1px solid #cacaca
}

.header-rows[_ngcontent-ng-c3275247815] {
    display: grid;
    gap: 10px 20px;
    margin-bottom: 12px;
    grid-template-columns: repeat(2, 1fr)
}

@media only screen and (min-width: 1024px) {
    .header-rows[_ngcontent-ng-c3275247815] {
        grid-template-columns: repeat(4, 1fr)
    }
}

.header-rows[_ngcontent-ng-c3275247815] .runner-price-titles[_ngcontent-ng-c3275247815] {
    display: flex;
    padding-left: 14px;
    font-size: 1.2rem;
    font-weight: 400;
    color: #606060
}

.header-rows[_ngcontent-ng-c3275247815] .runner-price-titles[_ngcontent-ng-c3275247815] .prices[_ngcontent-ng-c3275247815] {
    display: flex;
    gap: 10px;
    width: 108px;
    margin-right: 10px
}

.header-rows[_ngcontent-ng-c3275247815] .runner-price-titles[_ngcontent-ng-c3275247815] .prices[_ngcontent-ng-c3275247815] div[_ngcontent-ng-c3275247815] {
    display: flex;
    flex: 1 0 0;
    align-items: center;
    justify-content: center
}

.header-rows[_ngcontent-ng-c3275247815] .runner-price-titles[_ngcontent-ng-c3275247815]:nth-child(n+3) {
    display: none
}

@media only screen and (min-width: 1024px) {
    .header-rows[_ngcontent-ng-c3275247815] .runner-price-titles[_ngcontent-ng-c3275247815]:nth-child(n+3) {
        display: flex
    }
}

.mobile-loader[_ngcontent-ng-c3275247815] {
    text-align: center;
    display: block
}

@media only screen and (min-width: 768px) {
    .mobile-loader[_ngcontent-ng-c3275247815] {
        display: none
    }
}


[_nghost-ng-c2898351763] {
    height: 36px;
    display: flex
}

.sport-display[_nghost-ng-c2898351763] button[_ngcontent-ng-c2898351763] {
    background-color: #0eb25e;
    color: #fbfbfb
}

.race-display[_nghost-ng-c2898351763] button[_ngcontent-ng-c2898351763] {
    background-color: #1573d5;
    color: #fbfbfb
}

button[_ngcontent-ng-c2898351763] {
    font-size: 1.4rem;
    font-weight: 600;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    padding: 3px 20px;
    text-align: center;
    cursor: pointer
}


[_nghost-ng-c3355469609] {
    display: block;
    position: relative
}

.ngurtl[_nghost-ng-c3355469609] {
    direction: rtl
}

.ngucarousel[_ngcontent-ng-c3355469609] {
    position: relative;
    overflow: hidden;
    height: 100%
}

.ngucarousel[_ngcontent-ng-c3355469609] .ngucarousel-items[_ngcontent-ng-c3355469609] {
    position: relative;
    display: flex;
    height: 100%
}

.ngu-container[_ngcontent-ng-c3355469609] {
    overflow: hidden
}

.nguvertical[_ngcontent-ng-c3355469609] {
    flex-direction: column
}

.banner[_ngcontent-ng-c3355469609] .ngucarouselPointDefault[_ngcontent-ng-c3355469609] .ngucarouselPoint[_ngcontent-ng-c3355469609] {
    position: absolute;
    width: 100%;
    bottom: 20px
}

.banner[_ngcontent-ng-c3355469609] .ngucarouselPointDefault[_ngcontent-ng-c3355469609] .ngucarouselPoint[_ngcontent-ng-c3355469609] li[_ngcontent-ng-c3355469609] {
    background: #ffffff8c
}

.banner[_ngcontent-ng-c3355469609] .ngucarouselPointDefault[_ngcontent-ng-c3355469609] .ngucarouselPoint[_ngcontent-ng-c3355469609] li.active[_ngcontent-ng-c3355469609] {
    background: #fff
}

.banner[_ngcontent-ng-c3355469609] .ngucarouselPointDefault[_ngcontent-ng-c3355469609] .ngucarouselPoint[_ngcontent-ng-c3355469609] li[_ngcontent-ng-c3355469609]:hover {
    cursor: pointer
}

.ngucarouselPointDefault[_ngcontent-ng-c3355469609] .ngucarouselPoint[_ngcontent-ng-c3355469609] {
    list-style-type: none;
    text-align: center;
    padding: 12px;
    margin: 0;
    white-space: nowrap;
    overflow: auto;
    box-sizing: border-box
}

.ngucarouselPointDefault[_ngcontent-ng-c3355469609] .ngucarouselPoint[_ngcontent-ng-c3355469609] li[_ngcontent-ng-c3355469609] {
    display: inline-block;
    border-radius: 50%;
    background: #0000008c;
    padding: 4px;
    margin: 0 4px;
    transition-timing-function: cubic-bezier(.17, .67, .83, .67);
    transition: .4s
}

.ngucarouselPointDefault[_ngcontent-ng-c3355469609] .ngucarouselPoint[_ngcontent-ng-c3355469609] li.active[_ngcontent-ng-c3355469609] {
    background: #6b6b6b;
    transform: scale(1.8)
}

.ngucarouselPointDefault[_ngcontent-ng-c3355469609] .ngucarouselPoint[_ngcontent-ng-c3355469609] li[_ngcontent-ng-c3355469609]:hover {
    cursor: pointer
}

.nguclearFix[_ngcontent-ng-c3355469609] {
    clear: both
}


.rg-message[_ngcontent-ng-c4254455305] {
    font-size: 1rem;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5rem;
    text-align: center;
    padding: 8px 18px;
    border: 1px solid #dddddd;
    background-color: #fff;
    border-radius: 2px
}

@media only screen and (min-width: 1024px) {
    .rg-message--align-left[_ngcontent-ng-c4254455305] {
        display: inline-block;
        text-align: left
    }
}

.large-font[_nghost-ng-c4254455305] .rg-message[_ngcontent-ng-c4254455305] {
    font-size: 1.2rem
}

.account-detail-responsible-gambling[_nghost-ng-c4254455305] {
    box-shadow: 0 0 12px #00000014
}

.account-detail-responsible-gambling[_nghost-ng-c4254455305] .rg-message[_ngcontent-ng-c4254455305] {
    padding: 20px;
    background: none;
    border-color: #cacaca;
    border-radius: 10px;
    background-color: #fff
}

.account-detail-responsible-gambling[_nghost-ng-c4254455305] .rg-message[_ngcontent-ng-c4254455305] div[_ngcontent-ng-c4254455305] {
    display: flex;
    flex-direction: column;
    gap: 10px
}


.expand-icon[_ngcontent-ng-c2722794143] {
    color: #fff;
    display: flex;
    align-items: center;
    height: 60px
}

.expand-icon[_ngcontent-ng-c2722794143] mat-icon[_ngcontent-ng-c2722794143] {
    width: 20px;
    height: 20px
}

@media only screen and (min-width: 768px) {
    .expand-icon[_ngcontent-ng-c2722794143] mat-icon[_ngcontent-ng-c2722794143] {
        width: 22px;
        height: 14px
    }
}

@media only screen and (min-width: 768px) {
    .expand-icon[_ngcontent-ng-c2722794143] {
        background-color: #1d2e5a;
        height: 53px;
        width: 54px;
        justify-content: center;
        cursor: pointer;
        margin-left: 25px
    }

    .expand-icon.active[_ngcontent-ng-c2722794143] {
        background-color: #596da6
    }
}

@media only screen and (min-width: 1366px) {
    .expand-icon[_ngcontent-ng-c2722794143] {
        margin-left: 0
    }
}

.expand-icon[_ngcontent-ng-c2722794143] .desktop[_ngcontent-ng-c2722794143] {
    display: none
}

@media only screen and (min-width: 768px) {
    .expand-icon[_ngcontent-ng-c2722794143] .desktop[_ngcontent-ng-c2722794143] {
        display: block
    }
}

.expand-icon[_ngcontent-ng-c2722794143] .mobile[_ngcontent-ng-c2722794143] {
    display: block
}

@media only screen and (min-width: 768px) {
    .expand-icon[_ngcontent-ng-c2722794143] .mobile[_ngcontent-ng-c2722794143] {
        display: none
    }
}


.wrapper[_ngcontent-ng-c2762436820] {
    color: #fff;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    width: 100%
}

.expandable-area[_ngcontent-ng-c2762436820] {
    padding-top: 3px;
    background-color: #2c437e;
    top: 53px;
    left: 0;
    z-index: 999;
    width: 300px;
    min-height: 46px;
    position: absolute;
    border-radius: 0 0 10px 10px;
    padding-bottom: 10px;
    box-shadow: 0 5px 10px #0000004d;
    max-height: calc(100vh - 167px);
    overflow-y: auto
}

.main-menu-items[_ngcontent-ng-c2762436820] {
    display: flex;
    flex: 1;
    justify-content: flex-start;
    margin-left: 10px;
    gap: 10px;
    overflow-x: auto
}

.main-menu-items[_ngcontent-ng-c2762436820] app-menu-item[_ngcontent-ng-c2762436820] {
    height: 53px
}

.expandable-area[_ngcontent-ng-c2762436820] app-menu-item[_ngcontent-ng-c2762436820] {
    flex-direction: column
}

.expandable-area[_ngcontent-ng-c2762436820] .menu-section[_ngcontent-ng-c2762436820]:nth-child(2) .divider[_ngcontent-ng-c2762436820] {
    margin-bottom: 2px
}

.expandable-area[_ngcontent-ng-c2762436820] .menu-section[_ngcontent-ng-c2762436820]:nth-child(3) .divider[_ngcontent-ng-c2762436820] {
    margin: 2px 0
}

.divider[_ngcontent-ng-c2762436820] {
    height: 1px;
    width: 100%;
    background-color: #596da6;
    margin: 3px 0
}

.version-container[_ngcontent-ng-c2762436820] {
    font-size: 1.4rem;
    font-weight: 400;
    padding: 8px 15px
}


.expandable-area[_ngcontent-ng-c2762436820] {
    color: #fff;
    top: 60px
}

@media only screen and (min-width: 768px) {
    .expandable-area.homepage-header[_ngcontent-ng-c2762436820] .fixture-search[_ngcontent-ng-c2762436820] {
        display: none
    }
}

@media only screen and (min-width: 768px) {
    .expandable-area.homepage-header[_ngcontent-ng-c2762436820] {
        top: 53px
    }
}

@media only screen and (min-width: 1024px) {
    .expandable-area[_ngcontent-ng-c2762436820] {
        top: 53px
    }
}

.fixture-search[_ngcontent-ng-c2762436820] {
    display: block
}

@media only screen and (min-width: 1024px) {
    .fixture-search[_ngcontent-ng-c2762436820] {
        display: none
    }
}


.wrapper[_ngcontent-ng-c2388816322] {
    color: #fff;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    width: 100%
}

.expandable-area[_ngcontent-ng-c2388816322] {
    padding-top: 3px;
    background-color: #2c437e;
    top: 53px;
    left: 0;
    z-index: 999;
    width: 300px;
    min-height: 46px;
    position: absolute;
    border-radius: 0 0 10px 10px;
    padding-bottom: 10px;
    box-shadow: 0 5px 10px #0000004d;
    max-height: calc(100vh - 167px);
    overflow-y: auto
}

.main-menu-items[_ngcontent-ng-c2388816322] {
    display: flex;
    flex: 1;
    justify-content: flex-start;
    margin-left: 10px;
    gap: 10px;
    overflow-x: auto
}

.main-menu-items[_ngcontent-ng-c2388816322] app-menu-item[_ngcontent-ng-c2388816322] {
    height: 53px
}

.expandable-area[_ngcontent-ng-c2388816322] app-menu-item[_ngcontent-ng-c2388816322] {
    flex-direction: column
}

.expandable-area[_ngcontent-ng-c2388816322] .menu-section[_ngcontent-ng-c2388816322]:nth-child(2) .divider[_ngcontent-ng-c2388816322] {
    margin-bottom: 2px
}

.expandable-area[_ngcontent-ng-c2388816322] .menu-section[_ngcontent-ng-c2388816322]:nth-child(3) .divider[_ngcontent-ng-c2388816322] {
    margin: 2px 0
}

.divider[_ngcontent-ng-c2388816322] {
    height: 1px;
    width: 100%;
    background-color: #596da6;
    margin: 3px 0
}

.version-container[_ngcontent-ng-c2388816322] {
    font-size: 1.4rem;
    font-weight: 400;
    padding: 8px 15px
}


[_nghost-ng-c328788182] {
    flex: 1 0 0
}

.empty-betslip[_ngcontent-ng-c328788182] {
    justify-content: center;
    align-items: center;
    margin: auto;
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: stretch;
    background: #f6f6f6
}

.empty-betslip[_ngcontent-ng-c328788182] .empty-content[_ngcontent-ng-c328788182] {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.empty-betslip[_ngcontent-ng-c328788182] .bottom[_ngcontent-ng-c328788182] {
    flex-shrink: 0;
    margin-bottom: 1.5rem;
    text-align: center
}

.empty-betslip[_ngcontent-ng-c328788182] .svg-icon[_ngcontent-ng-c328788182] {
    color: #bababa;
    width: 130pt;
    height: 130pt
}

.empty-betslip[_ngcontent-ng-c328788182] .empty-text-1[_ngcontent-ng-c328788182] {
    color: #484848;
    font-size: 1.6rem
}

.empty-betslip[_ngcontent-ng-c328788182] .empty-text-2[_ngcontent-ng-c328788182] {
    color: #777;
    font-size: 1.2rem;
    font-weight: 300;
    padding: 1.6rem
}

.empty-betslip[_ngcontent-ng-c328788182] .empty-text-3[_ngcontent-ng-c328788182] {
    color: #999;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.36;
    padding: 0px 1.5rem
}


.dd-select {
    border-radius: 2px;
    border: solid 1px #ccc;
    position: relative;
    cursor: pointer;
}

.dd-desc {
    color: #aaa;
    display: block;
    overflow: hidden;
    font-weight: normal;
    line-height: 1.4em;
}

.dd-selected {
    overflow: hidden;
    display: block;
    padding: 10px;
    font-weight: bold;
}

.dd-pointer {
    width: 0;
    height: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px;
}

.dd-pointer-down {
    border: solid 5px transparent;
    border-top: solid 5px #000;
}

.dd-pointer-up {
    border: solid 5px transparent !important;
    border-bottom: solid 5px #000 !important;
    margin-top: -8px;
}

.dd-options {
    border: solid 1px #ccc;
    border-top: none;
    list-style: none;
    box-shadow: 0px 1px 5px #ddd;
    display: none;
    position: absolute;
    z-index: 2000;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: auto;
}

.dd-option {
    padding: 10px;
    display: block;
    border-bottom: solid 1px #ddd;
    overflow: hidden;
    text-decoration: none;
    color: #333;
    cursor: pointer;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
}

.dd-options>li:last-child>.dd-option {
    border-bottom: none;
}

.dd-option:hover {
    background: #f3f3f3;
    color: #000;
}

.dd-selected-description-truncated {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dd-option-selected {
    background: #f6f6f6;
}

.dd-option-image,
.dd-selected-image {
    vertical-align: middle;
    float: left;
    margin-right: 5px;
    max-width: 64px;
}

.dd-image-right {
    float: right;
    margin-right: 15px;
    margin-left: 5px;
}

.dd-container {
    position: relative;
}

​ .dd-selected-text {
    font-weight: bold
}
    
        [_nghost-ng-c3670756827] {
            display: flex;
            cursor: pointer;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            box-sizing: border-box;
            background-color: #fff
        }

        [selected][_nghost-ng-c3670756827] .race-chip-number[_ngcontent-ng-c3670756827] {
            background-color: #606060
        }

        [_nghost-ng-c3670756827] .race-title[_ngcontent-ng-c3670756827] {
            display: flex;
            align-items: flex-start;
            justify-content: center;
            text-align: center;
            height: 25px;
            width: 55px;
            padding: 0 3px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: normal
        }

        [_nghost-ng-c3670756827] .race-chip-number[_ngcontent-ng-c3670756827] {
            background-color: #8e8e8e;
            color: #fff;
            padding: 0 4px;
            height: 14px;
            border-radius: 7px;
            margin-top: 3px;
            display: flex;
            justify-content: center;
            align-items: center
        }

        [_nghost-ng-c3670756827] .mobile-design[_ngcontent-ng-c3670756827] app-timer-chips[_ngcontent-ng-c3670756827] {
            margin-top: 5px
        }

        @media only screen and (min-width: 768px) {
            [_nghost-ng-c3670756827] {
                align-items: stretch;
                padding: 0 10px;
                border: 1px solid #dddddd;
                border-radius: 3px;
                width: 213px;
                height: 62px;
                flex: 0 0 auto
            }

            [selected][_nghost-ng-c3670756827] {
                border: none;
                background-color: #d5e9ff
            }

            [_nghost-ng-c3670756827] h3[_ngcontent-ng-c3670756827] {
                margin: 0;
                display: flex;
                gap: 3px;
                align-items: center;
                font-size: 1.4rem;
                font-weight: 500;
                color: #1573d5
            }

            [_nghost-ng-c3670756827] h3[_ngcontent-ng-c3670756827] mat-icon[_ngcontent-ng-c3670756827] {
                background-color: #fff;
                border: none;
                color: #1573d5;
                border-radius: 50%;
                height: 20px;
                width: 20px
            }

            [_nghost-ng-c3670756827] h3[_ngcontent-ng-c3670756827] .title[_ngcontent-ng-c3670756827] {
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis
            }

            [_nghost-ng-c3670756827] .info-container[_ngcontent-ng-c3670756827] {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-top: 10px
            }

            [_nghost-ng-c3670756827] .info-container[_ngcontent-ng-c3670756827] .race-number[_ngcontent-ng-c3670756827] {
                font-size: 1.2rem;
                font-weight: 700;
                color: #1e1e1e
            }
        }

        @media only screen and (min-width: 768px) {
            .compact[_nghost-ng-c3670756827] {
                width: 162px
            }
        }
    
    
        .timer-chips-container[_ngcontent-ng-c3827981140] {
            font-size: 1rem;
            font-weight: 700;
            width: 67px;
            height: 15px;
            border-radius: 8px;
            overflow: hidden
        }

        .timer-chips-container.dark-theme[_ngcontent-ng-c3827981140]>div[_ngcontent-ng-c3827981140] {
            background-color: #484848;
            color: #fbfbfb
        }

        .timer-chips-container.dark-theme[_ngcontent-ng-c3827981140]>div.closing[_ngcontent-ng-c3827981140],
        .timer-chips-container.dark-theme[_ngcontent-ng-c3827981140]>div.starting[_ngcontent-ng-c3827981140] {
            color: #fff
        }

        .timer-chips-container[_ngcontent-ng-c3827981140]>div[_ngcontent-ng-c3827981140] {
            display: flex;
            width: 100%;
            height: 100%;
            justify-content: center;
            align-items: center;
            flex-shrink: 0;
            background-color: #fff;
            color: #1e1e1e
        }

        .timer-chips-container[_ngcontent-ng-c3827981140]>div.closing[_ngcontent-ng-c3827981140],
        .timer-chips-container[_ngcontent-ng-c3827981140]>div.starting[_ngcontent-ng-c3827981140] {
            color: #fbfbfb
        }

        .timer-chips-container[_ngcontent-ng-c3827981140]>div.closing[_ngcontent-ng-c3827981140] {
            background-color: #fe6d2a
        }

        .timer-chips-container[_ngcontent-ng-c3827981140]>div.starting[_ngcontent-ng-c3827981140] {
            background-color: #e70000
        }

        .timer-chips-container[_ngcontent-ng-c3827981140]>div.starting.starting-in-minutes[_ngcontent-ng-c3827981140] {
            background-color: #606060
        }

        .fat[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140] {
            font-size: 1.2rem;
            font-weight: 700;
            width: 55px;
            height: 24px;
            min-width: unset;
            border-radius: 12px
        }

        .fat.outline[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]>div[_ngcontent-ng-c3827981140] {
            border-radius: 12px
        }

        .outline[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140] {
            overflow: unset
        }

        .outline[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]>div[_ngcontent-ng-c3827981140] {
            background-color: #fff;
            color: #606060;
            border: 1px solid #606060;
            border-radius: 8px
        }

        .outline[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]>div.closing[_ngcontent-ng-c3827981140] {
            color: #fe6d2a;
            border-color: #fe6d2a
        }

        .outline[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]>div.starting[_ngcontent-ng-c3827981140] {
            color: #e70000;
            border-color: #e70000
        }

        .outline[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]>div.starting.starting-in-minutes[_ngcontent-ng-c3827981140] {
            color: #606060;
            border-color: #606060
        }

        .cell-timer[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140] {
            width: fit-content;
            max-width: 67px
        }

        .cell-timer[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]>div[_ngcontent-ng-c3827981140] {
            width: 67px
        }

        .cell-timer[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]>div.future-starting[_ngcontent-ng-c3827981140],
        .cell-timer[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]>div.starting-in-hours[_ngcontent-ng-c3827981140] {
            width: fit-content;
            background-color: transparent;
            font-size: 1.4rem;
            font-weight: 400
        }

        .mobile-ntj-timer[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140] {
            width: fit-content;
            max-width: 67px
        }

        .mobile-ntj-timer[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]>div[_ngcontent-ng-c3827981140] {
            width: 67px
        }

        .mobile-ntj-timer[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]>div.future-starting[_ngcontent-ng-c3827981140],
        .mobile-ntj-timer[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]>div.starting-in-hours[_ngcontent-ng-c3827981140] {
            width: fit-content;
            background-color: transparent;
            font-size: 1.2rem;
            font-weight: 400;
            color: #484848
        }

        app-featured-sports-event[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140],
        app-featured-sports-event [_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140],
        app-my-stable-widget-runner[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140],
        app-my-stable-widget-runner [_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140] {
            min-width: 67px;
            width: auto
        }

        app-featured-sports-event[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]>div[_ngcontent-ng-c3827981140],
        app-featured-sports-event [_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]>div[_ngcontent-ng-c3827981140],
        app-my-stable-widget-runner[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]>div[_ngcontent-ng-c3827981140],
        app-my-stable-widget-runner [_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]>div[_ngcontent-ng-c3827981140] {
            padding: 0 5px
        }

        app-featured-sports-event[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]>div.future-starting[_ngcontent-ng-c3827981140],
        app-featured-sports-event [_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]>div.future-starting[_ngcontent-ng-c3827981140],
        app-my-stable-widget-runner[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]>div.future-starting[_ngcontent-ng-c3827981140],
        app-my-stable-widget-runner [_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]>div.future-starting[_ngcontent-ng-c3827981140],
        app-featured-sports-event[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]>div.starting-in-hours[_ngcontent-ng-c3827981140],
        app-featured-sports-event [_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]>div.starting-in-hours[_ngcontent-ng-c3827981140],
        app-my-stable-widget-runner[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]>div.starting-in-hours[_ngcontent-ng-c3827981140],
        app-my-stable-widget-runner [_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]>div.starting-in-hours[_ngcontent-ng-c3827981140] {
            width: fit-content;
            background-color: transparent;
            font-size: 1rem;
            font-weight: 700;
            color: #fff
        }

        app-my-stable-widget-runner[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140],
        app-my-stable-widget-runner [_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140] {
            min-width: 50px
        }

        app-super-ntp[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140],
        app-super-ntp [_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140] {
            min-width: 67px;
            width: auto
        }

        app-super-ntp[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]>div[_ngcontent-ng-c3827981140],
        app-super-ntp [_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]>div[_ngcontent-ng-c3827981140] {
            padding: 0 5px
        }

        app-sports-next-to-play[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140],
        app-sports-next-to-play [_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140] {
            width: 50px
        }

        app-racing-next-to-jump[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]:has(.future-starting),
        app-racing-next-to-jump [_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]:has(.future-starting),
        app-racing-ntj-mobile[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]:has(.future-starting),
        app-racing-ntj-mobile [_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]:has(.future-starting),
        app-racing-next-to-jump[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]:has(.starting-in-hours),
        app-racing-next-to-jump [_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]:has(.starting-in-hours),
        app-racing-ntj-mobile[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]:has(.starting-in-hours),
        app-racing-ntj-mobile [_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]:has(.starting-in-hours) {
            min-width: 67px;
            width: fit-content;
            max-width: 120px;
            text-align: -webkit-right
        }

        app-sports-next-to-play app-sports-ntp-mobile[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140],
        app-sports-next-to-play app-sports-ntp-mobile [_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140] {
            width: fit-content;
            max-width: 67px
        }

        app-sports-next-to-play app-sports-ntp-mobile[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]>div[_ngcontent-ng-c3827981140],
        app-sports-next-to-play app-sports-ntp-mobile [_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]>div[_ngcontent-ng-c3827981140] {
            width: 67px
        }

        app-sports-next-to-play app-sports-ntp-mobile[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]>div.future-starting[_ngcontent-ng-c3827981140],
        app-sports-next-to-play app-sports-ntp-mobile [_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]>div.future-starting[_ngcontent-ng-c3827981140],
        app-sports-next-to-play app-sports-ntp-mobile[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]>div.starting-in-hours[_ngcontent-ng-c3827981140],
        app-sports-next-to-play app-sports-ntp-mobile [_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]>div.starting-in-hours[_ngcontent-ng-c3827981140] {
            width: fit-content;
            background-color: transparent;
            font-size: 1.2rem;
            font-weight: 400;
            color: #484848
        }

        app-sports-next-to-play app-sports-ntp-mobile .ntp-disclosure-container [_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140] {
            max-width: 50px
        }

        app-sports-next-to-play app-sports-ntp-mobile .ntp-disclosure-container [_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140]>div[_ngcontent-ng-c3827981140] {
            width: 50px
        }

        app-sport-match-item[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140],
        app-sport-match-item [_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140],
        app-sports-multi-builder-match[_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140],
        app-sports-multi-builder-match [_nghost-ng-c3827981140] .timer-chips-container[_ngcontent-ng-c3827981140] {
            min-width: 50px;
            width: auto
        }

        app-sport-match-item[_nghost-ng-c3827981140] .timer-chips-container.dark-theme[_ngcontent-ng-c3827981140]>div[_ngcontent-ng-c3827981140],
        app-sport-match-item [_nghost-ng-c3827981140] .timer-chips-container.dark-theme[_ngcontent-ng-c3827981140]>div[_ngcontent-ng-c3827981140],
        app-sports-multi-builder-match[_nghost-ng-c3827981140] .timer-chips-container.dark-theme[_ngcontent-ng-c3827981140]>div[_ngcontent-ng-c3827981140],
        app-sports-multi-builder-match [_nghost-ng-c3827981140] .timer-chips-container.dark-theme[_ngcontent-ng-c3827981140]>div[_ngcontent-ng-c3827981140] {
            background-color: #606060
        }

        app-sport-match-item[_nghost-ng-c3827981140] .starting-in-days[_ngcontent-ng-c3827981140],
        app-sport-match-item [_nghost-ng-c3827981140] .starting-in-days[_ngcontent-ng-c3827981140],
        app-sports-multi-builder-match[_nghost-ng-c3827981140] .starting-in-days[_ngcontent-ng-c3827981140],
        app-sports-multi-builder-match [_nghost-ng-c3827981140] .starting-in-days[_ngcontent-ng-c3827981140] {
            padding: 0 5px
        }
    
    
        .container[_ngcontent-ng-c2407502852] {
            border: 1px solid #1573d5;
            border-radius: 5px;
            width: 280px;
            height: 50px;
            padding: 10px 0 10px 10px;
            cursor: pointer
        }

        .container[_ngcontent-ng-c2407502852] .link[_ngcontent-ng-c2407502852] {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            width: 100%
        }

        .container.sport[_ngcontent-ng-c2407502852] {
            border: 1px solid #0eb25e;
            display: flex;
            justify-content: space-between
        }

        .container.sport[_ngcontent-ng-c2407502852] .link[_ngcontent-ng-c2407502852] {
            margin-right: 3px
        }

        .container.sport[_ngcontent-ng-c2407502852] .svg-icon[_ngcontent-ng-c2407502852] {
            color: #0eb25e;
            background-color: #fff
        }

        .container.sport.sport-border[_ngcontent-ng-c2407502852] {
            border: none;
            border-bottom: 5px solid #0eb25e;
            background-size: cover
        }

        @media only screen and (max-width: 767px) {
            .container.sport.sport-border[_ngcontent-ng-c2407502852] {
                min-width: 280px
            }
        }

        .container[_ngcontent-ng-c2407502852] .text[_ngcontent-ng-c2407502852] {
            text-overflow: ellipsis;
            overflow: hidden;
            max-width: 270px;
            white-space: nowrap
        }

        .container[_ngcontent-ng-c2407502852] .text.title[_ngcontent-ng-c2407502852] {
            font-size: 1.2rem;
            font-weight: 500;
            color: #1e1e1e;
            width: 100%
        }

        @media only screen and (min-width: 768px) {
            .container[_ngcontent-ng-c2407502852] .text.title[_ngcontent-ng-c2407502852] {
                max-width: 278px;
                text-overflow: ellipsis
            }
        }

        @media only screen and (min-width: 1024px) {
            .container[_ngcontent-ng-c2407502852] .text.title[_ngcontent-ng-c2407502852] {
                max-width: none
            }
        }

        .container[_ngcontent-ng-c2407502852] .text.title.sport-title[_ngcontent-ng-c2407502852] {
            font-size: 1.8rem;
            font-weight: 500;
            color: #fff
        }

        .container[_ngcontent-ng-c2407502852] .text.title.league-title[_ngcontent-ng-c2407502852] {
            font-size: 1.4rem;
            font-weight: 400;
            color: #1e1e1e
        }

        .container[_ngcontent-ng-c2407502852] .text.subtitle[_ngcontent-ng-c2407502852] {
            font-size: 1rem;
            font-weight: 500;
            color: #606060;
            margin-top: 2px
        }

        .container[_ngcontent-ng-c2407502852] .svg-icon[_ngcontent-ng-c2407502852] {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            color: #1573d5;
            flex-shrink: 0;
            overflow: hidden;
            margin-right: 4px;
            background-color: #fff
        }

        .container[_ngcontent-ng-c2407502852] .right-arrow[_ngcontent-ng-c2407502852] {
            border-radius: 0;
            margin-right: 0;
            background-color: #fff;
            color: #1573d5;
            margin-left: auto
        }

        .container[_ngcontent-ng-c2407502852] .favorite-button[_ngcontent-ng-c2407502852] {
            margin-left: auto
        }

        @media only screen and (min-width: 768px) {
            .container[_ngcontent-ng-c2407502852] {
                width: 100%
            }
        }

        @media only screen and (min-width: 1366px) {
            .container[_ngcontent-ng-c2407502852] {
                width: 316px
            }
        }
     
    
        [_nghost-ng-c3897533391] {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            overflow: visible
        }

        .menu-container[_ngcontent-ng-c3897533391] {
            font-size: 1.6rem;
            font-weight: 400;
            width: 100%;
            background-color: #2c437e;
            line-height: normal;
            letter-spacing: .32px;
            padding: 8px 15px;
            cursor: pointer;
            display: block;
            box-sizing: border-box
        }

        .menu-container.is-sub-menu[_ngcontent-ng-c3897533391] {
            background-color: #596da6
        }

        .menu-container.is-navigation-bar-display[_ngcontent-ng-c3897533391] {
            background-color: unset;
            height: 100%;
            padding: 11.5px 15px
        }

        .menu-container.is-navigation-bar-display.selected[_ngcontent-ng-c3897533391] {
            background-color: #1d2e5a
        }

        .menu-container.is-info-menu-item[_ngcontent-ng-c3897533391] {
            font-size: 1.4rem;
            font-weight: 400;
            line-height: normal;
            letter-spacing: .28px
        }

        .menu-container.is-info-menu-item[_ngcontent-ng-c3897533391] .icon-content[_ngcontent-ng-c3897533391],
        .menu-container.is-info-menu-item[_ngcontent-ng-c3897533391] .menu-right[_ngcontent-ng-c3897533391] {
            display: none
        }

        .menu-container.is-info-menu-item[_ngcontent-ng-c3897533391] .menu-content[_ngcontent-ng-c3897533391] {
            height: auto
        }

        .menu-content[_ngcontent-ng-c3897533391] {
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: space-between
        }

        .menu-badge[_ngcontent-ng-c3897533391] {
            font-size: 1.4rem;
            font-weight: 500;
            display: flex;
            width: 26px;
            height: 20px;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 10px;
            flex-shrink: 0;
            border-radius: 99px;
            text-align: center;
            line-height: normal;
            letter-spacing: .28px
        }

        .menu-badge.highlighted[_ngcontent-ng-c3897533391] {
            color: #fff;
            background: #fe6d2a
        }

        .menu-left[_ngcontent-ng-c3897533391] {
            display: flex;
            align-items: center;
            gap: 10px;
            max-width: 100%;
            overflow: visible
        }

        .menu-right[_ngcontent-ng-c3897533391] {
            display: flex;
            align-items: center
        }

        .menu-expand-icon[_ngcontent-ng-c3897533391],
        app-favorite-button[_ngcontent-ng-c3897533391] {
            cursor: pointer
        }

        .sub-menu-container[_ngcontent-ng-c3897533391] {
            width: 100%;
            display: flex;
            flex-direction: column
        }

        .sub-menu-container[_ngcontent-ng-c3897533391] app-menu-item[_ngcontent-ng-c3897533391]:not(:last-child) {
            border-bottom: 1px solid #2c437e
        }

        .icon-content[_ngcontent-ng-c3897533391] {
            width: 30px;
            height: 30px;
            flex-shrink: 0;
            border-radius: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #fff;
            color: #2c437e
        }

        .icon-content[_ngcontent-ng-c3897533391] .initial-icon[_ngcontent-ng-c3897533391] {
            font-size: 1.6rem;
            font-weight: 700
        }

        .icon-content[_ngcontent-ng-c3897533391] .svg-icon[_ngcontent-ng-c3897533391] {
            width: 100%;
            height: 100%
        }

        .category-title[_ngcontent-ng-c3897533391] {
            font-size: 1.2rem;
            font-weight: 400;
            line-height: normal;
            letter-spacing: .24px;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            color: #fff;
            background-color: #425892;
            padding: 5px 17px
        }

        .menu-title[_ngcontent-ng-c3897533391] {
            text-wrap: nowrap;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .icon-content.winners-circle-container[_ngcontent-ng-c3897533391] {
            position: relative;
            background-color: transparent;
            overflow: visible
        }

        .icon-content.winners-circle-container[_ngcontent-ng-c3897533391] .winners-circle-badge[_ngcontent-ng-c3897533391] {
            position: absolute;
            top: -3.5px;
            right: -6px;
            width: 15px;
            height: 15px;
            box-sizing: border-box;
            background: #fe6d2a;
            border-radius: 50%;
            font-family: Roboto, Helvetica Neue, sans-serif;
            font-size: .9rem;
            font-weight: 700;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center
        }
    
    
        .meetings-container[_ngcontent-ng-c82628666] {
            display: flex;
            padding: 10px 0 0 1px
        }

        .meetings-container[_ngcontent-ng-c82628666] .meetings-titles[_ngcontent-ng-c82628666] {
            display: flex;
            flex: 0 0 153px;
            padding-right: 20px;
            flex-direction: column;
            padding-top: 36px
        }

        .meetings-container[_ngcontent-ng-c82628666] .meetings-titles[_ngcontent-ng-c82628666] .meeting-title[_ngcontent-ng-c82628666] {
            display: flex;
            align-items: center;
            height: 50px;
            gap: 10px
        }

        .meetings-container[_ngcontent-ng-c82628666] .meetings-titles[_ngcontent-ng-c82628666] .meeting-title[_ngcontent-ng-c82628666] .icon[_ngcontent-ng-c82628666] {
            border-radius: 50%;
            color: #1573d5;
            height: 30px;
            background-color: #fff
        }

        .meetings-container[_ngcontent-ng-c82628666] .meetings-titles[_ngcontent-ng-c82628666] .meeting-title[_ngcontent-ng-c82628666] .icon[_ngcontent-ng-c82628666] mat-icon[_ngcontent-ng-c82628666] {
            width: 30px;
            height: 30px
        }

        .meetings-container[_ngcontent-ng-c82628666] .meetings-titles[_ngcontent-ng-c82628666] .meeting-title[_ngcontent-ng-c82628666] .title[_ngcontent-ng-c82628666] {
            display: flex;
            flex-direction: column;
            gap: 2px
        }

        .meetings-container[_ngcontent-ng-c82628666] .meetings-titles[_ngcontent-ng-c82628666] .meeting-title[_ngcontent-ng-c82628666] .title[_ngcontent-ng-c82628666] .venue-title[_ngcontent-ng-c82628666] {
            font-size: 1.5rem;
            font-weight: 500;
            color: #1e1e1e
        }

        .meetings-container[_ngcontent-ng-c82628666] .meetings-titles[_ngcontent-ng-c82628666] .meeting-title[_ngcontent-ng-c82628666] .title[_ngcontent-ng-c82628666] .state-title[_ngcontent-ng-c82628666] {
            font-size: 1rem;
            font-weight: 500;
            color: #8e8e8e
        }

        .meetings-container[_ngcontent-ng-c82628666] .meetings-table-container[_ngcontent-ng-c82628666] {
            position: relative;
            width: calc(100% - 153px);
            border: 1px solid #8e8e8e;
            border-radius: 2px
        }

        .meetings-container[_ngcontent-ng-c82628666] .meetings-table-container[_ngcontent-ng-c82628666] .slider-button[_ngcontent-ng-c82628666] {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 35px;
            width: 16px;
            background-color: #fff;
            position: absolute;
            top: 0;
            color: #bababa
        }

        .meetings-container[_ngcontent-ng-c82628666] .meetings-table-container[_ngcontent-ng-c82628666] .slider-button[_ngcontent-ng-c82628666] mat-icon[_ngcontent-ng-c82628666] {
            width: 20px;
            height: 20px
        }

        .meetings-container[_ngcontent-ng-c82628666] .meetings-table-container[_ngcontent-ng-c82628666] .slider-button.left[_ngcontent-ng-c82628666] {
            left: 0;
            border-right: 1px solid #bababa
        }

        .meetings-container[_ngcontent-ng-c82628666] .meetings-table-container[_ngcontent-ng-c82628666] .slider-button.right[_ngcontent-ng-c82628666] {
            right: 0;
            border-left: 1px solid #bababa
        }

        .meetings-container[_ngcontent-ng-c82628666] .meetings-table-container[_ngcontent-ng-c82628666] .slider-button.active[_ngcontent-ng-c82628666] {
            cursor: pointer;
            border: none;
            background-color: #1573d5;
            color: #fff
        }

        .meetings-container[_ngcontent-ng-c82628666] .meeting-scroll-container[_ngcontent-ng-c82628666] {
            overflow: hidden
        }

        .meetings-container[_ngcontent-ng-c82628666] .meeting-scroll-container[_ngcontent-ng-c82628666] .meetings-table[_ngcontent-ng-c82628666] {
            width: fit-content;
            min-width: 100%
        }

        .meetings-container[_ngcontent-ng-c82628666] .meeting-scroll-container[_ngcontent-ng-c82628666] .meetings-table[_ngcontent-ng-c82628666] .table-row[_ngcontent-ng-c82628666] {
            display: flex;
            height: 50px
        }

        .meetings-container[_ngcontent-ng-c82628666] .meeting-scroll-container[_ngcontent-ng-c82628666] .meetings-table[_ngcontent-ng-c82628666] .table-row[_ngcontent-ng-c82628666]:first-child {
            height: 36px
        }

        .meetings-container[_ngcontent-ng-c82628666] .meeting-scroll-container[_ngcontent-ng-c82628666] .meetings-table[_ngcontent-ng-c82628666] .table-row[_ngcontent-ng-c82628666]:not(:last-child) {
            border-bottom: 1px solid #bababa
        }

        .meetings-container[_ngcontent-ng-c82628666] .meeting-scroll-container[_ngcontent-ng-c82628666] .meetings-table[_ngcontent-ng-c82628666] .table-row[_ngcontent-ng-c82628666] .race-cell[_ngcontent-ng-c82628666] {
            width: 97px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            box-sizing: border-box;
            flex: 1 0 97px
        }

        .meetings-container[_ngcontent-ng-c82628666] .meeting-scroll-container[_ngcontent-ng-c82628666] .meetings-table[_ngcontent-ng-c82628666] .table-row[_ngcontent-ng-c82628666] .race-cell[_ngcontent-ng-c82628666] .fixed-odds-indicator[_ngcontent-ng-c82628666] {
            width: 4px;
            height: 4px;
            border-radius: 50%;
            background-color: #cacaca;
            position: absolute;
            left: auto;
            bottom: 9.5px
        }

        .meetings-container[_ngcontent-ng-c82628666] .meeting-scroll-container[_ngcontent-ng-c82628666] .meetings-table[_ngcontent-ng-c82628666] .table-row[_ngcontent-ng-c82628666] .race-cell[_ngcontent-ng-c82628666] .race-rescue-container[_ngcontent-ng-c82628666] {
            position: absolute;
            top: 0;
            right: 0;
            width: 20px;
            height: 20px;
            background-color: #d5e9ff;
            border-radius: 0 0 0 3px;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .meetings-container[_ngcontent-ng-c82628666] .meeting-scroll-container[_ngcontent-ng-c82628666] .meetings-table[_ngcontent-ng-c82628666] .table-row[_ngcontent-ng-c82628666] .race-cell[_ngcontent-ng-c82628666] .race-rescue-container[_ngcontent-ng-c82628666] mat-icon[_ngcontent-ng-c82628666] {
            width: 15px;
            height: 15px;
            color: #1573d5
        }

        .meetings-container[_ngcontent-ng-c82628666] .meeting-scroll-container[_ngcontent-ng-c82628666] .meetings-table[_ngcontent-ng-c82628666] .table-row[_ngcontent-ng-c82628666] .race-cell.header[_ngcontent-ng-c82628666] {
            height: 36px;
            font-size: 1.2rem;
            font-weight: 700;
            color: #606060
        }

        .meetings-container[_ngcontent-ng-c82628666] .meeting-scroll-container[_ngcontent-ng-c82628666] .meetings-table[_ngcontent-ng-c82628666] .table-row[_ngcontent-ng-c82628666] .race-cell.highlighted[_ngcontent-ng-c82628666]:not(.no-hover) {
            background-color: #d5e9ff
        }

        .meetings-container[_ngcontent-ng-c82628666] .meeting-scroll-container[_ngcontent-ng-c82628666] .meetings-table[_ngcontent-ng-c82628666] .table-row[_ngcontent-ng-c82628666] .race-cell.highlighted[_ngcontent-ng-c82628666]:not(.no-hover) .race-rescue-container[_ngcontent-ng-c82628666] {
            background-color: #1573d5
        }

        .meetings-container[_ngcontent-ng-c82628666] .meeting-scroll-container[_ngcontent-ng-c82628666] .meetings-table[_ngcontent-ng-c82628666] .table-row[_ngcontent-ng-c82628666] .race-cell.highlighted[_ngcontent-ng-c82628666]:not(.no-hover) .race-rescue-container[_ngcontent-ng-c82628666] mat-icon[_ngcontent-ng-c82628666] {
            color: #fff
        }

        .meetings-container[_ngcontent-ng-c82628666] .meeting-scroll-container[_ngcontent-ng-c82628666] .meetings-table[_ngcontent-ng-c82628666] .table-row[_ngcontent-ng-c82628666] .race-cell[_ngcontent-ng-c82628666]:not(.header) {
            position: relative
        }

        .meetings-container[_ngcontent-ng-c82628666] .meeting-scroll-container[_ngcontent-ng-c82628666] .meetings-table[_ngcontent-ng-c82628666] .table-row[_ngcontent-ng-c82628666] .race-cell[_ngcontent-ng-c82628666]:not(.header):hover:not(.no-hover) {
            background-color: #a9ccf1
        }

        .meetings-container[_ngcontent-ng-c82628666] .meeting-scroll-container[_ngcontent-ng-c82628666] .meetings-table[_ngcontent-ng-c82628666] .table-row[_ngcontent-ng-c82628666] .race-cell[_ngcontent-ng-c82628666]:not(.header):hover:not(.no-hover) .race-rescue-container[_ngcontent-ng-c82628666] {
            background-color: #1573d5
        }

        .meetings-container[_ngcontent-ng-c82628666] .meeting-scroll-container[_ngcontent-ng-c82628666] .meetings-table[_ngcontent-ng-c82628666] .table-row[_ngcontent-ng-c82628666] .race-cell[_ngcontent-ng-c82628666]:not(.header):hover:not(.no-hover) .race-rescue-container[_ngcontent-ng-c82628666] mat-icon[_ngcontent-ng-c82628666] {
            color: #fff
        }

        .meetings-container[_ngcontent-ng-c82628666] .meeting-scroll-container[_ngcontent-ng-c82628666] .meetings-table[_ngcontent-ng-c82628666] .table-row[_ngcontent-ng-c82628666] .race-cell[_ngcontent-ng-c82628666]:not(:last-child) {
            border-right: 1px solid #bababa
        }

        .meetings-container[_ngcontent-ng-c82628666] .meeting-scroll-container[_ngcontent-ng-c82628666] .meetings-table[_ngcontent-ng-c82628666] .table-row[_ngcontent-ng-c82628666] .race-cell[_ngcontent-ng-c82628666] .result-status[_ngcontent-ng-c82628666] {
            font-size: 1.4rem;
            font-weight: 400;
            color: #bababa
        }

        .meetings-container[_ngcontent-ng-c82628666] .meeting-scroll-container[_ngcontent-ng-c82628666] .meetings-table[_ngcontent-ng-c82628666] .table-row[_ngcontent-ng-c82628666] .race-cell.greyed-out[_ngcontent-ng-c82628666] {
            background-color: #f6f6f6
        }
    
    
        .expandable-meetings-container[_ngcontent-ng-c878258528] {
            display: flex;
            flex-direction: column;
            gap: 10px
        }
    
    
        .meeting-header[_ngcontent-ng-c3230698439] {
            padding: 0 10px;
            display: flex;
            align-items: center;
            height: 52px
        }

        .meeting-header[_ngcontent-ng-c3230698439] .expansion-arrow[_ngcontent-ng-c3230698439] {
            color: #606060;
            margin-right: 5px
        }

        .meeting-title[_ngcontent-ng-c3230698439] {
            display: flex;
            align-items: center;
            height: 31px;
            gap: 10px
        }

        .meeting-title[_ngcontent-ng-c3230698439] .icon[_ngcontent-ng-c3230698439] {
            border-radius: 50%;
            color: #1573d5;
            height: 30px;
            background-color: #fff
        }

        .meeting-title[_ngcontent-ng-c3230698439] .icon[_ngcontent-ng-c3230698439] mat-icon[_ngcontent-ng-c3230698439] {
            width: 30px;
            height: 30px
        }

        .meeting-title[_ngcontent-ng-c3230698439] .title[_ngcontent-ng-c3230698439] {
            display: flex;
            flex-direction: column;
            gap: 2px
        }

        .meeting-title[_ngcontent-ng-c3230698439] .title[_ngcontent-ng-c3230698439] .venue-title[_ngcontent-ng-c3230698439] {
            font-size: 1.5rem;
            font-weight: 500;
            color: #1e1e1e
        }

        .meeting-title[_ngcontent-ng-c3230698439] .title[_ngcontent-ng-c3230698439] .state-title[_ngcontent-ng-c3230698439] {
            font-size: 1rem;
            font-weight: 500;
            color: #8e8e8e
        }

        .races-list[_ngcontent-ng-c3230698439] {
            display: flex;
            flex-direction: column
        }

        .races-list[_ngcontent-ng-c3230698439] .race-container[_ngcontent-ng-c3230698439] {
            height: 50px;
            display: flex;
            gap: 10px;
            align-items: center;
            padding: 0 11px
        }

        .races-list[_ngcontent-ng-c3230698439] .race-container[_ngcontent-ng-c3230698439]:not(:last-child) {
            border-bottom: 1px solid #cacaca
        }

        .races-list[_ngcontent-ng-c3230698439] .race-container.greyed-out[_ngcontent-ng-c3230698439] {
            background-color: #f6f6f6
        }

        .races-list[_ngcontent-ng-c3230698439] .race-container.greyed-out[_ngcontent-ng-c3230698439] .race-title[_ngcontent-ng-c3230698439] {
            color: #1e1e1e
        }

        .races-list[_ngcontent-ng-c3230698439] .race-container[_ngcontent-ng-c3230698439] .race-number[_ngcontent-ng-c3230698439] {
            font-size: 1.4rem;
            font-weight: 700;
            color: #1573d5
        }

        .races-list[_ngcontent-ng-c3230698439] .race-container[_ngcontent-ng-c3230698439] .race-title[_ngcontent-ng-c3230698439] {
            flex: 2 0 150px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size: 1.4rem;
            font-weight: 400;
            color: #1e1e1e
        }

        .races-list[_ngcontent-ng-c3230698439] .race-container[_ngcontent-ng-c3230698439] .result-status[_ngcontent-ng-c3230698439] {
            font-size: 1.4rem;
            font-weight: 400;
            color: #bababa
        }
    
    
        .expansion-panel-container[_ngcontent-ng-c2103501192] .expansion-panel-header[_ngcontent-ng-c2103501192],
        .expansion-panel-container[_ngcontent-ng-c2103501192] .expansion-panel-content[_ngcontent-ng-c2103501192] {
            border: 1px solid #cacaca;
            min-height: 40px
        }

        .expansion-panel-container[_ngcontent-ng-c2103501192] .expansion-panel-header[_ngcontent-ng-c2103501192] {
            border-radius: 5px;
            box-sizing: border-box;
            cursor: pointer
        }

        .expansion-panel-container[_ngcontent-ng-c2103501192] .expansion-panel-content[_ngcontent-ng-c2103501192] {
            display: none
        }

        .expansion-panel-container.expanded[_ngcontent-ng-c2103501192] .expansion-panel-header[_ngcontent-ng-c2103501192] {
            border: none;
            background-color: #d5e9ff;
            border-radius: 5px 5px 0 0
        }

        .expansion-panel-container.expanded[_ngcontent-ng-c2103501192] .expansion-panel-content[_ngcontent-ng-c2103501192] {
            display: block;
            border-top: none;
            border-radius: 0 0 5px 5px
        }

        .expansion-panel-container.always-open[_ngcontent-ng-c2103501192] .expansion-panel-header[_ngcontent-ng-c2103501192] {
            cursor: default
        }
    
    
        .meeting-chip[_ngcontent-ng-c4060189946] {
            border-radius: 22px;
            padding: 10px;
            background-color: #1573d5;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px
        }

        .meeting-chip[_ngcontent-ng-c4060189946] .race-number[_ngcontent-ng-c4060189946] {
            font-size: 1.2rem;
            font-weight: 700;
            color: #fff
        }

        .meeting-chip[_ngcontent-ng-c4060189946] .race-status[_ngcontent-ng-c4060189946] {
            font-size: 1.2rem;
            font-weight: 400;
            color: #fff
        }
    
    
        [_nghost-ng-c2466150365] {
            width: 100%
        }

        [_nghost-ng-c2466150365] .wrapper[_ngcontent-ng-c2466150365] {
            display: flex;
            align-items: center
        }

        [_nghost-ng-c2466150365] .wrapper[_ngcontent-ng-c2466150365] .container[_ngcontent-ng-c2466150365] {
            display: flex;
            align-items: center;
            flex-direction: row
        }

        [_nghost-ng-c2466150365] .wrapper[_ngcontent-ng-c2466150365] .container[_ngcontent-ng-c2466150365] .svg-icon[_ngcontent-ng-c2466150365] {
            color: #0eb25e
        }

        [_nghost-ng-c2466150365] .wrapper[_ngcontent-ng-c2466150365] .container[_ngcontent-ng-c2466150365] .svg-icon.mdm[_ngcontent-ng-c2466150365] {
            width: 28px;
            height: 28px;
            min-width: 28px;
            min-height: 28px
        }

        [_nghost-ng-c2466150365] .wrapper[_ngcontent-ng-c2466150365] .container[_ngcontent-ng-c2466150365] .svg-icon.racing[_ngcontent-ng-c2466150365] {
            color: #2886c9
        }

        [_nghost-ng-c2466150365] .wrapper[_ngcontent-ng-c2466150365] .container[_ngcontent-ng-c2466150365] .event-text[_ngcontent-ng-c2466150365] {
            font-size: 1.3rem;
            font-weight: 400;
            color: #484848;
            word-break: break-word;
            margin-left: 1rem
        }

        @media only screen and (min-width: 1024px) {
            [_nghost-ng-c2466150365] .wrapper[_ngcontent-ng-c2466150365] .container[_ngcontent-ng-c2466150365] .event-text[_ngcontent-ng-c2466150365] {
                font-size: 1.2rem
            }
        }

        [_nghost-ng-c2466150365] .wrapper[_ngcontent-ng-c2466150365] .container[_ngcontent-ng-c2466150365] div[_ngcontent-ng-c2466150365]:first-child {
            display: flex;
            flex-direction: row;
            align-items: center;
            place-content: flex-start;
            box-sizing: border-box;
            position: relative;
            font-weight: 400;
            width: 272px;
            padding: 0 15px 0 0
        }

        @media only screen and (min-width: 1024px) {
            [_nghost-ng-c2466150365] .wrapper[_ngcontent-ng-c2466150365] .container[_ngcontent-ng-c2466150365] div[_ngcontent-ng-c2466150365]:first-child {
                min-height: 35px;
                width: 134px;
                padding-right: 5px
            }
        }

        [_nghost-ng-c2466150365] .wrapper[_ngcontent-ng-c2466150365] .close-icon[_ngcontent-ng-c2466150365] {
            margin: 0 16px 0 auto
        }

        [_nghost-ng-c2466150365] .wrapper[_ngcontent-ng-c2466150365] .close-icon[_ngcontent-ng-c2466150365] .svg-icon.close[_ngcontent-ng-c2466150365] {
            color: #bababa;
            height: 17px;
            width: 17px;
            cursor: pointer
        }

        @media only screen and (min-width: 1024px) {
            [_nghost-ng-c2466150365] .wrapper[_ngcontent-ng-c2466150365] .close-icon[_ngcontent-ng-c2466150365] .svg-icon.close[_ngcontent-ng-c2466150365] {
                display: none
            }
        }

        [_nghost-ng-c2466150365] .wrapper[_ngcontent-ng-c2466150365] .close-icon[_ngcontent-ng-c2466150365] .svg-icon.display[_ngcontent-ng-c2466150365] {
            display: block
        }
     
        .square-container[_ngcontent-ng-c856078012] {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            gap: 8px;
            box-sizing: border-box;
            width: 100px;
            height: 104px;
            border: 1px solid #cacaca;
            border-radius: 4px;
            padding: 0 4px;
            background-color: #fff
        }

        .square-container[_ngcontent-ng-c856078012] .circular-container[_ngcontent-ng-c856078012] {
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #fff;
            width: 50px;
            height: 50px;
            border-radius: 50%
        }

        .square-container[_ngcontent-ng-c856078012] .circular-container.racing[_ngcontent-ng-c856078012] mat-icon[_ngcontent-ng-c856078012] {
            color: #1573d5;
            width: 50px;
            height: 50px
        }

        .square-container[_ngcontent-ng-c856078012] .circular-container[_ngcontent-ng-c856078012] mat-icon[_ngcontent-ng-c856078012] {
            color: #0eb25e;
            width: 50px;
            height: 50px
        }

        .square-container[_ngcontent-ng-c856078012] .circular-container[_ngcontent-ng-c856078012] img[_ngcontent-ng-c856078012] {
            width: 50px;
            height: 50px
        }

        .square-container[_ngcontent-ng-c856078012] .title[_ngcontent-ng-c856078012] {
            max-width: 100%;
            text-align: center;
            font-size: 1.4rem;
            font-weight: 400;
            color: #484848;
            text-overflow: ellipsis;
            text-wrap: nowrap;
            overflow: hidden
        }
    
    
        .cdk-overlay-container,
        .cdk-global-overlay-wrapper {
            pointer-events: none;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%
        }

        .cdk-overlay-container {
            position: fixed
        }

        @layer cdk-overlay {
            .cdk-overlay-container {
                z-index: 1000
            }
        }

        .cdk-overlay-container:empty {
            display: none
        }

        .cdk-global-overlay-wrapper {
            display: flex;
            position: absolute
        }

        @layer cdk-overlay {
            .cdk-global-overlay-wrapper {
                z-index: 1000
            }
        }

        .cdk-overlay-pane {
            position: absolute;
            pointer-events: auto;
            box-sizing: border-box;
            display: flex;
            max-width: 100%;
            max-height: 100%
        }

        @layer cdk-overlay {
            .cdk-overlay-pane {
                z-index: 1000
            }
        }

        .cdk-overlay-backdrop {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            pointer-events: auto;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            opacity: 0;
            touch-action: manipulation
        }

        @layer cdk-overlay {
            .cdk-overlay-backdrop {
                z-index: 1000;
                transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1)
            }
        }

        @media(prefers-reduced-motion) {
            .cdk-overlay-backdrop {
                transition-duration: 1ms
            }
        }

        .cdk-overlay-backdrop-showing {
            opacity: 1
        }

        @media(forced-colors: active) {
            .cdk-overlay-backdrop-showing {
                opacity: .6
            }
        }

        @layer cdk-overlay {
            .cdk-overlay-dark-backdrop {
                background: rgba(0, 0, 0, .32)
            }
        }

        .cdk-overlay-transparent-backdrop {
            transition: visibility 1ms linear, opacity 1ms linear;
            visibility: hidden;
            opacity: 1
        }

        .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
        .cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
            opacity: 0;
            visibility: visible
        }

        .cdk-overlay-backdrop-noop-animation {
            transition: none
        }

        .cdk-overlay-connected-position-bounding-box {
            position: absolute;
            display: flex;
            flex-direction: column;
            min-width: 1px;
            min-height: 1px
        }

        @layer cdk-overlay {
            .cdk-overlay-connected-position-bounding-box {
                z-index: 1000
            }
        }

        .cdk-global-scrollblock {
            position: fixed;
            width: 100%;
            overflow-y: scroll
        }
    
    
        [_nghost-ng-c2375160392] {
            display: flex;
            max-width: 100%;
            flex: 1;
            align-items: center;
            gap: 10px
        }

        [_nghost-ng-c2375160392] img[_ngcontent-ng-c2375160392] {
            width: 25px
        }

        [_nghost-ng-c2375160392] .title[_ngcontent-ng-c2375160392] {
            flex: 1 0 5px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size: 1.2rem;
            font-weight: 400;
            color: #1e1e1e
        }

        [_nghost-ng-c2375160392] .prices-container[_ngcontent-ng-c2375160392] {
            display: flex;
            align-items: center;
            gap: 6px
        }
    
    
        [_nghost-ng-c680498892] {
            display: flex;
            flex: 1;
            position: relative
        }

        [_nghost-ng-c680498892] app-price-change-arrow[_ngcontent-ng-c680498892] {
            position: absolute;
            left: 28px;
            top: 1px
        }

        @media only screen and (min-width: 1024px) {
            [_nghost-ng-c680498892] {
                flex: initial;
                min-width: 58px;
                height: initial
            }
        }

        [_nghost-ng-c680498892] .price[_ngcontent-ng-c680498892] {
            overflow: visible;
            font-size: 1.4rem;
            font-weight: 500;
            color: #1573d5;
            align-items: center;
            justify-content: center;
            box-sizing: border-box;
            display: flex;
            width: 58px;
            height: 36px;
            background-color: #fff;
            border: 1px solid #1573d5;
            border-radius: 2px;
            cursor: pointer;
            position: relative
        }

        @media only screen and (min-width: 1024px) {
            [_nghost-ng-c680498892] .price[_ngcontent-ng-c680498892] {
                font-size: 1.2rem
            }

            [_nghost-ng-c680498892] .price[_ngcontent-ng-c680498892]:hover {
                border: 1px solid #2886c9;
                background-color: #d5e9ff;
                color: #2886c9
            }
        }

        [_nghost-ng-c680498892] .price.srm[_ngcontent-ng-c680498892] {
            min-width: 50px
        }

        @media only screen and (min-width: 1024px) {
            [_nghost-ng-c680498892] .price.srm[_ngcontent-ng-c680498892] {
                min-width: 58px
            }
        }

        [_nghost-ng-c680498892] .price[_ngcontent-ng-c680498892]:nth-child(2) {
            margin-left: auto
        }

        [_nghost-ng-c680498892] .price.not-available[_ngcontent-ng-c680498892] {
            text-transform: uppercase;
            cursor: not-allowed
        }

        [_nghost-ng-c680498892] .price[_ngcontent-ng-c680498892]:active,
        [_nghost-ng-c680498892] .price.selected[_ngcontent-ng-c680498892] {
            background-color: #1573d5;
            color: #fff
        }

        @media only screen and (min-width: 1024px) {

            [_nghost-ng-c680498892] .price[_ngcontent-ng-c680498892]:active,
            [_nghost-ng-c680498892] .price.selected[_ngcontent-ng-c680498892] {
                height: 36px
            }
        }

        [_nghost-ng-c680498892] .price[_ngcontent-ng-c680498892]:active span[_ngcontent-ng-c680498892],
        [_nghost-ng-c680498892] .price.selected[_ngcontent-ng-c680498892] span[_ngcontent-ng-c680498892] {
            color: #fff
        }

        [_nghost-ng-c680498892] .price.disabled[_ngcontent-ng-c680498892] {
            background-color: #f6f6f6;
            color: #bababa;
            cursor: not-allowed;
            border: 1px solid #ececec
        }

        [_nghost-ng-c680498892] .bookmark[_ngcontent-ng-c680498892] {
            position: absolute;
            height: 36px;
            width: 58px
        }

        [_nghost-ng-c680498892] .bookmark[_ngcontent-ng-c680498892] .svg-icon[_ngcontent-ng-c680498892] {
            margin: -9px 0 0 -39px;
            height: 26px;
            width: 24px
        }

        @media only screen and (min-width: 1024px) {
            [_nghost-ng-c680498892] .bookmark[_ngcontent-ng-c680498892] .svg-icon[_ngcontent-ng-c680498892] {
                margin: -9px 0 0 -39px;
                height: 26px;
                width: 24px
            }
        }

        [_nghost-ng-c680498892] .bookmark[_ngcontent-ng-c680498892] .svg-icon.srm[_ngcontent-ng-c680498892] {
            margin: -10px 0 0 -28px
        }

        @media only screen and (min-width: 1024px) {
            [_nghost-ng-c680498892] .bookmark[_ngcontent-ng-c680498892] .svg-icon.srm[_ngcontent-ng-c680498892] {
                margin: -8px 0 0 -39px
            }
        }

        [_nghost-ng-c680498892] .marked-bet[_ngcontent-ng-c680498892] {
            position: absolute;
            width: 100%;
            height: 100%
        }

        [_nghost-ng-c680498892] .marked-bet[_ngcontent-ng-c680498892] .circle[_ngcontent-ng-c680498892] {
            margin: 4px 0 0 46px;
            width: 4px;
            height: 4px;
            background-color: #2886c9;
            border-radius: 2px
        }

        @media only screen and (min-width: 1024px) {
            [_nghost-ng-c680498892] .hover[_ngcontent-ng-c680498892]:hover {
                border: 1px solid #2886c9;
                background-color: #2886c9;
                color: #fff
            }
        }

        .gray-border[_nghost-ng-c680498892] .price[_ngcontent-ng-c680498892] {
            border: 1px solid #ececec
        }

        .srm-race-detail[_nghost-ng-c680498892] {
            min-width: 48px
        }

        .srm-race-detail[_nghost-ng-c680498892] .price[_ngcontent-ng-c680498892] {
            width: 48px
        }

        @media only screen and (min-width: 1024px) {
            .srm-race-detail[_nghost-ng-c680498892] {
                flex: initial;
                min-width: 58px;
                height: initial
            }
        }

        .my-stable-page[_nghost-ng-c680498892] .price[_ngcontent-ng-c680498892] {
            font-size: 1.2rem
        }

        .my-stable-widget[_nghost-ng-c680498892] {
            min-width: 51px;
            height: 31px
        }

        .my-stable-widget[_nghost-ng-c680498892] .price[_ngcontent-ng-c680498892] {
            width: 51px;
            height: 31px;
            font-size: 1.4rem;
            font-weight: 700;
            border: 1.4px solid #1573d5;
            border-radius: 4px
        }

        .race-internal[_nghost-ng-c680498892] app-price-change-arrow[_ngcontent-ng-c680498892],
        .race-internal [_nghost-ng-c680498892] app-price-change-arrow[_ngcontent-ng-c680498892] {
            position: absolute
        }

        @media only screen and (min-width: 768px) {

            .race-internal[_nghost-ng-c680498892] app-price-change-arrow[_ngcontent-ng-c680498892],
            .race-internal [_nghost-ng-c680498892] app-price-change-arrow[_ngcontent-ng-c680498892] {
                left: 24px;
                top: -2px
            }
        }

        .race-internal[_nghost-ng-c680498892] .price[_ngcontent-ng-c680498892],
        .race-internal [_nghost-ng-c680498892] .price[_ngcontent-ng-c680498892] {
            font-size: 1.4rem;
            font-weight: 700;
            border-radius: 4px;
            width: 60px;
            height: 40px
        }

        @media only screen and (min-width: 768px) {

            .race-internal[_nghost-ng-c680498892] .price[_ngcontent-ng-c680498892],
            .race-internal [_nghost-ng-c680498892] .price[_ngcontent-ng-c680498892] {
                width: 64px;
                height: 32px
            }
        }

        .race-internal[_nghost-ng-c680498892] .price.srm[_ngcontent-ng-c680498892],
        .race-internal [_nghost-ng-c680498892] .price.srm[_ngcontent-ng-c680498892] {
            min-width: 50px
        }

        @media only screen and (min-width: 768px) {

            .race-internal[_nghost-ng-c680498892] .price.srm[_ngcontent-ng-c680498892],
            .race-internal [_nghost-ng-c680498892] .price.srm[_ngcontent-ng-c680498892] {
                min-width: 64px;
                height: 32px
            }
        }

        .race-internal[_nghost-ng-c680498892] .bookmark[_ngcontent-ng-c680498892],
        .race-internal [_nghost-ng-c680498892] .bookmark[_ngcontent-ng-c680498892] {
            width: 60px;
            height: 40px
        }

        @media only screen and (min-width: 768px) {

            .race-internal[_nghost-ng-c680498892] .bookmark[_ngcontent-ng-c680498892],
            .race-internal [_nghost-ng-c680498892] .bookmark[_ngcontent-ng-c680498892] {
                width: 64px;
                height: 32px
            }
        }

        .race-internal[_nghost-ng-c680498892] .bookmark[_ngcontent-ng-c680498892] .svg-icon[_ngcontent-ng-c680498892],
        .race-internal [_nghost-ng-c680498892] .bookmark[_ngcontent-ng-c680498892] .svg-icon[_ngcontent-ng-c680498892] {
            margin: -10px 0 0 -40px;
            height: 9px;
            width: 8px
        }

        @media only screen and (min-width: 768px) {

            .race-internal[_nghost-ng-c680498892] .bookmark[_ngcontent-ng-c680498892] .svg-icon[_ngcontent-ng-c680498892],
            .race-internal [_nghost-ng-c680498892] .bookmark[_ngcontent-ng-c680498892] .svg-icon[_ngcontent-ng-c680498892] {
                margin: -10px 0 0 -48px
            }
        }

        .race-internal[_nghost-ng-c680498892] .bookmark[_ngcontent-ng-c680498892] .svg-icon.srm[_ngcontent-ng-c680498892],
        .race-internal [_nghost-ng-c680498892] .bookmark[_ngcontent-ng-c680498892] .svg-icon.srm[_ngcontent-ng-c680498892] {
            margin: -10px 0 0 -34px
        }

        @media only screen and (min-width: 768px) {

            .race-internal[_nghost-ng-c680498892] .bookmark[_ngcontent-ng-c680498892] .svg-icon.srm[_ngcontent-ng-c680498892],
            .race-internal [_nghost-ng-c680498892] .bookmark[_ngcontent-ng-c680498892] .svg-icon.srm[_ngcontent-ng-c680498892] {
                margin: -10px 0 0 -48px
            }
        }

        .race-internal[_nghost-ng-c680498892] .marked-bet[_ngcontent-ng-c680498892] .circle[_ngcontent-ng-c680498892],
        .race-internal [_nghost-ng-c680498892] .marked-bet[_ngcontent-ng-c680498892] .circle[_ngcontent-ng-c680498892] {
            margin: 4px 0 0 44px
        }

        @media only screen and (min-width: 768px) {

            .race-internal[_nghost-ng-c680498892] .marked-bet[_ngcontent-ng-c680498892] .circle[_ngcontent-ng-c680498892],
            .race-internal [_nghost-ng-c680498892] .marked-bet[_ngcontent-ng-c680498892] .circle[_ngcontent-ng-c680498892] {
                margin: 4px 0 0 48px
            }
        }

        app-super-ntj-race-detail[_nghost-ng-c680498892] .bookmark[_ngcontent-ng-c680498892],
        app-super-ntj-race-detail [_nghost-ng-c680498892] .bookmark[_ngcontent-ng-c680498892] {
            width: 60px;
            height: 40px
        }

        @media only screen and (min-width: 768px) {

            app-super-ntj-race-detail[_nghost-ng-c680498892] .bookmark[_ngcontent-ng-c680498892],
            app-super-ntj-race-detail [_nghost-ng-c680498892] .bookmark[_ngcontent-ng-c680498892] {
                width: 64px;
                height: 32px
            }
        }

        app-super-ntj-race-detail[_nghost-ng-c680498892] .bookmark[_ngcontent-ng-c680498892] .svg-icon[_ngcontent-ng-c680498892],
        app-super-ntj-race-detail [_nghost-ng-c680498892] .bookmark[_ngcontent-ng-c680498892] .svg-icon[_ngcontent-ng-c680498892] {
            margin: 0 0 0 -35px;
            height: 9px;
            width: 8px
        }

        @media only screen and (min-width: 768px) {

            app-super-ntj-race-detail[_nghost-ng-c680498892] .bookmark[_ngcontent-ng-c680498892] .svg-icon[_ngcontent-ng-c680498892],
            app-super-ntj-race-detail [_nghost-ng-c680498892] .bookmark[_ngcontent-ng-c680498892] .svg-icon[_ngcontent-ng-c680498892] {
                margin: -9px 0 0 -35px
            }
        }

        .sneak-peak[_nghost-ng-c680498892] .price[_ngcontent-ng-c680498892] {
            width: 72px;
            height: 40px;
            border-radius: 4px
        }

        .futures-price[_nghost-ng-c680498892] .price[_ngcontent-ng-c680498892] {
            width: 72px;
            height: 40px;
            padding: 8px 10px;
            border-radius: 4px;
            font-size: 1.4rem;
            font-weight: 700;
            line-height: 16px
        }
    
    
        div[_ngcontent-ng-c2700957019] {
            position: relative;
            color: #2886c9;
            display: flex;
            justify-content: center
        }

        div[_ngcontent-ng-c2700957019] span[_ngcontent-ng-c2700957019] {
            position: absolute;
            opacity: 0;
            transform: scale(1.5)
        }

        @media only screen and (min-width: 1024px) {
            div[_ngcontent-ng-c2700957019] span[_ngcontent-ng-c2700957019] {
                transform: none
            }
        }

        div[_ngcontent-ng-c2700957019] .up-arrow[_ngcontent-ng-c2700957019] {
            top: -5px
        }

        div[_ngcontent-ng-c2700957019] .down-arrow[_ngcontent-ng-c2700957019] {
            top: 16px
        }

        div.sports-arrow[_ngcontent-ng-c2700957019] {
            top: 3px;
            left: -33px;
            color: #07793e
        }

        @media only screen and (min-width: 1024px) {
            div.sports-arrow[_ngcontent-ng-c2700957019] {
                top: 15px;
                left: -27px
            }
        }

        div.sports-arrow[_ngcontent-ng-c2700957019] span.up-arrow[_ngcontent-ng-c2700957019] {
            top: -6px
        }

        @media only screen and (min-width: 1024px) {
            div.sports-arrow[_ngcontent-ng-c2700957019] span.up-arrow[_ngcontent-ng-c2700957019] {
                top: -19px
            }
        }

        div.sports-arrow[_ngcontent-ng-c2700957019] span.down-arrow[_ngcontent-ng-c2700957019] {
            top: 20px
        }

        @media only screen and (min-width: 1024px) {
            div.sports-arrow[_ngcontent-ng-c2700957019] span.down-arrow[_ngcontent-ng-c2700957019] {
                top: 7px
            }
        }

        div.exotic-arrow-container[_ngcontent-ng-c2700957019] {
            top: -5px;
            justify-content: flex-start;
            margin-left: -10px
        }

        @media only screen and (min-width: 1024px) {
            div.exotic-arrow-container[_ngcontent-ng-c2700957019] {
                top: -18px;
                left: -12px;
                margin-left: 0
            }
        }

        div.exotic-arrow-container[_ngcontent-ng-c2700957019] span[_ngcontent-ng-c2700957019] {
            top: -5px;
            color: #1573d5
        }

        @media only screen and (min-width: 1024px) {
            div.exotic-arrow-container[_ngcontent-ng-c2700957019] span[_ngcontent-ng-c2700957019] {
                top: 5px
            }
        }

        div.favourite-price[_ngcontent-ng-c2700957019] .up-arrow[_ngcontent-ng-c2700957019] {
            color: #a6d612
        }

        div.favourite-price[_ngcontent-ng-c2700957019] .down-arrow[_ngcontent-ng-c2700957019] {
            color: #ff5059
        }

        div.white-arrow[_ngcontent-ng-c2700957019] {
            color: #fff
        }

        div.betslip-arrow[_ngcontent-ng-c2700957019] {
            display: inline
        }

        @media only screen and (min-width: 1024px) {
            div.betslip-arrow[_ngcontent-ng-c2700957019] span[_ngcontent-ng-c2700957019] mat-icon[_ngcontent-ng-c2700957019] {
                width: 30px;
                height: 30px
            }
        }

        div.betslip-arrow[_ngcontent-ng-c2700957019] span.up-arrow[_ngcontent-ng-c2700957019] {
            top: -7px;
            left: 1px;
            color: #28ca41
        }

        @media only screen and (min-width: 1024px) {
            div.betslip-arrow[_ngcontent-ng-c2700957019] span.up-arrow[_ngcontent-ng-c2700957019] {
                top: -10px;
                left: -5px
            }
        }

        div.betslip-arrow[_ngcontent-ng-c2700957019] span.down-arrow[_ngcontent-ng-c2700957019] {
            top: -4px;
            left: 1px;
            color: #e70000
        }

        @media only screen and (min-width: 1024px) {
            div.betslip-arrow[_ngcontent-ng-c2700957019] span.down-arrow[_ngcontent-ng-c2700957019] {
                top: -8px;
                left: -5px
            }
        }

        div.betslip-arrow[_ngcontent-ng-c2700957019] span.price-push[_ngcontent-ng-c2700957019] {
            left: 36px
        }

        @media only screen and (min-width: 1024px) {
            div.betslip-arrow[_ngcontent-ng-c2700957019] span.price-push[_ngcontent-ng-c2700957019] {
                left: 27px
            }
        }

        app-race-content[_nghost-ng-c2700957019] .up-arrow[_ngcontent-ng-c2700957019],
        app-race-content [_nghost-ng-c2700957019] .up-arrow[_ngcontent-ng-c2700957019] {
            top: -5px;
            left: -10px
        }

        app-race-content[_nghost-ng-c2700957019] .down-arrow[_ngcontent-ng-c2700957019],
        app-race-content [_nghost-ng-c2700957019] .down-arrow[_ngcontent-ng-c2700957019] {
            top: 16px;
            left: -10px
        }

        @media only screen and (min-width: 768px) {

            app-race-content[_nghost-ng-c2700957019] .up-arrow[_ngcontent-ng-c2700957019],
            app-race-content [_nghost-ng-c2700957019] .up-arrow[_ngcontent-ng-c2700957019],
            app-race-content[_nghost-ng-c2700957019] .down-arrow[_ngcontent-ng-c2700957019],
            app-race-content [_nghost-ng-c2700957019] .down-arrow[_ngcontent-ng-c2700957019] {
                left: -2px
            }
        }

        app-race-content[_nghost-ng-c2700957019] .favourite-price[_ngcontent-ng-c2700957019] .up-arrow[_ngcontent-ng-c2700957019],
        app-race-content [_nghost-ng-c2700957019] .favourite-price[_ngcontent-ng-c2700957019] .up-arrow[_ngcontent-ng-c2700957019] {
            color: #0eb25e
        }

        app-race-content[_nghost-ng-c2700957019] .favourite-price[_ngcontent-ng-c2700957019] .down-arrow[_ngcontent-ng-c2700957019],
        app-race-content [_nghost-ng-c2700957019] .favourite-price[_ngcontent-ng-c2700957019] .down-arrow[_ngcontent-ng-c2700957019] {
            color: #e70000
        }
    :root {
  --pb-blue-900: #203b7b;
  --pb-blue-800: #28498e;
  --pb-blue-700: #315ba7;
  --pb-blue-600: #2079dc;
  --pb-blue-500: #1683e8;
  --pb-green: #b3ef00;
  --pb-green-dark: #91c900;
  --pb-white: #ffffff;
  --pb-surface: #f4f5f8;
  --pb-border: #d9dce5;
  --pb-text: #222833;
  --pb-muted: #5f6470;
  --pb-shadow: 0 18px 50px rgba(20, 32, 62, 0.25);
  --pb-radius: 14px;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  font-family: Arial, Helvetica, sans-serif;
  background: var(--pb-surface);
  color: var(--pb-text);
}

.pb-btn {
  border: 0;
  border-radius: 7px;
  padding: 13px 20px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, color 0.18s ease;
  white-space: nowrap;
}

.pb-btn:hover {
  transform: translateY(-1px);
}

.pb-btn-primary {
  background: var(--pb-green);
  color: #172341;
  box-shadow: 0 8px 18px rgba(179, 239, 0, 0.35);
}

.pb-btn-primary:hover {
  background: var(--pb-green-dark);
}

.pb-btn-secondary {
  background: var(--pb-blue-800);
  color: var(--pb-white);
  border: 1px solid rgba(255, 255, 255, 0.28);
}

.pb-btn-secondary:hover {
  background: var(--pb-blue-900);
}

.pb-btn-light {
  background: var(--pb-white);
  color: var(--pb-blue-800);
  border: 1px solid var(--pb-border);
}

.pb-btn-light:hover {
  background: #eef4ff;
}

.pb-age-shade,
.pb-cookie-shade {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 22px;
  background: rgba(19, 32, 70, 0.74);
  backdrop-filter: blur(5px);
}

.pb-age-shade.pb-active,
.pb-cookie-shade.pb-active {
  display: flex;
}

.pb-age-card {
  width: min(520px, 100%);
  overflow: hidden;
  border-radius: var(--pb-radius);
  background: var(--pb-white);
  box-shadow: var(--pb-shadow);
  border: 1px solid rgba(255, 255, 255, 0.6);
}

.pb-age-brand {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 26px;
  background: linear-gradient(135deg, var(--pb-blue-700), var(--pb-blue-900));
  color: var(--pb-white);
}

.pb-age-logo {
  font-size: 24px;
  font-weight: 900;
  letter-spacing: 0.5px;
}

.pb-age-logo span {
  color: #0d1834;
}

.pb-age-lock {
  display: inline-flex;
  width: 54px;
  height: 54px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--pb-green);
  color: #162341;
  font-weight: 900;
  font-size: 18px;
}

.pb-age-title {
  margin: 28px 28px 10px;
  color: var(--pb-blue-900);
  font-size: 28px;
  line-height: 1.15;
}

.pb-age-text,
.pb-age-note {
  margin: 0 28px;
  color: var(--pb-muted);
  font-size: 16px;
  line-height: 1.55;
}

.pb-age-note {
  margin-top: 10px;
}

.pb-age-actions {
  display: flex;
  gap: 12px;
  padding: 24px 28px 18px;
}

.pb-age-actions .pb-btn {
  flex: 1;
}

.pb-age-footer {
  margin: 0;
  padding: 16px 28px 22px;
  color: var(--pb-muted);
  font-size: 13px;
  background: #f7f8fb;
  border-top: 1px solid var(--pb-border);
}

.pb-cookie-bar {
  position: fixed;
  left: 50%;
  bottom: 22px;
  z-index: 9998;
  display: none;
  width: min(1160px, calc(100% - 32px));
  transform: translateX(-50%);
  border-radius: var(--pb-radius);
  background: var(--pb-white);
  box-shadow: var(--pb-shadow);
  border: 1px solid var(--pb-border);
}

.pb-cookie-bar.pb-active {
  display: block;
}

.pb-cookie-body {
  display: grid;
  grid-template-columns: 48px 1fr auto;
  gap: 18px;
  align-items: center;
  padding: 18px;
}

.pb-cookie-icon {
  display: flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--pb-blue-600);
  color: var(--pb-white);
  font-size: 24px;
  font-weight: 900;
  font-family: Georgia, serif;
}

.pb-cookie-title {
  margin: 0 0 6px;
  color: var(--pb-blue-900);
  font-size: 18px;
}

.pb-cookie-text {
  margin: 0;
  color: var(--pb-muted);
  font-size: 14px;
  line-height: 1.5;
}

.pb-cookie-actions {
  display: flex;
  gap: 10px;
  align-items: center;
}

.pb-cookie-panel {
  width: min(680px, 100%);
  max-height: min(760px, calc(100vh - 36px));
  overflow: auto;
  border-radius: var(--pb-radius);
  background: var(--pb-white);
  box-shadow: var(--pb-shadow);
  border: 1px solid var(--pb-border);
}

.pb-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 24px 26px;
  background: linear-gradient(135deg, var(--pb-blue-700), var(--pb-blue-900));
  color: var(--pb-white);
}

.pb-panel-kicker {
  display: inline-block;
  margin-bottom: 7px;
  color: var(--pb-green);
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}

.pb-panel-title {
  margin: 0;
  font-size: 26px;
  line-height: 1.1;
}

.pb-panel-close {
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.34);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--pb-white);
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}

.pb-panel-text {
  margin: 0;
  padding: 22px 26px;
  color: var(--pb-muted);
  font-size: 15px;
  line-height: 1.55;
  border-bottom: 1px solid var(--pb-border);
}

.pb-choice-list {
  display: grid;
  gap: 12px;
  padding: 18px 26px;
}

.pb-choice-item {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 18px;
  align-items: center;
  padding: 17px;
  border: 1px solid var(--pb-border);
  border-radius: 12px;
  background: #fbfcff;
}

.pb-choice-copy h3 {
  margin: 0 0 6px;
  color: var(--pb-blue-900);
  font-size: 16px;
}

.pb-choice-copy p {
  margin: 0;
  color: var(--pb-muted);
  font-size: 14px;
  line-height: 1.45;
}

.pb-switch {
  position: relative;
  display: inline-flex;
  width: 56px;
  height: 32px;
}

.pb-switch input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.pb-switch span {
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: #c5c9d4;
  cursor: pointer;
  transition: background 0.18s ease;
}

.pb-switch span::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--pb-white);
  box-shadow: 0 3px 8px rgba(20, 32, 62, 0.25);
  transition: transform 0.18s ease;
}

.pb-switch input:checked + span {
  background: var(--pb-blue-600);
}

.pb-switch input:checked + span::after {
  transform: translateX(24px);
}

.pb-switch-locked span {
  background: var(--pb-green);
  cursor: not-allowed;
}

.pb-panel-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 20px 26px 24px;
  border-top: 1px solid var(--pb-border);
  background: #f7f8fb;
}

@media (max-width: 820px) {
  .pb-cookie-body {
    grid-template-columns: 42px 1fr;
  }

  .pb-cookie-actions {
    grid-column: 1 / -1;
    width: 100%;
  }

  .pb-cookie-actions .pb-btn {
    flex: 1;
  }
}

@media (max-width: 560px) {
  .pb-age-actions,
  .pb-panel-actions,
  .pb-cookie-actions {
    flex-direction: column;
  }

  .pb-btn,
  .pb-panel-actions .pb-btn,
  .pb-cookie-actions .pb-btn {
    width: 100%;
  }

  .pb-choice-item {
    grid-template-columns: 1fr;
  }

  .pb-switch {
    justify-self: start;
  }
}

/* Mobile scroll fix: lock the page only while an overlay modal is active. */
.pb-age-shade,
.pb-cookie-shade {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 1023px) {
  body:not(.no-scroll) {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }
}