*,
:after,
:before {
    -webkit-tap-highlight-color: #000;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

body,
html {
    -moz-asx-font-smoothing: grayscale;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

a {
    text-decoration: none
}

a,
button {
    color: inherit;
    cursor: pointer
}

button {
    background-color: transparent;
    border-width: 0;
    padding: 0
}

figure {
    margin: 0
}

input::-moz-focus-inner {
    border: 0;
    margin: 0;
    padding: 0
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0
}

p {
    margin: 0;
    padding: 0
}

cite {
    font-style: normal
}

fieldset {
    border-width: 0;
    margin: 0;
    padding: 0
}

.UiAsideUserPanel,
.UiAsideUserPanel .BalanceTicker__item:before,
.UiAsideUserPanel:before,
body {
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

:root body[data-globals=default] {
    --hg-bg-primary: #0f0f0f;
    --hg-bg-secondary: #2a2a2a;
    --hg-bg-tertiary: #2b2b2d;
    --hg-bg-accent: #20c997;
    --hg-text-primary: #ced4da;
    --hg-text-secondary: #212529;
    --hg-text-tertiary: #2b2b2c;
    --hg-text-accent: #fcca3d;
    --hg-link-color: #fd7e14;
    --hg-link-hover-color: #c35a02;
    --hg-border-color: #343a40;
    --hg-border-radius-base: 0.5rem;
    --hg-border-width: 1px;
    --hg-pane-border-radius: 0.25rem;
    --hg-modal-bg: rgba(0, 0, 0, .9);
    --hg-modal-txt-color: #ced4da;
    --hg-modal-zindex: 1000;
    --hg-modal-backdrop-bg: rgba(0, 0, 0, .75);
    --hg-modal-backdrop-filter: blur(4px);
    --hg-modal-backdrop-zindex: 999;
    --hg-btn-bg: #47b04b;
    --hg-btn-bg-rgba: #47b04b;
    --hg-btn-border-color: #343a40;
    --hg-btn-box-shadow: 0 4px 9px -4px rgba(0, 0, 0, .35);
    --hg-btn-color: #fff;
    --hg-btn-hover-bg: transparent;
    --hg-btn-hover-color: #e6e6e6;
    --hg-btn-hover-box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .15), 0 4px 18px 0 rgba(0, 0, 0, .1);
    --hg-btn-hover-border-color: transparent;
    --hg-btn-active-bg: transparent;
    --hg-btn-active-color: #e6e6e6;
    --hg-btn-active-box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .15), 0 4px 18px 0 rgba(0, 0, 0, .1);
    --hg-btn-active-border-color: transparent;
    --hg-btn-disabled-bg: #225524;
    --hg-btn-disabled-color: #bfbfbf;
    --hg-btn-disabled-border-color: #bfbfbf;
    --hg-btn-border-radius: 0.25rem;
    --hg-btn-border-width: 1px;
    --hg-btn-font-size: 0.75rem;
    --hg-btn-font-weight: 500;
    --hg-btn-line-height: 1.5;
    --hg-btn-padding-x: 1.5rem;
    --hg-btn-padding-y: 0.375rem;
    --hg-typography-title-font-size: 0.75rem;
    --hg-typography-font-size: 0.5rem;
    --hg-typography-font-family: HacksawUI, sans-serif;
    --hg-typography-font-weight: 400;
    --hg-typography-line-height: 1.25;
    --hg-scrollbar-thumb-bg: #ccc;
    --hg-scrollbar-thumb-hover: #999
}

body,
html {
    -webkit-font-smoothing: antialiased;
    background-color: #212529;
    touch-action: pan-y
}

body.fullscreen-manager-active.iosIphone:not(.is-fullscreen),
html.fullscreen-manager-active.iosIphone:not(.is-fullscreen) {
    overflow: visible
}

html {
    zoom: reset;
    font-size: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

body,
button,
input {
    font-family: var(--hg-typography-font-family);
    font-size: 100%;
    line-height: var(--hg-typography-line-height)
}

.BetHistoryWindow .BetHistory__close,
.Button,
.GameInfoWindow .GameInfo__close {
    word-wrap: break-word;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    backface-visibility: hidden;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    line-height: 1;
    margin: 0;
    outline: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.Button {
    border-color: var(--hg-btn-border-color);
    border-radius: var(--hg-btn-border-radius);
    border-style: solid;
    border-width: var(--hg-btn-border-width);
    color: var(--hg-btn-color);
    font-family: var(--hg-typography-font-family);
    font-size: var(--hg-btn-font-size);
    font-weight: var(--hg-btn-font-weight);
    line-height: var(--hg-btn-line-height);
    padding: var(--hg-btn-padding-y) var(--hg-btn-padding-x);
    position: relative;
    text-transform: capitalize;
    transition: all .2s ease
}

.Button .disabled,
.Button .is-disabled,
.Button[disabled] {
    opacity: .8;
    pointer-events: none
}

.Button:hover {
    background: var(--hg-btn-hover-bg);
    color: var(--hg-btn-hover-color)
}

.Button:active {
    background: var(--hg-btn-active-bg);
    color: var(--hg-btn-active-color)
}

.Button>span {
    color: inherit;
    text-align: center
}

.Button>i,
.Button>span {
    align-items: center;
    display: inline-flex
}

.Button>i {
    --color: inherit;
    fill: currentColor;
    color: var(--color);
    font-size: inherit;
    height: 1em;
    justify-content: center;
    line-height: 1em;
    position: relative;
    width: 1em
}

.Button--primary {
    --hg-btn-bg: #47b04b;
    --hg-btn-color: #fff;
    --hg-btn-border-color: #47b04b;
    --hg-btn-hover-bg: #388c3c;
    --hg-btn-hover-color: #fff;
    --hg-btn-hover-border-color: #388c3c;
    --hg-btn-active-bg: #409e43;
    --hg-btn-active-color: #fff;
    --hg-btn-active-border-color: #409e43;
    --hg-btn-border-width: 2px;
    --hg-btn-border-radius: 1000px;
    background: var(--hg-btn-bg);
    box-shadow: var(--hg-btn-box-shadow)
}

.Button--primary:hover {
    background: var(--hg-btn-hover-bg);
    box-shadow: var(--hg-btn-hover-box-shadow)
}

.Button--primary:active {
    background: var(--hg-btn-active-bg);
    box-shadow: var(--hg-btn-active-box-shadow)
}

.Button--secondary {
    --hg-btn-bg: #fcca3d;
    --hg-btn-color: #212529;
    --hg-btn-border-color: #fcca3d;
    --hg-btn-hover-bg: #fbbc0b;
    --hg-btn-hover-color: #212529;
    --hg-btn-hover-border-color: #fbbc0b;
    --hg-btn-active-bg: #fcc324;
    --hg-btn-active-color: #212529;
    --hg-btn-active-border-color: #fcc324;
    --hg-btn-border-width: 2px;
    --hg-btn-border-radius: 1000px;
    background: var(--hg-btn-bg);
    box-shadow: var(--hg-btn-box-shadow)
}

.Button--secondary:hover {
    background: var(--hg-btn-hover-bg);
    box-shadow: var(--hg-btn-hover-box-shadow)
}

.Button--secondary:active {
    background: var(--hg-btn-active-bg);
    box-shadow: var(--hg-btn-active-box-shadow)
}

.Button--outline {
    --hg-btn-bg: transparent;
    --hg-btn-color: #fff;
    --hg-btn-border-color: #fcca3d;
    --hg-btn-hover-bg: rgba(252, 202, 61, .1);
    --hg-btn-hover-color: #fff;
    --hg-btn-hover-border-color: #fbbc0b;
    --hg-btn-active-bg: rgba(252, 202, 61, .05);
    --hg-btn-active-color: #fff;
    --hg-btn-active-border-color: #fcc324;
    --hg-btn-border-width: 2px;
    --hg-btn-border-radius: 1000px;
    background: var(--hg-btn-bg)
}

.Button--outline:hover {
    background: var(--hg-btn-hover-bg)
}

.Button--outline:active {
    background: var(--hg-btn-active-bg)
}

.Button--sm {
    --hg-btn-padding-y: 0.25rem;
    --hg-btn-padding-x: 0.5rem;
    --hg-btn-font-size: 0.5rem;
    --hg-btn-line-height: 1
}

.Button--md {
    --hg-btn-padding-y: 0.375rem;
    --hg-btn-padding-x: 1.5rem;
    --hg-btn-font-size: 1rem;
    --hg-btn-line-height: 1.25
}

.Button--lg {
    --hg-btn-padding-y: 0.75rem;
    --hg-btn-padding-x: 2rem;
    --hg-btn-font-size: 1.25rem;
    --hg-btn-line-height: 1.25
}

.FullscreenIndicator {
    background: rgba(0, 0, 0, .85);
    bottom: 0;
    display: none;
    height: 9000;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 9999
}

.FullscreenIndicator.is-visible {
    display: block
}

.FullscreenIndicator .SlideUpWrapper {
    align-items: center;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw
}

.FullscreenIndicator .SlideUpWrapper .SlideUpIndicator {
    animation: animation-slide-in-up 2s cubic-bezier(.23, 1, .32, 1) forwards;
    animation-iteration-count: infinite
}

.FullscreenIndicator .SlideUpWrapper .SlideUpIndicator .icon-fullscreen {
    color: #fff;
    font-size: 150px
}

.InGameBrandingHolder {
    display: none;
    opacity: .6;
    position: fixed;
    right: .5rem;
    top: .5rem;
    width: 12px
}

@media(min-width:350px) {
    .InGameBrandingHolder {
        width: calc(.93458vw + 8.72897px)
    }
}

@media(min-width:992px) {
    .InGameBrandingHolder {
        width: calc(2.88462vw - 10.61538px)
    }
}

@media(min-width:1200px) {
    .InGameBrandingHolder {
        width: 24px
    }
}

.InGameBrandingHolder.is-visible {
    display: flex
}

.InGameBrandingHolder svg {
    height: 100%;
    width: 100%
}

[data-channel=mobile] .InGameBrandingHolder {
    width: 12px
}

@media(min-width:350px) {
    [data-channel=mobile] .InGameBrandingHolder {
        width: calc(.62305vw + 9.81931px)
    }
}

@media(min-width:992px) {
    [data-channel=mobile] .InGameBrandingHolder {
        width: 16px
    }
}

.Pane:before,
.UiAsideUserPanel,
.UiAsideUserPanel .BalanceTicker__item:before,
.UiAsideUserPanel:before {
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.CoreOverlay {
    color: #fff;
    display: none;
    font-size: 10px;
    height: 0 !important;
    opacity: 0;
    position: fixed;
    text-shadow: #000 0 0 3px;
    transform-style: preserve-3d;
    transition: opacity .2s ease-in;
    width: 100%;
    z-index: 900
}

@media(min-width:380px) {
    .CoreOverlay {
        font-size: calc(.2439vw + 9.07317px)
    }
}

@media(min-width:1200px) {
    .CoreOverlay {
        font-size: 12px
    }
}

.CoreOverlay .InGameBrandingHolder {
    opacity: 0;
    position: absolute;
    transition: opacity .15s ease-in
}

.CoreOverlay.is-visible,
.CoreOverlay.is-visible .InGameBrandingHolder {
    display: block;
    opacity: 1
}

.CoreOverlay--game-branding,
.CoreOverlay--meta-data,
.CoreOverlay--session {
    display: flex;
    flex-direction: column;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.CoreOverlay--session {
    max-width: 50%;
    width: auto
}

.CoreOverlay--meta-data {
    max-width: 50%;
    opacity: .7
}

.CoreOverlay--game-branding {
    height: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.CoreOverlay__container {
    border-top: .375rem solid transparent;
    display: flex;
    line-height: .85;
    width: -moz-fit-content;
    width: fit-content
}

.CoreOverlay__container>span {
    display: inline-flex
}

.CoreOverlay .inline-padding {
    padding-inline: .375rem
}

.CoreOverlay .divider-vertical {
    -webkit-border-start: 1px solid #fff;
    border-inline-start: 1px solid #fff;
    box-sizing: content-box;
    display: inline-flex;
    writing-mode: horizontal-tb
}

.CoreOverlay .RtpOverlay {
    display: none
}

.CoreOverlay .RtpOverlay.is-visible {
    display: inline-flex
}

[data-channel=mobile] .CoreOverlay {
    font-size: 10px
}

[data-channel=mobile] .CoreOverlay--game-branding,
[data-channel=mobile] .CoreOverlay--meta-data,
[data-channel=mobile] .CoreOverlay--session {
    max-width: 100%;
    white-space: nowrap
}

[data-channel=mobile][data-orientation=portrait] .CoreOverlay {
    bottom: auto;
    left: 3px;
    opacity: .9;
    top: 2px
}

[data-channel=mobile][data-orientation=portrait] .SessionBar~.CoreOverlay {
    left: 3px;
    top: 1.25rem
}

[data-channel=mobile][data-orientation=landscape] .CoreOverlay {
    bottom: auto;
    left: auto;
    right: 15px;
    top: 10px
}

.MenuSection__container {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-start;
    width: 100%
}

.MenuSection__container>section {
    display: block;
    margin-bottom: .5rem;
    width: 100%
}

.TabGroup {
    align-items: center;
    display: flex;
    flex-basis: 100%;
    flex: 1;
    justify-content: space-between
}

.TabGroup,
.TabGroup__list {
    height: -moz-fit-content;
    height: fit-content;
    overflow: hidden
}

.TabGroup__list {
    align-items: stretch;
    border-radius: 4px;
    display: grid;
    flex-basis: 100%;
    gap: 1px;
    grid-auto-flow: column;
    justify-content: stretch;
    outline: solid .25px var(--hg-border-color)
}

.TabGroup__item {
    align-items: center;
    background: var(--hg-bg-primary);
    display: inline-flex;
    justify-content: start;
    position: relative;
    text-align: center;
    transition: background .2s ease
}

.TabGroup__item>button {
    --hg-btn-border-radius: 50%;
    border: 0;
    border-radius: 0;
    flex: 1 1 auto;
    width: auto
}

.TabGroup__item:not(.is-selected)>button:hover {
    --hg-btn-hover-color: var(--hg-bg-accent);
    opacity: .9
}

.TabGroup__item.is-selected>button {
    --hg-btn-font-weight: 600;
    --hg-btn-bg: var(--hg-bg-accent);
    --hg-btn-color: var(--hg-bg-primary);
    background: var(--hg-btn-bg);
    pointer-events: none
}

.ToggleSwitch__button-group {
    align-items: stretch;
    background: var(--hg-bg-primary);
    border-radius: 1000px;
    box-shadow: inset 2px 2px 5px #000, inset -5px -5px 10px #262626;
    display: flex;
    flex: 1 0 100%;
    flex-wrap: nowrap;
    max-width: 100%;
    outline: solid .25px var(--hg-border-color);
    padding: .25rem;
    position: relative
}

.ToggleSwitch__button {
    --hg-btn-border-radius: 1000px;
    border: 0;
    flex: 1 1 100%;
    font-size: .875rem;
    line-height: 1.25;
    overflow: hidden;
    text-transform: capitalize;
    transition: color .2s ease;
    width: 100%;
    z-index: 1
}

.ToggleSwitch__button:after,
.ToggleSwitch__button:before {
    content: unset
}

.ToggleSwitch__button.is-selected {
    --hg-btn-hover-color: var(--hg-bg-primary);
    --hg-btn-color: var(--hg-bg-primary);
    border: 0;
    font-weight: 600;
    pointer-events: none
}

.ToggleSwitch__button,
.ToggleSwitch__button:active,
.ToggleSwitch__button:focus,
.ToggleSwitch__button:hover {
    background: transparent
}

.ToggleSwitch__button:hover:not(.ToggleSwitch__button.is-selected) {
    --hg-btn-hover-color: var(--hg-bg-accent);
    transition: all .1s ease
}

.ToggleSwitch__indicator {
    align-items: center;
    align-self: stretch;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    transition: left .2s cubic-bezier(.37, .98, .47, 1.04);
    width: 50%;
    will-change: left
}

.ToggleSwitch__indicator:before {
    background: var(--hg-bg-accent);
    border-radius: 1000px;
    content: "";
    display: block;
    height: calc(100% - .5rem);
    overflow: hidden;
    position: absolute;
    width: calc(100% - .5rem)
}

.ToggleSwitch__button:nth-of-type(2).is-selected~.ToggleSwitch__indicator {
    left: 50%
}

.BetAmountPanel__container {
    align-items: stretch;
    display: flex;
    justify-content: space-evenly
}

.BetAmountPanel__wrapper {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: center;
    margin: 0 1rem;
    max-width: 50%
}

.BetAmountPanel .Input--bet-amount {
    background-color: var(--hg-bg-primary);
    border: 3px solid var(--hg-bg-primary);
    border-radius: .25rem;
    box-shadow: -2px -2px 4px rgba(67, 67, 67, .4), inset 2px 2px 5px rgba(0, 0, 0, .5), inset -3px -3px 5px rgba(67, 67, 67, .3), 2px 2px 4px rgba(0, 0, 0, .3);
    color: var(--hg-text-accent);
    font-family: var(--hg-typography-font-family);
    font-size: 1rem;
    font-weight: 600;
    min-width: 3.5rem;
    outline: solid .25px var(--hg-border-color);
    padding: .375rem;
    text-align: center;
    vertical-align: middle;
    width: 100%
}

.BetAmountPanel .Input--bet-amount input::-webkit-input-placeholder,
.BetAmountPanel .Input--bet-amount::-webkit-input-placeholder {
    color: var(--hg-text-accent);
    opacity: 1
}

.BetAmountPanel .Input--bet-amount input:focus::-webkit-input-placeholder,
.BetAmountPanel .Input--bet-amount:focus::-webkit-input-placeholder {
    opacity: 0
}

.BetAmountProgressbar {
    background: var(--hg-bg-primary);
    border-radius: 1rem;
    box-shadow: inset 0 -2px 4px rgba(92, 92, 92, .5);
    height: 6px;
    margin-bottom: 8px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.BetAmountProgressbar__inner {
    background: var(--hg-bg-accent);
    display: block;
    height: 100%
}

.ProgressIndicator {
    background: rgba(0, 0, 0, .5);
    border-radius: 80px;
    display: none;
    height: 80px;
    left: 50%;
    left: calc(50% - 40px);
    position: fixed;
    top: 40%;
    width: 80px;
    z-index: 9999
}

.ProgressIndicator .si-circle {
    height: 80%;
    left: 10%;
    position: absolute;
    top: 10%;
    width: 80%
}

.ProgressIndicator .si-circle:before {
    animation: slow-in-indicator 1.2s ease-in-out both;
    animation-iteration-count: infinite;
    background-color: #fff;
    border-radius: 100%;
    content: "";
    display: block;
    height: 15%;
    margin: 0 auto;
    width: 15%
}

.ProgressIndicator .si-circle.si-circle2 {
    transform: rotate(30deg)
}

.ProgressIndicator .si-circle.si-circle2:before {
    animation-delay: -1.1s
}

.ProgressIndicator .si-circle.si-circle3 {
    transform: rotate(60deg)
}

.ProgressIndicator .si-circle.si-circle3:before {
    animation-delay: -1s
}

.ProgressIndicator .si-circle.si-circle4 {
    transform: rotate(90deg)
}

.ProgressIndicator .si-circle.si-circle4:before {
    animation-delay: -.9s
}

.ProgressIndicator .si-circle.si-circle5 {
    transform: rotate(120deg)
}

.ProgressIndicator .si-circle.si-circle5:before {
    animation-delay: -.8s
}

.ProgressIndicator .si-circle.si-circle6 {
    transform: rotate(150deg)
}

.ProgressIndicator .si-circle.si-circle6:before {
    animation-delay: -.7s
}

.ProgressIndicator .si-circle.si-circle7 {
    transform: rotate(180deg)
}

.ProgressIndicator .si-circle.si-circle7:before {
    animation-delay: -.6s
}

.ProgressIndicator .si-circle.si-circle8 {
    transform: rotate(210deg)
}

.ProgressIndicator .si-circle.si-circle8:before {
    animation-delay: -.5s
}

.ProgressIndicator .si-circle.si-circle9 {
    transform: rotate(240deg)
}

.ProgressIndicator .si-circle.si-circle9:before {
    animation-delay: -.4s
}

.ProgressIndicator .si-circle.si-circle10 {
    transform: rotate(270deg)
}

.ProgressIndicator .si-circle.si-circle10:before {
    animation-delay: -.3s
}

.ProgressIndicator .si-circle.si-circle11 {
    transform: rotate(300deg)
}

.ProgressIndicator .si-circle.si-circle11:before {
    animation-delay: -.2s
}

.ProgressIndicator .si-circle.si-circle12 {
    transform: rotate(330deg)
}

.ProgressIndicator .si-circle.si-circle12:before {
    animation-delay: -.1s
}

.ProgressIndicator.is-visible {
    display: block
}

#FeaturePromotionWindow .Overlay,
.BetHistoryWindow .Overlay,
.DialogWindow .Overlay,
.FeatureBuyWindow .Overlay,
.GameInfoWindow .Overlay {
    background-color: rgba(0, 0, 0, .5);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    touch-action: pan-y;
    width: 100%;
    z-index: 10
}

#FeaturePromotionWindow .FeaturePromotion__table,
.BetHistoryWindow .BetHistory__table,
.GameInfoWindow .GameInfo__table {
    border-spacing: 0;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    width: 100%
}

#FeaturePromotionWindow .FeaturePromotion__table-body,
.BetHistoryWindow .BetHistory__table-body,
.GameInfoWindow .GameInfo__table-body {
    float: left;
    height: 300px;
    margin-bottom: 20px;
    overflow: auto;
    width: 100%
}

#FeaturePromotionWindow .FeaturePromotion,
.BetHistoryWindow .BetHistory,
.FeatureBuyWindow .FeatureBuy,
.GameInfoWindow .GameInfo {
    background-color: rgba(21, 16, 16, .95);
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    left: 50%;
    min-width: 350px;
    padding: 40px;
    position: absolute;
    top: 50%;
    touch-action: pan-y;
    transform: translate(-50%, -50%);
    width: 40%;
    z-index: 11
}

#FeaturePromotionWindow,
.BetHistoryWindow,
.DialogWindow,
.FeatureBuyWindow,
.GameInfoWindow {
    height: 100%;
    position: fixed;
    top: 0;
    touch-action: pan-y;
    transform-origin: left top 0;
    width: 100%;
    z-index: 4
}

.FeatureBuyWindow {
    display: none;
    z-index: 5
}

.FeatureBuyWindow.is-visible {
    display: block
}

.FeatureBuyWindow .Overlay {
    background: rgba(45, 45, 45, .7)
}

.FeatureBuyWindow .FeatureBuy {
    background-color: transparent;
    border-radius: 0;
    height: 100%;
    max-height: 100%;
    min-width: 100%;
    padding: 10px 0 0;
    width: 100%
}

.FeatureBuyWindow .FeatureBuy__close {
    border-radius: 0 0 0 5px;
    cursor: pointer;
    font-weight: 700;
    padding: 10px 15px;
    position: absolute;
    right: 0;
    top: 0
}

.FeatureBuyWindow .FeatureBuy__title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 40px;
    text-align: center
}

.FeatureBuyWindow .FeatureBuy__body {
    align-items: center;
    box-sizing: border-box;
    display: none;
    height: 79%;
    justify-content: center;
    margin: auto;
    max-height: none;
    padding: 0 0 0 .5em;
    transition: opacity .25s ease;
    width: 600px
}

.FeatureBuyWindow .FeatureBuy__body.is-visible {
    display: flex
}

.FeatureBuyWindow .FeatureBuy__body h1,
.FeatureBuyWindow .FeatureBuy__body h2,
.FeatureBuyWindow .FeatureBuy__body p {
    padding: 0 40px;
    text-align: left
}

.FeatureBuyWindow .FeatureBuy__body h2 {
    margin-bottom: 0
}

.FeatureBuyWindow .FeatureBuy__body h2+p {
    margin-top: 0
}

.FeatureBuyWindow .FeatureBuy__body .FeatureBuyAmountHolder {
    align-items: center;
    background: hsla(0, 0%, 100%, .95);
    border-radius: 5px;
    box-shadow: 0 14px 28px rgba(0, 0, 0, .55), 0 10px 10px rgba(0, 0, 0, .52);
    display: flex;
    flex-flow: column;
    justify-content: center;
    margin: 10px 10px 10px 60px;
    min-height: 110px;
    min-width: 240px;
    order: 2;
    padding: 10px
}

.FeatureBuyWindow .FeatureBuy__body .FeatureBuyAmountHolder .FeatureBuyAmountValueContainer {
    align-items: center;
    display: flex;
    flex-flow: column
}

.FeatureBuyWindow .FeatureBuy__body .FeatureBuyAmountHolder .FeatureBuyAmount__label,
.FeatureBuyWindow .FeatureBuy__body .FeatureBuyAmountHolder .FeatureBuyAmount__value {
    color: #2d2d2d;
    font-weight: 700;
    line-height: 1
}

.FeatureBuyWindow .FeatureBuy__body .FeatureBuyAmountHolder .FeatureBuyAmount__value {
    font-size: 24px
}

.FeatureBuyWindow .FeatureBuy__body .FeatureBuyAmountHolder .FeatureBuyAmountChangers {
    display: flex;
    margin-top: 10px
}

.FeatureBuyWindow .FeatureBuy__body .FeatureBuyAmountHolder .FeatureBuyAmountChangers button {
    align-items: center;
    background: #2d2d2d;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    height: 38px;
    justify-content: center;
    margin: 0 4px;
    padding: 0;
    position: relative;
    transition: scale .2s ease;
    width: 52px
}

.FeatureBuyWindow .FeatureBuy__body .FeatureBuyAmountHolder .FeatureBuyAmountChangers button.is-reached {
    opacity: .5;
    pointer-events: none
}

.FeatureBuyWindow .FeatureBuy__body .FeatureBuyAmountHolder .FeatureBuyAmountChangers button:active {
    text-decoration: none;
    transform: scale(.9)
}

.FeatureBuyWindow .FeatureBuy__body .FeatureBuyAmountHolder .FeatureBuyAmountChangers button:hover,
.FeatureBuyWindow .FeatureBuy__body .FeatureBuyAmountHolder .FeatureBuyAmountChangers button:hover span {
    color: #fff !important
}

.FeatureBuyWindow .FeatureBuy__body .FeatureBuyAmountHolder .FeatureBuyAmountChangers button#FeatureBuyAmountIncrease {
    order: 2
}

.FeatureBuyWindow .FeatureBuy__body .FeatureBuyAmountHolder .FeatureBuyAmountChangers button#FeatureBuyDecrease {
    order: 1
}

.FeatureBuyWindow .FeatureBuy__body .FeatureBuyItems {
    width: 50%
}

.FeatureBuyWindow .FeatureBuy__body .FeatureBuyItems .FeatureBuyItemList {
    margin: 0;
    padding: 0 10px
}

.FeatureBuyWindow .FeatureBuy__body .FeatureBuyItems .FeatureBuyItemList.scroll {
    height: 420px;
    overflow-y: scroll
}

.FeatureBuyWindow .FeatureBuy__body .FeatureBuyItems .FeatureBuyItemList .FeatureBuyItem {
    align-items: center;
    background: hsla(0, 0%, 100%, .95);
    border-radius: 5px;
    box-shadow: 0 14px 28px rgba(0, 0, 0, .55), 0 10px 10px rgba(0, 0, 0, .52);
    display: flex;
    flex-flow: column;
    justify-content: center;
    margin: 10px;
    padding: 20px 10px;
    position: relative
}

.FeatureBuyWindow .FeatureBuy__body .FeatureBuyItems .FeatureBuyItemList .FeatureBuyItem.is-disabled {
    pointer-events: none
}

.FeatureBuyWindow .FeatureBuy__body .FeatureBuyItems .FeatureBuyItemList .FeatureBuyItem.is-disabled:after {
    background: rgba(0, 0, 0, .4);
    border-radius: 5px;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 3
}

.FeatureBuyWindow .FeatureBuy__body .FeatureBuyItems .FeatureBuyItemList .FeatureBuyItem.is-disabled .FeatureBuyItem__button {
    background-color: gray !important;
    font-size: 18px
}

.FeatureBuyWindow .FeatureBuy__body .FeatureBuyItems .FeatureBuyItemList .FeatureBuyItem__cta,
.FeatureBuyWindow .FeatureBuy__body .FeatureBuyItems .FeatureBuyItemList .FeatureBuyItem__info {
    align-items: center;
    display: flex;
    flex-flow: column;
    justify-content: center;
    text-align: center;
    width: 100%
}

.FeatureBuyWindow .FeatureBuy__body .FeatureBuyItems .FeatureBuyItemList .FeatureBuyItem__name {
    color: #2d2d2d;
    font-weight: 700;
    margin-bottom: 10px
}

.FeatureBuyWindow .FeatureBuy__body .FeatureBuyItems .FeatureBuyItemList .FeatureBuyItem__description {
    color: #2d2d2d;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: -10px
}

.FeatureBuyWindow .FeatureBuy__body .FeatureBuyItems .FeatureBuyItemList .FeatureBuyItem__image {
    height: 80px;
    margin-bottom: 10px
}

.FeatureBuyWindow .FeatureBuy__body .FeatureBuyItems .FeatureBuyItemList .FeatureBuyItem__value {
    color: #2d2d2d;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px
}

.FeatureBuyWindow .FeatureBuy__body .FeatureBuyItems .FeatureBuyItemList .FeatureBuyItem__button {
    border-radius: 0 0 5px 5px;
    font-weight: 700;
    height: 50px;
    margin-bottom: -20px;
    width: calc(100% + 20px)
}

.FeatureBuyWindow .FeatureBuy__body .FeatureBuyConfirmBox {
    align-items: center;
    background: hsla(0, 0%, 100%, .9);
    border-radius: 5px;
    box-shadow: 0 14px 28px rgba(0, 0, 0, .55), 0 10px 10px rgba(0, 0, 0, .52);
    display: flex;
    flex-flow: column;
    justify-content: center;
    margin: 10px;
    max-width: 300px;
    padding: 20px;
    width: 40%
}

.FeatureBuyWindow .FeatureBuy__body .FeatureBuyConfirmBox__cta {
    display: flex;
    width: calc(100% + 40px)
}

.FeatureBuyWindow .FeatureBuy__body .FeatureBuyConfirmBox__button {
    font-weight: 700;
    height: 50px;
    margin-bottom: -20px;
    width: 50%
}

.FeatureBuyWindow .FeatureBuy__body .FeatureBuyConfirmBox__button:first-child {
    border-radius: 0 0 0 5px
}

.FeatureBuyWindow .FeatureBuy__body .FeatureBuyConfirmBox__button:last-child {
    border-radius: 0 0 5px 0
}

.FeatureBuyWindow .FeatureBuy__body .FeatureBuyConfirmBox #FeatureBuyConfirmImage {
    max-height: 150px;
    max-width: 100%
}

.FeatureBuyWindow .FeatureBuy__body .FeatureBuyConfirmBox .FeatureBuyConfirmAmount {
    font-weight: 700
}

.FeatureBuyWindow .FeatureBuy__body .FeatureBuyConfirmBox .FeatureBuyConfirmAmount__value {
    color: #2d2d2d;
    font-size: 24px;
    margin-bottom: 10px
}

.FeatureBuyWindow .FeatureBuy__body .FeatureBuyConfirmBox .FeatureBuyConfirmAmount {
    color: #2d2d2d;
    display: flex;
    flex-flow: column;
    margin: 20px 0;
    text-align: center
}

.FeatureBuyWindow .FeatureBuy__body .FeatureBuyConfirmBox .FeatureBuyConfirmAmount__value {
    display: none
}

.FeatureBuyWindow .FeatureBuy__body .FeatureBuyConfirmBox .FeatureBuyConfirmAmount__value.is-visible {
    display: inline-block
}

.MainPanel #FeatureBuyActiveModifierNotice {
    background: #262626;
    border-radius: 2px 2px 0 0;
    display: inline-block;
    font-weight: 700;
    height: 20px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: -20px;
    transition: opacity .25s ease;
    width: 100%
}

.MainPanel #FeatureBuyActiveModifierNotice.is-visible {
    display: inline-block
}

.MainPanel #FeatureBuyActiveModifierNotice span {
    color: #fff;
    display: block;
    font-size: 12px;
    line-height: 20px;
    padding: 0 10px;
    position: relative
}

.UiPanelWrapper.bet-modifier-active .MainPanel .MainPanel-container {
    border-radius: 2px 2px 0 0
}

.UiPanelWrapper.bet-modifier-active .MainPanel #FeatureBuyActiveModifierNotice {
    animation: slow-feature-spins-activation bouth 5s ease-in-out
}

[data-channel=desktop][data-orientation=landscape] .FeatureBuyWindow ::-webkit-scrollbar {
    height: .5em;
    width: .2em
}

[data-channel=desktop][data-orientation=landscape] .FeatureBuyWindow .FeatureBuy__body {
    flex-flow: column-reverse;
    width: 820px
}

[data-channel=desktop][data-orientation=landscape] .FeatureBuyWindow .FeatureBuy__body .FeatureBuyItems {
    width: 100%
}

[data-channel=desktop][data-orientation=landscape] .FeatureBuyWindow .FeatureBuy__body .FeatureBuyItems .FeatureBuyItemList {
    display: flex;
    height: auto;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 30px
}

[data-channel=desktop][data-orientation=landscape] .FeatureBuyWindow .FeatureBuy__body .FeatureBuyItems .FeatureBuyItemList .FeatureBuyItem {
    box-shadow: 0 14px 15px rgba(0, 0, 0, .35), 0 10px 10px rgba(0, 0, 0, .52);
    flex-basis: 0;
    flex-grow: 0;
    min-width: 220px;
    width: 33%
}

[data-channel=desktop][data-orientation=landscape] .FeatureBuyWindow .FeatureBuy__body .FeatureBuyItems .FeatureBuyItemList .FeatureBuyItem__value {
    margin-bottom: 50px
}

[data-channel=desktop][data-orientation=landscape] .FeatureBuyWindow .FeatureBuy__body .FeatureBuyItems .FeatureBuyItemList .FeatureBuyItem__button {
    bottom: 0;
    margin-bottom: 0;
    position: absolute;
    width: 100%
}

[data-channel=desktop][data-orientation=landscape] .FeatureBuyWindow .FeatureBuy .FeatureBuyAmountHolder {
    margin: 0 0 40px
}

[data-channel=desktop][data-orientation=landscape] .FeatureBuyWindow[data-item-count="4"] .FeatureBuy__body {
    width: 1150px
}

[data-channel=desktop][data-orientation=landscape] .FeatureBuyWindow[data-item-count="5"] .FeatureBuy__body {
    width: 1400px
}

[data-channel=desktop][data-orientation=landscape] .FeatureBuyWindow[data-item-count="6"] .FeatureBuy__body {
    width: 1650px
}

[data-channel=mobile] .FeatureBuyWindow .FeatureBuy,
[data-channel=mobile] .FeatureBuyWindow .FeatureBuyConfirm {
    height: 100%;
    min-width: 0;
    padding: 10px 40px
}

[data-channel=mobile] .FeatureBuyWindow .FeatureBuyConfirm__close,
[data-channel=mobile] .FeatureBuyWindow .FeatureBuy__close {
    border-radius: 5px 0 0 5px;
    padding: 5px 10px
}

[data-channel=mobile] .FeatureBuyWindow .FeatureBuyConfirm__title,
[data-channel=mobile] .FeatureBuyWindow .FeatureBuy__title {
    font-size: 16px;
    margin-bottom: 10px
}

[data-channel=mobile] .FeatureBuyWindow .FeatureBuy .FeatureBuyItemList,
[data-channel=mobile] .FeatureBuyWindow .FeatureBuyConfirm .FeatureBuyItemList,
[data-channel=mobile] .FeatureBuyWindow .FeatureBuyConfirm__body,
[data-channel=mobile] .FeatureBuyWindow .FeatureBuy__body {
    touch-action: pan-y
}

[data-channel=mobile] .FeatureBuyWindow .FeatureBuy .FeatureBuyConfirmBox #FeatureBuyConfirmImage,
[data-channel=mobile] .FeatureBuyWindow .FeatureBuyConfirm .FeatureBuyConfirmBox #FeatureBuyConfirmImage {
    max-height: 20vh
}

[data-channel=mobile] .MainPanel #FeatureBuyActiveModifierNotice {
    height: 60px;
    position: fixed;
    top: 0
}

[data-channel=mobile] .MainPanel #FeatureBuyActiveModifierNotice span {
    line-height: 80px
}

[data-channel=mobile] .UiPanelWrapper.bet-modifier-active .MainPanel #FeatureBuyActiveModifierNotice {
    animation: slow-feature-spins-activation-mobile bouth 5s ease-in-out
}

[data-channel=mobile] .UiPanelWrapper.bet-modifier-active .MainPanel #PlaceBetBtn:before,
[data-channel=mobile] .UiPanelWrapper.bet-modifier-active .MainPanel #StartAutoplayBtn:before {
    border-radius: 112px;
    box-sizing: border-box;
    content: "";
    height: 112px;
    left: -15px;
    top: -21px;
    width: 112px
}

[data-channel=mobile][data-orientation=portrait] .FeatureBuyWindow .FeatureBuy {
    padding: 25px 0 10px
}

[data-channel=mobile][data-orientation=portrait] .FeatureBuyWindow .FeatureBuy__close {
    top: 24x
}

[data-channel=mobile][data-orientation=portrait] .FeatureBuyWindow .FeatureBuy__body {
    flex-flow: column;
    justify-content: start;
    margin-top: 20px;
    padding: 0;
    width: 100%
}

[data-channel=mobile][data-orientation=portrait] .FeatureBuyWindow .FeatureBuy .FeatureBuyAmountHolder {
    flex-flow: row;
    justify-content: space-evenly;
    margin: 0;
    min-height: 60px;
    order: 1;
    width: 90%
}

[data-channel=mobile][data-orientation=portrait] .FeatureBuyWindow .FeatureBuy .FeatureBuyAmountHolder .FeatureBuyAmountChangers {
    margin-top: 0
}

[data-channel=mobile][data-orientation=portrait] .FeatureBuyWindow .FeatureBuy .FeatureBuyItems {
    height: 100%;
    margin-top: 10px;
    order: 2;
    width: 100%
}

[data-channel=mobile][data-orientation=portrait] .FeatureBuyWindow .FeatureBuy .FeatureBuyItems .FeatureBuyItemList {
    margin: auto;
    padding: 0;
    width: 90%
}

[data-channel=mobile][data-orientation=portrait] .FeatureBuyWindow .FeatureBuy .FeatureBuyItems .FeatureBuyItemList.scroll {
    height: calc(100% - 48px);
    margin-left: 20px
}

[data-channel=mobile][data-orientation=portrait] .FeatureBuyWindow .FeatureBuy .FeatureBuyItems .FeatureBuyItemList .FeatureBuyItem {
    flex-flow: row;
    padding-bottom: 50px;
    position: relative
}

[data-channel=mobile][data-orientation=portrait] .FeatureBuyWindow .FeatureBuy .FeatureBuyItems .FeatureBuyItemList .FeatureBuyItem__button {
    bottom: 0;
    left: 0;
    margin-bottom: 0;
    position: absolute;
    width: 100%
}

[data-channel=mobile][data-orientation=portrait] .FeatureBuyWindow .FeatureBuy .FeatureBuyConfirmBox {
    width: 80%
}

[data-channel=mobile][data-orientation=portrait] .FeatureBuyWindow .FeatureBuy .FeatureBuyConfirmBox__button {
    height: 70px
}

[data-channel=mobile][data-orientation=landscape] .FeatureBuyWindow .FeatureBuy {
    padding-top: 25px
}

[data-channel=mobile][data-orientation=landscape] .FeatureBuyWindow .FeatureBuy__close {
    border-radius: 0 5px 5px 0;
    left: 0;
    right: auto;
    top: 40px;
    z-index: 1
}

[data-channel=mobile][data-orientation=landscape] .FeatureBuyWindow .FeatureBuy__body {
    margin-top: 14px;
    padding: 0;
    width: 100%
}

@media screen and (max-width:768px) {
    [data-channel=mobile][data-orientation=landscape] .FeatureBuyWindow .FeatureBuy__body {
        padding: 0 0 0 50px
    }
}

[data-channel=mobile][data-orientation=landscape] .FeatureBuyWindow .FeatureBuy .FeatureBuyAmountHolder {
    margin: 0 0 0 20px;
    min-width: 200px
}

[data-channel=mobile][data-orientation=landscape] .FeatureBuyWindow .FeatureBuy .FeatureBuyItems .FeatureBuyItemList {
    padding: 0
}

[data-channel=mobile][data-orientation=landscape] .FeatureBuyWindow .FeatureBuy .FeatureBuyItems .FeatureBuyItemList.scroll {
    height: 260px
}

[data-channel=mobile][data-orientation=landscape] .FeatureBuyWindow .FeatureBuy .FeatureBuyConfirmBox {
    width: 80%
}

[data-channel=mobile][data-orientation=landscape] .FeatureBuyWindow .FeatureBuy .FeatureBuyConfirmBox__button {
    height: 70px
}

[data-channel=mobile][data-orientation=landscape] .FeatureBuyWindow .FeatureBuy .FeatureBuyConfirmBox img {
    height: 60px
}

.SessionBar.is-visible {
    display: block
}

.SessionBar #ColjuegosItems,
.SessionBar #SpelpausItems {
    display: none
}

.SessionBar #ColjuegosItems.is-visible,
.SessionBar #SpelpausItems.is-visible {
    display: block
}

.SessionBar .ColjuegosText {
    color: #fff;
    float: left;
    font-size: 10px;
    line-height: 18px;
    margin-left: 3px;
    margin-top: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.SessionBar .ColjuegosText a {
    color: #fff !important;
    text-decoration: none
}

.SessionBar .SessionBarContentWrapper {
    height: 1.25rem;
    margin: auto
}

.SessionBar .SessionBarContentWrapper .ColjuegosItem {
    cursor: pointer;
    float: left;
    margin: 3px 3px 0;
    padding: 0;
    text-decoration: none;
    width: auto
}

.SessionBar .SessionBarContentWrapper .ColjuegosItem__icon {
    box-sizing: border-box;
    display: block;
    float: left;
    height: 18px
}

.SessionBar .SessionBarContentWrapper .ColjuegosItem__icon img {
    max-height: 100%
}

.SessionBar .SessionBarContentWrapper .SpelpausItem {
    background: #fff;
    color: #000;
    cursor: pointer;
    float: left;
    margin: 3px 5px 0;
    padding: 0 5px;
    text-decoration: none;
    width: auto
}

.SessionBar .SessionBarContentWrapper .SpelpausItem__icon {
    box-sizing: border-box;
    display: block;
    float: left;
    height: 18px
}

.SessionBar .SessionBarContentWrapper .SpelpausItem__label {
    font-size: 12px;
    line-height: 18px;
    padding-left: 23px
}

.SessionBar .SessionBarContentWrapper #NetPosition,
.SessionBar .SessionBarContentWrapper #SessionTimer {
    color: #fff;
    display: none;
    float: left;
    font-size: 12px;
    line-height: 25px;
    margin: 0 .375rem
}

.SessionBar .SessionBarContentWrapper #SessionTimer.is-visible {
    display: inline-block
}

.SessionBar .SessionBarContentWrapper #SessionTimer.is-visible+#NetPosition {
    margin-left: 0
}

.SessionBar .SessionBarContentWrapper #SessionTimer.is-visible+#NetPosition:before {
    background: #fff;
    content: "";
    display: inline-block;
    height: 11px;
    margin-right: 5px;
    position: relative;
    top: 2px;
    width: 1px
}

.SessionBar .SessionBarContentWrapper #NetPosition.is-visible {
    display: inline-block
}

[data-channel=mobile] .SessionBar .SessionBarContentWrapper #NetPosition,
[data-channel=mobile] .SessionBar .SessionBarContentWrapper #SessionTimer {
    font-size: 9px;
    margin: 0 4px
}

[data-channel=mobile] .SessionBar .SessionBarContentWrapper .ColjuegosItem,
[data-channel=mobile] .SessionBar .SessionBarContentWrapper .SpelpausItem {
    margin: 3px 1px 0;
    padding: 0 4px
}

[data-channel=mobile] .SessionBar .SessionBarContentWrapper .ColjuegosItem__label,
[data-channel=mobile] .SessionBar .SessionBarContentWrapper .SpelpausItem__label {
    font-size: 10px
}

.Dialog--promotion-win {
    font-size: 22px
}

.Dialog--promotion-authenticate p.bold {
    font-weight: 700
}

.Dialog--promotion-authenticate h2,
.Dialog--promotion-authenticate h3,
.Dialog--promotion-authenticate p {
    margin: 1em 0
}

.Dialog--promotion-authenticate h1,
.Dialog--promotion-authenticate h2,
.Dialog--promotion-authenticate h3 {
    font-weight: 600
}

.Dialog--promotion-authenticate p.pointer {
    cursor: pointer
}

.Dialog--promotion-authenticate .Dialog__title {
    color: var(--hg-bg-accent)
}

.Dialog--promotion-authenticate .Dialog__body {
    padding: 16px
}

.Dialog--promotion-authenticate .Dialog__body__Wrapper {
    display: flex;
    gap: 20px;
    justify-content: space-between
}

.Dialog--promotion-authenticate .Dialog__body__Item {
    flex: 1 1 50%
}

.Dialog--promotion-authenticate .Dialog__body__divider {
    background: hsla(0, 0%, 76%, .953);
    margin: 10px;
    width: 2px
}

.Dialog--promotion-authenticate button {
    margin: 0 .5rem
}

#NotificationHolder {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: -15%;
    transform-origin: left top 0;
    transition: opacity .25s ease, top .25s ease;
    z-index: 9100
}

#NotificationHolder.is-visible {
    opacity: 1;
    pointer-events: auto;
    top: -5px
}

#NotificationHolder .Notification {
    background-color: rgba(21, 16, 16, .9);
    border: 3px solid #000;
    box-shadow: 0 14px 28px rgba(0, 0, 0, .55), 0 10px 10px rgba(0, 0, 0, .52);
    box-sizing: border-box;
    color: #fff;
    margin: auto;
    max-width: 420px;
    padding: 10px;
    position: relative
}

#NotificationHolder .Notification__title {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 5px;
    text-align: center
}

#NotificationHolder .Notification__body {
    font-size: 14px;
    margin: 0
}

#NotificationHolder .Notification__body a {
    color: #fff
}

#NotificationHolder .Notification__durationindicator {
    background: #fff;
    bottom: -3px;
    display: block;
    height: 3px;
    left: -3px;
    position: absolute;
    transition: width .2s linear;
    width: 100%
}

#NotificationHolder .Notification__action-wrapper {
    display: flex;
    justify-content: center
}

#NotificationHolder .Notification--operator {
    font-family: sans-serif !important
}

[data-channel=mobile] #NotificationHolder {
    width: 100%
}

[data-channel=mobile] #NotificationHolder .Notification {
    box-shadow: 0 14px 28px rgba(0, 0, 0, .35), 0 10px 10px rgba(0, 0, 0, .32);
    min-width: 80%;
    width: 80%
}

[data-channel=mobile] #NotificationHolder .Notification__title {
    font-size: 10px
}

[data-channel=mobile] #NotificationHolder .Notification__body {
    font-size: 12px
}

.MainMenuItem {
    align-items: center;
    backface-visibility: hidden;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-flow: row;
    font-size: 16px;
    font-weight: 700;
    justify-content: flex-start;
    margin: 20px 0;
    text-align: center;
    transition: opacity .2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.MainMenuItem [class*=" icon-"],
.MainMenuItem [class^=icon-] {
    font-size: 24px;
    font-weight: 400;
    width: 40px
}

.MainMenuItem a {
    align-items: center;
    color: #fff;
    display: flex;
    text-decoration: none
}

.MainMenuItem__SoundToggle.sound-on [class*=" icon-"]:before,
.MainMenuItem__SoundToggle.sound-on [class^=icon-]:before {
    content: ""
}

.MainMenuItem__SoundToggle.sound-off [class*=" icon-"]:before,
.MainMenuItem__SoundToggle.sound-off [class^=icon-]:before {
    content: ""
}

.MainMenuItem__SoundToggle.sound-off+.MainMenuItem__SoundToggle.sound-off__MusicToggle {
    opacity: .5;
    pointer-events: none
}

.MainMenuItem__MusicToggle.music-on [class*=" icon-"]:before,
.MainMenuItem__MusicToggle.music-on [class^=icon-]:before {
    content: ""
}

.MainMenuItem__MusicToggle.music-off [class*=" icon-"]:before,
.MainMenuItem__MusicToggle.music-off [class^=icon-]:before {
    content: ""
}

.MainMenuItem__TurboToggle.turbo-on [class*=" icon-"]:before,
.MainMenuItem__TurboToggle.turbo-on [class^=icon-]:before {
    content: ""
}

.MainMenuItem__TurboToggle.turbo-off [class*=" icon-"]:before,
.MainMenuItem__TurboToggle.turbo-off [class^=icon-]:before {
    content: ""
}

[data-channel=mobile] .MainMenuItem {
    background: #262626;
    box-sizing: border-box;
    font-size: 12px;
    margin: 2px;
    min-height: 64px;
    padding: 0 10px;
    text-align: left;
    width: calc(50% - 4px)
}

[data-channel=mobile] .MainMenuItem [class*=" icon-"],
[data-channel=mobile] .MainMenuItem [class^=icon-] {
    width: 30px
}

[data-channel=mobile][data-orientation=landscape] .MainMenuItem {
    width: calc(33% - 4px)
}

.BetHistoryWindow {
    display: none;
    z-index: 1200
}

.BetHistoryWindow .Overlay {
    background-color: rgba(21, 16, 16, .95);
    z-index: 999
}

.BetHistoryWindow.is-visible {
    display: flex
}

.BetHistoryWindow .BetHistory {
    align-items: stretch;
    border-radius: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    left: 0;
    max-height: 100%;
    max-width: 100%;
    min-width: 320px;
    padding: 2rem 0;
    right: 0;
    top: 0;
    transform: perspective(1px) translateZ(0) !important;
    width: 100%;
    z-index: 1300
}

.BetHistoryWindow .BetHistory__close {
    background-origin: border-box;
    border: 1px solid transparent;
    border-radius: 1000px;
    color: var(--hg-bg-accent);
    display: flex;
    filter: drop-shadow(0 5px 10px var(--hg-bg-accent));
    font-weight: 600;
    margin: .5rem;
    padding: .5rem .75rem;
    position: absolute;
    right: 0;
    top: 0;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1
}

.BetHistoryWindow .BetHistory__close:active,
.BetHistoryWindow .BetHistory__close:hover {
    filter: drop-shadow(0 1px 6px var(--hg-bg-accent))
}

.BetHistoryWindow .BetHistory__title {
    color: var(--hg-text-primary);
    font-size: 1.25rem;
    font-size: 18px;
    font-weight: 700;
    margin: 0 auto;
    text-align: center
}

@media(min-width:380px) {
    .BetHistoryWindow .BetHistory__title {
        font-size: calc(.51546vw + 16.04124px)
    }
}

@media(min-width:768px) {
    .BetHistoryWindow .BetHistory__title {
        font-size: 20px
    }
}

.BetHistoryWindow .BetHistory__subtitle--explainer {
    font-size: 14px;
    font-size: 10px;
    line-height: 1.15;
    margin: clamp(.5rem, 2vw, 1.5rem) auto;
    padding: 0 1rem;
    text-align: center
}

@media(min-width:360px) {
    .BetHistoryWindow .BetHistory__subtitle--explainer {
        font-size: calc(.94937vw + 6.58228px)
    }
}

@media(min-width:992px) {
    .BetHistoryWindow .BetHistory__subtitle--explainer {
        font-size: 16px
    }
}

.BetHistoryWindow .BetHistory .scroll-area {
    height: 100%;
    overflow-x: hidden;
    position: relative;
    width: 100%
}

.BetHistoryWindow .BetHistory .scroll-area .scroll-container {
    --mask-color: #000;
    --mask-color: $mask-color;
    --scrollbar-width: 0.375rem;
    --mask-height: $mask-heigh;
    --mask-image-content: linear-gradient(to bottom, transparent, #000 2em, #000 calc(100% - 2em), transparent) --mask-size-content:calc(100% - var(--scrollbar-width)) 100%;
    --mask-image-scrollbar: linear-gradient($mask-color, $mask-color);
    --mask-size-scrollbar: var(--scrollbar-width) 100%;
    height: inherit;
    -webkit-mask-image: var(--mask-image-content), var(--mask-image-scrollbar);
    mask-image: var(--mask-image-content), var(--mask-image-scrollbar);
    -webkit-mask-position: 0 0, 100% 0;
    mask-position: 0 0, 100% 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: var(--mask-size-content), var(--mask-size-scrollbar);
    mask-size: var(--mask-size-content), var(--mask-size-scrollbar);
    max-height: inherit;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 2em;
    padding-left: .25rem;
    padding-right: .5rem;
    scrollbar-color: var(--hg-bg-accent) transparent;
    scrollbar-width: thin
}

.BetHistoryWindow .BetHistory .scroll-area .scroll-container::-webkit-scrollbar {
    width: var(--scrollbar-width)
}

.BetHistoryWindow .BetHistory .scroll-area .scroll-container::-webkit-scrollbar-thumb {
    background-color: var(--hg-bg-accent);
    border-radius: 9999px
}

.BetHistoryWindow .BetHistory .scroll-area .scroll-container::-webkit-scrollbar-track {
    background-color: #343a40
}

.BetHistoryWindow .BetHistory__table-container {
    height: 100%;
    margin: 0 auto;
    max-height: 90%;
    max-width: 65rem;
    padding: 0 1rem 2rem;
    width: 100%
}

.BetHistoryWindow .BetHistory__table {
    align-items: stretch;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.BetHistoryWindow .BetHistory__table thead {
    display: block;
    font-size: 14px;
    padding-left: .5rem;
    padding-right: .5rem;
    position: relative
}

@media(min-width:380px) {
    .BetHistoryWindow .BetHistory__table thead {
        font-size: calc(1.54639vw + 8.12371px)
    }
}

@media(min-width:768px) {
    .BetHistoryWindow .BetHistory__table thead {
        font-size: 20px
    }
}

.BetHistoryWindow .BetHistory__table thead:before {
    bottom: 0;
    box-shadow: 0 -3px 10px 0 var(--hg-bg-accent);
    content: "";
    height: 100%;
    left: 0;
    opacity: .4;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

.BetHistoryWindow .BetHistory__table td,
.BetHistoryWindow .BetHistory__table th {
    width: 20%
}

.BetHistoryWindow .BetHistory__table td:first-child,
.BetHistoryWindow .BetHistory__table td:last-child,
.BetHistoryWindow .BetHistory__table th:first-child,
.BetHistoryWindow .BetHistory__table th:last-child {
    width: 30%
}

.BetHistoryWindow .BetHistory__table tr {
    display: flex
}

.BetHistoryWindow .BetHistory__table th {
    background: transparent;
    padding: .5rem 0 .5rem 2px;
    text-align: left
}

@media(min-width:320px) {
    .BetHistoryWindow .BetHistory__table th {
        padding-left: calc(1.78571vw - 3.71429px)
    }
}

@media(min-width:768px) {
    .BetHistoryWindow .BetHistory__table th {
        padding-left: 10px
    }
}

.BetHistoryWindow .BetHistory__table-body td {
    align-items: center;
    margin: auto;
    padding: 2px 0;
    text-align: left;
    vertical-align: middle
}

@media(min-width:360px) {
    .BetHistoryWindow .BetHistory__table-body td {
        padding-bottom: calc(1.47059vw - 3.29412px)
    }
}

@media(min-width:768px) {
    .BetHistoryWindow .BetHistory__table-body td {
        padding-bottom: 8px
    }
}

@media(min-width:320px) {
    .BetHistoryWindow .BetHistory__table-body td {
        padding-left: calc(2.23214vw - 7.14286px)
    }
}

@media(min-width:768px) {
    .BetHistoryWindow .BetHistory__table-body td {
        padding-left: 10px
    }
}

@media(min-width:320px) {
    .BetHistoryWindow .BetHistory__table-body td {
        padding-right: calc(2.23214vw - 7.14286px)
    }
}

@media(min-width:768px) {
    .BetHistoryWindow .BetHistory__table-body td {
        padding-right: 10px
    }
}

@media(min-width:360px) {
    .BetHistoryWindow .BetHistory__table-body td {
        padding-top: calc(1.47059vw - 3.29412px)
    }
}

@media(min-width:768px) {
    .BetHistoryWindow .BetHistory__table-body td {
        padding-top: 8px
    }
}

.BetHistoryWindow .BetHistory__table-body td:first-child,
.BetHistoryWindow .BetHistory__table-body td:last-child {
    border-radius: 0
}

.BetHistoryWindow .BetHistory__row {
    border-bottom: .25px solid rgba(73, 80, 87, .2);
    font-weight: 400
}

.BetHistoryWindow .BetHistory__row:nth-child(2n) {
    background-color: rgba(73, 80, 87, .05)
}

.BetHistoryWindow .BetHistory__cell--date span {
    display: block
}

.BetHistoryWindow .BetHistory__game-title~span {
    font-size: 10px
}

@media(min-width:380px) {
    .BetHistoryWindow .BetHistory__game-title~span {
        font-size: calc(.51546vw + 8.04124px)
    }
}

@media(min-width:768px) {
    .BetHistoryWindow .BetHistory__game-title~span {
        font-size: 12px
    }
}

.BetHistoryWindow .BetHistory__game-title {
    font-weight: 700
}

.BetHistoryWindow .ReplayAnchor {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.BetHistoryWindow .ReplayAnchor>* {
    display: inline-flex
}

.BetHistoryWindow .ReplayAnchor .pseudolink {
    text-decoration: underline
}

.BetHistoryWindow .PlayButton {
    font-size: 14px;
    transition: color .15s ease
}

@media(min-width:380px) {
    .BetHistoryWindow .PlayButton {
        font-size: calc(2.06186vw + 6.16495px)
    }
}

@media(min-width:768px) {
    .BetHistoryWindow .PlayButton {
        font-size: calc(1.88679vw + 7.50943px)
    }
}

@media(min-width:980px) {
    .BetHistoryWindow .PlayButton {
        font-size: 26px
    }
}

.BetHistoryWindow .PlayButton:active,
.BetHistoryWindow .PlayButton:hover {
    color: var(--hg-bg-accent)
}

.BetHistoryWindow .BetHistoryNavBar {
    margin: 0 auto;
    max-width: 65rem;
    padding: 0 1rem;
    width: 100%
}

.BetHistoryWindow .BetHistoryNavBar__navlist {
    align-items: center;
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

.BetHistoryWindow .BetHistoryNavBar__navitem {
    align-items: center;
    border: 1px solid #555;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    height: 50px;
    justify-content: center;
    max-width: 33.33%
}

.BetHistoryWindow .BetHistoryNavBar__navitem:last-of-type {
    border-right: 0
}

.BetHistoryWindow .BetHistoryNavBar__navitem:first-of-type {
    border-left: 0
}

.BetHistoryWindow .BetHistoryNavBar__button {
    align-items: center;
    background-color: transparent;
    border: 0;
    color: var(--hg-text-primary);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: inherit;
    justify-content: center;
    padding: 0 15px;
    position: relative;
    touch-action: none;
    transition: color .125s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.BetHistoryWindow .BetHistoryNavBar__button:after {
    background-color: #555;
    bottom: 0;
    content: "";
    display: block;
    height: 5px;
    left: 0;
    position: absolute;
    right: 0;
    transition: background-color .125s ease;
    width: 100%;
    z-index: 2
}

.BetHistoryWindow .BetHistoryNavBar__button:active,
.BetHistoryWindow .BetHistoryNavBar__button:hover {
    opacity: .9;
    outline: none
}

.BetHistoryWindow .BetHistoryNavBar__button:hover:after {
    background: var(--hg-bg-accent)
}

.BetHistoryWindow .BetHistoryNavBar__button.is-selected {
    background: var(--hg-bg-accent);
    color: #000
}

.BetHistoryWindow .BetHistoryNavBar__button.is-selected:after {
    background: var(--hg-bg-accent)
}

.BetHistoryWindow .BetHistoryNavBar__subtitle,
.BetHistoryWindow .BetHistoryNavBar__title {
    display: block;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    transition: color .125s ease;
    white-space: nowrap
}

.BetHistoryWindow .BetHistoryNavBar__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1
}

.BetHistoryWindow .BetHistoryNavBar__subtitle {
    font-size: 10px;
    font-weight: 500;
    line-height: 1.25
}

.BetHistoryWindow .BetHistoryNavBar__title[data-charcount="10"] {
    font-size: calc(16.2px + .1vw);
    font-size: minmax(6px, calc(16.2px + .1vw));
    font-size: clamp(6px, 16.2px + .1vw, 18px)
}

.BetHistoryWindow .BetHistoryNavBar__title[data-charcount="11"] {
    font-size: calc(16.02px + .1vw);
    font-size: minmax(6px, calc(16.02px + .1vw));
    font-size: clamp(6px, 16.02px + .1vw, 18px)
}

.BetHistoryWindow .BetHistoryNavBar__title[data-charcount="12"] {
    font-size: calc(15.84px + .1vw);
    font-size: minmax(6px, calc(15.84px + .1vw));
    font-size: clamp(6px, 15.84px + .1vw, 18px)
}

.BetHistoryWindow .BetHistoryNavBar__title[data-charcount="13"] {
    font-size: calc(15.66px + .1vw);
    font-size: minmax(6px, calc(15.66px + .1vw));
    font-size: clamp(6px, 15.66px + .1vw, 18px)
}

.BetHistoryWindow .BetHistoryNavBar__title[data-charcount="14"] {
    font-size: calc(15.48px + .1vw);
    font-size: minmax(6px, calc(15.48px + .1vw));
    font-size: clamp(6px, 15.48px + .1vw, 18px)
}

.BetHistoryWindow .BetHistoryNavBar__title[data-charcount="15"] {
    font-size: calc(15.3px + .1vw);
    font-size: minmax(6px, calc(15.3px + .1vw));
    font-size: clamp(6px, 15.3px + .1vw, 18px)
}

.BetHistoryWindow .BetHistoryNavBar__title[data-charcount="16"] {
    font-size: calc(15.12px + .1vw);
    font-size: minmax(6px, calc(15.12px + .1vw));
    font-size: clamp(6px, 15.12px + .1vw, 18px)
}

.BetHistoryWindow .BetHistoryNavBar__title[data-charcount="17"] {
    font-size: calc(14.94px + .1vw);
    font-size: minmax(6px, calc(14.94px + .1vw));
    font-size: clamp(6px, 14.94px + .1vw, 18px)
}

.BetHistoryWindow .BetHistoryNavBar__title[data-charcount="18"] {
    font-size: calc(14.76px + .1vw);
    font-size: minmax(6px, calc(14.76px + .1vw));
    font-size: clamp(6px, 14.76px + .1vw, 18px)
}

.BetHistoryWindow .BetHistoryNavBar__title[data-charcount="19"] {
    font-size: calc(14.58px + .1vw);
    font-size: minmax(6px, calc(14.58px + .1vw));
    font-size: clamp(6px, 14.58px + .1vw, 18px)
}

.BetHistoryWindow .BetHistoryNavBar__title[data-charcount="20"] {
    font-size: calc(14.4px + .1vw);
    font-size: minmax(6px, calc(14.4px + .1vw));
    font-size: clamp(6px, 14.4px + .1vw, 18px)
}

.BetHistoryWindow .BetHistoryNavBar__title[data-charcount="21"] {
    font-size: calc(14.22px + .1vw);
    font-size: minmax(6px, calc(14.22px + .1vw));
    font-size: clamp(6px, 14.22px + .1vw, 18px)
}

.BetHistoryWindow .BetHistoryNavBar__title[data-charcount="22"] {
    font-size: calc(14.04px + .1vw);
    font-size: minmax(6px, calc(14.04px + .1vw));
    font-size: clamp(6px, 14.04px + .1vw, 18px)
}

.BetHistoryWindow .BetHistoryNavBar__title[data-charcount="23"] {
    font-size: calc(13.86px + .1vw);
    font-size: minmax(6px, calc(13.86px + .1vw));
    font-size: clamp(6px, 13.86px + .1vw, 18px)
}

.BetHistoryWindow .BetHistoryNavBar__title[data-charcount="24"] {
    font-size: calc(13.68px + .1vw);
    font-size: minmax(6px, calc(13.68px + .1vw));
    font-size: clamp(6px, 13.68px + .1vw, 18px)
}

.BetHistoryWindow .BetHistoryNavBar__title[data-charcount="25"] {
    font-size: calc(13.5px + .1vw);
    font-size: minmax(6px, calc(13.5px + .1vw));
    font-size: clamp(6px, 13.5px + .1vw, 18px)
}

.BetHistoryWindow .BetHistoryNavBar__title[data-charcount="26"] {
    font-size: calc(13.32px + .1vw);
    font-size: minmax(6px, calc(13.32px + .1vw));
    font-size: clamp(6px, 13.32px + .1vw, 18px)
}

.BetHistoryWindow .BetHistoryNavBar__title[data-charcount="27"] {
    font-size: calc(13.14px + .1vw);
    font-size: minmax(6px, calc(13.14px + .1vw));
    font-size: clamp(6px, 13.14px + .1vw, 18px)
}

.BetHistoryWindow .BetHistoryNavBar__title[data-charcount="28"] {
    font-size: calc(12.96px + .1vw);
    font-size: minmax(6px, calc(12.96px + .1vw));
    font-size: clamp(6px, 12.96px + .1vw, 18px)
}

.BetHistoryWindow .BetHistoryNavBar__title[data-charcount="29"] {
    font-size: calc(12.78px + .1vw);
    font-size: minmax(6px, calc(12.78px + .1vw));
    font-size: clamp(6px, 12.78px + .1vw, 18px)
}

.BetHistoryWindow .BetHistoryNavBar__subtitle[data-charcount="10"] {
    font-size: calc(9px + .1vw);
    font-size: minmax(6px, calc(9px + .1vw));
    font-size: clamp(6px, 9px + .1vw, 10px)
}

.BetHistoryWindow .BetHistoryNavBar__subtitle[data-charcount="11"] {
    font-size: calc(8.9px + .1vw);
    font-size: minmax(6px, calc(8.9px + .1vw));
    font-size: clamp(6px, 8.9px + .1vw, 10px)
}

.BetHistoryWindow .BetHistoryNavBar__subtitle[data-charcount="12"] {
    font-size: calc(8.8px + .1vw);
    font-size: minmax(6px, calc(8.8px + .1vw));
    font-size: clamp(6px, 8.8px + .1vw, 10px)
}

.BetHistoryWindow .BetHistoryNavBar__subtitle[data-charcount="13"] {
    font-size: calc(8.7px + .1vw);
    font-size: minmax(6px, calc(8.7px + .1vw));
    font-size: clamp(6px, 8.7px + .1vw, 10px)
}

.BetHistoryWindow .BetHistoryNavBar__subtitle[data-charcount="14"] {
    font-size: calc(8.6px + .1vw);
    font-size: minmax(6px, calc(8.6px + .1vw));
    font-size: clamp(6px, 8.6px + .1vw, 10px)
}

.BetHistoryWindow .BetHistoryNavBar__subtitle[data-charcount="15"] {
    font-size: calc(8.5px + .1vw);
    font-size: minmax(6px, calc(8.5px + .1vw));
    font-size: clamp(6px, 8.5px + .1vw, 10px)
}

.BetHistoryWindow .BetHistoryNavBar__subtitle[data-charcount="16"] {
    font-size: calc(8.4px + .1vw);
    font-size: minmax(6px, calc(8.4px + .1vw));
    font-size: clamp(6px, 8.4px + .1vw, 10px)
}

.BetHistoryWindow .BetHistoryNavBar__subtitle[data-charcount="17"] {
    font-size: calc(8.3px + .1vw);
    font-size: minmax(6px, calc(8.3px + .1vw));
    font-size: clamp(6px, 8.3px + .1vw, 10px)
}

.BetHistoryWindow .BetHistoryNavBar__subtitle[data-charcount="18"] {
    font-size: calc(8.2px + .1vw);
    font-size: minmax(6px, calc(8.2px + .1vw));
    font-size: clamp(6px, 8.2px + .1vw, 10px)
}

.BetHistoryWindow .BetHistoryNavBar__subtitle[data-charcount="19"] {
    font-size: calc(8.1px + .1vw);
    font-size: minmax(6px, calc(8.1px + .1vw));
    font-size: clamp(6px, 8.1px + .1vw, 10px)
}

.BetHistoryWindow .BetHistoryNavBar__subtitle[data-charcount="20"] {
    font-size: calc(8px + .1vw);
    font-size: minmax(6px, calc(8px + .1vw));
    font-size: clamp(6px, 8px + .1vw, 10px)
}

.BetHistoryWindow .BetHistoryNavBar__subtitle[data-charcount="21"] {
    font-size: calc(7.9px + .1vw);
    font-size: minmax(6px, calc(7.9px + .1vw));
    font-size: clamp(6px, 7.9px + .1vw, 10px)
}

.BetHistoryWindow .BetHistoryNavBar__subtitle[data-charcount="22"] {
    font-size: calc(7.8px + .1vw);
    font-size: minmax(6px, calc(7.8px + .1vw));
    font-size: clamp(6px, 7.8px + .1vw, 10px)
}

.BetHistoryWindow .BetHistoryNavBar__subtitle[data-charcount="23"] {
    font-size: calc(7.7px + .1vw);
    font-size: minmax(6px, calc(7.7px + .1vw));
    font-size: clamp(6px, 7.7px + .1vw, 10px)
}

.BetHistoryWindow .BetHistoryNavBar__subtitle[data-charcount="24"] {
    font-size: calc(7.6px + .1vw);
    font-size: minmax(6px, calc(7.6px + .1vw));
    font-size: clamp(6px, 7.6px + .1vw, 10px)
}

.BetHistoryWindow .BetHistoryNavBar__subtitle[data-charcount="25"] {
    font-size: calc(7.5px + .1vw);
    font-size: minmax(6px, calc(7.5px + .1vw));
    font-size: clamp(6px, 7.5px + .1vw, 10px)
}

.BetHistoryWindow .BetHistoryNavBar__subtitle[data-charcount="26"] {
    font-size: calc(7.4px + .1vw);
    font-size: minmax(6px, calc(7.4px + .1vw));
    font-size: clamp(6px, 7.4px + .1vw, 10px)
}

.BetHistoryWindow .BetHistoryNavBar__subtitle[data-charcount="27"] {
    font-size: calc(7.3px + .1vw);
    font-size: minmax(6px, calc(7.3px + .1vw));
    font-size: clamp(6px, 7.3px + .1vw, 10px)
}

.BetHistoryWindow .BetHistoryNavBar__subtitle[data-charcount="28"] {
    font-size: calc(7.2px + .1vw);
    font-size: minmax(6px, calc(7.2px + .1vw));
    font-size: clamp(6px, 7.2px + .1vw, 10px)
}

.BetHistoryWindow .BetHistoryNavBar__subtitle[data-charcount="29"] {
    font-size: calc(7.1px + .1vw);
    font-size: minmax(6px, calc(7.1px + .1vw));
    font-size: clamp(6px, 7.1px + .1vw, 10px)
}

[data-channel=mobile] .BetHistoryNavBar,
[data-channel=mobile] .BetHistory__table-container {
    max-width: 52.5rem;
    padding: 0
}

[data-channel=mobile] .BetHistory__table-container {
    padding: 0 .25rem 2rem 0
}

[data-channel=mobile] .BetHistory thead {
    margin-right: -.25rem
}

[data-channel=mobile] .BetHistory__table-body td {
    font-size: 10px;
    padding-bottom: 4px;
    padding-top: 4px
}

@media(min-width:360px) {
    [data-channel=mobile] .BetHistory__table-body td {
        padding-top: calc(.94937vw + .58228px)
    }
}

@media(min-width:992px) {
    [data-channel=mobile] .BetHistory__table-body td {
        padding-top: 10px
    }
}

@media(min-width:360px) {
    [data-channel=mobile] .BetHistory__table-body td {
        padding-bottom: calc(.94937vw + .58228px)
    }
}

@media(min-width:992px) {
    [data-channel=mobile] .BetHistory__table-body td {
        padding-bottom: 10px
    }
}

@media(min-width:380px) {
    [data-channel=mobile] .BetHistory__table-body td {
        font-size: calc(.47619vw + 8.19048px)
    }
}

@media(min-width:800px) {
    [data-channel=mobile] .BetHistory__table-body td {
        font-size: calc(2.08333vw - 4.66667px)
    }
}

@media(min-width:992px) {
    [data-channel=mobile] .BetHistory__table-body td {
        font-size: 16px
    }
}

[data-channel=mobile] .BetHistory__game-title~span {
    font-size: 10px
}

[data-channel=mobile][data-orientation=landscape] .BetHistory thead {
    font-size: 14px
}

@media(min-width:380px) {
    [data-channel=mobile][data-orientation=landscape] .BetHistory thead {
        font-size: calc(.98039vw + 10.27451px)
    }
}

@media(min-width:992px) {
    [data-channel=mobile][data-orientation=landscape] .BetHistory thead {
        font-size: 20px
    }
}

[data-channel=mobile][data-orientation=landscape] .BetHistory__table-body {
    margin-bottom: 2rem
}

.GameInfoWindow {
    display: none;
    z-index: 1300
}

.GameInfoWindow.is-visible {
    display: block
}

.GameInfoWindow .Overlay {
    background-color: rgba(21, 16, 16, .95);
    z-index: 999
}

.GameInfoWindow .GameInfo {
    border-radius: 0;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    min-width: 320px;
    padding: 2rem 0;
    width: 100%;
    z-index: 1300
}

.GameInfoWindow .GameInfo__close {
    background-origin: border-box;
    border: 1px solid transparent;
    border-radius: 1000px;
    color: var(--hg-bg-accent);
    display: flex;
    filter: drop-shadow(0 5px 10px var(--hg-bg-accent));
    font-weight: 600;
    margin: .5rem;
    padding: .5rem .75rem;
    position: absolute;
    right: 0;
    top: 0;
    width: -moz-fit-content;
    width: fit-content
}

.GameInfoWindow .GameInfo__close:active,
.GameInfoWindow .GameInfo__close:hover {
    filter: drop-shadow(0 1px 6px var(--hg-bg-accent))
}

.GameInfoWindow .GameInfo__title {
    color: var(--hg-text-primary);
    font-size: 1.25rem;
    font-size: 24px;
    font-weight: 700;
    text-align: center
}

.GameInfoWindow .GameInfo.is-visible {
    display: flex
}

.GameInfoWindow .GameInfo #GameInfoGameName {
    text-transform: uppercase
}

.GameInfoWindow .GameInfo__body {
    height: 90%;
    margin: 0 auto;
    max-width: 52.5rem;
    overflow: auto;
    padding: 1rem 0 2rem;
    touch-action: pan-y;
    width: 100%
}

.GameInfoWindow .GameInfo__body h1 {
    color: var(--hg-bg-accent);
    font-size: 18px;
    font-weight: 700;
    text-align: left
}

.GameInfoWindow .GameInfo__body h1,
.GameInfoWindow .GameInfo__body h2,
.GameInfoWindow .GameInfo__body p {
    margin: .75rem auto;
    padding: 0 2.5rem
}

.GameInfoWindow .GameInfo__body h2 {
    font-size: 16px;
    margin-bottom: 0
}

.GameInfoWindow .GameInfo__body h2+p {
    margin-top: 0
}

.GameInfoWindow .GameInfo__body p,
.GameInfoWindow .GameInfo__body ul {
    font-size: 14px;
    line-height: 1.5
}

.GameInfoWindow .GameInfo__body [class*=" icon-"],
.GameInfoWindow .GameInfo__body [class^=icon-] {
    display: block;
    font-size: 50px;
    text-align: center
}

.GameInfoWindow .GameInfo__body .icon-arrow-down,
.GameInfoWindow .GameInfo__body .icon-arrow-up {
    font-size: 30px
}

.GameInfoWindow .GameInfo__table td,
.GameInfoWindow .GameInfo__table th {
    width: 50%
}

.GameInfoWindow .GameInfo__table-body {
    height: calc(100% - 2rem)
}

.GameInfoWindow .GameInfo .WaysShowcase img {
    max-width: 200px
}

.GameInfoWindow .GameInfo .FeatureImage {
    text-align: center
}

.GameInfoWindow .GameInfo .FeatureImage img {
    max-width: 350px
}

.GameInfoWindow .GameInfo #HacksawGamingAnchor {
    text-align: center
}

.GameInfoWindow .GameInfo #HacksawGamingAnchor a {
    color: #fff
}

.GameInfoWindow .GameInfo .scroll-area {
    height: 100%;
    overflow-x: hidden;
    position: relative;
    width: 100%
}

.GameInfoWindow .GameInfo .scroll-area .scroll-container {
    --mask-color: #000;
    --mask-color: $mask-color;
    --scrollbar-width: 0.375rem;
    --mask-height: $mask-heigh;
    --mask-image-content: linear-gradient(to bottom, transparent, #000 2em, #000 calc(100% - 2em), transparent) --mask-size-content:calc(100% - var(--scrollbar-width)) 100%;
    --mask-image-scrollbar: linear-gradient($mask-color, $mask-color);
    --mask-size-scrollbar: var(--scrollbar-width) 100%;
    height: inherit;
    -webkit-mask-image: var(--mask-image-content), var(--mask-image-scrollbar);
    mask-image: var(--mask-image-content), var(--mask-image-scrollbar);
    -webkit-mask-position: 0 0, 100% 0;
    mask-position: 0 0, 100% 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: var(--mask-size-content), var(--mask-size-scrollbar);
    mask-size: var(--mask-size-content), var(--mask-size-scrollbar);
    max-height: inherit;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 2em;
    padding-left: .25rem;
    padding-right: .5rem;
    scrollbar-color: var(--hg-bg-accent) transparent;
    scrollbar-width: thin
}

.GameInfoWindow .GameInfo .scroll-area .scroll-container::-webkit-scrollbar {
    width: var(--scrollbar-width)
}

.GameInfoWindow .GameInfo .scroll-area .scroll-container::-webkit-scrollbar-thumb {
    background-color: var(--hg-bg-accent);
    border-radius: 9999px
}

.GameInfoWindow .GameInfo .scroll-area .scroll-container::-webkit-scrollbar-track {
    background-color: #343a40
}

[data-channel=mobile] .GameInfoWindow .GameInfo__title {
    font-size: 16px;
    margin: auto auto 10px;
    width: 90%
}

[data-channel=mobile] .GameInfoWindow .GameInfo__body {
    box-sizing: border-box;
    height: 100%;
    max-height: none;
    overflow: auto;
    overflow-x: hidden;
    padding: 1.25rem .25rem
}

[data-channel=mobile] .GameInfoWindow .GameInfo__table {
    height: auto
}

[data-channel=mobile] .GameInfoWindow .GameInfo .FeatureImage img,
[data-channel=mobile] .GameInfoWindow .GameInfo .WaysShowcase img {
    display: block;
    margin: auto;
    max-width: 60%
}

[data-channel=mobile][data-orientation=portrait] .GameInfoWindow .GameInfo h1,
[data-channel=mobile][data-orientation=portrait] .GameInfoWindow .GameInfo h2,
[data-channel=mobile][data-orientation=portrait] .GameInfoWindow .GameInfo p {
    padding: 0 1rem
}

[data-channel=mobile][data-orientation=landscape] .GameInfoWindow .GameInfo {
    margin-bottom: 2rem
}

[data-channel=mobile][data-orientation=landscape] .GameInfoWindow .GameInfo__body {
    height: 100%;
    max-width: 52.5rem
}

[data-channel=mobile][data-orientation=landscape] .GameInfoWindow .GameInfo .FeatureImage img,
[data-channel=mobile][data-orientation=landscape] .GameInfoWindow .GameInfo .WaysShowcase img {
    max-width: 30%
}

[data-channel=mobile][data-orientation=landscape][data-language=ru] .GameInfoWindow .GameInfo__close {
    font-size: 12px;
    padding: 5px 6px
}

.DialogWindow {
    display: none;
    z-index: var(--hg-modal-backdrop-zindex)
}

.DialogWindow.is-visible {
    display: flex
}

.DialogWindow .Overlay {
    background-color: var(--hg-modal-backdrop-bg);
    z-index: var(--hg-modal-backdrop-zindex)
}

.DialogWindow .Dialog {
    background-color: var(--hg-modal-bg);
    height: -moz-fit-content;
    height: fit-content;
    margin: auto;
    max-height: 90%;
    max-width: 90%;
    width: 25rem;
    z-index: var(--hg-modal-zindex)
}

.ReplayFrameHolder {
    align-items: center;
    background-color: #000;
    display: none;
    height: 100%;
    justify-content: center;
    margin: auto;
    position: relative;
    width: 100%;
    z-index: 9
}

.ReplayFrameHolder.is-visible {
    display: flex
}

.ReplayFrameHolder__close {
    background: #fff;
    border-radius: 0 0 0 5px;
    color: #000;
    cursor: pointer;
    font-weight: 700;
    padding: 10px 15px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0
}

.ReplayFrameHolder iframe {
    border: 0;
    height: 100%;
    width: 100%
}

.Dialog {
    --hg-modal-txt-color: #dee2e6;
    align-items: stretch;
    background: transparent;
    border-color: var(--hg-border-color);
    border-radius: var(--hg-border-radius-base);
    border-style: solid;
    border-width: var(--hg-border-width);
    color: var(--hg-modal-txt-color);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    margin: 1rem;
    max-height: 80%;
    max-width: 90%;
    padding: 1.5rem;
    position: relative;
    width: 100%;
    z-index: var(--hg-modal-zindex)
}

.Dialog:after,
.Dialog:before {
    border-radius: var(--hg-border-radius-base);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.Dialog:after {
    background-color: var(--hg-modal-bg);
    box-shadow: 0 3px 15px rgba(0, 0, 0, .2)
}

.Dialog:before {
    animation: edge-glow-green 25s linear infinite;
    opacity: .7
}

.Dialog__title {
    font-size: 1.25rem;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    text-align: center
}

@media(min-width:380px) {
    .Dialog__title {
        font-size: calc(1.03093vw + 14.08247px)
    }
}

@media(min-width:768px) {
    .Dialog__title {
        font-size: 22px
    }
}

.Dialog.is-visible {
    display: block
}

.Dialog__wrapper {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    overflow: hidden;
    width: 100%
}

.Dialog__body {
    margin: 1rem auto;
    width: 100%
}

.Dialog__action-wrapper,
.Dialog__button-group {
    align-items: stretch;
    display: flex;
    justify-content: center;
    margin-top: auto
}

.Dialog__action-wrapper {
    align-items: stretch;
    display: flex;
    gap: 8px;
    justify-content: center
}

@media(min-width:360px) {
    .Dialog__action-wrapper {
        gap: calc(.98039vw + 4.47059px)
    }
}

@media(min-width:768px) {
    .Dialog__action-wrapper {
        gap: 12px
    }
}

.Dialog__button-container {
    align-items: center;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between
}

.Dialog__button-container>button,
.Dialog__button-container>span {
    display: flex;
    justify-content: center
}

.Dialog__footer {
    margin-top: auto
}

.Dialog.is-visible,
.Dialog[show] {
    display: flex
}

.Dialog--info-msg:before,
.Dialog[data-dialog-identifier=maxwin]:before {
    animation: edge-glow-green 25s linear infinite;
    border-color: #3e983e;
    opacity: .7
}

.Dialog--error-msg:before,
.Dialog[data-dialog-identifier=errorDialog]:before {
    animation: edge-glow-red 25s linear infinite;
    border-color: #983e3e;
    opacity: .7
}

.Dialog--warn-msg:before {
    animation: edge-glow-yellow 25s linear infinite;
    border-color: #bebe37;
    opacity: .7
}

[data-channel=mobile] .Dialog {
    max-height: 80%
}

[data-channel=mobile] .Dialog__body {
    overflow-y: auto;
    padding-bottom: 1rem
}

[data-channel=mobile][data-orientation=landscape] .Dialog {
    flex-grow: .5;
    height: -moz-fit-content;
    height: fit-content;
    max-width: 75%;
    width: -moz-fit-content;
    width: fit-content
}

.FeaturePromotionToggle {
    bottom: 0;
    cursor: pointer;
    display: none;
    height: 70px;
    position: absolute;
    right: -27%;
    transition: .2s ease-in-out;
    width: 70px
}

.FeaturePromotionToggle img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.FeaturePromotionToggle:hover {
    transform: scale(1.1);
    transition: .2s ease-in-out
}

.FeaturePromotionToggle.is-visible {
    animation: bounceIn .5s;
    animation-delay: .25s;
    display: block
}

#ShowFeaturePromotionDetail.is-disabled,
.FeaturePromotionToggle.is-disabled {
    opacity: .5;
    pointer-events: none
}

.bounceIn {
    animation: bounceIn .5s;
    animation-delay: .25s
}

@keyframes bounceIn {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.05)
    }
    70% {
        transform: scale(.95)
    }
    to {
        transform: scale(1)
    }
}

#FeaturePromotionContent {
    height: 100%;
    overflow-y: scroll
}

[data-channel=mobile] .FeaturePromotionToggle {
    bottom: 90px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 10px;
    height: 50px;
    padding: 6px;
    right: 7px;
    width: 50px;
    z-index: 2
}

[data-channel=mobile][data-orientation=portrait] .FeaturePromotionToggle {
    bottom: 53px
}

[data-channel=mobile][data-orientation=landscape] .FeaturePromotionToggle {
    right: 17px
}

#FeaturePromotionWindow {
    display: none;
    z-index: 1002
}

#FeaturePromotionWindow.is-visible {
    display: block
}

#FeaturePromotionWindow .Overlay {
    background-color: rgba(21, 16, 16, .9)
}

#FeaturePromotionWindow .FeaturePromotion {
    display: flex;
    flex-direction: column;
    height: 60%;
    max-width: 960px;
    min-width: 600px;
    overflow-y: hidden;
    width: 70%
}

#FeaturePromotionWindow .FeaturePromotion__close {
    cursor: pointer;
    text-align: right
}

#FeaturePromotionWindow .FeaturePromotion__title {
    color: #fff;
    font-size: 24px;
    margin-bottom: 40px;
    text-align: center
}

#FeaturePromotionWindow .FeaturePromotion__table {
    width: 95%
}

#FeaturePromotionWindow .FeaturePromotion__table td,
#FeaturePromotionWindow .FeaturePromotion__table th {
    width: 20%
}

#FeaturePromotionWindow .FeaturePromotion__table td:first-child,
#FeaturePromotionWindow .FeaturePromotion__table td:last-child,
#FeaturePromotionWindow .FeaturePromotion__table th:first-child,
#FeaturePromotionWindow .FeaturePromotion__table th:last-child {
    width: 30%
}

#FeaturePromotionWindow .FeaturePromotion__table td a,
#FeaturePromotionWindow .FeaturePromotion__table th a {
    color: #fff !important
}

#FeaturePromotionWindow .FeaturePromotion__table-body {
    overflow: unset
}

#FeaturePromotionWindow .FeaturePromotion__table-body p {
    margin: 0
}

#FeaturePromotionWindow .FeaturePromotion__table-body .isCurrentPlayer {
    color: get_global_var(bg-accent)
}

#FeaturePromotionWindow .FeaturePromotion__table-body tr td {
    align-items: center;
    margin: auto;
    vertical-align: middle
}

#FeaturePromotionWindow .FeaturePromotion #FeaturePromotionDateRangeExplainer {
    font-size: 10px;
    margin: 1em auto;
    text-align: center
}

#FeaturePromotionWindow .FeaturePromotion .ReplayAnchor {
    align-items: center;
    display: flex;
    justify-content: space-between
}

#FeaturePromotionWindow .FeaturePromotion .ReplayAnchor>* {
    display: inline-flex
}

#FeaturePromotionWindow .FeaturePromotion #FeaturePromotionTab {
    color: get_global_var(text-primary)
}

#FeaturePromotionWindow .FeaturePromotion #FeaturePromotionTab.is-selected {
    background: get_global_var(bg-accent);
    color: #000
}

#FeaturePromotionWindow .FeaturePromotion #FeaturePromotionTab.is-selected:after,
#FeaturePromotionWindow .FeaturePromotion #FeaturePromotionTab:hover:after {
    background: get_global_var(bg-accent)
}

#FeaturePromotionWindow .FeaturePromotion .PlayButton {
    align-items: center;
    background: transparent;
    border: 0;
    cursor: pointer;
    display: flex;
    height: 14px;
    justify-content: center;
    margin-left: .5em;
    outline: none;
    overflow-wrap: break-word;
    position: relative;
    text-decoration: none;
    transition: all .2s ease-in-out;
    width: 14px
}

#FeaturePromotionWindow .FeaturePromotion .PlayButton--encircled {
    border: 3px solid get_global_var(text-primary);
    border-radius: 50%;
    padding: 6px
}

#FeaturePromotionWindow .FeaturePromotion .PlayButton__mark {
    background: none;
    border: 6px solid transparent;
    border-left: 9px solid get_global_var(text-primary);
    border-right: none;
    display: block;
    height: 0;
    margin: 0 0 0 3px;
    padding: 0;
    width: 0
}

#FeaturePromotionWindow .FeaturePromotion .PlayButton:active,
#FeaturePromotionWindow .FeaturePromotion .PlayButton:hover {
    outline: none
}

#FeaturePromotionWindow .FeaturePromotion .PlayButton:active.PlayButton--encircled,
#FeaturePromotionWindow .FeaturePromotion .PlayButton:hover.PlayButton--encircled {
    border-color: get_global_var(bg-accent)
}

#FeaturePromotionWindow .FeaturePromotion .PlayButton:active>.PlayButton__mark,
#FeaturePromotionWindow .FeaturePromotion .PlayButton:hover>.PlayButton__mark {
    border-left-color: get_global_var(bg-accent)
}

#FeaturePromotionWindow #PromotionInfoPage {
    display: none;
    flex-direction: column;
    margin: 12px 0
}

#FeaturePromotionWindow #PromotionInfoPage .Dialog__body__Item p:first-child {
    margin: 0
}

#FeaturePromotionWindow #PromotionInfoPage p.bold {
    font-weight: 700
}

#FeaturePromotionWindow #PromotionInfoPage .FeaturePromotion__ProgressDiv {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#FeaturePromotionWindow #PromotionInfoPage .FeaturePromotion__ProgressWrapper {
    display: grid;
    grid-template-columns: 1fr 1fr
}

#FeaturePromotionWindow #PromotionInfoPage .FeaturePromotion__ProgressCompletedText {
    color: get_global_var(bg-accent);
    margin: 24px 0 8px
}

#FeaturePromotionWindow #PromotionInfoPage .FeaturePromotion__ProgressStatistics {
    margin: 0 0 8px
}

#FeaturePromotionWindow #PromotionInfoPage .FeaturePromotion__ProgressTitle {
    margin: 24px 0 8px
}

#FeaturePromotionWindow #PromotionInfoPage .FeaturePromotion__RulesWrapper__anchor {
    color: #87cefa
}

#FeaturePromotionWindow #PromotionInfoPage .FeaturePromotion__RulesWrapper__anchor p {
    -webkit-margin-before: 0;
    margin-block-start: 0
}

#FeaturePromotionWindow #PromotionInfoPage .FeaturePromotion__ProgressBar {
    border: 1px solid #fff;
    border-radius: 20px;
    display: flex;
    height: 12px;
    justify-content: flex-start;
    margin: 0;
    padding: 4px;
    width: 50%
}

#FeaturePromotionWindow #PromotionInfoPage .FeaturePromotion__ProgressBar__inner {
    align-self: center;
    background: get_global_var(bg-accent);
    border: 0;
    border-radius: 20px;
    height: 100%;
    margin: 0
}

#FeaturePromotionWindow #PromotionInfoPage.active {
    display: flex
}

#FeaturePromotionWindow .FeaturePromotionNavBar {
    max-width: 840px;
    width: 100%
}

#FeaturePromotionWindow .FeaturePromotionNavBar__navlist {
    align-items: center;
    display: flex;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

#FeaturePromotionWindow .FeaturePromotionNavBar__navitem {
    align-items: center;
    border: 1px solid #555;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    height: 50px;
    justify-content: center;
    margin: -1px;
    max-width: 33.33%
}

#FeaturePromotionWindow .FeaturePromotionNavBar__navitem:last-of-type {
    border-right: 0
}

#FeaturePromotionWindow .FeaturePromotionNavBar__navitem:first-of-type {
    border-left: 0
}

#FeaturePromotionWindow .FeaturePromotionNavBar__button {
    align-items: center;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: inherit;
    justify-content: center;
    padding: 0 15px;
    position: relative;
    touch-action: none;
    transition: color .125s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

#FeaturePromotionWindow .FeaturePromotionNavBar__button:after {
    background-color: #555;
    bottom: 0;
    content: "";
    display: block;
    height: 5px;
    left: 0;
    position: absolute;
    right: 0;
    transition: background-color .125s ease;
    width: 100%;
    z-index: 2
}

#FeaturePromotionWindow .FeaturePromotionNavBar__button:active,
#FeaturePromotionWindow .FeaturePromotionNavBar__button:hover {
    opacity: .9;
    outline: none
}

#FeaturePromotionWindow .FeaturePromotionNavBar__subtitle,
#FeaturePromotionWindow .FeaturePromotionNavBar__title {
    display: block;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    transition: color .125s ease;
    white-space: nowrap
}

#FeaturePromotionWindow .FeaturePromotionNavBar__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1
}

#FeaturePromotionWindow .FeaturePromotionNavBar__subtitle {
    font-size: 10px;
    font-weight: 500;
    line-height: 1.25
}

#FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="10"] {
    font-size: calc(16.2px + .1vw);
    font-size: minmax(6px, calc(16.2px + .1vw));
    font-size: clamp(6px, 16.2px + .1vw, 18px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="11"] {
    font-size: calc(16.02px + .1vw);
    font-size: minmax(6px, calc(16.02px + .1vw));
    font-size: clamp(6px, 16.02px + .1vw, 18px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="12"] {
    font-size: calc(15.84px + .1vw);
    font-size: minmax(6px, calc(15.84px + .1vw));
    font-size: clamp(6px, 15.84px + .1vw, 18px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="13"] {
    font-size: calc(15.66px + .1vw);
    font-size: minmax(6px, calc(15.66px + .1vw));
    font-size: clamp(6px, 15.66px + .1vw, 18px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="14"] {
    font-size: calc(15.48px + .1vw);
    font-size: minmax(6px, calc(15.48px + .1vw));
    font-size: clamp(6px, 15.48px + .1vw, 18px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="15"] {
    font-size: calc(15.3px + .1vw);
    font-size: minmax(6px, calc(15.3px + .1vw));
    font-size: clamp(6px, 15.3px + .1vw, 18px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="16"] {
    font-size: calc(15.12px + .1vw);
    font-size: minmax(6px, calc(15.12px + .1vw));
    font-size: clamp(6px, 15.12px + .1vw, 18px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="17"] {
    font-size: calc(14.94px + .1vw);
    font-size: minmax(6px, calc(14.94px + .1vw));
    font-size: clamp(6px, 14.94px + .1vw, 18px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="18"] {
    font-size: calc(14.76px + .1vw);
    font-size: minmax(6px, calc(14.76px + .1vw));
    font-size: clamp(6px, 14.76px + .1vw, 18px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="19"] {
    font-size: calc(14.58px + .1vw);
    font-size: minmax(6px, calc(14.58px + .1vw));
    font-size: clamp(6px, 14.58px + .1vw, 18px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="20"] {
    font-size: calc(14.4px + .1vw);
    font-size: minmax(6px, calc(14.4px + .1vw));
    font-size: clamp(6px, 14.4px + .1vw, 18px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="21"] {
    font-size: calc(14.22px + .1vw);
    font-size: minmax(6px, calc(14.22px + .1vw));
    font-size: clamp(6px, 14.22px + .1vw, 18px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="22"] {
    font-size: calc(14.04px + .1vw);
    font-size: minmax(6px, calc(14.04px + .1vw));
    font-size: clamp(6px, 14.04px + .1vw, 18px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="23"] {
    font-size: calc(13.86px + .1vw);
    font-size: minmax(6px, calc(13.86px + .1vw));
    font-size: clamp(6px, 13.86px + .1vw, 18px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="24"] {
    font-size: calc(13.68px + .1vw);
    font-size: minmax(6px, calc(13.68px + .1vw));
    font-size: clamp(6px, 13.68px + .1vw, 18px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="25"] {
    font-size: calc(13.5px + .1vw);
    font-size: minmax(6px, calc(13.5px + .1vw));
    font-size: clamp(6px, 13.5px + .1vw, 18px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="26"] {
    font-size: calc(13.32px + .1vw);
    font-size: minmax(6px, calc(13.32px + .1vw));
    font-size: clamp(6px, 13.32px + .1vw, 18px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="27"] {
    font-size: calc(13.14px + .1vw);
    font-size: minmax(6px, calc(13.14px + .1vw));
    font-size: clamp(6px, 13.14px + .1vw, 18px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="28"] {
    font-size: calc(12.96px + .1vw);
    font-size: minmax(6px, calc(12.96px + .1vw));
    font-size: clamp(6px, 12.96px + .1vw, 18px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="29"] {
    font-size: calc(12.78px + .1vw);
    font-size: minmax(6px, calc(12.78px + .1vw));
    font-size: clamp(6px, 12.78px + .1vw, 18px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="10"] {
    font-size: calc(9px + .1vw);
    font-size: minmax(6px, calc(9px + .1vw));
    font-size: clamp(6px, 9px + .1vw, 10px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="11"] {
    font-size: calc(8.9px + .1vw);
    font-size: minmax(6px, calc(8.9px + .1vw));
    font-size: clamp(6px, 8.9px + .1vw, 10px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="12"] {
    font-size: calc(8.8px + .1vw);
    font-size: minmax(6px, calc(8.8px + .1vw));
    font-size: clamp(6px, 8.8px + .1vw, 10px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="13"] {
    font-size: calc(8.7px + .1vw);
    font-size: minmax(6px, calc(8.7px + .1vw));
    font-size: clamp(6px, 8.7px + .1vw, 10px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="14"] {
    font-size: calc(8.6px + .1vw);
    font-size: minmax(6px, calc(8.6px + .1vw));
    font-size: clamp(6px, 8.6px + .1vw, 10px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="15"] {
    font-size: calc(8.5px + .1vw);
    font-size: minmax(6px, calc(8.5px + .1vw));
    font-size: clamp(6px, 8.5px + .1vw, 10px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="16"] {
    font-size: calc(8.4px + .1vw);
    font-size: minmax(6px, calc(8.4px + .1vw));
    font-size: clamp(6px, 8.4px + .1vw, 10px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="17"] {
    font-size: calc(8.3px + .1vw);
    font-size: minmax(6px, calc(8.3px + .1vw));
    font-size: clamp(6px, 8.3px + .1vw, 10px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="18"] {
    font-size: calc(8.2px + .1vw);
    font-size: minmax(6px, calc(8.2px + .1vw));
    font-size: clamp(6px, 8.2px + .1vw, 10px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="19"] {
    font-size: calc(8.1px + .1vw);
    font-size: minmax(6px, calc(8.1px + .1vw));
    font-size: clamp(6px, 8.1px + .1vw, 10px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="20"] {
    font-size: calc(8px + .1vw);
    font-size: minmax(6px, calc(8px + .1vw));
    font-size: clamp(6px, 8px + .1vw, 10px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="21"] {
    font-size: calc(7.9px + .1vw);
    font-size: minmax(6px, calc(7.9px + .1vw));
    font-size: clamp(6px, 7.9px + .1vw, 10px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="22"] {
    font-size: calc(7.8px + .1vw);
    font-size: minmax(6px, calc(7.8px + .1vw));
    font-size: clamp(6px, 7.8px + .1vw, 10px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="23"] {
    font-size: calc(7.7px + .1vw);
    font-size: minmax(6px, calc(7.7px + .1vw));
    font-size: clamp(6px, 7.7px + .1vw, 10px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="24"] {
    font-size: calc(7.6px + .1vw);
    font-size: minmax(6px, calc(7.6px + .1vw));
    font-size: clamp(6px, 7.6px + .1vw, 10px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="25"] {
    font-size: calc(7.5px + .1vw);
    font-size: minmax(6px, calc(7.5px + .1vw));
    font-size: clamp(6px, 7.5px + .1vw, 10px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="26"] {
    font-size: calc(7.4px + .1vw);
    font-size: minmax(6px, calc(7.4px + .1vw));
    font-size: clamp(6px, 7.4px + .1vw, 10px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="27"] {
    font-size: calc(7.3px + .1vw);
    font-size: minmax(6px, calc(7.3px + .1vw));
    font-size: clamp(6px, 7.3px + .1vw, 10px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="28"] {
    font-size: calc(7.2px + .1vw);
    font-size: minmax(6px, calc(7.2px + .1vw));
    font-size: clamp(6px, 7.2px + .1vw, 10px)
}

#FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="29"] {
    font-size: calc(7.1px + .1vw);
    font-size: minmax(6px, calc(7.1px + .1vw));
    font-size: clamp(6px, 7.1px + .1vw, 10px)
}

[data-channel=mobile] #FeaturePromotionContent {
    height: 100%;
    overflow-y: scroll;
    padding: 0 20px
}

[data-channel=mobile] #FeaturePromotionWindow #PromotionInfoPage .FeaturePromotion__ProgressWrapper {
    display: grid;
    grid-template-columns: 1fr
}

[data-channel=mobile] #FeaturePromotionWindow #PromotionInfoPage .FeaturePromotion__table {
    width: 100%
}

[data-channel=mobile] #FeaturePromotionWindow #PromotionInfoPage .FeaturePromotion__table tr {
    display: table
}

[data-channel=mobile] #FeaturePromotionWindow .FeaturePromotion {
    height: 100%;
    min-width: 0;
    padding: 10px 40px
}

[data-channel=mobile] #FeaturePromotionWindow .FeaturePromotion ::-webkit-scrollbar {
    width: .15em
}

[data-channel=mobile] #FeaturePromotionWindow .FeaturePromotion__close {
    border-radius: 5px 0 0 5px
}

[data-channel=mobile] #FeaturePromotionWindow .FeaturePromotion__title {
    margin-bottom: 10px
}

[data-channel=mobile] #FeaturePromotionWindow .FeaturePromotion #FeaturePromotionDateRangeExplainer {
    font-size: 10px;
    margin: 0 5px 10px;
    text-align: center
}

[data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar {
    margin: 0 auto;
    max-width: 100%;
    padding: 0
}

@media screen and (max-width:768px) {
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="10"] {
        font-size: calc(14.4px + .2vw);
        font-size: minmax(6px, calc(14.4px + .2vw));
        font-size: clamp(6px, 14.4px + .2vw, 16px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="11"] {
        font-size: calc(14.04px + .2vw);
        font-size: minmax(6px, calc(14.04px + .2vw));
        font-size: clamp(6px, 14.04px + .2vw, 16px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="12"] {
        font-size: calc(13.68px + .2vw);
        font-size: minmax(6px, calc(13.68px + .2vw));
        font-size: clamp(6px, 13.68px + .2vw, 16px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="13"] {
        font-size: calc(13.32px + .2vw);
        font-size: minmax(6px, calc(13.32px + .2vw));
        font-size: clamp(6px, 13.32px + .2vw, 16px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="14"] {
        font-size: calc(12.96px + .2vw);
        font-size: minmax(6px, calc(12.96px + .2vw));
        font-size: clamp(6px, 12.96px + .2vw, 16px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="15"] {
        font-size: calc(12.6px + .2vw);
        font-size: minmax(6px, calc(12.6px + .2vw));
        font-size: clamp(6px, 12.6px + .2vw, 16px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="16"] {
        font-size: calc(12.24px + .2vw);
        font-size: minmax(6px, calc(12.24px + .2vw));
        font-size: clamp(6px, 12.24px + .2vw, 16px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="17"] {
        font-size: calc(11.88px + .2vw);
        font-size: minmax(6px, calc(11.88px + .2vw));
        font-size: clamp(6px, 11.88px + .2vw, 16px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="18"] {
        font-size: calc(11.52px + .2vw);
        font-size: minmax(6px, calc(11.52px + .2vw));
        font-size: clamp(6px, 11.52px + .2vw, 16px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="19"] {
        font-size: calc(11.16px + .2vw);
        font-size: minmax(6px, calc(11.16px + .2vw));
        font-size: clamp(6px, 11.16px + .2vw, 16px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="20"] {
        font-size: calc(10.8px + .2vw);
        font-size: minmax(6px, calc(10.8px + .2vw));
        font-size: clamp(6px, 10.8px + .2vw, 16px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="21"] {
        font-size: calc(10.44px + .2vw);
        font-size: minmax(6px, calc(10.44px + .2vw));
        font-size: clamp(6px, 10.44px + .2vw, 16px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="22"] {
        font-size: calc(10.08px + .2vw);
        font-size: minmax(6px, calc(10.08px + .2vw));
        font-size: clamp(6px, 10.08px + .2vw, 16px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="23"] {
        font-size: calc(9.72px + .2vw);
        font-size: minmax(6px, calc(9.72px + .2vw));
        font-size: clamp(6px, 9.72px + .2vw, 16px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="24"] {
        font-size: calc(9.36px + .2vw);
        font-size: minmax(6px, calc(9.36px + .2vw));
        font-size: clamp(6px, 9.36px + .2vw, 16px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="25"] {
        font-size: calc(9px + .2vw);
        font-size: minmax(6px, calc(9px + .2vw));
        font-size: clamp(6px, 9px + .2vw, 16px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="26"] {
        font-size: calc(8.64px + .2vw);
        font-size: minmax(6px, calc(8.64px + .2vw));
        font-size: clamp(6px, 8.64px + .2vw, 16px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="27"] {
        font-size: calc(8.28px + .2vw);
        font-size: minmax(6px, calc(8.28px + .2vw));
        font-size: clamp(6px, 8.28px + .2vw, 16px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="28"] {
        font-size: calc(7.92px + .2vw);
        font-size: minmax(6px, calc(7.92px + .2vw));
        font-size: clamp(6px, 7.92px + .2vw, 16px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="29"] {
        font-size: calc(7.56px + .2vw);
        font-size: minmax(6px, calc(7.56px + .2vw));
        font-size: clamp(6px, 7.56px + .2vw, 16px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="10"] {
        font-size: calc(9px + .1vw);
        font-size: minmax(6px, calc(9px + .1vw));
        font-size: clamp(6px, 9px + .1vw, 10px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="11"] {
        font-size: calc(8.9px + .1vw);
        font-size: minmax(6px, calc(8.9px + .1vw));
        font-size: clamp(6px, 8.9px + .1vw, 10px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="12"] {
        font-size: calc(8.8px + .1vw);
        font-size: minmax(6px, calc(8.8px + .1vw));
        font-size: clamp(6px, 8.8px + .1vw, 10px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="13"] {
        font-size: calc(8.7px + .1vw);
        font-size: minmax(6px, calc(8.7px + .1vw));
        font-size: clamp(6px, 8.7px + .1vw, 10px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="14"] {
        font-size: calc(8.6px + .1vw);
        font-size: minmax(6px, calc(8.6px + .1vw));
        font-size: clamp(6px, 8.6px + .1vw, 10px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="15"] {
        font-size: calc(8.5px + .1vw);
        font-size: minmax(6px, calc(8.5px + .1vw));
        font-size: clamp(6px, 8.5px + .1vw, 10px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="16"] {
        font-size: calc(8.4px + .1vw);
        font-size: minmax(6px, calc(8.4px + .1vw));
        font-size: clamp(6px, 8.4px + .1vw, 10px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="17"] {
        font-size: calc(8.3px + .1vw);
        font-size: minmax(6px, calc(8.3px + .1vw));
        font-size: clamp(6px, 8.3px + .1vw, 10px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="18"] {
        font-size: calc(8.2px + .1vw);
        font-size: minmax(6px, calc(8.2px + .1vw));
        font-size: clamp(6px, 8.2px + .1vw, 10px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="19"] {
        font-size: calc(8.1px + .1vw);
        font-size: minmax(6px, calc(8.1px + .1vw));
        font-size: clamp(6px, 8.1px + .1vw, 10px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="20"] {
        font-size: calc(8px + .1vw);
        font-size: minmax(6px, calc(8px + .1vw));
        font-size: clamp(6px, 8px + .1vw, 10px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="21"] {
        font-size: calc(7.9px + .1vw);
        font-size: minmax(6px, calc(7.9px + .1vw));
        font-size: clamp(6px, 7.9px + .1vw, 10px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="22"] {
        font-size: calc(7.8px + .1vw);
        font-size: minmax(6px, calc(7.8px + .1vw));
        font-size: clamp(6px, 7.8px + .1vw, 10px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="23"] {
        font-size: calc(7.7px + .1vw);
        font-size: minmax(6px, calc(7.7px + .1vw));
        font-size: clamp(6px, 7.7px + .1vw, 10px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="24"] {
        font-size: calc(7.6px + .1vw);
        font-size: minmax(6px, calc(7.6px + .1vw));
        font-size: clamp(6px, 7.6px + .1vw, 10px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="25"] {
        font-size: calc(7.5px + .1vw);
        font-size: minmax(6px, calc(7.5px + .1vw));
        font-size: clamp(6px, 7.5px + .1vw, 10px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="26"] {
        font-size: calc(7.4px + .1vw);
        font-size: minmax(6px, calc(7.4px + .1vw));
        font-size: clamp(6px, 7.4px + .1vw, 10px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="27"] {
        font-size: calc(7.3px + .1vw);
        font-size: minmax(6px, calc(7.3px + .1vw));
        font-size: clamp(6px, 7.3px + .1vw, 10px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="28"] {
        font-size: calc(7.2px + .1vw);
        font-size: minmax(6px, calc(7.2px + .1vw));
        font-size: clamp(6px, 7.2px + .1vw, 10px)
    }
    [data-channel=mobile] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="29"] {
        font-size: calc(7.1px + .1vw);
        font-size: minmax(6px, calc(7.1px + .1vw));
        font-size: clamp(6px, 7.1px + .1vw, 10px)
    }
}

[data-channel=mobile] #FeaturePromotionWindow .PlayButton {
    align-items: center;
    background: transparent;
    border: 0;
    cursor: pointer;
    display: flex;
    height: 12px;
    justify-content: center;
    margin: 0 .5em;
    outline: none;
    overflow-wrap: break-word;
    position: relative;
    text-decoration: none;
    transition: all .2s ease-in-out;
    width: 12px
}

[data-channel=mobile] #FeaturePromotionWindow .PlayButton--encircled {
    border: 2px solid get_global_var(text-primary);
    border-radius: 50%;
    padding: 5px
}

[data-channel=mobile] #FeaturePromotionWindow .PlayButton__mark {
    background: none;
    border: 5px solid transparent;
    border-left: 8px solid get_global_var(text-primary);
    border-right: none;
    display: block;
    height: 0;
    margin: 0 0 0 3px;
    padding: 0;
    width: 0
}

[data-channel=mobile] #FeaturePromotionWindow .PlayButton:active,
[data-channel=mobile] #FeaturePromotionWindow .PlayButton:hover {
    outline: none
}

[data-channel=mobile] #FeaturePromotionWindow .PlayButton:active.PlayButton--encircled,
[data-channel=mobile] #FeaturePromotionWindow .PlayButton:hover.PlayButton--encircled {
    border-color: get_global_var(bg-accent)
}

[data-channel=mobile] #FeaturePromotionWindow .PlayButton:active>.PlayButton__mark,
[data-channel=mobile] #FeaturePromotionWindow .PlayButton:hover>.PlayButton__mark {
    border-left-color: get_global_var(bg-accent)
}

@media screen and (max-width:768px) {
    [data-channel=mobile] #FeaturePromotionWindow .PlayButton {
        align-items: center;
        background: transparent;
        border: 0;
        cursor: pointer;
        display: flex;
        height: 10px;
        justify-content: center;
        outline: none;
        overflow-wrap: break-word;
        position: relative;
        text-decoration: none;
        transition: all .2s ease-in-out;
        width: 10px
    }
    [data-channel=mobile] #FeaturePromotionWindow .PlayButton--encircled {
        border: 2px solid get_global_var(text-primary);
        border-radius: 50%;
        padding: 4px
    }
    [data-channel=mobile] #FeaturePromotionWindow .PlayButton__mark {
        background: none;
        border: 4px solid transparent;
        border-left: 6px solid get_global_var(text-primary);
        border-right: none;
        display: block;
        height: 0;
        margin: 0 0 0 2px;
        padding: 0;
        width: 0
    }
    [data-channel=mobile] #FeaturePromotionWindow .PlayButton:active,
    [data-channel=mobile] #FeaturePromotionWindow .PlayButton:hover {
        outline: none
    }
    [data-channel=mobile] #FeaturePromotionWindow .PlayButton:active.PlayButton--encircled,
    [data-channel=mobile] #FeaturePromotionWindow .PlayButton:hover.PlayButton--encircled {
        border-color: get_global_var(bg-accent)
    }
    [data-channel=mobile] #FeaturePromotionWindow .PlayButton:active>.PlayButton__mark,
    [data-channel=mobile] #FeaturePromotionWindow .PlayButton:hover>.PlayButton__mark {
        border-left-color: get_global_var(bg-accent)
    }
}

@media screen and (max-width:340px) {
    [data-channel=mobile] #FeaturePromotionWindow .PlayButton {
        align-items: center;
        background: transparent;
        border: 0;
        cursor: pointer;
        display: flex;
        height: 6px;
        justify-content: center;
        margin: 0 .2em;
        outline: none;
        overflow-wrap: break-word;
        position: relative;
        text-decoration: none;
        transition: all .2s ease-in-out;
        width: 6px
    }
    [data-channel=mobile] #FeaturePromotionWindow .PlayButton--encircled {
        border: 1px solid get_global_var(text-primary);
        border-radius: 50%;
        padding: 3px
    }
    [data-channel=mobile] #FeaturePromotionWindow .PlayButton__mark {
        background: none;
        border: 3px solid transparent;
        border-left: 4px solid get_global_var(text-primary);
        border-right: none;
        display: block;
        height: 0;
        margin: 0 0 0 2px;
        padding: 0;
        width: 0
    }
    [data-channel=mobile] #FeaturePromotionWindow .PlayButton:active,
    [data-channel=mobile] #FeaturePromotionWindow .PlayButton:hover {
        outline: none
    }
    [data-channel=mobile] #FeaturePromotionWindow .PlayButton:active.PlayButton--encircled,
    [data-channel=mobile] #FeaturePromotionWindow .PlayButton:hover.PlayButton--encircled {
        border-color: get_global_var(bg-accent)
    }
    [data-channel=mobile] #FeaturePromotionWindow .PlayButton:active>.PlayButton__mark,
    [data-channel=mobile] #FeaturePromotionWindow .PlayButton:hover>.PlayButton__mark {
        border-left-color: get_global_var(bg-accent)
    }
}

[data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotion {
    padding: 25px 0 10px
}

[data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotion__close {
    margin-right: 10px;
    top: 24px
}

[data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotion__title {
    margin-top: 30px
}

@media screen and (max-width:600px) {
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__navitem {
        height: 45px
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="10"] {
        font-size: calc(13.32px + .26vw);
        font-size: minmax(6px, calc(13.32px + .26vw));
        font-size: clamp(6px, 13.32px + .26vw, 16px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="11"] {
        font-size: calc(12.852px + .26vw);
        font-size: minmax(6px, calc(12.852px + .26vw));
        font-size: clamp(6px, 12.852px + .26vw, 16px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="12"] {
        font-size: calc(12.384px + .26vw);
        font-size: minmax(6px, calc(12.384px + .26vw));
        font-size: clamp(6px, 12.384px + .26vw, 16px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="13"] {
        font-size: calc(11.916px + .26vw);
        font-size: minmax(6px, calc(11.916px + .26vw));
        font-size: clamp(6px, 11.916px + .26vw, 16px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="14"] {
        font-size: calc(11.448px + .26vw);
        font-size: minmax(6px, calc(11.448px + .26vw));
        font-size: clamp(6px, 11.448px + .26vw, 16px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="15"] {
        font-size: calc(10.98px + .26vw);
        font-size: minmax(6px, calc(10.98px + .26vw));
        font-size: clamp(6px, 10.98px + .26vw, 16px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="16"] {
        font-size: calc(10.512px + .26vw);
        font-size: minmax(6px, calc(10.512px + .26vw));
        font-size: clamp(6px, 10.512px + .26vw, 16px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="17"] {
        font-size: calc(10.044px + .26vw);
        font-size: minmax(6px, calc(10.044px + .26vw));
        font-size: clamp(6px, 10.044px + .26vw, 16px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="18"] {
        font-size: calc(9.576px + .26vw);
        font-size: minmax(6px, calc(9.576px + .26vw));
        font-size: clamp(6px, 9.576px + .26vw, 16px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="19"] {
        font-size: calc(9.108px + .26vw);
        font-size: minmax(6px, calc(9.108px + .26vw));
        font-size: clamp(6px, 9.108px + .26vw, 16px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="20"] {
        font-size: calc(8.64px + .26vw);
        font-size: minmax(6px, calc(8.64px + .26vw));
        font-size: clamp(6px, 8.64px + .26vw, 16px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="21"] {
        font-size: calc(8.172px + .26vw);
        font-size: minmax(6px, calc(8.172px + .26vw));
        font-size: clamp(6px, 8.172px + .26vw, 16px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="22"] {
        font-size: calc(7.704px + .26vw);
        font-size: minmax(6px, calc(7.704px + .26vw));
        font-size: clamp(6px, 7.704px + .26vw, 16px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="23"] {
        font-size: calc(7.236px + .26vw);
        font-size: minmax(6px, calc(7.236px + .26vw));
        font-size: clamp(6px, 7.236px + .26vw, 16px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="24"] {
        font-size: calc(6.768px + .26vw);
        font-size: minmax(6px, calc(6.768px + .26vw));
        font-size: clamp(6px, 6.768px + .26vw, 16px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="25"] {
        font-size: calc(6.3px + .26vw);
        font-size: minmax(6px, calc(6.3px + .26vw));
        font-size: clamp(6px, 6.3px + .26vw, 16px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="26"] {
        font-size: calc(5.832px + .26vw);
        font-size: minmax(6px, calc(5.832px + .26vw));
        font-size: clamp(6px, 5.832px + .26vw, 16px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="27"] {
        font-size: calc(5.364px + .26vw);
        font-size: minmax(6px, calc(5.364px + .26vw));
        font-size: clamp(6px, 5.364px + .26vw, 16px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="28"] {
        font-size: calc(4.896px + .26vw);
        font-size: minmax(6px, calc(4.896px + .26vw));
        font-size: clamp(6px, 4.896px + .26vw, 16px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="29"] {
        font-size: calc(4.428px + .26vw);
        font-size: minmax(6px, calc(4.428px + .26vw));
        font-size: clamp(6px, 4.428px + .26vw, 16px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="10"] {
        font-size: calc(9px + .1vw);
        font-size: minmax(6px, calc(9px + .1vw));
        font-size: clamp(6px, 9px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="11"] {
        font-size: calc(8.9px + .1vw);
        font-size: minmax(6px, calc(8.9px + .1vw));
        font-size: clamp(6px, 8.9px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="12"] {
        font-size: calc(8.8px + .1vw);
        font-size: minmax(6px, calc(8.8px + .1vw));
        font-size: clamp(6px, 8.8px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="13"] {
        font-size: calc(8.7px + .1vw);
        font-size: minmax(6px, calc(8.7px + .1vw));
        font-size: clamp(6px, 8.7px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="14"] {
        font-size: calc(8.6px + .1vw);
        font-size: minmax(6px, calc(8.6px + .1vw));
        font-size: clamp(6px, 8.6px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="15"] {
        font-size: calc(8.5px + .1vw);
        font-size: minmax(6px, calc(8.5px + .1vw));
        font-size: clamp(6px, 8.5px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="16"] {
        font-size: calc(8.4px + .1vw);
        font-size: minmax(6px, calc(8.4px + .1vw));
        font-size: clamp(6px, 8.4px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="17"] {
        font-size: calc(8.3px + .1vw);
        font-size: minmax(6px, calc(8.3px + .1vw));
        font-size: clamp(6px, 8.3px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="18"] {
        font-size: calc(8.2px + .1vw);
        font-size: minmax(6px, calc(8.2px + .1vw));
        font-size: clamp(6px, 8.2px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="19"] {
        font-size: calc(8.1px + .1vw);
        font-size: minmax(6px, calc(8.1px + .1vw));
        font-size: clamp(6px, 8.1px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="20"] {
        font-size: calc(8px + .1vw);
        font-size: minmax(6px, calc(8px + .1vw));
        font-size: clamp(6px, 8px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="21"] {
        font-size: calc(7.9px + .1vw);
        font-size: minmax(6px, calc(7.9px + .1vw));
        font-size: clamp(6px, 7.9px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="22"] {
        font-size: calc(7.8px + .1vw);
        font-size: minmax(6px, calc(7.8px + .1vw));
        font-size: clamp(6px, 7.8px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="23"] {
        font-size: calc(7.7px + .1vw);
        font-size: minmax(6px, calc(7.7px + .1vw));
        font-size: clamp(6px, 7.7px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="24"] {
        font-size: calc(7.6px + .1vw);
        font-size: minmax(6px, calc(7.6px + .1vw));
        font-size: clamp(6px, 7.6px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="25"] {
        font-size: calc(7.5px + .1vw);
        font-size: minmax(6px, calc(7.5px + .1vw));
        font-size: clamp(6px, 7.5px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="26"] {
        font-size: calc(7.4px + .1vw);
        font-size: minmax(6px, calc(7.4px + .1vw));
        font-size: clamp(6px, 7.4px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="27"] {
        font-size: calc(7.3px + .1vw);
        font-size: minmax(6px, calc(7.3px + .1vw));
        font-size: clamp(6px, 7.3px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="28"] {
        font-size: calc(7.2px + .1vw);
        font-size: minmax(6px, calc(7.2px + .1vw));
        font-size: clamp(6px, 7.2px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__subtitle[data-charcount="29"] {
        font-size: calc(7.1px + .1vw);
        font-size: minmax(6px, calc(7.1px + .1vw));
        font-size: clamp(6px, 7.1px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="18"],
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="19"],
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="20"],
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="21"],
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="22"],
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="23"],
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="24"],
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="25"],
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="26"],
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="27"],
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="28"],
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="29"] {
        white-space: normal
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .PlayButton {
        align-items: center;
        background: transparent;
        border: 0;
        cursor: pointer;
        display: flex;
        height: 7px;
        justify-content: center;
        margin: 0 .2em;
        outline: none;
        overflow-wrap: break-word;
        position: relative;
        text-decoration: none;
        transition: all .2s ease-in-out;
        width: 7px
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .PlayButton--encircled {
        border: 2px solid get_global_var(text-primary);
        border-radius: 50%;
        padding: 3px
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .PlayButton__mark {
        background: none;
        border: 3px solid transparent;
        border-left: 5px solid get_global_var(text-primary);
        border-right: none;
        display: block;
        height: 0;
        margin: 0 0 0 2px;
        padding: 0;
        width: 0
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .PlayButton:active,
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .PlayButton:hover {
        outline: none
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .PlayButton:active.PlayButton--encircled,
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .PlayButton:hover.PlayButton--encircled {
        border-color: get_global_var(bg-accent)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .PlayButton:active>.PlayButton__mark,
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .PlayButton:hover>.PlayButton__mark {
        border-left-color: get_global_var(bg-accent)
    }
}

@media screen and (max-width:340px) {
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="16"],
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="17"],
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="18"],
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="19"],
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="20"],
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="21"],
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="22"],
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="23"],
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="24"],
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="25"],
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="26"],
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="27"],
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="28"],
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .FeaturePromotionNavBar__title[data-charcount="29"] {
        white-space: normal
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .PlayButton {
        align-items: center;
        background: transparent;
        border: 0;
        cursor: pointer;
        display: flex;
        height: 7px;
        justify-content: center;
        margin: 0 .2em;
        outline: none;
        overflow-wrap: break-word;
        position: relative;
        text-decoration: none;
        transition: all .2s ease-in-out;
        width: 7px
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .PlayButton--encircled {
        border: 2px solid get_global_var(text-primary);
        border-radius: 50%;
        padding: 3px
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .PlayButton__mark {
        background: none;
        border: 3px solid transparent;
        border-left: 5px solid get_global_var(text-primary);
        border-right: none;
        display: block;
        height: 0;
        margin: 0 0 0 2px;
        padding: 0;
        width: 0
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .PlayButton:active,
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .PlayButton:hover {
        outline: none
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .PlayButton:active.PlayButton--encircled,
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .PlayButton:hover.PlayButton--encircled {
        border-color: get_global_var(bg-accent)
    }
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .PlayButton:active>.PlayButton__mark,
    [data-channel=mobile][data-orientation=portrait] #FeaturePromotionWindow .PlayButton:hover>.PlayButton__mark {
        border-left-color: get_global_var(bg-accent)
    }
}

[data-channel=mobile][data-orientation=landscape] #FeaturePromotionWindow .FeaturePromotion {
    padding-top: 25px
}

[data-channel=mobile][data-orientation=landscape] #FeaturePromotionWindow .FeaturePromotion__close {
    border-radius: 0 5px 5px 0;
    top: 40px
}

[data-channel=mobile][data-orientation=landscape] #FeaturePromotionWindow .FeaturePromotion #FeaturePromotionDateRangeExplainer {
    margin: 0 60px 10px
}

@media screen and (max-width:768px) {
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__navitem {
        height: 45px
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__title[data-charcount="10"] {
        font-size: calc(15.3px + .15vw);
        font-size: minmax(6px, calc(15.3px + .15vw));
        font-size: clamp(6px, 15.3px + .15vw, 16px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__title[data-charcount="11"] {
        font-size: calc(15.03px + .15vw);
        font-size: minmax(6px, calc(15.03px + .15vw));
        font-size: clamp(6px, 15.03px + .15vw, 16px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__title[data-charcount="12"] {
        font-size: calc(14.76px + .15vw);
        font-size: minmax(6px, calc(14.76px + .15vw));
        font-size: clamp(6px, 14.76px + .15vw, 16px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__title[data-charcount="13"] {
        font-size: calc(14.49px + .15vw);
        font-size: minmax(6px, calc(14.49px + .15vw));
        font-size: clamp(6px, 14.49px + .15vw, 16px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__title[data-charcount="14"] {
        font-size: calc(14.22px + .15vw);
        font-size: minmax(6px, calc(14.22px + .15vw));
        font-size: clamp(6px, 14.22px + .15vw, 16px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__title[data-charcount="15"] {
        font-size: calc(13.95px + .15vw);
        font-size: minmax(6px, calc(13.95px + .15vw));
        font-size: clamp(6px, 13.95px + .15vw, 16px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__title[data-charcount="16"] {
        font-size: calc(13.68px + .15vw);
        font-size: minmax(6px, calc(13.68px + .15vw));
        font-size: clamp(6px, 13.68px + .15vw, 16px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__title[data-charcount="17"] {
        font-size: calc(13.41px + .15vw);
        font-size: minmax(6px, calc(13.41px + .15vw));
        font-size: clamp(6px, 13.41px + .15vw, 16px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__title[data-charcount="18"] {
        font-size: calc(13.14px + .15vw);
        font-size: minmax(6px, calc(13.14px + .15vw));
        font-size: clamp(6px, 13.14px + .15vw, 16px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__title[data-charcount="19"] {
        font-size: calc(12.87px + .15vw);
        font-size: minmax(6px, calc(12.87px + .15vw));
        font-size: clamp(6px, 12.87px + .15vw, 16px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__title[data-charcount="20"] {
        font-size: calc(12.6px + .15vw);
        font-size: minmax(6px, calc(12.6px + .15vw));
        font-size: clamp(6px, 12.6px + .15vw, 16px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__title[data-charcount="21"] {
        font-size: calc(12.33px + .15vw);
        font-size: minmax(6px, calc(12.33px + .15vw));
        font-size: clamp(6px, 12.33px + .15vw, 16px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__title[data-charcount="22"] {
        font-size: calc(12.06px + .15vw);
        font-size: minmax(6px, calc(12.06px + .15vw));
        font-size: clamp(6px, 12.06px + .15vw, 16px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__title[data-charcount="23"] {
        font-size: calc(11.79px + .15vw);
        font-size: minmax(6px, calc(11.79px + .15vw));
        font-size: clamp(6px, 11.79px + .15vw, 16px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__title[data-charcount="24"] {
        font-size: calc(11.52px + .15vw);
        font-size: minmax(6px, calc(11.52px + .15vw));
        font-size: clamp(6px, 11.52px + .15vw, 16px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__title[data-charcount="25"] {
        font-size: calc(11.25px + .15vw);
        font-size: minmax(6px, calc(11.25px + .15vw));
        font-size: clamp(6px, 11.25px + .15vw, 16px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__title[data-charcount="26"] {
        font-size: calc(10.98px + .15vw);
        font-size: minmax(6px, calc(10.98px + .15vw));
        font-size: clamp(6px, 10.98px + .15vw, 16px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__title[data-charcount="27"] {
        font-size: calc(10.71px + .15vw);
        font-size: minmax(6px, calc(10.71px + .15vw));
        font-size: clamp(6px, 10.71px + .15vw, 16px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__title[data-charcount="28"] {
        font-size: calc(10.44px + .15vw);
        font-size: minmax(6px, calc(10.44px + .15vw));
        font-size: clamp(6px, 10.44px + .15vw, 16px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__title[data-charcount="29"] {
        font-size: calc(10.17px + .15vw);
        font-size: minmax(6px, calc(10.17px + .15vw));
        font-size: clamp(6px, 10.17px + .15vw, 16px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__subtitle[data-charcount="10"] {
        font-size: calc(9px + .1vw);
        font-size: minmax(6px, calc(9px + .1vw));
        font-size: clamp(6px, 9px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__subtitle[data-charcount="11"] {
        font-size: calc(8.9px + .1vw);
        font-size: minmax(6px, calc(8.9px + .1vw));
        font-size: clamp(6px, 8.9px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__subtitle[data-charcount="12"] {
        font-size: calc(8.8px + .1vw);
        font-size: minmax(6px, calc(8.8px + .1vw));
        font-size: clamp(6px, 8.8px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__subtitle[data-charcount="13"] {
        font-size: calc(8.7px + .1vw);
        font-size: minmax(6px, calc(8.7px + .1vw));
        font-size: clamp(6px, 8.7px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__subtitle[data-charcount="14"] {
        font-size: calc(8.6px + .1vw);
        font-size: minmax(6px, calc(8.6px + .1vw));
        font-size: clamp(6px, 8.6px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__subtitle[data-charcount="15"] {
        font-size: calc(8.5px + .1vw);
        font-size: minmax(6px, calc(8.5px + .1vw));
        font-size: clamp(6px, 8.5px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__subtitle[data-charcount="16"] {
        font-size: calc(8.4px + .1vw);
        font-size: minmax(6px, calc(8.4px + .1vw));
        font-size: clamp(6px, 8.4px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__subtitle[data-charcount="17"] {
        font-size: calc(8.3px + .1vw);
        font-size: minmax(6px, calc(8.3px + .1vw));
        font-size: clamp(6px, 8.3px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__subtitle[data-charcount="18"] {
        font-size: calc(8.2px + .1vw);
        font-size: minmax(6px, calc(8.2px + .1vw));
        font-size: clamp(6px, 8.2px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__subtitle[data-charcount="19"] {
        font-size: calc(8.1px + .1vw);
        font-size: minmax(6px, calc(8.1px + .1vw));
        font-size: clamp(6px, 8.1px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__subtitle[data-charcount="20"] {
        font-size: calc(8px + .1vw);
        font-size: minmax(6px, calc(8px + .1vw));
        font-size: clamp(6px, 8px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__subtitle[data-charcount="21"] {
        font-size: calc(7.9px + .1vw);
        font-size: minmax(6px, calc(7.9px + .1vw));
        font-size: clamp(6px, 7.9px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__subtitle[data-charcount="22"] {
        font-size: calc(7.8px + .1vw);
        font-size: minmax(6px, calc(7.8px + .1vw));
        font-size: clamp(6px, 7.8px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__subtitle[data-charcount="23"] {
        font-size: calc(7.7px + .1vw);
        font-size: minmax(6px, calc(7.7px + .1vw));
        font-size: clamp(6px, 7.7px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__subtitle[data-charcount="24"] {
        font-size: calc(7.6px + .1vw);
        font-size: minmax(6px, calc(7.6px + .1vw));
        font-size: clamp(6px, 7.6px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__subtitle[data-charcount="25"] {
        font-size: calc(7.5px + .1vw);
        font-size: minmax(6px, calc(7.5px + .1vw));
        font-size: clamp(6px, 7.5px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__subtitle[data-charcount="26"] {
        font-size: calc(7.4px + .1vw);
        font-size: minmax(6px, calc(7.4px + .1vw));
        font-size: clamp(6px, 7.4px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__subtitle[data-charcount="27"] {
        font-size: calc(7.3px + .1vw);
        font-size: minmax(6px, calc(7.3px + .1vw));
        font-size: clamp(6px, 7.3px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__subtitle[data-charcount="28"] {
        font-size: calc(7.2px + .1vw);
        font-size: minmax(6px, calc(7.2px + .1vw));
        font-size: clamp(6px, 7.2px + .1vw, 10px)
    }
    [data-channel=mobile][data-orientation=landscape] .FeaturePromotionNavBar__subtitle[data-charcount="29"] {
        font-size: calc(7.1px + .1vw);
        font-size: minmax(6px, calc(7.1px + .1vw));
        font-size: clamp(6px, 7.1px + .1vw, 10px)
    }
}

.Modal {
    align-items: center;
    -webkit-backdrop-filter: var(--hg-modal-backdrop-filter);
    backdrop-filter: var(--hg-modal-backdrop-filter);
    background-color: var(--hg-modal-backdrop-bg);
    border: 0;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    touch-action: pan-y;
    width: 100%;
    z-index: var(--hg-modal-backdrop-zindex)
}

.Modal:not(.is-visible),
.Modal:not(.is-visible) .Dialog {
    display: none
}

.Navbar {
    align-items: center;
    display: flex;
    flex: 1 0 100%;
    justify-content: center
}

.Navbar__list {
    align-items: stretch;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: auto;
    justify-content: space-around;
    position: relative;
    width: 100%
}

.Navbar__item {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-evenly;
    position: relative
}

.Navbar__icon,
.Navbar__text {
    color: var(--hg-text-primary);
    display: block;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1;
    transition: all .2s ease
}

.Navbar__text {
    font-size: .75rem;
    letter-spacing: .05em;
    margin-top: .25rem
}

.Navbar__item.hidden {
    display: none
}

.Navbar__item.is-selected .Navbar__icon {
    color: var(--hg-text-accent)
}

.Navbar__item.is-disabled .Navbar__icon,
.Navbar__item.is-disabled .Navbar__text {
    filter: grayscale(85%)
}

.Pane {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    position: relative
}

.Pane:before {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: var(--hg-bg-primary);
    content: "";
    opacity: .15;
    overflow: hidden
}

.Pane__inner {
    align-items: stretch;
    background: var(--hg-bg-secondary);
    display: flex;
    height: 100%;
    justify-content: center;
    margin: .5em;
    padding: .5em;
    position: relative
}

.Pane.pane-rounded-corners>.Pane__inner {
    border-radius: var(--hg-pane-border-radius);
    overflow: hidden
}

.Pane__body {
    display: flex;
    flex: 1 1 auto;
    overflow: hidden;
    width: 100%
}

.Pane.pane--flex {
    height: 100%
}

.Pane.pane--lg {
    max-height: 12rem
}

.Pane.pane--md {
    max-height: 6rem
}

.Pane.pane--sm {
    max-height: 4rem
}

.Fieldset__legend {
    display: flex;
    margin: 0 0 .25rem;
    text-align: left
}

.Fieldset,
.Fieldset__inner,
.Fieldset__input-container,
.Fieldset__input-group,
.Fieldset__items-group,
.Fieldset__legend {
    width: 100%
}

.Fieldset__list {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.Fieldset__input-group {
    align-items: center;
    display: flex;
    flex-basis: 100%;
    flex: 1;
    flex-flow: column;
    justify-content: center;
    margin: 0 auto;
    width: 100%
}

.HacksawCasinoGameContainer {
    zoom: reset;
    backface-visibility: hidden;
    background: var(--hg-bg-primary);
    height: 100%;
    position: fixed;
    transform-origin: left top 0;
    width: 100%;
    will-change: height, width
}

.HacksawCasinoGameContainer--left,
.HacksawCasinoGameContainer--top {
    transform-origin: "top left"
}

.HacksawCasinoGameContainer--right {
    transform-origin: "top right"
}

.HacksawCasinoGameContainer--bottomt {
    transform-origin: "bottom left"
}

.HacksawCasinoGameContainer canvas {
    background: #212529;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.HacksawCasinoUiContainer {
    zoom: reset;
    bottom: 0;
    position: relative;
    width: 100%
}

[class*=" icon-"],
[class^=icon-] {
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-rendering: auto;
    text-transform: none
}

.icon-autoplay-b:before {
    content: ""
}

.icon-play:before {
    content: ""
}

.icon-caret-down:before {
    content: ""
}

.icon-caret-up:before {
    content: ""
}

.icon-hand-thumb:before {
    content: ""
}

.icon-menu-light:before {
    content: ""
}

.icon-super-turbo-off:before {
    content: ""
}

.icon-super-turbo-on:before {
    content: ""
}

.icon-bomb:before {
    content: ""
}

.icon-grid:before {
    content: ""
}

.icon-grid-2:before {
    content: ""
}

.icon-settings:before {
    content: ""
}

.icon-settings-2:before {
    content: ""
}

.icon-settings-3:before {
    content: ""
}

.icon-settings-4:before {
    content: ""
}

.icon-keypad-right:before {
    content: ""
}

.icon-keypad-left:before {
    content: ""
}

.icon-keypad-center:before {
    content: ""
}

.icon-music-on:before {
    content: ""
}

.icon-music-off:before {
    content: ""
}

.icon-backplate:before {
    content: ""
}

.icon-moneybag:before {
    content: ""
}

.icon-turbo-off:before {
    content: ""
}

.icon-turbo-on:before {
    content: ""
}

.icon-sound-on:before {
    content: ""
}

.icon-sound-off:before {
    content: ""
}

.icon-info-a:before {
    content: ""
}

.icon-home:before {
    content: ""
}

.icon-history:before {
    content: ""
}

.icon-keypad:before {
    content: ""
}

.icon-plus:before {
    content: ""
}

.icon-minus:before {
    content: ""
}

.icon-autoplay2:before {
    content: ""
}

.icon-stop:before {
    content: ""
}

.icon-spin:before {
    content: ""
}

.icon-fullscreen:before {
    content: ""
}

.icon-arrow-down:before {
    content: ""
}

.icon-arrow-up:before {
    content: ""
}

.icon-autoplay:before {
    content: ""
}

.icon-info-b:before {
    content: ""
}

.icon-menu:before {
    content: ""
}

.UiUserPanelWrapper {
    visibility: hidden
}

[data-dock-position] {
    bottom: unset;
    display: block;
    height: 0;
    left: unset;
    position: fixed;
    right: unset;
    top: unset;
    transform-origin: top left;
    visibility: visible;
    width: 100%
}

.UiUserPanelWrapper {
    backface-visibility: hidden;
    will-change: height, width
}

.UiUserPanelWrapper:not([data-channel=mobile] .UiUserPanelWrapper) {
    transform-style: preserve-3d
}

.UiUserPanelWrapper[data-dock-position=left],
.UiUserPanelWrapper[data-dock-position=right] {
    height: 100%;
    width: 22rem
}

.UiUserPanelWrapper[data-dock-position=right] {
    right: 0;
    top: 0;
    transform-origin: top right
}

.UiUserPanelWrapper[data-dock-position=left] {
    left: 0;
    top: 0;
    transform-origin: top left
}

.UiUserPanelWrapper[data-dock-position=bottom],
.UiUserPanelWrapper[data-dock-position=top] {
    height: auto;
    height: 24rem;
    width: 100%
}

.UiUserPanelWrapper[data-dock-position=top] {
    left: 0;
    top: 0;
    transform-origin: top left
}

.UiUserPanelWrapper[data-dock-position=bottom] {
    bottom: 0;
    left: 0;
    transform-origin: bottom left
}

div[data-orientation=portrait][data-channel=mobile] .UiUserPanelWrapper[data-dock-position=left] {
    bottom: 0;
    top: unset
}

div[data-orientation=portrait][data-channel=mobile] .UiUserPanelWrapper[data-dock-position=bottom],
div[data-orientation=portrait][data-channel=mobile] .UiUserPanelWrapper[data-dock-position=top] {
    height: 23rem
}

div[data-orientation=landscape][data-channel=mobile] .UiUserPanelWrapper[data-dock-position=left],
div[data-orientation=landscape][data-channel=mobile] .UiUserPanelWrapper[data-dock-position=right] {
    width: 19rem;
    width: 18rem
}

@media(min-height:22rem) {
    div[data-orientation=landscape][data-channel=mobile] .UiUserPanelWrapper[data-dock-position=left],
    div[data-orientation=landscape][data-channel=mobile] .UiUserPanelWrapper[data-dock-position=right] {
        width: calc(8.69565vh + 16.08696rem)
    }
}

@media(min-height:45rem) {
    div[data-orientation=landscape][data-channel=mobile] .UiUserPanelWrapper[data-dock-position=left],
    div[data-orientation=landscape][data-channel=mobile] .UiUserPanelWrapper[data-dock-position=right] {
        width: 20rem
    }
}

.UiAsideUserPanel .Button.is-disabled,
.UiAsideUserPanel .Button.is-reached,
div[data-layout-type=aside_panel] .UiUserPanelWrapper.is-last-free-round .Button--place-bet,
div[data-layout-type=aside_panel] .UiUserPanelWrapper.is-last-free-round .Button--startautoplay,
div[data-layout-type=aside_panel] .UiUserPanelWrapper.is-last-free-round .Button--stopautoplay,
div[data-layout-type=aside_panel] .UiUserPanelWrapper.is-last-free-round .Dialog__start-autoplay-btn,
div[data-layout-type=aside_panel] .UiUserPanelWrapper.is-last-free-round .MenuSection__AutoplayLossLimits,
div[data-layout-type=aside_panel] .UiUserPanelWrapper.is-last-free-round .MenuSection__AutoplayMenuTogglers,
div[data-layout-type=aside_panel] .UiUserPanelWrapper.is-last-free-round .MenuSection__AutoplayRounds,
div[data-layout-type=aside_panel] .UiUserPanelWrapper.is-last-free-round .MenuSection__AutoplayWinLimits,
div[data-layout-type=aside_panel] .UiUserPanelWrapper.is-last-free-round .MenuSection__BetAmount,
div[data-layout-type=aside_panel] .UiUserPanelWrapper.is-last-free-round .MenuSection__Difficulty,
div[data-layout-type=aside_panel] .UiUserPanelWrapper.is-last-free-round .MenuSection__GridSize {
    opacity: .6;
    pointer-events: none
}

.UiAsideUserPanel {
    font-size: 100%;
    transition: opacity .2s ease-in
}

.UiAsideUserPanel.is-visible {
    display: block;
    visibility: visible
}

.UiAsideUserPanel:before {
    background-color: var(--hg-bg-primary);
    content: "";
    opacity: .4
}

.UiAsideUserPanel__inner {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.UiAsideUserPanel__container-row {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.UiAsideUserPanel__container-column {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start
}

.UiAsideUserPanel__button-container {
    border-radius: 1000px;
    width: 100%
}

.UiAsideUserPanel .Pane:first-of-type>div {
    margin-bottom: 0
}

.UiAsideUserPanel .Pane:last-of-type>div {
    margin-top: 0
}

.UiAsideUserPanel .Title {
    color: var(--hg-text-primary);
    font-family: inherit;
    font-size: var(--hg-typography-title-font-size);
    line-height: 1.25
}

.Button--place-bet,
.Button--startautoplay,
.Button--stopautoplay {
    border: 3px solid var(--hg-bg-secondary);
    display: none;
    height: 34px;
    width: 100%
}

@media(min-width:360px) {
    .Button--place-bet,
    .Button--startautoplay,
    .Button--stopautoplay {
        height: calc(.98039vw + 30.47059px)
    }
}

@media(min-width:768px) {
    .Button--place-bet,
    .Button--startautoplay,
    .Button--stopautoplay {
        height: 38px
    }
}

.Button--place-bet .Title,
.Button--startautoplay .Title,
.Button--stopautoplay .Title {
    color: #0f0f0f;
    color: var(--hg-bg-primary);
    font-weight: 600
}

.Button--place-bet .autoplay-counter-value,
.Button--startautoplay .autoplay-counter-value,
.Button--stopautoplay .autoplay-counter-value {
    display: inline-block;
    padding-left: .875rem;
    position: relative
}

.Button--place-bet .autoplay-counter-value:before,
.Button--startautoplay .autoplay-counter-value:before,
.Button--stopautoplay .autoplay-counter-value:before {
    background: var(--hg-bg-primary);
    content: "";
    display: inline-block;
    height: 1px;
    left: .25rem;
    position: absolute;
    top: 50%;
    width: .375rem;
    z-index: 1
}

.Button--decrease-bet,
.Button--increase-bet {
    border: 0;
    box-shadow: none;
    color: var(--hg-text-primary);
    font-size: 2rem;
    outline: 0;
    padding: 0
}

.Button--decrease-bet:focus i,
.Button--decrease-bet:hover i,
.Button--increase-bet:focus i,
.Button--increase-bet:hover i {
    opacity: .7;
    text-shadow: 0 2px 3px var(--hg-bg-accent)
}

.Button--decrease-bet:active i,
.Button--increase-bet:active i {
    opacity: .7;
    text-shadow: 0 1px 2px var(--hg-bg-accent)
}

.UiAsideUserPanel .Button--primary {
    --hg-btn-bg: #20c997;
    --hg-btn-color: #ced4da;
    --hg-btn-border-color: #20c997;
    --hg-btn-hover-bg: #199d76;
    --hg-btn-hover-color: #ced4da;
    --hg-btn-hover-border-color: #199d76;
    --hg-btn-active-bg: #1cb386;
    --hg-btn-active-color: #ced4da;
    --hg-btn-active-border-color: #1cb386;
    --hg-btn-border-width: 2px;
    --hg-btn-border-radius: 1000px;
    background: var(--hg-btn-bg);
    box-shadow: var(--hg-btn-box-shadow)
}

.UiAsideUserPanel .Button--primary:hover {
    background: var(--hg-btn-hover-bg);
    box-shadow: var(--hg-btn-hover-box-shadow)
}

.UiAsideUserPanel .Button--primary:active {
    background: var(--hg-btn-active-bg);
    box-shadow: var(--hg-btn-active-box-shadow)
}

.UiAsideUserPanel .Button--icon {
    font-size: 2rem
}

.UiAsideUserPanel .TabGroup__GameDifficultyLevelList .TabGroup__item button {
    border-radius: 0
}

.UiAsideUserPanel .TabGroup__GameDifficultyLevelList .TabGroup__item--high {
    order: 3
}

.UiAsideUserPanel .TabGroup__GameDifficultyLevelList .TabGroup__item--medium {
    order: 2
}

.UiAsideUserPanel .TabGroup__GameDifficultyLevelList .TabGroup__item--low {
    order: 1
}

.UiAsideUserPanel .TabGroup__GameGridSizeList {
    border-radius: unset;
    outline: none
}

.UiAsideUserPanel .TabGroup__GameGridSizeList .TabGroup__item {
    border: 1px transparent;
    border-radius: 1000px;
    height: 1.875rem;
    outline: solid .25px var(--hg-border-color);
    overflow: hidden;
    width: 1.875rem
}

@media not all and (-webkit-min-device-pixel-ratio:0),
not all and (min-resolution:0.001dpcm) {
    @supports(-webkit-appearance: none) {
        .UiAsideUserPanel .TabGroup__GameGridSizeList .TabGroup__item {
            outline:0
        }
    }
}

.UiAsideUserPanel .TabGroup__GameGridSizeList button {
    border-radius: 1000px;
    box-shadow: -2px -2px 4px rgba(67, 67, 67, .4), inset 2px 2px 5px rgba(0, 0, 0, .5), inset -3px -3px 5px rgba(67, 67, 67, .3), 2px 2px 4px rgba(0, 0, 0, .3);
    height: 100%;
    line-height: 1;
    margin: 0;
    padding: 0;
    width: 100%
}

.UiAsideUserPanel .PillButton__list {
    align-items: center;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    display: grid;
    grid-auto-flow: row dense;
    grid-template-columns: repeat(12, 1fr);
    justify-items: stretch;
    row-gap: .5rem
}

.UiAsideUserPanel .PillButton__list .AutoplayValue {
    grid-column: span 3
}

.UiAsideUserPanel .PillButton__list .LossLimitValue,
.UiAsideUserPanel .PillButton__list .WinLimitValue {
    grid-column: span 4
}

.UiAsideUserPanel .PillButton__list .Button__toggled-input,
.UiAsideUserPanel .PillButton__list .LossLimitNoLimitButton,
.UiAsideUserPanel .PillButton__list .WinLimitNoLimitButton {
    grid-column: span 6
}

.UiAsideUserPanel .PillButton__list .Button.Button__toggled-input {
    box-shadow: -2px -2px 4px rgba(67, 67, 67, .4), inset 2px 2px 5px rgba(0, 0, 0, .5), inset -3px -3px 5px rgba(67, 67, 67, .3), 2px 2px 4px rgba(0, 0, 0, .3)
}

.UiAsideUserPanel .PillButton__list .Button.Button__toggled-input input {
    background-color: transparent;
    border: 0;
    caret-color: #000;
    color: var(--hg-bg-primary);
    display: inline-flex;
    font-weight: 600;
    height: 0;
    justify-content: center;
    min-height: -moz-fit-content;
    min-height: fit-content;
    outline: 0;
    position: relative;
    text-align: center;
    visibility: hidden;
    width: 0
}

.UiAsideUserPanel .PillButton__list .Button.Button__toggled-input input:focus::-webkit-input-placeholder {
    opacity: 0;
    position: relative
}

.UiAsideUserPanel .PillButton__list .Button {
    background: var(--hg-bg-primary);
    border: 2px solid var(--hg-bg-secondary);
    box-shadow: -2px -2px 4px rgba(67, 67, 67, .4), inset 2px 2px 4px rgba(0, 0, 0, .5), inset 0 1px 5px rgba(67, 67, 67, .3), 2px 2px 4px rgba(0, 0, 0, .3)
}

.UiAsideUserPanel .PillButton__list .Button.is-selected,
.UiAsideUserPanel .PillButton__list .Button.is-selected:hover {
    background: var(--hg-bg-accent);
    box-shadow: 0 0 3px rgba(32, 201, 151, .7);
    color: var(--hg-bg-primary);
    font-weight: 600
}

.UiAsideUserPanel .PillButton__list .Button.is-selected span,
.UiAsideUserPanel .PillButton__list .Button.is-selected:hover span {
    color: inherit
}

.UiAsideUserPanel .PillButton__list .Button__toggled-input.is-selected,
.UiAsideUserPanel .PillButton__list .Button__toggled-input.is-selected:hover {
    background-color: var(--hg-bg-accent);
    border: 2px solid var(--hg-bg-secondary);
    box-shadow: -2px -2px 4px rgba(67, 67, 67, .4), inset 2px 2px 5px rgba(0, 0, 0, .5), inset -3px -3px 5px rgba(67, 67, 67, .3), 2px 2px 4px rgba(0, 0, 0, .3)
}

.UiAsideUserPanel .PillButton__list .Button__toggled-input.is-selected span,
.UiAsideUserPanel .PillButton__list .Button__toggled-input.is-selected:hover span {
    display: none;
    visibility: hidden
}

.UiAsideUserPanel .PillButton__list .Button__toggled-input.is-selected input,
.UiAsideUserPanel .PillButton__list .Button__toggled-input.is-selected:hover input {
    height: unset;
    visibility: visible;
    width: unset
}

.UiAsideUserPanel .MenuSection__AutoplayLossLimits:not(.is-visible),
.UiAsideUserPanel .MenuSection__AutoplayRounds:not(.is-visible),
.UiAsideUserPanel .MenuSection__AutoplayStopOnFetureWin:not(.is-visible),
.UiAsideUserPanel .MenuSection__AutoplayWinLimits:not(.is-visible) {
    height: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    visibility: hidden
}

.UiAsideUserPanel .MenuSection__AutoplayMenuTogglers {
    margin-top: .125em;
    order: 1
}

.UiAsideUserPanel .MenuSection__Difficulty {
    order: 2
}

.UiAsideUserPanel .MenuSection__GridSize {
    order: 3
}

.UiAsideUserPanel .MenuSection__BetAmount {
    order: 4
}

.UiAsideUserPanel .MenuSection__Balance {
    order: 5
}

.UiAsideUserPanel .MenuSection__AutoplayRounds {
    margin-bottom: .5rem;
    order: 1
}

.UiAsideUserPanel .MenuSection__togglable-container {
    order: 2
}

.UiAsideUserPanel .MenuSection__AutoplayLossLimits,
.UiAsideUserPanel .MenuSection__AutoplayStopOnFetureWin {
    margin-bottom: .5rem;
    order: 1
}

.UiAsideUserPanel .MenuSection__AutoplayWinLimits {
    order: 4
}

.UiAsideUserPanel .MenuSection__AutoplayMenu {
    border: 1px solid transparent;
    display: flex;
    flex-direction: column;
    order: 6
}

.UiAsideUserPanel .MenuSection__togglable-container>.Fieldset:not(.UiAsideUserPanel .MenuSection__togglable-container.is-open>.Fieldset) {
    height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    transition: height .2s ease-in-out;
    will-change: height
}

.UiAsideUserPanel .MenuSection__container-toggler {
    align-items: center;
    display: none;
    flex-direction: column;
    font-size: 12px;
    justify-content: space-between;
    margin: 1rem auto;
    padding: .25rem 1rem;
    position: relative;
    text-align: center;
    transition: opacity .2s ease
}

.UiAsideUserPanel .MenuSection__container-toggler>i,
.UiAsideUserPanel .MenuSection__container-toggler>span {
    color: var(--hg-bg-accent);
    display: block
}

.UiAsideUserPanel .MenuSection__container-toggler i {
    bottom: 0;
    line-height: 1;
    margin-top: .25rem;
    position: relative;
    transition: bottom .2s ease;
    will-change: bottom
}

.UiAsideUserPanel .MenuSection__container-toggler:hover {
    opacity: .9
}

.UiAsideUserPanel .MenuSection__container-toggler:hover i {
    bottom: -2px
}

.UiAsideUserPanel .MenuSection__container-toggler .icon-arrow-up {
    display: none
}

.UiAsideUserPanel .MenuSection__container-toggler.is-visible {
    display: flex
}

.UiAsideUserPanel .MenuSection__container-toggler.is-open i.icon-arrow-down,
.UiAsideUserPanel .MenuSection__container-toggler.is-open span {
    display: none
}

.UiAsideUserPanel .MenuSection__container-toggler.is-open i.icon-arrow-up {
    display: block
}

.UiAsideUserPanel .MenuSection__WinAmount {
    order: 10
}

.UiAsideUserPanel .MenuSection__ActionPanel {
    margin-bottom: .125em;
    margin-top: auto;
    order: 12
}

.UiAsideUserPanel .MainNavbar {
    align-items: center;
    display: flex;
    flex: 1 0 100%;
    justify-content: center
}

.UiAsideUserPanel .MainNavbar__list {
    align-items: stretch;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: auto;
    justify-content: space-around;
    position: relative;
    width: 100%
}

.UiAsideUserPanel .MainNavbar__item {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-evenly;
    position: relative
}

.UiAsideUserPanel .MainNavbar__icon,
.UiAsideUserPanel .MainNavbar__text {
    color: var(--hg-text-primary);
    display: block;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1;
    transition: all .2s ease
}

.UiAsideUserPanel .MainNavbar__text {
    font-size: .75rem;
    letter-spacing: .05em;
    margin-top: .25rem
}

.UiAsideUserPanel .MainNavbar__item.hidden {
    display: none
}

.UiAsideUserPanel .MainNavbar__item.is-selected .UiAsideUserPanel .MainNavbar__icon {
    color: var(--hg-text-accent)
}

.UiAsideUserPanel .MainNavbar__item.is-disabled .UiAsideUserPanel .MainNavbar__icon,
.UiAsideUserPanel .MainNavbar__item.is-disabled .UiAsideUserPanel .MainNavbar__text {
    filter: grayscale(85%)
}

.UiAsideUserPanel .MainNavbar__text {
    font-size: .5rem
}

.UiAsideUserPanel .MainNavbar__icon {
    color: #50a58b
}

.UiAsideUserPanel .MainNavbar__item.sound-on [class*=" icon-"]:before,
.UiAsideUserPanel .MainNavbar__item.sound-on [class^=icon-]:before {
    content: ""
}

.UiAsideUserPanel .MainNavbar__item.sound-off [class*=" icon-"]:before,
.UiAsideUserPanel .MainNavbar__item.sound-off [class^=icon-]:before {
    content: ""
}

.UiAsideUserPanel .MainNavbar__item.music-on [class*=" icon-"]:before,
.UiAsideUserPanel .MainNavbar__item.music-on [class^=icon-]:before {
    content: ""
}

.UiAsideUserPanel .MainNavbar__item.music-off [class*=" icon-"]:before,
.UiAsideUserPanel .MainNavbar__item.music-off [class^=icon-]:before {
    content: ""
}

.UiAsideUserPanel .MainNavbar__item.turbo-on [class*=" icon-"]:before,
.UiAsideUserPanel .MainNavbar__item.turbo-on [class^=icon-]:before {
    content: ""
}

.UiAsideUserPanel .MainNavbar__item.turbo-off [class*=" icon-"]:before,
.UiAsideUserPanel .MainNavbar__item.turbo-off [class^=icon-]:before {
    content: ""
}

.UiAsideUserPanel .MainNavbar__item.super-turbo-on [class*=" icon-"]:before,
.UiAsideUserPanel .MainNavbar__item.super-turbo-on [class^=icon-]:before {
    content: ""
}

.UiAsideUserPanel .MainNavbar__item.super-turbo-off [class*=" icon-"]:before,
.UiAsideUserPanel .MainNavbar__item.super-turbo-off [class^=icon-]:before {
    content: ""
}

.UiAsideUserPanel .MainNavbar__item.music-off>.MainNavbar__icon,
.UiAsideUserPanel .MainNavbar__item.music-off>.MainNavbar__text,
.UiAsideUserPanel .MainNavbar__item.sound-off>.MainNavbar__icon,
.UiAsideUserPanel .MainNavbar__item.sound-off>.MainNavbar__text,
.UiAsideUserPanel .MainNavbar__item.super-turbo-off>.MainNavbar__icon,
.UiAsideUserPanel .MainNavbar__item.super-turbo-off>.MainNavbar__text,
.UiAsideUserPanel .MainNavbar__item.turbo-off>.MainNavbar__icon,
.UiAsideUserPanel .MainNavbar__item.turbo-off>.MainNavbar__text {
    color: #868e96;
    filter: unset
}

.UiAsideUserPanel .MainNavbar__item.sound-off~.MainNavbar__item>.icon-music-off,
.UiAsideUserPanel .MainNavbar__item.sound-off~.MainNavbar__item>.icon-music-on {
    color: #868e96;
    cursor: not-allowed;
    filter: unset;
    pointer-events: none
}

.UiAsideUserPanel .MainNavbar__icon.icon-autoplay2 {
    align-items: center;
    border: 1px solid #868e96;
    border-radius: 25px;
    display: flex;
    filter: drop-shadow(1px 2px 3px var(--hg-bg-accent));
    justify-content: center;
    padding: .2rem
}

.UiAsideUserPanel .BetAmountProgressbar {
    background: var(--hg-bg-primary);
    border-radius: 1rem;
    box-shadow: inset 0 -2px 4px rgba(92, 92, 92, .5);
    height: 6px;
    margin-bottom: 8px;
    outline: solid .25px var(--hg-border-color);
    overflow: hidden;
    position: relative;
    width: 100%
}

.UiAsideUserPanel .BetAmountProgressbar__inner {
    background: var(--hg-bg-accent);
    display: block;
    height: 100%
}

.UiAsideUserPanel .BalancePanel {
    display: block;
    width: 100%
}

.UiAsideUserPanel .BalancePanel #WinAmountItem {
    display: none
}

.UiAsideUserPanel .BalancePanel__label,
.UiAsideUserPanel .BalancePanel__value {
    color: var(--hg-text-accent);
    display: block;
    line-height: 1;
    text-align: center;
    width: 100%
}

.UiAsideUserPanel .BalancePanel__label {
    font-size: .75rem
}

.UiAsideUserPanel .BalancePanel__value {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.15
}

.UiAsideUserPanel .BalanceInfoWidget {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around
}

.UiAsideUserPanel .BalanceInfoWidget .Balance,
.UiAsideUserPanel .BalanceInfoWidget .FreeRoundsCounter,
.UiAsideUserPanel .BalanceInfoWidget .FreeRoundsWin {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    order: 1
}

.UiAsideUserPanel .BalanceInfoWidget .Balance,
.UiAsideUserPanel .BalanceInfoWidget .FreeRoundsWin {
    flex: 3 0 auto;
    order: 2
}

.UiAsideUserPanel .BalanceInfoWidget .FreeRoundsCounter {
    -webkit-border-end: 1px solid var(--hg-border-color);
    border-inline-end: 1px solid var(--hg-border-color);
    flex: 2 1 auto
}

.UiAsideUserPanel .BalanceInfoWidget .FreeRoundsCounter.is-visible+.Balance,
.UiAsideUserPanel .BalanceInfoWidget .FreeRoundsCounter:not(.FreeRoundsCounter.is-visible),
.UiAsideUserPanel .BalanceInfoWidget .FreeRoundsWin.is-visible+.Balance,
.UiAsideUserPanel .BalanceInfoWidget .FreeRoundsWin:not(.FreeRoundsWin.is-visible) {
    display: none
}

.UiAsideUserPanel .BalanceTicker {
    margin-top: .25rem
}

.UiAsideUserPanel .BalanceTicker__list {
    display: flex;
    flex-grow: 1;
    flex-wrap: nowrap;
    justify-content: center;
    min-width: -moz-fit-content;
    min-width: fit-content;
    overflow: hidden
}

.UiAsideUserPanel .BalanceTicker__item:before {
    background: var(--hg-bg-accent);
    content: "";
    opacity: .25;
    z-index: -1
}

.UiAsideUserPanel .BalanceTicker__item {
    align-items: center;
    background: transparent;
    border: .25px solid var(--hg-bg-accent);
    border-radius: 1rem;
    display: inline-flex;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: center;
    margin: 0 1px;
    overflow: hidden;
    padding: .125rem .5rem;
    position: relative;
    text-align: center;
    transition: all .2s ease;
    white-space: nowrap;
    width: -moz-fit-content;
    width: fit-content
}

.UiAsideUserPanel .BalanceTicker__text {
    color: var(--hg-text-accent);
    font-size: .75rem;
    font-weight: 300;
    line-height: .9;
    vertical-align: middle
}

div[data-layout-type=aside_panel] .BetHistory {
    position: relative
}

div[data-layout-type=aside_panel] .scroll-area {
    height: 100%;
    overflow-x: hidden;
    position: relative;
    width: 100%
}

div[data-layout-type=aside_panel] .scroll-area .scroll-container {
    --mask-color: #000;
    --mask-color: $mask-color;
    --scrollbar-width: 0.375rem;
    --mask-height: $mask-heigh;
    --mask-image-content: linear-gradient(to bottom, transparent, #000 2em, #000 calc(100% - 2em), transparent) --mask-size-content:calc(100% - var(--scrollbar-width)) 100%;
    --mask-image-scrollbar: linear-gradient($mask-color, $mask-color);
    --mask-size-scrollbar: var(--scrollbar-width) 100%;
    height: inherit;
    -webkit-mask-image: var(--mask-image-content), var(--mask-image-scrollbar);
    mask-image: var(--mask-image-content), var(--mask-image-scrollbar);
    -webkit-mask-position: 0 0, 100% 0;
    mask-position: 0 0, 100% 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: var(--mask-size-content), var(--mask-size-scrollbar);
    mask-size: var(--mask-size-content), var(--mask-size-scrollbar);
    max-height: inherit;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 2em;
    padding-left: .25rem;
    padding-right: .5rem;
    scrollbar-color: var(--hg-bg-accent) transparent;
    scrollbar-width: thin
}

div[data-layout-type=aside_panel] .scroll-area .scroll-container::-webkit-scrollbar {
    width: var(--scrollbar-width)
}

div[data-layout-type=aside_panel] .scroll-area .scroll-container::-webkit-scrollbar-thumb {
    background-color: var(--hg-bg-accent);
    border-radius: 9999px
}

div[data-layout-type=aside_panel] .scroll-area .scroll-container::-webkit-scrollbar-track {
    background-color: #343a40
}

div[data-layout-type=aside_panel] ::-webkit-scrollbar {
    height: .2em;
    width: .375em
}

div[data-layout-type=aside_panel] ::-webkit-scrollbar-thumb {
    background: var(--hg-bg-accent);
    border-radius: .5rem
}

div[data-layout-type=aside_panel] ::-webkit-scrollbar-track {
    background: #343a40;
    border-radius: .5rem
}

div[data-channel=mobile] .UiAsideUserPanel .MenuSection__ActionPanel {
    margin-bottom: .5em;
    margin-top: .25em;
    order: 1
}

div[data-channel=mobile] .UiAsideUserPanel .MenuSection__AutoplayMenuTogglers {
    display: none;
    height: 0;
    width: 0
}

div[data-channel=mobile] .UiAsideUserPanel .MenuSection__BetAmount {
    margin-bottom: 0
}

div[data-channel=mobile] .UiAsideUserPanel .MenuSection__AutoplayMenu {
    max-width: -moz-fit-content;
    max-width: fit-content
}

div[data-channel=mobile] .UiAsideUserPanel .MenuSection__AutoplayMenu .Button:not(.Button__toggled-input) {
    box-shadow: none
}

div[data-channel=mobile] .UiAsideUserPanel .MenuSection__AutoplayMenu .Button {
    --hg-btn-font-size: 0.625rem;
    --hg-btn-padding-y: 0.25rem
}

div[data-channel=mobile] .UiAsideUserPanel #AutoplayMenuTogglableContainer .MenuSection__AutoplayLossLimits,
div[data-channel=mobile] .UiAsideUserPanel #AutoplayMenuTogglableContainer .MenuSection__AutoplayWinLimits {
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: .5em;
    overflow: visible
}

div[data-channel=mobile] .UiAsideUserPanel #AutoplayMenuTogglableContainer .MenuSection__container-toggler {
    display: none !important
}

div[data-channel=mobile] .UiAsideUserPanel .Dialog {
    --hg-modal-txt-color: #adb5bd
}

div[data-channel=mobile] .UiAsideUserPanel .Dialog__start-autoplay-btn {
    --hg-btn-font-size: 1.85rem;
    --hg-btn-color: #000;
    --hg-btn-bg: #1eae83;
    --hg-btn-border-radius: 1000px;
    background-color: var(--hg-btn-bg);
    height: 3rem;
    margin-top: .75rem;
    padding: 0;
    transition: all .2s ease-in-out;
    width: 3rem
}

div[data-channel=mobile] .UiAsideUserPanel .Dialog__start-autoplay-btn.is-disabled,
div[data-channel=mobile] .UiAsideUserPanel .Dialog__start-autoplay-btn[disabled] {
    cursor: not-allowed;
    opacity: .5;
    pointer-events: none
}

div[data-channel=mobile] .UiAsideUserPanel .Dialog__start-autoplay-btn:active,
div[data-channel=mobile] .UiAsideUserPanel .Dialog__start-autoplay-btn:hover {
    color: #000;
    filter: drop-shadow(0 0 1px hsl(120, 41%, 39%));
    opacity: .9
}

div[data-channel=mobile] .UiAsideUserPanel .Dialog__close-btn {
    --hg-btn-font-size: 1rem;
    background: transparent;
    border: 0;
    height: 1.25rem;
    padding: 0;
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 1.25rem
}

div[data-channel=mobile] .UiAsideUserPanel .Dialog__close-btn:hover {
    opacity: .9
}

div[data-channel=mobile] .UiAsideUserPanel .Dialog__close-btn:after,
div[data-channel=mobile] .UiAsideUserPanel .Dialog__close-btn:before {
    background-color: #868e96;
    border-radius: .375rem;
    content: "";
    height: 1px;
    left: 0;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    transform: rotate(-45deg);
    width: 100%
}

div[data-channel=mobile] .UiAsideUserPanel .Dialog__close-btn:before {
    transform: rotate(45deg)
}

div[data-channel=mobile] ::-webkit-scrollbar {
    width: .25em
}

[data-channel=desktop][data-layout-type=aside_panel] .UiAsideUserPanel .Button--place-bet,
[data-channel=desktop][data-layout-type=aside_panel] .UiAsideUserPanel .Button--startautoplay,
[data-channel=desktop][data-layout-type=aside_panel] .UiAsideUserPanel .Button--stopautoplay {
    height: 52px
}

@media(min-width:360px) {
    [data-channel=desktop][data-layout-type=aside_panel] .UiAsideUserPanel .Button--place-bet,
    [data-channel=desktop][data-layout-type=aside_panel] .UiAsideUserPanel .Button--startautoplay,
    [data-channel=desktop][data-layout-type=aside_panel] .UiAsideUserPanel .Button--stopautoplay {
        height: calc(-3.43137vw + 64.35294px)
    }
}

@media(min-width:768px) {
    [data-channel=desktop][data-layout-type=aside_panel] .UiAsideUserPanel .Button--place-bet,
    [data-channel=desktop][data-layout-type=aside_panel] .UiAsideUserPanel .Button--startautoplay,
    [data-channel=desktop][data-layout-type=aside_panel] .UiAsideUserPanel .Button--stopautoplay {
        height: 38px
    }
}

[data-channel=desktop][data-layout-type=aside_panel] .UiAsideUserPanel .Button--place-bet .Title,
[data-channel=desktop][data-layout-type=aside_panel] .UiAsideUserPanel .Button--startautoplay .Title,
[data-channel=desktop][data-layout-type=aside_panel] .UiAsideUserPanel .Button--stopautoplay .Title {
    font-size: .9rem
}

[data-channel=mobile][data-layout-type=aside_panel] .UiAsideUserPanel {
    font-size: .75rem
}

[data-channel=mobile][data-layout-type=aside_panel] .UiAsideUserPanel .BetAmountProgressbar {
    height: 4px
}

[data-channel=mobile][data-layout-type=aside_panel][data-orientation=landscape] .UiAsideUserPanel {
    font-size: .75rem;
    font-size: 10px
}

@media(min-height:260px) {
    [data-channel=mobile][data-layout-type=aside_panel][data-orientation=landscape] .UiAsideUserPanel {
        font-size: calc(.58824vh + 8.47059px)
    }
}

@media(min-height:600px) {
    [data-channel=mobile][data-layout-type=aside_panel][data-orientation=landscape] .UiAsideUserPanel {
        font-size: 12px
    }
}

div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .Dialog__start-autoplay-btn {
    --hg-btn-font-size: 1.375rem;
    height: 2.25rem;
    margin-top: .5rem;
    width: 2.25rem
}

div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .BalancePanel__text,
div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .Title:not(.Button--place-bet>.Title) {
    font-size: 8px
}

@media(min-height:260px) {
    div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .BalancePanel__text,
    div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .Title:not(.Button--place-bet>.Title) {
        font-size: calc(.90909vh + 5.63636px)
    }
}

@media(min-height:700px) {
    div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .BalancePanel__text,
    div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .Title:not(.Button--place-bet>.Title) {
        font-size: 12px
    }
}

div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .TabGroup__GameGridSizeList .TabGroup__item {
    height: 28px;
    width: 28px
}

@media(min-height:260px) {
    div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .TabGroup__GameGridSizeList .TabGroup__item {
        width: calc(.45455vh + 26.81818px)
    }
}

@media(min-height:700px) {
    div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .TabGroup__GameGridSizeList .TabGroup__item {
        width: 30px
    }
}

@media(min-height:260px) {
    div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .TabGroup__GameGridSizeList .TabGroup__item {
        height: calc(.45455vh + 26.81818px)
    }
}

@media(min-height:700px) {
    div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .TabGroup__GameGridSizeList .TabGroup__item {
        height: 30px
    }
}

div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .Input--bet-amount,
div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .TabGroup__GameDifficultyLevelList .TabGroup__item button {
    padding-bottom: 2px;
    padding-top: 2px
}

@media(min-height:260px) {
    div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .Input--bet-amount,
    div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .TabGroup__GameDifficultyLevelList .TabGroup__item button {
        padding-top: calc(.90909vh - .36364px)
    }
}

@media(min-height:700px) {
    div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .Input--bet-amount,
    div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .TabGroup__GameDifficultyLevelList .TabGroup__item button {
        padding-top: 6px
    }
}

@media(min-height:260px) {
    div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .Input--bet-amount,
    div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .TabGroup__GameDifficultyLevelList .TabGroup__item button {
        padding-bottom: calc(.90909vh - .36364px)
    }
}

@media(min-height:700px) {
    div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .Input--bet-amount,
    div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .TabGroup__GameDifficultyLevelList .TabGroup__item button {
        padding-bottom: 6px
    }
}

div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .BetAmountProgressbar {
    margin-bottom: 5px
}

div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .Button--decrease-bet,
div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .Button--increase-bet {
    font-size: 22px
}

@media(min-height:260px) {
    div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .Button--decrease-bet,
    div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .Button--increase-bet {
        font-size: calc(2.27273vh + 16.09091px)
    }
}

@media(min-height:700px) {
    div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .Button--decrease-bet,
    div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .Button--increase-bet {
        font-size: 32px
    }
}

div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .BalancePanel__value,
div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .Input--bet-amount,
div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .MainNavbar__icon {
    font-size: 12px
}

@media(min-height:260px) {
    div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .BalancePanel__value,
    div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .Input--bet-amount,
    div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .MainNavbar__icon {
        font-size: calc(.90909vh + 9.63636px)
    }
}

@media(min-height:700px) {
    div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .BalancePanel__value,
    div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .Input--bet-amount,
    div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .MainNavbar__icon {
        font-size: 16px
    }
}

div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .MenuSection__container>section {
    margin-bottom: 4px
}

@media(min-height:260px) {
    div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .MenuSection__container>section {
        margin-bottom: calc(.90909vh + 1.63636px)
    }
}

@media(min-height:700px) {
    div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .MenuSection__container>section {
        margin-bottom: 8px
    }
}

div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .MenuSection__container .MenuSection__BetAmount {
    margin-bottom: 0
}

div[data-channel=mobile][data-orientation=landscape] .UiAsideUserPanel .BalanceTicker__text {
    font-size: .7rem;
    line-height: .75
}

.UiPanelWrapper {
    bottom: 0;
    height: 110px;
    margin: auto auto 0;
    opacity: 1;
    position: absolute;
    transform-origin: left bottom 0;
    transition: opacity .6s ease;
    width: 100%
}

.UiAsideUserPanel,
.UiAsideUserPanel .BalanceTicker__item:before,
.UiAsideUserPanel:before {
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.UiAsideUserPanel .Button.is-disabled,
.UiAsideUserPanel .Button.is-reached,
[data-layout-type=aside_panel][data-state-extra=ongoingRounds] .MenuSection__Difficulty,
[data-layout-type=aside_panel][data-state-extra=ongoingRounds] .MenuSection__GridSize,
[data-layout-type=aside_panel][data-state=autoplayEnd] .Button--startautoplay,
[data-layout-type=aside_panel][data-state=autoplayEnd] .Button__stopautoplay,
[data-layout-type=aside_panel][data-state=autoplayEnd] .MenuSection__AutoplayLossLimits,
[data-layout-type=aside_panel][data-state=autoplayEnd] .MenuSection__AutoplayMenuTogglers,
[data-layout-type=aside_panel][data-state=autoplayEnd] .MenuSection__AutoplayRounds,
[data-layout-type=aside_panel][data-state=autoplayEnd] .MenuSection__AutoplayWinLimits,
[data-layout-type=aside_panel][data-state=autoplayEnd] .MenuSection__BetAmount,
[data-layout-type=aside_panel][data-state=autoplayEnd] .MenuSection__Difficulty,
[data-layout-type=aside_panel][data-state=autoplayEnd] .MenuSection__GridSize,
[data-layout-type=aside_panel][data-state=autoplayEnd][data-channel=mobile] .MenuSection__ActionPanel .Button--place-bet,
[data-layout-type=aside_panel][data-state=autoplay] .MenuSection__ActionPanel .Button--place-bet,
[data-layout-type=aside_panel][data-state=autoplay] .MenuSection__ActionPanel .Button--startautoplay,
[data-layout-type=aside_panel][data-state=autoplay] .MenuSection__AutoplayLossLimits,
[data-layout-type=aside_panel][data-state=autoplay] .MenuSection__AutoplayMenuTogglers,
[data-layout-type=aside_panel][data-state=autoplay] .MenuSection__AutoplayRounds,
[data-layout-type=aside_panel][data-state=autoplay] .MenuSection__AutoplayWinLimits,
[data-layout-type=aside_panel][data-state=autoplay] .MenuSection__BetAmount,
[data-layout-type=aside_panel][data-state=autoplay] .MenuSection__Difficulty,
[data-layout-type=aside_panel][data-state=autoplay] .MenuSection__GridSize,
[data-layout-type=aside_panel][data-state=gameRoundEnterAutoplay] .Button--place-bet,
[data-layout-type=aside_panel][data-state=gameRoundEnterAutoplay] .Button--startautoplay,
[data-layout-type=aside_panel][data-state=gameRoundEnterAutoplay] .Button--stopautoplay,
[data-layout-type=aside_panel][data-state=gameRoundEnterAutoplay] .Dialog__start-autoplay-btn,
[data-layout-type=aside_panel][data-state=gameRoundEnterAutoplay] .MenuSection__AutoplayLossLimits,
[data-layout-type=aside_panel][data-state=gameRoundEnterAutoplay] .MenuSection__AutoplayMenuTogglers,
[data-layout-type=aside_panel][data-state=gameRoundEnterAutoplay] .MenuSection__AutoplayRounds,
[data-layout-type=aside_panel][data-state=gameRoundEnterAutoplay] .MenuSection__AutoplayWinLimits,
[data-layout-type=aside_panel][data-state=gameRoundEnterAutoplay] .MenuSection__BetAmount,
[data-layout-type=aside_panel][data-state=gameRoundEnterAutoplay] .MenuSection__Difficulty,
[data-layout-type=aside_panel][data-state=gameRoundEnterAutoplay] .MenuSection__GridSize,
[data-layout-type=aside_panel][data-state=gameRoundEnter] .Button--place-bet,
[data-layout-type=aside_panel][data-state=gameRoundEnter] .Button--startautoplay,
[data-layout-type=aside_panel][data-state=gameRoundEnter] .Button--stopautoplay,
[data-layout-type=aside_panel][data-state=gameRoundEnter] .Dialog__start-autoplay-btn,
[data-layout-type=aside_panel][data-state=gameRoundEnter] .MenuSection__AutoplayLossLimits,
[data-layout-type=aside_panel][data-state=gameRoundEnter] .MenuSection__AutoplayMenuTogglers,
[data-layout-type=aside_panel][data-state=gameRoundEnter] .MenuSection__AutoplayRounds,
[data-layout-type=aside_panel][data-state=gameRoundEnter] .MenuSection__AutoplayWinLimits,
[data-layout-type=aside_panel][data-state=gameRoundEnter] .MenuSection__BetAmount,
[data-layout-type=aside_panel][data-state=gameRoundEnter] .MenuSection__Difficulty,
[data-layout-type=aside_panel][data-state=gameRoundEnter] .MenuSection__GridSize,
[data-layout-type=aside_panel][data-state=gameRoundEnter]:not([data-parallel-rounds=true]) .MenuSection__AutoplayLossLimits,
[data-layout-type=aside_panel][data-state=gameRoundEnter]:not([data-parallel-rounds=true]) .MenuSection__AutoplayMenuTogglers,
[data-layout-type=aside_panel][data-state=gameRoundEnter]:not([data-parallel-rounds=true]) .MenuSection__AutoplayRounds,
[data-layout-type=aside_panel][data-state=gameRoundEnter]:not([data-parallel-rounds=true]) .MenuSection__AutoplayWinLimits,
[data-layout-type=aside_panel][data-state=gameRoundEnter]:not([data-parallel-rounds=true]) .MenuSection__BetAmount,
[data-layout-type=aside_panel][data-state=gameRoundEnter]:not([data-parallel-rounds=true]) .MenuSection__Difficulty,
[data-layout-type=aside_panel][data-state=gameRoundEnter]:not([data-parallel-rounds=true]) .MenuSection__GridSize,
[data-layout-type=aside_panel][data-state=play] .MenuSection__Difficulty,
[data-layout-type=aside_panel][data-state=play] .MenuSection__GridSize,
[data-layout-type=aside_panel][data-state=play]:not([data-parallel-rounds=true]) .Button--place-bet,
[data-layout-type=aside_panel][data-state=play]:not([data-parallel-rounds=true]) .MenuSection__AutoplayLossLimits,
[data-layout-type=aside_panel][data-state=play]:not([data-parallel-rounds=true]) .MenuSection__AutoplayMenuTogglers,
[data-layout-type=aside_panel][data-state=play]:not([data-parallel-rounds=true]) .MenuSection__AutoplayRounds,
[data-layout-type=aside_panel][data-state=play]:not([data-parallel-rounds=true]) .MenuSection__AutoplayWinLimits,
[data-layout-type=aside_panel][data-state=play]:not([data-parallel-rounds=true]) .MenuSection__BetAmount,
[data-layout-type=aside_panel][data-state=play]:not([data-parallel-rounds=true]) .MenuSection__Difficulty,
[data-layout-type=aside_panel][data-state=play]:not([data-parallel-rounds=true]) .MenuSection__GridSize,
div[data-layout-type=aside_panel] .UiUserPanelWrapper.is-last-free-round .Button--place-bet,
div[data-layout-type=aside_panel] .UiUserPanelWrapper.is-last-free-round .Button--startautoplay,
div[data-layout-type=aside_panel] .UiUserPanelWrapper.is-last-free-round .Button--stopautoplay,
div[data-layout-type=aside_panel] .UiUserPanelWrapper.is-last-free-round .Dialog__start-autoplay-btn,
div[data-layout-type=aside_panel] .UiUserPanelWrapper.is-last-free-round .MenuSection__AutoplayLossLimits,
div[data-layout-type=aside_panel] .UiUserPanelWrapper.is-last-free-round .MenuSection__AutoplayMenuTogglers,
div[data-layout-type=aside_panel] .UiUserPanelWrapper.is-last-free-round .MenuSection__AutoplayRounds,
div[data-layout-type=aside_panel] .UiUserPanelWrapper.is-last-free-round .MenuSection__AutoplayWinLimits,
div[data-layout-type=aside_panel] .UiUserPanelWrapper.is-last-free-round .MenuSection__BetAmount,
div[data-layout-type=aside_panel] .UiUserPanelWrapper.is-last-free-round .MenuSection__Difficulty,
div[data-layout-type=aside_panel] .UiUserPanelWrapper.is-last-free-round .MenuSection__GridSize {
    opacity: .6;
    pointer-events: none
}

@keyframes slow-in-indicator {
    0%,
    39%,
    to {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}

@keyframes slow-feature-spins-activation {
    0% {
        opacity: 0
    }
    15% {
        opacity: 1
    }
    75% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes slow-feature-spins-activation-mobile {
    0% {
        opacity: 1;
        transform: translateY(-60px)
    }
    20% {
        transform: translateY(0)
    }
    80% {
        transform: translateY(0)
    }
    99% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translateY(-60px)
    }
}

@keyframes scale-in {
    0% {
        transform: scale(0)
    }
    to {
        transform: scale(1)
    }
}

@keyframes slide-in-blurred-right {
    0% {
        filter: blur(40px);
        opacity: 0;
        transform: translateX(1000px) scaleX(2.5) scaleY(.2);
        transform-origin: 0 50%
    }
    to {
        filter: blur(0);
        opacity: 1;
        transform: translateX(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%
    }
}

@keyframes slide-in-blurred-left {
    0% {
        filter: blur(40px);
        opacity: 0;
        transform: translateX(-1000px) scaleX(2.5) scaleY(.2);
        transform-origin: 100% 50%
    }
    to {
        filter: blur(0);
        opacity: 1;
        transform: translateX(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%
    }
}

@keyframes edge-glow-green {
    0% {
        box-shadow: 0 0 1px rgba(0, 255, 255, .05), 0 0 2px rgba(0, 255, 255, .05), 0 0 3px rgba(0, 255, 255, .05), 0 0 4px rgba(0, 255, 255, .05), 0 0 7px rgba(0, 255, 0, .05), 0 0 8px rgba(0, 255, 0, .05), 0 0 10px rgba(0, 255, 0, .05), 0 0 15px rgba(0, 255, 0, .05)
    }
    30% {
        box-shadow: 0 0 2px rgba(0, 255, 255, .1), 0 0 3px rgba(0, 255, 255, .1), 0 0 4px rgba(0, 255, 255, .1), 0 0 5px rgba(0, 255, 255, .1), 0 0 8px rgba(0, 255, 0, .1), 0 0 9px rgba(0, 255, 0, .1), 0 0 11px rgba(0, 255, 0, .1), 0 0 16px rgba(0, 255, 0, .1)
    }
    65% {
        box-shadow: 0 0 10px rgba(0, 255, 255, .2), 0 0 20px rgba(0, 255, 255, .1), 0 0 3px rgba(0, 255, 255, .1), 0 0 4px rgba(0, 255, 255, .1), 0 0 7px rgba(0, 255, 0, .1), 0 0 8px rgba(0, 255, 0, .1), 0 0 10px rgba(0, 255, 0, .1), 0 0 15px rgba(0, 255, 0, .1)
    }
    to {
        box-shadow: 0 0 1px rgba(0, 255, 255, .05), 0 0 2px rgba(0, 255, 255, .05), 0 0 3px rgba(0, 255, 255, .05), 0 0 4px rgba(0, 255, 255, .05), 0 0 7px rgba(0, 255, 0, .05), 0 0 8px rgba(0, 255, 0, .05), 0 0 10px rgba(0, 255, 0, .05), 0 0 15px rgba(0, 255, 0, .05)
    }
}

@keyframes edge-glow-red {
    0% {
        box-shadow: 0 0 1px rgba(255, 0, 0, .05), 0 0 2px rgba(255, 0, 0, .05), 0 0 3px rgba(255, 0, 0, .05), 0 0 4px rgba(255, 0, 0, .05), 0 0 7px rgba(255, 0, 0, .05), 0 0 8px rgba(255, 0, 0, .05), 0 0 10px rgba(255, 0, 0, .05), 0 0 15px rgba(255, 0, 0, .05)
    }
    30% {
        box-shadow: 0 0 2px rgba(255, 0, 0, .1), 0 0 3px rgba(255, 0, 0, .1), 0 0 4px rgba(255, 0, 0, .1), 0 0 5px rgba(255, 0, 0, .1), 0 0 8px rgba(255, 0, 0, .1), 0 0 9px rgba(255, 0, 0, .1), 0 0 11px rgba(255, 0, 0, .1), 0 0 16px rgba(255, 0, 0, .1)
    }
    65% {
        box-shadow: 0 0 10px rgba(255, 0, 0, .2), 0 0 20px rgba(255, 0, 0, .1), 0 0 3px rgba(255, 0, 0, .1), 0 0 4px rgba(255, 0, 0, .1), 0 0 7px rgba(255, 0, 0, .1), 0 0 8px rgba(255, 0, 0, .1), 0 0 10px rgba(255, 0, 0, .1), 0 0 15px rgba(255, 0, 0, .1)
    }
    to {
        box-shadow: 0 0 1px rgba(255, 0, 0, .05), 0 0 2px rgba(255, 0, 0, .05), 0 0 3px rgba(255, 0, 0, .05), 0 0 4px rgba(255, 0, 0, .05), 0 0 7px rgba(255, 0, 0, .05), 0 0 8px rgba(255, 0, 0, .05), 0 0 10px rgba(255, 0, 0, .05), 0 0 15px rgba(255, 0, 0, .05)
    }
}

@keyframes edge-glow-yellow {
    0% {
        box-shadow: 0 0 1px rgba(255, 255, 0, .05), 0 0 2px rgba(255, 255, 0, .05), 0 0 3px rgba(255, 255, 0, .05), 0 0 4px rgba(255, 255, 0, .05), 0 0 7px rgba(255, 255, 0, .05), 0 0 8px rgba(255, 255, 0, .05), 0 0 10px rgba(255, 255, 0, .05), 0 0 15px rgba(255, 255, 0, .05)
    }
    30% {
        box-shadow: 0 0 2px rgba(255, 255, 0, .1), 0 0 3px rgba(255, 255, 0, .1), 0 0 4px rgba(255, 255, 0, .1), 0 0 5px rgba(255, 255, 0, .1), 0 0 8px rgba(255, 255, 0, .1), 0 0 9px rgba(255, 255, 0, .1), 0 0 11px rgba(255, 255, 0, .1), 0 0 16px rgba(255, 255, 0, .1)
    }
    65% {
        box-shadow: 0 0 10px rgba(255, 255, 0, .2), 0 0 20px rgba(255, 255, 0, .1), 0 0 3px rgba(255, 255, 0, .1), 0 0 4px rgba(255, 255, 0, .1), 0 0 7px rgba(255, 255, 0, .1), 0 0 8px rgba(255, 255, 0, .1), 0 0 10px rgba(255, 255, 0, .1), 0 0 15px rgba(255, 255, 0, .1)
    }
    to {
        box-shadow: 0 0 1px rgba(255, 255, 0, .05), 0 0 2px rgba(255, 255, 0, .05), 0 0 3px rgba(255, 255, 0, .05), 0 0 4px rgba(255, 255, 0, .05), 0 0 7px rgba(255, 255, 0, .05), 0 0 8px rgba(255, 255, 0, .05), 0 0 10px rgba(255, 255, 0, .05), 0 0 15px rgba(255, 255, 0, .05)
    }
}

@keyframes animation-slide-in-up {
    0% {
        opacity: 0;
        transform: translate3d(0, -30%, 0)
    }
    40% {
        opacity: 1
    }
    40% {
        transform: translate3d(0, 60%, 0)
    }
    80% {
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

[data-layout-type=aside_panel][data-state=autoplay] .MenuSection__ActionPanel .Button--place-bet,
[data-layout-type=aside_panel][data-state=autoplay] .MenuSection__ActionPanel .Button--startautoplay {
    display: none
}

[data-layout-type=aside_panel][data-state=autoplay] .MenuSection__ActionPanel .Button--stopautoplay {
    display: flex
}

[data-layout-type=aside_panel][data-state=autoplay] .MainNavbar__item--Lobby {
    cursor: not-allowed;
    pointer-events: none
}

[data-layout-type=aside_panel][data-state=autoplay] .MainNavbar__item--Lobby .icon-home {
    filter: grayscale(80%)
}

[data-layout-type=aside_panel][data-state=autoplay] .MainNavbar__text {
    color: #868e96
}

[data-layout-type=aside_panel][data-state=autoplay][data-channel=mobile] .Dialog__start-autoplay-btn,
[data-layout-type=aside_panel][data-state=autoplay][data-channel=mobile] .MainNavbar__item--AutoplayMenuToggleOnButton {
    cursor: not-allowed;
    filter: grayscale(80%);
    pointer-events: none
}

[data-layout-type=aside_panel][data-state=autoplay][data-channel=mobile] .MainNavbar__item--AutoplayMenuToggleOnButton {
    filter: grayscale(80%)
}

[data-layout-type=aside_panel][data-state=autoplayEnd] .Button--startautoplay {
    cursor: not-allowed;
    display: flex
}

[data-layout-type=aside_panel][data-state=autoplayEnd][data-channel=mobile] .MenuSection__ActionPanel .Button--startautoplay {
    display: none;
    pointer-events: none
}

[data-layout-type=aside_panel][data-state=autoplayEnd][data-channel=mobile] .MenuSection__ActionPanel .Button--place-bet {
    cursor: not-allowed;
    display: flex
}

[data-layout-type=aside_panel][data-state=autoplayEnd][data-channel=mobile] .Dialog__start-autoplay-btn {
    cursor: not-allowed;
    filter: grayscale(80%);
    pointer-events: none
}

[data-layout-type=aside_panel][data-state=gameRoundEnterAutoplay] .Button--place-bet,
[data-layout-type=aside_panel][data-state=gameRoundEnterAutoplay] .Button--startautoplay,
[data-layout-type=aside_panel][data-state=gameRoundEnterAutoplay] .Button--stopautoplay,
[data-layout-type=aside_panel][data-state=gameRoundEnterAutoplay] .Dialog__start-autoplay-btn {
    display: none
}

[data-layout-type=aside_panel][data-state=gameRoundEnterAutoplay] .Button--stopautoplay {
    display: flex
}

[data-layout-type=aside_panel][data-state=gameRoundEnter] .MenuSection__AutoplayLossLimits,
[data-layout-type=aside_panel][data-state=gameRoundEnter] .MenuSection__AutoplayMenuTogglers,
[data-layout-type=aside_panel][data-state=gameRoundEnter] .MenuSection__AutoplayRounds,
[data-layout-type=aside_panel][data-state=gameRoundEnter] .MenuSection__AutoplayWinLimits,
[data-layout-type=aside_panel][data-state=gameRoundEnter] .MenuSection__BetAmount,
[data-layout-type=aside_panel][data-state=gameRoundEnter] .MenuSection__Difficulty,
[data-layout-type=aside_panel][data-state=gameRoundEnter] .MenuSection__GridSize {
    transition-delay: .75s
}

[data-layout-type=aside_panel][data-state=gameRoundEnter] .Button--startautoplay,
[data-layout-type=aside_panel][data-state=gameRoundEnter] .Button--stopautoplay,
[data-layout-type=aside_panel][data-state=gameRoundEnter] .Dialog__start-autoplay-btn {
    display: none;
    transition-delay: .75s
}

[data-layout-type=aside_panel][data-state=gameRoundEnter] .Button--place-bet {
    display: flex;
    transition-delay: .75s
}

[data-layout-type=aside_panel][data-state=gameRoundEnter]:not([data-parallel-rounds=true]) .Button--place-bet,
[data-layout-type=aside_panel][data-state=gameRoundEnter]:not([data-parallel-rounds=true]) .MenuSection__AutoplayLossLimits,
[data-layout-type=aside_panel][data-state=gameRoundEnter]:not([data-parallel-rounds=true]) .MenuSection__AutoplayMenuTogglers,
[data-layout-type=aside_panel][data-state=gameRoundEnter]:not([data-parallel-rounds=true]) .MenuSection__AutoplayRounds,
[data-layout-type=aside_panel][data-state=gameRoundEnter]:not([data-parallel-rounds=true]) .MenuSection__AutoplayWinLimits,
[data-layout-type=aside_panel][data-state=gameRoundEnter]:not([data-parallel-rounds=true]) .MenuSection__BetAmount,
[data-layout-type=aside_panel][data-state=gameRoundEnter]:not([data-parallel-rounds=true]) .MenuSection__Difficulty,
[data-layout-type=aside_panel][data-state=gameRoundEnter]:not([data-parallel-rounds=true]) .MenuSection__GridSize {
    transition-delay: 0s
}

[data-layout-type=aside_panel][data-state=hidden] .CoreOverlay,
[data-layout-type=aside_panel][data-state=hidden] .UiUserPanelWrapper {
    visibility: hidden
}

[data-layout-type=aside_panel][data-state=idle] .Button--place-bet {
    display: flex
}

[data-layout-type=aside_panel][data-state=idle] .MenuSection__ActionPanel.autoplay-menu-active .Button--place-bet,
[data-layout-type=aside_panel][data-state=idle] .MenuSection__ActionPanel.autoplay-menu-active .Button--stopautoplay {
    display: none
}

[data-layout-type=aside_panel][data-state=idle] .MenuSection__ActionPanel.autoplay-menu-active .Button--startautoplay {
    display: flex
}

[data-layout-type=aside_panel][data-state=idle][data-channel=mobile] .MenuSection__ActionPanel.autoplay-menu-active .Button--startautoplay {
    display: none
}

[data-layout-type=aside_panel][data-state=idle][data-channel=mobile] .MenuSection__ActionPanel.autoplay-menu-active .Button--place-bet {
    display: flex;
    pointer-events: all
}

[data-layout-type=aside_panel][data-state-extra=ongoingRounds] .MenuSection__ActionPanel .Button--place-bet:not(.MenuSection__ActionPanel.autoplay-menu-active .Button--place-bet),
[data-layout-type=aside_panel][data-state-extra=ongoingRounds] .MenuSection__ActionPanel.autoplay-menu-active .Button--startautoplay {
    display: flex
}

[data-layout-type=aside_panel][data-state=play] .Button--stopautoplay,
[data-layout-type=aside_panel][data-state=play] .MenuSection__ActionPanel .Button--startautoplay {
    display: none
}

[data-layout-type=aside_panel][data-state=play] .MenuSection__ActionPanel .Button--place-bet:not(.MenuSection__ActionPanel.autoplay-menu-active .Button--place-bet),
[data-layout-type=aside_panel][data-state=play] .MenuSection__ActionPanel.autoplay-menu-active .Button--startautoplay {
    display: flex
}