.rc-calendar,
.rc-calendar * {
    box-sizing: border-box
}

.rc-calendar-hidden {
    display: none
}

.rc-calendar-input-wrap {
    position: relative;
    padding: 6px;
    border-bottom: 1px solid #e9e9e9
}

.rc-calendar-input-wrap:after {
    content: "";
    clear: both
}

.rc-calendar-date-input-wrap {
    overflow: hidden
}

.rc-calendar-time-picker {
    position: absolute;
    width: 100%;
    top: 34px;
    background-color: #fff;
    height: 217px
}

.rc-calendar-time-picker-panel {
    width: 100%;
    position: relative
}

.rc-calendar-time-picker-panel .rc-time-picker-panel-input-wrap {
    display: none
}

.rc-calendar-time-picker-panel .rc-time-picker-panel-inner {
    border: none;
    box-shadow: none
}

.rc-calendar-time-picker-panel .rc-time-picker-panel-select {
    width: 84px;
    max-height: 217px
}

.rc-calendar-time-picker-panel .rc-time-picker-panel-select li {
    text-align: center;
    padding: 0
}

.rc-calendar-time-picker-wrap {
    float: left;
    width: 100%
}

.rc-calendar-time-picker-wrap .rc-time-picker {
    width: 100%
}

.rc-calendar-time-picker-wrap .rc-time-picker-input {
    padding: 0;
    border: 1px solid transparent;
    outline: 0;
    height: 22px
}

.rc-calendar-time-picker-wrap .rc-time-picker-icon {
    display: none
}

.rc-calendar-input {
    border: 1px solid transparent;
    width: 100%;
    color: #666;
    cursor: text;
    line-height: 1.5;
    outline: 0;
    height: 22px
}

.rc-calendar-input-invalid {
    border-color: red
}

.rc-calendar-clear-btn {
    z-index: 9999;
    position: absolute;
    right: 6px;
    cursor: pointer;
    overflow: hidden;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    top: 6px;
    margin: 0
}

.rc-calendar-clear-btn:after {
    content: "x";
    font-size: 12px;
    color: #aaa;
    display: inline-block;
    line-height: 1;
    width: 20px;
    transition: color .3s ease
}

.rc-calendar-clear-btn:hover:after {
    color: #666
}

.rc-calendar-picker {
    position: absolute;
    left: -9999px;
    top: -9999px;
    z-index: 1000
}

.rc-calendar-picker-hidden {
    display: none
}

.rc-calendar-picker-slide-up-enter {
    display: block !important;
    animation-duration: .3s;
    animation-fill-mode: both;
    transform-origin: 0 0;
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    animation-play-state: paused
}

.rc-calendar-picker-slide-up-appear {
    display: block !important;
    animation-duration: .3s;
    animation-fill-mode: both;
    transform-origin: 0 0;
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    animation-play-state: paused
}

.rc-calendar-picker-slide-up-leave {
    display: block !important;
    animation-duration: .3s;
    animation-fill-mode: both;
    transform-origin: 0 0;
    opacity: 1;
    animation-timing-function: cubic-bezier(.6, .04, .98, .34);
    animation-play-state: paused
}

.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomLeft,
.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomRight,
.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomLeft,
.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomRight {
    animation-name: rcDropdownSlideUpIn;
    animation-play-state: running
}

.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topLeft,
.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topRight,
.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topLeft,
.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topRight {
    animation-name: rcDropdownSlideDownIn;
    animation-play-state: running
}

.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomLeft,
.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomRight {
    animation-name: rcDropdownSlideUpOut;
    animation-play-state: running
}

.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topLeft,
.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topRight {
    animation-name: rcDropdownSlideDownOut;
    animation-play-state: running
}

@keyframes rcDropdownSlideUpIn {
    0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: scaleY(0)
    }
    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: scaleY(1)
    }
}

@keyframes rcDropdownSlideUpOut {
    0% {
        opacity: 1;
        transform-origin: 0 0;
        transform: scaleY(1)
    }
    to {
        opacity: 0;
        transform-origin: 0 0;
        transform: scaleY(0)
    }
}

@keyframes rcDropdownSlideDownIn {
    0% {
        opacity: 0;
        transform-origin: 100% 100%;
        transform: scaleY(0)
    }
    to {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scaleY(1)
    }
}

@keyframes rcDropdownSlideDownOut {
    0% {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scaleY(1)
    }
    to {
        opacity: 0;
        transform-origin: 100% 100%;
        transform: scaleY(0)
    }
}

.rc-calendar {
    font-family: Arial, Hiragino Sans GB, Microsoft Yahei, "Microsoft Sans Serif", WenQuanYi Micro Hei, sans-serif;
    width: 253px;
    list-style: none;
    font-size: 12px;
    text-align: left;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 5px #ccc;
    background-clip: padding-box;
    border: 1px solid #ccc;
    line-height: 1.5
}

.rc-calendar,
.rc-calendar-date-panel,
.rc-calendar-panel {
    position: relative;
    outline: none
}

.rc-calendar-week-number {
    width: 286px
}

.rc-calendar-week-number-cell {
    text-align: center
}

.rc-calendar-header {
    padding: 0 10px;
    height: 34px;
    line-height: 30px;
    text-align: center;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    border-bottom: 1px solid #ccc
}

.rc-calendar-header>a {
    font-weight: 700;
    display: inline-block;
    padding: 0 5px;
    line-height: 34px;
    text-align: center;
    width: 30px
}

.rc-calendar-header>a:hover {
    cursor: pointer;
    color: #23c0fa
}

.rc-calendar-header .rc-calendar-prev-month-btn {
    position: absolute;
    left: 25px
}

.rc-calendar-header .rc-calendar-prev-month-btn:after {
    content: "‹"
}

.rc-calendar-header .rc-calendar-next-month-btn {
    position: absolute;
    right: 25px
}

.rc-calendar-header .rc-calendar-next-month-btn:after {
    content: "›"
}

.rc-calendar-day-select,
.rc-calendar-month-select,
.rc-calendar-year-select {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    color: #666;
    padding: 0 8px;
    line-height: 34px
}

.rc-calendar-day-select:hover,
.rc-calendar-month-select:hover,
.rc-calendar-year-select:hover {
    cursor: pointer;
    color: #23c0fa
}

.rc-calendar-day-select.rc-calendar-time-status:hover,
.rc-calendar-month-select.rc-calendar-time-status:hover,
.rc-calendar-year-select.rc-calendar-time-status:hover {
    cursor: pointer;
    color: #666
}

.rc-calendar-next-month-btn,
.rc-calendar-next-year-btn,
.rc-calendar-prev-month-btn,
.rc-calendar-prev-year-btn {
    position: absolute;
    top: 0;
    cursor: pointer;
    color: #999;
    font-family: Arial, Hiragino Sans GB, Microsoft Yahei, "Microsoft Sans Serif", sans-serif;
    padding: 0 5px;
    font-size: 16px;
    display: inline-block;
    line-height: 34px
}

.rc-calendar-next-month-btn:hover,
.rc-calendar-next-year-btn:hover,
.rc-calendar-prev-month-btn:hover,
.rc-calendar-prev-year-btn:hover {
    color: #23c0fa
}

.rc-calendar-next-year-btn {
    right: 0
}

.rc-calendar-next-year-btn:after {
    content: "»"
}

.rc-calendar-prev-year-btn {
    left: 0
}

.rc-calendar-prev-year-btn:after {
    content: "«"
}

.rc-calendar-body {
    padding: 9px 10px 10px;
    height: 217px
}

.rc-calendar table {
    border-collapse: collapse;
    max-width: 100%;
    background-color: transparent;
    width: 100%
}

.rc-calendar table,
.rc-calendar td,
.rc-calendar th {
    border: none
}

.rc-calendar-table {
    border-spacing: 0;
    margin-bottom: 0
}

.rc-calendar-column-header {
    line-height: 18px;
    padding: 6px 0;
    width: 33px;
    text-align: center
}

.rc-calendar-column-header .rc-calendar-column-header-inner {
    display: block;
    font-weight: 400
}

.rc-calendar-week-number-header .rc-calendar-column-header-inner {
    display: none
}

.rc-calendar-cell {
    padding: 1px 0
}

.rc-calendar-date {
    display: block;
    margin: 0 auto;
    color: #666;
    border-radius: 4px 4px;
    width: 26px;
    height: 26px;
    padding: 0;
    background: transparent;
    line-height: 26px;
    text-align: center
}

.rc-calendar-date:hover {
    background: #ebfaff;
    cursor: pointer
}

.rc-calendar-selected-day .rc-calendar-date {
    background: #d9f4fe
}

.rc-calendar-selected-date .rc-calendar-date {
    background: #3fc7fa;
    color: #fff
}

.rc-calendar-selected-date .rc-calendar-date:hover {
    background: #3fc7fa
}

.rc-calendar-today .rc-calendar-date {
    border: 1px solid #3fc7fa
}

.rc-calendar-disabled-cell .rc-calendar-date {
    cursor: not-allowed;
    color: #bcbcbc;
    background: #f3f3f3;
    border-radius: 0;
    width: auto
}

.rc-calendar-disabled-cell .rc-calendar-date:hover {
    background: #f3f3f3
}

.rc-calendar-disabled-cell-first-of-row .rc-calendar-date {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.rc-calendar-disabled-cell-last-of-row .rc-calendar-date {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.rc-calendar-last-month-cell .rc-calendar-date,
.rc-calendar-next-month-btn-day .rc-calendar-date {
    color: #bbb
}

.rc-calendar-footer {
    border-top: 1px solid #ccc;
    padding: 10px 0;
    text-align: center;
    position: relative
}

.rc-calendar-footer .rc-time-picker {
    width: 90px
}

.rc-calendar-footer .rc-time-picker-input {
    height: 24px
}

.rc-calendar-footer-show-ok {
    text-align: right
}

.rc-calendar-footer-show-ok .rc-calendar-footer-btn {
    padding-right: 12px
}

.rc-calendar-footer-show-ok .rc-calendar-time-picker-btn {
    margin-left: 0;
    padding: 0 12px
}

.rc-calendar-footer-show-ok .rc-calendar-today-btn {
    float: left;
    padding-left: 12px
}

.rc-calendar-footer-btn {
    margin-top: 2px
}

.rc-calendar-footer-btn:after {
    content: "x";
    height: 0;
    font-size: 0;
    overflow: hidden;
    clear: both
}

.rc-calendar-time-picker-btn {
    margin-left: 10px
}

.rc-calendar-ok-btn,
.rc-calendar-time-picker-btn,
.rc-calendar-today-btn {
    display: inline-block;
    text-align: center;
    color: #f46830
}

.rc-calendar-ok-btn:hover,
.rc-calendar-time-picker-btn:hover,
.rc-calendar-today-btn:hover {
    cursor: pointer;
    color: #23c0fa
}

.rc-calendar-ok-btn-disabled,
.rc-calendar-ok-btn-disabled:hover,
.rc-calendar-time-picker-btn-disabled,
.rc-calendar-time-picker-btn-disabled:hover,
.rc-calendar-today-btn-disabled,
.rc-calendar-today-btn-disabled:hover {
    color: #bbb
}

.rc-calendar-today-btn {
    padding-left: 10px
}

.rc-calendar-time-input {
    height: 25px;
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 4px 10px;
    border-radius: 6px 6px;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    color: #666;
    line-height: 1.5;
    transform: border .3s cubic-bezier(.35, 0, .25, 1), background .3s cubic-bezier(.35, 0, .25, 1), box-shadow .3s cubic-bezier(.35, 0, .25, 1);
    width: 40px
}

.rc-calendar-time-input:hover {
    border-color: #23c0fa
}

.rc-calendar-time-input:focus {
    border-color: #23c0fa;
    box-shadow: 0 0 3px #23c0fa
}

.rc-calendar-time-panel {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 10;
    position: absolute;
    outline: none
}

.rc-calendar-time-panel-header {
    padding: 0 10px;
    height: 34px;
    line-height: 34px;
    position: relative;
    text-align: center;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    border-bottom: 1px solid #ccc
}

.rc-calendar-time-panel-body {
    padding: 9px 10px 10px
}

.rc-calendar-time-panel-title {
    width: 180px;
    font-weight: 700;
    display: inline-block;
    padding: 4px 5px;
    text-align: center;
    height: 30px;
    line-height: 22px;
    border-radius: 4px
}

.rc-calendar-time-panel-table {
    table-layout: fixed;
    width: 100%;
    height: 255px;
    border-collapse: separate
}

.rc-calendar-time-panel-cell {
    text-align: center;
    height: 42px;
    vertical-align: middle
}

.rc-calendar-time-panel-time {
    line-height: 26px;
    display: block;
    border-radius: 4px;
    width: 26px;
    margin: 0 auto
}

.rc-calendar-time-panel-time:hover {
    background: #ebfaff;
    cursor: pointer
}

.rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time,
.rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time:hover {
    background: #3fc7fa;
    color: #fff
}

.rc-calendar-month-panel {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 10;
    position: absolute;
    outline: none
}

.rc-calendar-month-panel>div {
    height: 100%;
    display: flex;
    flex-direction: column
}

.rc-calendar-month-panel-hidden {
    display: none
}

.rc-calendar-month-panel-header {
    padding: 0 10px;
    height: 34px;
    line-height: 30px;
    position: relative;
    text-align: center;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    border-bottom: 1px solid #ccc
}

.rc-calendar-month-panel-header>a {
    font-weight: 700;
    display: inline-block;
    padding: 4px 5px;
    text-align: center;
    width: 30px
}

.rc-calendar-month-panel-header>a:hover {
    cursor: pointer;
    color: #23c0fa
}

.rc-calendar-month-panel-next-year-btn,
.rc-calendar-month-panel-prev-year-btn {
    position: absolute;
    top: 0
}

.rc-calendar-month-panel-next-year-btn:after {
    content: "»"
}

.rc-calendar-month-panel-prev-year-btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    left: 0
}

.rc-calendar-month-panel-prev-year-btn:after {
    content: "«"
}

.rc-calendar-month-panel .rc-calendar-month-panel-year-select {
    width: 180px
}

.rc-calendar-month-panel-year-select-arrow {
    display: none
}

.rc-calendar-month-panel-next-year-btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    right: 0
}

.rc-calendar-month-panel-body {
    flex: 1;
    padding: 9px 10px 10px
}

.rc-calendar-month-panel-footer {
    border-top: 1px solid #ccc;
    line-height: 38px
}

.rc-calendar-month-panel-table {
    table-layout: fixed;
    width: 100%;
    height: 100%;
    border-collapse: separate
}

.rc-calendar-month-panel-cell {
    text-align: center
}

.rc-calendar-month-panel-cell .rc-calendar-month-panel-month {
    display: block;
    width: 46px;
    margin: 0 auto;
    color: #666;
    border-radius: 4px 4px;
    height: 36px;
    padding: 0;
    background: transparent;
    line-height: 36px;
    text-align: center
}

.rc-calendar-month-panel-cell .rc-calendar-month-panel-month:hover {
    background: #ebfaff;
    cursor: pointer
}

.rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month {
    color: #bfbfbf
}

.rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month:hover {
    background: #fff;
    cursor: not-allowed
}

.rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month,
.rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month:hover {
    background: #3fc7fa;
    color: #fff
}

.rc-calendar-month-header-wrap {
    position: relative;
    height: 308px
}

.rc-calendar-year-panel {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 10;
    position: absolute;
    outline: none
}

.rc-calendar-year-panel>div {
    height: 100%;
    display: flex;
    flex-direction: column
}

.rc-calendar-year-panel-hidden {
    display: none
}

.rc-calendar-year-panel-header {
    padding: 0 10px;
    height: 34px;
    line-height: 30px;
    position: relative;
    text-align: center;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    border-bottom: 1px solid #ccc
}

.rc-calendar-year-panel-header>a {
    font-weight: 700;
    display: inline-block;
    padding: 4px 5px;
    text-align: center;
    width: 30px
}

.rc-calendar-year-panel-header>a:hover {
    cursor: pointer;
    color: #23c0fa
}

.rc-calendar-year-panel-next-decade-btn,
.rc-calendar-year-panel-prev-decade-btn {
    position: absolute;
    top: 0
}

.rc-calendar-year-panel-next-decade-btn:after {
    content: "»"
}

.rc-calendar-year-panel-prev-decade-btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    left: 0
}

.rc-calendar-year-panel-prev-decade-btn:after {
    content: "«"
}

.rc-calendar-year-panel .rc-calendar-year-panel-decade-select {
    width: 180px
}

.rc-calendar-year-panel-decade-select-arrow {
    display: none
}

.rc-calendar-year-panel-next-decade-btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    right: 0
}

.rc-calendar-year-panel-body {
    flex: 1;
    padding: 9px 10px 10px
}

.rc-calendar-year-panel-footer {
    border-top: 1px solid #ccc;
    line-height: 38px
}

.rc-calendar-year-panel-table {
    table-layout: fixed;
    width: 100%;
    height: 100%;
    border-collapse: separate
}

.rc-calendar-year-panel-cell {
    text-align: center
}

.rc-calendar-year-panel-year {
    display: block;
    width: 46px;
    margin: 0 auto;
    color: #666;
    border-radius: 4px 4px;
    height: 36px;
    padding: 0;
    background: transparent;
    line-height: 36px;
    text-align: center
}

.rc-calendar-year-panel-year:hover {
    background: #ebfaff;
    cursor: pointer
}

.rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year,
.rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year:hover {
    background: #3fc7fa;
    color: #fff
}

.rc-calendar-year-panel-last-decade-cell .rc-calendar-year-panel-year,
.rc-calendar-year-panel-next-decade-cell .rc-calendar-year-panel-year {
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    color: rgba(0, 0, 0, .25)
}

.rc-calendar-decade-panel {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 10;
    position: absolute;
    outline: none;
    display: flex;
    flex-direction: column
}

.rc-calendar-decade-panel-hidden {
    display: none
}

.rc-calendar-decade-panel-header {
    padding: 0 10px;
    height: 34px;
    line-height: 34px;
    position: relative;
    text-align: center;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    border-bottom: 1px solid #ccc
}

.rc-calendar-decade-panel-header>a {
    font-weight: 700;
    display: inline-block;
    padding: 1px 5px;
    text-align: center;
    width: 30px
}

.rc-calendar-decade-panel-header>a:hover {
    cursor: pointer;
    color: #23c0fa
}

.rc-calendar-decade-panel-next-century-btn,
.rc-calendar-decade-panel-prev-century-btn {
    position: absolute;
    top: 0
}

.rc-calendar-decade-panel-next-century-btn:after {
    content: "»"
}

.rc-calendar-decade-panel-prev-century-btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    left: 0
}

.rc-calendar-decade-panel-prev-century-btn:after {
    content: "«"
}

.rc-calendar-decade-panel-next-century-btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    right: 0
}

.rc-calendar-decade-panel-body {
    flex: 1;
    padding: 9px 10px 10px
}

.rc-calendar-decade-panel-footer {
    border-top: 1px solid #ccc;
    line-height: 38px
}

.rc-calendar-decade-panel-table {
    table-layout: fixed;
    width: 100%;
    height: 100%;
    border-collapse: separate
}

.rc-calendar-decade-panel-cell {
    text-align: center
}

.rc-calendar-decade-panel-decade {
    display: block;
    margin: 0 auto;
    color: #666;
    border-radius: 4px 4px;
    height: 36px;
    padding: 0;
    background: transparent;
    line-height: 36px;
    text-align: center
}

.rc-calendar-decade-panel-decade:hover {
    background: #ebfaff;
    cursor: pointer
}

.rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade,
.rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade:hover {
    background: #3fc7fa;
    color: #fff
}

.rc-calendar-decade-panel-last-century-cell .rc-calendar-decade-panel-decade,
.rc-calendar-decade-panel-next-century-cell .rc-calendar-decade-panel-decade {
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    color: rgba(0, 0, 0, .25)
}

.rc-calendar-range {
    width: 502px;
    overflow: hidden
}

.rc-calendar-range-part {
    width: 250px;
    position: relative
}

.rc-calendar-range-part .rc-calendar-time-picker {
    top: 69px
}

.rc-calendar-range-part .rc-calendar-time-picker-panel-select {
    width: 77px
}

.rc-calendar-range-left {
    float: left
}

.rc-calendar-range-left .rc-calendar-time-picker-panel-select:last-child {
    border-right: 1px solid #e9e9e9
}

.rc-calendar-range-right {
    float: right
}

.rc-calendar-range-right .rc-calendar-time-picker-panel {
    left: 21px
}

.rc-calendar-range-right .rc-calendar-time-picker-panel-select:first-child {
    border-left: 1px solid #e9e9e9
}

.rc-calendar-range-middle {
    position: absolute;
    margin-left: -10px;
    text-align: center;
    height: 35px;
    line-height: 35px
}

.rc-calendar-range .rc-calendar-date-panel:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.rc-calendar-range .rc-calendar-input-wrap {
    height: 35px
}

.rc-calendar-range .rc-calendar-input,
.rc-calendar-range .rc-time-picker-input {
    padding: 1px 7px;
    height: 22px
}

.rc-calendar-range .rc-calendar-body,
.rc-calendar-range .rc-calendar-decade-panel-body,
.rc-calendar-range .rc-calendar-month-panel-body,
.rc-calendar-range .rc-calendar-year-panel-body {
    border-bottom: 1px solid #e9e9e9
}

.rc-calendar-range.rc-calendar-week-number {
    width: 574px
}

.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part {
    width: 286px
}

.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part .rc-calendar-time-picker {
    top: 69px
}

.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part .rc-calendar-time-picker-panel-select {
    width: 89px
}

.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-right .rc-calendar-time-picker-panel {
    left: 36px
}

.rc-calendar-range .rc-calendar-decade-panel,
.rc-calendar-range .rc-calendar-month-panel,
.rc-calendar-range .rc-calendar-year-panel {
    top: 35px
}

.rc-calendar-range .rc-calendar-month-panel .rc-calendar-year-panel {
    top: 0
}

.rc-calendar-range .rc-calendar-decade-panel-table,
.rc-calendar-range .rc-calendar-month-panel-table,
.rc-calendar-range .rc-calendar-year-panel-table {
    height: 198px
}

.rc-calendar-range .rc-calendar-in-range-cell {
    background: #ebf4f8;
    border-radius: 0
}

.rc-calendar-range-bottom {
    text-align: right
}

.rc-calendar-range .rc-calendar-footer {
    border-top: none;
    padding: 0
}

.rc-calendar-range .rc-calendar-footer-btn {
    padding: 10px 12px 10px 0
}

.rc-calendar-range .rc-calendar-ok-btn {
    position: static
}

.rc-calendar-range .rc-calendar-today-btn {
    float: left
}

.rc-calendar-full {
    width: 275px
}

.rc-calendar-full-header {
    padding: 5px 10px;
    text-align: center;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    border-bottom: 1px solid #ccc;
    overflow: hidden
}

.rc-calendar-full-header-month-select,
.rc-calendar-full-header-year-select {
    width: 70px;
    float: right;
    margin-right: 5px
}

.rc-calendar-full-header-switcher {
    float: right;
    display: inline-block
}

.rc-calendar-full-header-switcher-normal:hover {
    border-color: #23c0fa;
    box-shadow: 0 0 2px rgba(45, 183, 245, .8);
    cursor: pointer
}

.rc-calendar-full-header-switcher-focus {
    border-color: #3fc7fa;
    background-color: #3fc7fa;
    color: #fff
}

.rc-calendar-full-header-switcher>span {
    float: left;
    height: 28px;
    line-height: 24px;
    border: 1px solid #d9d9d9;
    padding: 0 10px;
    color: #666
}

.rc-calendar-full-header-switcher>span:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right: none
}

.rc-calendar-full-header-switcher>span:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: none
}

.rc-calendar-fullscreen {
    width: auto
}

.rc-calendar-fullscreen .rc-calendar-full-header {
    border-bottom: none
}

.rc-calendar-fullscreen .rc-calendar-column-header {
    text-align: right;
    padding-right: 12px
}

.rc-calendar-fullscreen .rc-calendar-cell {
    padding: 0
}

.rc-calendar-fullscreen .rc-calendar-cell .rc-calendar-date,
.rc-calendar-fullscreen .rc-calendar-month-panel-cell .rc-calendar-month-panel-month {
    display: block;
    height: 116px;
    width: auto;
    border-radius: 0;
    margin: 0 4px;
    border: none;
    border-top: 2px solid #eee;
    text-align: right;
    padding-right: 8px
}

.rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month,
.rc-calendar-fullscreen .rc-calendar-selected-day .rc-calendar-date {
    background-color: #ebfaff;
    color: #666
}

.rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month,
.rc-calendar-fullscreen .rc-calendar-today .rc-calendar-date {
    border-top-color: #3fc7fa;
    color: #3fc7fa
}

.rc-time-picker {
    display: inline-block;
    position: relative
}

.rc-time-picker,
.rc-time-picker * {
    box-sizing: border-box
}

.rc-time-picker-clear {
    position: absolute;
    right: 6px;
    cursor: pointer;
    overflow: hidden;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    top: 3px;
    margin: 0
}

.rc-time-picker-clear-icon:after {
    content: "x";
    font-size: 12px;
    font-style: normal;
    color: #aaa;
    display: inline-block;
    line-height: 1;
    height: 20px;
    width: 20px;
    transition: color .3s ease
}

.rc-time-picker-clear-icon:hover:after {
    color: #666
}

.rc-time-picker-input {
    width: 100%;
    position: relative;
    display: inline-block;
    padding: 4px 7px;
    height: 28px;
    cursor: text;
    font-size: 12px;
    line-height: 1.5;
    color: #666;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    transition: border .2s cubic-bezier(.645, .045, .355, 1), background .2s cubic-bezier(.645, .045, .355, 1), box-shadow .2s cubic-bezier(.645, .045, .355, 1)
}

.rc-time-picker-input[disabled] {
    color: #ccc;
    background: #f7f7f7;
    cursor: not-allowed
}

.rc-time-picker-panel {
    z-index: 1070;
    width: 170px;
    position: absolute;
    box-sizing: border-box
}

.rc-time-picker-panel * {
    box-sizing: border-box
}

.rc-time-picker-panel-inner {
    display: inline-block;
    position: relative;
    outline: none;
    list-style: none;
    font-size: 12px;
    text-align: left;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 5px #ccc;
    background-clip: padding-box;
    border: 1px solid #ccc;
    line-height: 1.5
}

.rc-time-picker-panel-narrow {
    max-width: 113px
}

.rc-time-picker-panel-input {
    margin: 0;
    padding: 0;
    width: 100%;
    cursor: auto;
    line-height: 1.5;
    outline: 0;
    border: 1px solid transparent
}

.rc-time-picker-panel-input-wrap {
    box-sizing: border-box;
    position: relative;
    padding: 6px;
    border-bottom: 1px solid #e9e9e9
}

.rc-time-picker-panel-input-invalid {
    border-color: red
}

.rc-time-picker-panel-select {
    float: left;
    font-size: 12px;
    border: 1px solid #e9e9e9;
    border-width: 0 1px;
    margin-left: -1px;
    box-sizing: border-box;
    width: 56px;
    max-height: 144px;
    overflow-y: auto;
    position: relative
}

.rc-time-picker-panel-select-active {
    overflow-y: auto
}

.rc-time-picker-panel-select:first-child {
    border-left: 0;
    margin-left: 0
}

.rc-time-picker-panel-select:last-child {
    border-right: 0
}

.rc-time-picker-panel-select ul {
    list-style: none;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 100%
}

.rc-time-picker-panel-select li {
    list-style: none;
    margin: 0;
    padding: 0 0 0 16px;
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: left;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.rc-time-picker-panel-select li:hover {
    background: #edfaff
}

li.rc-time-picker-panel-select-option-selected {
    background: #f7f7f7;
    font-weight: 700
}

li.rc-time-picker-panel-select-option-disabled {
    color: #ccc
}

li.rc-time-picker-panel-select-option-disabled:hover {
    background: transparent;
    cursor: not-allowed
}

.input-range__slider {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #3f51b5;
    border: 1px solid #3f51b5;
    border-radius: 100%;
    cursor: pointer;
    display: block;
    height: 1rem;
    margin-left: -.5rem;
    margin-top: -.65rem;
    outline: none;
    position: absolute;
    top: 50%;
    transition: transform .3s ease-out, box-shadow .3s ease-out;
    width: 1rem
}

.input-range__slider:active {
    transform: scale(1.3)
}

.input-range__slider:focus {
    box-shadow: 0 0 0 5px rgba(63, 81, 181, .2)
}

.input-range--disabled .input-range__slider {
    background: #ccc;
    border: 1px solid #ccc;
    box-shadow: none;
    transform: none
}

.input-range__slider-container {
    transition: left .3s ease-out
}

.input-range__label {
    color: #aaa;
    font-family: Helvetica Neue, san-serif;
    font-size: .8rem;
    transform: translateZ(0);
    white-space: nowrap
}

.input-range__label--max,
.input-range__label--min {
    bottom: -1.4rem;
    position: absolute
}

.input-range__label--min {
    left: 0
}

.input-range__label--max {
    right: 0
}

.input-range__label--value {
    position: absolute;
    top: -1.8rem
}

.input-range__label-container {
    left: -50%;
    position: relative
}

.input-range__label--max .input-range__label-container {
    left: 50%
}

.input-range__track {
    background: #eee;
    border-radius: .3rem;
    cursor: pointer;
    display: block;
    height: .3rem;
    position: relative;
    transition: left .3s ease-out, width .3s ease-out
}

.input-range--disabled .input-range__track {
    background: #eee
}

.input-range__track--background {
    left: 0;
    margin-top: -.15rem;
    position: absolute;
    right: 0;
    top: 50%
}

.input-range__track--active {
    background: #3f51b5
}

.input-range {
    height: 1rem;
    position: relative;
    width: 100%
}

.carousel .control-arrow,
.carousel.carousel-slider .control-arrow {
    transition: all .25s ease-in;
    opacity: .4;
    filter: alpha(opacity=40);
    position: absolute;
    z-index: 2;
    top: 20px;
    background: none;
    border: 0;
    font-size: 32px;
    cursor: pointer
}

.carousel .control-arrow:focus,
.carousel .control-arrow:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.carousel .control-arrow:before,
.carousel.carousel-slider .control-arrow:before {
    margin: 0 5px;
    display: inline-block;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    content: ""
}

.carousel .control-disabled.control-arrow {
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: inherit;
    display: none
}

.carousel .control-prev.control-arrow {
    left: 0
}

.carousel .control-prev.control-arrow:before {
    border-right: 8px solid #fff
}

.carousel .control-next.control-arrow {
    right: 0
}

.carousel .control-next.control-arrow:before {
    border-left: 8px solid #fff
}

.carousel-root {
    outline: none
}

.carousel {
    position: relative;
    width: 100%
}

.carousel * {
    box-sizing: border-box
}

.carousel img {
    width: 100%;
    display: inline-block;
    pointer-events: none
}

.carousel .carousel {
    position: relative
}

.carousel .control-arrow {
    outline: 0;
    border: 0;
    background: none;
    top: 50%;
    margin-top: -13px;
    font-size: 18px
}

.carousel .thumbs-wrapper {
    margin: 20px;
    overflow: hidden
}

.carousel .thumbs {
    transition: all .15s ease-in;
    transform: translateZ(0);
    position: relative;
    list-style: none;
    white-space: nowrap
}

.carousel .thumb {
    transition: border .15s ease-in;
    display: inline-block;
    margin-right: 6px;
    white-space: nowrap;
    overflow: hidden;
    border: 3px solid #fff;
    padding: 2px
}

.carousel .thumb:focus {
    border: 3px solid #ccc;
    outline: none
}

.carousel .thumb.selected,
.carousel .thumb:hover {
    border: 3px solid #333
}

.carousel .thumb img {
    vertical-align: top
}

.carousel.carousel-slider {
    position: relative;
    margin: 0;
    overflow: hidden
}

.carousel.carousel-slider .control-arrow {
    top: 0;
    color: #fff;
    font-size: 26px;
    bottom: 0;
    margin-top: 0;
    padding: 5px
}

.carousel.carousel-slider .control-arrow:hover {
    background: rgba(0, 0, 0, .2)
}

.carousel .slider-wrapper {
    overflow: hidden;
    margin: auto;
    width: 100%;
    transition: height .15s ease-in
}

.carousel .slider-wrapper.axis-horizontal .slider {
    -ms-box-orient: horizontal;
    display: -moz-flex;
    display: flex
}

.carousel .slider-wrapper.axis-horizontal .slider .slide {
    flex-direction: column;
    flex-flow: column
}

.carousel .slider-wrapper.axis-vertical {
    -ms-box-orient: horizontal;
    display: -moz-flex;
    display: flex
}

.carousel .slider-wrapper.axis-vertical .slider {
    flex-direction: column
}

.carousel .slider {
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
    width: 100%
}

.carousel .slider.animated {
    transition: all .35s ease-in-out
}

.carousel .slide {
    min-width: 100%;
    margin: 0;
    position: relative;
    text-align: center
}

.carousel .slide img {
    width: 100%;
    vertical-align: top;
    border: 0
}

.carousel .slide iframe {
    display: inline-block;
    width: calc(100% - 80px);
    margin: 0 40px 40px;
    border: 0
}

.carousel .slide .legend {
    transition: all .5s ease-in-out;
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -45%;
    width: 90%;
    border-radius: 10px;
    background: #000;
    color: #fff;
    padding: 10px;
    font-size: 12px;
    text-align: center;
    opacity: .25;
    transition: opacity .35s ease-in-out
}

.carousel .control-dots {
    position: absolute;
    bottom: 0;
    margin: 10px 0;
    padding: 0;
    text-align: center;
    width: 100%;
    z-index: 1
}

@media (min-width:960px) {
    .carousel .control-dots {
        bottom: 0
    }
}

.carousel .control-dots .dot {
    transition: opacity .25s ease-in;
    opacity: .3;
    filter: alpha(opacity=30);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .9);
    background: #fff;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    cursor: pointer;
    display: inline-block;
    margin: 0 8px
}

.carousel .control-dots .dot.selected,
.carousel .control-dots .dot:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.carousel .carousel-status {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    font-size: 10px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .9);
    color: #fff
}

.carousel:hover .slide .legend {
    opacity: 1
}

.edit-button {
    width: 25px;
    height: 25px;
    background: 50%/85% 85% url(../media/edit.97fc712a.svg) no-repeat;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: .1s linear
}

.edit-button:focus,
.edit-button:hover {
    cursor: pointer;
    border-color: var(--color-main)
}

.ContentWrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden
}

.Row {
    font-size: .9em
}

.Row:nth-child(2n) {
    background-color: var(--color-gray-light)
}

.Coll {
    text-align: center;
    height: 36px;
    padding: 0 10px;
    white-space: nowrap
}

.AlignRight {
    text-align: right
}

.AlignLeft {
    text-align: left
}

.Red {
    background-color: #ffcaca
}

.Green {
    background-color: #d0dfa3
}

.Yellow {
    background-color: #f6fdb5
}

:root {
    --rgb--main: 2, 66, 73;
    --rgb--main-dark: 34, 64, 73;
    --rgb--gray-light: 245, 247, 250;
    --rgb--yellow: 228, 247, 45;
    --rgb--red: 223, 97, 79;
    --rgb-dark-main: 20, 30, 34;
    --color-light-gray-background: rgb(var(--rgb-light-gray));
    --color-gray-background: #eeeff1;
    --color-gray-border: #eeeff1;
    --color-dark-gray-border: #c4c4c4;
    --color-gray-green-background: #81a1a4;
    --color-error-background: #fcf0ee;
    --color-red-to-yellow: rgb(var(--rgb--red));
    --color-main-to-yellow: rgb(var(--rgb--main));
    --color-light-gray-to-yellow: rgb(var(--rgb-light-gray));
    --color-main-to-gray-green: #024249;
    --color-white-background: #fff;
    --color-white-input-background: #fff;
    --color-white-content-background: #fff;
    --color-white-active-background: #fff;
    --color-white-to-main: #fff;
    --color-white-to-gray-green: #fff;
    --color-white-to-dark-main: #fff;
    --color-light-main: #1c555b;
    --color-main-text: #024249;
    --color-main-button-background: #29666c;
    --color-main: rgb(var(--rgb--main));
    --color-main-ligth: #29666c;
    --color-main-dark: rgb(var(--rgb--main-dark));
    --color-yellow: rgb(var(--rgb--yellow));
    --color-red: #eb5757;
    --color-gray: #d8dfe2;
    --color-gray-light: rgb(var(--rgb--gray-light));
    --vh: 1;
    --100vh: calc(var(--vh) * 100);
    --header-height: 77px;
    --mobile-header-height: 64px;
    --admin-header-height: 64px;
    --admin-eventTable-controlPanel-height: 0px;
    --partners-header-height: 80px;
    --top-popup-height: 0px;
    --mobile-preview-header-height: 0px;
    --sport-tabs-height: 58px;
    --eventCard-periodTabs-top: 0;
    --topButton-bottom: 5px;
    --preview-outcomes-number: 6;
    --banner-block1: 74.074%;
    --banner-block2: 36.66%;
    --banner-block3: 18.24%;
    --bet-animation-x: 0px;
    --bet-animation-y: 0px;
    --bet-animation-finish-x: 0px;
    --bet-animation-width: 20px;
    --bet-animation-height: 20px;
    --hex-darkest-blue: #03213f;
    --hex-dark-blue: #00274e;
    --hex-main-blue: #00b8f6;
    --hex-light-blue: #01d2ea;
    --hex-main-green: #26c273;
    --hex-light-green: #96c83c;
    --hex-not-changing-main-green: #26c273;
    --hex-not-changing-light-green: #96c83c;
    --hex-yellow: #fbd54d;
    --hex-dark-yellow: #e7ae00;
    --hex-super-black: #121212;
    --hex-darkest-black: #171a1b;
    --hex-dark-black: #1e2223;
    --hex-middle-black: #252829;
    --hex-light-black: #2c2f30;
    --hex-lightest-gray: #f5f5f5;
    --hex-luminous-gray: #f4f4f4;
    --hex-light-gray: #ebedef;
    --hex-middle-gray: #dde0e4;
    --hex-dark-gray: #8a8c8c;
    --hex-darkest-gray: #4f4f4f;
    --rgb-dark-gray: 138, 140, 140;
    --rgb-dark-blue: 0, 39, 78;
    --rgb-darkest-black: 23, 26, 27;
    --rgb-light-gray: 235, 237, 239;
    --hex-blurish: #7b8ea2;
    --hex-manchesterUnited-main: #c70101;
    --hex-barcelona-main: #cd122c;
    --hex-barcelona-second: #154284;
    --hex-fenerbahce-main: #ffed00;
    --hex-fenerbahce-second: #002d72;
    --hex-besiktas-main: #d92627;
    --hex-trabzonspor-main: #a41d35;
    --hex-trabzonspor-second: #1fbaea;
    --hex-galatasaray-main: #a81e38;
    --hex-galatasaray-second: #ffb400;
    --hex-efes-main: #d73430;
    --hex-efes-second: #213557;
    --hex-adanaDemispor-main: #1791ff;
    --hex-adanaDemispor-second: #010088;
    --hex-turkey-main: #d00000;
    --hex-turkey-second: #01dddd;
    --hex-sivasspor-main: #c1202b;
    --hex-konyaspor-main: #008252;
    --hex-antalyaspor-main: red;
    --hex-basaksehir-main: #fc5000;
    --hex-basaksehir-second: #04367f;
    --team-color: var(--hex-light-green);
    --favorite-button: var(--color-main-blue-to-yellow);
    --favorite-button-team-theme: var(--color-main-blue-to-yellow);
    --bet-active-color: var(--color-white-to-darkest-black);
    --header-background: var(--color-light-gray-to-middle-black);
    --header-text: var(--color-dark-blue-to-white);
    --header-menu-item: var(--color-blurish-to-dark-gray);
    --header-menu-item-hover: var(--color-dark-blue-to-white);
    --header-menu-item-active: var(--color-dark-blue-to-yellow);
    --header-menu-live-icon-active: var(--header-menu-item-active);
    --header-depositButton-text-hover: var(--gradient-button-text-hover);
    --header-icon: var(--color-black-to-white);
    --header-icon-active: var(--team-color);
    --header-icon-background-active: var(--color-lightest-gray-to-darkest-black);
    --header-separator: var(--color-dark-gray-to-black);
    --header-border: transparent;
    --header-gray: var(--color-blurish-to-dark-gray);
    --mobile-header-background: var(--color-light-gray-to-dark-black);
    --mobile-header-color: var(--color-black-to-white);
    --mobile-header-item-active-background: var(--color-luminous-gray-to-black);
    --mobile-header-separator: var(--color-middle-gray-to-black);
    --mobile-header-balance-button-text: linear-gradient(to right, var(--color-main-blue-to-green), var(--color-light-blue-to-green));
    --mobile-header-border: var(--header-border);
    --mobile-sidebar-page-link-text: var(--color-main-blue-to-green);
    --mobile-sidebar-page-link-icon: var(--color-light-blue-to-green);
    --mobile-sidebar-close-button-background: var(--color-dark-blue-to-light-black);
    --mobile-sidebar-close-button-background-hover: var(--color-darkest-blue-to-darkest-black);
    --mobile-sidebar-fortuneWheel-gradient: linear-gradient(40deg, var(--color-main-blue-to-green), var(--color-darkest-blue-to-darkest-black) 40%, var(--color-darkest-blue-to-darkest-black) 85%, var(--color-main-blue-to-green) 115%);
    --mobile-sidebar-fortuneWheel-text: #fff;
    --notice-count-text: var(--color-darkest-blue-to-darkest-black);
    --notice-count-background: #fff;
    --sidebar-background: var(--hex-light-black);
    --sidebar-item-border: var(--color-opacity-white-to-black);
    --sidebar-row-active-background: transparent;
    --sidebar-row-active-color: linear-gradient(to right, var(--color-main-blue-to-green), var(--color-light-blue-to-green));
    --sidebar-gray: var(--color-blurish-to-dark-gray);
    --sidebar-icon-active-start: var(--color-main-blue-to-green);
    --sidebar-icon-active-end: var(--color-light-blue-to-green);
    --sidebar-notices-background: linear-gradient(to right, var(--color-main-blue-to-green), var(--color-light-blue-to-green));
    --register-banner-background-gradient: linear-gradient(to right, var(--color-dark-blue-to-light-green), var(--color-dark-blue-to-main-green));
    --register-banner-background-gradient-top-layer: center/cover linear-gradient(to top, var(--color-light-gray-to-light-black) 75%, transparent);
    --register-banner-color: var(--color-white-to-middle-black);
    --register-banner-button-border: var(--color-main-blue-to-middle-black);
    --register-banner-button-border-hover: var(--color-main-blue-to-middle-black);
    --register-banner-button-text-hover: linear-gradient(to right, var(--color-white-to-light-green), var(--color-white-to-main-green));
    --register-banner-button-background-hover: var(--color-main-blue-to-middle-black);
    --theme-button-background: "#383E40";
    --theme-button-hover-background: "#434647";
    --language-select-text-hover: var(--color-main-blue-to-light-green);
    --sport-tabs-background: var(--hex-darkest-black);
    --sport-tabs-prevControl-background: var(--sport-tabs-background);
    --sport-tabs-nextControl-background: var(--sport-tabs-background);
    --sport-tabs-underline: var(--hex-light-green);
    --sport-tabs-control-hover: var(--hex-light-green);
    --sport-tabs-textColor: #fff;
    --sport-tabs-iconColor: var(--color-blurish-to-dark-gray);
    --sport-tabs-iconColor-active: var(--color-blurish-to-dark-gray);
    --sport-tabs-time-toggle: var(--color-blurish-to-dark-gray);
    --sport-tabs-time-toggle-active: var(--hex-yellow);
    --mob-preview-header-color: var(--sidebar-gray);
    --mob-preview-header-color-active: var(--hex-dark-blue);
    --mob-preview-header-color-hover: var(--color-dark-blue-to-white);
    --gradient-button-background: linear-gradient(to right, var(--color-main-blue-to-green), var(--color-light-blue-to-green));
    --gradient-button-background-hover: linear-gradient(to right, var(--color-main-blue-to-green), var(--color-light-blue-to-green));
    --gradient-button-text: var(--color-white-to-dark-black);
    --gradient-button-text-hover: linear-gradient(to right, var(--color-main-blue-to-green), var(--color-light-blue-to-green));
    --empty-button-text: var(--darkBlue-lightGreen-to-black-white);
    --empty-button-border: var(--color-middle-gray-to-dark-gray);
    --empty-button-border-hover: var(--color-dark-gray-to-white);
    --empty-button-text-mobile: var(--empty-button-text);
    --colorEmptyButton-text: var(--darkBlue-lightGreen-to-black-white);
    --colorEmptyButton-border: var(--color-rgb-dark-gray-to-white);
    --coefficient-active-background: linear-gradient(to right, var(--color-main-blue-to-green), var(--color-light-blue-to-green));
    --coefficient-background-hover: var(--color-gray);
    --coefficient-cell-background-hover: #000c20;
    --coefficient-text: var(--darkBlue-lightGreen-to-black-white);
    --coefficient-outcome-name-text: var(--color-blurish-to-white);
    --coefficient-correct-score-button-background: var(--color-gray);
    --coefficient-total-background: #000;
    --coefficient-total-icon: var(--hex-yellow);
    --coefficient-total-icon-background: var(--color-lightest-gray-to-dark-black);
    --coefficient-total-color: var(--hex-yellow);
    --coefficient-total-background-active: #000;
    --coefficient-total-text-active: var(--hex-yellow);
    --preview-sport-icon: var(--color-blurish-to-dark-gray);
    --preview-league-underline: var(--mainBlue-lightGreen-to-white-black);
    --eventInfo-table-head-background: var(--color-dark-blue-to-light-black);
    --eventInfo-timeStatus-background: linear-gradient(to right, var(--color-main-blue-to-green), var(--color-light-blue-to-green));
    --eventInfo-timeStatus-color: var(--gradient-button-text);
    --eventInfo-gradient-background: linear-gradient(270deg, rgba(32, 35, 36, 0), rgba(32, 35, 36, .5) 22.92%, rgba(32, 35, 36, .8) 52.6%, rgba(32, 35, 36, .5) 80.73%, rgba(32, 35, 36, 0));
    --fora-total-list-background: #000;
    --profileButton-background-hover: linear-gradient(to right, var(--color-dark-blue-to-main-green), var(--color-dark-blue-to-light-green));
    --profileButton-border: linear-gradient(to right, var(--color-middle-gray-to-light-green), var(--color-middle-gray-to-main-green));
    --profileButton-text: linear-gradient(to right, var(--color-dark-blue-to-main-green), var(--color-dark-blue-to-light-green));
    --profileButton-text-hover: var(--color-white-to-darkest-black);
    --profileInputButton-border: var(--gradient-button-background);
    --profileInputButton-background: var(--color-white-to-darkest-black);
    --profileInputButton-text: var(--gradient-button-text-hover);
    --profileInputButton-background-hover: var(--gradient-button-background);
    --profileInputButton-text-hover: var(--color-white-to-darkest-black);
    --profileSidebar-background: var(--color-dark-blue-to-light-black);
    --profileSidebar-item-active-background: var(--hex-dark-black);
    --profileSidebar-icon-active: #fff;
    --profile-title-text: var(--color-dark-blue-to-white);
    --tab-background: var(--color-light-gray-to-darkest-black);
    --tab-border: var(--color-dark-blue-to-darkest-black);
    --tab-text: var(--color-dark-blue-to-white);
    --tab-border-hover: var(--color-light-gray-to-darkest-black);
    --tab-background-active: var(--tab-border);
    --tab-border-active: var(--color-dark-blue-to-white);
    --tab-text-active: var(--color-dark-blue-to-white);
    --input-background: var(--color-white-to-darkest-black);
    --input-border: var(--color-middle-gray-to-darkest-black);
    --checkbox-mark: var(--color-white-to-darkest-black);
    --footer-background: var(--hex-super-black);
    --basket-title: var(--color-dark-blue-to-white);
    --basket-maxAmount: linear-gradient(to right, var(--color-main-blue-to-green), var(--color-light-blue-to-green));
    --basket-gray-button: var(--hex-dark-gray);
    --basket-input-background: var(--color-white-to-darkest-black);
    --basket-tab-text: var(--color-dark-blue-to-white);
    --history-table-row-background: var(--color-middle-gray-to-middle-black);
    --history-table-inner-table-background: var(--color-white-to-darkest-black);
    --select-item-active-background: var(--color-light-gray-to-middle-black);
    --scroll-background: var(--color-dark-gray-border);
    --scroll-background-hover: var(--color-darkest-blue-to-light-green);
    --popup-icon: var(--color-black-to-white);
    --popup-title: var(--color-dark-blue-to-white);
    --popup-closeButton-background: var(--color-light-gray-to-middle-black);
    --casino-gameButton-text-hover: var(--gradient-button-text-hover);
    --casino-sectionTab-text-active: var(--color-dark-blue-to-light-green);
    --casino-sectionTab-background-active: var(--color-middle-gray-to-darkest-black);
    --casino-sections-background: var(--color-light-gray-to-middle-black);
    --casino-categoryLink: var(--color-main-blue-to-light-green);
    --teamTheme-popup-background: var(--color-white-to-darkest-black);
    --topPopup-background: linear-gradient(to right, var(--color-main-blue-to-green), var(--color-light-blue-to-green));
    --topPopup-text: var(--color-darkest-blue-to-darkest-black);
    --topPopup-button-color: var(--color-darkest-blue-to-darkest-black);
    --footer-text: var(--hex-dark-gray);
    --footer-links: var(--hex-dark-gray);
    --darkBlue-lightGreen-to-black-white: var(--hex-light-green);
    --mainBlue-lightGreen-to-white-black: var(--hex-light-green);
    --mainBlue-lightGreen-to-black-white: var(--hex-light-green);
    --darkestBlue-lightGreen-to-yellow-black: var(--hex-light-green);
    --colorGradient-to-black-white: linear-gradient(to right, var(--color-main-blue-to-green), var(--color-light-blue-to-green));
    --lightGreen-to-white: var(--hex-light-green);
    --lightBlue-lightGreen-to-black-white: var(--hex-light-green);
    --mainBlue-mainGreen-to-black-white: var(--hex-main-green);
    --white-lightGreen-to-white: var(--hex-light-green);
    --yellow-to-white: var(--hex-yellow);
    --darkBlue-darkestBlack-to-white: var(--hex-darkest-black);
    --mainBlue-lightGreen-to-white: var(--hex-light-green);
    --color-black-to-white: #fff;
    --color-light-green-to-yellow: var(--hex-light-green);
    --color-main-blue-to-green: var(--hex-main-green);
    --color-main-blue-to-light-green: var(--hex-light-green);
    --color-main-blue-to-yellow: var(--hex-yellow);
    --color-main-blue-to-middle-black: var(--hex-middle-black);
    --color-main-blue-to-white: #fff;
    --color-light-blue-to-green: var(--hex-light-green);
    --color-dark-blue-to-main-green: var(--hex-main-green);
    --color-dark-blue-to-light-green: var(--hex-light-green);
    --color-dark-blue-to-white: #fff;
    --color-dark-blue-to-gray: var(--hex-dark-gray);
    --color-dark-blue-to-light-black: var(--hex-light-black);
    --color-dark-blue-to-middle-black: var(--hex-middle-black);
    --color-dark-blue-to-darkest-black: var(--hex-darkest-black);
    --color-dark-blue-to-yellow: var(--hex-yellow);
    --color-darkest-blue-to-light-green: var(--hex-light-green);
    --color-darkest-blue-to-darkest-black: var(--hex-darkest-black);
    --color-light-gray-to-middle-black: var(--hex-middle-black);
    --color-light-gray-to-light-black: var(--hex-light-black);
    --color-light-gray-to-darkest-black: var(--hex-darkest-black);
    --color-light-gray-to-dark-black: var(--hex-dark-black);
    --color-luminous-gray-to-dark-black: var(--hex-dark-black);
    --color-luminous-gray-to-darkest-black: var(--hex-darkest-black);
    --color-luminous-gray-to-super-black: var(--hex-super-black);
    --color-luminous-gray-to-black: #000;
    --color-lightest-gray-to-dark-black: var(--hex-dark-black);
    --color-lightest-gray-to-light-black: var(--hex-light-black);
    --color-lightest-gray-to-middle-black: var(--hex-middle-black);
    --color-lightest-gray-to-darkest-black: var(--hex-darkest-black);
    --color-middle-gray-to-black: #000;
    --color-middle-gray-to-darkest-black: var(--hex-darkest-black);
    --color-middle-gray-to-middle-black: var(--hex-middle-black);
    --color-middle-gray-to-dark-gray: var(--hex-dark-gray);
    --color-middle-gray-to-light-green: var(--hex-light-green);
    --color-middle-gray-to-main-green: var(--hex-main-green);
    --color-middle-gray-to-dark-black: var(--hex-dark-black);
    --color-middle-gray-to-darkest-gray: var(--hex-darkest-gray);
    --color-dark-gray-to-black: #000;
    --color-dark-gray-to-darkest-black: var(--hex-darkest-black);
    --color-dark-gray-to-white: #fff;
    --color-rgb-dark-gray-to-white: 255, 255, 255;
    --color-rgb-dark-blue-to-darkest-black: var(--rgb-darkest-black);
    --color-rgb-light-gray-to-darkest-black: var(--rgb-darkest-black);
    --color-rgb-dark-blue-to-white: 255, 255, 255;
    --color-white-to-middle-black: var(--hex-middle-black);
    --color-white-to-darkest-black: var(--hex-darkest-black);
    --color-white-to-dark-black: var(--hex-dark-black);
    --color-white-to-main-green: var(--hex-main-green);
    --color-white-to-light-green: var(--hex-light-green);
    --color-white-to-dark-blue: var(--hex-dark-blue);
    --color-opacity-white-to-black: rgba(0, 0, 0, .3);
    --color-gray-to-white: #fff;
    --color-blurish-to-white: #fff;
    --color-blurish-to-dark-gray: var(--hex-dark-gray);
    --color-dark-yellow-to-yellow: var(--hex-yellow);
    --color-darkest-gray-to-white: #fff
}

@supports (background:linear-gradient(red 0%, red 0% 1%, red 2%)) {
    :root {
        --mobile-sidebar-fortuneWheel-gradient: linear-gradient(40deg, var(--color-main-blue-to-green), var(--color-darkest-blue-to-darkest-black) 40% 85%, var(--color-main-blue-to-green) 115%)
    }
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

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

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

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

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: 0;
    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 {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

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 {
    padding: 0;
    border-style: none
}

[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 {
    display: table;
    max-width: 100%;
    box-sizing: border-box;
    padding: 0;
    color: inherit;
    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
}

@font-face {
    font-display: swap;
    font-family: Circe;
    font-style: normal;
    font-weight: 400;
    src: url(../media/Circe-Regular.0f730a74.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Circe;
    font-style: normal;
    font-weight: 700;
    src: url(../media/Circe-Bold.decd04f4.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    src: url(../media/Montserrat-Light.28bb0e74.ttf) format("opentype")
}

@font-face {
    font-display: swap;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    src: url(../media/Montserrat-Regular.2cf917c2.ttf) format("opentype")
}

@font-face {
    font-display: swap;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    src: url(../media/Montserrat-Medium.19261002.ttf) format("opentype")
}

@font-face {
    font-display: swap;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    src: url(../media/Montserrat-SemiBold.a62d229e.ttf) format("opentype")
}

@font-face {
    font-display: swap;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    src: url(../media/Montserrat-Bold.2d8d7280.ttf) format("opentype")
}

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

body,
html {
    height: 100%
}

body {
    background: #1e2223;
    background: var(--color-luminous-gray-to-dark-black);
    color: #fff;
    color: var(--color-dark-blue-to-white);
    letter-spacing: .5px;
    font-family: Montserrat, Circe, sans-serif;
    font-size: 16px;
    -ms-overflow-style: none
}

body::-webkit-scrollbar {
    width: 0;
    height: 10px;
    background: none
}

body::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #c4c4c4;
    background-color: var(--scroll-background)
}

body::-webkit-scrollbar-thumb:hover {
    background: #96c83c;
    background: var(--scroll-background-hover)
}

@media screen and (max-width:768px) {
    body {
        height: auto
    }
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
    -webkit-box-shadow: inset 0 0 0 30px #171a1b !important;
    -webkit-box-shadow: 0 0 0 30px var(--input-background) inset !important;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

input:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
    -webkit-text-fill-color: var(--color-dark-blue-to-white) !important
}

input::-moz-placeholder {
    color: #929292 !important
}

input::placeholder {
    color: #929292 !important
}

input[type=text] {
    -webkit-appearance: none
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0
}

a {
    -webkit-text-decoration: none;
    text-decoration: none
}

a,
button {
    color: currentColor;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

button {
    border: 0;
    touch-action: manipulation
}

button:hover {
    cursor: pointer
}

label {
    -webkit-tap-highlight-color: transparent
}

table {
    border-collapse: collapse
}

img:not([class]),
svg:not([class]) {
    display: block;
    max-width: 100%
}

.undefined {
    background: red !important;
    color: red !important
}

ol,
ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.button {
    background-color: #29666c;
    background-color: var(--color-main-button-background);
    color: #fff;
    color: var(--color-white-to-main);
    min-height: 36px;
    min-width: 190px;
    padding: 3px 15px;
    transition: background-color .2s;
    border-radius: 2px;
    font-size: 15px
}

.button:hover:not(:disabled) {
    background-color: #024249;
    background-color: var(--color-main-to-gray-green);
    color: #fff
}

.button:disabled {
    opacity: .5;
    cursor: default
}

.button:focus {
    outline: 1px solid #224049;
    outline: 1px solid var(--color-main-dark);
    outline-offset: 1px
}

.whiteButton {
    color: #024249;
    color: var(--color-main-to-gray-green);
    border: 2px solid #024249;
    border: 2px solid var(--color-main-to-gray-green);
    padding: 5px 30px;
    border-radius: 2px;
    font-size: 15px;
    font-weight: 700;
    vertical-align: middle;
    background-color: #fff;
    background-color: var(--color-white-input-background);
    transition: color .2s, border .2s, opacity .2s
}

.whiteButton:hover:not(:disabled) {
    color: #024249;
    color: var(--color-main);
    border-color: #024249;
    border-color: var(--color-main)
}

.whiteButton:focus {
    outline: 1px solid #224049;
    outline: 1px solid var(--color-main-dark);
    outline-offset: 1px
}

.whiteButton:disabled {
    opacity: .5;
    cursor: default
}

.deleteButton {
    padding-left: 25px;
    background: url(../media/delete.37bb5c55.svg) 8px no-repeat;
    transition: color .2s
}

.deleteButton:hover {
    color: #29666c;
    color: var(--color-main-ligth)
}

.underlineButton {
    padding: 5px 10px;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    background: none;
    transition: color .2s
}

.underlineButton:hover {
    color: #29666c;
    color: var(--color-main-ligth)
}

.whiteDeleteButton {
    padding-left: 25px;
    background: url(../media/white_delete.c800e2f0.svg) 8px no-repeat
}

.addButton {
    position: relative;
    padding-left: 23px;
    background: none;
    font-weight: 700
}

.addButton:after,
.addButton:before {
    position: absolute;
    top: 50%;
    left: 5px;
    background-color: #c4c4c4;
    content: "";
    transform: translateY(-50%)
}

.addButton:before {
    width: 13px;
    height: 3px
}

.addButton:after {
    left: 10px;
    width: 3px;
    height: 13px
}

.table thead tr {
    background-color: #024249;
    background-color: var(--color-main);
    color: #fff
}

.visually-hidden {
    position: absolute;
    display: block;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px
}

.carousel .slide {
    background: none !important;
    margin-right: .1px
}

.carousel .control-dots {
    width: auto !important;
    left: 50%;
    transform: translateX(-50%)
}

.event-promo-popup,
.overflow-y-scroll,
.react-select__menu-list {
    overflow-y: auto
}

.event-promo-popup::-webkit-scrollbar,
.overflow-y-scroll::-webkit-scrollbar,
.react-select__menu-list::-webkit-scrollbar {
    width: 7px
}

.overflow-x-scroll {
    overflow-x: auto
}

.overflow-x-scroll::-webkit-scrollbar {
    height: 7px
}

.event-promo-popup,
.overflow-x-scroll,
.overflow-y-scroll,
.react-select__menu-list {
    scrollbar-color: #c4c4c4 none;
    scrollbar-color: var(--color-dark-gray-border) none
}

.event-promo-popup::-webkit-scrollbar-thumb,
.overflow-x-scroll::-webkit-scrollbar-thumb,
.overflow-y-scroll::-webkit-scrollbar-thumb,
.react-select__menu-list::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #c4c4c4;
    background-color: var(--scroll-background)
}

.event-promo-popup::-webkit-scrollbar-thumb:hover,
.overflow-x-scroll::-webkit-scrollbar-thumb:hover,
.overflow-y-scroll::-webkit-scrollbar-thumb:hover,
.react-select__menu-list::-webkit-scrollbar-thumb:hover {
    background: #96c83c;
    background: var(--scroll-background-hover)
}

.event-promo-popup::-webkit-scrollbar,
.overflow-x-scroll::-webkit-scrollbar,
.overflow-y-scroll::-webkit-scrollbar,
.react-select__menu-list::-webkit-scrollbar {
    background: none
}

.event-promo-popup::-webkit-scrollbar-corner,
.hidden-x-scroll::-webkit-scrollbar-corner,
.hidden-y-scroll::-webkit-scrollbar-corner,
.overflow-x-scroll::-webkit-scrollbar-corner,
.overflow-y-scroll::-webkit-scrollbar-corner {
    background: none
}

.hidden-y-scroll {
    overflow-y: auto;
    -ms-overflow-style: none
}

.hidden-y-scroll::-webkit-scrollbar-corner {
    background: none
}

.hidden-y-scroll::-webkit-scrollbar {
    width: 0;
    background: transparent
}

.hidden-x-scroll {
    overflow-x: auto;
    -ms-overflow-style: none
}

.hidden-x-scroll::-webkit-scrollbar-corner {
    background: none
}

.hidden-x-scroll::-webkit-scrollbar {
    height: 0;
    background: transparent
}

.tableTextOverflow {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 0
}

.rc-time-picker-panel-inner {
    display: block
}

.rc-time-picker-panel-combobox {
    display: flex;
    justify-content: space-between
}

.rc-time-picker-panel-select {
    flex-grow: 1;
    float: none
}

.rc-time-picker-panel-select::-webkit-scrollbar-thumb {
    background-color: #c4c4c4;
    background-color: var(--color-dark-gray-border)
}

.rc-time-picker-panel-select::-webkit-scrollbar-thumb:hover {
    background: #96c83c;
    background: var(--scroll-background-hover)
}

.rc-time-picker-panel-select::-webkit-scrollbar {
    width: 7px;
    background: hsla(0, 0%, 77%, .5)
}

.input {
    height: 36px;
    padding: 0 30px 0 10px;
    margin-right: 0;
    border: 1px solid #171a1b;
    border: 1px solid var(--input-border);
    border-radius: 8px 8px 0 0;
    outline: none;
    color: #fff;
    color: var(--color-dark-blue-to-white);
    background-color: #171a1b;
    background-color: var(--input-background)
}

.input:not(:-moz-read-only):active,
.input:not(:-moz-read-only):focus {
    border-bottom: 2px solid #96c83c;
    border-bottom: 2px solid var(--mainBlue-lightGreen-to-black-white)
}

.input:not(:read-only):active,
.input:not(:read-only):focus {
    border-bottom: 2px solid #96c83c;
    border-bottom: 2px solid var(--mainBlue-lightGreen-to-black-white)
}

.color-empty-button,
.gradient-button,
.gradient-empty-button {
    min-height: 40px;
    font-weight: 700;
    border-radius: 50px;
    font-size: 14px
}

.gradient-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 32px;
    color: #1e2223;
    color: var(--gradient-button-text);
    background: linear-gradient(90deg, #26c273, #96c83c);
    background: var(--gradient-button-background)
}

@media (hover:hover) {
    .gradient-button:not(:disabled):active,
    .gradient-button:not(:disabled):focus,
    .gradient-button:not(:disabled):hover {
        position: relative;
        color: transparent;
        -webkit-background-clip: text;
        background-image: linear-gradient(90deg, #26c273, #96c83c);
        background-image: var(--gradient-button-background-hover);
        font-weight: 700
    }
    .gradient-button:not(:disabled):active span,
    .gradient-button:not(:disabled):focus span,
    .gradient-button:not(:disabled):hover span {
        color: transparent;
        -webkit-background-clip: text;
        background-image: linear-gradient(90deg, #26c273, #96c83c);
        background-image: var(--gradient-button-text-hover)
    }
    .gradient-button:not(:disabled):active:before,
    .gradient-button:not(:disabled):focus:before,
    .gradient-button:not(:disabled):hover:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 50px;
        padding: 2px;
        background: linear-gradient(90deg, #26c273, #96c83c);
        background: var(--gradient-button-background-hover);
        -webkit-mask: linear-gradient(#252829, #252829 0) content-box, linear-gradient(#252829, #252829 0);
        -webkit-mask: linear-gradient(#252829 0 0) content-box, linear-gradient(#252829 0 0);
        -webkit-mask: linear-gradient(var(--color-light-gray-to-middle-black) 0 0) content-box, linear-gradient(var(--color-light-gray-to-middle-black) 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude
    }
}

.gradient-button:disabled {
    cursor: auto;
    background: none;
    background-color: #fff;
    background-color: var(--color-gray-to-white);
    opacity: .2;
    color: #2c2f30;
    color: var(--color-light-gray-to-light-black)
}

.gradient-empty-button {
    padding: 10px 30px;
    border: 2px solid hsla(0, 0%, 100%, .2);
    border: 2px solid rgba(var(--color-rgb-dark-gray-to-white), .2);
    background: none
}

.gradient-empty-button span {
    color: transparent;
    -webkit-background-clip: text;
    background-image: linear-gradient(90deg, #26c273, #96c83c);
    background-image: linear-gradient(to right, var(--color-main-blue-to-green), var(--color-light-blue-to-green))
}

.gradient-empty-button:disabled {
    border-color: #fff;
    border-color: var(--color-dark-gray-to-white);
    opacity: .2
}

.gradient-empty-button:disabled span {
    color: #fff;
    color: var(--color-dark-gray-to-white)
}

.gradient-empty-button:not(:disabled):active,
.gradient-empty-button:not(:disabled):focus,
.gradient-empty-button:not(:disabled):hover {
    border: 2px solid hsla(0, 0%, 100%, .5);
    border: 2px solid rgba(var(--color-rgb-dark-gray-to-white), .5)
}

.color-empty-button {
    padding: 10px 30px;
    border: 2px solid hsla(0, 0%, 100%, .2);
    border: 2px solid rgba(var(--colorEmptyButton-border), .2);
    color: #96c83c;
    color: var(--colorEmptyButton-text);
    background: none
}

.color-empty-button:disabled {
    color: #fff;
    color: var(--color-dark-gray-to-white);
    border-color: 255, 255, 255;
    border-color: var(--colorEmptyButton-border);
    opacity: .2
}

.color-empty-button:not(:disabled):active,
.color-empty-button:not(:disabled):focus,
.color-empty-button:not(:disabled):hover {
    border: 2px solid hsla(0, 0%, 100%, .5);
    border: 2px solid rgba(var(--colorEmptyButton-border), .5)
}

.upload-documents-button {
    position: relative;
    display: inline-block;
    padding: 17px 23px;
    border-radius: 50px;
    text-align: center;
    background: transparent
}

.upload-documents-button span {
    display: block;
    font-size: 14px;
    color: transparent;
    -webkit-background-clip: text;
    background-image: linear-gradient(90deg, #26c273, #96c83c);
    background-image: var(--profileButton-text);
    font-weight: 700
}

.upload-documents-button:first-letter {
    text-transform: uppercase
}

.upload-documents-button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 2px;
    border-radius: 50px;
    background: linear-gradient(90deg, #96c83c, #26c273);
    background: var(--profileButton-border);
    -webkit-mask: linear-gradient(#171a1b, #171a1b 0) content-box, linear-gradient(#171a1b, #171a1b 0);
    -webkit-mask: linear-gradient(#171a1b 0 0) content-box, linear-gradient(#171a1b 0 0);
    -webkit-mask: linear-gradient(var(--color-white-to-darkest-black) 0 0) content-box, linear-gradient(var(--color-white-to-darkest-black) 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.upload-documents-button:not(:disabled):focus,
.upload-documents-button:not(:disabled):hover {
    background: linear-gradient(90deg, #26c273, #96c83c);
    background: var(--profileButton-background-hover);
    color: #171a1b;
    color: var(--profileInputButton-text-hover);
    -webkit-background-clip: border-box
}

.upload-documents-button:not(:disabled):focus span,
.upload-documents-button:not(:disabled):hover span {
    color: #171a1b;
    color: var(--profileInputButton-text-hover);
    background: none;
    -webkit-background-clip: border-box
}

.upload-documents-button:not(:disabled):focus:before,
.upload-documents-button:not(:disabled):hover:before {
    display: none
}

.gradient-text {
    font-weight: 600
}

.gradient-link,
.gradient-text {
    color: transparent;
    -webkit-background-clip: text;
    background-image: linear-gradient(90deg, #26c273, #96c83c);
    background-image: linear-gradient(to right, var(--color-main-blue-to-green), var(--color-light-blue-to-green));
    white-space: nowrap
}

.gradient-link {
    position: relative;
    font-weight: 400
}

.gradient-link:not(:disabled) {
    cursor: pointer
}

.gradient-link:disabled {
    color: #fff;
    opacity: .2;
    background-image: none;
    cursor: default
}

.gradient-link:not(:disabled):active:after,
.gradient-link:not(:disabled):focus:after,
.gradient-link:not(:disabled):hover:after {
    position: absolute;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    width: 100%;
    background: linear-gradient(90deg, #26c273, #96c83c);
    background: linear-gradient(to right, var(--color-main-blue-to-green), var(--color-light-blue-to-green))
}

.close-button {
    width: 24px;
    height: 24px;
    padding: 0;
    background-color: #252829;
    background-color: var(--popup-closeButton-background);
    border-radius: 2px
}

.close-button:after,
.close-button:before {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    left: 50%;
    height: 13px;
    width: 1px;
    background-color: #fff;
    background-color: var(--color-dark-blue-to-white)
}

.close-button:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.close-button:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.close-button:active,
.close-button:focus,
.close-button:hover {
    background-color: #171a1b;
    background-color: var(--color-middle-gray-to-darkest-black)
}

.preloader-button,
.preloader-button:disabled {
    background-image: url(../media/preloader.0dbba96d.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.mobile-profile-wrapper {
    padding: 0 0 30px
}

.box-shadow {
    box-shadow: 0 0 15px rgba(0, 0, 0, .7)
}

.carousel.carousel-slider .control-arrow {
    padding: 0;
    background: rgba(0, 0, 0, .2);
    transition: padding .3s
}

.carousel.carousel-slider .control-arrow:before {
    margin: 0;
    transition: margin .3s
}

.carousel.carousel-slider:hover .control-arrow {
    padding: 7px
}

.carousel.carousel-slider:hover .control-arrow:before {
    margin: 0 7px
}

.carousel .slide img {
    -o-object-fit: contain !important;
    object-fit: contain !important;
    width: auto !important
}

#activityPath,
#advantagesPath,
#registerPath {
    stroke-dasharray: 2300;
    stroke-dashoffset: 2300
}

#registerPath {
    animation-delay: .5s
}

#activityPath,
#advantagesPath {
    animation-delay: .2s
}

.animationActive #activityPath,
.animationActive #advantagesPath,
.animationActive #registerPath {
    animation: dash 1.5s linear;
    animation-fill-mode: forwards
}

@keyframes dash {
    0% {
        stroke-dashoffset: 2300
    }
    to {
        stroke-dashoffset: 0
    }
}

.partners-title {
    font-size: 24px;
    line-height: 36px;
    font-weight: 700
}

@media screen and (max-width:768px) {
    .partners-title {
        font-size: 20px;
        line-height: 28px
    }
}

.mobile-promo-slider,
.mobile-promo-slider .carousel .slider-wrapper,
.mobile-promo-slider .carousel.carousel-slider {
    overflow: visible
}

.carousel.carousel-slider .control-arrow {
    padding: 3px
}

.carousel .control-prev.control-arrow:before,
.carousel.carousel-slider .control-arrow:before {
    width: 8px;
    height: 8px;
    border: 2px solid #fff;
    border-top: none;
    border-left: none
}

.carousel.carousel-slider .control-arrow:before {
    transform: translateX(-2px) scaleY(1.3) rotate(-45deg)
}

.carousel .control-prev.control-arrow:before {
    transform: translateX(2px) scaleY(1.3) rotate(135deg)
}

.carousel.carousel-slider .control-prev {
    border-radius: 6px 0 0 6px
}

.carousel.carousel-slider .control-next {
    border-radius: 0 6px 6px 0
}

.sidebar-nav-row {
    display: flex;
    align-items: center;
    width: 100%;
    height: 33px;
    padding: 0 15px 0 25px;
    background: none;
    white-space: nowrap;
    line-height: 33px;
    font-weight: 600;
    transition: padding .2s
}

.sidebar-nav-row:not(.sidebar-nav-row__small):hover {
    background: transparent;
    background: var(--sidebar-row-active-background)
}

.sidebar-nav-row__small:focus svg [fill],
.sidebar-nav-row__small:hover svg [fill] {
    fill: #fff
}

.sidebar-nav-row__small:focus svg [stroke],
.sidebar-nav-row__small:hover svg [stroke] {
    stroke: #fff
}

.sidebar-nav-row__active-fifa svg [fill] {
    fill: url(#fifa-gradient)
}

.sidebar-nav-row__active-fifa svg [stroke] {
    stroke: url(#fifa-gradient)
}

.sidebar-nav-row__active:not(.sidebar-nav-row__small) {
    background: transparent;
    background: var(--sidebar-row-active-background);
    color: #fff
}

.sidebar-nav-row__not-active svg [fill] {
    fill: #8a8c8c;
    fill: var(--sidebar-gray)
}

.sidebar-nav-row__not-active svg [stroke] {
    stroke: #8a8c8c;
    stroke: var(--sidebar-gray)
}

.sidebar-nav-row__hr {
    position: relative
}

.sidebar-nav-row__hr:after {
    position: absolute;
    content: "";
    display: block;
    bottom: -1px;
    left: 15px;
    height: 1px;
    width: calc(100% - 30px);
    border-bottom: 1px solid rgba(0, 0, 0, .3);
    border-bottom: 1px solid var(--sidebar-item-border)
}

.sidebar-nav-row__hr.sidebar-nav-row__active:after,
.sidebar-nav-row__hr:hover.sidebar-nav-row__hr:after {
    bottom: 0
}

.toggle {
    position: relative;
    width: 42px;
    height: 21px;
    border-radius: 12px;
    margin-right: 10px;
    background: #4f4f4f;
    background: var(--color-middle-gray-to-darkest-gray)
}

.toggle,
.toggle:before {
    transition: all .2s ease-in-out
}

.toggle:before {
    position: absolute;
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    top: 1px;
    left: 1px;
    background: #fff;
    border-radius: 50%
}

.toggle:disabled:hover {
    cursor: auto
}

.toggle__active:before {
    left: 22px;
    background-image: linear-gradient(90deg, #26c273, #96c83c);
    background-image: linear-gradient(to right, var(--color-main-blue-to-green), var(--color-light-blue-to-green))
}

.toggle__TeamThemeActive:before {
    background-image: none;
    background-color: #fbd54d;
    background-color: var(--hex-yellow)
}

.tabList {
    display: flex
}

.tab {
    padding: 0 20px;
    line-height: 36px;
    font-size: 1em;
    background: none;
    white-space: nowrap;
    cursor: pointer
}

.tab__active {
    position: relative;
    background-color: #024249;
    background-color: var(--color-main);
    color: #fff
}

.tab__active:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background-color: #e4f72d;
    background-color: var(--color-yellow);
    content: ""
}

@media screen and (min-width:540px) {
    .event-promo-popup {
        max-height: 90vh
    }
}

.color-tab {
    display: flex;
    align-items: center;
    text-align: center;
    padding: 16px 24px;
    border-radius: 8px;
    background: #2c2f30;
    background: var(--color-light-gray-to-light-black);
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    color: #8a8c8c;
    color: var(--color-blurish-to-dark-gray)
}

.color-tab:focus,
.color-tab:hover {
    background: #171a1b;
    background: var(--casino-sectionTab-background-active)
}

.color-tab svg {
    width: 16px;
    min-width: 16px;
    margin-right: 6px
}

.color-tab svg [fill] {
    fill: #8a8c8c;
    fill: var(--color-blurish-to-dark-gray)
}

.color-tab svg [stroke] {
    stroke: #8a8c8c;
    stroke: var(--color-blurish-to-dark-gray)
}

@media screen and (max-width:414px) {
    .color-tab {
        padding: 12px 28px
    }
}

.color-tab-active {
    position: relative;
    background: #171a1b;
    background: var(--casino-sectionTab-background-active);
    color: #96c83c;
    color: var(--casino-sectionTab-text-active)
}

.color-tab-active svg [fill] {
    fill: url(#gradient)
}

.color-tab-active svg [stroke] {
    stroke: url(#gradient)
}

.color-tab-active:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    padding: 2px;
    background: var(--gradient-button-background-hover);
    background: linear-gradient(90deg, #26c273, #96c83c);
    background: linear-gradient(to right, var(--color-dark-blue-to-main-green), var(--color-dark-blue-to-light-green));
    -webkit-mask: linear-gradient(#252829, #252829 0) content-box, linear-gradient(#252829, #252829 0);
    -webkit-mask: linear-gradient(#252829 0 0) content-box, linear-gradient(#252829 0 0);
    -webkit-mask: linear-gradient(var(--color-light-gray-to-middle-black) 0 0) content-box, linear-gradient(var(--color-light-gray-to-middle-black) 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.s-tabs-list-wrapper {
    grid-column: 1/3;
    display: flex;
    align-items: stretch;
    height: 58px;
    background-image: #171a1b;
    background-image: var(--sport-tabs-background)
}

.s-tabs-list-wrapper_theme14 {
    background: repeat-x 0/auto 100% url(../media/fifaTabsBG.5ffb016d.png)
}

.s-tabs-list {
    flex-grow: 1;
    display: flex;
    align-items: stretch;
    background: #171a1b;
    background: var(--sport-tabs-background);
    overflow-x: scroll;
    -ms-overflow-style: none
}

.s-tabs-list::-webkit-scrollbar {
    height: 0;
    background: transparent
}

.s-tab-button {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    padding: 20px 25px;
    font-size: 14px;
    color: #fff;
    color: var(--sport-tabs-textColor);
    font-weight: 600;
    line-height: normal;
    background: none;
    white-space: nowrap
}

.s-tab-button svg {
    width: 20px;
    min-width: 20px;
    margin-right: 5px
}

.s-tab-button svg [fill] {
    fill: #8a8c8c;
    fill: var(--sport-tabs-iconColor)
}

.s-tab-button svg [stroke] {
    stroke: #8a8c8c;
    stroke: var(--sport-tabs-iconColor)
}

@media screen and (max-width:1030px) {
    .s-tab-button {
        font-size: 12px
    }
}

@media screen and (max-width:768px) {
    .s-tab-button {
        flex-direction: column;
        padding: 10px 15px
    }
    .s-tab-button svg {
        margin-right: 0;
        margin-bottom: 3px
    }
}

@media screen and (max-width:350px) {
    .s-tab-button {
        padding: 10px;
        font-size: 10px
    }
}

.s-tab-button-team-theme:focus:after {
    position: absolute;
    content: "";
    display: block;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #96c83c;
    background-color: var(--sport-tabs-underline)
}

.s-tab-button-active:not(.s-tab-button-active.s-tab-button-team-theme) svg [fill],
.s-tab-button:focus:not(.s-tab-button:focus.s-tab-button-team-theme) svg [fill] {
    fill: url(#gradient)
}

.s-tab-button-active:not(.s-tab-button-active.s-tab-button-team-theme) svg [stroke],
.s-tab-button:focus:not(.s-tab-button:focus.s-tab-button-team-theme) svg [stroke] {
    stroke: url(#gradient)
}

.s-tab-button-active:not(.s-tab-button-active.s-tab-button-team-theme).s-tab-button-team-theme_fifa svg [fill],
.s-tab-button:focus:not(.s-tab-button:focus.s-tab-button-team-theme).s-tab-button-team-theme_fifa svg [fill] {
    fill: url(#fifa-gradient)
}

.s-tab-button-active:not(.s-tab-button-active.s-tab-button-team-theme).s-tab-button-team-theme_fifa svg [stroke],
.s-tab-button:focus:not(.s-tab-button:focus.s-tab-button-team-theme).s-tab-button-team-theme_fifa svg [stroke] {
    stroke: url(#fifa-gradient)
}

.s-tab-button-active.s-tab-button-team-theme svg [fill],
.s-tab-button:focus.s-tab-button-team-theme svg [fill] {
    fill: #8a8c8c;
    fill: var(--sport-tabs-iconColor-active)
}

.s-tab-button-active.s-tab-button-team-theme svg [stroke],
.s-tab-button:focus.s-tab-button-team-theme svg [stroke] {
    stroke: #8a8c8c;
    stroke: var(--sport-tabs-iconColor-active)
}

@media (hover:hover) {
    .s-tab-button:hover:not(.s-tab-button: hover.s-tab-button-team-theme) svg [fill] {
        fill:url(#gradient)
    }
    .s-tab-button:hover:not(.s-tab-button:hover.s-tab-button-team-theme) svg [stroke] {
        stroke: url(#gradient)
    }
    .s-tab-button:hover:not(.s-tab-button:hover.s-tab-button-team-theme).s-tab-button-team-theme_fifa svg [fill] {
        fill: url(#fifa-gradient)
    }
    .s-tab-button:hover:not(.s-tab-button:hover.s-tab-button-team-theme).s-tab-button-team-theme_fifa svg [stroke] {
        stroke: url(#fifa-gradient)
    }
    .s-tab-button-team-theme:hover:after {
        position: absolute;
        content: "";
        display: block;
        bottom: 0;
        left: 0;
        height: 2px;
        width: 100%;
        background-color: #96c83c;
        background-color: var(--sport-tabs-underline)
    }
}

.s-tab-button-active:after {
    position: absolute;
    content: "";
    display: block;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background: #96c83c;
    background: var(--sport-tabs-underline)
}

.s-tab-image-wrapper-mobile,
.s-tab-name {
    position: relative
}

.s-tab-image-wrapper-mobile_theme14,
.s-tabs-list_theme14 {
    background: repeat-x 0/auto 100% url(../media/fifaTabsBG.5ffb016d.png)
}

@media screen and (max-width:768px) {
    .s-tabs-list_theme14 {
        background: none
    }
}

.profile-title {
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff;
    color: var(--profile-title-text)
}

.single_filter_wrapper {
    position: relative;
    height: 36px;
    width: 100%
}

@media screen and (min-width:769px) {
    .single_filter_wrapper {
        max-width: 220px
    }
}

.single_filter_button {
    --paddingRight: 18px;
    --paddingLeft: 10px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 18px 8px 10px;
    padding: 8px var(--paddingRight) 8px var(--paddingLeft);
    height: 100%;
    width: 100%;
    border-radius: 8px 8px 0 0;
    border: 1px solid #171a1b;
    border: 1px solid var(--input-border);
    background-color: #171a1b;
    background-color: var(--input-background);
    white-space: nowrap
}

.single_filter_button svg {
    width: 20px;
    min-width: 20px;
    margin-left: auto
}

.single_filter_button svg:hover path {
    fill: #96c83c;
    fill: var(--mainBlue-lightGreen-to-black-white)
}

.single_filter_button_text {
    position: absolute;
    width: calc(100% - var(--paddingRight) - var(--paddingLeft) - 25px);
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left
}

.single_filter_button_active {
    border-bottom: 2px solid #96c83c;
    border-bottom: 2px solid var(--mainBlue-lightGreen-to-black-white)
}

.single_filter_list_wrapper {
    position: absolute;
    top: 38px;
    width: 100%;
    max-height: 350px;
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    background-color: #171a1b;
    background-color: var(--color-white-to-darkest-black);
    border-radius: 0 0 8px 8px;
    z-index: 1
}

.single_filter_item_button {
    width: 100%;
    padding: 7px 10px;
    white-space: normal;
    text-align: left;
    background: none
}

.single_filter_item_button:hover {
    background-color: #252829;
    background-color: var(--select-item-active-background)
}

.single_filter_item_button_active {
    background: #252829;
    background: var(--select-item-active-background)
}

.single_filter_item_button_all {
    border-bottom: 1px solid #252829;
    border-bottom: 1px solid var(--color-middle-gray-to-middle-black)
}

.single_filter_input {
    outline: none;
    background-color: #171a1b;
    background-color: var(--color-white-to-darkest-black);
    border: 1px solid #252829;
    border: 1px solid var(--color-middle-gray-to-middle-black);
    padding: 5px;
    margin: 5px 10px;
    color: #fff;
    color: var(--color-dark-blue-to-white);
    font-size: 16px
}

.single_filter_text {
    padding: 5px 10px
}

.static-promo-button {
    align-self: start;
    justify-self: left;
    padding: 12px 26px;
    margin-top: auto
}

@media screen and (max-width:769px) {
    .static-promo-button {
        padding: 8px 16px;
        min-height: 32px;
        font-size: 12px
    }
}

@media screen and (max-width:500px) {
    .static-promo-button {
        padding: 8px 12px;
        min-height: 26px;
        font-size: 10px
    }
}

.success-reg-popup-email {
    color: #fff;
    color: var(--color-dark-blue-to-white)
}

.success-reg-popup-text {
    margin-top: 10px;
    font-size: 16px;
    line-height: 32px;
    font-weight: 500;
    text-transform: none;
    color: #8a8c8c;
    color: var(--color-blurish-to-dark-gray)
}

.success-reg-popup-title {
    margin-bottom: 32px;
    font-size: 20px
}

.ticket_border_bottom {
    position: relative;
    border-radius: 6px
}

.ticket_border_bottom:after {
    position: absolute;
    content: "";
    display: block;
    left: 6px;
    right: 6px;
    bottom: 0;
    height: 20px;
    background: radial-gradient(closest-side, #1e2223, #1e2223 60%, transparent 0);
    background: radial-gradient(closest-side, var(--color-luminous-gray-to-dark-black), var(--color-luminous-gray-to-dark-black) 60%, transparent 40%);
    background-size: 20px 20px;
    background-position: 0 10px;
    background-repeat: repeat-x
}

.helper_state {
    position: relative;
    z-index: 22
}

.helper_state:after {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .6);
    z-index: -1
}

@media only screen and (max-width:768px) {
    div[draggable=true][style*="right: 16px;"] {
        display: none
    }
}

.Popup_MobileWrapper__lmEmX,
.Popup_Wrapper___PQWP {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 101;
    background-color: rgba(8, 19, 20, .6);
    text-align: center;
    line-height: var(--100vh);
    overflow-y: auto;
    overflow-x: auto
}

@media screen and (max-width:540px) {
    .Popup_MobileWrapper__lmEmX,
    .Popup_Wrapper___PQWP {
        background-color: var(--color-lightest-gray-to-light-black);
        scrollbar-width: none
    }
}

.Popup_Inner__aSROR {
    position: relative;
    display: inline-block;
    margin: 20px 0;
    padding: 15px;
    vertical-align: middle;
    background-color: var(--color-lightest-gray-to-light-black);
    line-height: 1.2em;
    text-align: left;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .25);
    border-radius: 8px
}

@media screen and (max-width:768px) {
    .Popup_Inner__aSROR {
        width: 95%
    }
}

@media screen and (max-width:540px) {
    .Popup_Inner__aSROR {
        width: 100%;
        height: 100%;
        margin: 0;
        box-shadow: none
    }
}

.Popup_CloseButton__LemyO {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 20
}

@media screen and (max-width:540px) {
    .Popup_CloseButton__LemyO {
        position: fixed;
        top: 5px;
        right: 5px;
        width: 45px;
        height: 45px
    }
    .Popup_CloseButton__LemyO:after,
    .Popup_CloseButton__LemyO:before {
        height: 60%
    }
}

.Popup_TitleWrapper__16DqH {
    display: flex;
    align-items: center;
    align-self: flex-start;
    margin-bottom: 25px
}

.Popup_TitleWrapper__16DqH svg {
    min-width: 20px;
    max-width: 25px;
    margin-right: 10px
}

.Popup_TitleWrapperTeamTheme__A5x7H svg [fill] {
    fill: var(--popup-icon)
}

.Popup_TitleWrapperTeamTheme__A5x7H svg [stroke] {
    stroke: var(--popup-icon)
}

.Popup_Title__BmJ9i {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: normal;
    color: var(--popup-title);
    flex-grow: 1
}

@media screen and (max-width:280px) {
    .Popup_Title__BmJ9i {
        font-size: 14px
    }
}

.Popup_InnerBigPaddings__LoTRN {
    padding: 56px;
    min-width: 485px;
    max-width: 100%;
    width: -moz-min-content;
    width: min-content
}

@media screen and (max-width:540px) {
    .Popup_InnerBigPaddings__LoTRN {
        padding: 24px;
        height: auto;
        width: 100%;
        min-width: 0;
        margin: 0;
        border-radius: 0
    }
}

.Popup_InnerBypass__Ctetq {
    display: block !important;
    padding: 40px 0 0;
    overflow: auto;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width:540px) {
    .Popup_CenterContent__x9HHY {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.BonusBanner_PopupInner__JZDQS {
    margin: 0;
    padding: 0
}

@media screen and (max-width:768px) {
    .BonusBanner_PopupInner__JZDQS {
        width: 100%
    }
}

@media screen and (max-width:600px) {
    .BonusBanner_PopupInner__JZDQS {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%
    }
}

.BonusBanner_CloseButton__IZViW {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    background-color: var(--hex-middle-black)
}

.BonusBanner_CloseButton__IZViW:after,
.BonusBanner_CloseButton__IZViW:before {
    background-color: #fff
}

.BonusBanner_CloseButton__IZViW:active,
.BonusBanner_CloseButton__IZViW:focus,
.BonusBanner_CloseButton__IZViW:hover {
    background-color: var(--hex-darkest-black)
}

.BonusBanner_Wrapper__rC_cp {
    position: fixed;
    right: 15px;
    bottom: 15px;
    background: linear-gradient(270deg, #96c83c, #26c273) border-box;
    border: 1px solid transparent;
    box-shadow: 0 -8px 60px rgba(0, 0, 0, .7);
    z-index: 101;
    border-radius: 8px
}

@media screen and (max-width:600px) {
    .BonusBanner_Wrapper__rC_cp {
        padding-top: 32%;
        left: 15px
    }
}

@media screen and (max-width:500px) {
    .BonusBanner_Wrapper__rC_cp {
        left: 15px
    }
}

@media screen and (max-width:340px) {
    .BonusBanner_Wrapper__rC_cp {
        padding-top: 42%;
        right: 8px;
        left: 8px;
        bottom: 8px
    }
}

.BonusBanner_Inner__FBcTG {
    width: 485px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 8px;
    color: #fff;
    background: 100%/cover url(../media/banner.8ff549b1.png) no-repeat
}

@media screen and (max-width:768px) {
    .BonusBanner_Inner__FBcTG {
        background-image: url(../media/banner.8ff549b1.png);
        background-position-x: 10%;
        border: 1px solid #27c273;
        width: auto
    }
}

@media screen and (max-width:600px) {
    .BonusBanner_Inner__FBcTG {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }
}

@media screen and (max-width:500px) {
    .BonusBanner_Inner__FBcTG {
        padding: 12px 16px;
        background-image: url(../media/banner.8ff549b1.png)
    }
}

.BonusBanner_Title__rxyes {
    width: 50%;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    text-transform: uppercase
}

@media screen and (max-width:768px) {
    .BonusBanner_Title__rxyes {
        width: 65%;
        line-height: 25px
    }
}

@media screen and (max-width:570px) {
    .BonusBanner_Title__rxyes {
        font-size: 16px;
        line-height: 22px
    }
}

@media screen and (max-width:440px) {
    .BonusBanner_Title__rxyes {
        width: 50%;
        margin-bottom: 5px;
        font-weight: 600;
        text-transform: none
    }
}

@media screen and (max-width:390px) {
    .BonusBanner_Title__rxyes {
        font-size: 14px;
        line-height: 19px
    }
}

.BonusBanner_NoWrap__rxd_J {
    white-space: nowrap
}

.BonusBanner_Footer__gyncD {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.BonusBanner_Timer__upTAR {
    text-align: center
}

.BonusBanner_TimerText__6Ob2f {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 3px
}

@media screen and (max-width:768px) {
    .BonusBanner_TimerText__6Ob2f {
        margin-bottom: 5px;
        display: none
    }
}

.BonusBanner_TimerSlotList__xMZgu {
    display: flex;
    justify-content: center;
    align-content: center
}

.BonusBanner_TimerSlot__oZAIe {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 46px;
    height: 30px;
    background: #fff;
    border-radius: 6px
}

@media screen and (max-width:768px) {
    .BonusBanner_TimerSlot__oZAIe {
        width: 56px;
        height: 35px
    }
}

@media screen and (max-width:440px) {
    .BonusBanner_TimerSlot__oZAIe {
        background: #fff
    }
}

@media screen and (max-width:390px) {
    .BonusBanner_TimerSlot__oZAIe {
        width: 48px;
        height: 35px
    }
}

.BonusBanner_TimerSlotName__mvRTc {
    text-transform: uppercase;
    font-size: 10px;
    line-height: 12px;
    color: var(--gradient-button-text);
    opacity: .8
}

@media screen and (max-width:440px) {
    .BonusBanner_TimerSlotName__mvRTc {
        color: #000
    }
}

@media screen and (max-width:390px) {
    .BonusBanner_TimerSlotName__mvRTc {
        font-size: 8px
    }
}

.BonusBanner_TimerSlotValue__Oz0rt {
    font-size: 22px;
    color: var(--gradient-button-text);
    color: #000;
    font-weight: 500
}

@media screen and (max-width:768px) {
    .BonusBanner_TimerSlotValue__Oz0rt {
        font-size: 13px;
        line-height: 13px
    }
}

@media screen and (max-width:440px) {
    .BonusBanner_TimerSlotValue__Oz0rt {
        color: #000
    }
}

@media screen and (max-width:340px) {
    .BonusBanner_TimerSlotValue__Oz0rt {
        font-size: 10px
    }
}

.BonusBanner_TimerColon__Gda_S {
    width: 18px;
    text-align: center;
    font-size: 34px;
    line-height: 30px
}

.BonusBanner_Button__Yb_z4 {
    font-size: 12px
}

@media (hover:hover) {
    .BonusBanner_Button__Yb_z4:not(:disabled):active span,
    .BonusBanner_Button__Yb_z4:not(:disabled):focus span,
    .BonusBanner_Button__Yb_z4:not(:disabled):hover span {
        background-image: var(--casino-gameButton-text-hover)
    }
}

@media screen and (max-width:390px) {
    .BonusBanner_Button__Yb_z4 {
        padding: 8px 28px;
        min-height: 36px;
        font-size: 12px;
        line-height: 16px
    }
}

.CommonAlert_Wrapper__LpGk2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 235px
}

.CommonAlert_Wrapper__withBigPadding__NZQsC {
    width: auto;
    min-height: 0
}

.CommonAlert_PopupWrapper__cSNxz {
    width: 445px;
    padding: 40px;
    border-radius: 32px;
    border: 2px double transparent;
    background-image: linear-gradient(var(--color-lightest-gray-to-light-black), var(--color-lightest-gray-to-light-black)), var(--gradient-button-background);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    box-shadow: none
}

.CommonAlert_Text__WJ9Hy {
    margin: auto;
    padding-left: 56px;
    padding-right: 56px;
    text-align: center;
    font-size: 16px;
    line-height: 18px
}

.CommonAlert_Text__withBigPadding__CMwpR {
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
    line-height: 28px
}

.CommonAlert_Button__WnGuu {
    width: 100%;
    height: 48px;
    border-radius: 16px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

@media screen and (max-width:768px) {
    .CommonAlert_Wrapper__LpGk2 {
        width: 100%;
        min-height: auto
    }
    .CommonAlert_PopupWrapper__cSNxz {
        width: 100%;
        padding: 10px 12px;
        border-radius: 0;
        background-image: none
    }
    .CommonAlert_Text__WJ9Hy {
        margin: 30px auto;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 14px
    }
}

.CommonAlert_Icon__xRCS5 {
    padding-top: 65px;
    text-align: center;
    color: var(--color-main-text);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 48px 48px
}

.CommonAlert_ErrorIcon___a5PU {
    background-image: url(../media/errorIcon.2c250ea2.svg)
}

.CommonAlert_SuccessIcon__ulf7F {
    background-image: url(../media/successIcon.40d48891.svg)
}

.CommonAlert_SuccessIcon2__YjaGX {
    background-image: url(../media/ready.06fdc049.svg)
}

.CommonAlert_GradientLink__RXgwr {
    font-weight: 700
}

.CommonAlert_List__JsDuj {
    text-align: left;
    margin-top: 10px;
    margin-left: 27px;
    counter-reset: list
}

.CommonAlert_List__JsDuj li {
    position: relative;
    margin-bottom: 10px;
    counter-increment: list;
    text-transform: none;
    font-weight: 400
}

.CommonAlert_List__JsDuj li:before {
    content: counter(list) ".";
    position: absolute;
    left: -27px;
    top: 0;
    text-align: left;
    color: #96c83c
}

.CommonAlert_List__alpha__x3nBV li:before {
    content: counter(list, lower-alpha) "."
}