.mx-icon-left:before, .mx-icon-right:before, .mx-icon-double-left:before, .mx-icon-double-right:before, .mx-icon-double-left:after, .mx-icon-double-right:after {
                          content: "";
                          position: relative;
                          top: -1px;
                          display: inline-block;
                          width: 10px;
                          height: 10px;
                          vertical-align: middle;
                          border-style: solid;
                          border-color: currentColor;
                          border-width: 2px 0 0 2px;
                          border-radius: 1px;
                          -webkit-box-sizing: border-box;
                          box-sizing: border-box;
                          -webkit-transform-origin: center;
                          transform-origin: center;
                          -webkit-transform: rotate(-45deg) scale(0.7);
                          transform: rotate(-45deg) scale(0.7)
                      }

.mx-icon-double-left:after {
    left: -4px
}

.mx-icon-double-right:before {
    left: 4px
}

.mx-icon-right:before, .mx-icon-double-right:before, .mx-icon-double-right:after {
    -webkit-transform: rotate(135deg) scale(0.7);
    transform: rotate(135deg) scale(0.7)
}

.mx-btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
    font-size: 14px;
    font-weight: 500;
    padding: 7px 15px;
    margin: 0;
    cursor: pointer;
    background-color: transparent;
    outline: none;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 4px;
    color: #73879c;
    white-space: nowrap
}

@media (hover: hover) {
    .mx-btn:hover {
        border-color: #1284e7;
        color: #1284e7
    }
}

.mx-btn:disabled, .mx-btn.disabled {
    color: #ccc;
    cursor: not-allowed
}

.mx-btn-text {
    border: 0;
    padding: 0 4px;
    text-align: left;
    line-height: inherit
}

.mx-scrollbar {
    height: 100%
}

@media (hover: hover) {
    .mx-scrollbar:hover .mx-scrollbar-track {
        opacity: 1
    }
}

.mx-scrollbar-wrap {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.mx-scrollbar-track {
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    width: 6px;
    z-index: 1;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: opacity .24s ease-out;
    transition: opacity .24s ease-out
}

.mx-scrollbar-track .mx-scrollbar-thumb {
    position: absolute;
    width: 100%;
    height: 0;
    cursor: pointer;
    border-radius: inherit;
    background-color: rgba(144, 147, 153, .3);
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.mx-zoom-in-down-enter-active, .mx-zoom-in-down-leave-active {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: opacity .3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform .3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity .3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform .3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform .3s cubic-bezier(0.23, 1, 0.32, 1), opacity .3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform .3s cubic-bezier(0.23, 1, 0.32, 1), opacity .3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform .3s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform-origin: center top;
    transform-origin: center top
}

.mx-zoom-in-down-enter, .mx-zoom-in-down-enter-from, .mx-zoom-in-down-leave-to {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.mx-datepicker {
    position: relative;
    display: inline-block;
    width: 210px
}

.mx-datepicker svg {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden
}

.mx-datepicker-range {
    width: 320px
}

.mx-datepicker-inline {
    width: auto
}

.mx-input-wrapper {
    position: relative
}

.mx-input {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 34px;
    padding: 6px 30px;
    padding-left: 10px;
    font-size: 14px;
    line-height: 1.4;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.mx-input:focus {
    border-color: #409aff
}

@media (hover: hover) {
    .mx-input:hover {
        border-color: #409aff
    }
}

.mx-input:disabled, .mx-input.disabled {
    color: #ccc;
    background-color: #f3f3f3;
    border-color: #ccc;
    cursor: not-allowed
}

.mx-input:focus {
    outline: none
}

.mx-input::-ms-clear {
    display: none
}

.mx-icon-calendar, .mx-icon-clear {
    position: absolute;
    top: 50%;
    right: 8px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 16px;
    line-height: 1;
    color: rgba(0, 0, 0, .5);
    vertical-align: middle
}

.mx-icon-clear {
    cursor: pointer
}

@media (hover: hover) {
    .mx-icon-clear:hover {
        color: rgba(0, 0, 0, .8)
    }
}

.mx-datepicker-main {
    font: 14px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", sans-serif;
    color: #73879c;
    background-color: #fff;
    border: 1px solid #e8e8e8
}

.mx-datepicker-popup {
    position: absolute;
    margin-top: 1px;
    margin-bottom: 1px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    z-index: 2001
}

.mx-datepicker-sidebar {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100px;
    padding: 6px;
    overflow: auto
}

.mx-datepicker-sidebar + .mx-datepicker-content {
    margin-left: 100px;
    border-left: 1px solid #e8e8e8
}

.mx-datepicker-body {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mx-btn-shortcut {
    display: block;
    padding: 0 6px;
    line-height: 24px
}

.mx-range-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 750px) {
    .mx-range-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.mx-datepicker-header {
    padding: 6px 8px;
    border-bottom: 1px solid #e8e8e8
}

.mx-datepicker-footer {
    padding: 6px 8px;
    text-align: right;
    border-top: 1px solid #e8e8e8
}

.mx-calendar {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 248px;
    padding: 6px 12px
}

.mx-calendar + .mx-calendar {
    border-left: 1px solid #e8e8e8
}

.mx-calendar-header, .mx-time-header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 34px;
    line-height: 34px;
    text-align: center;
    overflow: hidden
}

.mx-btn-icon-left, .mx-btn-icon-double-left {
    float: left
}

.mx-btn-icon-right, .mx-btn-icon-double-right {
    float: right
}

.mx-calendar-header-label {
    font-size: 14px
}

.mx-calendar-decade-separator {
    margin: 0 2px
}

.mx-calendar-decade-separator:after {
    content: "~"
}

.mx-calendar-content {
    position: relative;
    height: 224px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mx-calendar-content .cell {
    cursor: pointer
}

@media (hover: hover) {
    .mx-calendar-content .cell:hover {
        color: #73879c;
        background-color: #f3f9fe
    }
}

.mx-calendar-content .cell.active {
    color: #fff;
    background-color: #1284e7
}

.mx-calendar-content .cell.in-range, .mx-calendar-content .cell.hover-in-range {
    color: #73879c;
    background-color: #dbedfb
}

.mx-calendar-content .cell.disabled {
    cursor: not-allowed;
    color: #ccc;
    background-color: #f3f3f3
}

.mx-calendar-week-mode .mx-date-row {
    cursor: pointer
}

@media (hover: hover) {
    .mx-calendar-week-mode .mx-date-row:hover {
        background-color: #f3f9fe
    }
}

.mx-calendar-week-mode .mx-date-row.mx-active-week {
    background-color: #dbedfb
}

@media (hover: hover) {
    .mx-calendar-week-mode .mx-date-row .cell:hover {
        color: inherit;
        background-color: transparent
    }
}

.mx-calendar-week-mode .mx-date-row .cell.active {
    color: inherit;
    background-color: transparent
}

.mx-week-number {
    opacity: .5
}

.mx-table {
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.mx-table th {
    padding: 0;
    font-weight: 500;
    vertical-align: middle
}

.mx-table td {
    padding: 0;
    vertical-align: middle
}

.mx-table-date td, .mx-table-date th {
    height: 32px;
    font-size: 12px
}

.mx-table-date .today {
    color: #2a90e9
}

.mx-table-date .cell.not-current-month {
    color: #ccc;
    background: none
}

.mx-time {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 224px;
    background: #fff
}

.mx-time + .mx-time {
    border-left: 1px solid #e8e8e8
}

.mx-calendar-time {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mx-time-header {
    border-bottom: 1px solid #e8e8e8
}

.mx-time-content {
    height: 224px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.mx-time-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.mx-time-column {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    border-left: 1px solid #e8e8e8;
    text-align: center
}

.mx-time-column:first-child {
    border-left: 0
}

.mx-time-column .mx-time-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.mx-time-column .mx-time-list::after {
    content: "";
    display: block;
    height: 192px
}

.mx-time-column .mx-time-item {
    cursor: pointer;
    font-size: 12px;
    height: 32px;
    line-height: 32px
}

@media (hover: hover) {
    .mx-time-column .mx-time-item:hover {
        color: #73879c;
        background-color: #f3f9fe
    }
}

.mx-time-column .mx-time-item.active {
    color: #1284e7;
    background-color: transparent;
    font-weight: 700
}

.mx-time-column .mx-time-item.disabled {
    cursor: not-allowed;
    color: #ccc;
    background-color: #f3f3f3
}

.mx-time-option {
    cursor: pointer;
    padding: 8px 10px;
    font-size: 14px;
    line-height: 20px
}

@media (hover: hover) {
    .mx-time-option:hover {
        color: #73879c;
        background-color: #f3f9fe
    }
}

.mx-time-option.active {
    color: #1284e7;
    background-color: transparent;
    font-weight: 700
}

.mx-time-option.disabled {
    cursor: not-allowed;
    color: #ccc;
    background-color: #f3f3f3
}

                      .oc-element-checkbox-container[data-v-7f520cf4] {
                          display: inline-block;
                      }

.oc-checkbox-container[data-v-7f520cf4] {
    display: flex;
    align-items: center;
    user-select: none;
}

.oc-checkbox-container .oc-checkbox-bg[data-v-7f520cf4] {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: var(--checkboxSize);
    width: var(--checkboxSize);
    background-color: var(---c-checkboxBg);
    border: var(--checkboxBorder);
    border-radius: var(--checkboxBorderRadius);
    cursor: pointer;
}

.oc-checkbox-container .oc-checkbox-bg .oc-checkbox-icon[data-v-7f520cf4] {
    margin: var(--checkboxIconMargin);
    background-color: transparent;
    font-size: var(--checkboxIconSize);
    color: var(---c-checkboxSelected);
    visibility: hidden;
}

@media (hover: hover) {
    .oc-checkbox-container .oc-checkbox-bg[data-v-7f520cf4]:hover {
        background-color: var(---c-checkboxHoverBg);
        border: var(--checkboxHoverBorder);
    }
}

.oc-checkbox-container .oc-checkbox-label[data-v-7f520cf4] {
    padding: 0 var(--checkboxLabelPaddingHorizontal);
    font-size: var(--checkboxLabelFontSize);
    color: var(---c-checkboxLabel);
}

.oc-checkbox-container.oc-selected .oc-checkbox-bg[data-v-7f520cf4] {
    background-color: var(---c-checkboxSelectedBg);
    border: var(--checkboxSelectedBorder);
}

.oc-checkbox-container.oc-selected .oc-checkbox-icon[data-v-7f520cf4] {
    visibility: visible;
}

.oc-checkbox-container.oc-selected .oc-checkbox-label[data-v-7f520cf4] {
    color: var(---c-checkboxSelectedLabel);
}

.oc-checkbox-container.oc-disabled[data-v-7f520cf4] {
    cursor: not-allowed;
}

.oc-checkbox-container.oc-disabled .oc-checkbox-bg[data-v-7f520cf4] {
    background-color: var(---c-checkboxDisabledBg);
    border: var(--checkboxDisabledBorder);
}

.oc-checkbox-container.oc-disabled .oc-checkbox-icon[data-v-7f520cf4] {
    color: var(---c-checkboxDisabled);
    margin: var(--checkboxIconDisabledMargin);
}

.oc-checkbox-container.oc-disabled .oc-checkbox-label[data-v-7f520cf4] {
    color: var(---c-checkboxDisabledLabel);
}

.oc-with-validation[data-v-7f520cf4] {
    margin-bottom: var(--checkboxWithValidationMarginBottom);
}

.oc-with-validation .oc-checkbox-label[data-v-7f520cf4] {
    font-weight: var(--checkboxWithValidationLabelFontWeight);
}

.oc-invalid[data-v-7f520cf4] {
    display: inline-block;
}

.oc-invalid .oc-checkbox-container .oc-checkbox-bg[data-v-7f520cf4] {
    border: var(--checkboxInvalidBorder);
}

@media (hover: hover) {
    .oc-invalid .oc-checkbox-container:hover .oc-checkbox-bg[data-v-7f520cf4] {
        border: var(--checkboxInvalidHoverBorder) !important;
    }
}

.oc-invalid.oc-shake[data-v-7f520cf4] {
    animation: shake-7f520cf4 0.2s ease-in-out 0s 2;
}

@keyframes shake-7f520cf4 {
    0% {
        margin-left: 0px;
        margin-right: 0px;
    }
    25% {
        margin-left: 5px;
        margin-right: 5px;
    }
    75% {
        margin-left: -5px;
        margin-right: -5px;
    }
    100% {
        margin-left: 0px;
        margin-right: 0px;
    }
}

                      .oc-el-button-group[data-v-e54b6b52] {
                          display: flex;
                          justify-content: center;
                      }

.oc-el-button-group span[data-v-e54b6b52] {
    margin: 0;
}

.oc-el-button-group.oc-stacked[data-v-e54b6b52] {
    flex-direction: column;
}

.oc-el-button-group.oc-wrapped[data-v-e54b6b52] {
    flex-wrap: wrap;
}

                      .oc-element-button-container .oc-element-button[data-v-64c7cd4b] {
                          height: var(--buttonHeight);
                          border: var(--buttonPrimaryBorder);
                          box-shadow: var(--buttonPrimaryShadow);
                          color: var(---c-buttonPrimaryFont);
                          background: var(---c-buttonPrimaryBg);
                          cursor: pointer;
                          padding: var(--buttonPadding);
                          border-radius: var(--buttonBorderRadius);
                          font-size: var(--buttonFontSize);
                          font-weight: var(--buttonFontWeight);
                          line-height: var(--buttonLineHeight);
                          font-style: var(--buttonFontStyle);
                      }

.oc-element-button-container .oc-element-button.oc-element-button-small[data-v-64c7cd4b] {
    height: var(--buttonHeightSmall);
    padding: var(--buttonPaddingSmall);
    font-size: var(--buttonFontSizeSmall);
    font-weight: var(--buttonFontWeightSmall);
}

.oc-element-button-container .oc-element-button .oc-element-button-icon[data-v-64c7cd4b] {
    position: relative;
    top: var(--buttonIconPositionTop);
    font-size: var(--buttonIconSize);
    margin-right: var(--buttonIconMarginRight);
}

.oc-element-button-container .oc-element-button .oc-element-button-content[data-v-64c7cd4b] {
    transition: opacity 75ms;
    opacity: 1;
}

@media (pointer: fine) {
    @media (hover: hover) {
        .oc-element-button-container .oc-element-button[data-v-64c7cd4b]:not(.oc-disabled):not(.oc-feedback):hover {
            color: var(---c-buttonPrimaryHoverFont);
            background: var(---c-buttonPrimaryHoverBg);
            border: var(--buttonPrimaryHoverBorder);
            box-shadow: var(--buttonPrimaryHoverShadow);
        }
    }
}

.oc-element-button-container .oc-element-button[data-v-64c7cd4b]:not(.oc-disabled):not(.oc-feedback):active,
.oc-element-button-container .oc-element-button:not(.oc-disabled):not(.oc-feedback).oc-active[data-v-64c7cd4b] {
    color: var(---c-buttonPrimaryActiveFont);
    background: var(---c-buttonPrimaryActiveBg);
    border: var(--buttonPrimaryActiveBorder);
    box-shadow: var(--buttonPrimaryActiveShadow);
}

.oc-element-button-container .oc-element-button:not(.oc-disabled).oc-element-button-secondary[data-v-64c7cd4b] {
    color: var(---c-buttonSecondaryFont);
    background: var(---c-buttonSecondaryBg);
    border: var(--buttonSecondaryBorder);
    box-shadow: var(--buttonSecondaryShadow);
}

@media (pointer: fine) {
    @media (hover: hover) {
        .oc-element-button-container .oc-element-button:not(.oc-disabled).oc-element-button-secondary[data-v-64c7cd4b]:not(.oc-feedback):hover {
            color: var(---c-buttonSecondaryHoverFont);
            background: var(---c-buttonSecondaryHoverBg);
            border: var(--buttonSecondaryHoverBorder);
            box-shadow: var(--buttonSecondaryHoverShadow);
        }
    }
}

.oc-element-button-container .oc-element-button:not(.oc-disabled).oc-element-button-secondary[data-v-64c7cd4b]:not(.oc-feedback):active,
.oc-element-button-container .oc-element-button:not(.oc-disabled).oc-element-button-secondary:not(.oc-feedback).oc-active[data-v-64c7cd4b] {
    color: var(---c-buttonSecondaryActiveFont);
    background: var(---c-buttonSecondaryActiveBg);
    border: var(--buttonSecondaryActiveBorder);
    box-shadow: var(--buttonSecondaryActiveShadow);
}

.oc-element-button-container .oc-element-button:not(.oc-disabled).oc-element-button-tertiary[data-v-64c7cd4b] {
    color: var(---c-buttonTertiaryFont);
    background: var(---c-buttonTertiaryBg);
    border: var(--buttonTertiaryBorder);
    box-shadow: var(--buttonTertiaryShadow);
}

@media (pointer: fine) {
    @media (hover: hover) {
        .oc-element-button-container .oc-element-button:not(.oc-disabled).oc-element-button-tertiary[data-v-64c7cd4b]:not(.oc-feedback):hover {
            color: var(---c-buttonTertiaryHoverFont);
            background: var(---c-buttonTertiaryHoverBg);
            border: var(--buttonTertiaryHoverBorder);
            box-shadow: var(--buttonTertiaryHoverShadow);
        }
    }
}

.oc-element-button-container .oc-element-button:not(.oc-disabled).oc-element-button-tertiary[data-v-64c7cd4b]:not(.oc-feedback):active,
.oc-element-button-container .oc-element-button:not(.oc-disabled).oc-element-button-tertiary:not(.oc-feedback).oc-active[data-v-64c7cd4b] {
    color: var(---c-buttonTertiaryActiveFont);
    background: var(---c-buttonTertiaryActiveBg);
    border: var(--buttonTertiaryActiveBorder);
    box-shadow: var(--buttonTertiaryActiveShadow);
}

.oc-element-button-container .oc-element-button:not(.oc-disabled).oc-element-button-warning[data-v-64c7cd4b] {
    color: var(---c-buttonWarningFont);
    background: var(---c-buttonWarningBg);
    border: var(--buttonWarningBorder);
    box-shadow: var(--buttonWarningShadow);
}

@media (pointer: fine) {
    @media (hover: hover) {
        .oc-element-button-container .oc-element-button:not(.oc-disabled).oc-element-button-warning[data-v-64c7cd4b]:not(.oc-feedback):hover {
            color: var(---c-buttonWarningHoverFont);
            background: var(---c-buttonWarningHoverBg);
            border: var(--buttonWarningHoverBorder);
            box-shadow: var(--buttonWarningHoverShadow);
        }
    }
}

.oc-element-button-container .oc-element-button:not(.oc-disabled).oc-element-button-warning[data-v-64c7cd4b]:not(.oc-feedback):active,
.oc-element-button-container .oc-element-button:not(.oc-disabled).oc-element-button-warning:not(.oc-feedback).oc-active[data-v-64c7cd4b] {
    color: var(---c-buttonWarningActiveFont);
    background: var(---c-buttonWarningActiveBg);
    border: var(--buttonWarningActiveBorder);
    box-shadow: var(--buttonWarningActiveShadow);
}

.oc-element-button-container .oc-element-button:not(.oc-disabled).oc-feedback[data-v-64c7cd4b] {
    transition: background 100ms;
    pointer-events: none;
    color: var(---c-buttonPrimaryFeedbackFont);
    background: var(---c-buttonPrimaryFeedbackBg);
    border: var(--buttonPrimaryFeedbackBorder);
    box-shadow: var(--buttonPrimaryFeedbackShadow);
}

.oc-element-button-container .oc-element-button:not(.oc-disabled).oc-feedback.oc-element-button-secondary[data-v-64c7cd4b] {
    color: var(---c-buttonSecondaryFeedbackFont);
    background: var(---c-buttonSecondaryFeedbackBg);
    border: var(--buttonSecondaryFeedbackBorder);
    box-shadow: var(--buttonSecondaryFeedbackShadow);
}

.oc-element-button-container .oc-element-button:not(.oc-disabled).oc-feedback.oc-element-button-tertiary[data-v-64c7cd4b] {
    color: var(---c-buttonTertiaryFeedbackFont);
    background: var(---c-buttonTertiaryFeedbackBg);
    border: var(--buttonTertiaryFeedbackBorder);
    box-shadow: var(--buttonTertiaryFeedbackShadow);
}

.oc-element-button-container .oc-element-button:not(.oc-disabled).oc-feedback.oc-element-button-warning[data-v-64c7cd4b] {
    color: var(---c-buttonWarningFeedbackFont);
    background: var(---c-buttonWarningFeedbackBg);
    border: var(--buttonWarningFeedbackBorder);
    box-shadow: var(--buttonWarningFeedbackShadow);
}

.oc-element-button-container .oc-element-button:not(.oc-disabled).oc-hide-label .oc-element-button-content[data-v-64c7cd4b] {
    opacity: 0;
}

.oc-element-button-container .oc-element-button.oc-disabled[data-v-64c7cd4b] {
    cursor: var(--buttonDisabledCursor);
    opacity: var(--buttonPrimaryDisabledOpacity);
    color: var(---c-buttonPrimaryDisabledFont);
    background: var(---c-buttonPrimaryDisabledBg);
    border: var(--buttonPrimaryDisabledBorder);
    box-shadow: var(--buttonPrimaryDisabledShadow);
}

.oc-element-button-container .oc-element-button.oc-disabled.oc-element-button-secondary[data-v-64c7cd4b] {
    color: var(---c-buttonSecondaryDisabledFont);
    opacity: var(--buttonSecondaryDisabledOpacity);
    background: var(---c-buttonSecondaryDisabledBg);
    border: var(--buttonSecondaryDisabledBorder);
    box-shadow: var(--buttonSecondaryDisabledShadow);
}

.oc-element-button-container .oc-element-button.oc-disabled.oc-element-button-tertiary[data-v-64c7cd4b] {
    color: var(---c-buttonTertiaryDisabledFont);
    opacity: var(--buttonTertiaryDisabledOpacity);
    background: var(---c-buttonTertiaryDisabledBg);
    border: var(--buttonTertiaryDisabledBorder);
    box-shadow: var(--buttonTertiaryDisabledShadow);
}

.oc-element-button-container .oc-element-button.oc-disabled.oc-element-button-warning[data-v-64c7cd4b] {
    color: var(---c-buttonWarningDisabledFont);
    opacity: var(--buttonWarningDisabledOpacity);
    background: var(---c-buttonWarningDisabledBg);
    border: var(--buttonWarningDisabledBorder);
    box-shadow: var(--buttonWarningDisabledShadow);
}

.oc-element-button-container .oc-element-button.oc-disabled.oc-loading .oc-element-button-content[data-v-64c7cd4b] {
    visibility: hidden;
    height: 0px;
}

.oc-element-button-container .oc-element-button.oc-disabled.oc-loading .fa-spin[data-v-64c7cd4b] {
    animation-duration: var(--buttonLoadingSpinnerSpeed);
}

.resize-observer[data-v-b329ee4c] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
    pointer-events: none;
    display: block;
    overflow: hidden;
    opacity: 0
}

.resize-observer[data-v-b329ee4c] object {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

:root {
    --page-container-max-width: 1272px;
    --page-side-padding: 1rem;
    --vertical-space-between-cols: 1rem
}

@font-face {
    font-family: Exo\ 2;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(""), url(/fonts/exo-2-v18-latin-ext_latin-regular.woff2?1f0bc52bf2d39496fdbcbe478f622af6) format("woff2"), url(/fonts/exo-2-v18-latin-ext_latin-regular.woff?c3643ba52032ffd67658e8a99b5e25e0) format("woff")
}

@font-face {
    font-family: Exo\ 2;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local(""), url(/fonts/exo-2-v18-latin-ext_latin-700.woff2?6101dd7e89ad7cc08a6c9220a515e351) format("woff2"), url(/fonts/exo-2-v18-latin-ext_latin-700.woff?af2274afe52b7c0f4dea6a0f8dc563eb) format("woff")
}

@font-face {
    font-family: Exo\ 2;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local(""), url(/fonts/exo-2-v18-latin-ext_latin-900.woff2?0ec577d67ee6cb8c57799a28ea366972) format("woff2"), url(/fonts/exo-2-v18-latin-ext_latin-900.woff?bf0bbcb56d100f6f12ed84b50586d031) format("woff")
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

/*! minireset.css v0.0.7 | MIT License | github.com/jgthms/minireset.css */
blockquote, body, dd, dl, dt, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, html, iframe, legend, li, ol, p, pre, textarea, ul {
    margin: 0;
    padding: 0
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 400
}

ul {
    list-style: none
}

button, input, select {
    margin: 0
}

html {
    box-sizing: border-box
}

*, :after, :before {
    box-sizing: inherit
}

img, video {
    height: auto;
    max-width: 100%
}

iframe {
    border: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper, :host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    overflow: hidden;
    list-style: none;
    padding: 0
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    -ms-scroll-snap-type: none;
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border-radius: 50%;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-top: 4px solid transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s linear infinite;
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg, .swiper-button-prev svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: normal;
    line-height: 1
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.feed-pagination, .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination-hidden.feed-pagination, .swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled.feed-pagination, .swiper-pagination-disabled > .feed-pagination, .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .feed-pagination__bullet, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .feed-pagination__bullet--active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.feed-pagination__bullet, .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.feed-pagination__bullet, button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .feed-pagination__bullet, .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.feed-pagination__bullet:only-child, .swiper-pagination-bullet:only-child {
    display: none !important
}

.feed-pagination__bullet--active, .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .feed-pagination__bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .feed-pagination__bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .feed-pagination__bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .feed-pagination__bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-horizontal > .swiper-pagination-bullets .feed-pagination__bullet, .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .feed-pagination__bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .feed-pagination__bullet, .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .feed-pagination__bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .feed-pagination__bullet, .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-contents {
    display: contents !important
}

@media (min-width: 480px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 910px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 1080px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 1380px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

.w-50 {
    width: 50% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100%
}

.mh-100 {
    max-height: 100%
}

.g-0, .gx-0 {
    --gutterX: 0rem !important
}

.g-0, .gy-0 {
    --gutterY: 0rem !important
}

.g-1, .gx-1 {
    --gutterX: 0.25rem !important
}

.g-1, .gy-1 {
    --gutterY: 0.25rem !important
}

.g-2, .gx-2 {
    --gutterX: 0.5rem !important
}

.g-2, .gy-2 {
    --gutterY: 0.5rem !important
}

.g-3, .gx-3 {
    --gutterX: 1rem !important
}

.g-3, .gy-3 {
    --gutterY: 1rem !important
}

.g-4, .gx-4 {
    --gutterX: 1.5rem !important
}

.g-4, .gy-4 {
    --gutterY: 1.5rem !important
}

.g-5, .gx-5 {
    --gutterX: 3rem !important
}

.g-5, .gy-5 {
    --gutterY: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0, .py-0 {
    padding-top: 0 !important
}

.pr-0, .px-0 {
    padding-right: 0 !important
}

.pb-0, .py-0 {
    padding-bottom: 0 !important
}

.pl-0, .px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1, .py-1 {
    padding-top: .25rem !important
}

.pr-1, .px-1 {
    padding-right: .25rem !important
}

.pb-1, .py-1 {
    padding-bottom: .25rem !important
}

.pl-1, .px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2, .py-2 {
    padding-top: .5rem !important
}

.pr-2, .px-2 {
    padding-right: .5rem !important
}

.pb-2, .py-2 {
    padding-bottom: .5rem !important
}

.pl-2, .px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3, .py-3 {
    padding-top: 1rem !important
}

.pr-3, .px-3 {
    padding-right: 1rem !important
}

.pb-3, .py-3 {
    padding-bottom: 1rem !important
}

.pl-3, .px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important
}

.pr-4, .px-4 {
    padding-right: 1.5rem !important
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4, .px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5, .py-5 {
    padding-top: 3rem !important
}

.pr-5, .px-5 {
    padding-right: 3rem !important
}

.pb-5, .py-5 {
    padding-bottom: 3rem !important
}

.pl-5, .px-5 {
    padding-left: 3rem !important
}

.m-0 {
    margin: 0 !important
}

.mt-0, .my-0 {
    margin-top: 0 !important
}

.mr-0, .mx-0 {
    margin-right: 0 !important
}

.mb-0, .my-0 {
    margin-bottom: 0 !important
}

.ml-0, .mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1, .my-1 {
    margin-top: .25rem !important
}

.mr-1, .mx-1 {
    margin-right: .25rem !important
}

.mb-1, .my-1 {
    margin-bottom: .25rem !important
}

.ml-1, .mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2, .my-2 {
    margin-top: .5rem !important
}

.mr-2, .mx-2 {
    margin-right: .5rem !important
}

.mb-2, .my-2 {
    margin-bottom: .5rem !important
}

.ml-2, .mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3, .my-3 {
    margin-top: 1rem !important
}

.mr-3, .mx-3 {
    margin-right: 1rem !important
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important
}

.ml-3, .mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5, .my-5 {
    margin-top: 3rem !important
}

.mr-5, .mx-5 {
    margin-right: 3rem !important
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important
}

.ml-5, .mx-5 {
    margin-left: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto, .my-auto {
    margin-top: auto !important
}

.mr-auto, .mx-auto {
    margin-right: auto !important
}

.mb-auto, .my-auto {
    margin-bottom: auto !important
}

.ml-auto, .mx-auto {
    margin-left: auto !important
}

.m-10 {
    margin: 10px !important
}

.mt-10, .my-10 {
    margin-top: 10px !important
}

.mr-10, .mx-10 {
    margin-right: 10px !important
}

.mb-10, .my-10 {
    margin-bottom: 10px !important
}

.ml-10, .mx-10 {
    margin-left: 10px !important
}

.m-20 {
    margin: 20px !important
}

.mt-20, .my-20 {
    margin-top: 20px !important
}

.mr-20, .mx-20 {
    margin-right: 20px !important
}

.mb-20, .my-20 {
    margin-bottom: 20px !important
}

.ml-20, .mx-20 {
    margin-left: 20px !important
}

.p-10 {
    padding: 10px !important
}

.pl-10, .px-10 {
    padding-left: 10px !important
}

.pr-10, .px-10 {
    padding-right: 10px !important
}

.p-20 {
    padding: 20px !important
}

.pl-20, .px-20 {
    padding-left: 20px !important
}

.pr-20, .px-20 {
    padding-right: 20px !important
}

.flex-row {
    flex-direction: row !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column {
    flex-direction: column !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.text-justify {
    text-align: justify !important
}

.text-left {
    text-align: left !important
}

.text-center {
    text-align: center !important
}

.text-right {
    text-align: right !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.document-upload-list-item__name, .game__title, .header__deposit-button-username, .text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.feed-item, .footer .nav__item, .form-el__warning, .modal__title, .no-results, .text-break, .toast-notification-content {
    word-break: break-word !important;
    overflow-wrap: break-word !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-underlined {
    text-decoration: underline !important
}

.font-weight-bold, .toast-notification-content__link {
    font-weight: 700 !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-italic {
    font-style: italic !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-visible {
    overflow: visible !important
}

.is-hidden {
    display: none !important
}

@media screen and (max-width: 909px) {
    .is-hidden-mobile {
        display: none !important
    }
}

@media print, screen and (min-width: 910px) {
    .is-hidden-tablet {
        display: none !important
    }
}

@media screen and (min-width: 910px)and (max-width: 1079px) {
    .is-hidden-tablet-only {
        display: none !important
    }
}

@media screen and (max-width: 1079px) {
    .is-hidden-touch {
        display: none !important
    }
}

@media screen and (min-width: 1080px) {
    .is-hidden-desktop {
        display: none !important
    }
}

@media screen and (min-width: 1080px)and (max-width: 1379px) {
    .is-hidden-desktop-only {
        display: none !important
    }
}

@media screen and (min-width: 1380px) {
    .is-hidden-widescreen {
        display: none !important
    }
}

@media screen and (min-width: 1380px)and (max-width: 1471px) {
    .is-hidden-widescreen-only {
        display: none !important
    }
}

@media screen and (min-width: 1472px) {
    .is-hidden-fullhd {
        display: none !important
    }
}

.has-cursor-pointer {
    cursor: pointer !important
}

.radius-none {
    border-radius: 0
}

.radius-small {
    border-radius: 5px
}

.radius-medium {
    border-radius: 10px
}

.radius-big {
    border-radius: 20px
}

.radius-full {
    border-radius: 50%
}

.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.dots-loader {
    margin: 100px auto;
    font-size: 15px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    -webkit-animation: dots-loader 1.1s linear infinite;
    animation: dots-loader 1.1s linear infinite;
    transform: translateZ(0)
}

@-webkit-keyframes dots-loader {
    0%, to {
        box-shadow: 0 -2.6em 0 0 #000, 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .5), -1.8em -1.8em 0 0 rgba(0, 0, 0, .7)
    }
    12.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .7), 1.8em -1.8em 0 0 #000, 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .5)
    }
    25% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .5), 1.8em -1.8em 0 0 rgba(0, 0, 0, .7), 2.5em 0 0 0 #000, 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .2)
    }
    37.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .5), 2.5em 0 0 0 rgba(0, 0, 0, .7), 1.75em 1.75em 0 0 #000, 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .2)
    }
    50% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .5), 1.75em 1.75em 0 0 rgba(0, 0, 0, .7), 0 2.5em 0 0 #000, -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .2)
    }
    62.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .5), 0 2.5em 0 0 rgba(0, 0, 0, .7), -1.8em 1.8em 0 0 #000, -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .2)
    }
    75% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .5), -1.8em 1.8em 0 0 rgba(0, 0, 0, .7), -2.6em 0 0 0 #000, -1.8em -1.8em 0 0 rgba(0, 0, 0, .2)
    }
    87.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .5), -2.6em 0 0 0 rgba(0, 0, 0, .7), -1.8em -1.8em 0 0 #000
    }
}

@keyframes dots-loader {
    0%, to {
        box-shadow: 0 -2.6em 0 0 #000, 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .5), -1.8em -1.8em 0 0 rgba(0, 0, 0, .7)
    }
    12.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .7), 1.8em -1.8em 0 0 #000, 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .5)
    }
    25% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .5), 1.8em -1.8em 0 0 rgba(0, 0, 0, .7), 2.5em 0 0 0 #000, 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .2)
    }
    37.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .5), 2.5em 0 0 0 rgba(0, 0, 0, .7), 1.75em 1.75em 0 0 #000, 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .2)
    }
    50% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .5), 1.75em 1.75em 0 0 rgba(0, 0, 0, .7), 0 2.5em 0 0 #000, -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .2)
    }
    62.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .5), 0 2.5em 0 0 rgba(0, 0, 0, .7), -1.8em 1.8em 0 0 #000, -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .2)
    }
    75% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .5), -1.8em 1.8em 0 0 rgba(0, 0, 0, .7), -2.6em 0 0 0 #000, -1.8em -1.8em 0 0 rgba(0, 0, 0, .2)
    }
    87.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .5), -2.6em 0 0 0 rgba(0, 0, 0, .7), -1.8em -1.8em 0 0 #000
    }
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

.banner .swiper-container, .banner .swiper-wrapper {
    z-index: unset
}

.game-list-container .swiper-container, .game-list-container .swiper-wrapper, .recommended-games .swiper-container, .recommended-games .swiper-wrapper {
    position: unset;
    box-sizing: border-box
}

.games-filter-list .swiper-container, .games-filter-list .swiper-wrapper {
    height: 100%
}

.carousel .swiper-container, .carousel .swiper-wrapper {
    position: unset
}

.carousel .swiper-wrapper {
    min-height: var(--cms-swiper-slide-min-height);
    max-height: var(--cms-swiper-slide-max-height)
}

.games-filter-list .swiper-slide {
    max-height: 28px;
    margin-top: auto;
    margin-bottom: auto;
    width: auto
}

.carousel .swiper-slide {
    height: auto;
    width: auto;
    overflow: hidden
}

.autocomplete__content, .dropdown-menu {
    z-index: 1000
}

.games-filter--sticky {
    z-index: 1001
}

@media screen and (min-width: 910px) {
    .chat:not(.chat--fullscreen) {
        z-index: 1002
    }
}

.chat-floating-icon {
    z-index: 1003
}

.sticky-footer {
    z-index: 1004
}

.notification-hub {
    z-index: 1005
}

.toast-notification-wrapper {
    z-index: 1006
}

.header {
    z-index: 1007
}

.hamburger {
    z-index: 1008
}

.modal {
    z-index: 1009
}

.modal.low {
    z-index: 1010
}

.modal.medium {
    z-index: 1011
}

.modal.high {
    z-index: 1012
}

.chat {
    z-index: 1013
}

:root {
    --gutterX: 1rem
}

.container, .doc-upload-warning-bar {
    max-width: var(--page-container-max-width);
    margin-left: auto;
    margin-right: auto;
    flex-basis: 100%
}

.page-content > .container, .page-content > .doc-upload-warning-bar {
    width: calc(100% - var(--page-side-padding) * 2)
}

.carousel .swiper-slide > .container, .carousel .swiper-slide > .doc-upload-warning-bar {
    height: 100%
}

.row {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin: calc(var(--vertical-space-between-cols) * -1) calc(var(--gutterX, 0rem) * -0.5) var(--vertical-space-between-cols);
    box-sizing: border-box
}

.row:last-child {
    margin-bottom: calc(var(--vertical-space-between-cols) * -1)
}

.row.banner-slide-item {
    margin-left: auto;
    margin-right: auto
}

.page-content--gameplay .row {
    flex: 1
}

.footer .row, .popup .row {
    z-index: 0
}

.carousel .swiper-slide > .container > .row, .carousel .swiper-slide > .doc-upload-warning-bar > .row, .carousel .swiper-slide > .row {
    height: 100%
}

.carousel .swiper-horizontal .swiper-slide > .container > .row, .carousel .swiper-horizontal .swiper-slide > .doc-upload-warning-bar > .row, .carousel .swiper-horizontal .swiper-slide > .row {
    margin-top: 0;
    margin-bottom: 0
}

.col {
    position: relative;
    flex: 1 0 0%;
    padding: var(--vertical-space-between-cols);
    padding-left: calc(var(--gutterX, 0rem) * 0.5);
    padding-right: calc(var(--gutterX, 0rem) * 0.5)
}

.page-content--gameplay .col {
    height: 100%
}

.footer .col, .popup .col {
    z-index: 2
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col__link-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

@media screen and (min-width: 480px) {
    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media screen and (min-width: 910px) {
    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media screen and (min-width: 1080px) {
    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media screen and (min-width: 1380px) {
    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

.col-1of5 {
    flex: 0 0 auto;
    width: 20%
}

.col-2of5 {
    flex: 0 0 auto;
    width: 40%
}

.col-3of5 {
    flex: 0 0 auto;
    width: 60%
}

.col-4of5 {
    flex: 0 0 auto;
    width: 80%
}

@media screen and (min-width: 480px) {
    .col-sm-1of5 {
        flex: 0 0 auto;
        width: 20%
    }

    .col-sm-2of5 {
        flex: 0 0 auto;
        width: 40%
    }

    .col-sm-3of5 {
        flex: 0 0 auto;
        width: 60%
    }

    .col-sm-4of5 {
        flex: 0 0 auto;
        width: 80%
    }
}

@media screen and (min-width: 910px) {
    .col-md-1of5 {
        flex: 0 0 auto;
        width: 20%
    }

    .col-md-2of5 {
        flex: 0 0 auto;
        width: 40%
    }

    .col-md-3of5 {
        flex: 0 0 auto;
        width: 60%
    }

    .col-md-4of5 {
        flex: 0 0 auto;
        width: 80%
    }
}

@media screen and (min-width: 1080px) {
    .col-lg-1of5 {
        flex: 0 0 auto;
        width: 20%
    }

    .col-lg-2of5 {
        flex: 0 0 auto;
        width: 40%
    }

    .col-lg-3of5 {
        flex: 0 0 auto;
        width: 60%
    }

    .col-lg-4of5 {
        flex: 0 0 auto;
        width: 80%
    }
}

@media screen and (min-width: 1380px) {
    .col-xl-1of5 {
        flex: 0 0 auto;
        width: 20%
    }

    .col-xl-2of5 {
        flex: 0 0 auto;
        width: 40%
    }

    .col-xl-3of5 {
        flex: 0 0 auto;
        width: 60%
    }

    .col-xl-4of5 {
        flex: 0 0 auto;
        width: 80%
    }
}

.background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    pointer-events: none
}

.background--fullwidth {
    width: 100vw;
    left: 50%;
    transform: translateX(-50%)
}

.banner .background--fullwidth {
    left: 50vw
}

.carousel .background--fullwidth {
    width: auto;
    left: 0;
    transform: none
}

body, html {
    height: 100%
}

html {
    font-size: 16px;
    line-height: normal;
    overflow-x: hidden;
    overflow-y: auto;
    scroll-behavior: smooth;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%
}

html.scroll-lock {
    overflow: hidden;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    touch-action: none;
    -webkit-overflow-scrolling: none
}

body {
    --bp-mobile: 480px;
    --bp-tablet: 910px;
    --bp-desktop: 1080px;
    --bp-widescreen: 1380px;
    --bp-fullhd: 1472px;
    color: #46474b;
    font-family: Exo\ 2;
    font-size: 1rem
}

h1 {
    margin: 0
}

span {
    font-style: inherit;
    font-weight: inherit
}

a {
    color: #f60;
    cursor: pointer;
    text-decoration: none
}

a:hover {
    color: #db4a00
}

button {
    background: transparent;
    color: inherit;
    border: 0;
    padding: 0;
    line-height: inherit;
    outline: 0
}

input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 1
}

hr {
    background: transparent;
    border: none;
    height: 2px;
    margin: 1.5rem 0
}

[id] {
    scroll-margin-top: var(--fixed-elements-total-height, 0)
}

.vue-cmsplus-app--is-gamepage {
    display: flex;
    flex-direction: column;
    height: 100%
}

.vue-cmsplus-app--is-gamepage .sticky-footer-wrapper {
    display: none
}

.vue-cmsplus-app--page-scroll-disabled {
    height: 100vh;
    overflow: hidden
}

.vue-cmsplus-app--scroll-locked {
    position: fixed;
    width: 100%
}

[v-cloak] {
    display: none !important
}

.subtitle, .title {
    color: #1a3174;
    font-family: Exo\ 2;
    font-weight: 700
}

.subtitle.is-1, .title.is-1 {
    font-size: 26px;
    font-weight: 900
}

@media screen and (min-width: 480px) {
    .subtitle.is-1, .title.is-1 {
        font-size: 32px
    }
}

.subtitle.is-2, .title.is-2 {
    font-size: 26px
}

.subtitle.is-3, .title.is-3 {
    font-size: 20px
}

.subtitle.is-4, .title.is-4 {
    font-size: 18px
}

.subtitle.is-5, .title.is-5 {
    font-size: 14px
}

.subtitle.is-6, .title.is-6 {
    font-size: 12px
}

.subtitle.is-7, .subtitle.is-8, .subtitle.is-9, .subtitle.is-10, .title.is-7, .title.is-8, .title.is-9, .title.is-10 {
    font-size: 10px
}

p.is-1 {
    font-size: 18px
}

p.is-2 {
    font-size: 16px
}

p.is-3 {
    font-size: 14px
}

p.is-4 {
    font-size: 12px
}

p.is-5, p.is-6, p.is-7, p.is-8, p.is-9, p.is-10 {
    font-size: 11px
}

p.link-1 {
    font-size: 12px;
    line-height: 1;
    color: #f60;
    cursor: pointer
}

.page-content {
    background-color: #f2f2f2;
    padding: var(--vertical-space-between-cols) 0
}

@supports (-webkit-touch-callout:none) {
    .page-content {
        overflow: hidden
    }
}

.page-content--gameplay {
    display: flex;
    flex: 1 1 100%
}

.page-content-mobile-gameplay {
    display: flex;
    flex: 1;
    flex-direction: column
}

.document-upload__remove-all, .game-list__more, .page-link, .toast-notification-content__link {
    color: #f60;
    transition: color .15s
}

.document-upload__remove-all:hover, .game-list__more:hover, .page-link:hover, .toast-notification-content__link:hover {
    color: #db4a00;
    text-decoration: underline
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes slide-in-up {
    0% {
        opacity: 0;
        transform: translateY(max(15%, 1em))
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slide-in-up {
    0% {
        opacity: 0;
        transform: translateY(max(15%, 1em))
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes slide-in-down {
    0% {
        opacity: 0;
        transform: translateY(min(-15%, -1em))
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slide-in-down {
    0% {
        opacity: 0;
        transform: translateY(min(-15%, -1em))
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes rotate {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}

@-webkit-keyframes list {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes list {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes toast {
    0% {
        transform: translateY(100%);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes toast {
    0% {
        transform: translateY(100%);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes toast-reverse {
    0% {
        transform: translateY(-100%);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes toast-reverse {
    0% {
        transform: translateY(-100%);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes bounce-right-in {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }
    60% {
        opacity: 1;
        transform: translateX(5%)
    }
    80% {
        transform: translateX(-2%)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes bounce-right-in {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }
    60% {
        opacity: 1;
        transform: translateX(5%)
    }
    80% {
        transform: translateX(-2%)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.fade-enter-active, .fade-leave-active {
    -webkit-animation-name: fade-in;
    animation-name: fade-in;
    -webkit-animation-duration: var(--transition-fade-duration, .15s);
    animation-duration: var(--transition-fade-duration, .15s)
}

.fade-leave-active {
    animation-direction: reverse
}

.slide-down-enter-active, .slide-down-leave-active {
    -webkit-animation-name: slide-in-down;
    animation-name: slide-in-down;
    -webkit-animation-duration: var(--transition-slide-down-duration, .3s);
    animation-duration: var(--transition-slide-down-duration, .3s)
}

.slide-down-leave-active {
    animation-direction: reverse
}

.list-enter-active, .list-leave-active {
    -webkit-animation-name: list;
    animation-name: list;
    -webkit-animation-duration: var(--transition-list-duration, .3s);
    animation-duration: var(--transition-list-duration, .3s);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.list-leave-active {
    animation-direction: reverse
}

.toast-enter-active, .toast-leave-active {
    -webkit-animation-name: toast;
    animation-name: toast;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.toast-leave-active {
    -webkit-animation-name: toast-reverse;
    animation-name: toast-reverse;
    animation-direction: reverse
}

.chat-header__icon--close, .chat__icon, .game-list__clear-filter, .gameplay-actions__icon-close, .games-search__close, .hamburger__close, .icon-close, .modal-close, .time-bar__close-icon, .toast-notification__close {
    display: flex
}

.chat-header__icon--close:before, .chat__icon:before, .game-list__clear-filter:before, .gameplay-actions__icon-close:before, .games-search__close:before, .hamburger__close:before, .icon-close:before, .modal-close:before, .time-bar__close-icon:before, .toast-notification__close:before {
    content: "";
    display: inline-block;
    -webkit-mask-image: url(/static/betnation/images/close.svg);
    mask-image: url(/static/betnation/images/close.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: currentColor;
    width: 1em;
    height: 1em
}

.game-list__clear-filter:before, .icon-close--bold:before {
    -webkit-mask-image: url(/static/betnation/images/close-bold.svg);
    mask-image: url(/static/betnation/images/close-bold.svg)
}

.admin-site-switcher:not(.admin-site-switcher--opened):before, .admin-site-switcher__btn--close:before, .fa:before, .fas:before, .swiper-button-next:before, .swiper-button-prev:before {
    content: "";
    display: inline-block;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    background: currentColor;
    width: 1em;
    height: 1em
}

.fa-angle-left:before, .swiper-button-prev:before {
    -webkit-mask-image: url(/static/betnation/images/fa/angle-left.svg);
    mask-image: url(/static/betnation/images/fa/angle-left.svg)
}

.fa-angle-right:before, .swiper-button-next:before {
    -webkit-mask-image: url(/static/betnation/images/fa/angle-right.svg);
    mask-image: url(/static/betnation/images/fa/angle-right.svg)
}

.fa-chevron-left:before {
    -webkit-mask-image: url(/static/betnation/images/fa/chevron-left.svg);
    mask-image: url(/static/betnation/images/fa/chevron-left.svg)
}

.fa-chevron-right:before {
    -webkit-mask-image: url(/static/betnation/images/fa/chevron-right.svg);
    mask-image: url(/static/betnation/images/fa/chevron-right.svg)
}

.fa-chevron-circle-right:before {
    -webkit-mask-image: url(/static/betnation/images/fa/chevron-circle-right.svg);
    mask-image: url(/static/betnation/images/fa/chevron-circle-right.svg)
}

.fa-arrow-right:before {
    -webkit-mask-image: url(/static/betnation/images/fa/arrow-right.svg);
    mask-image: url(/static/betnation/images/fa/arrow-right.svg)
}

.fa-caret-right:before {
    -webkit-mask-image: url(/static/betnation/images/fa/caret-right.svg);
    mask-image: url(/static/betnation/images/fa/caret-right.svg)
}

.admin-site-switcher__btn--close:before, .fa-times:before {
    -webkit-mask-image: url(/static/betnation/images/fa/times.svg);
    mask-image: url(/static/betnation/images/fa/times.svg)
}

.fa-heart:before {
    -webkit-mask-image: url(/static/betnation/images/fa/heart.svg);
    mask-image: url(/static/betnation/images/fa/heart.svg)
}

.admin-site-switcher:not(.admin-site-switcher--opened):before, .fa-user-cog:before {
    -webkit-mask-image: url(/static/betnation/images/fa/user-cog.svg);
    mask-image: url(/static/betnation/images/fa/user-cog.svg)
}

.fa-edit:before {
    -webkit-mask-image: url(/static/betnation/images/fa/edit.svg);
    mask-image: url(/static/betnation/images/fa/edit.svg)
}

.fa-list:before {
    -webkit-mask-image: url(/static/betnation/images/fa/list.svg);
    mask-image: url(/static/betnation/images/fa/list.svg)
}

.btn, .document-upload__add-files-btn, .document-upload__send-btn, .game-list__load-more, .hamburger__btn, .header-actions__button--loader, .header-actions__button--logout, .no-results__btn, .self-imposed-limits-summary-input-group__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: #fff;
    height: 38px;
    padding: 0 1rem;
    font-size: 14px;
    font-weight: 700;
    font-family: Exo\ 2;
    line-height: normal;
    border: 1px solid transparent;
    border-radius: 22px;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0;
    transition-property: color, background, border-color, box-shadow;
    transition-duration: .15s
}

.btn:not(.btn--disabled), .btn:not(:disabled), .document-upload__add-files-btn:not(.btn--disabled), .document-upload__add-files-btn:not(:disabled), .document-upload__send-btn:not(.btn--disabled), .document-upload__send-btn:not(:disabled), .game-list__load-more:not(.btn--disabled), .game-list__load-more:not(:disabled), .hamburger__btn:not(.btn--disabled), .hamburger__btn:not(:disabled), .header-actions__button--loader:not(.btn--disabled), .header-actions__button--loader:not(:disabled), .header-actions__button--logout:not(.btn--disabled), .header-actions__button--logout:not(:disabled), .no-results__btn:not(.btn--disabled), .no-results__btn:not(:disabled), .self-imposed-limits-summary-input-group__btn:not(.btn--disabled), .self-imposed-limits-summary-input-group__btn:not(:disabled) {
    cursor: pointer
}

.btn--disabled.document-upload__add-files-btn, .btn--disabled.document-upload__send-btn, .btn--disabled.game-list__load-more, .btn--disabled.hamburger__btn, .btn--disabled.header-actions__button--loader, .btn--disabled.header-actions__button--logout, .btn--disabled.no-results__btn, .btn--disabled.self-imposed-limits-summary-input-group__btn, .btn.btn--disabled, .btn:disabled, .document-upload__add-files-btn:disabled, .document-upload__send-btn:disabled, .game-list__load-more:disabled, .hamburger__btn:disabled, .header-actions__button--loader:disabled, .header-actions__button--logout:disabled, .no-results__btn:disabled, .self-imposed-limits-summary-input-group__btn:disabled {
    cursor: not-allowed
}

.btn--is-loading.document-upload__add-files-btn, .btn--is-loading.document-upload__send-btn, .btn--is-loading.game-list__load-more, .btn--is-loading.hamburger__btn, .btn--is-loading.header-actions__button--logout, .btn--is-loading.no-results__btn, .btn--is-loading.self-imposed-limits-summary-input-group__btn, .btn.btn--is-loading, .header-actions__button--loader {
    position: relative;
    cursor: wait
}

.btn--is-loading.document-upload__add-files-btn:after, .btn--is-loading.document-upload__add-files-btn:before, .btn--is-loading.document-upload__send-btn:after, .btn--is-loading.document-upload__send-btn:before, .btn--is-loading.game-list__load-more:after, .btn--is-loading.game-list__load-more:before, .btn--is-loading.hamburger__btn:after, .btn--is-loading.hamburger__btn:before, .btn--is-loading.header-actions__button--logout:after, .btn--is-loading.header-actions__button--logout:before, .btn--is-loading.no-results__btn:after, .btn--is-loading.no-results__btn:before, .btn--is-loading.self-imposed-limits-summary-input-group__btn:after, .btn--is-loading.self-imposed-limits-summary-input-group__btn:before, .btn.btn--is-loading:after, .btn.btn--is-loading:before, .header-actions__button--loader:after, .header-actions__button--loader:before {
    content: "";
    position: absolute
}

.btn--is-loading.document-upload__add-files-btn:before, .btn--is-loading.document-upload__send-btn:before, .btn--is-loading.game-list__load-more:before, .btn--is-loading.hamburger__btn:before, .btn--is-loading.header-actions__button--logout:before, .btn--is-loading.no-results__btn:before, .btn--is-loading.self-imposed-limits-summary-input-group__btn:before, .btn.btn--is-loading:before, .header-actions__button--loader:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: inherit;
    -webkit-animation: fade-in .1s linear;
    animation: fade-in .1s linear
}

.btn--is-loading.document-upload__add-files-btn:after, .btn--is-loading.document-upload__send-btn:after, .btn--is-loading.game-list__load-more:after, .btn--is-loading.hamburger__btn:after, .btn--is-loading.header-actions__button--logout:after, .btn--is-loading.no-results__btn:after, .btn--is-loading.self-imposed-limits-summary-input-group__btn:after, .btn.btn--is-loading:after, .header-actions__button--loader:after {
    display: block;
    width: var(--btn--loader-size, 1em);
    height: var(--btn--loader-size, 1em);
    border-color: transparent transparent currentcolor currentcolor;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
    left: calc(50% - var(--btn--loader-size, 1em) / 2);
    top: calc(50% - var(--btn--loader-size, 1em) / 2);
    -webkit-animation: fade-in .1s linear, rotate 1s linear infinite;
    animation: fade-in .1s linear, rotate 1s linear infinite
}

.btn--is-loading.btn--link.document-upload__add-files-btn, .btn--is-loading.btn--link.document-upload__send-btn, .btn--is-loading.btn--link.game-list__load-more, .btn--is-loading.btn--link.hamburger__btn, .btn--is-loading.btn--link.header-actions__button--logout, .btn--is-loading.btn--link.no-results__btn, .btn--is-loading.btn--link.self-imposed-limits-summary-input-group__btn, .btn--link.header-actions__button--loader, .btn.btn--is-loading.btn--link {
    color: transparent !important
}

.btn--is-loading.btn--link.document-upload__add-files-btn:after, .btn--is-loading.btn--link.document-upload__send-btn:after, .btn--is-loading.btn--link.game-list__load-more:after, .btn--is-loading.btn--link.hamburger__btn:after, .btn--is-loading.btn--link.header-actions__button--logout:after, .btn--is-loading.btn--link.no-results__btn:after, .btn--is-loading.btn--link.self-imposed-limits-summary-input-group__btn:after, .btn--link.header-actions__button--loader:after, .btn.btn--is-loading.btn--link:after {
    color: #1a3174
}

.feed .btn, .feed .document-upload__add-files-btn, .feed .document-upload__send-btn, .feed .game-list__load-more, .feed .hamburger__btn, .feed .header-actions__button--loader, .feed .header-actions__button--logout, .feed .no-results__btn, .feed .self-imposed-limits-summary-input-group__btn {
    z-index: 2
}

.affiliate .btn, .affiliate .document-upload__add-files-btn, .affiliate .document-upload__send-btn, .affiliate .game-list__load-more, .affiliate .hamburger__btn, .affiliate .header-actions__button--loader, .affiliate .header-actions__button--logout, .affiliate .no-results__btn, .affiliate .self-imposed-limits-summary-input-group__btn, .registration-step .btn, .registration-step .document-upload__add-files-btn, .registration-step .document-upload__send-btn, .registration-step .game-list__load-more, .registration-step .hamburger__btn, .registration-step .header-actions__button--loader, .registration-step .header-actions__button--logout, .registration-step .no-results__btn, .registration-step .self-imposed-limits-summary-input-group__btn {
    width: 100%
}

.btn--sm, .game-actions__btn {
    height: 32px;
    padding: 0 .75rem
}

.btn--lg, .document-upload__add-files-btn, .floated-container__btn, .game-list__load-more, .login-actions__button, .modal-btn--primary, .modal-btn--secondary, .sub-header__button {
    height: 44px;
    padding: 0 1rem
}

.btn--primary, .document-upload__send-btn, .game-actions__btn--real, .game-modal__content-btn--real, .game-modal__header-btn--primary, .hamburger__btn--primary, .modal-btn--primary, .player-reality-check__btn--primary, .sub-header__button--primary {
    background-color: #f60;
    color: #fff
}

.autocomplete.is-active .btn--primary.input, .autocomplete.is-active .input.document-upload__send-btn, .autocomplete.is-active .input.game-actions__btn--real, .autocomplete.is-active .input.game-modal__content-btn--real, .autocomplete.is-active .input.game-modal__header-btn--primary, .autocomplete.is-active .input.hamburger__btn--primary, .autocomplete.is-active .input.player-reality-check__btn--primary, .autocomplete.is-active .input.sub-header__button--primary, .autocomplete.is-active .modal-btn--primary.input, .btn--primary:focus, .document-upload__send-btn:focus, .game-actions__btn--real:focus, .game-modal__content-btn--real:focus, .game-modal__header-btn--primary:focus, .hamburger__btn--primary:focus, .modal-btn--primary:focus, .player-reality-check__btn--primary:focus, .sub-header__button--primary:focus {
    box-shadow: 0 0 0 3px #ff973f
}

.autocomplete.is-active .btn--primary.input:not(:focus-visible), .autocomplete.is-active .input.document-upload__send-btn:not(:focus-visible), .autocomplete.is-active .input.game-actions__btn--real:not(:focus-visible), .autocomplete.is-active .input.game-modal__content-btn--real:not(:focus-visible), .autocomplete.is-active .input.game-modal__header-btn--primary:not(:focus-visible), .autocomplete.is-active .input.hamburger__btn--primary:not(:focus-visible), .autocomplete.is-active .input.player-reality-check__btn--primary:not(:focus-visible), .autocomplete.is-active .input.sub-header__button--primary:not(:focus-visible), .autocomplete.is-active .modal-btn--primary.input:not(:focus-visible), .btn--primary:focus:not(:focus-visible), .document-upload__send-btn:focus:not(:focus-visible), .game-actions__btn--real:focus:not(:focus-visible), .game-modal__content-btn--real:focus:not(:focus-visible), .game-modal__header-btn--primary:focus:not(:focus-visible), .hamburger__btn--primary:focus:not(:focus-visible), .modal-btn--primary:focus:not(:focus-visible), .player-reality-check__btn--primary:focus:not(:focus-visible), .sub-header__button--primary:focus:not(:focus-visible) {
    box-shadow: none
}

.btn--primary:focus-visible, .document-upload__send-btn:focus-visible, .game-actions__btn--real:focus-visible, .game-modal__content-btn--real:focus-visible, .game-modal__header-btn--primary:focus-visible, .hamburger__btn--primary:focus-visible, .modal-btn--primary:focus-visible, .player-reality-check__btn--primary:focus-visible, .sub-header__button--primary:focus-visible {
    box-shadow: 0 0 0 3px #ff973f
}

.btn--primary:active, .btn--primary:hover, .document-upload__send-btn:active, .document-upload__send-btn:hover, .game-actions__btn--real:active, .game-actions__btn--real:hover, .game-modal__content-btn--real:active, .game-modal__content-btn--real:hover, .game-modal__header-btn--primary:active, .game-modal__header-btn--primary:hover, .hamburger__btn--primary:active, .hamburger__btn--primary:hover, .modal-btn--primary:active, .modal-btn--primary:hover, .player-reality-check__btn--primary:active, .player-reality-check__btn--primary:hover, .sub-header__button--primary:active, .sub-header__button--primary:hover {
    background-color: #ff973f;
    color: #fff
}

.btn--primary:disabled, .document-upload__send-btn:disabled, .game-actions__btn--real:disabled, .game-modal__content-btn--real:disabled, .game-modal__header-btn--primary:disabled, .hamburger__btn--primary:disabled, .modal-btn--primary:disabled, .player-reality-check__btn--primary:disabled, .sub-header__button--primary:disabled {
    background-color: #d9d9d9;
    color: #94959c;
    box-shadow: none
}

.btn--secondary, .cookie-consent__button, .document-upload__add-files-btn, .game-actions__btn--fun, .game-modal__content-btn--fun, .hamburger__btn--secondary, .header-actions__button--logout, .modal-btn--secondary, .player-reality-check__btn--secondary, .self-imposed-limits-summary-input-group__btn {
    background-color: #1a3174;
    color: #fff
}

.autocomplete.is-active .btn--secondary.input, .autocomplete.is-active .input.cookie-consent__button, .autocomplete.is-active .input.document-upload__add-files-btn, .autocomplete.is-active .input.game-actions__btn--fun, .autocomplete.is-active .input.game-modal__content-btn--fun, .autocomplete.is-active .input.hamburger__btn--secondary, .autocomplete.is-active .input.header-actions__button--logout, .autocomplete.is-active .input.player-reality-check__btn--secondary, .autocomplete.is-active .input.self-imposed-limits-summary-input-group__btn, .autocomplete.is-active .modal-btn--secondary.input, .btn--secondary:focus, .cookie-consent__button:focus, .document-upload__add-files-btn:focus, .game-actions__btn--fun:focus, .game-modal__content-btn--fun:focus, .hamburger__btn--secondary:focus, .header-actions__button--logout:focus, .modal-btn--secondary:focus, .player-reality-check__btn--secondary:focus, .self-imposed-limits-summary-input-group__btn:focus {
    box-shadow: 0 0 0 3px #e3eaff
}

.autocomplete.is-active .btn--secondary.input:not(:focus-visible), .autocomplete.is-active .input.cookie-consent__button:not(:focus-visible), .autocomplete.is-active .input.document-upload__add-files-btn:not(:focus-visible), .autocomplete.is-active .input.game-actions__btn--fun:not(:focus-visible), .autocomplete.is-active .input.game-modal__content-btn--fun:not(:focus-visible), .autocomplete.is-active .input.hamburger__btn--secondary:not(:focus-visible), .autocomplete.is-active .input.header-actions__button--logout:not(:focus-visible), .autocomplete.is-active .input.player-reality-check__btn--secondary:not(:focus-visible), .autocomplete.is-active .input.self-imposed-limits-summary-input-group__btn:not(:focus-visible), .autocomplete.is-active .modal-btn--secondary.input:not(:focus-visible), .btn--secondary:focus:not(:focus-visible), .cookie-consent__button:focus:not(:focus-visible), .document-upload__add-files-btn:focus:not(:focus-visible), .game-actions__btn--fun:focus:not(:focus-visible), .game-modal__content-btn--fun:focus:not(:focus-visible), .hamburger__btn--secondary:focus:not(:focus-visible), .header-actions__button--logout:focus:not(:focus-visible), .modal-btn--secondary:focus:not(:focus-visible), .player-reality-check__btn--secondary:focus:not(:focus-visible), .self-imposed-limits-summary-input-group__btn:focus:not(:focus-visible) {
    box-shadow: none
}

.btn--secondary:focus-visible, .cookie-consent__button:focus-visible, .document-upload__add-files-btn:focus-visible, .game-actions__btn--fun:focus-visible, .game-modal__content-btn--fun:focus-visible, .hamburger__btn--secondary:focus-visible, .header-actions__button--logout:focus-visible, .modal-btn--secondary:focus-visible, .player-reality-check__btn--secondary:focus-visible, .self-imposed-limits-summary-input-group__btn:focus-visible {
    box-shadow: 0 0 0 3px #e3eaff
}

.btn--secondary:active, .btn--secondary:hover, .cookie-consent__button:active, .cookie-consent__button:hover, .document-upload__add-files-btn:active, .document-upload__add-files-btn:hover, .game-actions__btn--fun:active, .game-actions__btn--fun:hover, .game-modal__content-btn--fun:active, .game-modal__content-btn--fun:hover, .hamburger__btn--secondary:active, .hamburger__btn--secondary:hover, .header-actions__button--logout:active, .header-actions__button--logout:hover, .modal-btn--secondary:active, .modal-btn--secondary:hover, .player-reality-check__btn--secondary:active, .player-reality-check__btn--secondary:hover, .self-imposed-limits-summary-input-group__btn:active, .self-imposed-limits-summary-input-group__btn:hover {
    background-color: #4763ab;
    color: #fff
}

.btn--secondary:disabled, .cookie-consent__button:disabled, .document-upload__add-files-btn:disabled, .game-actions__btn--fun:disabled, .game-modal__content-btn--fun:disabled, .hamburger__btn--secondary:disabled, .header-actions__button--logout:disabled, .modal-btn--secondary:disabled, .player-reality-check__btn--secondary:disabled, .self-imposed-limits-summary-input-group__btn:disabled {
    background-color: #d9d9d9;
    color: #94959c;
    box-shadow: none
}

.btn--tertiary, .feed__promo-btn, .floated-container__btn, .game-list__load-more, .game-modal__header-btn--secondary, .no-results__btn, .sub-header__button--secondary {
    background-color: #1a3174;
    color: #fff;
    border-color: #fff
}

.autocomplete.is-active .btn--tertiary.input, .autocomplete.is-active .input.feed__promo-btn, .autocomplete.is-active .input.floated-container__btn, .autocomplete.is-active .input.game-list__load-more, .autocomplete.is-active .input.game-modal__header-btn--secondary, .autocomplete.is-active .input.no-results__btn, .autocomplete.is-active .input.sub-header__button--secondary, .btn--tertiary:focus, .feed__promo-btn:focus, .floated-container__btn:focus, .game-list__load-more:focus, .game-modal__header-btn--secondary:focus, .no-results__btn:focus, .sub-header__button--secondary:focus {
    box-shadow: 0 0 0 3px #e3eaff
}

.autocomplete.is-active .btn--tertiary.input:not(:focus-visible), .autocomplete.is-active .input.feed__promo-btn:not(:focus-visible), .autocomplete.is-active .input.floated-container__btn:not(:focus-visible), .autocomplete.is-active .input.game-list__load-more:not(:focus-visible), .autocomplete.is-active .input.game-modal__header-btn--secondary:not(:focus-visible), .autocomplete.is-active .input.no-results__btn:not(:focus-visible), .autocomplete.is-active .input.sub-header__button--secondary:not(:focus-visible), .btn--tertiary:focus:not(:focus-visible), .feed__promo-btn:focus:not(:focus-visible), .floated-container__btn:focus:not(:focus-visible), .game-list__load-more:focus:not(:focus-visible), .game-modal__header-btn--secondary:focus:not(:focus-visible), .no-results__btn:focus:not(:focus-visible), .sub-header__button--secondary:focus:not(:focus-visible) {
    box-shadow: none
}

.btn--tertiary:focus-visible, .feed__promo-btn:focus-visible, .floated-container__btn:focus-visible, .game-list__load-more:focus-visible, .game-modal__header-btn--secondary:focus-visible, .no-results__btn:focus-visible, .sub-header__button--secondary:focus-visible {
    box-shadow: 0 0 0 3px #e3eaff
}

.btn--tertiary:active, .btn--tertiary:hover, .feed__promo-btn:active, .feed__promo-btn:hover, .floated-container__btn:active, .floated-container__btn:hover, .game-list__load-more:active, .game-list__load-more:hover, .game-modal__header-btn--secondary:active, .game-modal__header-btn--secondary:hover, .no-results__btn:active, .no-results__btn:hover, .sub-header__button--secondary:active, .sub-header__button--secondary:hover {
    background-color: #4763ab;
    color: #fff
}

.btn--tertiary:disabled, .feed__promo-btn:disabled, .floated-container__btn:disabled, .game-list__load-more:disabled, .game-modal__header-btn--secondary:disabled, .no-results__btn:disabled, .sub-header__button--secondary:disabled {
    background-color: #d9d9d9;
    color: #94959c;
    border-color: #94959c;
    box-shadow: none
}

.btn--link {
    color: #1a3174;
    border-color: transparent
}

.autocomplete.is-active .btn--link.input, .btn--link:focus, .btn--link:hover {
    color: #132563;
    text-decoration: underline
}

.dropdown {
    color: #68686d;
    outline: none;
    line-height: normal;
    position: relative
}

.dropdown.dropdown--phone-num {
    --dropdown-toggle-justify-content: space-around;
    --dropdown-toggle-width: 110px;
    --dropdown-toggle-padding: 0 0 0 6px;
    --dropdown-item-color: #94959c;
    --dropdown-item-padding: 12px 17px;
    --dropdown-item__title-margin: 0 0 0 20px;
    border-radius: 2px 0 0 2px
}

.dropdown.is-active {
    --dropdown-toggle-background: #fff;
    --dropdown-toggle-box-shadow: 0 0 0 3px #f2f2f2;
    --dropdown-icon-transform: scaleY(-1);
    --dropdown-menu-display: block;
    border-color: #94959c;
    z-index: 2
}

.dropdown.is-active.dropdown--error {
    --dropdown-toggle-box-shadow: 0 0 0 3px #ff1616
}

.dropdown.dropdown--error {
    --dropdown-toggle-border: 1px solid #ff1616
}

.games-filter .dropdown {
    height: 100%;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    border-left: 1px solid #db4a00
}

@media screen and (min-width: 910px) {
    .games-filter .dropdown {
        border-right: 1px solid #db4a00
    }
}

.dropdown-toggle {
    display: inline-flex;
    justify-content: var(--dropdown-toggle-justify-content, unset);
    align-items: center;
    position: relative;
    width: var(--dropdown-toggle-width, 100%);
    height: 44px;
    padding: var(--dropdown-toggle-padding, 9px 12px);
    background: var(--dropdown-toggle-background, #f2f2f2);
    color: #68686d;
    border: var(--dropdown-toggle-border, 1px solid #d9d9d9);
    border-radius: var(--dropdown-toggle-border-radius, 6px);
    box-shadow: var(--dropdown-toggle-box-shadow, none);
    cursor: pointer;
    outline: none;
    transition: border .2s
}

.autocomplete.is-active .dropdown-toggle.input, .dropdown-toggle:focus, .dropdown-toggle:hover {
    border-color: #d9d9d9
}

.autocomplete.is-active .dropdown-toggle.input, .dropdown-toggle:focus {
    box-shadow: 0 0 0 3px #f2f2f2
}

.lang-switcher .dropdown-toggle {
    background: transparent;
    color: currentColor;
    border: none;
    box-shadow: none;
    padding: 0
}

.hamburger .dropdown-toggle {
    height: unset;
    padding: 0
}

.dropdown--phone-num .dropdown-toggle {
    --dropdown-toggle-border-radius: 6px 0 0 6px;
    border-right: none
}

.games-filter .dropdown-toggle {
    border: none;
    box-shadow: none;
    outline: 0
}

.dropdown-toggle__title {
    font-size: 16px
}

.dropdown-icon {
    -webkit-mask-image: url(/static/betnation/images/arrow-down-icon.svg);
    mask-image: url(/static/betnation/images/arrow-down-icon.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    background-color: currentColor;
    width: 20px;
    height: 20px;
    display: inline-flex;
    flex: 0 0 auto;
    transform: var(--dropdown-icon-transform, 0);
    transition: transform .1s linear
}

.dropdown-icon--flag, .dropdown-icon--flag.fi {
    background-color: transparent;
    -webkit-mask: none;
    mask: none;
    width: 20px;
    font-size: 20px;
    transform: unset
}

.autocomplete__content, .dropdown-menu {
    display: var(--dropdown-menu-display, none);
    position: absolute;
    top: 100%;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    font-size: 14px;
    min-width: var(--dropdown-menu-min-width, 100%);
    max-height: 250px;
    margin-top: 4px;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .25);
    overflow: hidden;
    overflow-y: auto;
    cursor: pointer
}

@supports selector(::-webkit-scrollbar) {
    .autocomplete__content::-webkit-scrollbar, .dropdown-menu::-webkit-scrollbar {
        max-width: 4px;
        max-height: 4px
    }

    .autocomplete__content::-webkit-scrollbar-thumb, .dropdown-menu::-webkit-scrollbar-thumb {
        background: #68686d;
        border-radius: 4px
    }

    .autocomplete__content::-webkit-scrollbar-track, .dropdown-menu::-webkit-scrollbar-track {
        background: #d9d9d9;
        border-radius: 4px
    }
}

@supports not selector(::-webkit-scrollbar) {
    .autocomplete__content, .dropdown-menu {
        scrollbar-color: #68686d #d9d9d9;
        scrollbar-width: thin
    }
}

.games-filter .autocomplete__content, .games-filter .dropdown-menu {
    width: calc(100vw - 4px);
    left: auto;
    right: 0;
    margin-top: 0
}

@media screen and (min-width: 480px) {
    .games-filter .autocomplete__content, .games-filter .dropdown-menu {
        max-width: 340px
    }
}

.hamburger .autocomplete__content, .hamburger .dropdown-menu {
    left: 50%;
    transform: translate(-50%)
}

.dropdown-menu__title {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #1a3174;
    padding: 8px 14px 4px
}

.games-filter .dropdown-menu__title {
    font-size: 12px;
    cursor: default
}

.autocomplete__content-item, .dropdown-item {
    display: flex;
    align-items: center;
    position: relative;
    padding: var(--dropdown-item-padding, 12px 14px);
    font-size: 14px;
    color: var(--dropdown-item-color, #46474b);
    transition: background .2s, color .2s;
    height: 44px;
    width: 100%;
    cursor: pointer
}

.autocomplete__content-item:hover, .dropdown-item:hover {
    background: #f2f2f2;
    color: #070707
}

.dropdown-item.is-active, .is-active.autocomplete__content-item {
    --dropdown-item__title-margin: 0 24px 0 0;
    --dropdown-item__icon-display: block
}

.dropdown-item__title {
    margin: var(--dropdown-item__title-margin, 0)
}

.dropdown-item__icon {
    display: var(--dropdown-item__icon-display, none);
    position: absolute;
    right: 8px;
    height: 20px;
    width: 20px;
    background: url(/static/betnation/images/checkmark-circled.svg) no-repeat
}

.modal {
    position: fixed;
    display: none;
    inset: 0;
    width: 100%;
    height: 100%;
    background: rgba(7, 7, 7, .5);
    outline: 0
}

.modal.sm {
    --modal-dialog-max-width: 343px
}

.modal.md {
    --modal-dialog-max-width: 600px
}

.modal.xl {
    --modal-dialog-max-width: 1056px
}

.modal.modal--fullscreen {
    --modal-dialog-width: 100%;
    --modal-dialog-max-width: 100%;
    --modal-dialog-margin: 0;
    --modal-body-height: 100%;
    --modal-body-min-height: var(--viewport-height, 100vh);
    --modal-body-border-radius: 0
}

@media screen and (max-width: 479px) {
    .modal.modal--mobile-fullscreen {
        --modal-dialog-width: 100%;
        --modal-dialog-max-width: 100%;
        --modal-dialog-margin: 0;
        --modal-body-height: 100%;
        --modal-body-min-height: var(--viewport-height, 100vh);
        --modal-body-border-radius: 0
    }
}

.modal.modal--sportsbook-leaderboard {
    z-index: calc(var(--cashier-z-index, 999999) + 1)
}

.modal--is-active {
    display: block;
    overflow-x: hidden;
    overflow-y: auto
}

.games-search__close, .modal-close {
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    border-radius: 6px;
    color: #68686d;
    font-size: 20px;
    width: 32px;
    height: 32px;
    padding: 0;
    margin: -6px -6px -6px auto;
    cursor: pointer;
    order: -1;
    z-index: 1;
    transition: background .15s ease-out, color .15s ease-out
}

@media (hover: hover)and (pointer: fine) {
    .games-search__close:hover, .modal-close:hover {
        background: #e0e2e9
    }
}

.modal-header--bigger .games-search__close, .modal-header--bigger .modal-close {
    width: 32px;
    height: 32px;
    font-size: 20px
}

.modal--sportsbook-leaderboard .games-search__close, .modal--sportsbook-leaderboard .modal-close {
    position: absolute;
    top: 8px;
    right: 8px
}

.modal-dialog {
    position: relative;
    width: var(--modal-dialog-width, calc(100% - 32px));
    margin: var(--modal-dialog-margin, 1.75rem auto);
    max-width: var(--modal-dialog-max-width)
}

.modal-dialog--centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 3.5rem)
}

.modal-content {
    position: relative;
    width: 100%;
    height: var(--modal-body-height, auto);
    min-height: var(--modal-body-min-height, 0);
    padding: 16px 16px 24px;
    font-size: 12px;
    background: #fff;
    background-clip: padding-box;
    border-radius: var(--modal-body-border-radius, 8px);
    outline: 0;
    -webkit-animation: slide-in-up .2s linear;
    animation: slide-in-up .2s linear
}

.modal--sportsbook-leaderboard .modal-content {
    padding: 0
}

.modal-header {
    display: flex;
    flex-direction: column
}

.modal-header--bigger {
    --modal__title-font-size: 26px;
    --modal__title-margin-top: -12px
}

.modal__title {
    color: #1a3174;
    font-size: var(--modal__title-font-size, 18px);
    font-family: Exo\ 2;
    text-align: center;
    font-weight: 700;
    line-height: normal;
    padding: 0 24px;
    margin-top: var(--modal__title-margin-top, 4px);
    margin-bottom: 16px;
    text-transform: uppercase
}

.modal__title:empty:after {
    content: ""
}

.modal-footer, .player-max-balance-limit-reached__actions {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.session-limit-almost-reached-modal .modal-footer__button, .session-limit-almost-reached-modal .player-max-balance-limit-reached__btn {
    width: 100%
}

.modal-action-button, .modal-footer__button, .player-max-balance-limit-reached__btn {
    width: 220px
}

.fine-print__modal-actions, .modal-actions {
    display: grid;
    gap: 16px;
    margin-top: 24px
}

.fine-print__modal-actions, .modal-actions--inline {
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr)
}

.slider {
    position: relative
}

.slider-container {
    display: flex;
    overflow: hidden;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
    flex: 1 1 auto
}

.slider-arrow {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 24pt;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1.5rem;
    width: 1.5rem;
    cursor: pointer;
    z-index: 2;
    opacity: .8;
    transition: opacity .3s
}

.slider-arrow:hover {
    opacity: 1
}

.slider-arrow.is-disabled {
    cursor: default;
    opacity: 0
}

.slider-arrow--left {
    left: 3%
}

.slider-arrow--right {
    right: 3%
}

.form-field:not(:last-child) {
    margin-bottom: 1.5rem
}

.form-field:not(:last-child) + .form-field {
    margin-top: -20px
}

.form-field__group {
    display: grid;
    gap: 16px
}

@media screen and (min-width: 480px) {
    .form-field__group {
        grid-auto-flow: column
    }
}

.form-field__group--no-gap {
    --form-el-no-gap-border-radius-override: 0;
    --form-el-no-gap-border-width-override: 1px 0;
    gap: 0
}

.form-field__group--phone-num {
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    grid-template-columns:auto;
    gap: 0
}

@media screen and (min-width: 480px) {
    .form-field__group--date {
        --form-el-no-gap-border-radius-override: 0;
        --form-el-no-gap-border-width-override: 1px;
        gap: 0 16px
    }
}

.form-field__group--buttons, .form-field__group--row-flow {
    grid-auto-flow: row
}

.form-field__group--buttons {
    gap: 24px
}

.form-field__group--pending-limits {
    grid-auto-flow: row
}

.form-label, .input-self-imposed-limit__label {
    color: #46474b;
    font-size: 12px;
    line-height: 20px;
    position: relative;
    top: 0;
    left: 12px;
    transition: .15s linear;
    transition-property: top, left;
    z-index: 1
}

.form-label--placeholder {
    font-size: 16px;
    top: 32px;
    left: 12px;
    color: #94959c
}

.form-label--required:after {
    content: "*"
}

.form-label--readonly {
    left: 0
}

.form-legend {
    font-size: 16px;
    line-height: 22px;
    color: #46474b
}

.form-fieldset {
    border: none
}

.autocomplete.is-active .input, .form-el {
    display: block;
    width: 100%;
    padding: 12px;
    font-size: 1rem;
    color: #070707;
    background-color: #fff;
    border: 1px solid #e0e2e9;
    border-radius: 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.autocomplete.is-active .input::-moz-placeholder, .form-el::-moz-placeholder {
    color: var(--form-el-placeholder-color, #94959c)
}

.autocomplete.is-active .input:-ms-input-placeholder, .form-el:-ms-input-placeholder {
    color: var(--form-el-placeholder-color, #94959c)
}

.autocomplete.is-active .input::placeholder, .form-el::placeholder {
    color: var(--form-el-placeholder-color, #94959c)
}

.autocomplete.is-active .input:required, .form-el:required {
    box-shadow: none
}

.autocomplete.is-active .input, .form-el:focus {
    background-color: #fff;
    border-color: #e0e2e9;
    box-shadow: 0 0 0 3px var(--form-el-focus-box-shadow-color, #f2f2f2);
    z-index: 1
}

.autocomplete.is-active .input:disabled, .form-el:disabled {
    background-color: #e0e2e9;
    border-color: #d9d9d9;
    pointer-events: none
}

.autocomplete.error .autocomplete.is-active .input, .autocomplete.error .form-el.input, .autocomplete.is-active .autocomplete.error .input, .autocomplete.is-active .form-el--error.input, .form-el.form-el--error {
    --form-el-focus-box-shadow-color: #ff1616;
    --form-el-autofill-border-color: #ff1616;
    border-color: #ff1616
}

.autocomplete.is-active .form-field__group--phone-num .input, .form-field__group--phone-num .autocomplete.is-active .input, .form-field__group--phone-num .form-el {
    border-radius: 0 2px 2px 0
}

@media screen and (min-width: 480px) {
    .autocomplete.is-active .input:not(:first-of-type):not(:last-of-type), .form-el:not(:first-of-type):not(:last-of-type) {
        border-width: var(--form-el-no-gap-border-width-override, 1px);
        border-radius: var(--form-el-no-gap-border-radius-override, 2px)
    }

    .autocomplete.is-active .input:first-of-type:not(:last-of-type), .form-el:first-of-type:not(:last-of-type) {
        border-radius: 2px var(--form-el-no-gap-border-radius-override, 2px) var(--form-el-no-gap-border-radius-override, 2px) 2px
    }

    .autocomplete.is-active .input:last-of-type:not(:first-of-type), .form-el:last-of-type:not(:first-of-type) {
        border-radius: var(--form-el-no-gap-border-radius-override, 2px) 2px 2px var(--form-el-no-gap-border-radius-override, 2px)
    }
}

.autocomplete.is-active .input:-webkit-autofill, .form-el:-webkit-autofill, .form-el:-webkit-autofill:focus, .form-el:-webkit-autofill:hover {
    border: 1px solid var(--form-el-autofill-border-color, #d9d9d9);
    -webkit-text-fill-color: #070707;
    box-shadow: inset 0 0 0 1000px #f2f2f2;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

.autocomplete.is-active [type=password].input::-ms-clear, .autocomplete.is-active [type=password].input::-ms-reveal, .form-el[type=password]::-ms-clear, .form-el[type=password]::-ms-reveal {
    display: none
}

.autocomplete.is-active .form-el--readonly.input, .autocomplete.is-active [readonly].input, .form-el.form-el--readonly, .form-el[readonly] {
    padding: 16px 0 0;
    border: none;
    background: transparent;
    pointer-events: none;
    --form-el-focus-box-shadow-color: none
}

.form-el__desc {
    color: #68686d;
    font-size: 11px;
    line-height: 1.45;
    margin-top: 2px
}

.form-el__error-txt, .password-change__error-txt {
    color: #ff1616;
    font-size: 11px;
    padding: 4px 0 0 12px
}

.form-el__error-txt--with-icon {
    display: flex;
    align-items: center;
    margin: 26px 12px 0
}

.form__notice {
    display: flex;
    color: #ff1616;
    margin: 24px 0 0
}

.form__notice-text {
    flex: 1
}

.form-input-group {
    position: relative
}

.form-input {
    height: 44px
}

.form-input--has-icon-left {
    padding-left: 44px
}

.form-input--has-icon-right {
    padding-right: 44px
}

.form-input__icon {
    display: none;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    margin: 12px
}

.form-input__icon[icon-name=ok] {
    background: url(/static/betnation/images/checkmark-circled.svg) no-repeat
}

.form-input__icon[icon-name=error] {
    background: url(/static/betnation/images/verification-error.svg) no-repeat
}

.form-input__icon[icon-name=showPassword] {
    background: url(/static/betnation/images/show-password-icon.svg) no-repeat
}

.form-input__icon[icon-name=hidePassword] {
    background: url(/static/betnation/images/hide-password-icon.svg) no-repeat
}

.form-el__error-txt .form-input__icon, .form__notice .form-input__icon, .password-change__error-txt .form-input__icon {
    display: block;
    position: relative;
    margin: 0 12px 0 0;
    top: 2px
}

.login .form-input__icon {
    display: block
}

.form-input__icon--right {
    right: 0
}

.form-select {
    background-image: url(/static/betnation/images/arrow-down-icon.svg);
    background-repeat: no-repeat;
    background-position: right 6px center;
    padding-right: 30px;
    cursor: pointer;
    height: 44px
}

@media screen and (min-width: 480px) {
    .form-select {
        background-position: right 12px center;
        padding-right: 40px
    }
}

.form-select:disabled {
    cursor: default;
    border: none;
    padding: 0;
    background: transparent;
    pointer-events: none
}

.form-el__warning {
    display: flex;
    color: #070707;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    margin-top: 2px
}

.self-imposed-limits-summary .form-el__warning {
    margin-top: 18px
}

.form-el__warning:before {
    content: "";
    background-image: url(/static/betnation/images/warning.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    margin-top: -2px;
    flex-shrink: 0
}

.fake-inputs {
    z-index: -1000;
    height: 0;
    width: 0;
    border: none;
    position: absolute;
    outline: 0;
    opacity: 0
}

.faq ol, .fine-print ol, .platform-notification__body ol, .text-content ol, ol.ol-custom-numbers {
    list-style-type: none !important;
    counter-reset: ol-number
}

.faq ol > li, .fine-print ol > li, .platform-notification__body ol > li, .text-content ol > li, ol.ol-custom-numbers > li {
    counter-increment: ol-number
}

.faq ol > li:before, .fine-print ol > li:before, .platform-notification__body ol > li:before, .text-content ol > li:before, ol.ol-custom-numbers > li:before {
    content: counter(ol-number) ".";
    display: inline-block;
    color: #1a3174;
    margin-right: .75em;
    font-weight: 700;
    line-height: 1.75
}

.faq ul, .fine-print ul, .platform-notification__body ul, .text-content ul, ul.ul-custom-bullets {
    list-style: none !important
}

.faq ul > li:before, .fine-print ul > li:before, .platform-notification__body ul > li:before, .text-content ul > li:before, ul.ul-custom-bullets > li:before {
    content: "";
    display: inline-block;
    background: #1a3174;
    width: .5em;
    height: .5em;
    border-radius: 50%;
    margin-left: .125em;
    margin-right: 1em;
    margin-bottom: .125em;
    line-height: 1.75;
    flex-shrink: 0
}

.table-custom {
    border-color: transparent
}

.table-custom > thead td, .table-custom > thead th {
    background: #46474b;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
    font-stretch: normal;
    height: 40px;
    padding: 12px 8px;
    text-align: left;
    border: none;
    text-transform: uppercase;
    box-shadow: inset 0 -1px 0 0 #1a3174
}

.table-custom > tbody tr {
    background: #f2f2f2;
    transition: background .15s
}

@media (hover: hover)and (pointer: fine) {
    .table-custom > tbody tr:hover {
        background: #fff
    }
}

.table-custom > tbody td {
    color: #46474b;
    border: transparent;
    border-bottom: 1px solid #e0e2e9;
    font-size: 12px;
    line-height: 18px;
    height: 44px;
    padding: 4px 8px
}

.radio-custom[type=radio] {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute
}

.radio-custom[type=radio] + label {
    display: inline-flex;
    justify-content: center;
    position: relative;
    padding-left: 34px;
    line-height: normal;
    margin: 0 32px 12px 0;
    padding-top: 3px;
    font-size: 14px;
    cursor: pointer;
    outline: none
}

.autocomplete.is-active .radio-custom[type=radio] + label.input, .radio-custom[type=radio] + label:focus {
    --radio-box-shadow: 0 0 3px 0 #f2f2f2
}

.autocomplete.is-active .radio-custom[type=radio] + label.input, .radio-custom[type=radio] + label:focus, .radio-custom[type=radio] + label:hover {
    --radio-bg: #fff;
    --radio-border: 2px solid #68686d
}

.radio-custom[type=radio] + label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border: var(--radio-border, 1px solid #e0e2e9);
    border-radius: 50%;
    background: var(--radio-bg, #fff);
    box-shadow: var(--radio-box-shadow, none);
    box-sizing: border-box
}

.radio-custom[type=radio] + label:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 16px;
    height: 16px;
    background: #f60;
    border-radius: 50%;
    transform: scale(0)
}

.radio-custom[type=radio]:checked:not(:disabled) + label:before {
    border: 2px solid #68686d
}

.radio-custom[type=radio]:checked:not(:disabled) + label:after {
    transform: scale(1)
}

.autocomplete.is-active .radio-custom[type=radio].radio-custom--error + label.input, .radio-custom[type=radio].radio-custom--error + label:focus {
    --radio-box-shadow: 0 0 3px 0 #ff1616
}

.radio-custom[type=radio].radio-custom--error + label:before {
    border-color: #ff1616
}

.radio-custom[type=radio].radio-custom--error + label:after {
    background: #ff1616
}

.radio-custom[type=radio].radio-custom--disabled + label {
    cursor: default;
    --radio-border: 2px solid #d9d9d9;
    --radio-bg: #e0e2e9;
    margin: 6px 40px 6px 12px
}

.autocomplete.is-active .radio-custom[type=radio].radio-custom--disabled + label.input, .radio-custom[type=radio].radio-custom--disabled + label:focus, .radio-custom[type=radio].radio-custom--disabled + label:hover {
    --radio-border: 2px solid #d9d9d9;
    --radio-bg: #e0e2e9
}

.radio-custom--animated + label:before, .radio-custom[type=radio] + label:before {
    transition: background, border, box-shadow;
    transition-duration: .15s
}

.radio-custom--animated + label:after, .radio-custom[type=radio] + label:after {
    transition: transform .15s
}

.checkbox-custom {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute
}

.checkbox-custom + label {
    display: inline-block;
    position: relative;
    color: #46474b;
    padding-left: 34px;
    font-size: 14px;
    cursor: pointer;
    line-height: 24px
}

.checkbox-custom + label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border: 1px solid #e0e2e9;
    border-radius: 4px;
    background: #fff;
    box-sizing: border-box
}

.checkbox-custom + label:after {
    content: "";
    -webkit-mask: url(/static/betnation/images/checkmark.svg) no-repeat center;
    mask: url(/static/betnation/images/checkmark.svg) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 14px;
    height: 14px;
    background-color: #1a3174;
    opacity: var(--checkbox-custom-checkmark-opacity, 0);
    box-sizing: border-box
}

.autocomplete.is-active .checkbox-custom.input:not(:disabled) + label:before, .checkbox-custom:not(:disabled):focus + label:before {
    background: #fff;
    border-color: #68686d;
    border-width: 2px;
    box-shadow: 0 0 0 3px var(--form-el-focus-box-shadow-color, #f2f2f2)
}

.checkbox-custom:not(:disabled):hover + label:before {
    background: #fff;
    border-color: #68686d;
    border-width: 2px
}

.checkbox-custom:not(:disabled):checked + label {
    --checkbox-custom-checkmark-opacity: 1
}

.checkbox-custom:not(:disabled):checked + label:before {
    background: #fff;
    border-color: #68686d;
    border-width: 2px
}

.checkbox-custom.checkbox-custom--error {
    --form-el-focus-box-shadow-color: #ff1616
}

.checkbox-custom.checkbox-custom--error + label {
    color: #ff1616
}

.checkbox-custom.checkbox-custom--error + label:before {
    border-color: #ff1616
}

.checkbox-custom.checkbox-custom--error + label:after {
    color: #ff1616
}

.checkbox-custom--centered + label:after, .checkbox-custom--centered + label:before {
    top: 50%;
    transform: translateY(-50%)
}

.checkbox-custom + label:before, .checkbox-custom--animated + label:before {
    transition: background, border, box-shadow;
    transition-duration: .15s
}

.checkbox-custom + label:after, .checkbox-custom--animated + label:after {
    transition: opacity .15s
}

@media screen and (max-width: 909px) {
    .text-content {
        font-size: 12px
    }
}

.loader {
    position: relative;
    border: solid #e0e2e9;
    border-width: var(--loader-thickness, 2px);
    border-top: var(--loader-thickness, 2px) solid #f60;
    border-radius: 50%;
    display: block;
    height: var(--loader-size, 1em);
    width: var(--loader-size, 1em);
    -webkit-animation: rotate .8s linear infinite;
    animation: rotate .8s linear infinite
}

.regily-module .loader {
    all: unset
}

.loader--centered {
    top: 50%;
    margin-top: calc(var(--loader-size, 1em) * -1 / 2)
}

.loader--centered, .loader--centeredX {
    left: 50%;
    margin-left: calc(var(--loader-size, 1em) * -1 / 2)
}

:root {
    --tag-img-overflow-amount: -6px
}

.tag-img {
    position: absolute;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    width: 50%;
    height: 50%;
    pointer-events: none
}

.tag-img--top-left {
    top: 0;
    left: 0;
    background-position: 0 0
}

.tag-img--top-left.tag-img--overflow {
    top: var(--tag-img-overflow-amount);
    left: var(--tag-img-overflow-amount)
}

.tag-img--top-right {
    top: 0;
    right: 0;
    background-position: 100% 0
}

.tag-img--top-right.tag-img--overflow {
    top: var(--tag-img-overflow-amount);
    right: var(--tag-img-overflow-amount)
}

.tag-img--bottom-left {
    bottom: 0;
    left: 0;
    background-position: 0 100%
}

.tag-img--bottom-left.tag-img--overflow {
    bottom: var(--tag-img-overflow-amount);
    left: var(--tag-img-overflow-amount)
}

.tag-img--bottom-right {
    bottom: 0;
    right: 0;
    background-position: 100% 100%
}

.tag-img--bottom-right.tag-img--overflow {
    bottom: var(--tag-img-overflow-amount);
    right: var(--tag-img-overflow-amount)
}

.lazy-img {
    opacity: .2 !important;
    transition: opacity .25s ease-out !important
}

.lazy-img--fading-in {
    opacity: 1 !important
}

img:not([src]) {
    visibility: hidden
}

.autocomplete {
    position: relative
}

.autocomplete.is-active {
    --autocomplete__content-display: block
}

.autocomplete__content {
    display: var(--autocomplete__content-display, none);
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%
}

.banner-slide {
    max-width: 100vw
}

.banner-slide-item {
    min-height: var(--cms-banner-slide-item-min-height, auto)
}

.slider-container .banner-slide-item {
    flex: 1 0 100%;
    margin-bottom: 0
}

.balance-section {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    color: #fff;
    max-width: 250px
}

.chat {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    -webkit-animation: fade-in .15s linear;
    animation: fade-in .15s linear
}

@media screen and (min-width: 910px) {
    .chat:not(.chat--fullscreen) {
        display: block;
        height: 527px;
        width: 375px;
        max-height: calc(100vh - 210px);
        top: auto;
        left: auto;
        right: 10px;
        bottom: 24px;
        border-radius: 10px;
        overflow: hidden;
        transform: scaleY(0);
        transform-origin: bottom;
        transition: none
    }
}

.chat--is-open {
    --chat-body-height: calc(100% - 123px);
    display: block;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .4)
}

@media screen and (min-width: 910px) {
    .chat--is-open:not(.chat--fullscreen) {
        transform: scaleY(1);
        transition: transform .25s ease-out
    }
}

.chat__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;
    font-size: 18px
}

@media screen and (min-width: 910px) {
    .chat:not(.chat--fullscreen) .chat__icon {
        font-size: 30px;
        margin-right: 10px
    }
}

.chat__input {
    width: 250px;
    height: 100%;
    border: none;
    font-size: 16px;
    color: #94959c;
    background-color: #f2f2f2
}

.autocomplete.is-active .chat__input.input, .chat__input:focus {
    outline: none
}

.chat__input::-moz-placeholder {
    color: #94959c
}

.chat__input:-ms-input-placeholder {
    color: #94959c
}

.chat__input::placeholder {
    color: #94959c
}

.chat-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    color: #fff;
    background: #f60;
    font-size: 18px;
    font-weight: 700;
    height: 58px
}

.chat-header__title {
    margin: 0 auto 0 18px;
    text-transform: uppercase
}

.chat-header__time {
    white-space: nowrap
}

.chat-header__icon {
    color: #fff
}

.chat-header__icon--main {
    -webkit-mask-image: url(/static/betnation/images/support.svg);
    mask-image: url(/static/betnation/images/support.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: currentColor;
    width: 24px;
    height: 24px
}

.chat-header__icon--close {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    font-size: 20px;
    border-radius: 6px;
    cursor: pointer;
    transition: background .15s
}

@media screen and (min-width: 480px) {
    .chat-header__icon--close:hover {
        background: hsla(0, 0%, 100%, .2)
    }
}

.chat-body {
    display: flex;
    flex-direction: column;
    padding: 16px 8px;
    height: var(--chat-body-height, 0)
}

.chat-body--unavailable {
    color: #46474b;
    text-align: center
}

.chat-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f2f2f2;
    border-top: 1px solid #d9d9d9;
    height: 65px;
    padding: 0 20px 0 16px
}

.chat-controls__icon-send {
    width: 25px;
    height: 25px;
    font-size: 25px;
    color: #d9d9d9;
    transition: color .15s
}

.chat-controls__icon-send:before {
    content: "";
    display: inline-block;
    -webkit-mask-image: url(/static/betnation/images/send.svg);
    mask-image: url(/static/betnation/images/send.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: currentColor;
    width: 1em;
    height: 1em
}

.chat-controls__icon-send--is-active {
    color: #94959c;
    cursor: pointer
}

.chat-conversation {
    overflow: hidden;
    overflow-y: auto;
    padding: 0 4px;
    height: 100%
}

@supports selector(::-webkit-scrollbar) {
    .chat-conversation::-webkit-scrollbar {
        max-width: 5px;
        max-height: 5px
    }

    .chat-conversation::-webkit-scrollbar-thumb {
        background: #68686d;
        border-radius: 4px
    }

    .chat-conversation::-webkit-scrollbar-track {
        background: #d9d9d9;
        border-radius: 4px
    }
}

@supports not selector(::-webkit-scrollbar) {
    .chat-conversation {
        scrollbar-color: #68686d #d9d9d9;
        scrollbar-width: thin
    }
}

@media screen and (min-width: 910px) {
    .chat:not(.chat--fullscreen) .chat-conversation {
        padding: 0 4px
    }
}

.chat-msg {
    position: relative;
    color: #fff;
    font-size: 12px;
    max-width: 84%;
    padding: 6px 0 6px 66px
}

.chat-msg--left {
    --chat-msg__text-bg: #e0e2e9;
    --chat-msg__text-color: #46474b
}

.chat-msg--right {
    --chat-msg__text-bg: #132563;
    margin-left: auto;
    text-align: right
}

.chat-msg__badge {
    width: 52px;
    height: 52px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 6px;
    border-radius: 50%;
    background: #1a3174;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .83px;
    text-transform: uppercase
}

.chat-msg__date, .chat-msg__nickname {
    display: inline-block;
    font-size: 12px;
    margin-bottom: 8px;
    color: #46474b
}

.chat-msg__text {
    display: inline-block;
    background: var(--chat-msg__text-bg, #666);
    color: var(--chat-msg__text-color, #fff);
    font-size: 14px;
    line-height: 1.43;
    padding: 12px 16px;
    border-radius: 8px;
    text-align: left;
    max-width: 94%
}

.chat-msg__text > a {
    color: #f60
}

.chat-msg__text > a:hover {
    text-decoration: none
}

.chat-bubbles {
    min-height: 20%;
    padding: 24px 32px
}

.chat-bubble {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 6px;
    font-size: 12px;
    padding: 5px 7px;
    cursor: pointer;
    border: 1px solid;
    border-radius: 10px
}

.chat-floating-icon {
    display: none
}

.chat-container {
    flex: unset
}

.claimable-bonus {
    display: block;
    padding: 16px 16px 0
}

.claimable-bonus__text {
    font-size: 12px;
    color: #68686d;
    text-align: center;
    line-height: normal;
    letter-spacing: normal;
    padding: 0 0 24px
}

.cookie-consent {
    background-color: #f2f2f2;
    display: flex;
    align-items: center;
    padding: 8px 7px 25px 10px
}

@media screen and (min-width: 910px) {
    .cookie-consent {
        padding: 5px 34px 6px 60px;
        min-height: 50px
    }
}

.cookie-consent-icon {
    height: 26px;
    width: 26px
}

.cookie-consent-content {
    width: 100%;
    padding: 0 11px 0 16px
}

@media screen and (min-width: 910px) {
    .cookie-consent-content {
        display: flex;
        flex-wrap: wrap;
        padding: 0 16px
    }
}

.cookie-consent-content__title {
    color: #1a3174;
    font-size: 16px;
    font-weight: 700;
    width: 100%
}

.cookie-consent-content__text {
    font-size: 12px;
    line-height: 14px;
    color: #46474b;
    margin-top: 4px
}

@media screen and (min-width: 910px) {
    .cookie-consent-content__text {
        margin-top: 0
    }
}

.cookie-consent__button {
    min-width: 80px
}

@media screen and (min-width: 910px) {
    .cookie-consent__button {
        min-width: 138px;
        min-height: 38px
    }
}

.document-upload {
    font-size: 14px;
    background: #fff;
    color: #46474b;
    max-width: 832px;
    padding: 32px 16px;
    margin: 32px auto 0;
    border-radius: 6px
}

.document-upload input[type=file] {
    width: 0;
    height: 0;
    opacity: 0;
    outline: 0
}

.document-upload__instructions {
    font-size: 14px;
    margin-bottom: 24px;
    text-align: center
}

.document-upload__actions {
    display: grid;
    grid-auto-columns: 100%;
    max-width: 368px;
    margin: 0 auto
}

.document-upload__send-btn {
    width: 100%;
    max-width: 240px;
    margin: 40px auto 0
}

.document-upload__remove-all {
    font-size: 12px;
    font-weight: 700;
    padding: 0;
    margin: 8px 0 0;
    justify-self: flex-end;
    cursor: pointer
}

.document-upload-list-item {
    display: flex;
    background: #e3eaff;
    font-size: 16px;
    line-height: 22px;
    padding: 11px 16px;
    border-radius: 6px;
    overflow: hidden
}

.document-upload-list-item:first-child {
    margin-top: 16px
}

.document-upload-list-item:not(:last-child) {
    margin-bottom: 8px
}

.document-upload-list-item__name {
    flex: 1
}

.document-upload-list-item__remove-btn {
    display: flex;
    align-items: center;
    padding: 0;
    margin-left: 8px;
    cursor: pointer
}

@media (hover: hover)and (pointer: fine) {
    .document-upload-list-item__remove-btn {
        opacity: .6;
        transition: opacity .2s
    }

    .document-upload-list-item__remove-btn:hover {
        opacity: 1
    }
}

.document-upload-list-item__remove-btn:before {
    content: "";
    -webkit-mask-image: url(/static/betnation/images/close-bold.svg);
    mask-image: url(/static/betnation/images/close-bold.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #68686d;
    width: 12px;
    height: 12px
}

.doc-upload-warning-bar__wrapper {
    background: #94959c
}

.doc-upload-warning-bar {
    display: grid;
    grid-template-areas:"close text button";
    grid-template-columns:auto 1fr auto;
    gap: 16px;
    align-items: center;
    padding: 10px;
    color: #fff;
    font-size: 12px
}

@media screen and (min-width: 910px) {
    .doc-upload-warning-bar {
        grid-template-areas:"button text close";
        gap: 24px;
        font-size: 16px
    }
}

.doc-upload-warning-bar__text {
    grid-area: text
}

.doc-upload-warning-bar__button {
    grid-area: button;
    padding: 0 1rem
}

.doc-upload-warning-bar__dismiss-icon {
    grid-area: close;
    font-size: 16px;
    color: #fff
}

@media screen and (min-width: 910px) {
    .doc-upload-warning-bar__dismiss-icon {
        font-size: 24px
    }
}

.faq {
    max-width: 832px;
    margin: 0 auto
}

.faq__title {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 9px;
    text-align: center
}

@media screen and (min-width: 480px) {
    .faq__title {
        font-size: 26px;
        margin: 13px 0 28px
    }
}

.faq-tabs {
    display: flex;
    overflow: hidden;
    overflow-x: auto;
    margin: 0 0 16px
}

@media screen and (max-width: 909px) {
    .faq-tabs {
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .faq-tabs::-webkit-scrollbar {
        display: none
    }
}

.faq-tabs-button {
    color: #fff;
    height: 45px;
    pointer-events: none;
    transition: color .15s
}

@media (hover: hover)and (pointer: fine) {
    .autocomplete.is-active .faq-tabs-button.input, .faq-tabs-button:focus, .faq-tabs-button:hover {
        --faq-tabs-button__content-underline-scale-x: 1
    }
}

.faq-tabs-button__content {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    font-size: 12px;
    background: transparent;
    padding: 15px 15px 16px;
    transition: color .15s
}

@media screen and (min-width: 480px) {
    .faq-tabs-button__content {
        padding: 11px 15px 17px
    }
}

.autocomplete.is-active .faq-tabs-button__content.input, .faq-tabs-button__content:focus, .faq-tabs-button__content:hover {
    outline: none
}

.faq-tabs-button__content:after {
    content: "";
    position: absolute;
    height: 5px;
    width: 50px;
    background-color: #fff;
    border-radius: 19px;
    bottom: 0;
    transform: scaleX(var(--faq-tabs-button__content-underline-scale-x, 0));
    transition: transform .15s, background .15s
}

.faq-tabs-button__content.faq-tabs-button__content--active {
    --faq-tabs-button__content-underline-scale-x: 1;
    font-weight: 700;
    cursor: default
}

.faq-tabs-button__content.faq-tabs-button__content--active:after {
    background-color: #f60
}

.faq-tabs-button__text {
    cursor: pointer;
    pointer-events: all;
    white-space: nowrap;
    letter-spacing: 0;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase
}

@media screen and (min-width: 480px) {
    .faq-tabs-button__text {
        font-size: 14px
    }
}

.faq-category {
    font-weight: 700;
    font-size: 14px;
    color: #f2f2f2;
    margin: 0 -8px 14px
}

@media screen and (min-width: 480px) {
    .faq-category {
        margin: 0 0 24px
    }
}

.faq-category__question-wrapper {
    margin-bottom: 8px
}

.faq-category__question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 50px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    background: #1a3174;
    padding: 12px 8px 12px 16px;
    border-radius: 8px;
    border: 1px solid transparent;
    text-align: left;
    text-transform: uppercase;
    cursor: pointer
}

.autocomplete.is-active .faq-category__question.input, .faq-category__question:focus {
    outline: none
}

.faq-category__question--active {
    border-radius: 8px 8px 0 0
}

.faq-category__icon {
    height: 20px;
    width: 20px;
    transition: transform .2s;
    margin: 2px 0 0 10px;
    align-self: flex-start
}

.faq-category__icon--active {
    transform: rotateX(-180deg)
}

.faq-category__answer {
    display: none;
    padding: 12px 16px;
    border-radius: 0 0 8px 8px;
    background-color: #fff;
    color: #1a3174;
    font-size: 16px;
    font-weight: 400
}

.faq-category__answer > p {
    font-size: 14px;
    color: #46474b;
    line-height: 1.43;
    text-align: left
}

@media screen and (min-width: 480px) {
    .faq-category__answer > p {
        font-size: 16px;
        line-height: 1.38
    }
}

.faq-category__answer--active {
    display: block;
    outline: none
}

.faq-question-button, .faq-tabs-button {
    background: transparent;
    width: 100%;
    padding: 0
}

.autocomplete.is-active .faq-question-button.input, .autocomplete.is-active .faq-tabs-button.input, .faq-question-button:focus, .faq-tabs-button:focus {
    outline: none
}

.autocomplete.is-active .faq-question-button.input .faq-category__question, .autocomplete.is-active .faq-tabs-button.input .faq-category__question, .faq-question-button:focus .faq-category__question, .faq-tabs-button:focus .faq-category__question {
    box-shadow: 0 0 6px #1a3174
}

.footer {
    background: #1a3174;
    color: #e3eaff
}

@supports (-webkit-touch-callout:none) {
    .footer {
        overflow: hidden
    }
}

.gameplay-wrapper {
    display: flex;
    justify-content: center;
    height: 100%;
    padding: 0 56px;
    overflow-y: auto;
    background-color: #000
}

.gameplay-wrapper--computed-container-height {
    height: auto
}

.gameplay-wrapper--fullscreen {
    height: 100%
}

.gameplay-container {
    position: relative;
    width: 100%
}

.gameplay-actions {
    position: absolute;
    top: 8px;
    right: -48px;
    width: 40px;
    padding: 0 3px;
    align-items: center;
    background: #1a3174;
    border-radius: 8px;
    overflow: hidden
}

.gameplay-actions__action {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    margin: 0;
    width: 34px;
    height: 40px;
    color: #fff;
    border-bottom: 1px solid #4763ab;
    cursor: pointer;
    transition: background .15s
}

.gameplay-actions__action:last-child {
    border: none
}

.gameplay-actions__action:hover {
    --gameplay-favorite-icon-active-color: #f60;
    --gameplay-fullscreen-icon-active-color: #f60;
    --gameplay-close-icon-active-color: #d9d9d9
}

.gameplay-actions__action--active {
    --gameplay-favorite-icon-active-color: #f60;
    --gameplay-fullscreen-icon: url(/static/betnation/images/fullscreen-minimize.svg)
}

.gameplay-actions__icon {
    height: 20px;
    width: 20px;
    color: #fff;
    background: #fff;
    transition: background .15s
}

.gameplay-actions__icon--favorite {
    -webkit-mask: url(/static/betnation/images/favorite-icon.svg) no-repeat;
    mask: url(/static/betnation/images/favorite-icon.svg) no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background: var(--gameplay-favorite-icon-active-color, #fff);
    -webkit-mask-size: 20px;
    mask-size: 20px
}

.gameplay-actions__icon--fullscreen {
    -webkit-mask: var(--gameplay-fullscreen-icon, url("/static/betnation/images/fullscreen-icon.svg"));
    mask: var(--gameplay-fullscreen-icon, url("/static/betnation/images/fullscreen-icon.svg"));
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: var(--gameplay-fullscreen-icon-active-color, #fff)
}

.gameplay-actions__icon-close {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--gameplay-close-icon-active-color, #fff);
    font-size: 20px;
    transition: background-color .15s, color .15s
}

.gameplay-iframe {
    height: 100%;
    width: 100%
}

.gameplay-iframe iframe {
    display: block
}

.mobile-game-page {
    height: var(--viewport-height);
    display: flex;
    flex-direction: column
}

.game-container-mobile {
    flex: 1
}

.game-list-container {
    position: relative;
    margin-bottom: 24px
}

.game-list-container--last-played-games {
    margin: auto;
    max-width: var(--page-container-max-width);
    width: calc(100% - var(--page-side-padding, 0) * 2)
}

.container .game-list-container--last-played-games, .doc-upload-warning-bar .game-list-container--last-played-games {
    width: 100%
}

.game-list {
    display: grid;
    grid-template-columns:repeat(var(--game-list-games-per-row-mobile, 2), 1fr);
    gap: 8px
}

@media screen and (min-width: 910px) {
    .game-list {
        grid-template-columns:repeat(var(--game-list-games-per-row-tablet, 3), 1fr)
    }
}

@media screen and (min-width: 1080px) {
    .game-list {
        grid-template-columns:repeat(var(--game-list-games-per-row-desktop, 4), 1fr);
        gap: 16px 24px
    }
}

@media screen and (min-width: 1380px) {
    .game-list {
        grid-template-columns:repeat(var(--game-list-games-per-row-widescreen, 6), 1fr)
    }

    .games-search .game-list {
        grid-template-columns:repeat(4, 1fr)
    }
}

.game-list__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px
}

@media screen and (min-width: 910px) {
    .game-list__header {
        align-items: flex-end;
        margin-bottom: 16px
    }
}

.game-list-container--last-played-games .game-list__header {
    margin-bottom: 16px
}

.game-list__title {
    color: #1a3174;
    font-size: 16px;
    font-weight: 700;
    flex: 1
}

.game-list__more {
    font-size: 12px;
    line-height: 11px;
    font-weight: 700;
    padding: 0;
    height: auto
}

.games-search .game-list__more:hover {
    text-decoration: unset
}

.game-list__clear-filter {
    display: inline-flex;
    color: #f60;
    font-size: 12px;
    font-weight: 700;
    line-height: 11px;
    cursor: pointer
}

.game-list__clear-filter:before {
    margin: 0 10px 0 8px;
    color: #68686d
}

.game-list__item {
    display: grid;
    gap: var(--game-list-slider-item-gap);
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
    overflow: hidden
}

.game-list-slider .game-list__item {
    min-width: calc(100% / var(--game-list-slider-items-per-slide) - var(--game-list-slider-item-gap) + var(--game-list-slider-item-gap) / var(--game-list-slider-items-per-slide))
}

.game-list-slider .game-list__item:not(:last-child) {
    margin-right: var(--game-list-slider-item-gap)
}

.game-list-slider {
    --game-list-slider-items-per-slide: 2.5;
    --game-list-slider-item-gap: 8px;
    display: flex;
    justify-content: space-between
}

@media screen and (min-width: 910px) {
    .game-list-slider {
        --game-list-slider-items-per-slide: 3.5
    }
}

@media screen and (min-width: 1080px) {
    .game-list-slider {
        --game-list-slider-items-per-slide: 4;
        --game-list-slider-item-gap: 24px
    }
}

@media screen and (min-width: 1380px) {
    .game-list-slider {
        --game-list-slider-items-per-slide: 6
    }
}

.game-list-slider__arrow {
    display: none;
    background: #fff;
    color: #1a3174;
    border: 2px solid;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    font-size: 18px;
    opacity: 1;
    top: 22px;
    transition: opacity .3s, border .3s
}

@media screen and (min-width: 1080px) {
    .game-list-slider__arrow {
        display: inline-flex
    }

    .game-list-slider__arrow:hover {
        border: 2px solid #1a3174
    }
}

.game-list-slider__arrow.swiper-button-disabled {
    cursor: default;
    pointer-events: none;
    opacity: 0
}

.game-list-slider__arrow--right {
    right: -22px
}

.game-list-slider__arrow--left {
    left: -22px
}

.game-list-slider-arrow--disabled {
    display: none
}

.game-list__load-more {
    display: flex;
    margin: 38px auto 50px;
    min-width: 220px
}

.games-search .game-list__load-more {
    margin-bottom: 0
}

.game-list-filter-collapse {
    overflow: hidden;
    height: 0
}

.game, .game-modal__img-wrap {
    position: relative;
    border-radius: 6px
}

.swiper-horizontal .game-modal__img-wrap:not(:last-of-type), .swiper-horizontal .game:not(:last-of-type) {
    margin-bottom: 8px
}

@media screen and (min-width: 1080px) {
    .swiper-horizontal .game-modal__img-wrap:not(:last-of-type), .swiper-horizontal .game:not(:last-of-type) {
        margin-bottom: 24px
    }
}

.game__thumb {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    padding-bottom: 63%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 6px 6px 0 0
}

.game-list-slider .game__thumb {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.game__title {
    font-size: 14px;
    color: #46474b
}

.game__provider {
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100%;
    top: 6px;
    right: 8px;
    height: 22px;
    width: 25%;
    z-index: 1;
    pointer-events: none
}

.game-modal__dialog .game__provider {
    top: 8px
}

.game__jackpot {
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    font-size: 11px;
    line-height: 1.09;
    font-weight: 700;
    color: #fff;
    padding-top: 10px;
    width: 100%;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .7), transparent);
    z-index: 1
}

.game-modal__dialog .game__jackpot {
    font-size: 18px;
    padding-top: 6px
}

.game__fav-toggle {
    position: absolute;
    top: 0;
    left: 0;
    padding: 8px 7px;
    display: flex;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    transition: color .15s;
    z-index: 1
}

@media (hover: hover)and (pointer: fine) {
    .game__fav-toggle:hover {
        color: #db4a00
    }
}

.game__fav-toggle--active {
    color: #f60
}

.game__fav-icon {
    width: 24px;
    height: 18px;
    margin: auto;
    filter: drop-shadow(0 5px 7px rgba(148, 149, 156, .5))
}

.game-modal__specs, .game-specs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 4px;
    background-color: #f60;
    color: #fff;
    font-size: 10px;
    line-height: 14px;
    font-weight: 400;
    height: 20px;
    padding: 0 3px;
    border-radius: 0 0 6px 6px
}

.game-specs__rtp {
    margin-left: auto
}

.game-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .7);
    border-radius: 6px
}

.game-actions, .game-actions-trigger {
    position: absolute;
    width: 100%;
    height: 100%
}

.game-actions-trigger {
    top: 0;
    outline: 0
}

.game-actions__btn {
    width: 70%;
    max-width: 192px;
    margin: 8px;
    padding: 6px 0
}

.game-actions__mobile-btn {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    background: none;
    border: none
}

.game__live-data {
    width: 100%;
    font-size: 11px;
    font-weight: 700;
    color: #fff
}

.game__live-data-overlay {
    position: absolute;
    bottom: 20px;
    width: 100%;
    background-color: rgba(0, 0, 0, .7);
    height: inherit
}

.game__roulette-numbers {
    display: flex;
    align-items: center;
    line-height: normal;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    padding: 4px;
    color: #fff;
    font-size: 11px;
    line-height: 18px
}

.game-modal__info .game__roulette-numbers {
    position: absolute;
    bottom: 36px;
    max-height: 26px;
    background-color: rgba(0, 0, 0, .7)
}

.game__roulette-number:first-child {
    width: var(--game-roulette-number-first-child-width, 18px);
    max-height: var(--game-roulette-number-first-child-height, 18px);
    text-align: center;
    box-shadow: 0 0 0 1px #ff1616;
    border-radius: 3px
}

.game__roulette-number--double-ball {
    --game-roulette-number-first-child-width: auto;
    --game-roulette-number-first-child-height: auto;
    padding: 0 1px
}

.game__roulette-number--red {
    color: #ff1616
}

.game__roulette-number--black {
    color: #fff
}

.game__roulette-number--zero {
    color: #48b451
}

.game__seats {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.game__seats-icon {
    display: inline-block;
    width: 11px;
    height: 12px;
    margin-right: 2px
}

.game__seats-number {
    margin-left: 2px
}

.games-filter {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f60;
    color: #fff;
    height: 64px;
    width: 100%;
    margin: 0 auto;
    max-width: var(--page-container-max-width)
}

@media screen and (max-width: 909px) {
    .games-filter {
        flex-wrap: wrap
    }
}

@media screen and (min-width: 910px) {
    .games-filter {
        height: 72px;
        width: calc(100% - 32px)
    }
}

.games-filter--sticky {
    position: fixed;
    top: var(--page-header-height, 0);
    left: 50%;
    transform: translateX(-50%)
}

.games-filter--sticky:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200vw;
    height: 100%;
    transform: translateX(-50%);
    background: #f60;
    z-index: -1
}

.games-filter-wrapper {
    background: #f60;
    height: 124px;
    margin-top: -16px;
    width: 100%
}

@media screen and (min-width: 910px) {
    .games-filter-wrapper {
        height: 72px
    }
}

.game-filter-list-wrapper {
    display: flex;
    align-items: center;
    overflow: hidden;
    flex: 1
}

.games-filter-arrow-button {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 100%;
    background: #f60;
    transition: background .15s;
    cursor: pointer
}

.games-filter-arrow-button--left {
    left: 0;
    bottom: 0;
    border-left: 1px solid #db4a00;
    z-index: 2
}

.games-filter-arrow-button--left:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 100%;
    background: linear-gradient(270deg, transparent, rgba(0, 0, 0, .25));
    right: -6px
}

.games-filter-arrow-button--right {
    right: 0;
    bottom: 0;
    z-index: 2
}

.games-filter-arrow-button--right:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(0, 0, 0, .25));
    left: -6px
}

.games-filter-arrow-button--disabled {
    display: none
}

.games-filter-list {
    position: relative;
    display: flex;
    align-items: center;
    height: 64px;
    border-radius: 2px 0 0 2px;
    width: 100%;
    overflow: auto hidden
}

@media screen and (max-width: 909px) {
    .games-filter-list {
        padding-left: 4px
    }

    .games-filter-list:after {
        content: "";
        position: absolute;
        height: 100%;
        width: 6px;
        top: 0;
        right: 0;
        background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, .25));
        pointer-events: none;
        z-index: 1
    }
}

@media screen and (min-width: 910px) {
    .games-filter-list {
        height: 72px;
        overflow-x: hidden
    }
}

.games-filter-list__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    flex-shrink: 0;
    height: 40px;
    background: #f60;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    padding: 8px 16px;
    transition: border .15s, background .15s, color .15s;
    cursor: pointer;
    box-sizing: border-box
}

@media (hover: hover)and (pointer: fine) {
    .games-filter-list__item:hover {
        background: #db4a00;
        --games-filter-item-hover-display: block;
        --games-filter-active-item-display: none
    }
}

.games-filter-list__item:active {
    background: #db4a00
}

@media screen and (min-width: 910px) {
    .games-filter-list__item {
        height: 56px
    }
}

.games-filter-list__item.games-filter-list__item--active {
    background: #ff973f
}

.games-filter-list__item--favorites {
    -webkit-animation: bounce-right-in .4s;
    animation: bounce-right-in .4s
}

.games-filter-list__title {
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    transition: color .15s
}

.games-filter-list-item__icon {
    display: var(--games-filter-active-item-display, block);
    width: 100%;
    height: 100%;
    max-width: 20px;
    max-height: 20px;
    flex: 1;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    transition: background .2s, opacity .5s linear
}

.games-filter-list-item__icon--hover {
    display: var(--games-filter-item-hover-display, none)
}

.games-filter-button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 64px;
    background: #f60;
    border: 1px solid transparent;
    margin: 0;
    outline: 0;
    padding: 0 4px;
    cursor: pointer
}

@media screen and (max-width: 909px) {
    .games-filter-button {
        flex: 1 0 100%
    }
}

@media screen and (min-width: 910px) {
    .games-filter-button {
        background: #ff973f;
        border-radius: 6px;
        width: 160px;
        height: 40px;
        margin: 0 8px;
        padding: 0 12px;
        justify-content: space-between
    }
}

.games-filter-button--search {
    margin-right: 0
}

@media screen and (max-width: 909px) {
    .games-filter-button--search {
        background: #fff;
        height: 60px;
        flex: 1 0 100%
    }
}

.games-filter-button--search__inner-box {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media screen and (max-width: 909px) {
    .games-filter-button--search__inner-box {
        background-color: #f2f2f2;
        height: 44px;
        width: 100%;
        padding: 12px;
        margin: 8px 12px;
        border: 1px solid #e0e2e9;
        border-radius: 6px
    }
}

.games-filter-actions__title {
    display: block;
    color: #94959c;
    font-size: 16px;
    white-space: nowrap
}

@media screen and (min-width: 910px) {
    .games-filter-actions__title {
        color: #fff;
        font-size: 14px
    }
}

.games-filter-icon, .games-filter .dropdown-icon {
    height: 20px;
    width: 20px;
    background: #fff;
    transition: background .1s, transform .15s
}

.games-filter-icon--rotate {
    transform: rotateX(-180deg)
}

.games-filter-icon__search {
    -webkit-mask: url(/static/betnation/images/search-icon.svg) no-repeat;
    mask: url(/static/betnation/images/search-icon.svg) no-repeat;
    background: #68686d;
    height: 24px;
    width: 24px;
    margin: 0 -2px 0 0
}

@media screen and (min-width: 910px) {
    .games-filter-icon__search {
        position: absolute;
        right: 0;
        background: #fff;
        margin: 0 6px
    }
}

.games-filter-icon__arrow {
    -webkit-mask: url(/static/betnation/images/arrow-down-icon.svg) no-repeat;
    mask: url(/static/betnation/images/arrow-down-icon.svg) no-repeat
}

.games-filter-icon__arrow--left {
    transform: rotate(90deg)
}

.games-filter-icon__arrow--right {
    transform: rotate(-90deg)
}

.games-filter-providers-dropdown__item {
    cursor: pointer
}

.games-search__header {
    display: grid;
    grid-template-columns:24px 1fr 24px;
    grid-template-areas:"left center right";
    align-items: center;
    color: #1a3174;
    font-size: 18px;
    padding: 8px 0 18px
}

@media screen and (min-width: 910px) {
    .games-search__header {
        padding: 8px 8px 24px
    }
}

.games-search__title {
    grid-area: center;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

@media screen and (min-width: 910px) {
    .games-search__title {
        font-size: 20px
    }
}

.games-search__close {
    grid-area: right;
    align-self: start;
    margin-top: -14px
}

@media screen and (min-width: 910px) {
    .games-search__close {
        margin-top: -6px
    }
}

.games-search__body {
    max-width: 840px;
    margin: 0 auto 40px;
    min-height: 634px
}

.games-search__form {
    display: flex;
    margin-bottom: 15px
}

@media screen and (min-width: 910px) {
    .games-search__form {
        margin-bottom: 33px
    }
}

.games-search__form-icon {
    display: inline-block;
    -webkit-mask-image: url(/static/betnation/images/search-icon.svg);
    mask-image: url(/static/betnation/images/search-icon.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    background: #68686d;
    width: 24px;
    height: 24px;
    margin: auto 7px auto 0;
    flex-shrink: 0
}

.games-search__input {
    border: solid #d9d9d9;
    border-width: 0 0 1px;
    border-radius: 0;
    background: transparent;
    color: #46474b;
    font-size: 18px;
    flex-grow: 1;
    min-width: 0
}

.autocomplete.is-active .games-search__input.input, .games-search__input:focus {
    outline: none
}

.games-search__input::-moz-placeholder {
    color: #94959c
}

.games-search__input:-ms-input-placeholder {
    color: #94959c
}

.games-search__input::placeholder {
    color: #94959c
}

.games-search__clear-input {
    color: #f60;
    font-size: 12px;
    border: solid #d9d9d9;
    border-width: 0 0 1px;
    cursor: pointer;
    padding-bottom: 6px
}

.hamburger {
    display: flex;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 16px
}

@media screen and (min-width: 480px) {
    .hamburger {
        order: -1
    }
}

.hamburger.hamburger--is-active {
    --hamburger-overlay-display: block
}

.hamburger__trigger {
    background: #fff;
    -webkit-mask-image: url(/static/betnation/images/hamburger-menu.svg);
    mask-image: url(/static/betnation/images/hamburger-menu.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    width: 24px;
    height: 24px;
    padding: 0;
    cursor: pointer
}

.hamburger__close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: transparent;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    outline: none
}

.hamburger__lang-section--logged-out {
    padding-top: 44px
}

.hamburger__separator {
    background: #d9d9d9;
    height: 1px;
    margin: 12px 16px
}

.hamburger-overlay {
    display: var(--hamburger-overlay-display, none);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5)
}

.hamburger-menu {
    position: fixed;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    width: 330px;
    max-width: 90%;
    height: 100%;
    padding: 0 0 10px;
    background: #fff;
    list-style-type: none;
    overflow-y: auto;
    transition: transform .3s cubic-bezier(.77, .2, .05, 1);
    -webkit-font-smoothing: antialiased
}

.hamburger-menu--is-active {
    transform: translateX(0)
}

.hamburger-menu__header {
    display: flex;
    align-items: center;
    background-color: #1a3174;
    min-height: 80px;
    padding: 8px 16px 8px 24px
}

.hamburger__btn-group {
    display: grid;
    grid-template-columns:minmax(138px, auto);
    justify-content: center;
    gap: 1rem;
    padding: 24px 0 16px;
    flex: 1 0 100%
}

.header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #1a3174;
    color: #fff
}

@media screen and (min-width: 910px) {
    .header {
        border: none
    }
}

.header-wrapper {
    display: flex;
    align-items: center;
    height: 64px;
    width: calc(100% - var(--page-side-padding) * 2);
    margin: 0 auto
}

@media screen and (min-width: 910px) {
    .header-wrapper {
        padding: 0 16px 0 0
    }
}

.header__buttons-wrapper {
    display: grid;
    justify-content: center;
    align-items: center;
    margin: 0 5px 0 8px
}

@media screen and (min-width: 910px) {
    .header__buttons-wrapper {
        gap: 2px;
        margin: 0 20px 0 8px
    }
}

.header__cashback-button, .header__chat-button, .header__deposit-button, .header__search-button {
    display: inline-flex;
    align-items: center;
    color: #1a3174;
    min-height: 24px;
    padding: 0;
    margin: 0 8px;
    flex-shrink: 0;
    cursor: pointer;
    --loader-size: 24px
}

@media screen and (min-width: 910px) {
    .header__cashback-button, .header__chat-button, .header__deposit-button, .header__search-button {
        margin: 0 7px
    }
}

.header__deposit-button-username {
    display: inline-block;
    font-family: Exo\ 2;
    font-weight: 800;
    color: #fff;
    font-size: 14px;
    padding-left: 8px;
    margin-bottom: -2px;
    text-transform: uppercase
}

.header__deposit-button-balance {
    display: block;
    font-family: Exo\ 2;
    font-size: 10px;
    line-height: 16px;
    font-weight: 700;
    color: #f60;
    margin-bottom: -16px;
    cursor: pointer
}

@media screen and (min-width: 910px) {
    .header__deposit-button-balance {
        font-size: 14px;
        margin-bottom: 0;
        text-align: left
    }
}

.header-actions-container {
    display: flex;
    justify-items: flex-end;
    align-items: center;
    flex: 1 1 0%;
    margin-left: auto;
    grid-area: actions
}

@media screen and (min-width: 910px) {
    .header-actions-container {
        flex: 0 1 auto
    }
}

.header-actions {
    display: grid;
    gap: 0 16px;
    grid-auto-flow: column;
    grid-template-columns:minmax(0, auto);
    justify-content: flex-end;
    align-items: center;
    font-size: 14px;
    margin-left: auto
}

@media screen and (min-width: 480px) {
    .header-actions {
        gap: 0 18px;
        padding-left: 32px
    }
}

.header-actions__button {
    min-width: 138px
}

.header-actions__button--loader {
    --btn--loader-size: 1em;
    height: 16px;
    color: #fff;
    padding: 0
}

@media screen and (min-width: 910px) {
    .header-actions__button--loader {
        margin: 0 auto;
        height: 18px
    }
}

.lang-switcher {
    color: #f2f2f2;
    font-size: 14px;
    height: auto
}

.hamburger .lang-switcher {
    width: 100%;
    max-width: 70px
}

.lang-switcher__icon {
    width: 20px;
    height: 20px;
    -webkit-mask: url(/static/betnation/images/arrow-down-icon.svg);
    mask: url(/static/betnation/images/arrow-down-icon.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: currentColor;
    margin: 0 0 0 2px
}

.hamburger .lang-switcher__icon {
    margin: 0 0 0 4px
}

.login {
    padding: 0 0 32px;
    margin-top: -12px
}

.login--error {
    --login-actions-margin-top: 0
}

.login__error-message {
    color: #ff1616;
    font-size: 12px;
    line-height: 18px;
    margin: 12px 0 16px;
    text-align: center
}

.login-actions {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    align-items: center;
    margin-top: var(--login-actions-margin-top, 24px)
}

.login-actions__text {
    font-size: 12px;
    color: #1a3174;
    font-weight: 700;
    margin-bottom: 16px;
    text-transform: uppercase
}

.login-actions__text:last-child {
    margin-bottom: 0
}

.login-actions__text--link {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: normal;
    color: #f60;
    text-transform: none;
    cursor: pointer
}

.login-actions__text--link:hover {
    color: #db4a00
}

.login-actions__button {
    width: 100%;
    height: 44px;
    margin-top: 8px
}

.login-actions__separator-line {
    width: 100%;
    max-width: 310px;
    height: 1px;
    background-color: #e0e2e9;
    margin: 20px 0 24px
}

.logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 1 auto;
    height: auto;
    width: auto;
    font-size: 0
}

@media screen and (min-width: 480px) {
    .logo-container {
        max-width: 200px
    }
}

@media screen and (min-width: 910px) {
    .logo-container {
        max-width: none
    }
}

@media screen and (min-width: 1380px) {
    .logo-container {
        flex: 0 1 auto
    }
}

.header-wrapper .logo-container {
    grid-area: logo;
    justify-self: left
}

.header--is-small .logo-container {
    padding: 6px 0
}

.logo__img {
    padding: 0;
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 46px
}

@media screen and (min-width: 1080px) {
    .logo__img {
        --logo__img--primary-display: inline;
        --logo__img--secondary-display: none;
        padding: 5px 0;
        max-height: 100%
    }
}

.logo__img--primary {
    display: var(--logo__img--primary-display, none)
}

.logo__img--secondary {
    display: var(--logo__img--secondary-display, inline)
}

.main-navigation-container .nav {
    display: flex;
    align-items: center;
    margin-left: 16px;
    gap: 8px;
    overflow: hidden;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.main-navigation-container .nav::-webkit-scrollbar {
    display: none
}

@media screen and (min-width: 910px) {
    .main-navigation-container .nav {
        gap: 0;
        margin-left: 40px
    }
}

.footer .nav {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    gap: 16px;
    margin: 0 auto;
    font-family: Exo\ 2
}

@media screen and (min-width: 910px) {
    .footer .nav {
        grid-template-columns:none;
        grid-template-rows:repeat(2, auto);
        grid-auto-flow: column;
        gap: 0 8px
    }
}

.sticky-footer.mobile .nav {
    display: flex;
    background: #1a3174;
    height: 60px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5)
}

.hamburger .nav__items {
    display: grid;
    gap: 5px;
    padding-top: 8px
}

.nav__item {
    position: relative;
    color: #070707;
    text-align: center;
    transition: color .2s, border .2s
}

@media screen and (min-width: 910px) {
    .nav__item:hover {
        --nav-icon-display: none;
        --nav-icon--hover-display: block;
        color: #68686d
    }
}

.nav__item.is-active {
    --nav-icon-display: none;
    --nav-icon--hover-display: none;
    --nav-icon--active-display: block
}

.header--is-small .main-navigation-container .nav__item.is-active {
    color: #f60
}

.nav__item.is-active:after {
    content: "";
    background: #f60;
    position: absolute;
    left: 0;
    bottom: -9px;
    width: 100%;
    height: 4px
}

.sticky-footer.mobile .nav__item {
    flex: 1;
    text-transform: uppercase;
    color: #f2f2f2
}

.sticky-footer.mobile .nav__item.is-active {
    --nav-link-bottom-line-content: "";
    color: #f60
}

.sticky-footer.mobile .nav__item.is-active:after {
    content: none
}

.main-navigation-container .nav__item {
    padding: 0 8px;
    flex-shrink: 0
}

@media screen and (min-width: 910px) {
    .main-navigation-container .nav__item {
        padding: 0 16px
    }
}

.hamburger .nav__item {
    color: #46474b;
    font-size: 18px;
    text-align: left;
    transition: background-color .2s ease
}

.hamburger .nav__item:after {
    content: none
}

.hamburger .nav__item.depth-2 {
    border-radius: 8px;
    margin: 0 8px
}

.autocomplete.is-active .hamburger .nav__item.depth-2.input, .hamburger .autocomplete.is-active .nav__item.depth-2.input, .hamburger .nav__item.depth-2:focus, .hamburger .nav__item.depth-2:hover {
    background-color: #f2f2f2
}

.hamburger .nav__item.depth-2.is-active {
    background: #f60;
    color: #fff
}

.footer .nav__item {
    line-height: 24px;
    color: #fff;
    text-align: left;
    transition: color .15s
}

@media (hover: hover)and (pointer: fine) {
    .footer .nav__item:hover {
        color: #e0e2e9
    }
}

.footer .nav__item:after {
    content: none
}

.nav__section-label {
    display: none
}

.nav__link {
    cursor: pointer
}

.nav__link, .nav__link:hover {
    color: inherit
}

.main-navigation-container .nav__link, .sticky-footer.mobile .nav__link {
    display: inline-flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    font-size: 14px;
    padding: 0 0 3px
}

.sticky-footer.mobile .nav__link {
    position: relative;
    padding: 8px 0 6px
}

.sticky-footer.mobile .nav__link:after {
    content: var(--nav-link-bottom-line-content, none);
    background: #f60;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 3px
}

.hamburger .nav__link {
    display: block;
    width: 100%;
    padding: 12px 16px;
    text-align: left
}

.nav__title {
    font-size: 14px
}

.hamburger .nav__title {
    font-size: 18px;
    font-weight: 400
}

.footer .nav__title {
    font-size: 12px;
    text-transform: uppercase
}

.sticky-footer.mobile .nav__title {
    font-size: 14px;
    font-weight: 700
}

.nav__title--primary-color {
    color: #f60
}

.nav__icon-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2px
}

.hamburger .nav__icon-container, .main-navigation-container .nav__icon-container {
    display: none
}

.nav__icon {
    display: var(--nav-icon-display, block);
    width: auto;
    height: 24px
}

.nav__icon--hover {
    display: var(--nav-icon--hover-display, none)
}

.nav__icon--active {
    display: var(--nav-icon--active-display, none)
}

.no-results {
    padding: 17px 0 0;
    margin: 0 auto
}

@media screen and (min-width: 910px) {
    .no-results {
        padding: 15px 0 8px
    }
}

.no-results__img {
    display: block;
    margin: 0 auto 24px
}

@media screen and (min-width: 910px) {
    .no-results__img {
        margin: 0 auto 8px
    }
}

.no-results__msg {
    color: #46474b;
    font-size: 18px;
    line-height: normal;
    text-align: center;
    margin-bottom: 24px
}

.no-results__actions {
    display: grid;
    width: 100%;
    max-width: 220px;
    margin: 0 auto
}

.game-modal__dialog {
    width: 100%;
    max-width: 100%;
    margin: 0 auto
}

.game-modal__body {
    display: flex;
    flex-direction: column;
    background: #f2f2f2;
    color: #46474b;
    min-height: var(--viewport-height, 100vh);
    height: 100%;
    border-radius: 0;
    padding: 0
}

.game-modal__header {
    display: grid;
    padding: 16px 16px 0;
    background: #1a3174;
    grid-template-columns:20px auto 20px;
    grid-template-areas:"left center right"
}

.game-modal__title {
    grid-area: center;
    font-size: 14px;
    font-family: Exo\ 2;
    color: #fff;
    margin-top: 2px;
    margin-bottom: 0
}

.game-modal__icon-close {
    grid-area: right;
    font-size: 20px;
    color: #fff;
    width: 20px;
    height: 20px;
    margin: 0
}

.game-modal__header-actions {
    display: grid;
    grid-template-columns:minmax(32px, 1fr) minmax(auto, 172px) minmax(32px, 1fr);
    grid-template-rows:38px;
    grid-template-areas:"left center right";
    margin: 0 0 16px;
    padding: 12px 0;
    background: #1a3174
}

.game-modal__header-btn {
    grid-area: center;
    height: 38px
}

.game-modal__action-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    width: 32px;
    margin: 0 auto
}

.game-modal__action-icon.fa-heart {
    height: 32px;
    font-size: 18px;
    align-self: center;
    border-radius: 4px
}

.game-modal__action-icon--chat {
    background: url(/static/betnation/images/support.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    grid-area: right
}

.game-modal__action-icon--is-active {
    color: #f60
}

.game-modal__content {
    padding: 0 16px
}

.game-modal__img-wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 380px;
    margin: 0 auto
}

.game-modal__img {
    border-radius: 6px 6px 0 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    max-height: 100%
}

.game-modal__specs {
    height: 36px;
    font-size: 16px
}

.game-modal__description {
    font-size: 14px;
    line-height: 20px;
    margin-top: 16px;
    max-height: 222px;
    overflow-y: auto
}

@supports selector(::-webkit-scrollbar) {
    .game-modal__description::-webkit-scrollbar {
        max-width: 4px;
        max-height: 4px
    }

    .game-modal__description::-webkit-scrollbar-thumb {
        background: #68686d;
        border-radius: 4px
    }

    .game-modal__description::-webkit-scrollbar-track {
        background: #d9d9d9;
        border-radius: 4px
    }
}

@supports not selector(::-webkit-scrollbar) {
    .game-modal__description {
        scrollbar-color: #68686d #d9d9d9;
        scrollbar-width: thin
    }
}

.game-modal__content-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    margin: auto auto 36px;
    padding-top: 6px;
    flex: 1 1 auto
}

.game-modal__content-btn {
    max-width: 100%;
    width: 220px;
    margin: 11px 12px;
    height: 38px
}

.game-modal__error-txt {
    flex: 1 0 100%;
    color: #ff1616;
    padding: 0 16px;
    text-align: center
}

.password-change-info, .password-change__text {
    margin-bottom: 8px;
    text-align: center
}

.password-change__error-txt {
    margin-top: 8px
}

.player-info {
    color: #fff;
    flex-shrink: 0
}

.hamburger .player-info {
    background: #68686d
}

.player-info__icon {
    display: inline-block;
    margin: 0 10px -2px 0;
    -webkit-mask-image: url(/static/betnation/images/user.svg);
    mask-image: url(/static/betnation/images/user.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: currentColor;
    width: 14px;
    height: 15px;
    flex: 1 0 auto
}

.player-info__nickname {
    color: currentColor;
    font-size: 14px;
    font-weight: 800;
    min-height: 18px;
    text-transform: uppercase
}

.hamburger .player-info__nickname {
    min-height: 0
}

.player-info__nickname:hover {
    color: currentColor;
    text-decoration: underline
}

.player-info-balance {
    color: #f60;
    padding: 0;
    white-space: nowrap;
    cursor: pointer
}

.player-info-balance:hover {
    color: #db4a00
}

.hamburger .player-info-balance {
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    margin-top: 5px;
    margin-right: auto
}

.hamburger .player-info-balance:after {
    display: block;
    width: 30px;
    height: 30px
}

.player-info-balance__icon {
    font-size: 14px;
    margin-left: 4px
}

.player-limit-status {
    color: #46474b;
    font-size: 14px;
    line-height: normal
}

.player-limit-status__limits {
    margin: 24px 0 32px
}

.player-limit-status__limits-item {
    display: grid;
    grid-template-columns:auto 1fr;
    gap: 8px
}

.player-limit-status__title {
    color: #1a3174;
    font-size: 16px;
    font-weight: 700;
    margin: 16px 0 8px
}

.player-limit-status__loader {
    margin-top: 9px;
    display: block;
    width: 1em;
    height: 1em;
    border-color: transparent transparent currentcolor currentcolor;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
    left: calc(50% - .5em);
    top: calc(50% - .5em);
    -webkit-animation: fade-in .1s linear, rotate .5s linear infinite;
    animation: fade-in .1s linear, rotate .5s linear infinite
}

.sub-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #1a3174;
    padding: 4px 8px;
    height: 54px;
    transition-property: height, padding, opacity, visibility;
    transition-duration: .3s;
    -webkit-font-smoothing: antialiased;
    -webkit-transform: translateZ(0)
}

@media screen and (min-width: 910px) {
    .sub-header {
        display: none;
        border: none
    }
}

.sub-header__button {
    flex: 1 0 0
}

.sub-header__button:not(:last-child) {
    margin-right: 15px
}

.fine-print {
    font-size: 14px
}

@media screen and (min-width: 910px) {
    .fine-print {
        font-size: 16px
    }
}

.fine-print h1, .fine-print h2, .fine-print h3 {
    color: #1a3174
}

.modal .fine-print {
    height: 253px;
    font-size: 14px;
    overflow: hidden;
    overflow-y: auto;
    color: #46474b;
    background: #fff;
    border: 1px solid #e0e2e9;
    border-radius: 6px;
    margin-bottom: 24px;
    padding: 12px
}

@supports selector(::-webkit-scrollbar) {
    .modal .fine-print::-webkit-scrollbar {
        max-width: 4px;
        max-height: 4px
    }

    .modal .fine-print::-webkit-scrollbar-thumb {
        background: #68686d;
        border-radius: 4px
    }

    .modal .fine-print::-webkit-scrollbar-track {
        background: #d9d9d9;
        border-radius: 4px
    }
}

@supports not selector(::-webkit-scrollbar) {
    .modal .fine-print {
        scrollbar-color: #68686d #d9d9d9;
        scrollbar-width: thin
    }
}

.modal .fine-print h1, .modal .fine-print h2, .modal .fine-print h3, .modal .fine-print ol, .modal .fine-print p, .modal .fine-print ul {
    font-size: 14px
}

.modal .fine-print h1 {
    font-weight: 700
}

.fine-print__modal-actions {
    margin-top: 0
}

.winners-horz {
    color: #1a3174;
    line-height: normal;
    padding: 16px 0 24px;
    margin: 8px 0
}

.winners-horz--fullscreen-bg {
    position: relative;
    z-index: 0
}

.winners-horz--fullscreen-bg:before {
    content: "";
    position: absolute;
    top: 0;
    width: 200vw;
    height: 100%;
    transform: translateX(-50%);
    background: #1a3174;
    z-index: -1
}

.winners-horz__title {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 19px;
    text-transform: uppercase
}

.winners-horz__list {
    display: flex;
    overflow: hidden;
    transition: margin .15s, padding .15s;
    transition-timing-function: linear
}

@media (hover: hover)and (pointer: fine) {
    .winners-horz__list:hover {
        padding: 24px;
        margin: -24px
    }
}

.winners-horz__list-item {
    height: 56px;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
    box-sizing: border-box;
    transform: translateZ(0) perspective(1px);
    transition: background .15s, color .15s, border .15s, box-shadow .15s, transform .15s linear
}

@media (hover: hover)and (pointer: fine) {
    .autocomplete.is-active .winners-horz__list-item.input, .winners-horz__list-item:focus, .winners-horz__list-item:hover {
        border-color: #d9d9d9;
        box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
        transform: translateZ(0) scale(1.07)
    }
}

.winners-horz__open-game-button {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    border: 1px solid #e0e2e9;
    cursor: pointer;
    text-align: left;
    color: inherit
}

.winners-horz__thumb {
    position: absolute;
    top: 0;
    background-size: cover;
    width: 90px;
    height: 56px;
    flex-shrink: 0;
    margin: -1px 0 0 -1px
}

.winners-horz__thumb .game-modal__img-wrap .actions, .winners-horz__thumb .game .actions {
    display: none
}

.winners-horz-text {
    font-size: 12px;
    color: #46474b;
    padding: 13px 32px 13px 102px;
    flex: 1;
    overflow: hidden
}

.winners-horz-text__game-name {
    display: inline-block;
    color: #f60;
    font-weight: 700;
    line-height: 14px;
    margin-bottom: 1px;
    max-width: 100%;
    vertical-align: bottom;
    text-transform: uppercase
}

.winners-vert__title {
    font-size: 18px;
    font-weight: 700;
    padding: 12px 16px;
    background: #1a3174;
    color: #fff
}

.winners-vert__list {
    height: 280px;
    background: #fff;
    border: 1px solid #e0e2e9;
    padding: 8px 16px;
    overflow: hidden;
    border-radius: 0 0 3px 3px
}

.winners-vert__list-item {
    display: flex;
    align-items: center;
    background: #fff;
    height: calc(20% + 1px);
    border: 1px solid #1a3174;
    border-radius: 4px;
    box-sizing: border-box
}

.winners-vert__thumb {
    height: 40px;
    width: 60px;
    border-radius: 4px
}

.winners-vert-text {
    font-size: 12px;
    margin-left: 16px;
    overflow: hidden
}

.winners-vert-text__game-name {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    max-width: 100%
}

.winners-vert-text__winner-name {
    font-weight: 700
}

.winners-vert-text__win-amount {
    color: #f60;
    font-weight: 700
}

.main-navigation-container {
    display: inline-flex
}

.header .main-navigation-container {
    height: 41px;
    width: 100%;
    position: relative;
    background: #f2f2f2;
    border-bottom: 1px solid #d9d9d9
}

.time-bar {
    display: flex;
    background-color: #f60;
    border: solid #db4a00;
    border-width: 1px 0
}

.time-bar, .time-bar-wrapper {
    align-items: center;
    color: #fff
}

.time-bar-wrapper {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
    gap: 0 24px;
    font-size: 11px;
    line-height: 1.45;
    font-family: Exo\ 2;
    min-height: 40px;
    padding: 0 16px
}

@media screen and (min-width: 480px) {
    .time-bar-wrapper {
        display: flex;
        font-size: 12px;
        line-height: normal;
        min-height: 26px
    }
}

@media screen and (min-width: 910px) {
    .time-bar-wrapper {
        justify-content: flex-end;
        padding-right: 38px
    }
}

.page-content-mobile-gameplay .time-bar-wrapper {
    display: flex;
    gap: 0 8px;
    padding: 0 8px
}

@media screen and (min-width: 375px) {
    .page-content-mobile-gameplay .time-bar-wrapper {
        gap: 0 16px;
        padding: 0 16px
    }
}

.time-bar__clock {
    display: flex
}

.time-bar__clock-icon {
    display: inline-block;
    -webkit-mask-image: url(/static/betnation/images/clock.svg);
    mask-image: url(/static/betnation/images/clock.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 16px;
    height: 16px;
    background: currentColor;
    margin-right: 4px
}

.time-bar__player-data {
    display: grid
}

@media screen and (min-width: 480px) {
    .time-bar__player-data {
        grid-auto-flow: column;
        gap: 0 4px
    }
}

.time-bar__action_buttons {
    display: flex;
    gap: 0 8px;
    padding: 7px 0;
    margin-left: auto;
    flex-shrink: 0
}

@media screen and (min-width: 375px) {
    .time-bar__action_buttons {
        gap: 0 16px
    }
}

.time-bar__close {
    color: #fff;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.time-bar__close-icon {
    font-size: 12px
}

.time-bar__close-icon:before {
    -webkit-mask-image: url(/static/betnation/images/close-bold.svg);
    mask-image: url(/static/betnation/images/close-bold.svg)
}

.registration {
    position: relative;
    --loader-size: 2rem
}

.registration-form-section {
    max-width: 832px;
    margin: 0 auto
}

.registration-form-element {
    background-color: #fff;
    margin-bottom: 40px;
    padding-bottom: 64px;
    border-radius: 8px
}

.registration-form__loading {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #1a3174;
    z-index: 5
}

.registration-progress-container {
    position: relative;
    margin: 12px auto 70px
}

@media screen and (min-width: 1080px) {
    .registration-progress-container {
        margin-bottom: 87px
    }
}

.registration-progress {
    counter-reset: step;
    display: flex;
    justify-content: space-around;
    height: 1px
}

.registration-progress__item {
    flex: 1 1 0;
    list-style-type: none;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    text-align: center;
    font-family: Exo\ 2;
    color: #fff;
    margin-right: 1px;
    transition: color .2s, background .2s;
    text-transform: uppercase
}

.registration-progress__item:not(.registration-progress__item--mobile):after {
    content: "";
    position: absolute;
    background-color: currentColor;
    width: 100%;
    height: 10px;
    top: 9px;
    left: 0;
    z-index: 1;
    transition: background .2s
}

@media screen and (min-width: 1080px) {
    .registration-progress__item:not(.registration-progress__item--mobile):after {
        top: 26px
    }
}

.registration-progress__item.registration-progress__item--active {
    color: #f60
}

.registration-progress__item.registration-progress__item--done {
    color: #fff
}

.registration-progress__item.registration-progress__item--error {
    color: #ff1616
}

.registration-progress__item--first:after {
    border-radius: 10px 0 0 10px
}

.registration-progress__item--last:after {
    border-radius: 0 10px 10px 0
}

.registration-progress__item-title--with-checkmark:after {
    content: "";
    display: inline-block;
    margin: 0 0 -3px 8px;
    width: 16px;
    height: 16px;
    -webkit-mask-image: url(/static/betnation/images/square-checkmark.svg);
    mask-image: url(/static/betnation/images/square-checkmark.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #fff
}

.registration-content {
    width: 100%;
    max-width: 400px;
    padding: 0 1rem;
    margin: 0 auto
}

.registration-content--fullwidth {
    max-width: 100%
}

.scroll-to-top {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 20vh;
    right: 0;
    height: 30px;
    width: 100px;
    background: #1a3174;
    color: #fff;
    z-index: 1000;
    cursor: pointer
}

.copyright {
    font-size: 12px;
    margin: 10px 0;
    text-align: center
}

.image-element, .image-list__img {
    display: block;
    line-height: 0
}

.image-element img, .image-list__img img {
    display: inline-block
}

.image-element img.is-full-width, .image-list__img img.is-full-width {
    width: 100%
}

.image-element .is-link, .image-list__img .is-link {
    cursor: pointer
}

.image-list {
    --image-list__img-width: auto;
    --image-list__item-margin: 8px;
    --image-list-justify-content: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: var(--image-list-justify-content);
    align-items: center;
    margin: calc(var(--image-list__item-margin) * -1)
}

.image-list__item {
    margin: var(--image-list__item-margin)
}

.image-list__img {
    width: var(--image-list__img-width)
}

.player-reality-check-stats {
    display: grid;
    gap: 10px;
    background-color: hsla(0, 0%, 100%, .13);
    padding: 25px 10px;
    margin: 0 0 20px;
    text-align: center
}

.player-reality-check-stats__item {
    display: grid;
    grid-auto-columns: minmax(auto, 1fr);
    font-weight: 600
}

@media screen and (min-width: 480px) {
    .player-reality-check-stats__item {
        gap: 20px;
        grid-auto-flow: column
    }
}

@media screen and (min-width: 480px) {
    .player-reality-check-stats__item-label {
        text-align: right
    }
}

@media screen and (min-width: 480px) {
    .player-reality-check-stats__item-data {
        text-align: left
    }
}

.player-reality-check__actions {
    display: grid;
    gap: 5px;
    grid-template-columns:minmax(0, 1fr);
    justify-content: center;
    margin-top: 35px
}

@media screen and (min-width: 910px) {
    .player-reality-check__actions {
        grid-auto-flow: column
    }
}

.admin-site-switcher {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 40px;
    height: 30px;
    z-index: 9999;
    background: #f60;
    color: #fff;
    border-radius: 0 0 50% 0;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .5);
    overflow: hidden;
    opacity: .7;
    cursor: pointer;
    transition: width .25s ease-in-out, opacity .2s ease-in-out
}

.admin-site-switcher:hover {
    opacity: 1
}

.admin-site-switcher:not(.admin-site-switcher--opened) {
    justify-content: center;
    align-items: center
}

.admin-site-switcher:not(.admin-site-switcher--opened):before {
    content: "";
    font-size: 20px;
    margin-bottom: 2px
}

.admin-site-switcher--opened {
    --admin-site-switcher-actions-display: flex;
    --admin-site-switcher__btn--close-display: block;
    width: 100%;
    height: auto;
    padding: 0 0 0 30px;
    border-radius: 0;
    opacity: 1;
    cursor: default
}

.admin-site-switcher-actions {
    display: var(--admin-site-switcher-actions-display, none);
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    font-size: 13px;
    padding: 0;
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
    text-transform: uppercase
}

@media screen and (min-width: 910px) {
    .admin-site-switcher-actions {
        flex-direction: row
    }
}

.admin-site-switcher-actions__center, .admin-site-switcher-actions__left-side, .admin-site-switcher-actions__right-side {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 30px;
    width: 100%;
    text-align: center
}

@media screen and (min-width: 910px) {
    .admin-site-switcher-actions__center, .admin-site-switcher-actions__left-side, .admin-site-switcher-actions__right-side {
        flex: 1;
        justify-content: flex-start;
        width: auto;
        text-align: start
    }
}

.admin-site-switcher-actions__center {
    justify-content: center;
    flex: 1 1 auto;
    white-space: nowrap;
    overflow: hidden
}

@media screen and (max-width: 909px) {
    .admin-site-switcher-actions__center {
        order: -1
    }
}

.admin-site-switcher-actions__right-side {
    flex-direction: column;
    justify-content: flex-end
}

@media screen and (min-width: 480px) {
    .admin-site-switcher-actions__right-side {
        flex-direction: row
    }
}

.admin-site-switcher__action {
    min-height: 30px;
    width: 100%
}

@media screen and (min-width: 910px) {
    .admin-site-switcher__action {
        width: auto
    }
}

.admin-site-switcher__live-text {
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 12px;
    font-weight: 700
}

.admin-site-switcher__btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: inherit;
    padding: 0 12px;
    height: 48px;
    width: 100%;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden
}

.admin-site-switcher__btn:hover {
    background-color: hsla(0, 0%, 100%, .3);
    color: inherit
}

@media screen and (min-width: 480px) {
    .admin-site-switcher__btn {
        height: 30px
    }
}

@media screen and (min-width: 910px) {
    .admin-site-switcher__btn {
        width: auto
    }
}

.admin-site-switcher__btn--close {
    display: var(--admin-site-switcher__btn--close-display, none);
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    height: 30px;
    width: 30px;
    padding: 6px;
    z-index: 1
}

.admin-site-switcher__btn--close:hover {
    background-color: hsla(0, 0%, 100%, .3)
}

.admin-site-switcher__btn-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 1.5em;
    width: 1.5em;
    margin-right: .5em
}

.admin-site-switcher__btn-icon:before {
    font-size: 18px
}

.floated-container {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 24px 16px 24px 24px;
    background: #fff;
    border-radius: 6px;
    font-size: 14px
}

@media screen and (min-width: 480px) {
    .floated-container {
        padding: 48px 40px 26px
    }
}

.floated-container__wrapper {
    max-height: 500px;
    padding: 0 19px 0 0;
    overflow-y: auto
}

@supports selector(::-webkit-scrollbar) {
    .floated-container__wrapper::-webkit-scrollbar {
        max-width: 9px;
        max-height: 9px
    }

    .floated-container__wrapper::-webkit-scrollbar-thumb {
        background: #68686d;
        border-radius: 4px
    }

    .floated-container__wrapper::-webkit-scrollbar-track {
        background: #d9d9d9;
        border-radius: 4px
    }
}

@supports not selector(::-webkit-scrollbar) {
    .floated-container__wrapper {
        scrollbar-color: #68686d #d9d9d9
    }
}

@media screen and (min-width: 480px) {
    .floated-container__wrapper {
        padding: 0 64px 0 8px
    }
}

.floated-container__content {
    max-height: 427px;
    overflow: hidden;
    position: relative
}

@media screen and (min-width: 480px) {
    .floated-container__content {
        max-height: 395px
    }
}

.floated-container__content:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) var(--amount-of-transparency, 30%), #fff);
    opacity: 1;
    transition: opacity .25s linear
}

.floated-container__content--active {
    max-height: 500px
}

.floated-container__content--active:after {
    opacity: 0;
    pointer-events: none
}

.floated-container__title {
    color: #1a3174;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 18px;
    text-align: left;
    text-transform: uppercase
}

@media screen and (min-width: 480px) {
    .floated-container__title {
        font-size: 20px;
        margin-bottom: 42px
    }
}

.floated-container__btn {
    margin: auto;
    min-width: 240px
}

.player-max-balance-limit-reached {
    color: #94959c;
    font-size: 12px;
    line-height: normal
}

.player-max-balance-limit-reached__text {
    margin: 8px 0 0;
    text-align: center
}

.player-max-balance-limit-reached__actions {
    margin-top: 16px
}

.feed {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin: 0 0 46px
}

@media screen and (min-width: 910px) {
    .feed {
        flex-wrap: nowrap
    }
}

.feed-no-items {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    color: #ff1616;
    margin: auto
}

@media screen and (min-width: 910px) {
    .feed-no-items {
        font-size: 40px
    }
}

.feed__promo {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    background-color: #1a3174;
    border-radius: 6px;
    width: 100%;
    min-height: 280px;
    max-width: 313px;
    padding: 16px;
    margin-right: 36px;
    overflow: hidden
}

.feed__promo-btn {
    width: 100%;
    max-width: 220px;
    margin: auto 30px 0
}

.feed-item__link-overlay, .feed__background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.feed__background {
    top: auto;
    width: auto;
    height: auto;
    max-height: 100%;
    margin: 0 auto;
    z-index: 1;
    pointer-events: none
}

.feed__title {
    font-size: 20px;
    font-weight: 700;
    color: #1a3174;
    padding: 24px 0 16px;
    margin: 0 auto;
    text-transform: uppercase
}

@media screen and (min-width: 910px) {
    .feed__title {
        font-size: 32px;
        font-weight: 900;
        color: #fff;
        padding: 0;
        z-index: 2
    }
}

.feed-slider {
    min-width: 0;
    width: 100%
}

.feed-slider__container {
    position: static
}

.feed-item {
    background: #fff;
    color: #46474b;
    border-radius: 6px;
    overflow: hidden;
    height: auto;
    min-height: 100%;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2)
}

.feed-item__thumb {
    width: 100%;
    height: auto
}

.feed-item__title-wrapper {
    display: grid;
    gap: 4px 0;
    padding: 8px;
    text-transform: uppercase
}

@media screen and (min-width: 910px) {
    .feed-item__title-wrapper {
        padding: 16px 16px 0
    }
}

.feed-item__title {
    color: #1a3174;
    font-size: 14px;
    font-weight: 700
}

@media screen and (min-width: 910px) {
    .feed-item__title {
        font-size: 18px
    }
}

.feed-item__tag {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    padding: 5px 14px;
    border-radius: 4px;
    text-transform: uppercase
}

.feed-item__tag.primary {
    background-color: #1a3174
}

.feed-item__tag.secondary {
    background-color: #f60
}

.feed-item__description {
    font-size: 12px;
    padding: 0 8px 16px;
    overflow: auto
}

@media screen and (min-width: 910px) {
    .feed-item__description {
        font-size: 14px;
        padding: 16px
    }
}

.feed-arrow {
    display: none
}

.feed-arrow:before {
    color: #1a3174;
    font-size: 14px
}

@media screen and (min-width: 910px) {
    .feed-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background: #fff;
        border-radius: 50%;
        width: 44px;
        height: 44px;
        font-size: 18px;
        border: 2px solid #1a3174;
        z-index: 2;
        cursor: pointer
    }
}

.feed-arrow--left {
    left: -22px
}

.feed-arrow--left:before {
    margin-left: -1px
}

.feed-arrow--right {
    right: -22px
}

.feed-arrow--right:before {
    margin-left: 2px
}

.feed-arrow--disabled {
    opacity: .5;
    cursor: default
}

.feed-pagination {
    --swiper-pagination-bottom: -24px
}

@media screen and (min-width: 910px) {
    .feed-pagination {
        --swiper-pagination-bottom: -39px
    }
}

.tooltip {
    position: relative;
    font-size: 11px;
    padding: 2px 0 0 24px;
    margin: 4px 12px 0;
    color: #68686d
}

.tooltip:hover {
    --tooltip-popup-display: block
}

.tooltip-popup {
    display: var(--tooltip-popup-display, none);
    position: absolute;
    left: 0;
    top: 22px;
    max-width: 340px;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 27px 0 rgba(0, 0, 0, .2);
    border-radius: 6px;
    text-align: left;
    padding: 14px 20px;
    z-index: 2
}

.tooltip-popup__text {
    font-size: 12px
}

.tooltip-popup__title {
    font-family: Exo\ 2;
    letter-spacing: 0;
    font-weight: 800;
    font-size: 18px;
    padding-bottom: 8px;
    text-transform: uppercase
}

.tooltip-popup__icon {
    position: absolute;
    left: 0;
    top: 1px;
    background: url(/static/betnation/images/question-mark-icon.svg) no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px
}

.input-iban-info {
    display: flex;
    align-items: center
}

.input-iban-info__image {
    width: 32px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 20px
}

.input-iban-info__button {
    display: inline-block;
    text-decoration: underline;
    color: #f60;
    cursor: pointer
}

.input-iban-info__button:hover {
    color: #db4a00
}

.input-iban-info__text {
    font-size: 16px;
    color: #46474b
}

.input-self-imposed-limit {
    margin-top: 22px
}

.input-self-imposed-limit__title {
    font-size: 16px;
    color: #46474b;
    margin-bottom: 12px
}

.input-self-imposed-limit__label {
    display: flex;
    justify-content: space-between;
    left: 0
}

.input-self-imposed-limit__field-group {
    display: flex
}

.input-self-imposed-limit__input-group {
    width: 100%;
    margin-right: 20px;
    margin-bottom: 12px
}

.input-self-imposed-limit__input-group:last-child {
    margin-right: 0
}

.input-self-imposed-limit__add-button {
    font-size: 14px;
    color: #1a3174;
    font-weight: 700;
    margin-top: 12px;
    cursor: pointer
}

.input-self-imposed-limit__icon {
    color: #68686d;
    cursor: pointer;
    margin-top: 2px
}

.self-imposed-limits-summary-input-group {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px
}

.self-imposed-limits-summary-input-group__btn {
    height: 24px;
    line-height: 16px;
    margin-top: 16px;
    flex-shrink: 0
}

.registration .self-imposed-limits-summary-input-group__btn {
    width: auto
}

.self-imposed-limits-summary-input {
    width: auto;
    min-width: 0;
    flex: 0 0 auto
}

.affiliate {
    max-width: 368px;
    margin: 0 auto
}

.affiliate-title {
    color: #132563;
    font-family: Exo\ 2;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 24px;
    text-align: center;
    text-transform: uppercase
}

.affiliate-title--small {
    font-size: 18px;
    margin-bottom: 16px
}

.idin-flow-not-possible, .platform-notification {
    font-size: 14px;
    text-align: center
}

.platform-notification__subject {
    margin-bottom: 16px;
    font-size: 16px
}

.platform-notification__body {
    margin-bottom: 16px;
    text-align: justify
}

.profile-changed-error__content {
    text-align: center;
    margin-bottom: 20px
}

.tabs-wrapper {
    background-color: #f2f2f2;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 16px
}

.tabs {
    display: flex;
    gap: 24px;
    position: relative;
    width: calc(100% - 32px);
    max-width: var(--page-container-max-width);
    margin: 0 auto;
    overflow: hidden;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.tabs::-webkit-scrollbar {
    display: none
}

.tabs-tab {
    position: relative;
    font-family: Exo\ 2;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    min-height: 37px;
    color: #000;
    transition: color .15s;
    cursor: pointer
}

@media (hover: hover)and (pointer: fine) {
    .tabs-tab:hover {
        color: #68686d
    }
}

.tabs-tab:after {
    content: "";
    position: absolute;
    inset: 0;
    top: auto;
    background-color: #f60;
    height: 4px;
    z-index: 1;
    opacity: var(--tabs-tab-underline-opacity, 0);
    transition: opacity .2s
}

.tabs-tab--is-active {
    --tabs-tab-underline-opacity: 1
}

.tabs-tab__title {
    white-space: nowrap
}

.preload-placeholder.swiper-container {
    --swiper-slides-per-view: 2.5;
    --swiper-space-between: 8px;
    --swiper-space-between-desktop: 24px;
    --swiper-slides-per-view-tablet: 3.5;
    --swiper-slides-per-view-desktop: 4;
    --swiper-slides-per-view-widescreen: 6;
    --swiper-number-of-rows: 1;
    min-height: calc(((min(var(--page-container-max-width), var(--viewport-width-wo-scrollbar) - var(--page-side-padding)) - var(--swiper-space-between) * 3) / var(--swiper-slides-per-view) * 0.63 + 20px) * var(--swiper-number-of-rows) + (var(--swiper-number-of-rows) - 1) * 8px + 32px)
}

@media screen and (min-width: 910px) {
    .preload-placeholder.swiper-container {
        min-height: calc(((min(var(--page-container-max-width), var(--viewport-width-wo-scrollbar) - var(--page-side-padding)) - var(--swiper-space-between) * 4) / var(--swiper-slides-per-view-tablet) * 0.63 + 20px) * var(--swiper-number-of-rows) + (var(--swiper-number-of-rows) - 1) * 24px + 32px)
    }
}

@media screen and (min-width: 1080px) {
    .preload-placeholder.swiper-container {
        min-height: calc(((min(var(--page-container-max-width), var(--viewport-width-wo-scrollbar) - var(--page-side-padding)) - var(--swiper-space-between-desktop) * 5) / var(--swiper-slides-per-view-desktop) * 0.63 + 20px) * var(--swiper-number-of-rows) + (var(--swiper-number-of-rows) - 1) * 24px + 32px)
    }
}

@media screen and (min-width: 1380px) {
    .preload-placeholder.swiper-container {
        min-height: calc(((min(var(--page-container-max-width), var(--viewport-width-wo-scrollbar) - var(--page-side-padding)) - var(--swiper-space-between-desktop) * 5) / var(--swiper-slides-per-view-widescreen) * 0.63 + 20px) * var(--swiper-number-of-rows) + (var(--swiper-number-of-rows) - 1) * 24px + 32px)
    }
}

.toast-notification-wrapper {
    position: fixed;
    inset: auto;
    bottom: 0;
    width: var(--viewport-width-wo-scrollbar, 100%);
    padding: 0 8px 16px;
    pointer-events: none
}

.toast-notification {
    position: relative;
    display: flex;
    gap: 8px;
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
    background: #f2f2f2;
    color: #000;
    font-size: 12px;
    line-height: 16px;
    padding: 8px 40px 8px 8px;
    border: 2px solid #94959c;
    border-radius: 6px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    pointer-events: all
}

.toast-notification__close {
    position: absolute;
    top: 8px;
    right: 8px;
    height: 16px;
    width: 16px;
    font-size: 16px;
    cursor: pointer
}

.toast-notification__icon {
    display: block;
    width: auto;
    height: auto;
    max-width: 24px;
    max-height: 24px;
    flex-shrink: 0
}

.toast-notification-content__link {
    text-decoration: underline;
    cursor: pointer
}

.sticky-footer {
    display: none;
    width: 100%;
    position: fixed;
    bottom: 0
}

.sticky-footer.active, .sticky-footer.mobile {
    display: block
}

.sticky-footer-wrapper--is-sportsbook {
    position: fixed;
    z-index: 1
}

.sportsbook-leaderboard-container {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: auto
}

@media screen and (min-width: 910px) {
    .sportsbook-leaderboard-container {
        border-radius: 8px
    }
}

.sportsbook-leaderboard-iframe {
    display: block;
    min-height: var(--viewport-height, 100vh)
}

@media screen and (min-width: 910px) {
    .sportsbook-leaderboard-iframe {
        min-height: min(797px, calc(var(--viewport-height, 100vh) - 44px))
    }
}

.limits-confirmation {
    font-size: 14px
}

.notification-hub {
    position: fixed;
    inset: auto;
    top: var(--notification-hub-top, auto);
    bottom: var(--notification-hub-bottom, 0);
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: var(--viewport-width-wo-scrollbar, 100%);
    padding: 0 8px 16px;
    pointer-events: none
}

.notification-hub--reverse-order {
    flex-direction: column-reverse
}

.cookie-settings-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin: 0 8px;
    cursor: pointer
}

@media screen and (min-width: 910px) {
    .cookie-settings-btn {
        margin: 0 7px
    }
}

.cookie-settings-btn:before {
    content: "";
    -webkit-mask-image: url(/static/betnation/images/cookie.svg);
    mask-image: url(/static/betnation/images/cookie.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: currentColor;
    width: 100%;
    height: 100%
}

#OryxCashier.oryxCashier table {
    border-collapse: inherit;
    border-spacing: inherit
}

#OryxCashier.oryxCashier table td, #OryxCashier.oryxCashier table th, #OryxCashier.oryxCashier table tr {
    text-align: inherit;
    vertical-align: inherit
}

#OryxCashier.oryxCashier p {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    text-align: inherit;
    margin: inherit;
    padding: inherit
}

#OryxCashier.oryxCashier [align=center] {
    text-align: center
}

.oryxCashier .content {
    font-size: inherit;
    font-weight: inherit;
    white-space: inherit
}

.oc-modal-cashier {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

.swiper {
    --swiper-theme-color: #f60
}

.winners-vert__list .swiper {
    height: 100%
}

.feed .swiper-container {
    margin: -18px -16px;
    padding: 18px 8px
}

@media screen and (min-width: 910px) {
    .feed .swiper-container {
        margin: -18px;
        padding: 18px
    }
}

.games-filter-list .swiper-container {
    width: 100%
}

.game-list-container .swiper-container {
    margin: -16px;
    padding: 16px
}

.winners-horz .swiper-container {
    margin: -24px;
    padding: 24px;
    width: calc(100% + 48px)
}

.games-filter-list .swiper-slide {
    height: 56px;
    max-height: 56px
}

.banner .swiper-slide {
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden
}

.swiper-button-next, .swiper-button-prev {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1.5rem;
    width: 1.5rem;
    z-index: 2;
    opacity: .8;
    transition: opacity .3s
}

.swiper-button-next:hover, .swiper-button-prev:hover {
    opacity: 1
}

.swiper-button-next:after, .swiper-button-prev:after {
    content: none
}

.swiper-button-prev {
    left: 3%
}

.swiper-button-next {
    right: 3%
}

.swiper-button-disabled {
    cursor: default;
    opacity: 0
}

.swiper-button-lock {
    display: none
}

.feed-pagination, .swiper-pagination {
    --swiper-pagination-color: #f60;
    --swiper-pagination-bullet-inactive-color: #d9d9d9;
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-horizontal-gap: 6px;
    --swiper-pagination-bullet-inactive-opacity: 1
}

@media screen and (min-width: 910px) {
    .feed-pagination, .swiper-pagination {
        --swiper-pagination-bullet-size: 12px;
        --swiper-pagination-bullet-horizontal-gap: 8px
    }
}

.feed-pagination__bullet, .swiper-pagination-bullet {
    display: inline-block;
    border-radius: 8px;
    transition-property: background;
    transition-duration: .15s;
    transition-timing-function: linear;
    outline: none
}

.KambiBC-betslip.KambiBC-js-betslip, .mod-KambiBC-betslip.mod-KambiBC-js-betslip {
    max-height: calc(100dvh - var(--fixed-elements-total-height) - 56px) !important
}