*,:after,:before {
    -webkit-tap-highlight-color: #000000;
    -webkit-tap-highlight-color: transparent;
    -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
}

body {
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

:root body {
    --hg-bg-accent: #4ace4a;
    --hg-bg-accent-rgb: 74,206,74;
    --hg-bg-primary: #0f0f0f;
    --hg-bg-primary-rgb: 15,15,15;
    --hg-bg-tertiary: #2b2b2d;
    --hg-bg-tertiary-rgb: 43,43,45;
    --hg-bg-user-panel: #2a2a2a;
    --hg-bg-user-panel-rgb: 42,42,42;
    --hg-text-primary: #ced4da;
    --hg-text-primary-rgb: 206,212,218;
    --hg-text-secondary: #212529;
    --hg-text-secondary-rgb: 33,37,41;
    --hg-link-color: #fd7e14;
    --hg-link-color-rgb: 253,126,20;
    --hg-link-hover-color: #c35a02;
    --hg-link-hover-color-rgb: 195,90,2;
    --hg-border-color: #343a40;
    --hg-border-color-rgb: 52,58,64;
    --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-bg-rgb: 0,0,0;
    --hg-modal-txt-color: #ced4da;
    --hg-modal-zindex: 9000;
    --hg-modal-backdrop-bg: rgba(0,0,0,.75);
    --hg-modal-backdrop-bg-rgb: 0,0,0;
    --hg-modal-backdrop-filter: blur(4px);
    --hg-modal-backdrop-zindex: 999;
    --hg-dialog-txt-color: #e9ecef;
    --hg-dialog-title-txt-color: #f8f9fa;
    --hg-dialog-z-index: 9000;
    --hg-btn-bg: #4ace4a;
    --hg-btn-bg-rgb: 74,206,74;
    --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-bg-rgb: 0,0,0;
    --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: #207820;
    --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-branding-logo-color: #000;
    --hg-branding-logo-path: url(ui/images/branding_logo.svg);
    --hg-branding-logo-width: 1.5rem;
    --hg-branding-logo-height: 1.5rem;
    --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-typography-color: #fff;
    --hg-typography-title-color: #fff;
    --hg-typography-title-font-size: 0.75rem;
    --hg-typography-title-line-height: 0.75rem;
    --hg-scrollbar-thumb-bg: #ccc;
    --hg-scrollbar-thumb-hover: #999;
    --hg-menu-bg: #0d0d0d;
    --hg-menu-color: #ffc529;
    --hg-menu-button-bg: #ffc529;
    --hg-menu-button-color: #fff;
    --hg-ui-contaier-height: 23rem;
    --hg-ui-contaier-width: 16rem;
    --hg-bg-feature-buy: #4ace4a;
    --hg-bg-feature-buy-rgb: 74,206,74;
    --hg-fb-bonus-grid-card-border-width: 1px;
    --hg-fb-bonus-btn-color: #000;
    --hg-fb-bonus-btn-bg: linear-gradient(115deg,#0bbb46,#19c858 51%,#12ad60);
    --hg-fb-bonus-btn-bg-hover: linear-gradient(115deg,#0bbb46,#19c858 51%,#12ad60);
    --hg-fb-bonus-grid-card-bg: linear-gradient(180deg,#f8f9fa,#f8f9fa 55%,#c1ffe0);
    --hg-fb-bonus-grid-card-color: #000;
    --hg-fb-bonus-grid-card-color-rgb: 0,0,0;
    --hg-fb-bonus-grid-card-border: #495057;
    --hg-fb-feature-btn-color: #000;
    --hg-fb-feature-btn-bg: linear-gradient(to left bottom,#ec752f,#ff9716 50%,#ff8b02);
    --hg-fb-feature-btn-bg-hover: linear-gradient(to left bottom,#ec752f,#ff9716 50%,#ff8b02);
    --hg-fb-feature-grid-card-bg: linear-gradient(180deg,#f8f9fa,#f8f9fa 55%,#f7e4bd);
    --hg-fb-feature-grid-card-color-rgb: 0,0,0;
    --hg-fb-feature-grid-card-border: #495057;
    --hg-overlay-info-text-color: #fafafa;
    --hg-overlay-info-font-size: 10px;
    --hg-overlay-info-widget-text-color: #000;
    --hg-overlay-info-widget-backdrop: #fafafa;
    --hg-overlay-info-widget-font-size: 12px
}

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

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

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

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

.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
}

.BetAmountChanger--decrease-bet.is-disabled,.BetAmountChanger--decrease-bet.is-reached,.BetAmountChanger--increase-bet.is-disabled,.BetAmountChanger--increase-bet.is-reached,.MainMenuItem--music.music-off>span,.MainMenuItem--sound.sound-off+.MainMenuItem--music,.MainMenuItem--sound.sound-off>span,.MainMenuItem--super-turbo.super-turbo-off>span,.MainMenuItem--turbo.turbo-off>span,.MainMenuItem.is-disabled,.ToggleButton--autoplay-menu.is-disabled,.ToggleButton--feature-buy .disabled,.ToggleButton--feature-buy .is-disabled,.ToggleButton--feature-buy[disabled],.ToggleButton--feature-promotion .disabled,.ToggleButton--feature-promotion .is-disabled,.ToggleButton--feature-promotion[disabled],div[data-layout-type=aside_panel] .Button.is-disabled,div[data-layout-type=aside_panel] .Button.is-reached,div[data-layout-type=aside_panel] .Button.limits-input-in-progress {
    opacity: .6;
    pointer-events: none
}

.CoreOverlay {
    box-sizing: border-box;
    height: 0!important;
    position: fixed;
    transform-style: preserve-3d;
    transition: opacity .25s ease-in;
    width: 100%;
    z-index: 900
}

.CoreOverlay:not(.is-visible) {
    display: none;
    opacity: 0
}

.CoreOverlay__inner {
    align-content: start;
    align-items: stretch;
    display: grid;
    grid-template-areas: "session session session session session branding" "meta-data meta-data meta-data meta-data meta-data branding";
    grid-template-columns: repeat(6,1fr);
    grid-template-rows: auto;
    justify-content: space-between;
    justify-items: stretch;
    left: 0;
    padding: .25rem .25rem 0;
    position: relative;
    right: 0;
    top: 0;
    width: 100%
}

.Modal.is-visible~.CoreOverlay>.CoreOverlay__inner {
    grid-template-columns: repeat(5,1fr);
    width: calc(100% - 6rem)
}

.CoreOverlay--game-branding,.CoreOverlay--meta-data,.CoreOverlay--session {
    align-items: flex-start;
    color: var(--hg-overlay-info-text-color);
    display: flex;
    flex-grow: 1;
    font-size: var(--hg-overlay-info-font-size);
    justify-content: flex-start;
    min-width: -moz-fit-content;
    min-width: fit-content;
    position: relative;
    text-shadow: -1px -1px 0 #000,0 -1px 0 #000,1px -1px 0 #000,1px 0 0 #000,1px 1px 0 #000,0 1px 0 #000,-1px 1px 0 #000,-1px 0 0 #000;
    white-space: nowrap
}

.CoreOverlay--session {
    grid-area: session
}

.CoreOverlay--meta-data {
    flex-direction: column;
    grid-area: meta-data
}

.CoreOverlay--game-branding {
    grid-area: branding
}

.CoreOverlay__container {
    line-height: .85
}

.CoreOverlay__container>span {
    display: inline-flex
}

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

.CoreOverlay .divider-vertical {
    border-inline-start:1px solid var(--hg-overlay-info-text-color);display: inline-flex;
    writing-mode: horizontal-tb
}

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

[data-channel=mobile] .Modal.is-visible~.CoreOverlay>.CoreOverlay__inner {
    width: calc(100% - 3rem)
}

.SessionBar {
    align-items: center;
    display: none;
    justify-content: flex-start;
    width: 100%
}

.SessionBar.is-visible {
    display: flex
}

.SessionBar .SessionBarContentWrapper {
    align-items: center;
    -moz-column-gap: .375rem;
    column-gap: .375rem;
    display: flex;
    justify-content: flex-start
}

.GameInfoWidget .RtpOverlay,.SessionBar .SessionBarContentWrapper .NetPosition:not(.is-visible),.SessionBar .SessionBarContentWrapper .SessionTimer:not(.is-visible) {
    display: none
}

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

.GameInfoWidget .Clock.inline-padding {
    padding-inline-start:0}

.MaxWinWidget {
    display: none;
    margin-top: .325rem
}

.MaxWinWidget.is-visible {
    display: inline-flex
}

.MaxWinWidget .MaxWinLabel.inline-padding {
    padding-inline-start:0}

.InGameBrandingHolder {
    align-items: flex-start;
    display: flex;
    justify-content: flex-end;
    margin-left: auto;
    position: relative;
    transition: opasity .15s ease-in
}

.InGameBrandingHolder.is-visible {
    display: flex;
    opacity: 1
}

.InGameBrandingHolder .branding-logo {
    display: inline-flex;
    margin-left: auto;
    position: relative
}

.InGameBrandingHolder .branding-logo:before {
    z-index: 2
}

.InGameBrandingHolder .branding-logo:after {
    background-color: var(--hg-branding-logo-color);
    content: "";
    display: inline-flex;
    height: var(--hg-branding-logo-height);
    left: 50%;
    left: unset;
    -webkit-mask-image: var(--hg-branding-logo-path);
    mask-image: var(--hg-branding-logo-path);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: var(--hg-branding-logo-width) var(--hg-branding-logo-height);
    mask-size: var(--hg-branding-logo-width) var(--hg-branding-logo-height);
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    top: 0;
    transform: translate(-50%,-50%);
    transform: unset;
    transition: background-color .1s ease;
    width: var(--hg-branding-logo-width);
    z-index: 1
}

.InGameBrandingHolder.is-disabled {
    display: none;
    opacity: 0
}

.InGameBrandingHolder.is-disabled .branding-logo {
    display: none
}

.SpelpausWidget {
    -moz-column-gap: .325rem;
    column-gap: .325rem;
    display: none;
    text-shadow: none
}

.SpelpausWidget.is-visible {
    display: inline-flex
}

.SpelpausWidget .SpelpausItem {
    align-items: stretch;
    background: var(--hg-overlay-info-widget-backdrop);
    border: .5px solid rgba(var(--hg-border-color-rgb),.3);
    border-radius: .125rem;
    color: var(--hg-overlay-info-widget-text-color);
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 0 .25rem;
    text-decoration: none;
    width: auto
}

.SpelpausWidget .SpelpausItem__icon {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    min-height: 1.25rem
}

.SpelpausWidget .SpelpausItem__label {
    align-items: center;
    display: flex;
    font-size: var(--hg-overlay-info-widget-font-size);
    line-height: 1
}

.ColjuegosWidget {
    -moz-column-gap: .325rem;
    column-gap: .325rem;
    display: none
}

.ColjuegosWidget.is-visible {
    display: inline-flex
}

.ColjuegosWidget .ColjuegosItem {
    cursor: pointer;
    text-decoration: none;
    width: auto
}

.ColjuegosWidget .ColjuegosItem__icon {
    border: .5px solid rgba(var(--hg-border-color-rgb),.3);
    border-radius: .125rem;
    box-sizing: border-box;
    display: block;
    height: 1.125rem
}

.ColjuegosWidget .ColjuegosItem__icon img {
    max-height: 100%
}

.ColjuegosWidget .ColjuegosText {
    align-items: center;
    color: inherit;
    display: flex;
    font-size: var(--hg-overlay-info-font-size);
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.ColjuegosWidget .ColjuegosText a {
    color: inherit;
    text-decoration: none
}

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

.icon-cross:before {
    content: "\e929"
}

.icon-checkmark:before {
    content: "\e92a"
}

.icon-autoplay-b:before {
    content: "\e927"
}

.icon-play:before {
    content: "\e928"
}

.icon-caret-down:before {
    content: "\e923"
}

.icon-caret-up:before {
    content: "\e924"
}

.icon-hand-thumb:before {
    content: "\e925"
}

.icon-menu-light:before {
    content: "\e926"
}

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

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

.icon-bomb:before {
    content: "\e91a"
}

.icon-grid:before {
    content: "\e91b"
}

.icon-grid-2:before {
    content: "\e91c"
}

.icon-settings:before {
    content: "\e91d"
}

.icon-settings-2:before {
    content: "\e91e"
}

.icon-settings-3:before {
    content: "\e91f"
}

.icon-settings-4:before {
    content: "\e920"
}

.icon-keypad-right:before {
    content: "\e917"
}

.icon-keypad-left:before {
    content: "\e918"
}

.icon-keypad-center:before {
    content: "\e919"
}

.icon-music-on:before {
    content: "\e915"
}

.icon-music-off:before {
    content: "\e916"
}

.icon-backplate:before {
    content: "\e914"
}

.icon-moneybag:before {
    content: "\e913"
}

.icon-turbo-off:before {
    content: "\e912"
}

.icon-turbo-on:before {
    content: "\e903"
}

.icon-sound-on:before {
    content: "\e904"
}

.icon-sound-off:before {
    content: "\e905"
}

.icon-info-a:before {
    content: "\e908"
}

.icon-home:before {
    content: "\e909"
}

.icon-history:before {
    content: "\e90d"
}

.icon-keypad:before {
    content: "\e90b"
}

.icon-plus:before {
    content: "\e910"
}

.icon-minus:before {
    content: "\e911"
}

.icon-autoplay2:before {
    content: "\e90c"
}

.icon-stop:before {
    content: "\e90e"
}

.icon-spin:before {
    content: "\e90f"
}

.icon-fullscreen:before {
    content: "\e900"
}

.icon-arrow-down:before {
    content: "\e901"
}

.icon-arrow-up:before {
    content: "\e902"
}

.icon-autoplay:before {
    content: "\e90a"
}

.icon-info-b:before {
    content: "\e906"
}

.icon-menu:before {
    content: "\e907"
}

.BetAmountChanger--decrease-bet,.BetAmountChanger--increase-bet,.BetHistoryWindow .BetHistory .BetHistoryNavBar__button,.Button,.CircleButton--place-bet,.CircleButton--start-autoplay,.CircleButton--stop-autoplay,.CircleButton--stop-round,.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button,.PreSplash__close,.TabButton,.TabCircleButton,.TabComboInput,.TabRoundedButton,.ToggleButton--advanced-autoplay-menu,.ToggleButton--autoplay-menu,.ToggleButton--feature-buy,.ToggleButton--feature-promotion,.ToggleButton--main-menu,div[data-layout-type=ribbon][data-channel=mobile] .ToggleButton--main-menu {
    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;
    word-wrap: break-word
}

.DialogWindow .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
}

.GameInfoWindow .GameInfo__table {
    border-spacing: 0;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    width: 100%
}

.GameInfoWindow .GameInfo__table-body {
    height: 300px;
    margin-bottom: 20px;
    overflow: auto;
    width: 100%
}

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

div[data-layout-type=ribbon] .TabComboInput {
    box-shadow: none;
    --hg-btn-padding-y: 10px
}

div[data-layout-type=ribbon] .TabComboInput>* {
    font-weight: 700
}

.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;
    color: var(--color);
    fill: currentColor;
    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: #ffc529;
    --hg-btn-color: #fff;
    --hg-btn-border-color: #ffc529;
    --hg-btn-hover-bg: #f5b300;
    --hg-btn-hover-color: #fff;
    --hg-btn-hover-border-color: #f5b300;
    --hg-btn-active-bg: #ffbe10;
    --hg-btn-active-color: #fff;
    --hg-btn-active-border-color: #ffbe10;
    --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--cta {
    --hg-btn-bg: #4ace4a;
    --hg-btn-color: #000;
    --hg-btn-border-color: #4ace4a;
    --hg-btn-hover-bg: #31b431;
    --hg-btn-hover-color: #000;
    --hg-btn-hover-border-color: #31b431;
    --hg-btn-active-bg: #36c836;
    --hg-btn-active-color: #000;
    --hg-btn-active-border-color: #36c836;
    --hg-btn-border-width: 2px;
    --hg-btn-border-radius: 1000px;
    background: var(--hg-btn-bg);
    box-shadow: var(--hg-btn-box-shadow)
}

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

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

.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
}

.Button--primary.is-disabled,.Button--secondary.is-disabled,.Button.is-disabled {
    opacity: .95;
    pointer-events: none
}

div[data-layout-type=aside_panel] .Button.is-disabled.Button--place-bet,div[data-layout-type=aside_panel] .Button.is-disabled.Button--startautoplay {
    pointer-events: auto
}

div[data-layout-type=aside_panel] .Button--icon {
    font-size: 2rem
}

div[data-layout-type=aside_panel] .Button--cta {
    --hg-btn-padding-x: 0.5rem;
    border: 3px solid var(--hg-bg-secondary);
    display: none;
    font-weight: 600;
    height: 3rem;
    width: 100%
}

div[data-layout-type=aside_panel] .Button--cta.is-visible {
    display: flex
}

div[data-layout-type=aside_panel] .Button--cta p,div[data-layout-type=aside_panel] .Button--cta span {
    color: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-transform: uppercase
}

div[data-layout-type=aside_panel] .Button--cta p[data-charcount="22"],div[data-layout-type=aside_panel] .Button--cta span[data-charcount="22"] {
    font-size: calc(6.3px + .25vw);
    font-size: minmax(10px,calc(6.3px + .25vw));
    font-size: clamp(10px,6.3px + .25vw,14px)
}

div[data-layout-type=aside_panel] .Button--cta p[data-charcount="23"],div[data-layout-type=aside_panel] .Button--cta span[data-charcount="23"] {
    font-size: calc(5.95px + .25vw);
    font-size: minmax(10px,calc(5.95px + .25vw));
    font-size: clamp(10px,5.95px + .25vw,14px)
}

div[data-layout-type=aside_panel] .Button--cta p[data-charcount="24"],div[data-layout-type=aside_panel] .Button--cta span[data-charcount="24"] {
    font-size: calc(5.6px + .25vw);
    font-size: minmax(10px,calc(5.6px + .25vw));
    font-size: clamp(10px,5.6px + .25vw,14px)
}

div[data-layout-type=aside_panel] .Button--cta p[data-charcount="25"],div[data-layout-type=aside_panel] .Button--cta span[data-charcount="25"] {
    font-size: calc(5.25px + .25vw);
    font-size: minmax(10px,calc(5.25px + .25vw));
    font-size: clamp(10px,5.25px + .25vw,14px)
}

div[data-layout-type=aside_panel] .Button--cta p[data-charcount="26"],div[data-layout-type=aside_panel] .Button--cta span[data-charcount="26"] {
    font-size: calc(4.9px + .25vw);
    font-size: minmax(10px,calc(4.9px + .25vw));
    font-size: clamp(10px,4.9px + .25vw,14px)
}

div[data-layout-type=aside_panel] .Button--cta p[data-charcount="27"],div[data-layout-type=aside_panel] .Button--cta span[data-charcount="27"] {
    font-size: calc(4.55px + .25vw);
    font-size: minmax(10px,calc(4.55px + .25vw));
    font-size: clamp(10px,4.55px + .25vw,14px)
}

div[data-layout-type=aside_panel] .Button--cta p[data-charcount="28"],div[data-layout-type=aside_panel] .Button--cta span[data-charcount="28"] {
    font-size: calc(4.2px + .25vw);
    font-size: minmax(10px,calc(4.2px + .25vw));
    font-size: clamp(10px,4.2px + .25vw,14px)
}

div[data-layout-type=aside_panel] .Button--cta p[data-charcount="29"],div[data-layout-type=aside_panel] .Button--cta span[data-charcount="29"] {
    font-size: calc(3.85px + .25vw);
    font-size: minmax(10px,calc(3.85px + .25vw));
    font-size: clamp(10px,3.85px + .25vw,14px)
}

div[data-layout-type=aside_panel] .Button--cta p[data-charcount="30"],div[data-layout-type=aside_panel] .Button--cta span[data-charcount="30"] {
    font-size: calc(3.5px + .25vw);
    font-size: minmax(10px,calc(3.5px + .25vw));
    font-size: clamp(10px,3.5px + .25vw,14px)
}

div[data-layout-type=aside_panel] .Button--cta p[data-charcount="31"],div[data-layout-type=aside_panel] .Button--cta span[data-charcount="31"] {
    font-size: calc(3.15px + .25vw);
    font-size: minmax(10px,calc(3.15px + .25vw));
    font-size: clamp(10px,3.15px + .25vw,14px)
}

@media screen and (max-width: 340px) {
    div[data-layout-type=aside_panel] .Button--cta p[data-charcount="22"],div[data-layout-type=aside_panel] .Button--cta span[data-charcount="22"] {
        font-size:calc(5.85px + .25vw);
        font-size: minmax(9px,calc(5.85px + .25vw));
        font-size: clamp(9px,5.85px + .25vw,13px)
    }

    div[data-layout-type=aside_panel] .Button--cta p[data-charcount="23"],div[data-layout-type=aside_panel] .Button--cta span[data-charcount="23"] {
        font-size: calc(5.525px + .25vw);
        font-size: minmax(9px,calc(5.525px + .25vw));
        font-size: clamp(9px,5.525px + .25vw,13px)
    }

    div[data-layout-type=aside_panel] .Button--cta p[data-charcount="24"],div[data-layout-type=aside_panel] .Button--cta span[data-charcount="24"] {
        font-size: calc(5.2px + .25vw);
        font-size: minmax(9px,calc(5.2px + .25vw));
        font-size: clamp(9px,5.2px + .25vw,13px)
    }

    div[data-layout-type=aside_panel] .Button--cta p[data-charcount="25"],div[data-layout-type=aside_panel] .Button--cta span[data-charcount="25"] {
        font-size: calc(4.875px + .25vw);
        font-size: minmax(9px,calc(4.875px + .25vw));
        font-size: clamp(9px,4.875px + .25vw,13px)
    }

    div[data-layout-type=aside_panel] .Button--cta p[data-charcount="26"],div[data-layout-type=aside_panel] .Button--cta span[data-charcount="26"] {
        font-size: calc(4.55px + .25vw);
        font-size: minmax(9px,calc(4.55px + .25vw));
        font-size: clamp(9px,4.55px + .25vw,13px)
    }

    div[data-layout-type=aside_panel] .Button--cta p[data-charcount="27"],div[data-layout-type=aside_panel] .Button--cta span[data-charcount="27"] {
        font-size: calc(4.225px + .25vw);
        font-size: minmax(9px,calc(4.225px + .25vw));
        font-size: clamp(9px,4.225px + .25vw,13px)
    }

    div[data-layout-type=aside_panel] .Button--cta p[data-charcount="28"],div[data-layout-type=aside_panel] .Button--cta span[data-charcount="28"] {
        font-size: calc(3.9px + .25vw);
        font-size: minmax(9px,calc(3.9px + .25vw));
        font-size: clamp(9px,3.9px + .25vw,13px)
    }

    div[data-layout-type=aside_panel] .Button--cta p[data-charcount="29"],div[data-layout-type=aside_panel] .Button--cta span[data-charcount="29"] {
        font-size: calc(3.575px + .25vw);
        font-size: minmax(9px,calc(3.575px + .25vw));
        font-size: clamp(9px,3.575px + .25vw,13px)
    }

    div[data-layout-type=aside_panel] .Button--cta p[data-charcount="30"],div[data-layout-type=aside_panel] .Button--cta span[data-charcount="30"] {
        font-size: calc(3.25px + .25vw);
        font-size: minmax(9px,calc(3.25px + .25vw));
        font-size: clamp(9px,3.25px + .25vw,13px)
    }

    div[data-layout-type=aside_panel] .Button--cta p[data-charcount="31"],div[data-layout-type=aside_panel] .Button--cta span[data-charcount="31"] {
        font-size: calc(2.925px + .25vw);
        font-size: minmax(9px,calc(2.925px + .25vw));
        font-size: clamp(9px,2.925px + .25vw,13px)
    }
}

div[data-layout-type=aside_panel] .Button--cta:has(span[data-charcount^="2"]) :not(:first-child) {
    font-size: 12px
}

div[data-layout-type=aside_panel] .Button--cta:has(span[data-charcount^="3"]) :not(:first-child) {
    font-size: 10px
}

div[data-layout-type=aside_panel] .Button--cta .autoplay-counter-value {
    display: inline-block;
    padding-left: .875rem;
    position: relative
}

div[data-layout-type=aside_panel] .Button--cta .autoplay-counter-value:before {
    background: var(--hg-btn-color);
    content: "";
    display: inline-block;
    height: 1px;
    left: .25rem;
    position: absolute;
    top: 50%;
    width: .375rem;
    z-index: 1
}

@media (pointer: coarse) {
    div[data-layout-type=aside_panel] .Button--cta {
        --hg-btn-hover-bg:var(--hg-btn-bg)
    }
}

div[data-layout-type=aside_panel] .Button--collect {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

div[data-layout-type=aside_panel] .Button--collect span {
    align-items: center;
    flex-basis: 100%;
    justify-content: center;
    line-height: 1;
    text-align: center;
    width: 100%
}

div[data-layout-type=aside_panel][data-channel=mobile] .Button--cta .autoplay-counter-value {
    padding-left: .5rem
}

div[data-layout-type=aside_panel][data-channel=mobile] .Button--cta .autoplay-counter-value:before {
    left: .125rem;
    width: .25rem
}

@media screen and (max-height: 320px) {
    div[data-layout-type=aside_panel][data-channel=mobile][data-orientation=landscape] .Button--cta {
        height:2.75rem
    }
}

@media screen and (max-height: 700px) {
    div[data-layout-type=aside_panel][data-channel=mobile][data-orientation=portrait] .Button--cta {
        height:2.75rem
    }
}

.CircleButton--place-bet {
    align-items: center;
    backface-visibility: hidden;
    background: var(--hg-btn-bg);
    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);
    display: none;
    flex: 0 0 auto;
    font-family: var(--hg-typography-font-family);
    font-size: var(--hg-btn-font-size);
    font-weight: var(--hg-btn-font-weight);
    height: auto;
    justify-content: center;
    line-height: var(--hg-btn-line-height);
    padding: var(--hg-btn-padding-y) var(--hg-btn-padding-x);
    position: relative;
    text-transform: capitalize;
    transform-origin: center;
    transition: all 125ms ease;
    width: auto;
    --hg-btn-padding-x: 0.5rem;
    --hg-btn-padding-y: 0.5rem;
    --hg-btn-border-color: rgba(var(--hg-border-color-rgb),1);
    --hg-btn-border-color: #000;
    --hg-btn-border-radius: 100%;
    --hg-btn-border-width: 3px;
    --hg-btn-active-bg: rgba(var(--hg-btn-bg-rgb),1);
    --hg-btn-hover-bg: rgba(var(--hg-btn-bg-rgb),1);
    --hg-btn-color: rgba(var(--hg-text-primary-rgb),1);
    --hg-btn-hover-color: rgba(var(--hg-bg-accent-rgb),1);
    --hg-btn-active-color: rgba(var(--hg-bg-accent-rgb),1);
    --hg-btn-font-size: 5.4rem;
    --hg-btn-line-height: 5.4rem;
    height: 7rem;
    width: 7rem
}

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

.CircleButton--place-bet:hover {
    background: var(--hg-btn-hover-bg);
    color: var(--hg-btn-hover-color)
}

.CircleButton--place-bet:active {
    background: var(--hg-btn-active-bg);
    color: var(--hg-btn-active-color)
}

.CircleButton--place-bet>span {
    align-items: center;
    color: inherit;
    display: inline-flex;
    text-align: center
}

.CircleButton--place-bet>i {
    --color: inherit;
    align-items: center;
    color: var(--color);
    display: inline-flex;
    fill: currentColor;
    font-size: inherit;
    height: 1em;
    justify-content: center;
    line-height: 1em;
    position: relative;
    width: 1em
}

.CircleButton--place-bet.idle-animation {
    animation: slight-clockwise-rotation .8s cubic-bezier(.23,1,.32,1) forwards;
    animation-iteration-count: 1
}

.CircleButton--place-bet.is-visible {
    display: flex
}

.CircleButton--place-bet span[class^=icon] {
    align-items: center;
    color: inherit;
    display: flex;
    flex-grow: 1;
    font-size: inherit;
    height: auto;
    justify-content: center;
    left: 50%;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

div[data-layout-type=ribbon][data-channel=mobile] .CircleButton--place-bet {
    --hg-btn-bg: rgba(33,37,41,.5);
    --hg-btn-active-bg: rgba(33,37,41,.5);
    --hg-btn-hover-bg: rgba(33,37,41,.5);
    --hg-btn-color: rgba(var(--hg-text-primary-rgb),1);
    --hg-btn-hover-color: unset;
    --hg-btn-border-width: 0
}

.CircleButton--place-bet span[class^=icon] {
    left: 53%
}

.CircleButton--place-bet.is-disabled span[class^=icon] {
    color: #fff;
    opacity: .5
}

div[data-layout-type=ribbon] .UiUserPanelWrapper.bet-modifier-active .CircleButton--place-bet {
    --hg-btn-bg: rgba(var(--hg-bg-accent-rgb),1);
    --hg-btn-active-bg: rgba(var(--hg-bg-accent-rgb),1);
    --hg-btn-hover-bg: rgba(var(--hg-bg-accent-rgb),1);
    --hg-btn-hover-color: rgba(var(--hg-text-secondary-rgb),1);
    --hg-btn-active-color: rgba(var(--hg-text-secondary-rgb),1)
}

div[data-layout-type=ribbon][data-channel=mobile] .CircleButton--place-bet {
    --hg-btn-font-size: 5rem;
    --hg-btn-line-height: 5rem;
    font-size: 74px;
    height: 7rem;
    line-height: 74px;
    max-height: 88px;
    max-width: 88px;
    width: 7rem
}

div[data-layout-type=ribbon][data-channel=mobile] .CircleButton--place-bet:active,div[data-layout-type=ribbon][data-channel=mobile] .CircleButton--place-bet:hover {
    color: unset
}

@media (min-width: 300px) {
    div[data-layout-type=ribbon][data-channel=mobile] .CircleButton--place-bet {
        max-height:calc(21.53846vw + 23.38462px)
    }
}

@media (min-width: 430px) {
    div[data-layout-type=ribbon][data-channel=mobile] .CircleButton--place-bet {
        max-height:calc(1.18343vw + 110.91124px)
    }
}

@media (min-width: 768px) {
    div[data-layout-type=ribbon][data-channel=mobile] .CircleButton--place-bet {
        max-height:120px
    }
}

@media (min-width: 300px) {
    div[data-layout-type=ribbon][data-channel=mobile] .CircleButton--place-bet {
        max-width:calc(21.53846vw + 23.38462px)
    }
}

@media (min-width: 430px) {
    div[data-layout-type=ribbon][data-channel=mobile] .CircleButton--place-bet {
        max-width:calc(1.18343vw + 110.91124px)
    }
}

@media (min-width: 768px) {
    div[data-layout-type=ribbon][data-channel=mobile] .CircleButton--place-bet {
        max-width:120px
    }
}

@media (min-width: 300px) {
    div[data-layout-type=ribbon][data-channel=mobile] .CircleButton--place-bet {
        font-size:calc(13.84615vw + 32.46154px)
    }
}

@media (min-width: 430px) {
    div[data-layout-type=ribbon][data-channel=mobile] .CircleButton--place-bet {
        font-size:calc(1.18343vw + 86.91124px)
    }
}

@media (min-width: 768px) {
    div[data-layout-type=ribbon][data-channel=mobile] .CircleButton--place-bet {
        font-size:96px
    }
}

@media (min-width: 300px) {
    div[data-layout-type=ribbon][data-channel=mobile] .CircleButton--place-bet {
        line-height:calc(13.84615vw + 32.46154px)
    }
}

@media (min-width: 430px) {
    div[data-layout-type=ribbon][data-channel=mobile] .CircleButton--place-bet {
        line-height:calc(1.18343vw + 86.91124px)
    }
}

@media (min-width: 768px) {
    div[data-layout-type=ribbon][data-channel=mobile] .CircleButton--place-bet {
        line-height:96px
    }
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--place-bet {
    font-size: 74px;
    line-height: 74px;
    max-height: 86px;
    max-width: 86px
}

@media (min-height: 240px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--place-bet {
        max-height:calc(18vh + 42.8px)
    }
}

@media (min-height: 340px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--place-bet {
        max-height:104px
    }
}

@media (min-height: 240px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--place-bet {
        max-width:calc(18vh + 42.8px)
    }
}

@media (min-height: 340px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--place-bet {
        max-width:104px
    }
}

@media (min-height: 240px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--place-bet {
        font-size:calc(14vh + 40.4px)
    }
}

@media (min-height: 340px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--place-bet {
        font-size:88px
    }
}

@media (min-height: 240px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--place-bet {
        line-height:calc(14vh + 40.4px)
    }
}

@media (min-height: 340px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--place-bet {
        line-height:88px
    }
}

.CircleButton--start-autoplay {
    align-items: center;
    backface-visibility: hidden;
    background: var(--hg-btn-bg);
    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);
    display: none;
    flex: 0 0 auto;
    font-family: var(--hg-typography-font-family);
    font-size: var(--hg-btn-font-size);
    font-weight: var(--hg-btn-font-weight);
    height: auto;
    justify-content: center;
    line-height: var(--hg-btn-line-height);
    padding: var(--hg-btn-padding-y) var(--hg-btn-padding-x);
    position: relative;
    text-transform: capitalize;
    transform-origin: center;
    transition: all 125ms ease;
    width: auto;
    --hg-btn-padding-x: 0.5rem;
    --hg-btn-padding-y: 0.5rem;
    --hg-btn-border-color: rgba(var(--hg-border-color-rgb),1);
    --hg-btn-border-color: rgba(var(--hg-modal-bg-rgb),1);
    --hg-btn-border-radius: 100%;
    --hg-btn-border-width: 3px;
    --hg-btn-active-bg: rgba(var(--hg-btn-bg-rgb),1);
    --hg-btn-hover-bg: rgba(var(--hg-btn-bg-rgb),1);
    --hg-btn-color: rgba(var(--hg-text-primary-rgb),1);
    --hg-btn-hover-color: rgba(var(--hg-bg-accent-rgb),1);
    --hg-btn-active-color: rgba(var(--hg-bg-accent-rgb),1);
    --hg-btn-font-size: 6.65rem;
    --hg-btn-line-height: 6.65rem;
    height: 7rem;
    width: 7rem
}

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

.CircleButton--start-autoplay:hover {
    background: var(--hg-btn-hover-bg);
    color: var(--hg-btn-hover-color)
}

.CircleButton--start-autoplay:active {
    background: var(--hg-btn-active-bg);
    color: var(--hg-btn-active-color)
}

.CircleButton--start-autoplay>span {
    align-items: center;
    color: inherit;
    display: inline-flex;
    text-align: center
}

.CircleButton--start-autoplay>i {
    --color: inherit;
    align-items: center;
    color: var(--color);
    display: inline-flex;
    fill: currentColor;
    font-size: inherit;
    height: 1em;
    justify-content: center;
    line-height: 1em;
    position: relative;
    width: 1em
}

.CircleButton--start-autoplay.idle-animation {
    animation: slight-clockwise-rotation .8s cubic-bezier(.23,1,.32,1) forwards;
    animation-iteration-count: 1
}

.CircleButton--start-autoplay.is-visible {
    display: flex
}

.CircleButton--start-autoplay span[class^=icon] {
    align-items: center;
    color: inherit;
    display: flex;
    flex-grow: 1;
    font-size: inherit;
    height: auto;
    justify-content: center;
    left: 50%;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

div[data-layout-type=ribbon][data-channel=mobile] .CircleButton--start-autoplay {
    --hg-btn-bg: rgba(33,37,41,.5);
    --hg-btn-active-bg: rgba(33,37,41,.5);
    --hg-btn-hover-bg: rgba(33,37,41,.5);
    --hg-btn-color: rgba(var(--hg-text-primary-rgb),1);
    --hg-btn-hover-color: unset;
    --hg-btn-border-width: 0
}

.CircleButton--start-autoplay span[class^=icon] {
    top: 51%
}

div[data-layout-type=ribbon] .UiUserPanelWrapper.bet-modifier-active .CircleButton--start-autoplay {
    --hg-btn-bg: rgba(var(--hg-bg-accent-rgb),1);
    --hg-btn-active-bg: rgba(var(--hg-bg-accent-rgb),1);
    --hg-btn-hover-bg: rgba(var(--hg-bg-accent-rgb),1);
    --hg-btn-hover-color: rgba(var(--hg-text-secondary-rgb),1);
    --hg-btn-active-color: rgba(var(--hg-text-secondary-rgb),1)
}

div[data-layout-type=ribbon][data-channel=mobile] .CircleButton--start-autoplay {
    --hg-btn-font-size: 5.75rem;
    --hg-btn-line-height: 5.75rem;
    font-size: 96px;
    height: 7rem;
    line-height: 96px;
    max-height: 88px;
    max-width: 88px;
    width: 7rem
}

@media (min-width: 300px) {
    div[data-layout-type=ribbon][data-channel=mobile] .CircleButton--start-autoplay {
        max-height:calc(21.53846vw + 23.38462px)
    }
}

@media (min-width: 430px) {
    div[data-layout-type=ribbon][data-channel=mobile] .CircleButton--start-autoplay {
        max-height:calc(1.18343vw + 110.91124px)
    }
}

@media (min-width: 768px) {
    div[data-layout-type=ribbon][data-channel=mobile] .CircleButton--start-autoplay {
        max-height:120px
    }
}

@media (min-width: 300px) {
    div[data-layout-type=ribbon][data-channel=mobile] .CircleButton--start-autoplay {
        max-width:calc(21.53846vw + 23.38462px)
    }
}

@media (min-width: 430px) {
    div[data-layout-type=ribbon][data-channel=mobile] .CircleButton--start-autoplay {
        max-width:calc(1.18343vw + 110.91124px)
    }
}

@media (min-width: 768px) {
    div[data-layout-type=ribbon][data-channel=mobile] .CircleButton--start-autoplay {
        max-width:120px
    }
}

@media (min-width: 300px) {
    div[data-layout-type=ribbon][data-channel=mobile] .CircleButton--start-autoplay {
        font-size:calc(12.30769vw + 59.07692px)
    }
}

@media (min-width: 430px) {
    div[data-layout-type=ribbon][data-channel=mobile] .CircleButton--start-autoplay {
        font-size:calc(1.18343vw + 106.91124px)
    }
}

@media (min-width: 768px) {
    div[data-layout-type=ribbon][data-channel=mobile] .CircleButton--start-autoplay {
        font-size:116px
    }
}

@media (min-width: 300px) {
    div[data-layout-type=ribbon][data-channel=mobile] .CircleButton--start-autoplay {
        line-height:calc(12.30769vw + 59.07692px)
    }
}

@media (min-width: 430px) {
    div[data-layout-type=ribbon][data-channel=mobile] .CircleButton--start-autoplay {
        line-height:calc(1.18343vw + 106.91124px)
    }
}

@media (min-width: 768px) {
    div[data-layout-type=ribbon][data-channel=mobile] .CircleButton--start-autoplay {
        line-height:116px
    }
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--start-autoplay {
    font-size: 90px;
    line-height: 90px;
    max-height: 86px;
    max-width: 86px
}

@media (min-height: 240px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--start-autoplay {
        max-height:calc(18vh + 42.8px)
    }
}

@media (min-height: 340px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--start-autoplay {
        max-height:104px
    }
}

@media (min-height: 240px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--start-autoplay {
        max-width:calc(18vh + 42.8px)
    }
}

@media (min-height: 340px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--start-autoplay {
        max-width:104px
    }
}

@media (min-height: 240px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--start-autoplay {
        font-size:calc(18vh + 46.8px)
    }
}

@media (min-height: 340px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--start-autoplay {
        font-size:108px
    }
}

@media (min-height: 240px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--start-autoplay {
        line-height:calc(18vh + 46.8px)
    }
}

@media (min-height: 340px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--start-autoplay {
        line-height:108px
    }
}

.CircleButton--stop-autoplay {
    align-items: center;
    backface-visibility: hidden;
    background: var(--hg-btn-bg);
    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);
    display: none;
    flex: 0 0 auto;
    font-family: var(--hg-typography-font-family);
    font-size: var(--hg-btn-font-size);
    font-weight: var(--hg-btn-font-weight);
    height: auto;
    justify-content: center;
    line-height: var(--hg-btn-line-height);
    padding: var(--hg-btn-padding-y) var(--hg-btn-padding-x);
    position: relative;
    text-transform: capitalize;
    transform-origin: center;
    transition: all 125ms ease;
    width: auto;
    --hg-btn-padding-x: 0.5rem;
    --hg-btn-padding-y: 0.5rem;
    --hg-btn-border-color: rgba(var(--hg-border-color-rgb),1);
    --hg-btn-border-color: rgba(var(--hg-modal-bg-rgb),1);
    --hg-btn-border-radius: 100%;
    --hg-btn-border-width: 3px;
    --hg-btn-active-bg: rgba(var(--hg-btn-bg-rgb),1);
    --hg-btn-hover-bg: rgba(var(--hg-btn-bg-rgb),1);
    --hg-btn-color: rgba(var(--hg-text-primary-rgb),1);
    --hg-btn-hover-color: rgba(var(--hg-bg-accent-rgb),1);
    --hg-btn-active-color: rgba(var(--hg-bg-accent-rgb),1);
    --hg-btn-font-size: 3.25rem;
    --hg-btn-line-height: 3.25rem;
    height: 7rem;
    width: 7rem
}

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

.CircleButton--stop-autoplay:hover {
    background: var(--hg-btn-hover-bg);
    color: var(--hg-btn-hover-color)
}

.CircleButton--stop-autoplay:active {
    background: var(--hg-btn-active-bg);
    color: var(--hg-btn-active-color)
}

.CircleButton--stop-autoplay>span {
    align-items: center;
    color: inherit;
    display: inline-flex;
    text-align: center
}

.CircleButton--stop-autoplay>i {
    --color: inherit;
    align-items: center;
    color: var(--color);
    display: inline-flex;
    fill: currentColor;
    font-size: inherit;
    height: 1em;
    justify-content: center;
    line-height: 1em;
    position: relative;
    width: 1em
}

.CircleButton--stop-autoplay.idle-animation {
    animation: slight-clockwise-rotation .8s cubic-bezier(.23,1,.32,1) forwards;
    animation-iteration-count: 1
}

.CircleButton--stop-autoplay.is-visible {
    display: flex
}

.CircleButton--stop-autoplay span[class^=icon] {
    align-items: center;
    color: inherit;
    display: flex;
    flex-grow: 1;
    font-size: inherit;
    height: auto;
    justify-content: center;
    left: 50%;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

div[data-layout-type=ribbon][data-channel=mobile] .CircleButton--stop-autoplay {
    --hg-btn-bg: rgba(33,37,41,.5);
    --hg-btn-active-bg: rgba(33,37,41,.5);
    --hg-btn-hover-bg: rgba(33,37,41,.5);
    --hg-btn-color: rgba(var(--hg-text-primary-rgb),1);
    --hg-btn-hover-color: unset;
    --hg-btn-border-width: 0
}

.CircleButton--stop-autoplay .AutoplayCounter {
    align-items: center;
    color: rgba(var(--hg-text-secondary-rgb),1);
    display: flex;
    font-size: 1.25rem;
    font-weight: 700;
    height: auto;
    justify-content: center;
    line-height: 1;
    margin: auto;
    padding: 0;
    position: relative;
    width: auto
}

div[data-layout-type=ribbon][data-channel=mobile] .CircleButton--stop-autoplay {
    --hg-btn-font-size: 3rem;
    --hg-btn-line-height: 3rem
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--stop-autoplay {
    font-size: 48px;
    line-height: 48px;
    max-height: 86px;
    max-width: 86px
}

@media (min-height: 240px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--stop-autoplay {
        max-height:calc(18vh + 42.8px)
    }
}

@media (min-height: 340px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--stop-autoplay {
        max-height:104px
    }
}

@media (min-height: 240px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--stop-autoplay {
        max-width:calc(18vh + 42.8px)
    }
}

@media (min-height: 340px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--stop-autoplay {
        max-width:104px
    }
}

@media (min-height: 240px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--stop-autoplay {
        font-size:calc(12vh + 19.2px)
    }
}

@media (min-height: 340px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--stop-autoplay {
        font-size:60px
    }
}

@media (min-height: 240px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--stop-autoplay {
        line-height:calc(12vh + 19.2px)
    }
}

@media (min-height: 340px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--stop-autoplay {
        line-height:60px
    }
}

.CircleButton--stop-round {
    align-items: center;
    backface-visibility: hidden;
    background: var(--hg-btn-bg);
    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);
    display: none;
    flex: 0 0 auto;
    font-family: var(--hg-typography-font-family);
    font-size: var(--hg-btn-font-size);
    font-weight: var(--hg-btn-font-weight);
    height: auto;
    justify-content: center;
    line-height: var(--hg-btn-line-height);
    padding: var(--hg-btn-padding-y) var(--hg-btn-padding-x);
    position: relative;
    text-transform: capitalize;
    transform-origin: center;
    transition: all 125ms ease;
    width: auto;
    --hg-btn-padding-x: 0.5rem;
    --hg-btn-padding-y: 0.5rem;
    --hg-btn-border-color: rgba(var(--hg-border-color-rgb),1);
    --hg-btn-border-color: rgba(var(--hg-modal-bg-rgb),1);
    --hg-btn-border-radius: 100%;
    --hg-btn-border-width: 3px;
    --hg-btn-active-bg: rgba(var(--hg-btn-bg-rgb),1);
    --hg-btn-hover-bg: rgba(var(--hg-btn-bg-rgb),1);
    --hg-btn-color: rgba(var(--hg-text-primary-rgb),1);
    --hg-btn-hover-color: rgba(var(--hg-bg-accent-rgb),1);
    --hg-btn-active-color: rgba(var(--hg-bg-accent-rgb),1);
    --hg-btn-font-size: 3.25rem;
    --hg-btn-line-height: 3.25rem;
    height: 7rem;
    width: 7rem
}

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

.CircleButton--stop-round:hover {
    background: var(--hg-btn-hover-bg);
    color: var(--hg-btn-hover-color)
}

.CircleButton--stop-round:active {
    background: var(--hg-btn-active-bg);
    color: var(--hg-btn-active-color)
}

.CircleButton--stop-round>span {
    align-items: center;
    color: inherit;
    display: inline-flex;
    text-align: center
}

.CircleButton--stop-round>i {
    --color: inherit;
    align-items: center;
    color: var(--color);
    display: inline-flex;
    fill: currentColor;
    font-size: inherit;
    height: 1em;
    justify-content: center;
    line-height: 1em;
    position: relative;
    width: 1em
}

.CircleButton--stop-round.idle-animation {
    animation: slight-clockwise-rotation .8s cubic-bezier(.23,1,.32,1) forwards;
    animation-iteration-count: 1
}

.CircleButton--stop-round.is-visible {
    display: flex
}

.CircleButton--stop-round span[class^=icon] {
    align-items: center;
    color: inherit;
    display: flex;
    flex-grow: 1;
    font-size: inherit;
    height: auto;
    justify-content: center;
    left: 50%;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

div[data-layout-type=ribbon][data-channel=mobile] .CircleButton--stop-round {
    --hg-btn-bg: rgba(33,37,41,.5);
    --hg-btn-active-bg: rgba(33,37,41,.5);
    --hg-btn-hover-bg: rgba(33,37,41,.5);
    --hg-btn-color: rgba(var(--hg-text-primary-rgb),1);
    --hg-btn-hover-color: unset;
    --hg-btn-border-width: 0;
    --hg-btn-font-size: 3rem;
    --hg-btn-line-height: 3rem
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--stop-round {
    font-size: 44px;
    line-height: 44px;
    max-height: 86px;
    max-width: 86px
}

@media (min-height: 240px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--stop-round {
        max-height:calc(18vh + 42.8px)
    }
}

@media (min-height: 340px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--stop-round {
        max-height:104px
    }
}

@media (min-height: 240px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--stop-round {
        max-width:calc(18vh + 42.8px)
    }
}

@media (min-height: 340px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--stop-round {
        max-width:104px
    }
}

@media (min-height: 240px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--stop-round {
        font-size:calc(16vh + 5.6px)
    }
}

@media (min-height: 340px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--stop-round {
        font-size:60px
    }
}

@media (min-height: 240px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--stop-round {
        line-height:calc(16vh + 5.6px)
    }
}

@media (min-height: 340px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .CircleButton--stop-round {
        line-height:60px
    }
}

.ToggleButton--advanced-autoplay-menu {
    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
}

.ToggleButton--advanced-autoplay-menu .disabled,.ToggleButton--advanced-autoplay-menu .is-disabled,.ToggleButton--advanced-autoplay-menu[disabled] {
    opacity: .8;
    pointer-events: none
}

.ToggleButton--advanced-autoplay-menu:hover {
    background: var(--hg-btn-hover-bg);
    color: var(--hg-btn-hover-color)
}

.ToggleButton--advanced-autoplay-menu:active {
    background: var(--hg-btn-active-bg);
    color: var(--hg-btn-active-color)
}

.ToggleButton--advanced-autoplay-menu>span {
    display: inline-flex;
    text-align: center
}

.ToggleButton--advanced-autoplay-menu>i {
    --color: inherit;
    align-items: center;
    color: var(--color);
    display: inline-flex;
    fill: currentColor;
    font-size: inherit;
    height: 1em;
    justify-content: center;
    line-height: 1em;
    position: relative;
    width: 1em
}

.ToggleButton--advanced-autoplay-menu {
    --hg-bg-accent: #ff5e00;
    --hg-btn-padding-x: 0.5rem;
    --hg-btn-padding-y: 0.625rem;
    --hg-btn-border-color: rgba(var(--hg-border-color-rgb),1);
    --hg-btn-border-radius: 0 0 0 20px;
    --hg-btn-border-width: 0;
    --hg-btn-bg: rgba(var(--hg-bg-accent-rgb),1);
    --hg-btn-color: rgba(var(--hg-text-secondary-rgb),1);
    --hg-btn-active-bg: rgba(var(--hg-bg-accent-rgb),0.9);
    --hg-btn-hover-bg: rgba(var(--hg-bg-accent-rgb),0.9);
    --hg-btn-hover-color: rgba(var(--hg-text-secondary-rgb),1);
    --hg-btn-active-color: rgba(var(--hg-text-secondary-rgb),1);
    --hg-btn-font-size: 1rem;
    align-items: stretch;
    background: var(--hg-btn-bg);
    display: flex;
    flex-basis: fit-content;
    flex-shrink: 0;
    justify-content: space-between;
    max-width: 50%;
    min-width: -moz-fit-content;
    min-width: fit-content;
    transition: color .15s ease;
    width: -moz-fit-content;
    width: fit-content
}

.ToggleButton--advanced-autoplay-menu>span {
    align-items: center;
    color: inherit;
    display: flex;
    font-size: inherit;
    text-transform: uppercase
}

.ToggleButton--advanced-autoplay-menu>span:last-of-type {
    font-size: 16px;
    font-weight: 700;
    padding-left: .25rem
}

.ToggleButton--advanced-autoplay-menu>span:last-of-type[data-charcount="14"] {
    font-size: calc(10.4px + .25vw);
    font-size: minmax(12px,calc(10.4px + .25vw));
    font-size: clamp(12px,10.4px + .25vw,16px)
}

.ToggleButton--advanced-autoplay-menu>span:last-of-type[data-charcount="15"] {
    font-size: calc(10px + .25vw);
    font-size: minmax(12px,calc(10px + .25vw));
    font-size: clamp(12px,10px + .25vw,16px)
}

.ToggleButton--advanced-autoplay-menu>span:last-of-type[data-charcount="16"] {
    font-size: calc(9.6px + .25vw);
    font-size: minmax(12px,calc(9.6px + .25vw));
    font-size: clamp(12px,9.6px + .25vw,16px)
}

.ToggleButton--advanced-autoplay-menu>span:last-of-type[data-charcount="17"] {
    font-size: calc(9.2px + .25vw);
    font-size: minmax(12px,calc(9.2px + .25vw));
    font-size: clamp(12px,9.2px + .25vw,16px)
}

.ToggleButton--advanced-autoplay-menu>span:last-of-type[data-charcount="18"] {
    font-size: calc(8.8px + .25vw);
    font-size: minmax(12px,calc(8.8px + .25vw));
    font-size: clamp(12px,8.8px + .25vw,16px)
}

.ToggleButton--advanced-autoplay-menu>span:last-of-type[data-charcount="19"] {
    font-size: calc(8.4px + .25vw);
    font-size: minmax(12px,calc(8.4px + .25vw));
    font-size: clamp(12px,8.4px + .25vw,16px)
}

@media screen and (min-width: 1921px) {
    .ToggleButton--advanced-autoplay-menu>span:last-of-type[data-charcount="14"] {
        font-size:10px;
        font-size: minmax(12px,10px);
        font-size: 12px
    }

    .ToggleButton--advanced-autoplay-menu>span:last-of-type[data-charcount="15"] {
        font-size: 9.625px;
        font-size: minmax(12px,9.625px);
        font-size: 12px
    }

    .ToggleButton--advanced-autoplay-menu>span:last-of-type[data-charcount="16"] {
        font-size: 9.25px;
        font-size: minmax(12px,9.25px);
        font-size: 12px
    }

    .ToggleButton--advanced-autoplay-menu>span:last-of-type[data-charcount="17"] {
        font-size: 8.875px;
        font-size: minmax(12px,8.875px);
        font-size: 12px
    }

    .ToggleButton--advanced-autoplay-menu>span:last-of-type[data-charcount="18"] {
        font-size: 8.5px;
        font-size: minmax(12px,8.5px);
        font-size: 12px
    }

    .ToggleButton--advanced-autoplay-menu>span:last-of-type[data-charcount="19"] {
        font-size: 8.125px;
        font-size: minmax(12px,8.125px);
        font-size: 12px
    }
}

div[data-layout-type^=ribbon][data-channel=mobile] .ToggleButton--advanced-autoplay-menu {
    --hg-btn-border-radius: 12px;
    --hg-btn-padding-y: 0.375rem;
    --hg-btn-font-size: 15px
}

div[data-layout-type^=ribbon][data-channel=mobile] .ToggleButton--advanced-autoplay-menu .icon-arrow-down:before {
    content: "\e902"
}

div[data-layout-type^=ribbon][data-channel=mobile] .ToggleButton--advanced-autoplay-menu .icon-arrow-up:before {
    content: "\e901"
}

.ToggleButton--autoplay-menu {
    align-items: center;
    backface-visibility: hidden;
    background: var(--hg-btn-bg);
    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);
    display: none;
    flex: 0 0 auto;
    font-family: var(--hg-typography-font-family);
    font-size: var(--hg-btn-font-size);
    font-weight: var(--hg-btn-font-weight);
    height: auto;
    justify-content: center;
    line-height: var(--hg-btn-line-height);
    padding: var(--hg-btn-padding-y) var(--hg-btn-padding-x);
    position: relative;
    text-transform: capitalize;
    transform-origin: center;
    transition: all 125ms ease;
    width: auto;
    --hg-btn-padding-x: 0.5rem;
    --hg-btn-padding-y: 0.5rem;
    --hg-btn-border-color: rgba(var(--hg-border-color-rgb),1);
    --hg-btn-border-radius: 100%;
    --hg-btn-border-width: 3px;
    --hg-btn-active-bg: rgba(var(--hg-btn-bg-rgb),1);
    --hg-btn-hover-bg: rgba(var(--hg-btn-bg-rgb),1);
    --hg-btn-color: rgba(var(--hg-text-primary-rgb),1);
    --hg-btn-hover-color: rgba(var(--hg-bg-accent-rgb),1);
    --hg-btn-active-color: rgba(var(--hg-bg-accent-rgb),1);
    --hg-btn-font-size: 2.125rem;
    --hg-btn-line-height: 2.125rem;
    height: 3.75rem;
    width: 3.75rem
}

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

.ToggleButton--autoplay-menu:hover {
    background: var(--hg-btn-hover-bg);
    color: var(--hg-btn-hover-color)
}

.ToggleButton--autoplay-menu:active {
    background: var(--hg-btn-active-bg);
    color: var(--hg-btn-active-color)
}

.ToggleButton--autoplay-menu>span {
    align-items: center;
    color: inherit;
    display: inline-flex;
    text-align: center
}

.ToggleButton--autoplay-menu>i {
    --color: inherit;
    align-items: center;
    color: var(--color);
    display: inline-flex;
    fill: currentColor;
    font-size: inherit;
    height: 1em;
    justify-content: center;
    line-height: 1em;
    position: relative;
    width: 1em
}

.ToggleButton--autoplay-menu.idle-animation {
    animation: slight-clockwise-rotation .8s cubic-bezier(.23,1,.32,1) forwards;
    animation-iteration-count: 1
}

.ToggleButton--autoplay-menu.is-visible {
    display: flex
}

.ToggleButton--autoplay-menu span[class^=icon] {
    align-items: center;
    color: inherit;
    display: flex;
    flex-grow: 1;
    font-size: inherit;
    height: auto;
    justify-content: center;
    left: 50%;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

div[data-layout-type=ribbon][data-channel=mobile] .ToggleButton--autoplay-menu {
    --hg-btn-bg: rgba(33,37,41,.5);
    --hg-btn-active-bg: rgba(33,37,41,.5);
    --hg-btn-hover-bg: rgba(33,37,41,.5);
    --hg-btn-color: rgba(var(--hg-text-primary-rgb),1);
    --hg-btn-hover-color: unset;
    --hg-btn-border-width: 0
}

.ToggleButton--autoplay-menu.is-disabled {
    pointer-events: none
}

.ToggleButton--autoplay-menu.is-disabled span[class^=icon] {
    color: #fff;
    opacity: .5
}

.autoplay-menu-active .ToggleButton--autoplay-menu span:before {
    content: "\e910";
    font-size: 1.25rem;
    transform: rotate(45deg)
}

div[data-layout-type=ribbon][data-channel=desktop] .ToggleButton--autoplay-menu,div[data-layout-type=ribbon][data-channel=desktop] .ToggleButton--autoplay-menu:hover {
    background: transparent;
    border: 0
}

div[data-layout-type=ribbon][data-channel=mobile] .ToggleButton--autoplay-menu {
    height: 2.75rem;
    width: 2.75rem;
    --hg-btn-padding-x: 0.25rem;
    --hg-btn-padding-y: 0.25rem;
    --hg-btn-border-width: 0.25px;
    --hg-btn-border-color: rgba(173,181,189,.15)
}

.ToggleButton--feature-buy {
    border-radius: 100%;
    bottom: 0;
    color: #000;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 5.25rem;
    line-height: 14px;
    padding: 6px;
    position: relative;
    text-overflow: unset;
    text-transform: capitalize;
    transform: translate(0) rotate(-45deg);
    transform-origin: center;
    transition: transform .15s linear;
    white-space: normal;
    width: 5.25rem;
    word-break: break-word
}

.ToggleButton__container--feature-buy {
    align-items: center;
    display: flex;
    justify-content: center;
    max-height: 100%;
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translate(-20%,-50%)
}

div[data-layout-type=ribbon][data-channel=mobile] .ToggleButton--feature-buy {
    font-size: 9px;
    height: 52px;
    line-height: 1;
    width: 52px
}

div[data-layout-type=ribbon][data-channel=mobile] .ToggleButton--feature-buy:after {
    border: 2px solid #000
}

div[data-layout-type=ribbon][data-channel=mobile] .ToggleButton__container--feature-buy {
    left: .5rem;
    right: unset;
    top: 0;
    transform: translateY(-.5rem);
    z-index: 15
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .ToggleButton__container--feature-buy {
    left: .75rem;
    transform: translateY(-6rem)
}

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

.ToggleButton--feature-buy,.ToggleButton--feature-buy:active,.ToggleButton--feature-buy:focus,.ToggleButton--feature-buy:hover {
    background: var(--hg-bg-accent)
}

.ToggleButton--feature-buy:after {
    backface-visibility: hidden;
    background: transparent;
    border: 3px solid #000;
    border-radius: 100%;
    bottom: 2px;
    content: "";
    display: inherit;
    height: calc(100% - 4px);
    left: 2px;
    overflow: hidden;
    position: absolute;
    right: 2px;
    top: 2px;
    transition: unset;
    width: calc(100% - 4px)
}

.ToggleButton--feature-buy:not(.ToggleButton--feature-buy.is-visible) {
    display: none;
    opacity: 0
}

@media (hover: hover) {
    .ToggleButton--feature-buy:hover {
        transform:translate(0) rotate(0);
        transform-origin: center
    }
}

div[data-channel=desktop] .bet-modifier-active .ToggleButton--feature-buy {
    line-height: 1;
    padding: 6px;
    transition: transform .15s linear
}

div[data-channel=desktop] .bet-modifier-active .ToggleButton--feature-buy[data-charcount="8"] {
    font-size: 13px
}

div[data-channel=desktop] .bet-modifier-active .ToggleButton--feature-buy[data-charcount="9"] {
    font-size: 12px
}

div[data-channel=desktop] .bet-modifier-active .ToggleButton--feature-buy[data-charcount="10"] {
    font-size: 11px
}

div[data-channel=desktop] .bet-modifier-active .ToggleButton--feature-buy[data-charcount="11"] {
    font-size: 10px
}

div[data-channel=desktop] .bet-modifier-active .ToggleButton--feature-buy[data-charcount="12"] {
    font-size: 9.5px
}

div[data-channel=desktop] .bet-modifier-active .ToggleButton--feature-buy[data-charcount="13"] {
    font-size: 9px
}

div[data-channel=desktop] .bet-modifier-active .ToggleButton--feature-buy[data-charcount="14"] {
    font-size: 8px;
    padding: 5px
}

div[data-channel=mobile] .ToggleButton--feature-buy {
    font-size: 9px;
    padding: 4px
}

div[data-channel=mobile] .ToggleButton--feature-buy[data-charcount="7"],div[data-channel=mobile] .ToggleButton--feature-buy[data-charcount="8"] {
    font-size: 8px
}

@media (hover: none) and (pointer:coarse) {
    div[data-channel=mobile] .ToggleButton--feature-buy:active {
        transform:translate(0) rotate(0);
        transform-origin: center
    }
}

div[data-channel=mobile] .bet-modifier-active .ToggleButton--feature-buy[data-charcount="9"] {
    font-size: 7.5px;
    padding: 2px
}

div[data-channel=mobile] .bet-modifier-active .ToggleButton--feature-buy[data-charcount="10"] {
    font-size: 7px;
    padding: 2px
}

div[data-channel=desktop][data-language=fi-fi] .bet-modifier-active .ToggleButton--feature-buy {
    font-size: 12.5px
}

div[data-channel=desktop][data-language=bg-bg] .bet-modifier-active .ToggleButton--feature-buy,div[data-channel=desktop][data-language=tr-tr] .bet-modifier-active .ToggleButton--feature-buy {
    font-size: 13px;
    padding: 8px
}

div[data-channel=desktop][data-language=ru-ru] .bet-modifier-active .ToggleButton--feature-buy,div[data-channel=desktop][data-language=th-th] .bet-modifier-active .ToggleButton--feature-buy {
    font-size: 11px
}

div[data-channel=desktop][data-language=ko-kr] .ToggleButton--feature-buy {
    font-size: 13px
}

div[data-channel=mobile][data-language=el-gr] .ToggleButton--feature-buy,div[data-channel=mobile][data-language=gr-gr] .ToggleButton--feature-buy,div[data-channel=mobile][data-language=pt-br] .ToggleButton--feature-buy,div[data-channel=mobile][data-language=pt-pt] .ToggleButton--feature-buy {
    font-size: 8px;
    padding: 3px
}

div[data-channel=mobile][data-language=fi-fi] .ToggleButton--feature-buy {
    font-size: 9px
}

div[data-channel=mobile][data-language=ko-kr] .ToggleButton--feature-buy {
    font-size: 7.5px;
    padding: 2px
}

div[data-channel=mobile][data-language=el-gr] .bet-modifier-active .ToggleButton--feature-buy,div[data-channel=mobile][data-language=gr-gr] .bet-modifier-active .ToggleButton--feature-buy,div[data-channel=mobile][data-language=hr-hr] .bet-modifier-active .ToggleButton--feature-buy {
    font-size: 7px
}

div[data-channel=mobile][data-language=de-de] .bet-modifier-active .ToggleButton--feature-buy,div[data-channel=mobile][data-language=ro-ro] .bet-modifier-active .ToggleButton--feature-buy {
    font-size: 6px;
    padding: 2px
}

div[data-channel=mobile][data-language=bg-bg] .bet-modifier-active .ToggleButton--feature-buy,div[data-channel=mobile][data-language=ko-kr] .bet-modifier-active .ToggleButton--feature-buy {
    font-size: 8px;
    padding: 2px
}

div[data-channel=mobile][data-language=nl-nl] .bet-modifier-active .ToggleButton--feature-buy {
    font-size: 5.75px;
    padding: 2px
}

div[data-channel=mobile][data-language=fi-fi] .bet-modifier-active .ToggleButton--feature-buy {
    font-size: 7.5px;
    padding: 3px
}

div[data-channel=mobile][data-language=tr-tr] .bet-modifier-active .ToggleButton--feature-buy {
    font-size: 9px;
    padding: 4px
}

div[data-channel=mobile][data-language=es-es] .bet-modifier-active .ToggleButton--feature-buy,div[data-channel=mobile][data-language=id-id] .bet-modifier-active .ToggleButton--feature-buy,div[data-channel=mobile][data-language=ru-ru] .bet-modifier-active .ToggleButton--feature-buy,div[data-channel=mobile][data-language=th-th] .bet-modifier-active .ToggleButton--feature-buy {
    font-size: 6px;
    padding: 2px
}

.ToggleButton--feature-promotion {
    border-radius: 100%;
    bottom: 0;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 5rem;
    line-height: 14px;
    overflow: hidden;
    padding: .25rem;
    position: relative;
    transition: all .2s ease;
    white-space: normal;
    width: 5rem
}

.ToggleButton__container--feature-promotion {
    align-items: center;
    display: flex;
    justify-content: center;
    max-height: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(132.5%,-50%)
}

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

.ToggleButton--feature-promotion.is-visible {
    animation: bounceIn .5s;
    animation: bounce-in .5s cubic-bezier(.23,1,.32,1) forwards;
    animation-delay: .25s;
    animation-iteration-count: 1;
    display: block
}

.ToggleButton--feature-promotion.is-eligible {
    filter: drop-shadow(0 0 26px #ffea2f);
    transition: .2s ease-in-out
}

.ToggleButton--feature-promotion,.ToggleButton--feature-promotion:active,.ToggleButton--feature-promotion:focus,.ToggleButton--feature-promotion:hover {
    background: transparent;
    border: 2px solid transparent
}

.ToggleButton--feature-promotion img {
    display: inline-block;
    height: 105%;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transform-origin: center;
    transition: transform .15s linear;
    width: 105%
}

.ToggleButton--feature-promotion:hover img {
    transform: translate(-50%,-50%) scale(.95)
}

div[data-layout-type=ribbon][data-channel=mobile] .ToggleButton__container--feature-promotion {
    right: .5rem;
    top: 0;
    transform: translateY(.25rem);
    z-index: 10
}

div[data-layout-type=ribbon][data-channel=mobile] .ToggleButton--feature-promotion {
    height: 3rem;
    width: 3rem
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .ToggleButton__container--feature-promotion {
    right: -74px;
    top: 2.25rem;
    transform: unset
}

@media (min-height: 320px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .ToggleButton__container--feature-promotion {
        right:calc(12vh - 112.4px)
    }
}

@media (min-height: 420px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .ToggleButton__container--feature-promotion {
        right:-62px
    }
}

.ToggleButton--main-menu {
    border-radius: var(--hg-btn-border-radius);
    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;
    --hg-btn-font-size: 1.625rem;
    --hg-btn-padding-x: 0.5rem;
    --hg-btn-padding-y: 0.5rem;
    border: 0;
    border-radius: unset;
    display: flex;
    height: inherit;
    margin: 0;
    width: inherit
}

.ToggleButton__container--main-menu {
    align-items: center;
    display: flex;
    height: 3.5rem;
    justify-content: center;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 3.5rem
}

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

.ToggleButton--main-menu:hover {
    background: var(--hg-btn-hover-bg);
    color: var(--hg-btn-hover-color)
}

.ToggleButton--main-menu:active {
    background: var(--hg-btn-active-bg);
    color: var(--hg-btn-active-color)
}

.ToggleButton--main-menu>span {
    align-items: center;
    color: inherit;
    display: inline-flex;
    text-align: center
}

.ToggleButton--main-menu>i {
    --color: inherit;
    color: var(--color);
    display: inline-flex;
    fill: currentColor;
    height: 1em;
    line-height: 1em;
    width: 1em
}

.ToggleButton--main-menu span[class^=icon],.ToggleButton--main-menu>i {
    align-items: center;
    font-size: inherit;
    justify-content: center;
    position: relative
}

.ToggleButton--main-menu span[class^=icon] {
    color: inherit;
    display: flex;
    flex-grow: 1;
    height: auto;
    line-height: 1.25
}

.MainPanel.main-menu-active .ToggleButton--main-menu .icon-menu:before {
    content: "\e910";
    display: block;
    font-size: 20px;
    transform: rotate(45deg)
}

[data-layout-type=ribbon][data-channel=desktop] .MainPanel.main-menu-active .ToggleButton--main-menu .icon-menu:before {
    font-size: 26px
}

div[data-layout-type=ribbon][data-channel=mobile] .ToggleButton--main-menu {
    border-radius: var(--hg-btn-border-radius);
    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;
    --hg-btn-font-size: 1.125rem;
    --hg-btn-padding-x: 0.5rem;
    --hg-btn-padding-y: 0.5rem;
    border: 0;
    border-radius: unset;
    display: flex;
    height: inherit;
    margin: 0;
    width: inherit;
    --hg-btn-bg: rgba(33,37,41,.5);
    --hg-btn-active-bg: rgba(33,37,41,.5);
    --hg-btn-hover-bg: rgba(33,37,41,.5)
}

div[data-layout-type=ribbon][data-channel=mobile] .ToggleButton__container--main-menu {
    align-items: center;
    display: flex;
    height: 2.75rem;
    justify-content: center;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 2.75rem
}

div[data-layout-type=ribbon][data-channel=mobile] .ToggleButton--main-menu .disabled,div[data-layout-type=ribbon][data-channel=mobile] .ToggleButton--main-menu .is-disabled,div[data-layout-type=ribbon][data-channel=mobile] .ToggleButton--main-menu[disabled] {
    opacity: .8;
    pointer-events: none
}

div[data-layout-type=ribbon][data-channel=mobile] .ToggleButton--main-menu:hover {
    background: var(--hg-btn-hover-bg);
    color: var(--hg-btn-hover-color)
}

div[data-layout-type=ribbon][data-channel=mobile] .ToggleButton--main-menu:active {
    background: var(--hg-btn-active-bg);
    color: var(--hg-btn-active-color)
}

div[data-layout-type=ribbon][data-channel=mobile] .ToggleButton--main-menu>span {
    align-items: center;
    color: inherit;
    display: inline-flex;
    text-align: center
}

div[data-layout-type=ribbon][data-channel=mobile] .ToggleButton--main-menu>i {
    --color: inherit;
    align-items: center;
    color: var(--color);
    display: inline-flex;
    fill: currentColor;
    font-size: inherit;
    height: 1em;
    justify-content: center;
    line-height: 1em;
    position: relative;
    width: 1em
}

div[data-layout-type=ribbon][data-channel=mobile] .ToggleButton--main-menu span[class^=icon] {
    align-items: center;
    color: inherit;
    display: flex;
    flex-grow: 1;
    font-size: inherit;
    height: auto;
    justify-content: center;
    line-height: 1.25;
    position: relative
}

.MainPanel.main-menu-active div[data-layout-type=ribbon][data-channel=mobile] .ToggleButton--main-menu .icon-menu:before {
    content: "\e910";
    display: block;
    font-size: 20px;
    transform: rotate(45deg)
}

[data-layout-type=ribbon][data-channel=desktop] .MainPanel.main-menu-active div[data-layout-type=ribbon][data-channel=mobile] .ToggleButton--main-menu .icon-menu:before {
    font-size: 26px
}

div[data-layout-type=ribbon][data-channel=mobile] .ToggleButton--main-menu {
    background: rgba(33,37,41,.5);
    border: .25px solid rgba(173,181,189,.15);
    border-radius: 100%;
    bottom: 2.5rem;
    left: 1rem;
    position: absolute;
    top: unset;
    z-index: 15
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=portrait] .ToggleButton--main-menu {
    bottom: 2.75rem;
    left: .5rem
}

div[data-layout-type=ribbon][data-channel=desktop] .ToggleButton--main-menu {
    margin-left: 1px
}

div[data-layout-type=ribbon][data-channel=desktop] .ToggleButton--main-menu,div[data-layout-type=ribbon][data-channel=desktop] .ToggleButton--main-menu:active,div[data-layout-type=ribbon][data-channel=desktop] .ToggleButton--main-menu:focus,div[data-layout-type=ribbon][data-channel=desktop] .ToggleButton--main-menu:hover {
    background: transparent
}

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

.DialogWindow.is-visible {
    display: flex
}

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

.Dialog {
    align-items: stretch;
    background: transparent;
    border-color: var(--hg-bg-accent);
    border-radius: var(--hg-dialog-border-radius);
    border-style: solid;
    border-width: var(--hg-dialog-border-width);
    color: var(--hg-dialog-txt-color);
    display: flex;
    flex: 0 1 40%;
    flex-direction: column;
    height: 100%;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: space-between;
    margin: auto;
    max-height: 90%;
    max-width: 42.5rem;
    min-width: 25rem;
    padding: 2.5rem;
    position: relative;
    width: 100%;
    width: 40%;
    z-index: var(--hg-modal-zindex)
}

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

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

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

.Dialog__title {
    color: var(--hg-dialog-title-txt-color);
    font-size: 1.25rem;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    text-align: center
}

@media (min-width: 360px) {
    .Dialog__title {
        font-size:calc(.4902vw + 16.23529px)
    }
}

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

.Dialog__body .hyperlink {
    cursor: pointer;
    text-decoration: underline;
    transition: all .2s ease-in
}

.Dialog__body .hyperlink:focus,.Dialog__body .hyperlink:hover {
    text-decoration: none
}

@media only screen and (max-width: 480px) {
    .Dialog {
        flex-grow:1;
        max-width: 90%;
        min-width: unset;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

.Dialog:before {
    content: none
}

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

.Dialog .scroll-area,.Dialog__wrapper {
    display: flex;
    overflow: hidden;
    width: 100%
}

.Dialog .scroll-area {
    max-height: 100%;
    position: relative
}

.Dialog .scroll-area .scroll-container {
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: .5rem
}

.Dialog .scroll-area .scroll-container::-webkit-scrollbar {
    -webkit-appearance: none;
    background-color: transparent;
    width: 6px
}

.Dialog .scroll-area .scroll-container::-webkit-scrollbar-thumb {
    background-color: var(--hg-scrollbar-thumb-bg);
    border-radius: 100px
}

.Dialog .scroll-area .scroll-container::-webkit-scrollbar-track {
    border-radius: 100px;
    -webkit-box-shadow: inset 0 0 6px rgba(73,80,87,.95)
}

.Dialog__title {
    color: var(--hg-bg-accent);
    line-height: 1.35;
    margin-bottom: 1px
}

@media (min-height: 300px) {
    .Dialog__title {
        margin-bottom:calc(11.875vh - 34.625px)
    }
}

@media (min-height: 460px) {
    .Dialog__title {
        margin-bottom:20px
    }
}

.Dialog__subtitle {
    line-height: 1;
    margin-bottom: 8px;
    margin-top: 0
}

@media (min-width: 320px) {
    .Dialog__subtitle {
        margin-bottom:calc(.59524vw + 6.09524px)
    }
}

@media (min-width: 992px) {
    .Dialog__subtitle {
        margin-bottom:12px
    }
}

.Dialog__body {
    margin: 0 auto 16px;
    padding: 20px 0;
    width: 100%
}

@media (min-height: 320px) {
    .Dialog__body {
        margin-bottom:calc(.59524vh + 14.09524px)
    }
}

@media (min-height: 992px) {
    .Dialog__body {
        margin-bottom:20px
    }
}

.Dialog__body-inner {
    padding-bottom: .25rem
}

.Dialog__errorid {
    bottom: .5rem;
    color: #495057;
    font-size: 10px;
    font-weight: 700;
    position: absolute;
    right: .5rem;
    z-index: 2
}

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

.Dialog .divider--horizontal,.Dialog .divider--vertical {
    background-color: #adb5bd;
    height: .25px;
    margin: 1rem auto;
    opacity: .25
}

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

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

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

.Dialog__action {
    --hg-btn-active-color: #fff;
    --hg-btn-color: #fff;
    --hg-btn-hover-color: #fff;
    --hg-btn-font-size: 22px;
    --hg-btn-padding-y: 1rem;
    --hg-btn-padding-x: 0.65rem;
    flex: 1 1 0;
    max-width: 12.5rem
}

.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__promo-modal-toggler {
    cursor: pointer;
    font-weight: 700;
    line-height: 1;
    margin: 1rem auto 1rem 0;
    padding-right: 1rem;
    position: relative;
    transition: all .15s ease;
    width: -moz-fit-content;
    width: fit-content
}

.Dialog__promo-modal-toggler:after,.Dialog__promo-modal-toggler:before {
    background: #495057;
    border-radius: 10px;
    bottom: 30%;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    right: 0;
    transform-origin: center right;
    transition: all .15s ease;
    width: .375rem
}

.Dialog__promo-modal-toggler:before {
    transform: translate(-.5rem,-50%) rotate(45deg)
}

.Dialog__promo-modal-toggler:after {
    transform: translate(-.5rem,-50%) rotate(-45deg)
}

.Dialog__promo-modal-toggler:hover:after {
    background: #adb5bd;
    transform: translateY(-50%) rotate(-45deg)
}

.Dialog__promo-modal-toggler:hover:before {
    background: #adb5bd;
    transform: translateY(-50%) rotate(45deg)
}

.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
}

@media screen and (max-height: 320px) {
    .Dialog {
        padding:1.5rem
    }

    .Dialog__title {
        margin-bottom: 0
    }

    .Dialog__body {
        margin-bottom: .5rem;
        padding: 16px 0
    }

    .Dialog__action-wrapper {
        max-height: 3.5rem
    }
}

div[data-channel=mobile] .Dialog {
    flex: 1 1 90%;
    max-height: 80%;
    max-width: 90%;
    padding: 20px;
    width: 90%
}

div[data-channel=mobile] .Dialog__body {
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    margin-bottom: 20px;
    padding: 20px 0
}

div[data-channel=mobile] .Dialog__body:after {
    bottom: 6px;
    content: "";
    height: .75rem;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

div[data-channel=mobile] .Dialog__action-wrapper {
    max-height: 3.75rem
}

div[data-channel=mobile] .scroll-area {
    padding-top: 20px
}

div[data-channel=mobile] .scroll-area .scroll-container {
    padding-right: .25rem
}

div[data-channel=mobile] .scroll-area .scroll-container::-webkit-scrollbar {
    width: 3px
}

div[data-channel=mobile] .scroll-area .scroll-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(73,80,87,.95)
}

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

@media screen and (max-height: 300px) {
    div[data-channel=mobile][data-orientation=landscape] .Dialog {
        padding:1.25rem
    }

    div[data-channel=mobile][data-orientation=landscape] .Dialog__body {
        margin-bottom: .5rem
    }

    div[data-channel=mobile][data-orientation=landscape] .Dialog__action-wrapper {
        max-height: 3rem
    }
}

.divider--horizontal,.divider--vertical {
    background: rgba(var(--hg-border-color-rgb),1);
    box-sizing: border-box;
    display: flex;
    padding: 0;
    position: relative
}

.divider--vertical {
    height: 100%;
    margin: 0 auto;
    min-width: .5px;
    width: .5px
}

.divider--horizontal {
    height: .5px;
    margin: .5rem auto;
    min-height: .5px;
    width: 100%
}

.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
}

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

.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%
}

.InternalReplayOverlay {
    border: 4px solid #dc3545;
    box-sizing: border-box;
    display: none;
    height: 100%;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1
}

.InternalReplayOverlay .InternalReplayWatermark {
    left: 5px;
    line-height: .7;
    position: absolute;
    top: 5px
}

.InternalReplayOverlay .InternalReplayWatermark:before {
    color: #dc3545;
    content: "R";
    font-size: 60px;
    font-weight: 700;
    -webkit-text-stroke: 2px #000
}

body.internal-replay-active .InternalReplayOverlay {
    display: block
}

body.internal-replay-active .InternalReplayOverlay .InternalReplayWatermark {
    animation-direction: alternate;
    animation-duration: .4s;
    animation-duration: .6s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: pulse-fade;
    opacity: 0
}

@keyframes pulse-fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.PreSplash {
    align-items: center;
    display: none;
    flex-flow: column;
    height: 100%;
    justify-content: center;
    margin: auto;
    position: fixed;
    transform-origin: left top 0;
    width: 100%;
    z-index: 9999
}

.PreSplash.is-visible {
    display: flex
}

.PreSplash:before {
    background: rgba(21,16,16,.95);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

.PreSplash__close {
    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);
    margin: 1rem 0;
    padding: var(--hg-btn-padding-y) var(--hg-btn-padding-x);
    position: relative;
    text-transform: capitalize
}

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

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

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

.PreSplash__close>span {
    align-items: center;
    color: inherit;
    display: inline-flex;
    text-align: center
}

.PreSplash__close>i {
    --color: inherit;
    align-items: center;
    color: var(--color);
    display: inline-flex;
    fill: currentColor;
    font-size: inherit;
    height: 1em;
    justify-content: center;
    line-height: 1em;
    position: relative;
    width: 1em
}

.PreSplash__content {
    display: flex;
    overflow: auto;
    padding-top: 1rem;
    scrollbar-color: var(--hg-scrollbar-thumb-bg) transparent;
    scrollbar-gutter: auto;
    scrollbar-width: thin;
    width: 100%;
    z-index: 1
}

.PreSplash__content ::-webkit-scrollbar {
    -webkit-appearance: none;
    background: transparent;
    width: .375rem
}

.PreSplash__content ::-webkit-scrollbar-thumb {
    background: var(--hg-scrollbar-thumb-bg);
    border-radius: 100px
}

.PreSplash__content ::-webkit-scrollbar-track {
    border-radius: 100px;
    -webkit-box-shadow: inset 0 0 6px rgba(73,80,87,.95)
}

.PreSplash__content .PreSplash__paytable {
    align-items: center;
    display: flex;
    flex-flow: column;
    justify-content: center;
    margin: auto;
    width: 60%
}

.PreSplash__content .PreSplash__paytable .GameInfo__payout-columns,.PreSplash__content .PreSplash__paytable .GameInfo__sym-list {
    width: 100%;
    z-index: 9
}

.PreSplash__content .PreSplash__paytable .GameInfo__payout-columns .PayoutColumnItem__value,.PreSplash__content .PreSplash__paytable .GameInfo__payout-columns .SymListItem__win-value,.PreSplash__content .PreSplash__paytable .GameInfo__sym-list .PayoutColumnItem__value,.PreSplash__content .PreSplash__paytable .GameInfo__sym-list .SymListItem__win-value {
    color: #fff
}

div[data-channel=mobile] .PreSplash__content .PreSplash__paytable {
    padding: 0 1rem;
    width: 100%
}

div[data-channel=mobile] .PreSplash__content .PreSplash__paytable .SymListItem {
    margin-bottom: 0
}

div[data-channel=mobile] .PreSplash__content .PreSplash__paytable .SymListItem__symbol {
    flex-basis: 70%;
    max-width: 70%
}

div[data-channel=mobile][data-orientation=landscape] .PreSplash__content .PreSplash__paytable {
    padding: 0 1rem;
    width: 100%
}

div[data-channel=mobile][data-orientation=landscape] .PreSplash__content .PreSplash__paytable .SymListItem__symbol {
    flex-basis: 30%;
    max-width: 30%
}

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

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

.NotificationHolder .Notification {
    background-color: rgba(0,0,0,.9);
    border: 3px solid #000;
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
    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: .5rem;
    position: relative;
    width: 100%
}

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

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

.NotificationHolder .Notification__body a {
    color: #fff
}

.NotificationHolder .Notification:after,.NotificationHolder .Notification__durationindicator {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
    bottom: -3px;
    display: block;
    height: 3px;
    left: -3px;
    position: absolute;
    right: -3px
}

.NotificationHolder .Notification:after {
    background: rgba(0,0,0,.9);
    box-shadow: inset 0 -2px 4px rgba(92,92,92,.5);
    content: "";
    outline: .25px solid #212529;
    z-index: 0
}

.NotificationHolder .Notification__durationindicator {
    background: #dee2e6;
    transition: width .2s linear;
    z-index: 1
}

.NotificationHolder .Notification__action-wrapper {
    display: flex;
    justify-content: center;
    width: 100%
}

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

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

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

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

div[data-layout-type=aside_panel][data-channel=mobile][data-orientation=landscape] .Modal__container {
    padding: 2rem 0 1.5rem
}

div[data-layout-type=aside_panel][data-channel=mobile][data-orientation=landscape] .Modal__title {
    padding: 0 .75rem
}

div[data-layout-type=aside_panel] .Modal.is-visible~.CoreOverlay {
    inset: unset!important
}

div[data-layout-type=ribbon][data-layout-position=dock_bottom] .Modal.BetHistoryWindow.is-visible~.UiUserPanelWrapper,div[data-layout-type=ribbon][data-layout-position=dock_bottom] .Modal.GameInfoWindow.is-visible~.UiUserPanelWrapper,div[data-layout-type=ribbon][data-layout-position=dock_top] .Modal.BetHistoryWindow.is-visible~.UiUserPanelWrapper,div[data-layout-type=ribbon][data-layout-position=dock_top] .Modal.GameInfoWindow.is-visible~.UiUserPanelWrapper {
    z-index: 1311
}

div[data-layout-type=ribbon][data-layout-position=dock_bottom] .Modal__container.BetHistory,div[data-layout-type=ribbon][data-layout-position=dock_bottom] .Modal__container.GameInfo,div[data-layout-type=ribbon][data-layout-position=dock_top] .Modal__container.BetHistory,div[data-layout-type=ribbon][data-layout-position=dock_top] .Modal__container.GameInfo {
    max-width: var(--hg-ui-contaier-width)
}

div[data-layout-type=ribbon][data-channel=desktop][data-layout-position=dock_bottom] .Modal__container.FeatureBuy,div[data-layout-type=ribbon][data-channel=desktop][data-layout-position=dock_bottom] .Modal__container.FeaturePromotion {
    padding-bottom: 2rem;
    padding-top: 1rem
}

div[data-layout-type=ribbon][data-channel=desktop][data-layout-position=dock_bottom] .Modal__container:not(.FeaturePromotion,.FeatureBuy) {
    padding-bottom: 7rem;
    padding-bottom: calc(var(--hg-ui-contaier-height) + 1.5rem);
    padding-top: 2rem
}

div[data-layout-type=ribbon][data-channel=mobile][data-layout-position=dock_bottom][data-orientation=portrait] .Modal__container {
    padding: 2rem 0
}

div[data-layout-type=ribbon][data-channel=mobile][data-layout-position=dock_bottom][data-orientation=portrait] .Modal__container:not(.FeaturePromotion,.FeatureBuy) {
    padding-bottom: calc(var(--hg-ui-contaier-height) + 4rem)
}

div[data-layout-type=ribbon][data-channel=mobile][data-layout-position=dock_bottom][data-orientation=landscape] .Modal__container:not(.FeaturePromotion,.FeatureBuy) {
    padding: 2rem 8.5rem 2rem 4rem
}

.BetHistoryWindow.Modal {
    align-items: center;
    background: transparent;
    display: none;
    height: 100%;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    transform-origin: left top 0;
    width: 100%;
    z-index: 1200
}

.BetHistoryWindow.Modal.is-visible,.BetHistoryWindow.Modal.is-visible .Modal {
    display: flex
}

.BetHistoryWindow.Modal:before {
    background: rgba(var(--hg-modal-backdrop-bg-rgb),.95);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

.BetHistoryWindow .Modal__container {
    display: flex;
    height: 100%;
    scrollbar-gutter: auto;
    scrollbar-width: thin;
    width: 100%
}

@supports (-moz-appearance: button) and (contain:paint) {
    .BetHistoryWindow .Modal__container {
        scrollbar-color:var(--hg-scrollbar-thumb-bg) transparent
    }
}

.BetHistoryWindow .Modal__container ::-webkit-scrollbar {
    -webkit-appearance: none;
    background: transparent;
    width: .375rem
}

.BetHistoryWindow .Modal__container ::-webkit-scrollbar-thumb {
    background: var(--hg-scrollbar-thumb-bg);
    border-radius: 100px
}

.BetHistoryWindow .Modal__container ::-webkit-scrollbar-track {
    border-radius: 100px;
    -webkit-box-shadow: inset 0 0 6px rgba(73,80,87,.95)
}

.BetHistoryWindow .Modal__close-button {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 1.5rem;
    height: 3rem;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .15s linear;
    width: 3rem;
    z-index: 9000
}

.BetHistoryWindow .Modal__close-button>span {
    position: relative;
    transform: rotate(45deg);
    width: 40%
}

.BetHistoryWindow .Modal__close-button>span,.BetHistoryWindow .Modal__close-button>span:before {
    background: #adb5bd;
    border-radius: 5px;
    display: block;
    height: 3px;
    transition: all .15s linear
}

.BetHistoryWindow .Modal__close-button>span:before {
    content: "";
    position: absolute;
    transform: rotate(-90deg);
    width: 100%
}

.BetHistoryWindow .Modal__close-button:before {
    align-items: center;
    border: 2px solid #adb5bd;
    border-radius: 100rem;
    content: "";
    cursor: pointer;
    display: flex;
    font-size: 1.5rem;
    height: 2rem;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    transition: all .15s linear;
    width: 2rem
}

.BetHistoryWindow .Modal__close-button:active>span,.BetHistoryWindow .Modal__close-button:active>span:after,.BetHistoryWindow .Modal__close-button:active>span:before,.BetHistoryWindow .Modal__close-button:hover>span,.BetHistoryWindow .Modal__close-button:hover>span:after,.BetHistoryWindow .Modal__close-button:hover>span:before {
    background-color: rgba(var(--hg-bg-accent-rgb),1)
}

.BetHistoryWindow .Modal__close-button:active:before,.BetHistoryWindow .Modal__close-button:hover:before {
    border-color: rgba(var(--hg-bg-accent-rgb),1)
}

.BetHistoryWindow .Modal__title {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.BetHistoryWindow .Modal__title .divider--horizontal {
    background: #adb5bd;
    height: .25px;
    margin: 1rem auto;
    min-height: .25px;
    opacity: .25;
    width: 100%
}

.BetHistoryWindow .Modal__title>span {
    align-items: center;
    display: inline-flex;
    justify-content: center
}

div[data-channel=mobile] .BetHistoryWindow .Modal__title {
    padding: 0 1rem
}

div[data-channel=mobile] .BetHistoryWindow .Modal__title>span {
    line-height: 1;
    margin: 0 2.25rem 0 0
}

div[data-channel=mobile] .BetHistoryWindow .Modal__title .divider--horizontal {
    height: .25px;
    margin: .5rem auto
}

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

div[data-channel=mobile] .BetHistoryWindow .Modal__close-button {
    right: .5rem;
    top: 1rem
}

.BetHistoryWindow.is-visible~.CoreOverlay {
    margin-right: 2.5rem;
    z-index: 1210
}

.BetHistoryWindow.is-visible~.CoreOverlay .InGameBrandingHolder {
    display: none
}

.BetHistoryWindow .BetHistory {
    align-items: flex-start;
    color: var(--hg-text-primary);
    justify-content: stretch;
    margin: 0 auto;
    max-width: 52.5rem;
    padding: 2.5rem 0
}

.BetHistoryWindow .BetHistory__inner {
    align-items: stretch;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    max-height: 100%;
    max-width: 100%;
    min-width: 320px;
    padding: 0;
    position: relative;
    width: 100%
}

.BetHistoryWindow .BetHistory__inner:after {
    background: linear-gradient(0deg,#000,rgba(0,0,0,.05));
    bottom: -1px;
    content: "";
    height: calc(2.5rem - .5vw);
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

.BetHistoryWindow .BetHistory__title {
    font-size: 20px;
    font-size: 16px;
    font-weight: 700;
    margin: 0 auto;
    text-align: center
}

@media (min-width: 360px) {
    .BetHistoryWindow .BetHistory__title {
        font-size:calc(.98039vw + 12.47059px)
    }
}

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

.BetHistoryWindow .BetHistory__subtitle--explainer {
    color: #adb5bd;
    font-size: 8px;
    font-size: 14px;
    line-height: 1.15;
    margin: .75rem auto;
    padding: 0 1rem;
    text-align: center
}

@media (min-width: 320px) {
    .BetHistoryWindow .BetHistory__subtitle--explainer {
        font-size:calc(1.19048vw + 4.19048px)
    }
}

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

.BetHistoryWindow .BetHistory .BetHistoryNavBar {
    margin: 0 auto;
    padding: 0;
    width: 100%
}

.BetHistoryWindow .BetHistory .BetHistoryNavBar__navlist {
    align-items: stretch;
    border-top: .5px solid #495057;
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

.BetHistoryWindow .BetHistory .BetHistoryNavBar__navitem {
    align-items: center;
    border: 0;
    display: flex;
    flex: 1;
    flex-wrap: nowrap;
    height: auto;
    justify-content: center;
    max-width: 33.33%;
    min-height: 3rem
}

.BetHistoryWindow .BetHistory .BetHistoryNavBar__button {
    background-color: transparent;
    border: 0;
    border-radius: var(--hg-btn-border-radius);
    border-radius: 0;
    box-shadow: inset -1px 0 0 0 #495057,inset 0 -.125rem 0 0 #495057;
    color: var(--hg-btn-color);
    flex-direction: column;
    font-family: var(--hg-typography-font-family);
    font-size: var(--hg-btn-font-size);
    font-weight: var(--hg-btn-font-weight);
    height: 100%;
    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 .25s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

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

.BetHistoryWindow .BetHistory .BetHistoryNavBar__button:hover {
    background: var(--hg-btn-hover-bg);
    color: var(--hg-btn-hover-color)
}

.BetHistoryWindow .BetHistory .BetHistoryNavBar__button:active {
    background: var(--hg-btn-active-bg);
    color: var(--hg-btn-active-color)
}

.BetHistoryWindow .BetHistory .BetHistoryNavBar__button>span {
    align-items: center;
    color: inherit;
    display: inline-flex;
    text-align: center
}

.BetHistoryWindow .BetHistory .BetHistoryNavBar__button>i {
    --color: inherit;
    align-items: center;
    color: var(--color);
    display: inline-flex;
    fill: currentColor;
    font-size: inherit;
    height: 1em;
    justify-content: center;
    line-height: 1em;
    position: relative;
    width: 1em
}

.BetHistoryWindow .BetHistory .BetHistoryNavBar__button:active,.BetHistoryWindow .BetHistory .BetHistoryNavBar__button:hover {
    box-shadow: inset -1px 0 0 0 #495057,inset 0 -.125rem 0 0 rgba(var(--hg-bg-accent-rgb),.9)
}

.BetHistoryWindow .BetHistory .BetHistoryNavBar__button.is-selected {
    box-shadow: inset -1px 0 0 0 #495057,inset 0 -5rem 0 0 rgba(var(--hg-bg-accent-rgb),.9);
    color: var(--hg-text-secondary)
}

.BetHistoryWindow .BetHistory .BetHistoryNavBar__navitem:last-of-type>button {
    box-shadow: inset -1px 0 0 0 transparent,inset 0 -.125rem 0 0 #495057
}

.BetHistoryWindow .BetHistory .BetHistoryNavBar__navitem:last-of-type>button:active,.BetHistoryWindow .BetHistory .BetHistoryNavBar__navitem:last-of-type>button:hover {
    box-shadow: inset -1px 0 0 0 transparent,inset 0 -.125rem 0 0 rgba(var(--hg-bg-accent-rgb),.9)
}

.BetHistoryWindow .BetHistory .BetHistoryNavBar__navitem:last-of-type>button.is-selected {
    box-shadow: inset -1px 0 0 0 transparent,inset 0 -5rem 0 0 rgba(var(--hg-bg-accent-rgb),.9);
    color: var(--hg-text-secondary)
}

.BetHistoryWindow .BetHistory .BetHistoryNavBar__subtitle,.BetHistoryWindow .BetHistory .BetHistoryNavBar__title {
    display: block;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    white-space: nowrap
}

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

.BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="9"] {
    font-size: calc(12.41px + .3vw);
    font-size: minmax(6px,calc(12.41px + .3vw));
    font-size: clamp(6px,12.41px + .3vw,17px)
}

.BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="10"] {
    font-size: calc(11.9px + .3vw);
    font-size: minmax(6px,calc(11.9px + .3vw));
    font-size: clamp(6px,11.9px + .3vw,17px)
}

.BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="11"] {
    font-size: calc(11.39px + .3vw);
    font-size: minmax(6px,calc(11.39px + .3vw));
    font-size: clamp(6px,11.39px + .3vw,17px)
}

.BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="12"] {
    font-size: calc(10.88px + .3vw);
    font-size: minmax(6px,calc(10.88px + .3vw));
    font-size: clamp(6px,10.88px + .3vw,17px)
}

.BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="13"] {
    font-size: calc(10.37px + .3vw);
    font-size: minmax(6px,calc(10.37px + .3vw));
    font-size: clamp(6px,10.37px + .3vw,17px)
}

.BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="14"] {
    font-size: calc(9.86px + .3vw);
    font-size: minmax(6px,calc(9.86px + .3vw));
    font-size: clamp(6px,9.86px + .3vw,17px)
}

.BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="15"] {
    font-size: calc(9.35px + .3vw);
    font-size: minmax(6px,calc(9.35px + .3vw));
    font-size: clamp(6px,9.35px + .3vw,17px)
}

.BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="16"] {
    font-size: calc(8.84px + .3vw);
    font-size: minmax(6px,calc(8.84px + .3vw));
    font-size: clamp(6px,8.84px + .3vw,17px)
}

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

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

.BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="19"] {
    font-size: calc(7.31px + .3vw);
    font-size: minmax(6px,calc(7.31px + .3vw));
    font-size: clamp(6px,7.31px + .3vw,17px)
}

.BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="20"] {
    font-size: calc(6.8px + .3vw);
    font-size: minmax(6px,calc(6.8px + .3vw));
    font-size: clamp(6px,6.8px + .3vw,17px)
}

.BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="21"] {
    font-size: calc(6.29px + .3vw);
    font-size: minmax(6px,calc(6.29px + .3vw));
    font-size: clamp(6px,6.29px + .3vw,17px)
}

.BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="22"] {
    font-size: calc(5.78px + .3vw);
    font-size: minmax(6px,calc(5.78px + .3vw));
    font-size: clamp(6px,5.78px + .3vw,17px)
}

.BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="23"] {
    font-size: calc(5.27px + .3vw);
    font-size: minmax(6px,calc(5.27px + .3vw));
    font-size: clamp(6px,5.27px + .3vw,17px)
}

.BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="24"] {
    font-size: calc(4.76px + .3vw);
    font-size: minmax(6px,calc(4.76px + .3vw));
    font-size: clamp(6px,4.76px + .3vw,17px)
}

.BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="25"] {
    font-size: calc(4.25px + .3vw);
    font-size: minmax(6px,calc(4.25px + .3vw));
    font-size: clamp(6px,4.25px + .3vw,17px)
}

.BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="26"] {
    font-size: calc(3.74px + .3vw);
    font-size: minmax(6px,calc(3.74px + .3vw));
    font-size: clamp(6px,3.74px + .3vw,17px)
}

.BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="27"] {
    font-size: calc(3.23px + .3vw);
    font-size: minmax(6px,calc(3.23px + .3vw));
    font-size: clamp(6px,3.23px + .3vw,17px)
}

.BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="28"] {
    font-size: calc(2.72px + .3vw);
    font-size: minmax(6px,calc(2.72px + .3vw));
    font-size: clamp(6px,2.72px + .3vw,17px)
}

.BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="29"] {
    font-size: calc(2.21px + .3vw);
    font-size: minmax(6px,calc(2.21px + .3vw));
    font-size: clamp(6px,2.21px + .3vw,17px)
}

@media screen and (min-width: 460px) {
    .BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="10"] {
        font-size:calc(13.175px + .225vw);
        font-size: minmax(6px,calc(13.175px + .225vw));
        font-size: clamp(6px,13.175px + .225vw,17px)
    }

    .BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="11"] {
        font-size: calc(12.7925px + .225vw);
        font-size: minmax(6px,calc(12.7925px + .225vw));
        font-size: clamp(6px,12.7925px + .225vw,17px)
    }

    .BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="12"] {
        font-size: calc(12.41px + .225vw);
        font-size: minmax(6px,calc(12.41px + .225vw));
        font-size: clamp(6px,12.41px + .225vw,17px)
    }

    .BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="13"] {
        font-size: calc(12.0275px + .225vw);
        font-size: minmax(6px,calc(12.0275px + .225vw));
        font-size: clamp(6px,12.0275px + .225vw,17px)
    }

    .BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="14"] {
        font-size: calc(11.645px + .225vw);
        font-size: minmax(6px,calc(11.645px + .225vw));
        font-size: clamp(6px,11.645px + .225vw,17px)
    }

    .BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="15"] {
        font-size: calc(11.2625px + .225vw);
        font-size: minmax(6px,calc(11.2625px + .225vw));
        font-size: clamp(6px,11.2625px + .225vw,17px)
    }

    .BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="16"] {
        font-size: calc(10.88px + .225vw);
        font-size: minmax(6px,calc(10.88px + .225vw));
        font-size: clamp(6px,10.88px + .225vw,17px)
    }

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

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

    .BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="19"] {
        font-size: calc(9.7325px + .225vw);
        font-size: minmax(6px,calc(9.7325px + .225vw));
        font-size: clamp(6px,9.7325px + .225vw,17px)
    }

    .BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="20"] {
        font-size: calc(9.35px + .225vw);
        font-size: minmax(6px,calc(9.35px + .225vw));
        font-size: clamp(6px,9.35px + .225vw,17px)
    }

    .BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="21"] {
        font-size: calc(8.9675px + .225vw);
        font-size: minmax(6px,calc(8.9675px + .225vw));
        font-size: clamp(6px,8.9675px + .225vw,17px)
    }

    .BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="22"] {
        font-size: calc(8.585px + .225vw);
        font-size: minmax(6px,calc(8.585px + .225vw));
        font-size: clamp(6px,8.585px + .225vw,17px)
    }

    .BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="23"] {
        font-size: calc(8.2025px + .225vw);
        font-size: minmax(6px,calc(8.2025px + .225vw));
        font-size: clamp(6px,8.2025px + .225vw,17px)
    }

    .BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="24"] {
        font-size: calc(7.82px + .225vw);
        font-size: minmax(6px,calc(7.82px + .225vw));
        font-size: clamp(6px,7.82px + .225vw,17px)
    }

    .BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="25"] {
        font-size: calc(7.4375px + .225vw);
        font-size: minmax(6px,calc(7.4375px + .225vw));
        font-size: clamp(6px,7.4375px + .225vw,17px)
    }

    .BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="26"] {
        font-size: calc(7.055px + .225vw);
        font-size: minmax(6px,calc(7.055px + .225vw));
        font-size: clamp(6px,7.055px + .225vw,17px)
    }

    .BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="27"] {
        font-size: calc(6.6725px + .225vw);
        font-size: minmax(6px,calc(6.6725px + .225vw));
        font-size: clamp(6px,6.6725px + .225vw,17px)
    }

    .BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="28"] {
        font-size: calc(6.29px + .225vw);
        font-size: minmax(6px,calc(6.29px + .225vw));
        font-size: clamp(6px,6.29px + .225vw,17px)
    }

    .BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="29"] {
        font-size: calc(5.9075px + .225vw);
        font-size: minmax(6px,calc(5.9075px + .225vw));
        font-size: clamp(6px,5.9075px + .225vw,17px)
    }
}

@media screen and (min-width: 860px) {
    .BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="12"] {
        font-size:calc(14.22px + .175vw);
        font-size: minmax(6px,calc(14.22px + .175vw));
        font-size: clamp(6px,14.22px + .175vw,17px)
    }

    .BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="13"] {
        font-size: calc(13.905px + .175vw);
        font-size: minmax(6px,calc(13.905px + .175vw));
        font-size: clamp(6px,13.905px + .175vw,17px)
    }

    .BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="14"] {
        font-size: calc(13.59px + .175vw);
        font-size: minmax(6px,calc(13.59px + .175vw));
        font-size: clamp(6px,13.59px + .175vw,17px)
    }

    .BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="15"] {
        font-size: calc(13.275px + .175vw);
        font-size: minmax(6px,calc(13.275px + .175vw));
        font-size: clamp(6px,13.275px + .175vw,17px)
    }

    .BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="16"] {
        font-size: calc(12.96px + .175vw);
        font-size: minmax(6px,calc(12.96px + .175vw));
        font-size: clamp(6px,12.96px + .175vw,17px)
    }

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

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

    .BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="19"] {
        font-size: calc(12.015px + .175vw);
        font-size: minmax(6px,calc(12.015px + .175vw));
        font-size: clamp(6px,12.015px + .175vw,17px)
    }

    .BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="20"] {
        font-size: calc(11.7px + .175vw);
        font-size: minmax(6px,calc(11.7px + .175vw));
        font-size: clamp(6px,11.7px + .175vw,17px)
    }

    .BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="21"] {
        font-size: calc(11.385px + .175vw);
        font-size: minmax(6px,calc(11.385px + .175vw));
        font-size: clamp(6px,11.385px + .175vw,17px)
    }

    .BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="22"] {
        font-size: calc(11.07px + .175vw);
        font-size: minmax(6px,calc(11.07px + .175vw));
        font-size: clamp(6px,11.07px + .175vw,17px)
    }

    .BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="23"] {
        font-size: calc(10.755px + .175vw);
        font-size: minmax(6px,calc(10.755px + .175vw));
        font-size: clamp(6px,10.755px + .175vw,17px)
    }

    .BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="24"] {
        font-size: calc(10.44px + .175vw);
        font-size: minmax(6px,calc(10.44px + .175vw));
        font-size: clamp(6px,10.44px + .175vw,17px)
    }

    .BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="25"] {
        font-size: calc(10.125px + .175vw);
        font-size: minmax(6px,calc(10.125px + .175vw));
        font-size: clamp(6px,10.125px + .175vw,17px)
    }

    .BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="26"] {
        font-size: calc(9.81px + .175vw);
        font-size: minmax(6px,calc(9.81px + .175vw));
        font-size: clamp(6px,9.81px + .175vw,17px)
    }

    .BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="27"] {
        font-size: calc(9.495px + .175vw);
        font-size: minmax(6px,calc(9.495px + .175vw));
        font-size: clamp(6px,9.495px + .175vw,17px)
    }

    .BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="28"] {
        font-size: calc(9.18px + .175vw);
        font-size: minmax(6px,calc(9.18px + .175vw));
        font-size: clamp(6px,9.18px + .175vw,17px)
    }

    .BetHistoryWindow .BetHistory .BetHistoryNavBar__title[data-charcount="29"] {
        font-size: calc(8.865px + .175vw);
        font-size: minmax(6px,calc(8.865px + .175vw));
        font-size: clamp(6px,8.865px + .175vw,17px)
    }
}

.BetHistoryWindow .BetHistory .BetHistoryNavBar__subtitle {
    font-size: 10px;
    font-weight: 500;
    line-height: 1.25;
    white-space: pre-wrap
}

.BetHistoryWindow .BetHistory .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 .BetHistory .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 .BetHistory .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 .BetHistory .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 .BetHistory .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 .BetHistory .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 .BetHistory .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 .BetHistory .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 .BetHistory .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 .BetHistory .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 .BetHistory .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 .BetHistory .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 .BetHistory .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 .BetHistory .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 .BetHistory .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 .BetHistory .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 .BetHistory .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 .BetHistory .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 .BetHistory .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 .BetHistory .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)
}

div[data-channel=mobile] .BetHistoryWindow .BetHistory .BetHistoryNavBar__navitem {
    min-height: 2.25rem
}

.BetHistoryWindow .BetHistory__table,.BetHistoryWindow .BetHistory__table table {
    border-collapse: collapse;
    text-align: left;
    width: 100%
}

.BetHistoryWindow .BetHistory__table-container {
    height: 100%;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    overflow-y: auto;
    padding: 0 .25rem calc(2.5rem - .5vw) 0;
    position: relative;
    width: 100%
}

.BetHistoryWindow .BetHistory__table thead {
    background: transparent;
    position: relative;
    z-index: 1
}

.BetHistoryWindow .BetHistory__table th {
    background: rgba(21,16,16,.75);
    padding: .5rem 0;
    position: sticky;
    top: 0
}

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

.BetHistoryWindow .BetHistory__table th:before {
    border-bottom: .25px solid rgba(73,80,87,.25);
    bottom: 0;
    box-shadow: 0 4px 8px -7px var(--hg-bg-accent);
    content: "";
    height: 100%;
    left: 0;
    opacity: .45;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.BetHistoryWindow .BetHistory__table tbody {
    white-space: nowrap
}

.BetHistoryWindow .BetHistory__table tr {
    font-weight: 400;
    position: relative
}

.BetHistoryWindow .BetHistory__table tr:first-of-type {
    border-top: unset
}

.BetHistoryWindow .BetHistory__table tr:nth-of-type(4n+3),.BetHistoryWindow .BetHistory__table tr:nth-of-type(4n+4) {
    background: rgba(73,80,87,.15)
}

.BetHistoryWindow .BetHistory__table tr:nth-of-type(odd) {
    border-bottom: .125px solid rgba(73,80,87,.2)
}

.BetHistoryWindow .BetHistory__table tr:nth-of-type(2n+2) {
    border-bottom: .25px solid rgba(73,80,87,.25)
}

.BetHistoryWindow .BetHistory__table th {
    padding: 2px 4px
}

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

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

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

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

@media (min-width: 320px) {
    .BetHistoryWindow .BetHistory__table th {
        padding-right:calc(1.33929vw - .28571px)
    }
}

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

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

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

.BetHistoryWindow .BetHistory__table td {
    color: #ced4da;
    font-size: 9px;
    padding: 2px 4px
}

@media (min-width: 360px) {
    .BetHistoryWindow .BetHistory__table td {
        font-size:calc(.73529vw + 6.35294px)
    }
}

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

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

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

@media (min-width: 320px) {
    .BetHistoryWindow .BetHistory__table td {
        padding-left:calc(.89286vw + 1.14286px)
    }
}

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

@media (min-width: 320px) {
    .BetHistoryWindow .BetHistory__table td {
        padding-right:calc(.89286vw + 1.14286px)
    }
}

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

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

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

.BetHistoryWindow .BetHistory__table tr:nth-of-type(odd) td {
    color: #fafafa;
    font-size: 11px
}

@media (min-width: 360px) {
    .BetHistoryWindow .BetHistory__table tr:nth-of-type(odd) td {
        font-size:calc(.73529vw + 8.35294px)
    }
}

@media (min-width: 768px) {
    .BetHistoryWindow .BetHistory__table tr:nth-of-type(odd) td {
        font-size:14px
    }
}

.BetHistory__replay-container {
    align-items: center;
    display: flex;
    flex-basis: 100%;
    justify-content: space-between;
    width: 100%
}

.BetHistory__game-title,.BetHistory__replay {
    flex-grow: 1
}

[data-channel=mobile] .BetHistoryWindow .BetHistory__table-container {
    max-width: 52.5rem;
    padding: 0 .25rem calc(1.5rem - .5vw) 0
}

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

[data-channel=mobile] .BetHistoryWindow .BetHistory__table th {
    font-size: 12px;
    min-width: 4rem;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding-bottom: 6px;
    padding-top: 6px
}

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

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

@media (min-width: 992px) {
    [data-channel=mobile] .BetHistoryWindow .BetHistory__table th {
        font-size:18px
    }
}

@media (min-width: 360px) {
    [data-channel=mobile] .BetHistoryWindow .BetHistory__table th {
        padding-bottom:calc(.63291vw + 3.72152px)
    }
}

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

@media (min-width: 360px) {
    [data-channel=mobile] .BetHistoryWindow .BetHistory__table th {
        padding-top:calc(.63291vw + 3.72152px)
    }
}

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

[data-channel=mobile] .BetHistoryWindow .BetHistory__table th:first-child,[data-channel=mobile] .BetHistoryWindow .BetHistory__table th:last-child {
    min-width: 5rem
}

[data-channel=mobile] .BetHistoryWindow .BetHistory__table td {
    font-size: 10px;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding-bottom: 4px;
    padding-top: 4px
}

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

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

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

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

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

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

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

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

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

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

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

.BetHistoryWindow .BetHistory__cell--date span:last-of-type {
    font-size: 75%
}

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

.BetHistoryWindow .BetHistory__game-title {
    flex-grow: 1;
    font-weight: 600
}

.BetHistoryWindow .BetHistory__replay {
    color: #fafafa;
    flex-grow: 1;
    white-space: nowrap
}

.BetHistoryWindow .ReplayAnchor {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
    margin-left: auto;
    transition: color .15s ease-out;
    width: 100%;
    width: -moz-fit-content;
    width: fit-content
}

.BetHistoryWindow .ReplayAnchor:active,.BetHistoryWindow .ReplayAnchor:hover {
    color: rgba(var(--hg-bg-accent-rgb),1)
}

.BetHistoryWindow .ReplayAnchor>* {
    display: inline-flex;
    font-size: .75rem
}

.BetHistoryWindow .ReplayAnchor span:not(span:last-of-type) {
    margin-right: .5rem;
    text-decoration: underline;
    text-decoration-thickness: 1px
}

.BetHistoryWindow .ReplayAnchor .pseudolink {
    color: inherit;
    margin-right: .5rem;
    text-decoration: underline;
    transition: color .15s ease
}

.BetHistoryWindow .ReplayAnchor .pseudolink:active,.BetHistoryWindow .ReplayAnchor .pseudolink:hover {
    color: rgba(var(--hg-bg-accent-rgb),1)
}

.BetHistoryWindow .PlayButton {
    color: inherit;
    font-size: 15px;
    overflow: hidden;
    padding: 4px;
    transition: color .15s ease
}

.BetHistoryWindow .PlayButton__title {
    margin-left: .75rem
}

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

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

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

div[data-channel=mobile] .BetHistoryWindow .BetHistory__title {
    padding: 0 3rem 0 1rem;
    width: 100%
}

div[data-channel=mobile][data-orientation=landscape] .BetHistoryWindow .BetHistory__title {
    padding: 0 1rem;
    width: 100%
}

@media screen and (max-width: 560px) {
    div[data-channel=mobile][data-orientation=portrait] .BetHistoryWindow .BetHistory__replay-container {
        flex-direction:column
    }

    div[data-channel=mobile][data-orientation=portrait] .BetHistoryWindow .BetHistory .ReplayAnchor,div[data-channel=mobile][data-orientation=portrait] .BetHistoryWindow .BetHistory__game-title,div[data-channel=mobile][data-orientation=portrait] .BetHistoryWindow .BetHistory__replay {
        width: 100%
    }

    div[data-channel=mobile][data-orientation=portrait] .BetHistoryWindow .BetHistory__replay {
        position: relative
    }

    div[data-channel=mobile][data-orientation=portrait] .BetHistoryWindow .BetHistory .ReplayAnchor {
        height: 0;
        justify-content: space-between;
        margin: 0 auto .75rem
    }

    div[data-channel=mobile][data-orientation=portrait] .BetHistoryWindow .BetHistory .PlayButton,div[data-channel=mobile][data-orientation=portrait] .BetHistoryWindow .BetHistory .pseudolink {
        position: absolute;
        top: 0;
        width: -moz-fit-content;
        width: fit-content
    }

    div[data-channel=mobile][data-orientation=portrait] .BetHistoryWindow .BetHistory .pseudolink {
        font-size: 9px;
        font-size: 8px;
        left: 0
    }
}

@media screen and (max-width: 560px) and (min-width:320px) {
    div[data-channel=mobile][data-orientation=portrait] .BetHistoryWindow .BetHistory .pseudolink {
        font-size:calc(1.25vw + 4px)
    }
}

@media screen and (max-width: 560px) and (min-width:560px) {
    div[data-channel=mobile][data-orientation=portrait] .BetHistoryWindow .BetHistory .pseudolink {
        font-size:11px
    }
}

@media screen and (max-width: 560px) {
    div[data-channel=mobile][data-orientation=portrait] .BetHistoryWindow .BetHistory .PlayButton {
        font-size:15px;
        right: 0;
        top: -5px
    }
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .BetHistoryWindow.is-visible~.UiUserPanelWrapper .ToggleButton__container--feature-promotion {
    display: none
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape][data-layout-position=dock_bottom] .BetHistoryWindow .BetHistory__subtitle--explainer {
    margin: .25rem auto
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape][data-layout-position=dock_bottom] .BetHistoryWindow .BetHistory:after {
    height: calc(1.5rem - .5vw)
}

.FeatureBuyWindow.Modal {
    align-items: center;
    background: transparent;
    display: none;
    height: 100%;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    transform-origin: left top 0;
    width: 100%;
    z-index: 1100
}

.FeatureBuyWindow.Modal.is-visible,.FeatureBuyWindow.Modal.is-visible .Modal {
    display: flex
}

.FeatureBuyWindow.Modal:before {
    background: rgba(45,45,45,.7);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

.FeatureBuyWindow .Modal__container {
    display: flex;
    height: 100%;
    scrollbar-gutter: auto;
    scrollbar-width: thin;
    width: 100%
}

@supports (-moz-appearance: button) and (contain:paint) {
    .FeatureBuyWindow .Modal__container {
        scrollbar-color:var(--hg-scrollbar-thumb-bg) transparent
    }
}

.FeatureBuyWindow .Modal__container ::-webkit-scrollbar {
    -webkit-appearance: none;
    background: transparent;
    width: .375rem
}

.FeatureBuyWindow .Modal__container ::-webkit-scrollbar-thumb {
    background: var(--hg-scrollbar-thumb-bg);
    border-radius: 100px
}

.FeatureBuyWindow .Modal__container ::-webkit-scrollbar-track {
    border-radius: 100px;
    -webkit-box-shadow: inset 0 0 6px rgba(73,80,87,.95)
}

.FeatureBuyWindow .Modal__close-button {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 1.5rem;
    height: 3rem;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .15s linear;
    width: 3rem;
    z-index: 9000
}

.FeatureBuyWindow .Modal__close-button>span {
    position: relative;
    transform: rotate(45deg);
    width: 40%
}

.FeatureBuyWindow .Modal__close-button>span,.FeatureBuyWindow .Modal__close-button>span:before {
    background: #adb5bd;
    border-radius: 5px;
    display: block;
    height: 3px;
    transition: all .15s linear
}

.FeatureBuyWindow .Modal__close-button>span:before {
    content: "";
    position: absolute;
    transform: rotate(-90deg);
    width: 100%
}

.FeatureBuyWindow .Modal__close-button:before {
    align-items: center;
    border: 2px solid #adb5bd;
    border-radius: 100rem;
    content: "";
    cursor: pointer;
    display: flex;
    font-size: 1.5rem;
    height: 2rem;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    transition: all .15s linear;
    width: 2rem
}

.FeatureBuyWindow .Modal__close-button:active>span,.FeatureBuyWindow .Modal__close-button:active>span:after,.FeatureBuyWindow .Modal__close-button:active>span:before,.FeatureBuyWindow .Modal__close-button:hover>span,.FeatureBuyWindow .Modal__close-button:hover>span:after,.FeatureBuyWindow .Modal__close-button:hover>span:before {
    background-color: rgba(var(--hg-bg-accent-rgb),1)
}

.FeatureBuyWindow .Modal__close-button:active:before,.FeatureBuyWindow .Modal__close-button:hover:before {
    border-color: rgba(var(--hg-bg-accent-rgb),1)
}

.FeatureBuyWindow .Modal__title {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.FeatureBuyWindow .Modal__title .divider--horizontal {
    background: #adb5bd;
    height: .25px;
    margin: 1rem auto;
    min-height: .25px;
    opacity: .25;
    width: 100%
}

.FeatureBuyWindow .Modal__title>span {
    align-items: center;
    display: inline-flex;
    justify-content: center
}

div[data-channel=mobile] .FeatureBuyWindow .Modal__title {
    padding: 0 1rem
}

div[data-channel=mobile] .FeatureBuyWindow .Modal__title>span {
    line-height: 1;
    margin: 0 2.25rem 0 0
}

div[data-channel=mobile] .FeatureBuyWindow .Modal__title .divider--horizontal {
    height: .25px;
    margin: .5rem auto
}

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

div[data-channel=mobile] .FeatureBuyWindow .Modal__close-button {
    right: .5rem;
    top: 1rem
}

.FeatureBuyWindow.is-visible~.CoreOverlay {
    margin-right: 2.5rem;
    z-index: 1210
}

.FeatureBuyWindow.is-visible~.CoreOverlay .InGameBrandingHolder {
    display: none
}

.FeatureBuyWindow .FeatureBuy {
    align-items: center;
    color: var(--hg-text-primary);
    justify-content: stretch;
    margin: 0 auto
}

.FeatureBuyWindow .FeatureBuy .divider--horizontal {
    opacity: 0
}

.FeatureBuyWindow .FeatureBuy__inner {
    align-items: stretch;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    justify-content: stretch;
    max-height: 100%;
    max-width: 100%;
    min-width: 320px;
    position: relative;
    width: 100%;
    z-index: 1
}

.FeatureBuyWindow .FeatureBuy__title {
    font-size: 20px;
    font-size: 16px;
    font-weight: 700;
    margin: 0 auto;
    text-align: center
}

@media (min-width: 360px) {
    .FeatureBuyWindow .FeatureBuy__title {
        font-size:calc(1.96078vw + 8.94118px)
    }
}

@media (min-width: 768px) {
    .FeatureBuyWindow .FeatureBuy__title {
        font-size:24px
    }
}

.FeatureBuyWindow .FeatureBuy__items-container {
    align-items: stretch;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.FeatureBuyWindow .FeatureBuy__body,.FeatureBuyWindow .FeatureBuy__confirm-box-body {
    align-items: center;
    display: none;
    flex-direction: column;
    justify-content: center;
    margin: auto;
    padding: 0;
    touch-action: pan-y;
    transition: opacity .25s ease;
    width: 100%
}

.FeatureBuyWindow .FeatureBuy__body.is-visible,.FeatureBuyWindow .FeatureBuy__confirm-box-body.is-visible {
    display: flex
}

.FeatureBuyWindow .FeatureBuyItems {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 1.5rem auto 0;
    max-height: 100%;
    width: calc(100% - 5rem)
}

.FeatureBuyWindow .FeatureBuyItemList {
    align-items: center;
    gap: 1.2rem;
    margin: 0;
    padding: 0
}

.FeatureBuyWindow .FeatureBuyItem,.FeatureBuyWindow .FeatureBuyItemList {
    align-items: stretch;
    display: flex;
    flex-grow: 1;
    justify-content: center;
    width: 100%
}

.FeatureBuyWindow .FeatureBuyItem {
    height: 100%;
    max-width: 15rem
}

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

div[data-layout-type=ribbon][data-channel=desktop] .FeatureBuyWindow .FeatureBuy__title {
    margin-bottom: -60px
}

div[data-layout-type=ribbon][data-channel=desktop] .FeatureBuyWindow[data-total-item-count="3"] .FeatureBuy__body {
    width: 850px
}

div[data-layout-type=ribbon][data-channel=desktop] .FeatureBuyWindow[data-total-item-count="4"] .FeatureBuy__body {
    width: 1150px
}

div[data-layout-type=ribbon][data-channel=desktop] .FeatureBuyWindow[data-total-item-count="5"] .FeatureBuy__body {
    width: 1400px
}

div[data-layout-type=ribbon][data-channel=desktop] .FeatureBuyWindow[data-total-item-count="6"] .FeatureBuy__body {
    width: 1650px
}

div[data-layout-type=ribbon][data-channel=desktop] .FeatureBuyWindow[data-total-item-count="7"] .FeatureBuy__body {
    width: 1900px
}

div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyWindow:before {
    background: rgba(21,16,16,.95);
    height: calc(100% - 2.25rem)
}

div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyWindow.is-visible .FeatureBuy {
    padding-bottom: 2.5rem
}

div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyWindow.is-visible~.UiUserPanelWrapper>.UiRibbonUserPanel .DataPanel__container {
    background: rgba(var(--hg-modal-backdrop-bg-rgb),.9)
}

div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyWindow .FeatureBuy__items-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    max-height: 100%;
    overflow: hidden;
    position: relative
}

div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyWindow .FeatureBuy__items-container:after,div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyWindow .FeatureBuy__items-container:before {
    background: linear-gradient(180deg,#151010,rgba(21,16,16,.05));
    background: linear-gradient(0deg,rgba(21,16,16,.05),rgba(21,16,16,.65));
    content: "";
    display: block;
    height: 1rem;
    left: 0;
    position: absolute;
    top: .25rem;
    width: 100%;
    z-index: 2
}

div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyWindow .FeatureBuy__items-container:after {
    background: linear-gradient(0deg,rgba(21,16,16,.65),rgba(21,16,16,.05));
    bottom: -.25rem;
    top: unset
}

div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyWindow .FeatureBuy__body {
    gap: .5rem;
    height: 100%;
    max-height: 100%;
    overflow: hidden
}

div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyWindow .FeatureBuy__confirm-box-body {
    height: 100%
}

div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyWindow .FeatureBuyItems {
    justify-content: flex-start;
    margin: 1.5rem .125 0 0;
    overflow-y: auto;
    padding: .5rem;
    width: 100%
}

div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyWindow .FeatureBuyItemList {
    flex-grow: unset;
    flex-wrap: wrap;
    gap: .5rem;
    height: auto;
    max-height: unset;
    min-height: -moz-fit-content;
    min-height: fit-content
}

div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyWindow .FeatureBuyItem {
    height: auto;
    max-width: calc(50% - .25rem);
    max-width: 75%;
    min-height: 75vw;
    width: 100%
}

@media only screen and (max-width: 768px),only screen and (pointer:coarse) {
    div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyWindow .FeatureBuyItem {
        max-width:14rem;
        min-height: -moz-fit-content;
        min-height: fit-content;
        min-width: 80%
    }
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeatureBuyWindow.is-visible~.UiUserPanelWrapper .ToggleButton__container--feature-promotion {
    display: none
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeatureBuyWindow .FeatureBuy__inner {
    padding: 2rem 1.5rem 0
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeatureBuyWindow .FeatureBuy__items-container:before {
    top: -.25rem
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeatureBuyWindow .FeatureBuy__title {
    padding: 0
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeatureBuyWindow .FeatureBuy__body {
    flex-direction: row-reverse;
    gap: 1rem
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeatureBuyWindow .FeatureBuyItems {
    margin-top: 0;
    padding: 1.25rem .25rem 1.25rem 0
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeatureBuyWindow .FeatureBuyItemList {
    align-items: stretch
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeatureBuyWindow .FeatureBuyItem {
    height: auto;
    max-width: calc(50% - .25rem);
    min-height: 16rem;
    min-width: unset
}

.GameInfoWindow.Modal {
    align-items: center;
    background: transparent;
    display: none;
    height: 100%;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    transform-origin: left top 0;
    width: 100%;
    z-index: 1300
}

.GameInfoWindow.Modal.is-visible,.GameInfoWindow.Modal.is-visible .Modal {
    display: flex
}

.GameInfoWindow.Modal:before {
    background: rgba(var(--hg-modal-backdrop-bg-rgb),.99);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

.GameInfoWindow .Modal__container {
    display: flex;
    height: 100%;
    scrollbar-gutter: auto;
    scrollbar-width: thin;
    width: 100%
}

@supports (-moz-appearance: button) and (contain:paint) {
    .GameInfoWindow .Modal__container {
        scrollbar-color:var(--hg-scrollbar-thumb-bg) transparent
    }
}

.GameInfoWindow .Modal__container ::-webkit-scrollbar {
    -webkit-appearance: none;
    background: transparent;
    width: .375rem
}

.GameInfoWindow .Modal__container ::-webkit-scrollbar-thumb {
    background: var(--hg-scrollbar-thumb-bg);
    border-radius: 100px
}

.GameInfoWindow .Modal__container ::-webkit-scrollbar-track {
    border-radius: 100px;
    -webkit-box-shadow: inset 0 0 6px rgba(73,80,87,.95)
}

.GameInfoWindow .Modal__close-button {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 1.5rem;
    height: 3rem;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .15s linear;
    width: 3rem;
    z-index: 9000
}

.GameInfoWindow .Modal__close-button>span {
    position: relative;
    transform: rotate(45deg);
    width: 40%
}

.GameInfoWindow .Modal__close-button>span,.GameInfoWindow .Modal__close-button>span:before {
    background: #adb5bd;
    border-radius: 5px;
    display: block;
    height: 3px;
    transition: all .15s linear
}

.GameInfoWindow .Modal__close-button>span:before {
    content: "";
    position: absolute;
    transform: rotate(-90deg);
    width: 100%
}

.GameInfoWindow .Modal__close-button:before {
    align-items: center;
    border: 2px solid #adb5bd;
    border-radius: 100rem;
    content: "";
    cursor: pointer;
    display: flex;
    font-size: 1.5rem;
    height: 2rem;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    transition: all .15s linear;
    width: 2rem
}

.GameInfoWindow .Modal__close-button:active>span,.GameInfoWindow .Modal__close-button:active>span:after,.GameInfoWindow .Modal__close-button:active>span:before,.GameInfoWindow .Modal__close-button:hover>span,.GameInfoWindow .Modal__close-button:hover>span:after,.GameInfoWindow .Modal__close-button:hover>span:before {
    background-color: rgba(var(--hg-bg-accent-rgb),1)
}

.GameInfoWindow .Modal__close-button:active:before,.GameInfoWindow .Modal__close-button:hover:before {
    border-color: rgba(var(--hg-bg-accent-rgb),1)
}

.GameInfoWindow .Modal__title {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.GameInfoWindow .Modal__title .divider--horizontal {
    background: #adb5bd;
    height: .25px;
    margin: 1rem auto;
    min-height: .25px;
    opacity: .25;
    width: 100%
}

.GameInfoWindow .Modal__title>span {
    align-items: center;
    display: inline-flex;
    justify-content: center
}

div[data-channel=mobile] .GameInfoWindow .Modal__title {
    padding: 0 1rem
}

div[data-channel=mobile] .GameInfoWindow .Modal__title>span {
    line-height: 1;
    margin: 0 2.25rem 0 0
}

div[data-channel=mobile] .GameInfoWindow .Modal__title .divider--horizontal {
    height: .25px;
    margin: .5rem auto
}

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

div[data-channel=mobile] .GameInfoWindow .Modal__close-button {
    right: .5rem;
    top: 1rem
}

.GameInfoWindow.is-visible~.CoreOverlay {
    margin-right: 2.5rem;
    z-index: 1310
}

.GameInfoWindow.is-visible~.CoreOverlay .InGameBrandingHolder {
    display: none
}

.GameInfoWindow .GameInfo {
    align-items: flex-start;
    color: var(--hg-text-primary);
    justify-content: stretch;
    margin: 0 auto;
    max-width: 52.5rem;
    padding: 2.5rem 0
}

.GameInfoWindow .GameInfo__inner {
    align-items: stretch;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    max-height: 100%;
    max-width: 100%;
    min-width: 320px;
    padding: 0;
    position: relative;
    width: 100%
}

.GameInfoWindow .GameInfo__inner:after {
    background: linear-gradient(0deg,#000,rgba(0,0,0,.05));
    bottom: -1px;
    content: "";
    height: calc(2.5rem - .5vw);
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

.GameInfoWindow .GameInfo__title-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.GameInfoWindow .GameInfo__title-container>span {
    display: inline
}

.GameInfoWindow .GameInfo__title {
    font-size: 16px;
    font-size: 20px;
    font-weight: 700;
    margin: 0 auto;
    text-align: center
}

@media (min-width: 360px) {
    .GameInfoWindow .GameInfo__title {
        font-size:calc(.98039vw + 12.47059px)
    }
}

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

.GameInfoWindow .GameInfo__title .GameInfoGameName {
    text-transform: uppercase
}

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

.GameInfoWindow .GameInfo .divider--horizontal {
    height: 1.25px;
    margin: 1rem auto;
    opacity: .25
}

.GameInfoWindow .GameInfo__body {
    height: 100%;
    margin: 0 auto;
    overflow: auto;
    padding: 0 0 1rem;
    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 p,.GameInfoWindow .GameInfo__body ul {
    color: rgba(var(--hg-text-primary-rgb),.65);
    color: #fff;
    font-size: 14px;
    line-height: 1.5
}

.GameInfoWindow .GameInfo__body section[data-gameinfo-section=generalSection-adv]>p:first-of-type,.GameInfoWindow .GameInfo__body section[data-gameinfo-section=generalSection-auto]>p:first-of-type,.GameInfoWindow .GameInfo__body section[data-gameinfo-section=generalSection-balance]>p:first-of-type,.GameInfoWindow .GameInfo__body section[data-gameinfo-section=generalSection-bet]>p:first-of-type,.GameInfoWindow .GameInfo__body section[data-gameinfo-section=generalSection-fs]>p:first-of-type,.GameInfoWindow .GameInfo__body section[data-gameinfo-section=generalSection-maxwin]>p:first-of-type,.GameInfoWindow .GameInfo__body section[data-gameinfo-section=generalSection-spin]>p:first-of-type,.GameInfoWindow .GameInfo__body section[data-gameinfo-section=generalSection-turbo]>p:first-of-type,.GameInfoWindow .GameInfo__body section[data-gameinfo-section=generalSection-win]>p:first-of-type {
    color: rgba(var(--hg-text-primary-rgb),1);
    font-size: 16px;
    font-weight: 700
}

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

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

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

.GameInfoWindow .GameInfo__body [class*=" icon-"],.GameInfoWindow .GameInfo__body [class^=icon-] {
    color: rgba(var(--hg-text-primary-rgb),1);
    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__body .icon-autoplay {
    font-size: 60px
}

.GameInfoWindow .GameInfo__body .icon-autoplay:before {
    content: "\e90c"
}

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

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

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

.GameInfoWindow .GameInfo .WaysShowcase img {
    max-width: 180px;
    width: 100%
}

.GameInfoWindow .GameInfo .FeatureImage {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: center;
    margin: 1rem auto;
    max-width: clamp(180px,40%,320px);
    min-width: 100px;
    text-align: center;
    width: auto
}

@media (min-width: 320px) {
    .GameInfoWindow .GameInfo .FeatureImage {
        min-width:calc(8.92857vw + 71.42857px)
    }
}

@media (min-width: 992px) {
    .GameInfoWindow .GameInfo .FeatureImage {
        min-width:160px
    }
}

.GameInfoWindow .GameInfo .FeatureImage img {
    height: auto;
    max-width: 100%
}

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

.GameInfoWindow .GameInfo .FeatureImageNormal img {
    align-items: center;
    max-width: 20%
}

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

.GameInfoWindow .GameInfo .FeatureImageWide img {
    align-items: center;
    max-width: 70%
}

.GameInfoWindow .GameInfo__payout-columns {
    align-items: center;
    display: flex;
    flex-flow: wrap;
    flex-grow: 1;
    justify-content: center;
    margin: 0 1rem;
    max-width: 100%;
    text-align: center
}

.GameInfoWindow .GameInfo__payout-columns.special {
    display: flex;
    justify-content: center
}

.GameInfoWindow .GameInfo__payout-columns .PayoutColumnItem {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin: auto 0 1rem;
    width: calc(16.6% - 2px)
}

.GameInfoWindow .GameInfo__payout-columns .PayoutColumnItem:first-child {
    flex-grow: 0
}

.GameInfoWindow .GameInfo__payout-columns .PayoutColumnItem:not(.has-symbol) {
    padding-top: 5.5rem;
    width: calc(10% - 2px)
}

.GameInfoWindow .GameInfo__payout-columns .PayoutColumnItem__symbol {
    height: 5rem;
    margin: 0;
    width: 5rem
}

.GameInfoWindow .GameInfo__payout-columns .PayoutColumnItem__symbol img {
    width: 90%
}

.GameInfoWindow .GameInfo__payout-columns .PayoutColumnItem__values {
    border: 1px solid rgba(var(--hg-border-color-rgb),.25);
    display: flex;
    flex-flow: column;
    width: 100%
}

.GameInfoWindow .GameInfo__payout-columns .PayoutColumnItem__values:not(:first-child) {
    border-left: 0
}

.GameInfoWindow .GameInfo__payout-columns .PayoutColumnItem__value {
    border-bottom: 1px solid rgba(var(--hg-border-color-rgb),.25);
    color: rgba(var(--hg-text-primary-rgb),.65);
    font-size: 14px;
    padding: .25rem 0;
    width: 100%
}

.GameInfoWindow .GameInfo__payout-columns .PayoutColumnItem__value:last-child {
    border-bottom: 0
}

.GameInfoWindow .GameInfo__edition {
    margin-top: 1.5rem
}

.GameInfoWindow .GameInfo__edition p:not(.GameInfo__reference-link) {
    color: #dee2e6;
    font-size: 11px;
    line-height: 1.25
}

.GameInfoWindow .GameInfo__reference-link {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center
}

.GameInfoWindow .GameInfo__reference-link a {
    align-items: center;
    color: rgba(var(--hg-bg-accent-rgb),1);
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    text-align: center;
    text-decoration: underline;
    transition: all .15s linear
}

.GameInfoWindow .GameInfo__reference-link a:active,.GameInfoWindow .GameInfo__reference-link a:hover {
    color: rgba(var(--hg-bg-accent-rgb),.9);
    text-decoration: none
}

[data-channel=mobile] .GameInfoWindow .GameInfo__title-container {
    padding-right: 2.25rem
}

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

[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
}

[data-channel=mobile][data-orientation=portrait] .GameInfoWindow .GameInfo .FeatureImage {
    max-width: 60%;
    max-width: clamp(180px,60%,320px)
}

[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.is-visible~.UiUserPanelWrapper .ToggleButton__container--feature-promotion {
    display: none
}

[data-channel=mobile][data-orientation=landscape] .GameInfoWindow .FeatureImage {
    max-width: clamp(180px,40%,320px)
}

[data-channel=mobile][data-orientation=landscape] .GameInfoWindow .GameInfo__title {
    padding: 0
}

div[data-layout-type=aside_panel][data-channel=desktop] .GameInfoWindow .GameInfo {
    max-width: 62rem
}

div[data-layout-type=aside_panel][data-channel=mobile][data-orientation=landscape] .GameInfoWindow .GameInfo__body,div[data-layout-type=aside_panel][data-channel=mobile][data-orientation=landscape] .GameInfoWindow .GameInfo__title {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

div[data-layout-type=aside_panel][data-channel=mobile] .GameInfoWindow .GameInfo__body p {
    font-size: 15px
}

div[data-layout-type=aside_panel][data-channel=mobile] .GameInfoWindow .GameInfo__edition p {
    font-size: 14px
}

.AutoplayMenuWindow.Modal {
    align-items: center;
    background: transparent;
    display: none;
    height: 100%;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    transform-origin: left top 0;
    width: 100%;
    z-index: 1300
}

.AutoplayMenuWindow.Modal.is-visible,.AutoplayMenuWindow.Modal.is-visible .Modal {
    display: flex
}

.AutoplayMenuWindow.Modal:before {
    background: rgba(var(--hg-modal-backdrop-bg-rgb),.9);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

.AutoplayMenuWindow .Modal__container {
    display: flex;
    height: 100%;
    scrollbar-gutter: auto;
    scrollbar-width: thin;
    width: 100%
}

@supports (-moz-appearance: button) and (contain:paint) {
    .AutoplayMenuWindow .Modal__container {
        scrollbar-color:var(--hg-scrollbar-thumb-bg) transparent
    }
}

.AutoplayMenuWindow .Modal__container ::-webkit-scrollbar {
    -webkit-appearance: none;
    background: transparent;
    width: .375rem
}

.AutoplayMenuWindow .Modal__container ::-webkit-scrollbar-thumb {
    background: var(--hg-scrollbar-thumb-bg);
    border-radius: 100px
}

.AutoplayMenuWindow .Modal__container ::-webkit-scrollbar-track {
    border-radius: 100px;
    -webkit-box-shadow: inset 0 0 6px rgba(73,80,87,.95)
}

.AutoplayMenuWindow .Modal__close-button {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 1.5rem;
    height: 3rem;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .15s linear;
    width: 3rem;
    z-index: 9000
}

.AutoplayMenuWindow .Modal__close-button>span {
    position: relative;
    transform: rotate(45deg);
    width: 40%
}

.AutoplayMenuWindow .Modal__close-button>span,.AutoplayMenuWindow .Modal__close-button>span:before {
    background: #adb5bd;
    border-radius: 5px;
    display: block;
    height: 3px;
    transition: all .15s linear
}

.AutoplayMenuWindow .Modal__close-button>span:before {
    content: "";
    position: absolute;
    transform: rotate(-90deg);
    width: 100%
}

.AutoplayMenuWindow .Modal__close-button:before {
    align-items: center;
    border: 2px solid #adb5bd;
    border-radius: 100rem;
    content: "";
    cursor: pointer;
    display: flex;
    font-size: 1.5rem;
    height: 2rem;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    transition: all .15s linear;
    width: 2rem
}

.AutoplayMenuWindow .Modal__close-button:active>span,.AutoplayMenuWindow .Modal__close-button:active>span:after,.AutoplayMenuWindow .Modal__close-button:active>span:before,.AutoplayMenuWindow .Modal__close-button:hover>span,.AutoplayMenuWindow .Modal__close-button:hover>span:after,.AutoplayMenuWindow .Modal__close-button:hover>span:before {
    background-color: rgba(var(--hg-bg-accent-rgb),1)
}

.AutoplayMenuWindow .Modal__close-button:active:before,.AutoplayMenuWindow .Modal__close-button:hover:before {
    border-color: rgba(var(--hg-bg-accent-rgb),1)
}

.AutoplayMenuWindow .Modal__title {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.AutoplayMenuWindow .Modal__title .divider--horizontal {
    background: #adb5bd;
    height: .25px;
    margin: 1rem auto;
    min-height: .25px;
    opacity: .25;
    width: 100%
}

.AutoplayMenuWindow .Modal__title>span {
    align-items: center;
    display: inline-flex;
    justify-content: center
}

div[data-channel=mobile] .AutoplayMenuWindow .Modal__title {
    padding: 0 1rem
}

div[data-channel=mobile] .AutoplayMenuWindow .Modal__title>span {
    line-height: 1;
    margin: 0 2.25rem 0 0
}

div[data-channel=mobile] .AutoplayMenuWindow .Modal__title .divider--horizontal {
    height: .25px;
    margin: .5rem auto
}

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

div[data-channel=mobile] .AutoplayMenuWindow .Modal__close-button {
    right: .5rem;
    top: 1rem
}

.AutoplayMenuWindow .AutoplayMenu {
    align-items: flex-start;
    justify-content: stretch;
    margin: 0 auto;
    max-width: 52.5rem;
    padding: 2.5rem 0 3.7rem
}

.AutoplayMenuWindow .AutoplayMenu.is-visible {
    display: flex
}

.AutoplayMenuWindow .AutoplayMenu .divider--horizontal {
    height: 1.25px;
    margin: 1rem auto;
    opacity: .25
}

.AutoplayMenuWindow .AutoplayMenu__inner {
    align-items: stretch;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: inherit;
    max-height: 100%;
    max-width: 100%;
    min-width: 320px;
    padding: 0;
    position: relative;
    width: 100%
}

.AutoplayMenuWindow .AutoplayMenu__inner:after {
    background: linear-gradient(0deg,#000,rgba(0,0,0,.05));
    bottom: 3rem;
    content: "";
    height: calc(2.5rem - .5vw);
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

.AutoplayMenuWindow .AutoplayMenu__body,.AutoplayMenuWindow .AutoplayMenu__footer,.AutoplayMenuWindow .AutoplayMenu__header {
    padding: 0 1rem
}

.AutoplayMenuWindow .AutoplayMenu__header {
    color: var(--hg-typography-title-color);
    font-size: 20px;
    font-size: 16px;
    font-weight: 700;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase
}

@media (min-width: 360px) {
    .AutoplayMenuWindow .AutoplayMenu__header {
        font-size:calc(.98039vw + 12.47059px)
    }
}

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

.AutoplayMenuWindow .AutoplayMenu__body {
    height: 100%;
    margin: 1rem auto 0;
    overflow: auto;
    position: relative;
    touch-action: pan-y
}

.AutoplayMenuWindow .AutoplayMenu__body,.AutoplayMenuWindow .AutoplayMenu__body>* {
    max-width: 100%;
    width: 100%
}

.AutoplayMenuWindow .AutoplayMenu__body>* {
    padding-bottom: 2.5rem
}

.AutoplayMenuWindow .AutoplayMenu__footer {
    margin: auto auto 0;
    padding: 0;
    width: 100%
}

.AutoplayMenuWindow .AutoplayMenu__cta-container {
    align-items: center;
    display: flex;
    flex: 1 1 100%;
    justify-content: center;
    margin: 0 auto;
    max-width: calc(67.5% - 13.5px);
    width: 100%
}

div[data-layout-type=aside_panel][data-channel=mobile][data-orientation=portrait] .AutoplayMenuWindow .AutoplayMenu {
    padding: 2.5rem 0 3.7rem
}

@media screen and (max-height: 768px) {
    div[data-layout-type=aside_panel][data-channel=mobile][data-orientation=portrait] .AutoplayMenuWindow .AutoplayMenu {
        padding:2.5rem 0 3.35rem
    }
}

div[data-layout-type=aside_panel][data-channel=mobile][data-orientation=portrait] .AutoplayMenuWindow .AutoplayMenu__cta-container {
    max-width: calc(67.5% - 10.8px)
}

div[data-layout-type=aside_panel][data-channel=mobile][data-orientation=landscape] .AutoplayMenuWindow .Modal__close-button {
    top: .5rem
}

div[data-layout-type=aside_panel][data-channel=mobile][data-orientation=landscape] .AutoplayMenuWindow .AutoplayMenu {
    padding: 1.5rem 0
}

div[data-layout-type=aside_panel][data-channel=mobile][data-orientation=landscape] .AutoplayMenuWindow .AutoplayMenu__body,div[data-layout-type=aside_panel][data-channel=mobile][data-orientation=landscape] .AutoplayMenuWindow .AutoplayMenu__footer,div[data-layout-type=aside_panel][data-channel=mobile][data-orientation=landscape] .AutoplayMenuWindow .AutoplayMenu__header {
    padding: 0 1.5rem
}

.FeaturePromotionWindow.Modal {
    align-items: center;
    background: transparent;
    display: none;
    height: 100%;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    transform-origin: left top 0;
    width: 100%;
    z-index: 1400
}

.FeaturePromotionWindow.Modal.is-visible,.FeaturePromotionWindow.Modal.is-visible .Modal {
    display: flex
}

.FeaturePromotionWindow.Modal:before {
    background: rgba(var(--hg-modal-backdrop-bg-rgb),.95);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

.FeaturePromotionWindow .Modal__container {
    display: flex;
    height: 100%;
    scrollbar-gutter: auto;
    scrollbar-width: thin;
    width: 100%
}

@supports (-moz-appearance: button) and (contain:paint) {
    .FeaturePromotionWindow .Modal__container {
        scrollbar-color:var(--hg-scrollbar-thumb-bg) transparent
    }
}

.FeaturePromotionWindow .Modal__container ::-webkit-scrollbar {
    -webkit-appearance: none;
    background: transparent;
    width: .375rem
}

.FeaturePromotionWindow .Modal__container ::-webkit-scrollbar-thumb {
    background: var(--hg-scrollbar-thumb-bg);
    border-radius: 100px
}

.FeaturePromotionWindow .Modal__container ::-webkit-scrollbar-track {
    border-radius: 100px;
    -webkit-box-shadow: inset 0 0 6px rgba(73,80,87,.95)
}

.FeaturePromotionWindow .Modal__close-button {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 1.5rem;
    height: 3rem;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .15s linear;
    width: 3rem;
    z-index: 9000
}

.FeaturePromotionWindow .Modal__close-button>span {
    position: relative;
    transform: rotate(45deg);
    width: 40%
}

.FeaturePromotionWindow .Modal__close-button>span,.FeaturePromotionWindow .Modal__close-button>span:before {
    background: #adb5bd;
    border-radius: 5px;
    display: block;
    height: 3px;
    transition: all .15s linear
}

.FeaturePromotionWindow .Modal__close-button>span:before {
    content: "";
    position: absolute;
    transform: rotate(-90deg);
    width: 100%
}

.FeaturePromotionWindow .Modal__close-button:before {
    align-items: center;
    border: 2px solid #adb5bd;
    border-radius: 100rem;
    content: "";
    cursor: pointer;
    display: flex;
    font-size: 1.5rem;
    height: 2rem;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    transition: all .15s linear;
    width: 2rem
}

.FeaturePromotionWindow .Modal__close-button:active>span,.FeaturePromotionWindow .Modal__close-button:active>span:after,.FeaturePromotionWindow .Modal__close-button:active>span:before,.FeaturePromotionWindow .Modal__close-button:hover>span,.FeaturePromotionWindow .Modal__close-button:hover>span:after,.FeaturePromotionWindow .Modal__close-button:hover>span:before {
    background-color: rgba(var(--hg-bg-accent-rgb),1)
}

.FeaturePromotionWindow .Modal__close-button:active:before,.FeaturePromotionWindow .Modal__close-button:hover:before {
    border-color: rgba(var(--hg-bg-accent-rgb),1)
}

.FeaturePromotionWindow .Modal__title {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.FeaturePromotionWindow .Modal__title .divider--horizontal {
    background: #adb5bd;
    height: .25px;
    margin: 1rem auto;
    min-height: .25px;
    opacity: .25;
    width: 100%
}

.FeaturePromotionWindow .Modal__title>span {
    align-items: center;
    display: inline-flex;
    justify-content: center
}

div[data-channel=mobile] .FeaturePromotionWindow .Modal__title {
    padding: 0 1rem
}

div[data-channel=mobile] .FeaturePromotionWindow .Modal__title>span {
    line-height: 1;
    margin: 0 2.25rem 0 0
}

div[data-channel=mobile] .FeaturePromotionWindow .Modal__title .divider--horizontal {
    height: .25px;
    margin: .5rem auto
}

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

div[data-channel=mobile] .FeaturePromotionWindow .Modal__close-button {
    right: .5rem;
    top: 1rem
}

div[data-layout-type=ribbon][data-channel=desktop] .Modal:not(.FeatureBuyWindow):before {
    background: rgba(21,16,16,.95)
}

div[data-layout-type=ribbon][data-channel=desktop] .Modal__close-button {
    height: 5rem;
    width: 5rem
}

div[data-layout-type=ribbon][data-channel=desktop] .Modal__close-button>span {
    width: 30%
}

div[data-layout-type=ribbon][data-channel=desktop] .Modal__close-button:before {
    height: 2.5rem;
    width: 2.5rem
}

.FeaturePromotionWindow.is-visible~.CoreOverlay {
    margin-right: 2.5rem;
    z-index: 1402
}

.FeaturePromotionWindow.is-visible~.CoreOverlay .InGameBrandingHolder {
    display: none
}

.FeaturePromotionWindow .FeaturePromotion {
    align-items: flex-start;
    color: #adb5bd;
    flex-direction: column;
    justify-content: stretch;
    margin: 0 auto;
    max-width: var(--hg-ui-contaier-width)
}

.FeaturePromotionWindow .FeaturePromotion__inner {
    align-items: stretch;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    max-height: 100%;
    max-width: 100%;
    min-width: 320px;
    padding: 0;
    position: relative;
    width: 100%
}

.FeaturePromotionWindow .FeaturePromotion__pages-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
    padding-bottom: var(--hg-ui-contaier-height);
    position: relative;
    width: 100%
}

.FeaturePromotionWindow .FeaturePromotion__title {
    color: var(--hg-text-primary);
    font-size: 20px;
    font-size: 16px;
    font-weight: 700;
    margin: 0 auto .75rem;
    text-align: center
}

@media (min-width: 360px) {
    .FeaturePromotionWindow .FeaturePromotion__title {
        font-size:calc(.98039vw + 12.47059px)
    }
}

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

.FeaturePromotionWindow .FeaturePromotion__leave {
    cursor: pointer;
    font-size: 12px;
    margin-top: -4rem;
    padding: 0 1rem;
    position: relative;
    text-align: right;
    text-decoration: underline
}

.FeaturePromotionWindow .FeaturePromotion__subtitle {
    color: var(--hg-text-primary);
    font-size: 16px;
    font-weight: 700
}

.FeaturePromotionWindow .FeaturePromotion__subtitle,.FeaturePromotionWindow .FeaturePromotion__table {
    margin-top: 10px
}

@media (min-width: 320px) {
    .FeaturePromotionWindow .FeaturePromotion__subtitle,.FeaturePromotionWindow .FeaturePromotion__table {
        margin-top:calc(.89286vw + 7.14286px)
    }
}

@media (min-width: 992px) {
    .FeaturePromotionWindow .FeaturePromotion__subtitle,.FeaturePromotionWindow .FeaturePromotion__table {
        margin-top:16px
    }
}

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar {
    margin: 0 auto;
    padding: 0;
    width: 100%
}

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__navlist {
    align-items: stretch;
    border-top: .5px solid #495057;
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__navitem {
    align-items: center;
    border: 0;
    display: flex;
    flex: 1;
    flex-wrap: nowrap;
    height: auto;
    justify-content: center;
    max-width: 33.33%;
    min-height: 3rem
}

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button {
    background-color: transparent;
    border: 0;
    border-radius: var(--hg-btn-border-radius);
    border-radius: 0;
    box-shadow: inset -1px 0 0 0 #495057,inset 0 -.125rem 0 0 #495057;
    color: var(--hg-btn-color);
    flex-direction: column;
    font-family: var(--hg-typography-font-family);
    font-size: var(--hg-btn-font-size);
    font-weight: var(--hg-btn-font-weight);
    height: 100%;
    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 .25s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

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

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button:hover {
    background: var(--hg-btn-hover-bg);
    color: var(--hg-btn-hover-color)
}

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button:active {
    background: var(--hg-btn-active-bg);
    color: var(--hg-btn-active-color)
}

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button>span {
    align-items: center;
    color: inherit;
    display: inline-flex;
    text-align: center
}

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button>i {
    --color: inherit;
    align-items: center;
    color: var(--color);
    display: inline-flex;
    fill: currentColor;
    font-size: inherit;
    height: 1em;
    justify-content: center;
    line-height: 1em;
    position: relative;
    width: 1em
}

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button:active,.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button:hover {
    box-shadow: inset -1px 0 0 0 #495057,inset 0 -.125rem 0 0 rgba(var(--hg-bg-accent-rgb),.9)
}

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button.is-selected {
    box-shadow: inset -1px 0 0 0 #495057,inset 0 -5rem 0 0 rgba(var(--hg-bg-accent-rgb),.9);
    color: var(--hg-text-secondary)
}

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__navitem:last-of-type>button {
    box-shadow: inset -1px 0 0 0 transparent,inset 0 -.125rem 0 0 #495057
}

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__navitem:last-of-type>button:active,.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__navitem:last-of-type>button:hover {
    box-shadow: inset -1px 0 0 0 transparent,inset 0 -.125rem 0 0 rgba(var(--hg-bg-accent-rgb),.9)
}

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__navitem:last-of-type>button.is-selected {
    box-shadow: inset -1px 0 0 0 transparent,inset 0 -5rem 0 0 rgba(var(--hg-bg-accent-rgb),.9);
    color: var(--hg-text-secondary)
}

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__subtitle,.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title {
    display: block;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    white-space: nowrap
}

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

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="9"] {
    font-size: calc(12.41px + .3vw);
    font-size: minmax(6px,calc(12.41px + .3vw));
    font-size: clamp(6px,12.41px + .3vw,17px)
}

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="10"] {
    font-size: calc(11.9px + .3vw);
    font-size: minmax(6px,calc(11.9px + .3vw));
    font-size: clamp(6px,11.9px + .3vw,17px)
}

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="11"] {
    font-size: calc(11.39px + .3vw);
    font-size: minmax(6px,calc(11.39px + .3vw));
    font-size: clamp(6px,11.39px + .3vw,17px)
}

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="12"] {
    font-size: calc(10.88px + .3vw);
    font-size: minmax(6px,calc(10.88px + .3vw));
    font-size: clamp(6px,10.88px + .3vw,17px)
}

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="13"] {
    font-size: calc(10.37px + .3vw);
    font-size: minmax(6px,calc(10.37px + .3vw));
    font-size: clamp(6px,10.37px + .3vw,17px)
}

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="14"] {
    font-size: calc(9.86px + .3vw);
    font-size: minmax(6px,calc(9.86px + .3vw));
    font-size: clamp(6px,9.86px + .3vw,17px)
}

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="15"] {
    font-size: calc(9.35px + .3vw);
    font-size: minmax(6px,calc(9.35px + .3vw));
    font-size: clamp(6px,9.35px + .3vw,17px)
}

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="16"] {
    font-size: calc(8.84px + .3vw);
    font-size: minmax(6px,calc(8.84px + .3vw));
    font-size: clamp(6px,8.84px + .3vw,17px)
}

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="17"] {
    font-size: calc(8.33px + .3vw);
    font-size: minmax(6px,calc(8.33px + .3vw));
    font-size: clamp(6px,8.33px + .3vw,17px)
}

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

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="19"] {
    font-size: calc(7.31px + .3vw);
    font-size: minmax(6px,calc(7.31px + .3vw));
    font-size: clamp(6px,7.31px + .3vw,17px)
}

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="20"] {
    font-size: calc(6.8px + .3vw);
    font-size: minmax(6px,calc(6.8px + .3vw));
    font-size: clamp(6px,6.8px + .3vw,17px)
}

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="21"] {
    font-size: calc(6.29px + .3vw);
    font-size: minmax(6px,calc(6.29px + .3vw));
    font-size: clamp(6px,6.29px + .3vw,17px)
}

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="22"] {
    font-size: calc(5.78px + .3vw);
    font-size: minmax(6px,calc(5.78px + .3vw));
    font-size: clamp(6px,5.78px + .3vw,17px)
}

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="23"] {
    font-size: calc(5.27px + .3vw);
    font-size: minmax(6px,calc(5.27px + .3vw));
    font-size: clamp(6px,5.27px + .3vw,17px)
}

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="24"] {
    font-size: calc(4.76px + .3vw);
    font-size: minmax(6px,calc(4.76px + .3vw));
    font-size: clamp(6px,4.76px + .3vw,17px)
}

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="25"] {
    font-size: calc(4.25px + .3vw);
    font-size: minmax(6px,calc(4.25px + .3vw));
    font-size: clamp(6px,4.25px + .3vw,17px)
}

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="26"] {
    font-size: calc(3.74px + .3vw);
    font-size: minmax(6px,calc(3.74px + .3vw));
    font-size: clamp(6px,3.74px + .3vw,17px)
}

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="27"] {
    font-size: calc(3.23px + .3vw);
    font-size: minmax(6px,calc(3.23px + .3vw));
    font-size: clamp(6px,3.23px + .3vw,17px)
}

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="28"] {
    font-size: calc(2.72px + .3vw);
    font-size: minmax(6px,calc(2.72px + .3vw));
    font-size: clamp(6px,2.72px + .3vw,17px)
}

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="29"] {
    font-size: calc(2.21px + .3vw);
    font-size: minmax(6px,calc(2.21px + .3vw));
    font-size: clamp(6px,2.21px + .3vw,17px)
}

@media screen and (min-width: 460px) {
    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="10"] {
        font-size:calc(13.175px + .225vw);
        font-size: minmax(6px,calc(13.175px + .225vw));
        font-size: clamp(6px,13.175px + .225vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="11"] {
        font-size: calc(12.7925px + .225vw);
        font-size: minmax(6px,calc(12.7925px + .225vw));
        font-size: clamp(6px,12.7925px + .225vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="12"] {
        font-size: calc(12.41px + .225vw);
        font-size: minmax(6px,calc(12.41px + .225vw));
        font-size: clamp(6px,12.41px + .225vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="13"] {
        font-size: calc(12.0275px + .225vw);
        font-size: minmax(6px,calc(12.0275px + .225vw));
        font-size: clamp(6px,12.0275px + .225vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="14"] {
        font-size: calc(11.645px + .225vw);
        font-size: minmax(6px,calc(11.645px + .225vw));
        font-size: clamp(6px,11.645px + .225vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="15"] {
        font-size: calc(11.2625px + .225vw);
        font-size: minmax(6px,calc(11.2625px + .225vw));
        font-size: clamp(6px,11.2625px + .225vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="16"] {
        font-size: calc(10.88px + .225vw);
        font-size: minmax(6px,calc(10.88px + .225vw));
        font-size: clamp(6px,10.88px + .225vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="17"] {
        font-size: calc(10.4975px + .225vw);
        font-size: minmax(6px,calc(10.4975px + .225vw));
        font-size: clamp(6px,10.4975px + .225vw,17px)
    }

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

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="19"] {
        font-size: calc(9.7325px + .225vw);
        font-size: minmax(6px,calc(9.7325px + .225vw));
        font-size: clamp(6px,9.7325px + .225vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="20"] {
        font-size: calc(9.35px + .225vw);
        font-size: minmax(6px,calc(9.35px + .225vw));
        font-size: clamp(6px,9.35px + .225vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="21"] {
        font-size: calc(8.9675px + .225vw);
        font-size: minmax(6px,calc(8.9675px + .225vw));
        font-size: clamp(6px,8.9675px + .225vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="22"] {
        font-size: calc(8.585px + .225vw);
        font-size: minmax(6px,calc(8.585px + .225vw));
        font-size: clamp(6px,8.585px + .225vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="23"] {
        font-size: calc(8.2025px + .225vw);
        font-size: minmax(6px,calc(8.2025px + .225vw));
        font-size: clamp(6px,8.2025px + .225vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="24"] {
        font-size: calc(7.82px + .225vw);
        font-size: minmax(6px,calc(7.82px + .225vw));
        font-size: clamp(6px,7.82px + .225vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="25"] {
        font-size: calc(7.4375px + .225vw);
        font-size: minmax(6px,calc(7.4375px + .225vw));
        font-size: clamp(6px,7.4375px + .225vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="26"] {
        font-size: calc(7.055px + .225vw);
        font-size: minmax(6px,calc(7.055px + .225vw));
        font-size: clamp(6px,7.055px + .225vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="27"] {
        font-size: calc(6.6725px + .225vw);
        font-size: minmax(6px,calc(6.6725px + .225vw));
        font-size: clamp(6px,6.6725px + .225vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="28"] {
        font-size: calc(6.29px + .225vw);
        font-size: minmax(6px,calc(6.29px + .225vw));
        font-size: clamp(6px,6.29px + .225vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="29"] {
        font-size: calc(5.9075px + .225vw);
        font-size: minmax(6px,calc(5.9075px + .225vw));
        font-size: clamp(6px,5.9075px + .225vw,17px)
    }
}

@media screen and (min-width: 860px) {
    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="12"] {
        font-size:calc(14.22px + .175vw);
        font-size: minmax(6px,calc(14.22px + .175vw));
        font-size: clamp(6px,14.22px + .175vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="13"] {
        font-size: calc(13.905px + .175vw);
        font-size: minmax(6px,calc(13.905px + .175vw));
        font-size: clamp(6px,13.905px + .175vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="14"] {
        font-size: calc(13.59px + .175vw);
        font-size: minmax(6px,calc(13.59px + .175vw));
        font-size: clamp(6px,13.59px + .175vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="15"] {
        font-size: calc(13.275px + .175vw);
        font-size: minmax(6px,calc(13.275px + .175vw));
        font-size: clamp(6px,13.275px + .175vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="16"] {
        font-size: calc(12.96px + .175vw);
        font-size: minmax(6px,calc(12.96px + .175vw));
        font-size: clamp(6px,12.96px + .175vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="17"] {
        font-size: calc(12.645px + .175vw);
        font-size: minmax(6px,calc(12.645px + .175vw));
        font-size: clamp(6px,12.645px + .175vw,17px)
    }

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

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="19"] {
        font-size: calc(12.015px + .175vw);
        font-size: minmax(6px,calc(12.015px + .175vw));
        font-size: clamp(6px,12.015px + .175vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="20"] {
        font-size: calc(11.7px + .175vw);
        font-size: minmax(6px,calc(11.7px + .175vw));
        font-size: clamp(6px,11.7px + .175vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="21"] {
        font-size: calc(11.385px + .175vw);
        font-size: minmax(6px,calc(11.385px + .175vw));
        font-size: clamp(6px,11.385px + .175vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="22"] {
        font-size: calc(11.07px + .175vw);
        font-size: minmax(6px,calc(11.07px + .175vw));
        font-size: clamp(6px,11.07px + .175vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="23"] {
        font-size: calc(10.755px + .175vw);
        font-size: minmax(6px,calc(10.755px + .175vw));
        font-size: clamp(6px,10.755px + .175vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="24"] {
        font-size: calc(10.44px + .175vw);
        font-size: minmax(6px,calc(10.44px + .175vw));
        font-size: clamp(6px,10.44px + .175vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="25"] {
        font-size: calc(10.125px + .175vw);
        font-size: minmax(6px,calc(10.125px + .175vw));
        font-size: clamp(6px,10.125px + .175vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="26"] {
        font-size: calc(9.81px + .175vw);
        font-size: minmax(6px,calc(9.81px + .175vw));
        font-size: clamp(6px,9.81px + .175vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="27"] {
        font-size: calc(9.495px + .175vw);
        font-size: minmax(6px,calc(9.495px + .175vw));
        font-size: clamp(6px,9.495px + .175vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="28"] {
        font-size: calc(9.18px + .175vw);
        font-size: minmax(6px,calc(9.18px + .175vw));
        font-size: clamp(6px,9.18px + .175vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title[data-charcount="29"] {
        font-size: calc(8.865px + .175vw);
        font-size: minmax(6px,calc(8.865px + .175vw));
        font-size: clamp(6px,8.865px + .175vw,17px)
    }
}

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__subtitle {
    font-size: 10px;
    font-weight: 500;
    line-height: 1.25;
    white-space: pre-wrap
}

.FeaturePromotionWindow .FeaturePromotion .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 .FeaturePromotion .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 .FeaturePromotion .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 .FeaturePromotion .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 .FeaturePromotion .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 .FeaturePromotion .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 .FeaturePromotion .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 .FeaturePromotion .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 .FeaturePromotion .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 .FeaturePromotion .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 .FeaturePromotion .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 .FeaturePromotion .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 .FeaturePromotion .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 .FeaturePromotion .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 .FeaturePromotion .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 .FeaturePromotion .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 .FeaturePromotion .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 .FeaturePromotion .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 .FeaturePromotion .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 .FeaturePromotion .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)
}

div[data-channel=mobile] .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__navitem {
    min-height: 2.25rem
}

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__title {
    text-transform: uppercase
}

.FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button {
    --hg-btn-padding-x: 0.25rem
}

@media screen and (min-width: 340px) {
    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button[data-charcount="8"] {
        font-size:calc(13.76px + .175vw);
        font-size: minmax(6px,calc(13.76px + .175vw));
        font-size: clamp(6px,13.76px + .175vw,16px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button[data-charcount="9"] {
        font-size: calc(13.48px + .175vw);
        font-size: minmax(6px,calc(13.48px + .175vw));
        font-size: clamp(6px,13.48px + .175vw,16px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button[data-charcount="10"] {
        font-size: calc(13.2px + .175vw);
        font-size: minmax(6px,calc(13.2px + .175vw));
        font-size: clamp(6px,13.2px + .175vw,16px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button[data-charcount="11"] {
        font-size: calc(12.92px + .175vw);
        font-size: minmax(6px,calc(12.92px + .175vw));
        font-size: clamp(6px,12.92px + .175vw,16px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button[data-charcount="12"] {
        font-size: calc(12.64px + .175vw);
        font-size: minmax(6px,calc(12.64px + .175vw));
        font-size: clamp(6px,12.64px + .175vw,16px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button[data-charcount="13"] {
        font-size: calc(12.36px + .175vw);
        font-size: minmax(6px,calc(12.36px + .175vw));
        font-size: clamp(6px,12.36px + .175vw,16px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button[data-charcount="14"] {
        font-size: calc(12.08px + .175vw);
        font-size: minmax(6px,calc(12.08px + .175vw));
        font-size: clamp(6px,12.08px + .175vw,16px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button[data-charcount="15"] {
        font-size: calc(11.8px + .175vw);
        font-size: minmax(6px,calc(11.8px + .175vw));
        font-size: clamp(6px,11.8px + .175vw,16px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button[data-charcount="16"] {
        font-size: calc(11.52px + .175vw);
        font-size: minmax(6px,calc(11.52px + .175vw));
        font-size: clamp(6px,11.52px + .175vw,16px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button[data-charcount="17"] {
        font-size: calc(11.24px + .175vw);
        font-size: minmax(6px,calc(11.24px + .175vw));
        font-size: clamp(6px,11.24px + .175vw,16px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button[data-charcount="18"] {
        font-size: calc(10.96px + .175vw);
        font-size: minmax(6px,calc(10.96px + .175vw));
        font-size: clamp(6px,10.96px + .175vw,16px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button[data-charcount="19"] {
        font-size: calc(10.68px + .175vw);
        font-size: minmax(6px,calc(10.68px + .175vw));
        font-size: clamp(6px,10.68px + .175vw,16px)
    }
}

@media screen and (min-width: 460px) {
    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button[data-charcount="10"] {
        font-size:calc(13.6px + .2vw);
        font-size: minmax(6px,calc(13.6px + .2vw));
        font-size: clamp(6px,13.6px + .2vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button[data-charcount="11"] {
        font-size: calc(13.26px + .2vw);
        font-size: minmax(6px,calc(13.26px + .2vw));
        font-size: clamp(6px,13.26px + .2vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button[data-charcount="12"] {
        font-size: calc(12.92px + .2vw);
        font-size: minmax(6px,calc(12.92px + .2vw));
        font-size: clamp(6px,12.92px + .2vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button[data-charcount="13"] {
        font-size: calc(12.58px + .2vw);
        font-size: minmax(6px,calc(12.58px + .2vw));
        font-size: clamp(6px,12.58px + .2vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button[data-charcount="14"] {
        font-size: calc(12.24px + .2vw);
        font-size: minmax(6px,calc(12.24px + .2vw));
        font-size: clamp(6px,12.24px + .2vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button[data-charcount="15"] {
        font-size: calc(11.9px + .2vw);
        font-size: minmax(6px,calc(11.9px + .2vw));
        font-size: clamp(6px,11.9px + .2vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button[data-charcount="16"] {
        font-size: calc(11.56px + .2vw);
        font-size: minmax(6px,calc(11.56px + .2vw));
        font-size: clamp(6px,11.56px + .2vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button[data-charcount="17"] {
        font-size: calc(11.22px + .2vw);
        font-size: minmax(6px,calc(11.22px + .2vw));
        font-size: clamp(6px,11.22px + .2vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button[data-charcount="18"] {
        font-size: calc(10.88px + .2vw);
        font-size: minmax(6px,calc(10.88px + .2vw));
        font-size: clamp(6px,10.88px + .2vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button[data-charcount="19"] {
        font-size: calc(10.54px + .2vw);
        font-size: minmax(6px,calc(10.54px + .2vw));
        font-size: clamp(6px,10.54px + .2vw,17px)
    }
}

@media screen and (min-width: 860px) {
    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button[data-charcount="16"] {
        font-size:calc(12.96px + .175vw);
        font-size: minmax(6px,calc(12.96px + .175vw));
        font-size: clamp(6px,12.96px + .175vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button[data-charcount="17"] {
        font-size: calc(12.645px + .175vw);
        font-size: minmax(6px,calc(12.645px + .175vw));
        font-size: clamp(6px,12.645px + .175vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button[data-charcount="18"] {
        font-size: calc(12.33px + .175vw);
        font-size: minmax(6px,calc(12.33px + .175vw));
        font-size: clamp(6px,12.33px + .175vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button[data-charcount="19"] {
        font-size: calc(12.015px + .175vw);
        font-size: minmax(6px,calc(12.015px + .175vw));
        font-size: clamp(6px,12.015px + .175vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button[data-charcount="20"] {
        font-size: calc(11.7px + .175vw);
        font-size: minmax(6px,calc(11.7px + .175vw));
        font-size: clamp(6px,11.7px + .175vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button[data-charcount="21"] {
        font-size: calc(11.385px + .175vw);
        font-size: minmax(6px,calc(11.385px + .175vw));
        font-size: clamp(6px,11.385px + .175vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button[data-charcount="22"] {
        font-size: calc(11.07px + .175vw);
        font-size: minmax(6px,calc(11.07px + .175vw));
        font-size: clamp(6px,11.07px + .175vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button[data-charcount="23"] {
        font-size: calc(10.755px + .175vw);
        font-size: minmax(6px,calc(10.755px + .175vw));
        font-size: clamp(6px,10.755px + .175vw,17px)
    }

    .FeaturePromotionWindow .FeaturePromotion .FeaturePromotionNavBar__button[data-charcount="24"] {
        font-size: calc(10.44px + .175vw);
        font-size: minmax(6px,calc(10.44px + .175vw));
        font-size: clamp(6px,10.44px + .175vw,17px)
    }
}

.FeaturePromotionWindow .FeaturePromotion div[data-promotion-page-id] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%
}

.FeaturePromotionWindow .FeaturePromotion div[data-promotion-page-id]:not(.active) {
    display: none
}

.FeaturePromotionWindow .FeaturePromotion__content-container {
    height: 100%;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 .5rem calc(2.5rem - .5vw) 0;
    position: relative;
    width: 100%
}

.FeaturePromotionWindow .FeaturePromotion p {
    font-size: 13px;
    line-height: 1.5;
    margin: .75rem auto
}

.FeaturePromotionWindow .FeaturePromotion table {
    border-spacing: 0;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    width: 100%
}

.FeaturePromotionWindow .FeaturePromotion table thead {
    background: #212529;
    position: sticky;
    table-layout: fixed;
    top: 0;
    width: 100%
}

.FeaturePromotionWindow .FeaturePromotion table th {
    border-collapse: separate;
    border-spacing: 0;
    font-size: 14px;
    font-size: 12px;
    height: 2.5rem;
    margin: 0;
    padding: .5rem 4px;
    text-align: left
}

@media (min-width: 360px) {
    .FeaturePromotionWindow .FeaturePromotion table th {
        font-size:calc(.4902vw + 10.23529px)
    }
}

@media (min-width: 768px) {
    .FeaturePromotionWindow .FeaturePromotion table th {
        font-size:14px
    }
}

@media (min-width: 320px) {
    .FeaturePromotionWindow .FeaturePromotion table th {
        padding-left:calc(.89286vw + 1.14286px)
    }
}

@media (min-width: 768px) {
    .FeaturePromotionWindow .FeaturePromotion table th {
        padding-left:8px
    }
}

@media (min-width: 320px) {
    .FeaturePromotionWindow .FeaturePromotion table th {
        padding-right:calc(.89286vw + 1.14286px)
    }
}

@media (min-width: 768px) {
    .FeaturePromotionWindow .FeaturePromotion table th {
        padding-right:8px
    }
}

.FeaturePromotionWindow .FeaturePromotion table th:first-child {
    border-radius: 5px 0 0 0
}

.FeaturePromotionWindow .FeaturePromotion table th:last-child {
    border-radius: 0 5px 0 0
}

.FeaturePromotionWindow .FeaturePromotion table tr {
    text-align: left;
    width: 100%
}

.FeaturePromotionWindow .FeaturePromotion table td {
    border-bottom: .5px solid rgba(73,80,87,.5);
    font-size: 13px;
    font-size: 10px;
    line-height: 1.5;
    padding: 2px 4px
}

@media (min-width: 360px) {
    .FeaturePromotionWindow .FeaturePromotion table td {
        font-size:calc(.73529vw + 7.35294px)
    }
}

@media (min-width: 768px) {
    .FeaturePromotionWindow .FeaturePromotion table td {
        font-size:13px
    }
}

@media (min-width: 360px) {
    .FeaturePromotionWindow .FeaturePromotion table td {
        padding-bottom:calc(.98039vw - 1.52941px)
    }
}

@media (min-width: 768px) {
    .FeaturePromotionWindow .FeaturePromotion table td {
        padding-bottom:6px
    }
}

@media (min-width: 320px) {
    .FeaturePromotionWindow .FeaturePromotion table td {
        padding-left:calc(.89286vw + 1.14286px)
    }
}

@media (min-width: 768px) {
    .FeaturePromotionWindow .FeaturePromotion table td {
        padding-left:8px
    }
}

@media (min-width: 320px) {
    .FeaturePromotionWindow .FeaturePromotion table td {
        padding-right:calc(.89286vw + 1.14286px)
    }
}

@media (min-width: 768px) {
    .FeaturePromotionWindow .FeaturePromotion table td {
        padding-right:8px
    }
}

@media (min-width: 360px) {
    .FeaturePromotionWindow .FeaturePromotion table td {
        padding-top:calc(.98039vw - 1.52941px)
    }
}

@media (min-width: 768px) {
    .FeaturePromotionWindow .FeaturePromotion table td {
        padding-top:6px
    }
}

div[data-channel=mobile] .FeaturePromotionWindow .FeaturePromotion table {
    height: 100%
}

div[data-channel=mobile] .FeaturePromotionWindow .FeaturePromotion table tr th {
    border-radius: 0;
    line-height: 2rem
}

div[data-channel=mobile] .FeaturePromotionWindow .FeaturePromotion table td:last-child,div[data-channel=mobile] .FeaturePromotionWindow .FeaturePromotion table th:last-child {
    padding: 0 8px 0 4px
}

div[data-channel=mobile] .FeaturePromotionWindow .FeaturePromotion table td:first-child,div[data-channel=mobile] .FeaturePromotionWindow .FeaturePromotion table th:first-child {
    padding: 0 4px 0 8px
}

.FeaturePromotionWindow .FeaturePromotion td,.FeaturePromotionWindow .FeaturePromotion th {
    width: 20%
}

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

.FeaturePromotionWindow .FeaturePromotion__table-body {
    overflow: unset
}

.FeaturePromotionWindow .FeaturePromotion__table-body .isCurrentPlayer {
    color: var(--hg-bg-accent)
}

.FeaturePromotionWindow .FeaturePromotion__table-body tr td {
    align-items: center;
    margin: auto;
    padding: 2px 4px;
    vertical-align: middle
}

@media (min-width: 360px) {
    .FeaturePromotionWindow .FeaturePromotion__table-body tr td {
        padding-bottom:calc(.98039vw - 1.52941px)
    }
}

@media (min-width: 768px) {
    .FeaturePromotionWindow .FeaturePromotion__table-body tr td {
        padding-bottom:6px
    }
}

@media (min-width: 320px) {
    .FeaturePromotionWindow .FeaturePromotion__table-body tr td {
        padding-left:calc(.89286vw + 1.14286px)
    }
}

@media (min-width: 768px) {
    .FeaturePromotionWindow .FeaturePromotion__table-body tr td {
        padding-left:8px
    }
}

@media (min-width: 320px) {
    .FeaturePromotionWindow .FeaturePromotion__table-body tr td {
        padding-right:calc(.89286vw + 1.14286px)
    }
}

@media (min-width: 768px) {
    .FeaturePromotionWindow .FeaturePromotion__table-body tr td {
        padding-right:8px
    }
}

@media (min-width: 360px) {
    .FeaturePromotionWindow .FeaturePromotion__table-body tr td {
        padding-top:calc(.98039vw - 1.52941px)
    }
}

@media (min-width: 768px) {
    .FeaturePromotionWindow .FeaturePromotion__table-body tr td {
        padding-top:6px
    }
}

.FeaturePromotionWindow .FeaturePromotion__table-body tr p,.FeaturePromotionWindow .FeaturePromotion__table-body tr td {
    font-size: 12px;
    margin: 0
}

@media (min-width: 320px) {
    .FeaturePromotionWindow .FeaturePromotion__table-body tr p,.FeaturePromotionWindow .FeaturePromotion__table-body tr td {
        font-size:calc(.44643vw + 10.57143px)
    }
}

@media (min-width: 768px) {
    .FeaturePromotionWindow .FeaturePromotion__table-body tr p,.FeaturePromotionWindow .FeaturePromotion__table-body tr td {
        font-size:14px
    }
}

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

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

.FeaturePromotionWindow .FeaturePromotion__ProgressCompletedText {
    color: var(--hg-bg-accent);
    margin: 24px 0 8px
}

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

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

.FeaturePromotionWindow .FeaturePromotion__RulesWrapper__anchor {
    color: #87cefa;
    cursor: pointer;
    text-decoration: underline;
    transition: all .15s linear
}

.FeaturePromotionWindow .FeaturePromotion__RulesWrapper__anchor:hover {
    text-decoration: none
}

.FeaturePromotionWindow .FeaturePromotion__RulesWrapper__anchor p {
    margin-block-start:0}

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

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

div[data-channel=mobile] .FeaturePromotionWindow .FeaturePromotion__title {
    padding: 0 3.25rem 0 1rem;
    width: 100%
}

div[data-channel=mobile] .FeaturePromotionWindow .FeaturePromotion__pages-container p:not(table p),div[data-channel=mobile] .FeaturePromotionWindow .FeaturePromotion__subtitle {
    padding: 0 1rem
}

div[data-channel=mobile] .FeaturePromotionWindow .FeaturePromotion__content-container {
    padding: 0 .25rem calc(2.5rem - .5vw) 0
}

div[data-channel=mobile] .FeaturePromotionWindow .FeaturePromotion table th {
    height: auto;
    line-height: 1
}

div[data-channel=mobile][data-orientation=landscape] .FeaturePromotionWindow .FeaturePromotion div[data-promotion-page-id],div[data-channel=mobile][data-orientation=landscape] .FeaturePromotionWindow .FeaturePromotion__pages-container p:not(table p),div[data-channel=mobile][data-orientation=landscape] .FeaturePromotionWindow .FeaturePromotion__subtitle {
    padding: 0
}

div[data-channel=mobile][data-orientation=landscape] .FeaturePromotionWindow .FeaturePromotion__inner {
    padding: 2rem 1rem
}

div[data-channel=mobile][data-orientation=landscape] .FeaturePromotionWindow .FeaturePromotion__inner:after {
    bottom: 1.25rem
}

div[data-channel=mobile][data-orientation=landscape] .FeaturePromotionWindow .FeaturePromotion__title {
    padding: 0 1rem;
    width: 100%
}

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

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

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

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

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

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

.HacksawCasinoUiContainer[data-channel=desktop][data-layout-type=aside_panel],.HacksawCasinoUiContainer[data-channel=desktop][data-layout-type=ribbon] {
    --hg-overlay-info-font-size: 12px
}

.UiUserPanelWrapper {
    backface-visibility: hidden;
    bottom: unset;
    display: block;
    height: 100%;
    height: var(--hg-ui-contaier-height);
    left: unset;
    opacity: 0;
    position: fixed;
    right: unset;
    top: unset;
    transform-origin: top left;
    visibility: hidden;
    width: 100%;
    width: var(--hg-ui-contaier-width);
    will-change: height,width
}

div[data-layout-type] .UiUserPanelWrapper {
    opacity: 1;
    visibility: visible
}

div[data-layout-type=ribbon][data-layout-position=dock_right] .UiUserPanelWrapper {
    left: unset;
    right: 1.2rem;
    top: 0;
    transform-origin: top right
}

div[data-layout-type=ribbon][data-layout-position=dock_left] .UiUserPanelWrapper {
    left: 1.2rem;
    right: unset;
    top: 0;
    transform-origin: top left
}

div[data-layout-type=ribbon][data-layout-position=dock_top] .UiUserPanelWrapper {
    bottom: unset;
    left: 0;
    top: 1.2rem;
    transform-origin: top left
}

div[data-layout-type=ribbon][data-layout-position=dock_bottom] .UiUserPanelWrapper {
    bottom: 0;
    left: 0;
    top: unset;
    transform-origin: bottom left
}

div[data-layout-type=ribbon][data-channel=desktop][data-layout-position=dock_bottom] .UiUserPanelWrapper,div[data-layout-type=ribbon][data-channel=desktop][data-layout-position=dock_top] .UiUserPanelWrapper {
    --hg-ui-contaier-height: 6.9rem;
    --hg-ui-contaier-width: 52.5rem
}

div[data-layout-type=ribbon][data-channel=desktop][data-layout-position=dock_left] .UiUserPanelWrapper,div[data-layout-type=ribbon][data-channel=desktop][data-layout-position=dock_right] .UiUserPanelWrapper {
    --hg-ui-contaier-height: 100%;
    --hg-ui-contaier-width: 5.5rem
}

div[data-layout-type=ribbon][data-channel=mobile][data-layout-position=dock_left] .UiUserPanelWrapper,div[data-layout-type=ribbon][data-channel=mobile][data-layout-position=dock_right] .UiUserPanelWrapper {
    --hg-ui-contaier-height: 100%;
    --hg-ui-contaier-width: 6.75rem
}

div[data-layout-type=ribbon][data-channel=mobile][data-layout-position=dock_bottom] .UiUserPanelWrapper,div[data-layout-type=ribbon][data-channel=mobile][data-layout-position=dock_top] .UiUserPanelWrapper {
    --hg-ui-contaier-height: 9rem;
    --hg-ui-contaier-width: 100%
}

div[data-layout-type=ribbon][data-channel=mobile][data-layout-position=dock_bottom][data-orientation=landscape] .UiUserPanelWrapper,div[data-layout-type=ribbon][data-channel=mobile][data-layout-position=dock_top][data-orientation=landscape] .UiUserPanelWrapper {
    --hg-ui-contaier-height: 2.25rem;
    --hg-ui-contaier-width: 100%
}

div[data-layout-type=ribbon][data-channel=mobile][data-layout-position=dock_top] .UiUserPanelWrapper {
    top: 0
}

div[data-layout-type=ribbon][data-channel=mobile][data-layout-position=dock_bottom] .UiUserPanelWrapper {
    bottom: 0
}

div[data-layout-type=ribbon][data-channel=mobile][data-layout-position=dock_left] .UiUserPanelWrapper {
    left: 0
}

div[data-layout-type=ribbon][data-channel=mobile][data-layout-position=dock_right] .UiUserPanelWrapper {
    right: 0
}

div[data-layout-type=ribbon] .UiUserPanelWrapper.bet-modifier-active {
    --hg-bg-accent: var(--hg-bg-feature-buy);
    --hg-bg-accent-rgb: var(--hg-bg-feature-buy-rgb)
}

div[data-layout-type=aside_panel][data-layout-position=dock_right] .UiUserPanelWrapper {
    right: 0;
    top: 0;
    transform-origin: top right
}

div[data-layout-type=aside_panel][data-layout-position=dock_left] .UiUserPanelWrapper,div[data-layout-type=aside_panel][data-layout-position=dock_top] .UiUserPanelWrapper {
    left: 0;
    top: 0;
    transform-origin: top left
}

div[data-layout-type=aside_panel][data-layout-position=dock_bottom] .UiUserPanelWrapper {
    bottom: 0;
    left: 0;
    transform-origin: bottom left
}

div[data-layout-type=aside_panel][data-layout-position=dock_bottom] .UiUserPanelWrapper,div[data-layout-type=aside_panel][data-layout-position=dock_top] .UiUserPanelWrapper {
    --hg-ui-contaier-height: 24rem;
    --hg-ui-contaier-width: 100%
}

div[data-layout-type=aside_panel][data-layout-position=dock_left] .UiUserPanelWrapper,div[data-layout-type=aside_panel][data-layout-position=dock_right] .UiUserPanelWrapper {
    --hg-ui-contaier-height: 100%;
    --hg-ui-contaier-width: 22rem
}

div[data-layout-type=aside_panel][data-channel=mobile][data-orientation=portrait][data-layout-position=dock_left] .UiUserPanelWrapper {
    bottom: 0;
    top: unset
}

div[data-layout-type=aside_panel][data-channel=mobile][data-orientation=portrait][data-layout-position=dock_bottom] .UiUserPanelWrapper,div[data-layout-type=aside_panel][data-channel=mobile][data-orientation=portrait][data-layout-position=dock_top] .UiUserPanelWrapper {
    --hg-ui-contaier-height: 23rem
}

@media screen and (max-height: 700px) {
    div[data-layout-type=aside_panel][data-channel=mobile][data-orientation=portrait][data-layout-position=dock_bottom] .UiUserPanelWrapper,div[data-layout-type=aside_panel][data-channel=mobile][data-orientation=portrait][data-layout-position=dock_top] .UiUserPanelWrapper {
        height:calc(var(--hg-ui-contaier-height) - 1rem)
    }
}

div[data-layout-type=aside_panel][data-channel=mobile][data-orientation=landscape][data-layout-position=dock_left] .UiUserPanelWrapper,div[data-layout-type=aside_panel][data-channel=mobile][data-orientation=landscape][data-layout-position=dock_right] .UiUserPanelWrapper {
    width: 18rem
}

@media (min-width: 22rem) {
    div[data-layout-type=aside_panel][data-channel=mobile][data-orientation=landscape][data-layout-position=dock_left] .UiUserPanelWrapper,div[data-layout-type=aside_panel][data-channel=mobile][data-orientation=landscape][data-layout-position=dock_right] .UiUserPanelWrapper {
        width:calc(8.69565vw + 16.08696rem)
    }
}

@media (min-width: 45rem) {
    div[data-layout-type=aside_panel][data-channel=mobile][data-orientation=landscape][data-layout-position=dock_left] .UiUserPanelWrapper,div[data-layout-type=aside_panel][data-channel=mobile][data-orientation=landscape][data-layout-position=dock_right] .UiUserPanelWrapper {
        width:20rem
    }
}

.ActionBetPanel {
    display: block;
    width: 100%
}

[class^=ActionBetPanel__container] {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    justify-content: center;
    margin: 0 auto;
    width: 100%
}

[class^=ActionBetPanel__container].is-hidden {
    display: none
}

.ActionBetPanel__container--progressbar {
    margin: .25rem auto;
    max-width: calc(75% - 2rem)
}

.ActionBetPanel__container--cta {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: space-between;
    width: 100%
}

[class^=ActionBetPanel__button-container] {
    width: 100%
}

.ActionBetPanel__button-container--dec-bet,.ActionBetPanel__button-container--inc-bet {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 12.5%
}

.ActionBetPanel__button-container--dec-bet button,.ActionBetPanel__button-container--inc-bet button {
    border: 0;
    box-shadow: none;
    color: var(--hg-text-primary);
    font-size: 28px;
    font-size: 2.25rem;
    outline: 0;
    padding: 0
}

.ActionBetPanel__button-container--dec-bet button i,.ActionBetPanel__button-container--inc-bet button i {
    transition: transform 50ms ease
}

.ActionBetPanel__button-container--dec-bet button:focus i,.ActionBetPanel__button-container--dec-bet button:hover i,.ActionBetPanel__button-container--inc-bet button:focus i,.ActionBetPanel__button-container--inc-bet button:hover i {
    text-shadow: 0 2px 3px var(--hg-bg-accent)
}

.ActionBetPanel__button-container--dec-bet button:active i,.ActionBetPanel__button-container--inc-bet button:active i {
    text-shadow: 0 1px 2px var(--hg-bg-accent)
}

.ActionBetPanel__button-container--dec-bet button:hover i,.ActionBetPanel__button-container--inc-bet button:hover i {
    transform: translateY(-1px)
}

.ActionBetPanel__button-container--dec-bet button:active i,.ActionBetPanel__button-container--dec-bet button:focus i,.ActionBetPanel__button-container--inc-bet button:active i,.ActionBetPanel__button-container--inc-bet button:focus i {
    transform: translateY(0)
}

@media (pointer: coarse) {
    .ActionBetPanel__button-container--dec-bet button:focus i,.ActionBetPanel__button-container--dec-bet button:hover i,.ActionBetPanel__button-container--inc-bet button:focus i,.ActionBetPanel__button-container--inc-bet button:hover i {
        text-shadow:unset;
        transform: unset
    }

    .ActionBetPanel__button-container--dec-bet button:active i,.ActionBetPanel__button-container--inc-bet button:active i {
        transform: translateY(1px)
    }
}

@media (min-height: 720px) {
    .ActionBetPanel__button-container--dec-bet button,.ActionBetPanel__button-container--inc-bet button {
        font-size:calc(10vh - 44px)
    }
}

@media (min-height: 800px) {
    .ActionBetPanel__button-container--dec-bet button,.ActionBetPanel__button-container--inc-bet button {
        font-size:36px
    }
}

.ActionBetPanel__button-container--dec-bet button:active,.ActionBetPanel__button-container--dec-bet button:hover,.ActionBetPanel__button-container--inc-bet button:active,.ActionBetPanel__button-container--inc-bet button:hover {
    color: var(--hg-text-primary)
}

div[data-channel=mobile] .ActionBetPanel__container--cta {
    gap: .75rem
}

div[data-channel=mobile] .ActionBetPanel__button-container--dec-bet button,div[data-channel=mobile] .ActionBetPanel__button-container--inc-bet button {
    font-size: 20px
}

@media (min-height: 260px) {
    div[data-channel=mobile] .ActionBetPanel__button-container--dec-bet button,div[data-channel=mobile] .ActionBetPanel__button-container--inc-bet button {
        font-size:calc(2.72727vh + 12.90909px)
    }
}

@media (min-height: 700px) {
    div[data-channel=mobile] .ActionBetPanel__button-container--dec-bet button,div[data-channel=mobile] .ActionBetPanel__button-container--inc-bet button {
        font-size:32px
    }
}

div[data-channel=mobile] .ActionBetPanel__button-container--cta {
    max-width: 67.5%
}

div[data-channel=mobile] .ActionBetPanel__container--progressbar {
    max-width: calc(67.5% - 1rem)
}

div[data-channel=mobile][data-orientation=landscape] .ActionBetPanel__button-container--cta {
    max-width: 70%
}

div[data-channel=mobile][data-orientation=landscape] .ActionBetPanel__container--progressbar {
    max-width: calc(70% - 1rem)
}

.ActionPanel {
    align-items: center;
    background: rgba(var(--hg-bg-user-panel-rgb),1);
    border: 3px solid rgba(var(--hg-bg-primary-rgb),1);
    border-radius: 3px;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: space-between;
    position: relative;
    width: auto
}

.ActionPanel__container--autoplay,.ActionPanel__container--game-actions,.ActionPanel__container--promotions {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    order: 1
}

.ActionPanel__container--game-actions {
    height: 100%
}

.ActionPanel>.divider--vertical {
    margin: 0;
    opacity: .15
}

body.internal-replay-active .ActionPanel {
    display: none
}

[data-layout-type=ribbon][data-channel=mobile] .ActionPanel {
    background: transparent;
    border: 0;
    border-radius: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    z-index: 10
}

[data-layout-type=ribbon][data-channel=mobile] .ActionPanel>.divider--vertical {
    display: none
}

[data-layout-type=ribbon][data-channel=mobile] .ActionPanel__container--game-actions {
    height: auto;
    position: relative
}

[data-layout-type=ribbon][data-channel=mobile] .ActionPanel__container--autoplay {
    bottom: 2rem;
    position: absolute;
    z-index: 10
}

[data-layout-type=ribbon][data-channel=mobile][data-layout-position=dock_bottom][data-orientation=portrait] .ActionPanel {
    left: 0;
    max-height: 6rem;
    width: 100%
}

[data-layout-type=ribbon][data-channel=mobile][data-layout-position=dock_bottom][data-orientation=portrait] .ActionPanel__container--autoplay {
    bottom: 0;
    right: .5rem
}

[data-layout-type=ribbon][data-channel=mobile][data-layout-position=dock_bottom][data-orientation=landscape] .ActionPanel {
    bottom: 50%;
    flex-direction: column;
    left: unset;
    margin: auto 0;
    max-height: unset;
    max-width: unset;
    padding: 0;
    position: fixed;
    right: 84px;
    transform: translateY(50%)
}

@media (min-height: 260px) {
    [data-layout-type=ribbon][data-channel=mobile][data-layout-position=dock_bottom][data-orientation=landscape] .ActionPanel {
        right:calc(-3.63636vh + 93.45455px)
    }
}

@media (min-height: 370px) {
    [data-layout-type=ribbon][data-channel=mobile][data-layout-position=dock_bottom][data-orientation=landscape] .ActionPanel {
        right:80px
    }
}

[data-layout-type=ribbon][data-channel=mobile][data-layout-position=dock_bottom][data-orientation=landscape] .ActionPanel__container--game-actions {
    width: 0
}

[data-layout-type=ribbon][data-channel=mobile][data-layout-position=dock_bottom][data-orientation=landscape] .ActionPanel__container--autoplay {
    bottom: 2.5rem;
    right: -70px
}

@media (min-height: 320px) {
    [data-layout-type=ribbon][data-channel=mobile][data-layout-position=dock_bottom][data-orientation=landscape] .ActionPanel__container--autoplay {
        right:calc(12vh - 108.4px)
    }
}

@media (min-height: 420px) {
    [data-layout-type=ribbon][data-channel=mobile][data-layout-position=dock_bottom][data-orientation=landscape] .ActionPanel__container--autoplay {
        right:-58px
    }
}

.BalanceInfoPanel,.BalanceInfoPanel__item {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

.BalanceInfoPanel__container--info,.BalanceInfoPanel__container--ticker {
    display: flex;
    flex: 1 1 100%;
    flex-wrap: nowrap;
    width: 100%
}

.BalanceInfoPanel__container--ticker {
    display: none
}

.BalanceInfoPanel__label,.BalanceInfoPanel__value {
    display: inline-block;
    line-height: 1;
    width: -moz-fit-content;
    width: fit-content
}

.BalanceInfoPanel__label {
    color: var(--hg-typography-title-color);
    font-size: var(--hg-typography-title-font-size);
    line-height: var(--hg-typography-title-line-height);
    line-height: 1;
    margin-bottom: auto
}

.BalanceInfoPanel__label[data-charcount="13"] {
    font-size: calc(4.8px + .4vw);
    font-size: minmax(7px,calc(4.8px + .4vw));
    font-size: clamp(7px,4.8px + .4vw,10px)
}

.BalanceInfoPanel__label[data-charcount="14"] {
    font-size: calc(4.4px + .4vw);
    font-size: minmax(7px,calc(4.4px + .4vw));
    font-size: clamp(7px,4.4px + .4vw,10px)
}

.BalanceInfoPanel__label[data-charcount="15"] {
    font-size: calc(4px + .4vw);
    font-size: minmax(7px,calc(4px + .4vw));
    font-size: clamp(7px,4px + .4vw,10px)
}

.BalanceInfoPanel__label[data-charcount="16"] {
    font-size: calc(3.6px + .4vw);
    font-size: minmax(7px,calc(3.6px + .4vw));
    font-size: clamp(7px,3.6px + .4vw,10px)
}

.BalanceInfoPanel__label[data-charcount="17"] {
    font-size: calc(3.2px + .4vw);
    font-size: minmax(7px,calc(3.2px + .4vw));
    font-size: clamp(7px,3.2px + .4vw,10px)
}

.BalanceInfoPanel__label[data-charcount="18"] {
    font-size: calc(2.8px + .4vw);
    font-size: minmax(7px,calc(2.8px + .4vw));
    font-size: clamp(7px,2.8px + .4vw,10px)
}

.BalanceInfoPanel__label[data-charcount="19"] {
    font-size: calc(2.4px + .4vw);
    font-size: minmax(7px,calc(2.4px + .4vw));
    font-size: clamp(7px,2.4px + .4vw,10px)
}

.BalanceInfoPanel__value {
    color: var(--hg-typography-color);
    font-size: 16px;
    font-weight: 700;
    line-height: 16px
}

.BalanceInfoPanel__value[data-charcount="15"] {
    font-size: calc(8.8px + .3vw);
    font-size: minmax(12px,calc(8.8px + .3vw));
    font-size: clamp(12px,8.8px + .3vw,16px)
}

.BalanceInfoPanel__value[data-charcount="16"] {
    font-size: calc(8.32px + .3vw);
    font-size: minmax(12px,calc(8.32px + .3vw));
    font-size: clamp(12px,8.32px + .3vw,16px)
}

.BalanceInfoPanel__value[data-charcount="17"] {
    font-size: calc(7.84px + .3vw);
    font-size: minmax(12px,calc(7.84px + .3vw));
    font-size: clamp(12px,7.84px + .3vw,16px)
}

.BalanceInfoPanel__value[data-charcount="18"] {
    font-size: calc(7.36px + .3vw);
    font-size: minmax(12px,calc(7.36px + .3vw));
    font-size: clamp(12px,7.36px + .3vw,16px)
}

.BalanceInfoPanel__value[data-charcount="19"] {
    font-size: calc(6.88px + .3vw);
    font-size: minmax(12px,calc(6.88px + .3vw));
    font-size: clamp(12px,6.88px + .3vw,16px)
}

.BalanceInfoPanel .WinAmountStandalone__inner,.BalanceInfoPanel__item {
    gap: .25rem;
    order: 1
}

.BalanceInfoPanel .WinAmountStandalone__inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.BalanceInfoPanel__item.WinAmountStandalone {
    border-inline-start:1px solid var(--hg-border-color);order: 2
}

.BalanceInfoPanel__item.FreeRoundsCounter {
    border-inline-end:1px solid var(--hg-border-color)}

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

.BalanceInfoPanel[data-win-representation=standalone] .BalanceInfoPanel__item.WinAmountStandalone,.BalanceInfoPanel[data-win-representation=ticker] .BalanceInfoPanel__container--ticker,.BalanceInfoPanel[data-win-representation=ticker] .BalanceTicker {
    display: flex
}

.BalanceInfoPanel[data-win-representation=standalone] .BalanceInfoPanel__container--ticker,.BalanceInfoPanel[data-win-representation=standalone] .BalanceTicker,.BalanceInfoPanel[data-win-representation=ticker] .BalanceInfoPanel__item.WinAmountStandalone {
    display: none
}

.AutoplayMenuPanel {
    scrollbar-color: var(--hg-scrollbar-thumb-bg) transparent;
    scrollbar-width: thin
}

.AutoplayMenuPanel ::-webkit-scrollbar {
    -webkit-appearance: none;
    background-color: transparent;
    width: .25rem
}

.AutoplayMenuPanel ::-webkit-scrollbar-thumb {
    background: var(--hg-scrollbar-thumb-bg);
    border-radius: 100px
}

.AutoplayMenuPanel ::-webkit-scrollbar-track {
    border-radius: 100px;
    -webkit-box-shadow: inset 0 0 6px rgba(73,80,87,.95)
}

[data-layout-type^=ribbon] .MainPanel.autoplay-menu-active .AutoplayMenuPanel {
    max-height: unset;
    visibility: visible;
    width: 22rem
}

[data-layout-type^=ribbon] .AutoplayMenuPanel {
    border-radius: 5px 5px 0 0;
    bottom: 100%;
    justify-content: center;
    max-height: 0;
    max-width: 0;
    min-width: 22rem;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: unset;
    visibility: hidden;
    width: 0;
    z-index: -1;
    --hg-typography-title-color: #ffc529;
    --hg-typography-title-line-height: 1rem;
    --hg-typography-line-height: 1rem;
    --hg-typography-font-size: 1rem;
    --hg-typography-title-font-size: 1rem;
    --hg-typography-font-weight: 700
}

div[data-layout-type=ribbon][data-channel=mobile] .AutoplayMenuPanel {
    border-radius: 0;
    border-width: 0;
    display: none;
    height: 100%;
    left: 0;
    margin: 0;
    min-width: unset;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0
}

div[data-layout-type=ribbon][data-channel=mobile] .AutoplayMenuPanel ::-webkit-scrollbar {
    width: .375rem
}

div[data-layout-type=ribbon][data-channel=mobile] .MainPanel.autoplay-menu-active .AutoplayMenuPanel {
    display: flex;
    max-width: unset;
    width: 100vw;
    z-index: 1
}

.DataPanelItem {
    align-items: flex-start;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.DataPanelItem__label,.DataPanelItem__label--md,.DataPanelItem__label--sm {
    color: var(--hg-typography-title-color);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.15;
    white-space: nowrap
}

.DataPanelItem__label--md {
    font-size: 16px
}

.DataPanelItem__label--sm {
    font-size: 12px
}

.DataPanelItem__value,.DataPanelItem__value--md,.DataPanelItem__value--sm {
    color: var(--hg-typography-color);
    display: flex;
    flex-grow: 1;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap
}

.DataPanelItem__value--md[data-charcount="10"],.DataPanelItem__value--sm[data-charcount="10"],.DataPanelItem__value[data-charcount="10"] {
    font-size: calc(16.8px + .3vw);
    font-size: minmax(10px,calc(16.8px + .3vw));
    font-size: clamp(10px,16.8px + .3vw,24px)
}

.DataPanelItem__value--md[data-charcount="11"],.DataPanelItem__value--sm[data-charcount="11"],.DataPanelItem__value[data-charcount="11"] {
    font-size: calc(16.08px + .3vw);
    font-size: minmax(10px,calc(16.08px + .3vw));
    font-size: clamp(10px,16.08px + .3vw,24px)
}

.DataPanelItem__value--md[data-charcount="12"],.DataPanelItem__value--sm[data-charcount="12"],.DataPanelItem__value[data-charcount="12"] {
    font-size: calc(15.36px + .3vw);
    font-size: minmax(10px,calc(15.36px + .3vw));
    font-size: clamp(10px,15.36px + .3vw,24px)
}

.DataPanelItem__value--md[data-charcount="13"],.DataPanelItem__value--sm[data-charcount="13"],.DataPanelItem__value[data-charcount="13"] {
    font-size: calc(14.64px + .3vw);
    font-size: minmax(10px,calc(14.64px + .3vw));
    font-size: clamp(10px,14.64px + .3vw,24px)
}

.DataPanelItem__value--md[data-charcount="14"],.DataPanelItem__value--sm[data-charcount="14"],.DataPanelItem__value[data-charcount="14"] {
    font-size: calc(13.92px + .3vw);
    font-size: minmax(10px,calc(13.92px + .3vw));
    font-size: clamp(10px,13.92px + .3vw,24px)
}

.DataPanelItem__value--md[data-charcount="15"],.DataPanelItem__value--sm[data-charcount="15"],.DataPanelItem__value[data-charcount="15"] {
    font-size: calc(13.2px + .3vw);
    font-size: minmax(10px,calc(13.2px + .3vw));
    font-size: clamp(10px,13.2px + .3vw,24px)
}

.DataPanelItem__value--md[data-charcount="16"],.DataPanelItem__value--sm[data-charcount="16"],.DataPanelItem__value[data-charcount="16"] {
    font-size: calc(12.48px + .3vw);
    font-size: minmax(10px,calc(12.48px + .3vw));
    font-size: clamp(10px,12.48px + .3vw,24px)
}

.DataPanelItem__value--md[data-charcount="17"],.DataPanelItem__value--sm[data-charcount="17"],.DataPanelItem__value[data-charcount="17"] {
    font-size: calc(11.76px + .3vw);
    font-size: minmax(10px,calc(11.76px + .3vw));
    font-size: clamp(10px,11.76px + .3vw,24px)
}

.DataPanelItem__value--md[data-charcount="18"],.DataPanelItem__value--sm[data-charcount="18"],.DataPanelItem__value[data-charcount="18"] {
    font-size: calc(11.04px + .3vw);
    font-size: minmax(10px,calc(11.04px + .3vw));
    font-size: clamp(10px,11.04px + .3vw,24px)
}

.DataPanelItem__value--md[data-charcount="19"],.DataPanelItem__value--sm[data-charcount="19"],.DataPanelItem__value[data-charcount="19"] {
    font-size: calc(10.32px + .3vw);
    font-size: minmax(10px,calc(10.32px + .3vw));
    font-size: clamp(10px,10.32px + .3vw,24px)
}

.DataPanelItem__value--md.small-size,.DataPanelItem__value--sm.small-size,.DataPanelItem__value.small-size {
    font-size: 18px
}

.DataPanelItem__value--md.small-size[data-charcount="10"],.DataPanelItem__value--sm.small-size[data-charcount="10"],.DataPanelItem__value.small-size[data-charcount="10"] {
    font-size: calc(12.6px + .3vw);
    font-size: minmax(10px,calc(12.6px + .3vw));
    font-size: clamp(10px,12.6px + .3vw,18px)
}

.DataPanelItem__value--md.small-size[data-charcount="11"],.DataPanelItem__value--sm.small-size[data-charcount="11"],.DataPanelItem__value.small-size[data-charcount="11"] {
    font-size: calc(12.06px + .3vw);
    font-size: minmax(10px,calc(12.06px + .3vw));
    font-size: clamp(10px,12.06px + .3vw,18px)
}

.DataPanelItem__value--md.small-size[data-charcount="12"],.DataPanelItem__value--sm.small-size[data-charcount="12"],.DataPanelItem__value.small-size[data-charcount="12"] {
    font-size: calc(11.52px + .3vw);
    font-size: minmax(10px,calc(11.52px + .3vw));
    font-size: clamp(10px,11.52px + .3vw,18px)
}

.DataPanelItem__value--md.small-size[data-charcount="13"],.DataPanelItem__value--sm.small-size[data-charcount="13"],.DataPanelItem__value.small-size[data-charcount="13"] {
    font-size: calc(10.98px + .3vw);
    font-size: minmax(10px,calc(10.98px + .3vw));
    font-size: clamp(10px,10.98px + .3vw,18px)
}

.DataPanelItem__value--md.small-size[data-charcount="14"],.DataPanelItem__value--sm.small-size[data-charcount="14"],.DataPanelItem__value.small-size[data-charcount="14"] {
    font-size: calc(10.44px + .3vw);
    font-size: minmax(10px,calc(10.44px + .3vw));
    font-size: clamp(10px,10.44px + .3vw,18px)
}

.DataPanelItem__value--md.small-size[data-charcount="15"],.DataPanelItem__value--sm.small-size[data-charcount="15"],.DataPanelItem__value.small-size[data-charcount="15"] {
    font-size: calc(9.9px + .3vw);
    font-size: minmax(10px,calc(9.9px + .3vw));
    font-size: clamp(10px,9.9px + .3vw,18px)
}

.DataPanelItem__value--md.small-size[data-charcount="16"],.DataPanelItem__value--sm.small-size[data-charcount="16"],.DataPanelItem__value.small-size[data-charcount="16"] {
    font-size: calc(9.36px + .3vw);
    font-size: minmax(10px,calc(9.36px + .3vw));
    font-size: clamp(10px,9.36px + .3vw,18px)
}

.DataPanelItem__value--md.small-size[data-charcount="17"],.DataPanelItem__value--sm.small-size[data-charcount="17"],.DataPanelItem__value.small-size[data-charcount="17"] {
    font-size: calc(8.82px + .3vw);
    font-size: minmax(10px,calc(8.82px + .3vw));
    font-size: clamp(10px,8.82px + .3vw,18px)
}

.DataPanelItem__value--md.small-size[data-charcount="18"],.DataPanelItem__value--sm.small-size[data-charcount="18"],.DataPanelItem__value.small-size[data-charcount="18"] {
    font-size: calc(8.28px + .3vw);
    font-size: minmax(10px,calc(8.28px + .3vw));
    font-size: clamp(10px,8.28px + .3vw,18px)
}

.DataPanelItem__value--md.small-size[data-charcount="19"],.DataPanelItem__value--sm.small-size[data-charcount="19"],.DataPanelItem__value.small-size[data-charcount="19"] {
    font-size: calc(7.74px + .3vw);
    font-size: minmax(10px,calc(7.74px + .3vw));
    font-size: clamp(10px,7.74px + .3vw,18px)
}

.DataPanelItem__value--md {
    font-size: 22px
}

.DataPanelItem__value--sm {
    font-size: 16px
}

.DataPanelItem.Balance:not(.is-visible),.DataPanelItem.BetAmountStaticItem:not(.is-visible),.DataPanelItem.FeaturePanel:not(.is-visible),.DataPanelItem.FreeRoundsCounter:not(.is-visible),.DataPanelItem.FreeRoundsWin:not(.is-visible),.DataPanelItem.WinAmount:not(.is-visible) {
    display: none
}

.DataPanelItem.Balance {
    padding-left: .5rem
}

div[data-layout-type=ribbon][data-channel=desktop] .BetAmountStaticItem {
    display: none
}

div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanelItem {
    order: 0
}

div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanelItem,div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanelItem.BetAmountStaticItem .ItemWrapper__inner {
    align-items: center;
    -moz-column-gap: .75rem;
    column-gap: .75rem;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%
}

div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanelItem.Balance .DataPanelItem__label,div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanelItem.BetAmountStaticItem .DataPanelItem__label,div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanelItem.FreeRoundsCounter .DataPanelItem__label,div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanelItem.FreeRoundsWin .DataPanelItem__label,div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanelItem.WinAmount .DataPanelItem__label {
    font-size: 12px;
    justify-content: flex-start;
    min-width: 30%
}

div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanelItem.Balance .DataPanelItem__value,div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanelItem.BetAmountStaticItem .DataPanelItem__value,div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanelItem.FreeRoundsCounter .DataPanelItem__value,div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanelItem.FreeRoundsWin .DataPanelItem__value,div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanelItem.WinAmount .DataPanelItem__value {
    font-size: 14px;
    justify-content: flex-start
}

div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .FreeRoundsCounter {
    order: 0
}

div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .Balance {
    order: 1
}

div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .BetAmountStaticItem,div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .WinAmount {
    order: 2
}

div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .FreeRoundsWin {
    order: 3
}

div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanel__container[data-max-content-size="8"] .BetAmountStaticItem.is-visible .DataPanelItem__label,div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanel__container[data-max-content-size="8"] .DataPanelItem.is-visible>.DataPanelItem__label {
    min-width: 9ch;
    width: 9ch
}

div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanel__container[data-max-content-size="9"] .BetAmountStaticItem.is-visible .DataPanelItem__label,div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanel__container[data-max-content-size="9"] .DataPanelItem.is-visible>.DataPanelItem__label {
    min-width: 10ch;
    width: 10ch
}

div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanel__container[data-max-content-size="10"] .BetAmountStaticItem.is-visible .DataPanelItem__label,div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanel__container[data-max-content-size="10"] .DataPanelItem.is-visible>.DataPanelItem__label {
    min-width: 11ch;
    width: 11ch
}

div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanel__container[data-max-content-size="11"] .BetAmountStaticItem.is-visible .DataPanelItem__label,div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanel__container[data-max-content-size="11"] .DataPanelItem.is-visible>.DataPanelItem__label {
    min-width: 12ch;
    width: 12ch
}

div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanel__container[data-max-content-size="12"] .BetAmountStaticItem.is-visible .DataPanelItem__label,div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanel__container[data-max-content-size="12"] .DataPanelItem.is-visible>.DataPanelItem__label {
    min-width: 13ch;
    width: 13ch
}

div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanel__container[data-max-content-size="13"] .BetAmountStaticItem.is-visible .DataPanelItem__label,div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanel__container[data-max-content-size="13"] .DataPanelItem.is-visible>.DataPanelItem__label {
    min-width: 14ch;
    width: 14ch
}

div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanel__container[data-max-content-size="14"] .BetAmountStaticItem.is-visible .DataPanelItem__label,div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanel__container[data-max-content-size="14"] .DataPanelItem.is-visible>.DataPanelItem__label {
    min-width: 15ch;
    width: 15ch
}

div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanel__container[data-max-content-size="15"] .BetAmountStaticItem.is-visible .DataPanelItem__label,div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanel__container[data-max-content-size="15"] .DataPanelItem.is-visible>.DataPanelItem__label {
    min-width: 16ch;
    width: 16ch
}

div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanel__container[data-max-content-size="16"] .BetAmountStaticItem.is-visible .DataPanelItem__label,div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanel__container[data-max-content-size="16"] .DataPanelItem.is-visible>.DataPanelItem__label {
    min-width: 17ch;
    width: 17ch
}

div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanel__container[data-max-content-size="17"] .BetAmountStaticItem.is-visible .DataPanelItem__label,div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanel__container[data-max-content-size="17"] .DataPanelItem.is-visible>.DataPanelItem__label {
    min-width: 18ch;
    width: 18ch
}

div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanel__container[data-max-content-size="18"] .BetAmountStaticItem.is-visible .DataPanelItem__label,div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanel__container[data-max-content-size="18"] .DataPanelItem.is-visible>.DataPanelItem__label {
    min-width: 19ch;
    width: 19ch
}

div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanel__container[data-max-content-size="19"] .BetAmountStaticItem.is-visible .DataPanelItem__label,div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanel__container[data-max-content-size="19"] .DataPanelItem.is-visible>.DataPanelItem__label {
    min-width: 20ch;
    width: 20ch
}

div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanel__container[data-max-content-size="20"] .BetAmountStaticItem.is-visible .DataPanelItem__label,div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanel__container[data-max-content-size="20"] .DataPanelItem.is-visible>.DataPanelItem__label {
    min-width: 21ch;
    width: 21ch
}

.UiUserPanelWrapper.bet-modifier-active:not(div[data-state=featurePlay-freespins] .UiUserPanelWrapper.bet-modifier-active) .ActiveBetAmountValue,.UiUserPanelWrapper.bet-modifier-active:not(div[data-state=featurePlay-freespins] .UiUserPanelWrapper.bet-modifier-active) .BetAmountStaticItem {
    --hg-typography-color: rgba(var(--hg-bg-accent-rgb),1)
}

div[data-layout-type=ribbon][data-channel=mobile] .DataPanelItem {
    align-items: center;
    flex-grow: 1;
    justify-content: space-between;
    width: 33%
}

div[data-layout-type=ribbon][data-channel=mobile] .DataPanelItem__label,div[data-layout-type=ribbon][data-channel=mobile] .DataPanelItem__value {
    flex-grow: 1;
    font-size: 10px;
    justify-content: center;
    line-height: 1.25;
    text-align: center
}

div[data-layout-type=ribbon][data-channel=mobile] .DataPanelItem.WinAmount:not(.is-visible) {
    display: flex;
    opacity: 0;
    visibility: hidden
}

div[data-layout-type=ribbon][data-channel=mobile] .MainPanel.bet-change-active .BetAmountStaticItem {
    position: relative
}

div[data-layout-type=ribbon][data-channel=mobile] .MainPanel.bet-change-active .ItemWrapper {
    background: rgba(var(--hg-modal-bg-rgb),.75)
}

div[data-layout-type=ribbon][data-channel=mobile] .MainPanel.bet-change-active .ItemWrapper__inner {
    align-items: center;
    justify-content: center
}

div[data-layout-type=ribbon][data-channel=mobile] .MainPanel.bet-change-active .ItemWrapper__inner .DataPanelItem__label,div[data-layout-type=ribbon][data-channel=mobile] .MainPanel.bet-change-active .ItemWrapper__inner .DataPanelItem__value {
    flex-grow: unset;
    height: auto
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=portrait] .MainPanel.bet-change-active .BetAmountStaticItem>.ItemWrapper {
    display: inline-block;
    height: 100%;
    position: relative;
    transform: scale3d(1.5,1.5,1.5) translateY(-7rem);
    transition: transform .15s ease;
    width: auto
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=portrait] .MainPanel.bet-change-active .BetAmountStaticItem>.ItemWrapper .DataPanelItem__label {
    font-size: 9px
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=portrait] .MainPanel.bet-change-active .BetAmountStaticItem>.ItemWrapper .DataPanelItem__value {
    font-size: 12px
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=portrait] .MainPanel.bet-change-active .BetAmountStaticItem .ItemWrapper__inner {
    background: rgba(var(--hg-modal-bg-rgb),.5);
    border: .25px solid rgba(173,181,189,.15);
    border-radius: .25rem;
    height: auto;
    left: 50%;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding: .25rem 1rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .MainPanel.bet-change-active .BetAmountStaticItem>.ItemWrapper {
    align-items: center;
    background: rgba(var(--hg-modal-bg-rgb),.75);
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 2rem 6rem;
    position: fixed;
    right: 0;
    top: 0;
    transform: scaleX(1) translateZ(0);
    width: 100%
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .MainPanel.bet-change-active .BetAmountStaticItem>.ItemWrapper__inner {
    justify-content: center
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .MainPanel.bet-change-active .BetAmountStaticItem>.ItemWrapper .DataPanelItem__label {
    font-size: 20px
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .MainPanel.bet-change-active .BetAmountStaticItem>.ItemWrapper .DataPanelItem__value {
    font-size: 28px
}

.DataPanel {
    -moz-column-gap: .375rem;
    column-gap: .375rem
}

.DataPanel__container {
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.DataPanel__container .ItemWrapper {
    align-items: stretch;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.DataPanel__container .ItemWrapper__inner {
    align-items: stretch;
    background: transparent;
    display: flex;
    flex-flow: column;
    flex-grow: 1;
    height: 100%;
    justify-content: space-between;
    width: 100%
}

.DataPanel,.DataPanel__container {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    height: 100%;
    justify-content: flex-start;
    position: relative;
    width: auto
}

.DataPanel>.divider--vertical {
    height: calc(100% + 1.25rem);
    margin: 0;
    opacity: .25;
    position: relative
}

div[data-layout-type=ribbon][data-channel=desktop] .UiUserPanelWrapper.is-free-round-mode .DataPanel__container {
    align-items: flex-start;
    -moz-column-gap: unset;
    column-gap: unset;
    flex-direction: column;
    justify-content: center;
    margin: -.25rem .5rem
}

body.internal-replay-active .DataPanelItem:not(.FeatureTotalWin,.FeatureCounter,.ToggleButton--main-menu),body.internal-replay-active [data-state=featurePlay-freespins] .DataPanelItem.BetAmountStaticItem {
    display: none!important
}

div[data-layout-type=ribbon][data-channel=mobile] .DataPanel {
    align-items: center;
    -moz-column-gap: unset;
    column-gap: unset;
    display: flex;
    flex-shrink: 0;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: space-between;
    margin-top: auto;
    max-height: 2.25rem;
    order: 2;
    width: 100%
}

div[data-layout-type=ribbon][data-channel=mobile] .DataPanel>.divider--vertical {
    display: none
}

div[data-layout-type=ribbon][data-channel=mobile] .DataPanel__container {
    background: #010101;
    background: linear-gradient(180deg,rgba(43,41,41,.05) 3%,rgba(43,41,41,.2) 15%,rgba(17,20,24,.45) 90%);
    display: flex;
    flex-shrink: 0;
    gap: .25rem;
    height: 2.25rem;
    justify-content: space-between;
    min-height: 2.25rem;
    padding: .25rem .5rem 1.15rem;
    width: 100%
}

div[data-layout-type=ribbon][data-channel=mobile] .MainPanel.autoplay-menu-active .DataPanel,div[data-layout-type=ribbon][data-channel=mobile] .MainPanel.bet-amount-menu-active .DataPanel {
    z-index: 1
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .DataPanel {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .DataPanel__container {
    min-height: 2.5rem;
    padding: 0 .5rem .75rem
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape].iosIphone .DataPanel {
    padding-bottom: 15px
}

.FeaturePanel {
    align-items: center;
    background: rgba(var(--hg-bg-user-panel-rgb),1);
    border: 3px solid rgba(var(--hg-bg-primary-rgb),1);
    border-radius: 3px;
    box-sizing: border-box;
    display: none;
    flex-direction: row;
    height: 100%;
    justify-content: space-between;
    margin-left: auto;
    overflow: hidden;
    position: relative;
    width: auto
}

.FeaturePanel>.divider--vertical {
    opacity: .25
}

.FeaturePanel .FeatureCounter,.FeaturePanel .FeatureTotalWin {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    min-width: 4.5rem;
    padding: 0 10px;
    position: relative;
    text-align: left;
    width: auto
}

.FeaturePanel .FeatureCounter__label[data-charcount="9"],.FeaturePanel .FeatureTotalWin__label[data-charcount="9"] {
    font-size: 13.3px
}

.FeaturePanel .FeatureCounter__value[data-charcount="9"],.FeaturePanel .FeatureTotalWin__value[data-charcount="9"] {
    font-size: 22px
}

.FeaturePanel .FeatureCounter__label[data-charcount="10"],.FeaturePanel .FeatureTotalWin__label[data-charcount="10"] {
    font-size: 13px
}

.FeaturePanel .FeatureCounter__value[data-charcount="10"],.FeaturePanel .FeatureTotalWin__value[data-charcount="10"] {
    font-size: 21px
}

.FeaturePanel .FeatureCounter__label[data-charcount="11"],.FeaturePanel .FeatureTotalWin__label[data-charcount="11"] {
    font-size: 12.7px
}

.FeaturePanel .FeatureCounter__value[data-charcount="11"],.FeaturePanel .FeatureTotalWin__value[data-charcount="11"] {
    font-size: 20px
}

.FeaturePanel .FeatureCounter__label[data-charcount="12"],.FeaturePanel .FeatureTotalWin__label[data-charcount="12"] {
    font-size: 12.4px
}

.FeaturePanel .FeatureCounter__value[data-charcount="12"],.FeaturePanel .FeatureTotalWin__value[data-charcount="12"] {
    font-size: 13px
}

.FeaturePanel .FeatureCounter__label[data-charcount="13"],.FeaturePanel .FeatureTotalWin__label[data-charcount="13"] {
    font-size: 12.1px
}

.FeaturePanel .FeatureCounter__value[data-charcount="13"],.FeaturePanel .FeatureTotalWin__value[data-charcount="13"] {
    font-size: 13px
}

.FeaturePanel .FeatureCounter__label[data-charcount="14"],.FeaturePanel .FeatureTotalWin__label[data-charcount="14"] {
    font-size: 11.8px
}

.FeaturePanel .FeatureCounter__value[data-charcount="14"],.FeaturePanel .FeatureTotalWin__value[data-charcount="14"] {
    font-size: 13px
}

.FeaturePanel .FeatureCounter__label[data-charcount="15"],.FeaturePanel .FeatureTotalWin__label[data-charcount="15"] {
    font-size: 11.5px
}

.FeaturePanel .FeatureCounter__value[data-charcount="15"],.FeaturePanel .FeatureTotalWin__value[data-charcount="15"] {
    font-size: 13px
}

.FeaturePanel .FeatureCounter__label[data-charcount="16"],.FeaturePanel .FeatureTotalWin__label[data-charcount="16"] {
    font-size: 11.2px
}

.FeaturePanel .FeatureCounter__value[data-charcount="16"],.FeaturePanel .FeatureTotalWin__value[data-charcount="16"] {
    font-size: 13px
}

.FeaturePanel .FeatureCounter__label[data-charcount="17"],.FeaturePanel .FeatureTotalWin__label[data-charcount="17"] {
    font-size: 10.9px
}

.FeaturePanel .FeatureCounter__value[data-charcount="17"],.FeaturePanel .FeatureTotalWin__value[data-charcount="17"] {
    font-size: 13px
}

.FeaturePanel .FeatureCounter__label[data-charcount="18"],.FeaturePanel .FeatureTotalWin__label[data-charcount="18"] {
    font-size: 10.6px
}

.FeaturePanel .FeatureCounter__value[data-charcount="18"],.FeaturePanel .FeatureTotalWin__value[data-charcount="18"] {
    font-size: 13px
}

.FeaturePanel .FeatureCounter__label[data-charcount="19"],.FeaturePanel .FeatureTotalWin__label[data-charcount="19"] {
    font-size: 10.3px
}

.FeaturePanel .FeatureCounter__value[data-charcount="19"],.FeaturePanel .FeatureTotalWin__value[data-charcount="19"] {
    font-size: 13px
}

.FeaturePanel .FeatureCounter__label[data-charcount="20"],.FeaturePanel .FeatureTotalWin__label[data-charcount="20"] {
    font-size: 10px
}

.FeaturePanel .FeatureCounter__value[data-charcount="20"],.FeaturePanel .FeatureTotalWin__value[data-charcount="20"] {
    font-size: 13px
}

.FeaturePanel .FeatureCounter__label[data-charcount="21"],.FeaturePanel .FeatureTotalWin__label[data-charcount="21"] {
    font-size: 9.7px
}

.FeaturePanel .FeatureCounter__value[data-charcount="21"],.FeaturePanel .FeatureTotalWin__value[data-charcount="21"] {
    font-size: 13px
}

div[data-layout-type=ribbon][data-channel=mobile] .FeaturePanel {
    align-items: stretch;
    background: rgba(var(--hg-bg-primary-rgb),.75);
    border: .25px solid rgba(173,181,189,.15);
    border-radius: .25rem;
    height: auto;
    margin: .25rem;
    top: 3rem
}

div[data-layout-type=ribbon][data-channel=mobile] .FeaturePanel .FeatureCounter,div[data-layout-type=ribbon][data-channel=mobile] .FeaturePanel .FeatureTotalWin {
    padding: .5rem
}

div[data-layout-type=ribbon][data-channel=mobile] .FeaturePanel .FeatureCounter span:last-of-type,div[data-layout-type=ribbon][data-channel=mobile] .FeaturePanel .FeatureTotalWin span:last-of-type {
    font-size: 12px
}

div[data-layout-type=ribbon][data-channel=mobile] .FeaturePanel .FeatureCounter span:nth-last-of-type(2),div[data-layout-type=ribbon][data-channel=mobile] .FeaturePanel .FeatureTotalWin span:nth-last-of-type(2) {
    font-size: 10px;
    line-height: 1.5
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeaturePanel {
    flex-direction: column;
    flex-wrap: nowrap;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeaturePanel>.divider--vertical {
    height: .5px;
    width: 100%
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape][data-layout-position=dock_bottom] .FeaturePanel {
    left: unset;
    right: 1rem
}

.MainPanel {
    color: var(--hg-text-primary);
    height: 100%;
    width: 100%
}

.MainPanel,.MainPanel.is-visible {
    display: block
}

.MainPanel__container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
    width: 100%
}

div[data-layout-type=ribbon][data-channel=mobile][data-layout-position=dock_bottom] .MainPanel__container,div[data-layout-type=ribbon][data-channel=mobile][data-layout-position=dock_left] .MainPanel__container,div[data-layout-type=ribbon][data-channel=mobile][data-layout-position=dock_right] .MainPanel__container,div[data-layout-type=ribbon][data-channel=mobile][data-layout-position=dock_top] .MainPanel__container {
    flex-direction: column
}

.Fieldset__legend {
    color: var(--hg-typography-title-color);
    font-size: var(--hg-typography-title-font-size);
    line-height: var(--hg-typography-title-line-height)
}

[data-layout-type=ribbon] .Fieldset {
    align-items: stretch;
    display: flex;
    flex-basis: 100%;
    flex-direction: column;
    justify-content: space-between;
    padding: 0;
    position: relative;
    width: 100%
}

[data-layout-type=ribbon] .Fieldset__items-group,[data-layout-type=ribbon] .Fieldset__legend {
    display: flex;
    width: 100%
}

[data-layout-type=ribbon] .Fieldset__legend {
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0 0 .5rem;
    text-align: left
}

[data-layout-type=ribbon] .Fieldset__legend>* {
    color: inherit
}

[data-layout-type=ribbon] .Fieldset:after {
    border-bottom: .5px solid rgba(var(--hg-text-primary-rgb),.15);
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

[data-layout-type=ribbon] .Fieldset {
    padding-top: 1.5rem
}

[data-layout-type=ribbon] .Fieldset:after {
    content: "";
    top: .75rem
}

[data-layout-type=ribbon] .Fieldset__legend {
    text-transform: uppercase
}

[data-layout-type=aside_panel] .Fieldset {
    align-items: stretch;
    border: 1px solid transparent;
    display: flex;
    flex-basis: 100%;
    flex-direction: column;
    justify-content: space-between;
    padding: 0;
    position: relative;
    width: 100%
}

[data-layout-type=aside_panel] .Fieldset__items-group,[data-layout-type=aside_panel] .Fieldset__legend {
    display: flex;
    width: 100%
}

[data-layout-type=aside_panel] .Fieldset__legend {
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0 0 .5rem;
    text-align: left
}

[data-layout-type=aside_panel] .Fieldset__legend>* {
    color: inherit
}

[data-layout-type=aside_panel] .Fieldset__legend {
    margin: 0 0 .375rem
}

[data-layout-type=aside_panel] .Fieldset__items-group {
    display: block;
    width: 100%
}

[data-layout-type=aside_panel][data-channel=mobile] .Fieldset__legend {
    margin: 0 0 .25rem
}

[data-layout-type=aside_panel][data-channel=mobile] .AutoplayMenuWindow .Fieldset__legend {
    color: var(--hg-bg-accent);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: .5rem
}

.Toggle {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: flex-start
}

.Toggle--input {
    height: 0;
    margin-left: -9999px;
    position: absolute;
    visibility: hidden;
    width: 0
}

.Toggle--label {
    align-items: center;
    background: var(--hg-btn-bg);
    border: 0;
    border-radius: 2rem;
    color: var(--hg-btn-color);
    cursor: pointer;
    display: flex;
    font-size: 0;
    height: 2.375rem;
    justify-content: flex-start;
    max-width: 8rem;
    outline: none;
    position: relative;
    text-indent: -9999px;
    transition: background .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 30%
}

.Toggle--label:before {
    background: #fff;
    border: 0;
    border-radius: 1000px;
    content: "";
    display: block;
    height: 1.875rem;
    left: .25rem;
    overflow: hidden;
    position: relative;
    transition: background .3s,left .3s;
    width: 1.875rem
}

.Toggle--input:checked+.Toggle--label {
    background-color: var(--hg-bg-accent)
}

.Toggle--input:checked+.Toggle--label:before {
    background-color: #262626;
    left: calc(100% - 2.125rem)
}

div[data-layout-type=aside_panel] .TabGroup,div[data-layout-type=aside_panel] .TabGroup__list {
    align-items: stretch;
    -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;
    width: 100%
}

div[data-layout-type=aside_panel] .TabGroup__item,div[data-layout-type=aside_panel] .TabGroup__list__item {
    grid-column: span 3
}

div[data-layout-type=aside_panel] .TabGroup[data-container-grid-size="1"],div[data-layout-type=aside_panel] .TabGroup__list[data-container-grid-size="1"] {
    grid-template-columns: repeat(1,1fr)
}

div[data-layout-type=aside_panel] .TabGroup[data-container-grid-size="1"]>*,div[data-layout-type=aside_panel] .TabGroup__list[data-container-grid-size="1"]>* {
    grid-column: span 1
}

div[data-layout-type=aside_panel] .TabGroup[data-container-grid-size="2"],div[data-layout-type=aside_panel] .TabGroup__list[data-container-grid-size="2"] {
    grid-template-columns: repeat(2,1fr)
}

div[data-layout-type=aside_panel] .TabGroup[data-container-grid-size="2"]>*,div[data-layout-type=aside_panel] .TabGroup__list[data-container-grid-size="2"]>* {
    grid-column: span 1
}

div[data-layout-type=aside_panel] .TabGroup[data-container-grid-size="3"],div[data-layout-type=aside_panel] .TabGroup__list[data-container-grid-size="3"] {
    grid-template-columns: repeat(3,1fr)
}

div[data-layout-type=aside_panel] .TabGroup[data-container-grid-size="3"]>*,div[data-layout-type=aside_panel] .TabGroup__list[data-container-grid-size="3"]>* {
    grid-column: span 1
}

div[data-layout-type=aside_panel] .TabGroup[data-container-grid-size="4"],div[data-layout-type=aside_panel] .TabGroup__list[data-container-grid-size="4"] {
    grid-template-columns: repeat(4,1fr)
}

div[data-layout-type=aside_panel] .TabGroup[data-container-grid-size="4"]>*,div[data-layout-type=aside_panel] .TabGroup__list[data-container-grid-size="4"]>* {
    grid-column: span 1
}

div[data-layout-type=aside_panel] .TabGroup[data-container-grid-size="5"],div[data-layout-type=aside_panel] .TabGroup__list[data-container-grid-size="5"] {
    grid-template-columns: repeat(5,1fr)
}

div[data-layout-type=aside_panel] .TabGroup[data-container-grid-size="5"]>*,div[data-layout-type=aside_panel] .TabGroup__list[data-container-grid-size="5"]>* {
    grid-column: span 1
}

div[data-layout-type=aside_panel] .TabGroup[data-container-grid-size="6"],div[data-layout-type=aside_panel] .TabGroup__list[data-container-grid-size="6"] {
    grid-template-columns: repeat(6,1fr)
}

div[data-layout-type=aside_panel] .TabGroup[data-container-grid-size="6"]>*,div[data-layout-type=aside_panel] .TabGroup__list[data-container-grid-size="6"]>* {
    grid-column: span 1
}

div[data-layout-type=aside_panel] .TabGroup[data-container-grid-size="7"],div[data-layout-type=aside_panel] .TabGroup__list[data-container-grid-size="7"] {
    grid-template-columns: repeat(7,1fr)
}

div[data-layout-type=aside_panel] .TabGroup[data-container-grid-size="7"]>*,div[data-layout-type=aside_panel] .TabGroup__list[data-container-grid-size="7"]>* {
    grid-column: span 1
}

div[data-layout-type=aside_panel] .TabGroup[data-container-grid-size="8"],div[data-layout-type=aside_panel] .TabGroup__list[data-container-grid-size="8"] {
    grid-template-columns: repeat(8,1fr)
}

div[data-layout-type=aside_panel] .TabGroup[data-container-grid-size="8"]>*,div[data-layout-type=aside_panel] .TabGroup__list[data-container-grid-size="8"]>* {
    grid-column: span 1
}

div[data-layout-type=aside_panel] .TabGroup[data-container-grid-size="9"],div[data-layout-type=aside_panel] .TabGroup__list[data-container-grid-size="9"] {
    grid-template-columns: repeat(9,1fr)
}

div[data-layout-type=aside_panel] .TabGroup[data-container-grid-size="9"]>*,div[data-layout-type=aside_panel] .TabGroup__list[data-container-grid-size="9"]>* {
    grid-column: span 1
}

div[data-layout-type=aside_panel] .TabGroup[data-container-grid-size="10"],div[data-layout-type=aside_panel] .TabGroup__list[data-container-grid-size="10"] {
    grid-template-columns: repeat(10,1fr)
}

div[data-layout-type=aside_panel] .TabGroup[data-container-grid-size="10"]>*,div[data-layout-type=aside_panel] .TabGroup__list[data-container-grid-size="10"]>* {
    grid-column: span 1
}

div[data-layout-type=aside_panel] .TabGroup[data-container-grid-size="11"],div[data-layout-type=aside_panel] .TabGroup__list[data-container-grid-size="11"] {
    grid-template-columns: repeat(11,1fr)
}

div[data-layout-type=aside_panel] .TabGroup[data-container-grid-size="11"]>*,div[data-layout-type=aside_panel] .TabGroup__list[data-container-grid-size="11"]>* {
    grid-column: span 1
}

div[data-layout-type=aside_panel] .TabGroup[data-container-grid-size="12"],div[data-layout-type=aside_panel] .TabGroup__list[data-container-grid-size="12"] {
    grid-template-columns: repeat(12,1fr)
}

div[data-layout-type=aside_panel] .TabGroup[data-container-grid-size="12"]>*,div[data-layout-type=aside_panel] .TabGroup__list[data-container-grid-size="12"]>* {
    grid-column: span 1
}

div[data-layout-type=aside_panel] .TabGroup__item {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: center;
    position: relative;
    text-align: center
}

div[data-layout-type=aside_panel] .TabGroup__item:first-of-type {
    margin-left: 0
}

div[data-layout-type=aside_panel] .TabGroup__item:last-of-type {
    margin-right: 0
}

@media not all and (-webkit-min-device-pixel-ratio: 0),not all and (min-resolution:0.001dpcm) {
    @supports (-webkit-appearance:none) {
        div[data-layout-type=aside_panel] .TabGroup__item {
            outline:0
        }
    }
}

div[data-layout-type=aside_panel] .TabGroup__list.shake__item.LossLimitValue:nth-of-type(1n),div[data-layout-type=aside_panel] .TabGroup__list.shake__item.WinLimitValue:nth-of-type(1n) {
    animation: vibrate .5s cubic-bezier(.25,.46,.45,.94) both;
    animation-delay: 50ms;
    animation-iteration-count: 1
}

div[data-layout-type=aside_panel] .TabGroup__list.shake__item.LossLimitValue:nth-of-type(2n),div[data-layout-type=aside_panel] .TabGroup__list.shake__item.WinLimitValue:nth-of-type(2n) {
    animation: vibrate .5s cubic-bezier(.25,.46,.45,.94) both;
    animation-delay: .1s;
    animation-iteration-count: 1
}

div[data-layout-type=aside_panel] .TabGroup__list.shake__item.LossLimitValue:nth-of-type(3n),div[data-layout-type=aside_panel] .TabGroup__list.shake__item.WinLimitValue:nth-of-type(3n) {
    animation: vibrate .5s cubic-bezier(.25,.46,.45,.94) both;
    animation-delay: .15s;
    animation-iteration-count: 1
}

div[data-layout-type=aside_panel] .TabGroup__list.shake__item.LossLimitValue:nth-of-type(4n),div[data-layout-type=aside_panel] .TabGroup__list.shake__item.WinLimitValue:nth-of-type(4n) {
    animation: vibrate .5s cubic-bezier(.25,.46,.45,.94) both;
    animation-delay: .2s;
    animation-iteration-count: 1
}

div[data-layout-type=aside_panel] .TabGroup__list.shake__item.LossLimitValue:nth-of-type(5n),div[data-layout-type=aside_panel] .TabGroup__list.shake__item.WinLimitValue:nth-of-type(5n) {
    animation: vibrate .5s cubic-bezier(.25,.46,.45,.94) both;
    animation-delay: .25s;
    animation-iteration-count: 1
}

div[data-layout-type=aside_panel] .TabGroup__list.shake__item.LossLimitValue:nth-of-type(6n),div[data-layout-type=aside_panel] .TabGroup__list.shake__item.WinLimitValue:nth-of-type(6n) {
    animation: vibrate .5s cubic-bezier(.25,.46,.45,.94) both;
    animation-delay: .3s;
    animation-iteration-count: 1
}

div[data-layout-type=aside_panel] .TabGroup__list.shake__item.LossLimitValue:nth-of-type(7n),div[data-layout-type=aside_panel] .TabGroup__list.shake__item.WinLimitValue:nth-of-type(7n) {
    animation: vibrate .5s cubic-bezier(.25,.46,.45,.94) both;
    animation-delay: .35s;
    animation-iteration-count: 1
}

div[data-layout-type=aside_panel] .TabGroup__list.shake__item.LossLimitValue:nth-of-type(8n),div[data-layout-type=aside_panel] .TabGroup__list.shake__item.WinLimitValue:nth-of-type(8n) {
    animation: vibrate .5s cubic-bezier(.25,.46,.45,.94) both;
    animation-delay: .4s;
    animation-iteration-count: 1
}

div[data-layout-type=aside_panel] .TabGroup__list.shake__item.LossLimitValue:nth-of-type(9n),div[data-layout-type=aside_panel] .TabGroup__list.shake__item.WinLimitValue:nth-of-type(9n) {
    animation: vibrate .5s cubic-bezier(.25,.46,.45,.94) both;
    animation-delay: .45s;
    animation-iteration-count: 1
}

div[data-layout-type=aside_panel] .TabGroup__list.shake__item.LossLimitValue:nth-of-type(10n),div[data-layout-type=aside_panel] .TabGroup__list.shake__item.WinLimitValue:nth-of-type(10n) {
    animation: vibrate .5s cubic-bezier(.25,.46,.45,.94) both;
    animation-delay: .5s;
    animation-iteration-count: 1
}

div[data-layout-type=aside_panel] .TabGroup__item--easy,div[data-layout-type=aside_panel] .TabGroup__item--low {
    order: 1
}

div[data-layout-type=aside_panel] .TabGroup__item--medium {
    order: 2
}

div[data-layout-type=aside_panel] .TabGroup__item--hard,div[data-layout-type=aside_panel] .TabGroup__item--high {
    order: 3
}

div[data-layout-type=aside_panel] .TabGroup__item[data-charcount="13"] {
    font-size: calc(8.05px + .15vw);
    font-size: minmax(7px,calc(8.05px + .15vw));
    font-size: clamp(7px,8.05px + .15vw,10px)
}

div[data-layout-type=aside_panel] .TabGroup__item[data-charcount="14"] {
    font-size: calc(7.9px + .15vw);
    font-size: minmax(7px,calc(7.9px + .15vw));
    font-size: clamp(7px,7.9px + .15vw,10px)
}

div[data-layout-type=aside_panel] .TabGroup__item[data-charcount="15"] {
    font-size: calc(7.75px + .15vw);
    font-size: minmax(7px,calc(7.75px + .15vw));
    font-size: clamp(7px,7.75px + .15vw,10px)
}

div[data-layout-type=aside_panel] .TabGroup__item[data-charcount="16"] {
    font-size: calc(7.6px + .15vw);
    font-size: minmax(7px,calc(7.6px + .15vw));
    font-size: clamp(7px,7.6px + .15vw,10px)
}

div[data-layout-type=aside_panel] .TabGroup__item[data-charcount="17"] {
    font-size: calc(7.45px + .15vw);
    font-size: minmax(7px,calc(7.45px + .15vw));
    font-size: clamp(7px,7.45px + .15vw,10px)
}

div[data-layout-type=aside_panel] .TabGroup__item[data-charcount="18"] {
    font-size: calc(7.3px + .15vw);
    font-size: minmax(7px,calc(7.3px + .15vw));
    font-size: clamp(7px,7.3px + .15vw,10px)
}

div[data-layout-type=aside_panel] .TabGroup__item[data-charcount="19"] {
    font-size: calc(7.15px + .15vw);
    font-size: minmax(7px,calc(7.15px + .15vw));
    font-size: clamp(7px,7.15px + .15vw,10px)
}

div[data-layout-type=aside_panel] .TabGroup__item.LossLimitValue,div[data-layout-type=aside_panel] .TabGroup__item.WinLimitValue {
    grid-column: span 4
}

div[data-layout-type=aside_panel] .TabGroup__item.LossLimitNoLimitButton,div[data-layout-type=aside_panel] .TabGroup__item.TabComboInput,div[data-layout-type=aside_panel] .TabGroup__item.WinLimitNoLimitButton {
    grid-column: span 6
}

div[data-layout-type=aside_panel] .TabGroup__GameItemCount[data-container-grid-size]>.TabComboInput,div[data-layout-type=aside_panel] .TabGroup__GameLimitsRange[data-container-grid-size]>.TabComboInput {
    grid-column: unset
}

div[data-layout-type=aside_panel] .TabGroup__item.TabComboInput {
    min-height: 2rem
}

div[data-layout-type=aside_panel] .TabGroup__GameGridSizeList {
    gap: 2px
}

div[data-layout-type=aside_panel] .TabGroup__GameAppearanceTypeList,div[data-layout-type=aside_panel] .TabGroup__GameDifficultyLevelList,div[data-layout-type=aside_panel] .TabGroup__GameItemCount,div[data-layout-type=aside_panel] .TabGroup__GameLimitsRange {
    border-radius: .25rem;
    gap: 1px;
    outline: solid .25px var(--hg-border-color);
    overflow: hidden
}

div[data-layout-type=aside_panel] .TabGroup__GameAppearanceTypeList .TabButton,div[data-layout-type=aside_panel] .TabGroup__GameDifficultyLevelList .TabButton,div[data-layout-type=aside_panel] .TabGroup__GameItemCount .TabButton,div[data-layout-type=aside_panel] .TabGroup__GameLimitsRange .TabButton {
    --hg-btn-border-radius: 0
}

div[data-layout-type=aside_panel] .TabGroup__GameAppearanceTypeList[data-container-grid-size],div[data-layout-type=aside_panel] .TabGroup__GameDifficultyLevelList[data-container-grid-size] {
    grid-auto-flow: column;
    grid-template-columns: unset
}

div[data-layout-type=aside_panel][data-channel=mobile] .TabGroup__item,div[data-layout-type=aside_panel][data-channel=mobile] .TabGroup__item>* {
    transition: unset
}

div[data-layout-type=aside_panel][data-channel=mobile] .TabGroup__list:not([data-container-grid-size="1"]) .TabComboInput {
    min-height: 1.5rem
}

div[data-layout-type=ribbon] .TabGroup__list {
    align-items: stretch;
    display: flex;
    flex-flow: row wrap;
    gap: .375rem;
    justify-content: flex-start;
    width: 100%
}

div[data-layout-type=ribbon] .TabGroup__list>* {
    flex-grow: 1;
    min-width: calc(25% - .375rem)
}

div[data-layout-type=ribbon] .TabGroup__list .Button--no-loss-limits,div[data-layout-type=ribbon] .TabGroup__list .Button--no-win-limits,div[data-layout-type=ribbon] .TabGroup__list .TabComboInput {
    flex-basis: calc(50% - 0.375rem)
}

div[data-layout-type=ribbon] .TabGroup__list .TabComboInput>input {
    min-height: 18px
}

@supports not (inset: 0) {
    div[data-layout-type=ribbon] .TabGroup__list>*+* {
        margin-left:.375rem
    }

    div[data-layout-type=ribbon] .TabGroup__list>* {
        margin-bottom: .25rem
    }

    div[data-layout-type=ribbon] .TabGroup__list .Button--no-loss-limits,div[data-layout-type=ribbon] .TabGroup__list .Button--no-win-limits,div[data-layout-type=ribbon] .TabGroup__list .TabComboInput {
        flex-basis: calc(50% - 0.375rem);
        max-width: calc(50% - .375rem)
    }
}

.TabButton {
    background: var(--hg-btn-bg);
    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;
    --hg-btn-border-radius: 0;
    --hg-btn-border-width: 0;
    --hg-btn-padding-y: 0.375rem;
    --hg-btn-padding-x: 0.5rem;
    --hg-btn-font-size: 12px;
    --hg-btn-bg: var(--hg-bg-primary);
    --hg-btn-hover-bg: var(--hg-bg-primary);
    --hg-btn-active-bg: var(--hg-bg-primary);
    --hg-btn-color: var(--hg-text-primary);
    --hg-btn-hover-color: rgba(var(--hg-bg-accent-rgb),1);
    --hg-btn-active-color: rgba(var(--hg-bg-accent-rgb),1);
    transition: background .15s ease,color .15s linear;
    width: 100%
}

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

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

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

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

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

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

.TabButton>* {
    color: inherit
}

.is-selected>.TabButton {
    --hg-btn-bg: var(--hg-bg-accent);
    --hg-btn-color: var(--hg-bg-primary);
    font-weight: 700
}

.is-selected>.TabButton,.is-selected>.TabButton>* {
    pointer-events: none!important
}

.TabRoundedButton {
    align-items: center;
    background: var(--hg-btn-bg);
    border-color: var(--hg-btn-border-color);
    border-radius: var(--hg-btn-border-radius);
    border-style: solid;
    border-width: var(--hg-btn-border-width);
    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);
    color: var(--hg-btn-color);
    display: inline-flex;
    flex-grow: 1;
    font-family: var(--hg-typography-font-family);
    font-size: var(--hg-btn-font-size);
    font-weight: var(--hg-btn-font-weight);
    justify-content: center;
    line-height: var(--hg-btn-line-height);
    margin: 0;
    padding: var(--hg-btn-padding-y) var(--hg-btn-padding-x);
    position: relative;
    text-align: center;
    text-transform: capitalize;
    transition: background .15s ease,color .15s linear;
    --hg-btn-border-radius: 100px;
    --hg-btn-border-color: var(--hg-bg-primary);
    --hg-btn-border-width: 1px;
    --hg-btn-font-size: 0.75rem;
    --hg-btn-hover-bg: var(--hg-btn-bg);
    --hg-btn-active-bg: var(--hg-btn-bg);
    --hg-btn-color: var(--hg-text-primary);
    --hg-btn-hover-color: rgba(var(--hg-bg-accent-rgb),1);
    --hg-btn-active-color: rgba(var(--hg-bg-accent-rgb),1)
}

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

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

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

.TabRoundedButton>span {
    align-items: center;
    color: inherit;
    display: inline-flex;
    text-align: center
}

.TabRoundedButton>i {
    --color: inherit;
    align-items: center;
    color: var(--color);
    display: inline-flex;
    fill: currentColor;
    font-size: inherit;
    height: 1em;
    justify-content: center;
    line-height: 1em;
    position: relative;
    width: 1em
}

.TabRoundedButton>* {
    color: inherit
}

.TabRoundedButton>span {
    text-transform: uppercase
}

.TabRoundedButton.is-selected,.is-selected>.TabRoundedButton {
    --hg-btn-bg: var(--hg-bg-accent);
    --hg-btn-hover-bg: var(--hg-bg-accent);
    --hg-btn-color: var(--hg-bg-primary);
    --hg-btn-hover-color: var(--hg-bg-primary);
    --hg-btn-active-color: var(--hg-bg-primary);
    box-shadow: 0 0 3px var(--hg-btn-box-shadow-color,rgba(32,201,151,.7));
    font-weight: 700;
    opacity: 1
}

.TabRoundedButton.is-selected,.TabRoundedButton.is-selected>*,.is-selected>.TabRoundedButton,.is-selected>.TabRoundedButton>* {
    pointer-events: none!important
}

.TabRoundedButton.is-selected>span,.is-selected>.TabRoundedButton>span {
    font-weight: inherit
}

.TabRoundedButton,.TabRoundedButton--sm {
    min-width: 3rem;
    --hg-btn-padding-y: 0.375rem;
    --hg-btn-padding-x: 0.5rem;
    --hg-btn-font-size: 0.875rem;
    --hg-btn-line-height: 18px
}

.TabRoundedButton--md {
    min-width: 4.5rem;
    --hg-btn-padding-x: 1rem;
    --hg-btn-padding-y: 0.5rem;
    --hg-btn-font-size: 1.25rem
}

.TabRoundedButton--lg {
    min-width: 6rem;
    --hg-btn-padding-y: 0.75rem;
    --hg-btn-font-size: 1.5rem;
    --hg-btn-padding-x: 2rem
}

div[data-layout-type=ribbon] .TabRoundedButton {
    border-width: 0;
    box-shadow: none;
    --hg-bg-accent: #ffc529;
    --hg-btn-padding-y: 10px
}

div[data-layout-type=ribbon] .TabRoundedButton>* {
    font-weight: 700
}

div[data-layout-type=aside_panel] .TabRoundedButton {
    --hg-btn-font-size: 12px;
    --hg-btn-border-color: var(--hg-bg-user-panel)
}

div[data-layout-type=aside_panel][data-channel=mobile] .AutoplayMenuWindow .TabRoundedButton {
    transition: background .15s ease;
    --hg-btn-padding-y: 6px;
    --hg-btn-padding-x: 12px;
    --hg-btn-line-height: 18px
}

div[data-layout-type=aside_panel][data-channel=mobile] .UiAsideUserPanel .AutoplayMenuWindow .TabRoundedButton {
    height: 2rem;
    max-height: 2rem
}

div[data-layout-type=aside_panel][data-channel=mobile] .UiAsideUserPanel .AutoplayMenuWindow .TabRoundedButton:not(.is-selected) {
    --hg-btn-bg: #2a2a2a;
    --hg-btn-hover-bg: #2a2a2a;
    box-shadow: unset
}

.TabComboInput {
    align-items: center;
    background: var(--hg-btn-bg);
    border-color: var(--hg-btn-border-color);
    border-radius: var(--hg-btn-border-radius);
    border-style: solid;
    border-width: var(--hg-btn-border-width);
    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-btn-color);
    cursor: pointer;
    display: flex;
    flex-grow: 1;
    font-family: var(--hg-typography-font-family);
    font-size: var(--hg-btn-font-size);
    font-weight: var(--hg-btn-font-weight);
    justify-content: stretch;
    line-height: var(--hg-btn-line-height);
    min-width: 7rem;
    padding: var(--hg-btn-padding-y) var(--hg-btn-padding-x);
    position: relative;
    text-align: center;
    text-transform: capitalize;
    transition: background .15s ease,color .15s linear;
    --hg-btn-hover-bg: var(--hg-btn-bg);
    --hg-btn-active-bg: var(--hg-btn-bg);
    --hg-btn-color: var(--hg-text-primary);
    --hg-btn-hover-color: rgba(var(--hg-bg-accent-rgb),1);
    --hg-btn-active-color: rgba(var(--hg-bg-accent-rgb),1);
    --hg-btn-border-radius: 5rem
}

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

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

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

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

.TabComboInput>i {
    --color: inherit;
    align-items: center;
    color: var(--color);
    display: inline-flex;
    fill: currentColor;
    font-size: inherit;
    height: 1em;
    justify-content: center;
    line-height: 1em;
    position: relative;
    width: 1em
}

.TabComboInput,.TabComboInput--sm {
    min-width: 3rem;
    --hg-btn-padding-y: 0.375rem;
    --hg-btn-padding-x: 0.5rem;
    --hg-btn-font-size: 0.875rem;
    --hg-btn-line-height: 18px
}

.TabComboInput--md {
    min-width: 4.5rem;
    --hg-btn-padding-x: 1rem;
    --hg-btn-padding-y: 0.5rem;
    --hg-btn-font-size: 1.25rem
}

.TabComboInput--lg {
    min-width: 6rem;
    --hg-btn-padding-y: 0.75rem;
    --hg-btn-font-size: 1.5rem;
    --hg-btn-padding-x: 2rem
}

.TabComboInput>* {
    background: transparent;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    text-align: center;
    text-transform: uppercase
}

.TabComboInput>input {
    background-color: transparent;
    caret-color: #000;
    color: inherit;
    display: none;
    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
}

.TabComboInput>input:focus::-webkit-input-placeholder {
    opacity: 0;
    position: relative
}

.TabComboInput input[type=number] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
    margin: 0
}

.TabComboInput input[type=number]::-webkit-inner-spin-button,.TabComboInput input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    height: 100%;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 14px
}

.TabComboInput>input:not([type=radio]) {
    border: 0;
    border-radius: 0;
    min-height: 100%
}

.TabComboInput>span {
    display: inline-flex;
    margin: auto;
    text-transform: uppercase
}

.TabComboInput.is-selected {
    --hg-btn-bg: var(--hg-bg-accent);
    --hg-btn-color: var(--hg-bg-primary);
    --hg-btn-hover-color: var(--hg-bg-primary);
    --hg-btn-active-color: var(--hg-bg-primary)
}

.TabComboInput.is-selected:focus,.TabComboInput.is-selected:hover {
    cursor: text
}

.TabComboInput.is-selected>input {
    display: inline-flex;
    font-weight: 700;
    visibility: visible;
    width: 100%
}

.TabComboInput.is-selected>span {
    display: none
}

.TabComboInput:only-child {
    min-height: 2rem
}

div[data-layout-type=ribbon] .AutoplayMenuPanel .TabComboInput {
    border-width: 0;
    --hg-btn-border-color: rgba(173,181,189,.2);
    --hg-btn-bg: #595959;
    --hg-btn-hover-bg: #4b4b4b;
    --hg-btn-active-bg: #4b4b4b;
    --hg-btn-hover-color: #fff
}

div[data-layout-type=ribbon] .AutoplayMenuPanel .TabComboInput.is-selected {
    --hg-btn-bg: #ffc529;
    --hg-btn-hover-bg: #ffc529;
    --hg-btn-active-bg: #ffc529
}

div[data-layout-type=aside_panel] .TabComboInput {
    margin: 0;
    min-width: 7rem;
    overflow: hidden;
    --hg-btn-border-width: 0;
    --hg-btn-border-radius: 0;
    --hg-btn-padding-x: 0;
    --hg-btn-padding-y: 0;
    --hg-btn-font-size: 12px;
    --hg-btn-line-height: 18px
}

div[data-layout-type=aside_panel] .TabComboInput>span:not(.AutoplayMenuWindow .TabComboInput>span) {
    font-size: 12px
}

div[data-layout-type=aside_panel] .TabComboInput>span:not(.AutoplayMenuWindow .TabComboInput>span)[data-charcount="8"] {
    font-size: calc(10.56px + .15vw);
    font-size: minmax(10px,calc(10.56px + .15vw));
    font-size: clamp(10px,10.56px + .15vw,12px)
}

div[data-layout-type=aside_panel] .TabComboInput>span:not(.AutoplayMenuWindow .TabComboInput>span)[data-charcount="9"] {
    font-size: calc(10.38px + .15vw);
    font-size: minmax(10px,calc(10.38px + .15vw));
    font-size: clamp(10px,10.38px + .15vw,12px)
}

div[data-layout-type=aside_panel] .TabComboInput>span:not(.AutoplayMenuWindow .TabComboInput>span)[data-charcount="10"] {
    font-size: calc(10.2px + .15vw);
    font-size: minmax(10px,calc(10.2px + .15vw));
    font-size: clamp(10px,10.2px + .15vw,12px)
}

div[data-layout-type=aside_panel] .TabComboInput>span:not(.AutoplayMenuWindow .TabComboInput>span)[data-charcount="11"] {
    font-size: calc(10.02px + .15vw);
    font-size: minmax(10px,calc(10.02px + .15vw));
    font-size: clamp(10px,10.02px + .15vw,12px)
}

div[data-layout-type=aside_panel] .TabComboInput>span:not(.AutoplayMenuWindow .TabComboInput>span)[data-charcount="12"] {
    font-size: calc(9.84px + .15vw);
    font-size: minmax(10px,calc(9.84px + .15vw));
    font-size: clamp(10px,9.84px + .15vw,12px)
}

div[data-layout-type=aside_panel] .TabComboInput>span:not(.AutoplayMenuWindow .TabComboInput>span)[data-charcount="13"] {
    font-size: calc(9.66px + .15vw);
    font-size: minmax(10px,calc(9.66px + .15vw));
    font-size: clamp(10px,9.66px + .15vw,12px)
}

div[data-layout-type=aside_panel] .TabComboInput>span:not(.AutoplayMenuWindow .TabComboInput>span)[data-charcount="14"] {
    font-size: calc(9.48px + .15vw);
    font-size: minmax(10px,calc(9.48px + .15vw));
    font-size: clamp(10px,9.48px + .15vw,12px)
}

div[data-layout-type=aside_panel] .TabComboInput>span:not(.AutoplayMenuWindow .TabComboInput>span)[data-charcount="15"] {
    font-size: calc(9.3px + .15vw);
    font-size: minmax(10px,calc(9.3px + .15vw));
    font-size: clamp(10px,9.3px + .15vw,12px)
}

div[data-layout-type=aside_panel] .TabComboInput>span:not(.AutoplayMenuWindow .TabComboInput>span)[data-charcount="16"] {
    font-size: calc(9.12px + .15vw);
    font-size: minmax(10px,calc(9.12px + .15vw));
    font-size: clamp(10px,9.12px + .15vw,12px)
}

div[data-layout-type=aside_panel] .TabComboInput>span:not(.AutoplayMenuWindow .TabComboInput>span)[data-charcount="17"] {
    font-size: calc(8.94px + .15vw);
    font-size: minmax(10px,calc(8.94px + .15vw));
    font-size: clamp(10px,8.94px + .15vw,12px)
}

div[data-layout-type=aside_panel] .TabComboInput>span:not(.AutoplayMenuWindow .TabComboInput>span)[data-charcount="18"] {
    font-size: calc(8.76px + .15vw);
    font-size: minmax(10px,calc(8.76px + .15vw));
    font-size: clamp(10px,8.76px + .15vw,12px)
}

div[data-layout-type=aside_panel] .TabComboInput>span:not(.AutoplayMenuWindow .TabComboInput>span)[data-charcount="19"] {
    font-size: calc(8.58px + .15vw);
    font-size: minmax(10px,calc(8.58px + .15vw));
    font-size: clamp(10px,8.58px + .15vw,12px)
}

div[data-layout-type=aside_panel] .TabGroup__GameItemCount>.TabComboInput:not(.TabGroup__GameItemCount>.is-selected.TabComboInput),div[data-layout-type=aside_panel] .TabGroup__GameLimitsRange>.TabComboInput:not(.TabGroup__GameLimitsRange>.is-selected.TabComboInput) {
    box-shadow: unset
}

div[data-layout-type=aside_panel] .UiAsideUserPanel .LossLimitValue.TabComboInput,div[data-layout-type=aside_panel] .UiAsideUserPanel .WinLimitValue.TabComboInput {
    --hg-btn-border-width: 1px;
    --hg-btn-border-radius: 5rem;
    --hg-btn-border-color: var(--hg-bg-user-panel)
}

div[data-layout-type=aside_panel][data-channel=mobile] .TabComboInput {
    --hg-btn-font-size: 12px
}

div[data-layout-type=aside_panel][data-channel=mobile] .UiAsideUserPanel .AutoplayMenuWindow .TabComboInput {
    height: 2rem;
    max-height: 2rem
}

div[data-layout-type=aside_panel][data-channel=mobile] .UiAsideUserPanel .AutoplayMenuWindow .TabComboInput:not(.is-selected) {
    --hg-btn-bg: #2a2a2a;
    --hg-btn-hover-bg: #2a2a2a;
    --hg-btn-font-size: 12px
}

.TabCircleButton {
    align-items: center;
    background: var(--hg-btn-bg);
    border-color: var(--hg-btn-border-color);
    border-radius: var(--hg-btn-border-radius);
    border-style: solid;
    border-width: var(--hg-btn-border-width);
    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);
    color: var(--hg-btn-color);
    display: inline-flex;
    font-family: var(--hg-typography-font-family);
    font-size: var(--hg-btn-font-size);
    font-weight: var(--hg-btn-font-weight);
    height: 2rem;
    justify-content: center;
    line-height: var(--hg-btn-line-height);
    margin: 0;
    padding: var(--hg-btn-padding-y) var(--hg-btn-padding-x);
    position: relative;
    text-align: center;
    text-transform: capitalize;
    transition: background .15s ease,color .15s linear;
    width: 2rem;
    --hg-btn-border-color: var(--hg-bg-primary);
    --hg-btn-border-radius: 100%;
    --hg-btn-border-width: 1px;
    --hg-btn-padding-y: 0;
    --hg-btn-padding-x: 0;
    --hg-btn-font-size: 12px;
    --hg-btn-hover-bg: var(--hg-btn-bg);
    --hg-btn-active-bg: var(--hg-btn-bg);
    --hg-btn-color: var(--hg-text-primary);
    --hg-btn-hover-color: rgba(var(--hg-bg-accent-rgb),1);
    --hg-btn-active-color: rgba(var(--hg-bg-accent-rgb),1)
}

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

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

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

.TabCircleButton>span {
    align-items: center;
    color: inherit;
    display: inline-flex;
    text-align: center
}

.TabCircleButton>i {
    --color: inherit;
    align-items: center;
    color: var(--color);
    display: inline-flex;
    fill: currentColor;
    font-size: inherit;
    height: 1em;
    justify-content: center;
    line-height: 1em;
    position: relative;
    width: 1em
}

.TabCircleButton>* {
    color: inherit
}

.is-selected>.TabCircleButton {
    --hg-btn-bg: var(--hg-bg-accent);
    --hg-btn-color: var(--hg-bg-primary);
    box-shadow: 0 0 3px var(--hg-btn-box-shadow-color,rgba(32,201,151,.7));
    font-weight: 700
}

.is-selected>.TabCircleButton,.is-selected>.TabCircleButton>* {
    pointer-events: none!important
}

div[data-layout-type=aside_panel] .TabCircleButton {
    --hg-btn-font-size: 12px;
    --hg-btn-border-color: var(--hg-bg-user-panel)
}

div[data-layout-type=aside_panel][data-channel=mobile] .TabGroup__GameGridSizeList .TabCircleButton {
    height: 27px;
    width: 27px
}

@media (min-height: 260px) {
    div[data-layout-type=aside_panel][data-channel=mobile] .TabGroup__GameGridSizeList .TabCircleButton {
        width:calc(.68182vh + 25.22727px)
    }
}

@media (min-height: 700px) {
    div[data-layout-type=aside_panel][data-channel=mobile] .TabGroup__GameGridSizeList .TabCircleButton {
        width:30px
    }
}

@media (min-height: 260px) {
    div[data-layout-type=aside_panel][data-channel=mobile] .TabGroup__GameGridSizeList .TabCircleButton {
        height:calc(.68182vh + 25.22727px)
    }
}

@media (min-height: 700px) {
    div[data-layout-type=aside_panel][data-channel=mobile] .TabGroup__GameGridSizeList .TabCircleButton {
        height:30px
    }
}

.BetAmountWidget {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: flex-start;
    min-width: 7.5rem;
    padding: 0 15px;
    position: relative
}

.BetAmountWidget__container {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly
}

.BetAmountWidget .BetAmountProgressbar {
    bottom: 0;
    left: 0;
    position: absolute
}

.BetAmountWidget__label[data-charcount="9"] {
    font-size: 13.3px
}

.BetAmountWidget__value[data-charcount="9"] {
    font-size: 22px
}

.BetAmountWidget__label[data-charcount="10"] {
    font-size: 13px
}

.BetAmountWidget__value[data-charcount="10"] {
    font-size: 21px
}

.BetAmountWidget__label[data-charcount="11"] {
    font-size: 12.7px
}

.BetAmountWidget__value[data-charcount="11"] {
    font-size: 18px
}

.BetAmountWidget__label[data-charcount="12"] {
    font-size: 12.4px
}

.BetAmountWidget__value[data-charcount="12"] {
    font-size: 18px
}

.BetAmountWidget__label[data-charcount="13"] {
    font-size: 12.1px
}

.BetAmountWidget__value[data-charcount="13"] {
    font-size: 18px
}

.BetAmountWidget__label[data-charcount="14"] {
    font-size: 11.8px
}

.BetAmountWidget__value[data-charcount="14"] {
    font-size: 18px
}

.BetAmountWidget__label[data-charcount="15"] {
    font-size: 11.5px
}

.BetAmountWidget__value[data-charcount="15"] {
    font-size: 18px
}

.BetAmountWidget__label[data-charcount="16"] {
    font-size: 11.2px
}

.BetAmountWidget__value[data-charcount="16"] {
    font-size: 18px
}

.BetAmountWidget__label[data-charcount="17"] {
    font-size: 10.9px
}

.BetAmountWidget__value[data-charcount="17"] {
    font-size: 18px
}

.BetAmountWidget__label[data-charcount="18"] {
    font-size: 10.6px
}

.BetAmountWidget__value[data-charcount="18"] {
    font-size: 18px
}

.BetAmountWidget__label[data-charcount="19"] {
    font-size: 10.3px
}

.BetAmountWidget__value[data-charcount="19"] {
    font-size: 18px
}

.BetAmountWidget__label[data-charcount="20"] {
    font-size: 10px
}

.BetAmountWidget__value[data-charcount="20"] {
    font-size: 18px
}

.BetAmountWidget__label[data-charcount="21"] {
    font-size: 9.7px
}

.BetAmountWidget__value[data-charcount="21"] {
    font-size: 18px
}

div[data-layout-type=ribbon][data-channel=mobile] .BetAmountWidget {
    display: none
}

.BetAmountChangersWidget {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: space-between;
    overflow: hidden;
    padding-left: 1px;
    position: relative
}

[data-layout-type=ribbon][data-channel=mobile] .BetAmountChangersWidget {
    height: auto;
    left: 50%;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%
}

[data-layout-type=ribbon][data-channel=mobile][data-orientation=portrait] .BetAmountChangersWidget {
    flex-direction: row-reverse
}

[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .BetAmountChangersWidget {
    flex-direction: column;
    height: 100%;
    transform: translate(-50%,-50%)
}

.BetAmountChanger--decrease-bet,.BetAmountChanger--increase-bet {
    background: transparent;
    border: 0;
    border-radius: var(--hg-btn-border-radius);
    color: var(--hg-btn-color);
    cursor: pointer;
    font-family: var(--hg-typography-font-family);
    font-size: var(--hg-btn-font-size);
    font-weight: var(--hg-btn-font-weight);
    height: 50%;
    line-height: var(--hg-btn-line-height);
    opacity: 1;
    padding: var(--hg-btn-padding-y) var(--hg-btn-padding-x);
    position: relative;
    text-transform: capitalize;
    transition: color .125s ease;
    --hg-btn-padding-x: 0.85rem;
    --hg-btn-padding-y: 0;
    --hg-btn-active-bg: transparent;
    --hg-btn-hover-bg: transparent;
    --hg-btn-color: rgba(var(--hg-text-primary-rgb),1);
    --hg-btn-hover-color: rgba(var(--hg-bg-accent-rgb),1);
    --hg-btn-active-color: rgba(var(--hg-bg-accent-rgb),1)
}

.BetAmountChanger--decrease-bet .disabled,.BetAmountChanger--decrease-bet .is-disabled,.BetAmountChanger--decrease-bet[disabled],.BetAmountChanger--increase-bet .disabled,.BetAmountChanger--increase-bet .is-disabled,.BetAmountChanger--increase-bet[disabled] {
    opacity: .8;
    pointer-events: none
}

.BetAmountChanger--decrease-bet:hover,.BetAmountChanger--increase-bet:hover {
    background: var(--hg-btn-hover-bg);
    color: var(--hg-btn-hover-color)
}

.BetAmountChanger--decrease-bet:active,.BetAmountChanger--increase-bet:active {
    background: var(--hg-btn-active-bg);
    color: var(--hg-btn-active-color)
}

.BetAmountChanger--decrease-bet>span,.BetAmountChanger--increase-bet>span {
    align-items: center;
    color: inherit;
    display: inline-flex;
    text-align: center
}

.BetAmountChanger--decrease-bet>i,.BetAmountChanger--increase-bet>i {
    --color: inherit;
    align-items: center;
    color: var(--color);
    display: inline-flex;
    fill: currentColor;
    font-size: inherit;
    height: 1em;
    justify-content: center;
    line-height: 1em;
    position: relative;
    width: 1em
}

.BetAmountChanger--decrease-bet.is-disabled,.BetAmountChanger--decrease-bet.is-reached,.BetAmountChanger--increase-bet.is-disabled,.BetAmountChanger--increase-bet.is-reached {
    --hg-btn-hover-color: rgba(var(--hg-text-primary-rgb),1);
    --hg-btn-active-color: rgba(var(--hg-text-primary-rgb),1)
}

.BetAmountChanger--decrease-bet span,.BetAmountChanger--increase-bet span {
    color: inherit;
    font-size: 22px
}

[data-layout-type=ribbon][data-channel=mobile] .BetAmountChanger--decrease-bet,[data-layout-type=ribbon][data-channel=mobile] .BetAmountChanger--increase-bet {
    --hg-btn-active-bg: transparent;
    --hg-btn-bg: transparent;
    --hg-btn-hover-bg: transparent;
    --hg-btn-padding-x: 0;
    --hg-btn-color: rgba(33,37,41,.5);
    --hg-btn-border-radius: 0;
    --hg-btn-hover-color: rgba(33,37,41,.5);
    --hg-btn-active-color: rgba(33,37,41,.5);
    border: 0;
    font-size: 16px;
    height: 2.75rem;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    width: 2.75rem
}

[data-layout-type=ribbon][data-channel=mobile] .BetAmountChanger--decrease-bet:before,[data-layout-type=ribbon][data-channel=mobile] .BetAmountChanger--increase-bet:before {
    -webkit-font-smoothing: antialiased;
    display: block;
    font-family: icomoon!important;
    font-size: 51px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    transform-origin: 50%;
    speak: none;
    text-transform: none
}

[data-layout-type=ribbon][data-channel=mobile] .BetAmountChanger--decrease-bet span,[data-layout-type=ribbon][data-channel=mobile] .BetAmountChanger--increase-bet span {
    color: rgba(var(--hg-text-primary-rgb),1);
    font-size: 20px;
    z-index: 1
}

[data-layout-type=ribbon][data-channel=mobile] .BetAmountChanger--increase-bet:before {
    content: "\e917"
}

[data-layout-type=ribbon][data-channel=mobile] .BetAmountChanger--increase-bet span:before {
    content: "\e910"
}

[data-layout-type=ribbon][data-channel=mobile] .BetAmountChanger--decrease-bet:before {
    content: "\e918"
}

[data-layout-type=ribbon][data-channel=mobile] .BetAmountChanger--decrease-bet span {
    position: relative
}

[data-layout-type=ribbon][data-channel=mobile] .BetAmountChanger--decrease-bet span:before {
    content: "\e911"
}

[data-layout-type=ribbon][data-channel=mobile][data-orientation=portrait] .BetAmountChanger--decrease-bet {
    left: 4px;
    right: unset;
    transform: translate(-100%,2%)
}

[data-layout-type=ribbon][data-channel=mobile][data-orientation=portrait] .BetAmountChanger--increase-bet {
    left: unset;
    right: 3px;
    transform: translate(100%,2%)
}

[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .BetAmountChanger--decrease-bet,[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .BetAmountChanger--increase-bet {
    height: 38px;
    width: 38px
}

@media (min-height: 240px) {
    [data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .BetAmountChanger--decrease-bet,[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .BetAmountChanger--increase-bet {
        height:calc(6vh + 23.6px)
    }
}

@media (min-height: 340px) {
    [data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .BetAmountChanger--decrease-bet,[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .BetAmountChanger--increase-bet {
        height:44px
    }
}

@media (min-height: 240px) {
    [data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .BetAmountChanger--decrease-bet,[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .BetAmountChanger--increase-bet {
        width:calc(6vh + 23.6px)
    }
}

@media (min-height: 340px) {
    [data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .BetAmountChanger--decrease-bet,[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .BetAmountChanger--increase-bet {
        width:44px
    }
}

[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .BetAmountChanger--decrease-bet:before,[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .BetAmountChanger--increase-bet:before {
    font-size: 45px
}

@media (min-height: 240px) {
    [data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .BetAmountChanger--decrease-bet:before,[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .BetAmountChanger--increase-bet:before {
        font-size:calc(6vh + 30.6px)
    }
}

@media (min-height: 340px) {
    [data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .BetAmountChanger--decrease-bet:before,[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .BetAmountChanger--increase-bet:before {
        font-size:51px
    }
}

[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .BetAmountChanger--increase-bet {
    bottom: -3px;
    top: unset;
    transform: rotate(-90deg) translate(100%,1px)
}

[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .BetAmountChanger--decrease-bet {
    bottom: 3px;
    top: unset;
    transform: rotate(-90deg) translate(-100%,1px)
}

[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .BetAmountChanger--decrease-bet span {
    transform: rotate(-90deg)
}

div[data-layout-type=aside_panel] .BetAmountProgressbar {
    background: var(--hg-bg-primary);
    border-radius: 1rem;
    box-shadow: inset 0 -2px 4px rgba(92,92,92,.5);
    height: 5px;
    margin: 0 auto;
    outline: solid .25px var(--hg-border-color);
    overflow: hidden;
    position: relative;
    width: 100%
}

div[data-layout-type=aside_panel] .BetAmountProgressbar__inner {
    background: var(--hg-bg-accent);
    display: block;
    height: 100%
}

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

div[data-layout-type=ribbon] .BetAmountProgressbar {
    background: var(--hg-modal-bg);
    display: block;
    height: 5px;
    width: 100%
}

div[data-layout-type=ribbon] .BetAmountProgressbar__inner {
    background: #fff;
    display: block;
    height: 100%;
    transition: width .2s ease;
    width: 0
}

div[data-layout-type=ribbon] .bet-modifier-active .BetAmountProgressbar__inner {
    background: var(--hg-bg-accent)
}

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

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

div[data-layout-type=aside_panel] .MenuSection__container:has(.AutoplayMenuWindow:last-child:not(:only-child))>div:nth-last-of-type(2),div[data-layout-type=aside_panel] .MenuSection__container>div:last-of-type:not(.AutoplayMenuWindow):not(.MenuSection__AutoplayMenuTogglers) {
    margin-bottom: 0
}

div[data-layout-type=aside_panel] .MenuSection__togglable-container>div:not(div[data-layout-type=aside_panel] .MenuSection__togglable-container.is-open>div),div[data-layout-type=aside_panel] .MenuSection__togglable-container>section:not(div[data-layout-type=aside_panel] .MenuSection__togglable-container.is-open>section) {
    height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    transition: height .2s ease-in-out;
    will-change: height
}

div[data-layout-type=aside_panel] .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
}

div[data-layout-type=aside_panel] .MenuSection__container-toggler>i,div[data-layout-type=aside_panel] .MenuSection__container-toggler>span {
    color: var(--hg-bg-accent);
    display: block
}

div[data-layout-type=aside_panel] .MenuSection__container-toggler i {
    bottom: 0;
    line-height: 1;
    margin-top: .25rem;
    position: relative;
    transition: bottom .2s ease;
    will-change: bottom
}

div[data-layout-type=aside_panel] .MenuSection__container-toggler:hover {
    opacity: .9
}

div[data-layout-type=aside_panel] .MenuSection__container-toggler:hover i {
    bottom: -2px
}

div[data-layout-type=aside_panel] .MenuSection__container-toggler .icon-arrow-up {
    display: none
}

div[data-layout-type=aside_panel] .MenuSection__container-toggler.is-visible {
    display: flex
}

div[data-layout-type=aside_panel] .MenuSection__container-toggler.is-open i.icon-arrow-down,div[data-layout-type=aside_panel] .MenuSection__container-toggler.is-open span {
    display: none
}

div[data-layout-type=aside_panel] .MenuSection__container-toggler.is-open i.icon-arrow-up {
    display: block
}

div[data-layout-type=aside_panel] .MenuSection__AutoplayLossLimits:not(.is-visible),div[data-layout-type=aside_panel] .MenuSection__AutoplayRounds:not(.is-visible),div[data-layout-type=aside_panel] .MenuSection__AutoplayStopOnFetureWin:not(.is-visible),div[data-layout-type=aside_panel] .MenuSection__AutoplayWinLimits:not(.is-visible) {
    height: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    visibility: hidden
}

div[data-layout-type=aside_panel] .MenuSection__AutoplayMenuTogglers {
    order: 1
}

div[data-layout-type=aside_panel] .MenuSection__Appearance,div[data-layout-type=aside_panel] .MenuSection__ItemCount,div[data-layout-type=aside_panel] .MenuSection__LimitsRange {
    order: 2
}

div[data-layout-type=aside_panel] .MenuSection__Difficulty {
    order: 3
}

div[data-layout-type=aside_panel] .MenuSection__GridSize {
    order: 5
}

div[data-layout-type=aside_panel] .MenuSection__BetAmount {
    order: 6
}

div[data-layout-type=aside_panel] .MenuSection__Balance {
    order: 8
}

div[data-layout-type=aside_panel] .MenuSection__AutoplayLossLimits,div[data-layout-type=aside_panel] .MenuSection__AutoplayRounds,div[data-layout-type=aside_panel] .MenuSection__AutoplayStopOnFetureWin {
    margin-bottom: .5rem;
    order: 1
}

div[data-layout-type=aside_panel] .MenuSection__togglable-container {
    order: 2
}

div[data-layout-type=aside_panel] .MenuSection__AutoplayWinLimits {
    order: 4
}

div[data-layout-type=aside_panel] .MenuSection__AutoplayMenu {
    order: 9
}

div[data-layout-type=aside_panel][data-channel=mobile] .MenuSection__ActionPanel {
    margin-top: 0;
    order: 1
}

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

div[data-layout-type=aside_panel][data-channel=mobile] .MenuSection__TotalBetAmount {
    margin-bottom: 0;
    margin-top: 8px
}

div[data-layout-type=aside_panel][data-channel=mobile] .MenuSection__AutoplayMenuTogglers,div[data-layout-type=aside_panel][data-channel=mobile] .MenuSection__container-toggler {
    display: none!important;
    height: 0;
    width: 0
}

.MainMenu {
    align-items: center;
    background: rgba(var(--hg-bg-primary-rgb),1);
    border-bottom: 0;
    border-radius: 3px 3px 0 0;
    bottom: 5rem;
    display: none;
    left: -.3rem;
    position: absolute
}

.MainMenu.is-visible {
    display: flex
}

.MainMenu ul {
    align-items: stretch;
    display: flex;
    flex-flow: column;
    list-style: none;
    margin: 0;
    padding: 0
}

[data-channel=desktop] .MainMenu ul:hover li:not(ul:hover li:hover) {
    opacity: .6
}

[data-channel=mobile] .MainMenu {
    align-items: flex-end;
    background: rgba(var(--hg-modal-bg-rgb),.95);
    border-radius: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    padding-bottom: 100px;
    position: fixed;
    width: 100%;
    z-index: 15
}

[data-channel=mobile] .MainMenu ul {
    align-items: flex-start;
    flex-flow: wrap-reverse;
    justify-content: flex-start;
    padding: 30px 10px 0;
    width: 100%
}

@media screen and (min-height: 630px) {
    [data-channel=mobile][data-orientation=portrait].iosIphone .MainMenu {
        padding-bottom:120px
    }
}

[data-channel=mobile][data-orientation=landscape] .MainMenu {
    align-items: flex-start;
    height: 100%;
    padding-bottom: 0
}

[data-channel=mobile][data-orientation=landscape] .MainMenu ul {
    align-items: flex-start;
    flex-flow: wrap;
    justify-content: flex-start
}

@media screen and (min-width: 630px) {
    [data-channel=mobile][data-orientation=landscape].iosIphone .MainMenu {
        padding-left:20px
    }
}

div[data-layout-type=ribbon][data-channel=mobile] .MainMenu {
    background: rgba(var(--hg-modal-bg-rgb),.8)
}

.MainMenuItem {
    align-items: center;
    backface-visibility: hidden;
    color: rgba(var(--hg-text-primary-rgb),1);
    cursor: pointer;
    display: flex;
    flex-flow: row;
    font-size: 16px;
    font-weight: 700;
    justify-content: flex-start;
    margin: 0;
    padding: 1.35rem 2rem;
    text-align: center;
    transition: opacity .15s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.MainMenuItem:hover {
    color: #fff
}

.MainMenuItem [class*=" icon-"],.MainMenuItem [class^=icon-] {
    font-size: 24px;
    font-weight: 400;
    margin-right: .75rem
}

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

.MainMenuItem--sound.sound-on [class*=" icon-"]:before,.MainMenuItem--sound.sound-on [class^=icon-]:before {
    content: "\e904"
}

.MainMenuItem--sound.sound-off [class*=" icon-"]:before,.MainMenuItem--sound.sound-off [class^=icon-]:before {
    content: "\e905"
}

.MainMenuItem--music.music-on [class*=" icon-"]:before,.MainMenuItem--music.music-on [class^=icon-]:before {
    content: "\e915"
}

.MainMenuItem--music.music-off [class*=" icon-"]:before,.MainMenuItem--music.music-off [class^=icon-]:before {
    content: "\e916"
}

.MainMenuItem--super-turbo.super-turbo-on [class*=" icon-"]:before,.MainMenuItem--super-turbo.super-turbo-on [class^=icon-]:before {
    content: "\e922"
}

.MainMenuItem--super-turbo.super-turbo-off [class*=" icon-"]:before,.MainMenuItem--super-turbo.super-turbo-off [class^=icon-]:before {
    content: "\e921"
}

.MainMenuItem--turbo.turbo-on [class*=" icon-"]:before,.MainMenuItem--turbo.turbo-on [class^=icon-]:before {
    content: "\e903"
}

.MainMenuItem--turbo.turbo-off [class*=" icon-"]:before,.MainMenuItem--turbo.turbo-off [class^=icon-]:before {
    content: "\e912"
}

.MainMenuItem--sound.sound-off+.MainMenuItem--music {
    opacity: .5
}

.MainMenuItem--sound.sound-off+.MainMenuItem--music [class*=" icon-"]:before,.MainMenuItem--sound.sound-off+.MainMenuItem--music [class^=icon-]:before {
    content: "\e916"
}

.MainMenuItem--sound.sound-off+.MainMenuItem--music>span {
    opacity: .75
}

.MainMenuItem--music.music-off>span,.MainMenuItem--sound.sound-off>span,.MainMenuItem--super-turbo.super-turbo-off>span,.MainMenuItem--turbo.turbo-off>span {
    opacity: 1
}

[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 {
    min-height: 40px;
    width: calc(33% - 4px)
}

@media (min-height: 280px) {
    [data-channel=mobile][data-orientation=landscape] .MainMenuItem {
        min-height:calc(17.14286vh - 8px)
    }
}

@media (min-height: 420px) {
    [data-channel=mobile][data-orientation=landscape] .MainMenuItem {
        min-height:64px
    }
}

.AutoplayMenu {
    background: rgba(var(--hg-bg-primary-rgb),1);
    border: 0;
    box-sizing: border-box;
    color: rgba(var(--hg-text-primary-rgb),1);
    flex-basis: 100%;
    height: 100%;
    padding-bottom: 2rem;
    touch-action: pan-y
}

.AutoplayMenu,.AutoplayMenu__body,.AutoplayMenu__inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%
}

[class^=AutoplayMenu__container] {
    align-items: stretch;
    display: flex;
    flex-basis: 100%;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-start;
    margin: 0 auto;
    padding: 0 1rem;
    width: 100%
}

.AutoplayMenu:not(.AutoplayMenu.is-visible),.AutoplayMenu__container--togglable:not(.AutoplayMenu__container--togglable.is-visible) {
    display: none
}

.AutoplayMenu__container--togglable {
    transition: height .15s ease;
    will-change: height
}

.AutoplayMenu__container--togglable:not(.AutoplayMenu__container--togglable.is-visible) {
    height: 0;
    visibility: hidden
}

.AutoplayMenu__container--super-title {
    flex-direction: row;
    gap: .25rem;
    justify-content: space-between;
    overflow: hidden;
    position: relative
}

.AutoplayMenu__container--super-title button:not(div[data-layout-type=ribbon][data-channel=mobile] .AutoplayMenu__container--super-title button) {
    margin-right: -1rem
}

.AutoplayMenu__super-title {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: flex-start;
    line-height: 1;
    margin: .5rem auto 0 0;
    max-width: 50%;
    padding: 0
}

.AutoplayMenu__super-title[data-charcount="12"] {
    font-size: calc(10.72px + .275vw);
    font-size: minmax(12px,calc(10.72px + .275vw));
    font-size: clamp(12px,10.72px + .275vw,16px)
}

.AutoplayMenu__super-title[data-charcount="13"] {
    font-size: calc(10.28px + .275vw);
    font-size: minmax(12px,calc(10.28px + .275vw));
    font-size: clamp(12px,10.28px + .275vw,16px)
}

.AutoplayMenu__super-title[data-charcount="14"] {
    font-size: calc(9.84px + .275vw);
    font-size: minmax(12px,calc(9.84px + .275vw));
    font-size: clamp(12px,9.84px + .275vw,16px)
}

.AutoplayMenu__super-title[data-charcount="15"] {
    font-size: calc(9.4px + .275vw);
    font-size: minmax(12px,calc(9.4px + .275vw));
    font-size: clamp(12px,9.4px + .275vw,16px)
}

.AutoplayMenu__super-title[data-charcount="16"] {
    font-size: calc(8.96px + .275vw);
    font-size: minmax(12px,calc(8.96px + .275vw));
    font-size: clamp(12px,8.96px + .275vw,16px)
}

.AutoplayMenu__super-title[data-charcount="17"] {
    font-size: calc(8.52px + .275vw);
    font-size: minmax(12px,calc(8.52px + .275vw));
    font-size: clamp(12px,8.52px + .275vw,16px)
}

.AutoplayMenu__super-title[data-charcount="18"] {
    font-size: calc(8.08px + .275vw);
    font-size: minmax(12px,calc(8.08px + .275vw));
    font-size: clamp(12px,8.08px + .275vw,16px)
}

.AutoplayMenu__super-title[data-charcount="19"] {
    font-size: calc(7.64px + .275vw);
    font-size: minmax(12px,calc(7.64px + .275vw));
    font-size: clamp(12px,7.64px + .275vw,16px)
}

.AutoplayMenu__super-title[data-charcount="20"] {
    font-size: calc(7.2px + .275vw);
    font-size: minmax(12px,calc(7.2px + .275vw));
    font-size: clamp(12px,7.2px + .275vw,16px)
}

@media screen and (min-width: 1921px) {
    .AutoplayMenu__super-title[data-charcount="14"] {
        font-size:10px;
        font-size: minmax(12px,10px);
        font-size: 12px
    }

    .AutoplayMenu__super-title[data-charcount="15"] {
        font-size: 9.625px;
        font-size: minmax(12px,9.625px);
        font-size: 12px
    }

    .AutoplayMenu__super-title[data-charcount="16"] {
        font-size: 9.25px;
        font-size: minmax(12px,9.25px);
        font-size: 12px
    }

    .AutoplayMenu__super-title[data-charcount="17"] {
        font-size: 8.875px;
        font-size: minmax(12px,8.875px);
        font-size: 12px
    }

    .AutoplayMenu__super-title[data-charcount="18"] {
        font-size: 8.5px;
        font-size: minmax(12px,8.5px);
        font-size: 12px
    }

    .AutoplayMenu__super-title[data-charcount="19"] {
        font-size: 8.125px;
        font-size: minmax(12px,8.125px);
        font-size: 12px
    }

    .AutoplayMenu__super-title[data-charcount="20"] {
        font-size: 7.75px;
        font-size: minmax(12px,7.75px);
        font-size: 12px
    }
}

.AutoplayMenu .Menu-section ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.AutoplayMenu .Menu-section .Menu-item-wrapper {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start
}

.AutoplayMenu .Menu-section .Menu-item-wrapper .Menu-item {
    background: #595959;
    border-radius: 30px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    flex-grow: 1;
    font-size: 14px;
    margin: 1%;
    min-width: 23%;
    padding: 10px;
    text-align: center
}

.AutoplayMenu .Menu-section .Menu-item-wrapper .Menu-item.AutoplayValue {
    max-width: 55px
}

.AutoplayMenu .Menu-section .Menu-item-wrapper .Menu-item.LossLimitValue input,.AutoplayMenu .Menu-section .Menu-item-wrapper .Menu-item.WinLimitValue input {
    -moz-appearance: textfield
}

.AutoplayMenu .Menu-section .Menu-item-wrapper .Menu-item.LossLimitValue input::-webkit-inner-spin-button,.AutoplayMenu .Menu-section .Menu-item-wrapper .Menu-item.LossLimitValue input::-webkit-outer-spin-button,.AutoplayMenu .Menu-section .Menu-item-wrapper .Menu-item.WinLimitValue input::-webkit-inner-spin-button,.AutoplayMenu .Menu-section .Menu-item-wrapper .Menu-item.WinLimitValue input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.AutoplayMenu .Menu-section .Menu-item-wrapper .Menu-item.is-selected {
    background: #ffc107;
    color: #2d2d2d
}

.AutoplayMenu .Menu-section .Menu-item-wrapper .Menu-item--input input {
    background: transparent;
    border: 0;
    color: #000;
    display: none;
    font-size: 16px;
    height: 100%;
    left: 10px;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 90%
}

.AutoplayMenu .Menu-section .Menu-item-wrapper .Menu-item--input input:focus {
    outline: none
}

.AutoplayMenu .Menu-section .Menu-item-wrapper .Menu-item--input.is-selected {
    position: relative
}

.AutoplayMenu .Menu-section .Menu-item-wrapper .Menu-item--input.is-selected span {
    visibility: hidden
}

.AutoplayMenu .Menu-section .Menu-item-wrapper .Menu-item--input.is-selected input {
    display: inline
}

div[data-channel=mobile] .AutoplayMenu {
    background: rgba(var(--hg-modal-bg-rgb),.8);
    border: 0;
    height: 100%;
    justify-content: flex-start;
    padding: 2rem 0 9.25rem;
    width: 100%
}

div[data-channel=mobile] .AutoplayMenu__inner {
    height: 100%;
    overflow: hidden;
    position: relative
}

div[data-channel=mobile] .AutoplayMenu__inner:after,div[data-channel=mobile] .AutoplayMenu__inner:before {
    bottom: 0;
    content: "";
    display: block;
    height: 1rem;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

div[data-channel=mobile] .AutoplayMenu__inner:before {
    bottom: unset;
    top: 2rem
}

div[data-channel=mobile] .AutoplayMenu__body {
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 2rem;
    position: relative
}

div[data-channel=mobile] .AutoplayMenu__container--super-title {
    flex-basis: unset;
    flex-grow: unset;
    min-height: 2.25rem;
    overflow: visible;
    position: relative;
    top: 0;
    z-index: 1
}

div[data-channel=mobile][data-orientation=portrait] .AutoplayMenu {
    padding: 2rem 0
}

div[data-channel=mobile][data-orientation=portrait] .AutoplayMenu__inner {
    height: 80%
}

div[data-channel=mobile][data-orientation=portrait] .AutoplayMenu__inner:after {
    height: 2.5rem
}

div[data-channel=mobile][data-orientation=landscape] .AutoplayMenu {
    padding: 2rem 8.5rem 2rem 4rem
}

div[data-layout-type=ribbon] .AutoplayMenu .TabComboInput:not(.is-selected),div[data-layout-type=ribbon] .AutoplayMenu .TabRoundedButton:not(.is-selected),div[data-layout-type=ribbon] .AutoplayMenu .Toggle {
    --hg-btn-border-color: rgba(173,181,189,.2);
    --hg-bg-accent: #ffc529;
    --hg-btn-color: #fff;
    --hg-btn-hover-color: #fff;
    --hg-btn-active-color: #fff;
    --hg-btn-hover-bg: #4b4b4b;
    --hg-btn-bg: #595959;
    --hg-btn-active-bg: #4b4b4b
}

div[data-layout-type=ribbon] .AutoplayMenu .TabComboInput {
    --hg-btn-color: #000;
    --hg-btn-hover-color: #000;
    --hg-btn-active-color: #000
}

div[data-layout-type=ribbon] .AutoplayValue {
    max-width: calc(25% - .28125rem)
}

div[data-layout-type=ribbon][data-channel=desktop] .LossLimitValue:last-child:nth-child(odd),div[data-layout-type=ribbon][data-channel=desktop] .WinLimitValue:last-child:nth-child(odd) {
    max-width: 100%
}

div[data-layout-type=ribbon][data-channel=mobile] [class^=AutoplayMenu__container] {
    padding: 0 .75rem
}

.shake {
    animation: shake-x-axis .8s cubic-bezier(.23,1,.32,1) forwards;
    animation-iteration-count: 1
}

.FeatureBuyActiveModifierNotice {
    background: rgba(var(--hg-bg-primary-rgb),.95);
    border-radius: 2px 2px 0 0;
    display: inline-flex;
    font-weight: 700;
    height: 1.25rem;
    justify-content: center;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: -1.25rem;
    transition: opacity .25s ease;
    width: 100%
}

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

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

.UiUserPanelWrapper.bet-modifier-active .FeatureBuyActiveModifierNotice {
    animation: slow-feature-spins-activation 5s ease-in-out both;
    animation-iteration-count: 1;
    background: rgba(var(--hg-bg-feature-buy-rgb),.95)
}

div[data-layout-type=ribbon][data-channel=mobile] .UiUserPanelWrapper.bet-modifier-active .FeatureBuyActiveModifierNotice {
    animation: slow-feature-spins-activation-mobile 5s ease-in-out both;
    animation-iteration-count: 1;
    height: 3.75rem;
    justify-content: center;
    padding-bottom: .5rem;
    position: fixed;
    top: 0
}

div[data-layout-type=ribbon][data-channel=mobile] .UiUserPanelWrapper.bet-modifier-active .FeatureBuyActiveModifierNotice span {
    margin-top: auto
}

.FeatureBuyConfirmBox {
    -webkit-tap-highlight-color: transparent;
    box-shadow: 0 14px 28px rgba(0,0,0,.55),0 10px 10px rgba(0,0,0,.52);
    display: block;
    max-height: calc(100% - 1.5rem);
    max-width: calc(100% - 1.5rem);
    width: 20rem
}

.FeatureBuyConfirmBox__inner {
    background: #f8f9fa;
    border-radius: 5px;
    display: block;
    min-height: 14rem;
    overflow: hidden;
    position: relative;
    width: 100%
}

.FeatureBuyConfirmBox__title {
    color: var(--hg-fb-feature-grid-card-color);
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    margin: 1rem 1rem .5rem;
    order: 1
}

.FeatureBuyConfirmBox__img-container,.FeatureBuyConfirmBox__img-wrapper,.FeatureBuyConfirmBox__title {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center
}

.FeatureBuyConfirmBox__img-wrapper {
    height: 150px;
    margin: 0 auto;
    max-width: 100%;
    width: 100%
}

.FeatureBuyConfirmBox__img-wrapper img {
    display: inline-flex;
    height: auto;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.FeatureBuyConfirmBox__content-container {
    align-items: flex-start;
    display: flex;
    flex-grow: 1;
    font-weight: 500;
    height: 100%;
    justify-content: center;
    padding-bottom: .5rem;
    position: relative;
    text-align: center
}

.FeatureBuyConfirmBox__content-container:after {
    background: linear-gradient(0deg,rgba(248,249,250,.65),rgba(248,249,250,.05));
    bottom: .5rem;
    content: "";
    display: block;
    height: 1rem;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.FeatureBuyConfirmBox__content-wrapper {
    align-items: center;
    color: #000;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    max-height: unset;
    padding: 0 .25rem .5rem 0;
    width: 100%
}

.FeatureBuyConfirmBox__content-container,.FeatureBuyConfirmBox__img-container {
    margin: 1rem
}

.FeatureBuyConfirmBox .FeatureBuyConfirmAmount__label {
    display: inline-flex;
    font-size: 14px;
    font-weight: 700;
    margin: auto
}

.FeatureBuyConfirmBox .FeatureBuyConfirmAmount__value {
    display: inline-flex;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5
}

.FeatureBuyConfirmBox .FeatureBuyConfirmAmount__value:not(.is-visible) {
    display: none
}

.FeatureBuyConfirmBox__cta-container {
    align-items: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: flex;
    flex-shrink: 0;
    height: 50px;
    justify-content: center;
    min-width: 100%
}

.FeatureBuyConfirmBox__button--accept,.FeatureBuyConfirmBox__button--dismiss {
    align-items: center;
    display: flex;
    font-size: 22px;
    font-weight: 700;
    height: 100%;
    justify-content: center;
    line-height: 1;
    transition: all .15s linear;
    width: 100%
}

.FeatureBuyConfirmBox__button--accept {
    background: var(--hg-fb-bonus-btn-bg);
    background: #47b04b;
    color: var(--hg-fb-bonus-btn-color)
}

.FeatureBuyConfirmBox__button--accept:hover {
    background: var(--hg-fb-bonus-btn-bg-hover)
}

.FeatureBuyConfirmBox__button--dismiss {
    background: var(--hg-fb-feature-btn-bg);
    background: #ffc529;
    color: var(--hg-fb-feature-btn-color)
}

.FeatureBuyConfirmBox__button--dismiss:hover {
    background: #ffba00
}

div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyConfirmBox {
    box-shadow: unset;
    max-height: unset;
    max-width: calc(100% - 3rem)
}

div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyConfirmBox__inner {
    min-height: unset
}

div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyConfirmBox__img-wrapper {
    height: 90px;
    width: 90px
}

div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyConfirmBox__img-wrapper img {
    width: 120%
}

@media (min-height: 500px) {
    div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyConfirmBox__img-wrapper {
        height:calc(30vh - 60px)
    }
}

@media (min-height: 700px) {
    div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyConfirmBox__img-wrapper {
        height:150px
    }
}

@media (min-height: 500px) {
    div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyConfirmBox__img-wrapper {
        width:calc(30vh - 60px)
    }
}

@media (min-height: 700px) {
    div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyConfirmBox__img-wrapper {
        width:150px
    }
}

div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyConfirmBox__content-container,div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyConfirmBox__img-container {
    margin-bottom: 5px;
    margin-top: 5px
}

@media (min-height: 560px) {
    div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyConfirmBox__content-container,div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyConfirmBox__img-container {
        margin-top:calc(2.08333vh - 6.66667px)
    }
}

@media (min-height: 800px) {
    div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyConfirmBox__content-container,div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyConfirmBox__img-container {
        margin-top:10px
    }
}

@media (min-height: 560px) {
    div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyConfirmBox__content-container,div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyConfirmBox__img-container {
        margin-bottom:calc(2.08333vh - 6.66667px)
    }
}

@media (min-height: 800px) {
    div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyConfirmBox__content-container,div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyConfirmBox__img-container {
        margin-bottom:10px
    }
}

div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyConfirmBox__content-wrapper {
    justify-content: flex-start;
    overflow: hidden;
    overflow-y: auto
}

div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyConfirmAmount__label {
    display: inline-flex;
    font-size: 15px;
    font-size: 12px
}

@media (min-height: 280px) {
    div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyConfirmAmount__label {
        font-size:calc(2.22222vh + 5.77778px)
    }
}

@media (min-height: 460px) {
    div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyConfirmAmount__label {
        font-size:16px
    }
}

div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyConfirmAmount__value {
    font-size: 20px;
    font-size: 16px
}

@media (min-height: 280px) {
    div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyConfirmAmount__value {
        font-size:calc(3.33333vh + 6.66667px)
    }
}

@media (min-height: 460px) {
    div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyConfirmAmount__value {
        font-size:22px
    }
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeatureBuyConfirmBox {
    width: 380px
}

@media (min-height: 270px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeatureBuyConfirmBox {
        width:calc(-50vh + 515px)
    }
}

@media (min-height: 390px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeatureBuyConfirmBox {
        width:320px
    }
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeatureBuyConfirmBox__content-container,div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeatureBuyConfirmBox__img-container {
    margin-bottom: 5px;
    margin-top: 5px
}

@media (min-height: 300px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeatureBuyConfirmBox__content-container,div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeatureBuyConfirmBox__img-container {
        margin-top:calc(4.16667vh - 7.5px)
    }
}

@media (min-height: 420px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeatureBuyConfirmBox__content-container,div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeatureBuyConfirmBox__img-container {
        margin-top:10px
    }
}

@media (min-height: 300px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeatureBuyConfirmBox__content-container,div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeatureBuyConfirmBox__img-container {
        margin-bottom:calc(4.16667vh - 7.5px)
    }
}

@media (min-height: 420px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeatureBuyConfirmBox__content-container,div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeatureBuyConfirmBox__img-container {
        margin-bottom:10px
    }
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeatureBuyConfirmBox__content-container {
    margin-bottom: 0;
    padding-bottom: .75rem
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeatureBuyConfirmBox__content-wrapper {
    max-height: 22vh
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeatureBuyConfirmBox__img-wrapper {
    height: 30px;
    width: 30px
}

@media (max-height: 360px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeatureBuyConfirmBox__img-wrapper {
        display:none
    }
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeatureBuyConfirmBox__img-wrapper img {
    width: 150%
}

@media (min-height: 280px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeatureBuyConfirmBox__img-wrapper {
        height:calc(30.66667vh - 55.86667px)
    }
}

@media (min-height: 430px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeatureBuyConfirmBox__img-wrapper {
        height:76px
    }
}

@media (min-height: 280px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeatureBuyConfirmBox__img-wrapper {
        width:calc(30.66667vh - 55.86667px)
    }
}

@media (min-height: 430px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeatureBuyConfirmBox__img-wrapper {
        width:76px
    }
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeatureBuyConfirmBox__cta-container {
    height: 30px
}

@media (min-height: 300px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeatureBuyConfirmBox__cta-container {
        height:calc(18.46154vh - 25.38462px)
    }
}

@media (min-height: 430px) {
    div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeatureBuyConfirmBox__cta-container {
        height:54px
    }
}

.FeatureBuyAmountHolder {
    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,.5);
    display: block;
    margin: auto;
    min-height: 110px;
    min-width: 240px;
    padding: 10px
}

.FeatureBuyAmountHolder .FeatureBuyAmountValueContainer__info {
    align-items: center;
    display: flex;
    flex-flow: column;
    justify-content: center
}

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

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

.FeatureBuyAmountHolder .FeatureBuyAmountChangers {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: .675rem;
    width: 100%
}

.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
}

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

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

.FeatureBuyAmountHolder .FeatureBuyAmountChangers button:hover,.FeatureBuyAmountHolder .FeatureBuyAmountChangers button:hover span {
    color: #fff
}

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

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

div[data-layout-type=ribbon][data-channel=desktop] .FeatureBuyAmountHolder {
    margin: 0 0 30px;
    min-height: 130px;
    min-width: 260px;
    padding: 20px 10px
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=portrait] .FeatureBuyAmountHolder {
    height: auto;
    min-height: -moz-fit-content;
    min-height: fit-content;
    width: 90%
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=portrait] .FeatureBuyAmountHolder .FeatureBuyAmountValueContainer {
    align-items: center;
    display: flex;
    flex-flow: row;
    justify-content: space-evenly;
    margin: 0;
    min-height: 60px;
    width: 100%
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=portrait] .FeatureBuyAmountHolder .FeatureBuyAmountChangers {
    margin: 0;
    width: unset
}

div[data-layout-type=ribbon][data-channel=mobile][data-orientation=landscape] .FeatureBuyAmountHolder {
    min-width: 200px
}

.FeatureBuyGridCard {
    -webkit-tap-highlight-color: transparent;
    align-items: stretch;
    background: 0 0;
    border: none;
    border-radius: 5px;
    box-shadow: none;
    display: flex;
    flex: 1;
    justify-content: center;
    list-style: none;
    margin: 0 0 .75rem;
    padding: 0;
    position: relative;
    text-decoration: none;
    vertical-align: top;
    width: 100%;
    z-index: 1
}

.FeatureBuyGridCard:after {
    background: rgba(73,80,87,.3);
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.is-disabled>.FeatureBuyGridCard {
    filter: grayscale(90%);
    pointer-events: none
}

.is-disabled>.FeatureBuyGridCard:after {
    content: "";
    display: block
}

.FeatureBuyGridCard__inner {
    align-items: stretch;
    border-radius: 5px;
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    overflow: hidden;
    padding: 1rem 0 3.7rem;
    position: relative;
    width: 100%
}

.FeatureBuyGridCard__button {
    align-items: center;
    border: 0;
    display: flex;
    font-size: 24px;
    font-weight: 700;
    height: 100%;
    justify-content: center;
    line-height: 1;
    min-width: 100%;
    transition: all .15s linear;
    width: 100%
}

.FeatureBuyGridCard[data-grid-card-type=grid-card-bonus] .FeatureBuyGridCard__inner {
    background: var(--hg-fb-bonus-grid-card-bg);
    border: 0;
    color: var(--hg-fb-bonus-grid-card-color)
}

@supports (-moz-appearance: none) {
    .FeatureBuyGridCard[data-grid-card-type=grid-card-bonus] .FeatureBuyGridCard__inner {
        border:0
    }
}

.FeatureBuyGridCard[data-grid-card-type=grid-card-bonus] .FeatureBuyGridCard__inner .FeatureBuyGridCard__description {
    color: rgba(var(--hg-fb-bonus-grid-card-color-rgb),.85)
}

.FeatureBuyGridCard[data-grid-card-type=grid-card-bonus] .FeatureBuyGridCard__inner button {
    background: var(--hg-fb-bonus-btn-bg);
    color: var(--hg-fb-bonus-btn-color)
}

.FeatureBuyGridCard[data-grid-card-type=grid-card-bonus] .FeatureBuyGridCard__inner button:hover {
    background: var(--hg-fb-bonus-btn-bg-hover)
}

.FeatureBuyGridCard[data-grid-card-type=grid-card-feature-spins] .FeatureBuyGridCard__inner {
    background: var(--hg-fb-feature-grid-card-bg);
    border: 0;
    color: var(--hg-fb-feature-grid-card-color)
}

@supports (-moz-appearance: none) {
    .FeatureBuyGridCard[data-grid-card-type=grid-card-feature-spins] .FeatureBuyGridCard__inner {
        border:0
    }
}

.FeatureBuyGridCard[data-grid-card-type=grid-card-feature-spins] .FeatureBuyGridCard__inner .FeatureBuyGridCard__description {
    color: rgba(var(--hg-fb-feature-grid-card-color-rgb),.85)
}

.FeatureBuyGridCard[data-grid-card-type=grid-card-feature-spins] .FeatureBuyGridCard__inner button {
    background: var(--hg-fb-feature-btn-bg);
    color: var(--hg-fb-feature-btn-color)
}

.FeatureBuyGridCard[data-grid-card-type=grid-card-feature-spins] .FeatureBuyGridCard__inner button:hover {
    background: var(--hg-fb-feature-btn-bg-hover)
}

.FeatureBuyGridCard__img-container {
    display: flex;
    height: auto;
    justify-content: center;
    left: 0;
    order: 3;
    outline: 0;
    overflow: hidden;
    width: 100%
}

.FeatureBuyGridCard__img-wrapper {
    height: 5rem;
    margin: .5rem auto;
    -o-object-fit: contain;
    object-fit: contain;
    position: relative;
    width: 5rem
}

.FeatureBuyGridCard__image {
    display: inline-flex;
    height: 100%;
    left: 50%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: 1
}

.FeatureBuyGridCard__content {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    padding: 0 5% .125rem;
    position: relative;
    text-align: center
}

.FeatureBuyGridCard__title {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    justify-content: center;
    line-height: 1;
    margin: .25rem auto .5rem;
    order: 1;
    text-align: center
}

.FeatureBuyGridCard__description {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.15;
    margin: auto;
    order: 2
}

.FeatureBuyGridCard__description--volatility {
    font-size: 11px;
    font-style: italic;
    margin: auto auto .25rem;
    order: 4
}

.FeatureBuyGridCard__description--value {
    font-size: 22px;
    font-weight: 700;
    order: 5;
    text-align: center
}

.FeatureBuyGridCard__cta-container {
    align-items: center;
    border: 0;
    bottom: 0;
    display: flex;
    height: 3.45rem;
    justify-content: center;
    max-width: 100%;
    min-width: 100%;
    order: 3;
    position: absolute;
    z-index: 1
}

div[data-layout-type=ribbon][data-channel=desktop] .FeatureBuyGridCard {
    box-shadow: 0 14px 15px rgba(0,0,0,.35),0 10px 10px rgba(0,0,0,.52)
}

div[data-layout-type=ribbon][data-channel=desktop] .FeatureBuyGridCard__description {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25
}

div[data-layout-type=ribbon][data-channel=desktop] .FeatureBuyGridCard__image {
    max-height: 110px;
    max-width: 160px;
    width: auto
}

div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyGridCard__content {
    overflow-y: auto;
    padding-bottom: .5rem
}

div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyGridCard__img-wrapper {
    height: 80px;
    margin: .5rem auto;
    width: 80px
}

@media (min-width: 300px) {
    div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyGridCard__img-wrapper {
        height:calc(53.33333vw - 80px)
    }
}

@media (min-width: 390px) {
    div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyGridCard__img-wrapper {
        height:128px
    }
}

@media (min-width: 300px) {
    div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyGridCard__img-wrapper {
        width:calc(53.33333vw - 80px)
    }
}

@media (min-width: 390px) {
    div[data-layout-type=ribbon][data-channel=mobile] .FeatureBuyGridCard__img-wrapper {
        width:128px
    }
}

.GameInfo__payout-columns {
    display: flex;
    flex-flow: wrap;
    margin: auto auto 20px;
    max-width: 700px;
    text-align: center
}

.GameInfo__payout-columns.special {
    display: flex;
    justify-content: center
}

.GameInfo__payout-columns .PayoutColumnItem {
    align-items: center;
    display: flex;
    flex-flow: column;
    flex-grow: 1;
    width: calc(16.6% - 2px)
}

.GameInfo__payout-columns .PayoutColumnItem:first-child {
    flex-grow: 0
}

.GameInfo__payout-columns .PayoutColumnItem:not(.has-symbol) {
    padding-top: 90px;
    width: calc(10% - 2px)
}

.GameInfo__payout-columns .PayoutColumnItem__symbol {
    height: 80px;
    margin-bottom: 10px;
    width: 80px
}

.GameInfo__payout-columns .PayoutColumnItem__symbol img {
    width: 90%
}

.GameInfo__payout-columns .PayoutColumnItem__values {
    border: 1px solid #545454;
    border-left: 0;
    display: flex;
    flex-flow: column;
    width: 100%
}

.GameInfo__payout-columns .PayoutColumnItem__values:first-child {
    border-left: 1px solid #545454
}

.GameInfo__payout-columns .PayoutColumnItem__value {
    background: rgba(0,0,0,.35);
    border-bottom: 1px solid #545454;
    font-size: 14px;
    padding: 5px 0;
    width: 100%
}

.GameInfo__payout-columns .PayoutColumnItem__value:last-child {
    border-bottom: 0
}

div[data-channel=mobile] .GameInfo__payout-columns {
    -webkit-text-size-adjust: 100%;
    margin: 0 .25rem;
    max-width: 99%
}

div[data-channel=mobile] .GameInfo__payout-columns .PayoutColumnItem:not(.has-symbol) {
    padding-top: 70px
}

div[data-channel=mobile] .GameInfo__payout-columns .PayoutColumnItem__symbol {
    height: 60px;
    margin-bottom: 10px;
    width: 60px
}

div[data-channel=mobile][data-orientation=portrait] .GameInfo__payout-columns .PayoutColumnItem__value {
    font-size: 10px
}

div[data-channel=mobile][data-orientation=portrait] .GameInfo__payout-columns .PayoutColumnItem__symbol {
    max-width: 100%
}

[data-currency=HUF] .GameInfo__payout-columns .PayoutColumnItem__value {
    font-size: 11px
}

.GameInfo__sym-list {
    align-items: center;
    display: flex;
    flex-flow: wrap;
    gap: .25rem;
    justify-content: space-around;
    list-style: none;
    margin: 0 0 1rem;
    padding: 0 .5rem
}

.GameInfo__sym-list .SymListItem {
    align-items: center;
    display: flex;
    flex-basis: calc(20% - 0.25rem);
    flex-flow: column;
    gap: .25rem;
    justify-content: flex-start;
    margin-bottom: 1rem;
    white-space: nowrap;
    width: calc(20% - .25rem)
}

.GameInfo__sym-list .SymListItem__symbol {
    align-items: center;
    display: flex;
    flex: 1 0 60%;
    justify-content: center;
    margin: auto;
    max-width: 60%
}

.GameInfo__sym-list .SymListItem__symbol img {
    height: auto;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: auto
}

.GameInfo__sym-list .SymListItem__payout-values {
    display: flex;
    flex-basis: 60%;
    flex-direction: column;
    flex-grow: 1
}

.GameInfo__sym-list .SymListItem__win-length {
    margin-right: .375rem
}

.GameInfo__sym-list .SymListItem__values {
    display: block
}

.GameInfo__sym-list .SymListItem__values .SymListItem__win-length {
    color: rgba(var(--hg-bg-accent-rgb),1);
    font-size: 16px;
    font-weight: 700;
    line-height: 1
}

.GameInfo__sym-list .SymListItem__values .SymListItem__win-value {
    text-align: center
}

div[data-channel=mobile] .GameInfo__sym-list {
    justify-content: space-around;
    padding: 0
}

div[data-channel=mobile] .GameInfo__sym-list .SymListItem {
    flex-flow: column
}

div[data-channel=mobile] .GameInfo__sym-list .SymListItem__symbol {
    flex: 1 0 95%;
    max-width: 95%
}

div[data-channel=mobile] .GameInfo__sym-list .SymListItem__symbol img {
    display: block;
    margin: auto
}

div[data-channel=mobile] .GameInfo__sym-list .SymListItem__win-length {
    margin-right: 5px
}

div[data-channel=mobile] .GameInfo__sym-list .SymListItem__values {
    display: block
}

div[data-channel=mobile] .GameInfo__sym-list .SymListItem__values .SymListItem__win-length {
    font-size: 12px
}

div[data-channel=mobile] .GameInfo__sym-list .SymListItem__values .SymListItem__win-value {
    font-size: 11px
}

[data-currency=HUF] .GameInfo__sym-list .SymListItem__values .SymListItem__win-length {
    font-size: 14px
}

[data-currency=HUF] .GameInfo__sym-list .SymListItem__values .SymListItem__win-value {
    font-size: 12px
}

.GameInfo .GameInfoWaysToWin:not(.GameInfoWaysToWin__Winlines),.GameInfo .GameInfoWinlines:not(.GameInfoWaysToWin__Winlines) {
    align-items: center;
    display: flex;
    flex-flow: column;
    justify-content: center
}

.GameInfo .GameInfoWaysToWin:not(.GameInfoWaysToWin__Winlines) .GameInfoWaysToWin--winning:before,.GameInfo .GameInfoWinlines:not(.GameInfoWaysToWin__Winlines) .GameInfoWaysToWin--winning:before {
    color: #4caf50;
    content: "\e92a";
    font-family: icomoon;
    font-size: 2rem
}

.GameInfo .GameInfoWaysToWin:not(.GameInfoWaysToWin__Winlines) .GameInfoWaysToWin--non-winning:before,.GameInfo .GameInfoWinlines:not(.GameInfoWaysToWin__Winlines) .GameInfoWaysToWin--non-winning:before {
    color: #f44336;
    content: "\e929";
    font-family: icomoon;
    font-size: 2rem
}

.GameInfo .GameInfoWaysToWin__list,.GameInfo .GameInfoWinlines__list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0 40px
}

.GameInfo .GameInfoWaysToWin .Winline,.GameInfo .GameInfoWinlines .Winline {
    background: #000;
    border: 1px solid #fff;
    box-sizing: content-box;
    display: flex;
    flex-wrap: wrap;
    margin: .375rem
}

.GameInfo .GameInfoWaysToWin .Winline--cols-1,.GameInfo .GameInfoWinlines .Winline--cols-1 {
    width: 16px
}

.GameInfo .GameInfoWaysToWin .Winline--rows-1,.GameInfo .GameInfoWinlines .Winline--rows-1 {
    height: 16px
}

.GameInfo .GameInfoWaysToWin .Winline--cols-2,.GameInfo .GameInfoWinlines .Winline--cols-2 {
    width: 32px
}

.GameInfo .GameInfoWaysToWin .Winline--rows-2,.GameInfo .GameInfoWinlines .Winline--rows-2 {
    height: 32px
}

.GameInfo .GameInfoWaysToWin .Winline--cols-3,.GameInfo .GameInfoWinlines .Winline--cols-3 {
    width: 48px
}

.GameInfo .GameInfoWaysToWin .Winline--rows-3,.GameInfo .GameInfoWinlines .Winline--rows-3 {
    height: 48px
}

.GameInfo .GameInfoWaysToWin .Winline--cols-4,.GameInfo .GameInfoWinlines .Winline--cols-4 {
    width: 64px
}

.GameInfo .GameInfoWaysToWin .Winline--rows-4,.GameInfo .GameInfoWinlines .Winline--rows-4 {
    height: 64px
}

.GameInfo .GameInfoWaysToWin .Winline--cols-5,.GameInfo .GameInfoWinlines .Winline--cols-5 {
    width: 80px
}

.GameInfo .GameInfoWaysToWin .Winline--rows-5,.GameInfo .GameInfoWinlines .Winline--rows-5 {
    height: 80px
}

.GameInfo .GameInfoWaysToWin .Winline--cols-6,.GameInfo .GameInfoWinlines .Winline--cols-6 {
    width: 96px
}

.GameInfo .GameInfoWaysToWin .Winline--rows-6,.GameInfo .GameInfoWinlines .Winline--rows-6 {
    height: 96px
}

.GameInfo .GameInfoWaysToWin .Winline--cols-7,.GameInfo .GameInfoWinlines .Winline--cols-7 {
    width: 112px
}

.GameInfo .GameInfoWaysToWin .Winline--rows-7,.GameInfo .GameInfoWinlines .Winline--rows-7 {
    height: 112px
}

.GameInfo .GameInfoWaysToWin .Winline--cols-8,.GameInfo .GameInfoWinlines .Winline--cols-8 {
    width: 128px
}

.GameInfo .GameInfoWaysToWin .Winline--rows-8,.GameInfo .GameInfoWinlines .Winline--rows-8 {
    height: 128px
}

.GameInfo .GameInfoWaysToWin .Winline--cols-9,.GameInfo .GameInfoWinlines .Winline--cols-9 {
    width: 144px
}

.GameInfo .GameInfoWaysToWin .Winline--rows-9,.GameInfo .GameInfoWinlines .Winline--rows-9 {
    height: 144px
}

.GameInfo .GameInfoWaysToWin .Winline--cols-10,.GameInfo .GameInfoWinlines .Winline--cols-10 {
    width: 160px
}

.GameInfo .GameInfoWaysToWin .Winline--rows-10,.GameInfo .GameInfoWinlines .Winline--rows-10 {
    height: 160px
}

.GameInfo .GameInfoWaysToWin .Winline__index,.GameInfo .GameInfoWinlines .Winline__index {
    border: 1px solid #fff;
    box-sizing: border-box;
    height: 16px;
    width: 16px
}

.GameInfo .GameInfoWaysToWin .Winline__index.is-active,.GameInfo .GameInfoWinlines .Winline__index.is-active {
    background: #4caf50
}

.GameInfo .GameInfoWaysToWin .Winline__index.is-nonwin,.GameInfo .GameInfoWinlines .Winline__index.is-nonwin {
    background: #f44336
}

.FeedbackMsg {
    bottom: 100px;
    color: #fff;
    font-weight: 700;
    height: auto;
    left: 0;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.FeedbackMsg .FeedbackMsg__big {
    font-size: 24px;
    line-height: 1.3
}

.FeedbackMsg .FeedbackMsg__small {
    font-size: 16px;
    height: auto;
    line-height: 1
}

[data-channel=mobile] .FeedbackMsg {
    display: none!important;
    white-space: nowrap
}

[data-channel=mobile][data-orientation=portrait] .FeedbackMsg {
    background: var(--hg-bg-accent);
    height: 45px;
    order: 1;
    position: relative;
    top: 0;
    width: 100%
}

[data-channel=mobile][data-orientation=portrait] .FeedbackMsg .FeedbackMsg__big {
    font-size: 18px;
    line-height: 45px
}

[data-channel=mobile][data-orientation=portrait] .FeedbackMsg .FeedbackMsg__big:not(:last-child) {
    font-size: 16px;
    line-height: 25px
}

[data-channel=mobile][data-orientation=portrait] .FeedbackMsg .FeedbackMsg__small {
    font-size: 14px;
    line-height: 20px
}

[data-channel=mobile][data-orientation=landscape] .FeedbackMsg {
    bottom: 0;
    color: #fff;
    height: auto;
    position: fixed;
    right: 10px;
    width: auto;
    z-index: 4
}

[data-channel=mobile][data-orientation=landscape] .FeedbackMsg .FeedbackMsg__big {
    font-size: 18px;
    line-height: 35px
}

[data-channel=mobile][data-orientation=landscape] .FeedbackMsg .FeedbackMsg__big:not(:last-child) {
    font-size: 16px;
    line-height: 18px
}

[data-channel=mobile][data-orientation=landscape] .FeedbackMsg .FeedbackMsg__small {
    font-size: 12px;
    height: 50%;
    line-height: 18px
}

[data-channel=mobile][data-orientation=landscape] .MainPanel.autoplay-menu-active .FeedbackMsg,[data-channel=mobile][data-orientation=landscape] .MainPanel.bet-amount-menu-active .FeedbackMsg {
    z-index: 0
}

@media screen and (max-height: 668px) {
    [data-channel=mobile][data-orientation=portrait].iosIphone .FeedbackMsg {
        display: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)
    }
}

@keyframes vibrate {
    0% {
        transform: translate(0)
    }

    10% {
        transform: translate(-2px,-2px)
    }

    20% {
        transform: translate(2px,-2px)
    }

    30% {
        transform: translate(-2px,2px)
    }

    40% {
        transform: translate(2px,2px)
    }

    50% {
        transform: translate(-2px,-2px)
    }

    60% {
        transform: translate(2px,-2px)
    }

    70% {
        transform: translate(-2px,2px)
    }

    80% {
        transform: translate(-2px,-2px)
    }

    90% {
        transform: translate(2px,-2px)
    }

    to {
        transform: translate(0)
    }
}

@keyframes shake-x-axis {
    0%,to {
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        transform: translate3d(10px,0,0)
    }
}

@keyframes slight-clockwise-rotation {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(10deg)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes pulse {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes pulse-big {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.15,1.15,1.15)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 0
    }
}

@keyframes bounce-in {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.05)
    }

    70% {
        transform: scale(.95)
    }

    to {
        transform: scale(1)
    }
}

.UiRibbonUserPanel {
    justify-content: center;
    margin: auto;
    opacity: 1;
    position: absolute;
    top: 0;
    transform-origin: left top 0;
    transition: opacity .6s ease;
    z-index: 1
}

.UiRibbonUserPanel,.UiRibbonUserPanel__container {
    align-items: center;
    display: flex;
    height: 100%;
    width: 100%
}

.UiRibbonUserPanel__container {
    background: transparent;
    background: rgba(var(--hg-bg-main-panel-rgb),.6);
    border: 0;
    border-radius: 2px;
    box-shadow: 0 3px 5px 3px rgba(var(--hg-bg-main-panel-rgb),.3);
    box-sizing: border-box;
    justify-content: space-between;
    margin: 0 auto;
    max-width: var(--hg-ui-contaier-width);
    padding: .625rem .3rem;
    position: relative
}

div[data-layout-type=ribbon][data-channel=mobile] .UiRibbonUserPanel__container {
    background: transparent;
    background: linear-gradient(180deg,hsla(0,0%,5%,0) 0,hsla(0,0%,5%,.3));
    border-radius: 0;
    box-shadow: none;
    padding: 0
}

div[data-layout-type=ribbon][data-channel=desktop][data-layout-position=dock_bottom] .UiRibbonUserPanel,div[data-layout-type=ribbon][data-channel=desktop][data-layout-position=dock_top] .UiRibbonUserPanel {
    height: 5.625rem
}

div[data-layout-type=ribbon][data-channel=desktop][data-layout-position=dock_bottom] .UiRibbonUserPanel__container,div[data-layout-type=ribbon][data-channel=desktop][data-layout-position=dock_top] .UiRibbonUserPanel__container {
    min-width: 23.5rem
}

:root body {
    --hg-bg-accent: #ffc529;
    --hg-bg-accent-rgb: 255,197,41;
    --hg-bg-primary: #0d0d0d;
    --hg-bg-primary-rgb: 13,13,13;
    --hg-bg-secondary: #2a2a2a;
    --hg-bg-secondary-rgb: 42,42,42;
    --hg-scrollbar-thumb-bg: #ffc529;
    --hg-scrollbar-thumb-hover: #ffc529;
    --hg-text-primary: #fafafa;
    --hg-text-primary-rgb: 250,250,250;
    --hg-text-secondary: #000;
    --hg-text-secondary-rgb: 0,0,0;
    --hg-text-tertiary: #2b2b2c;
    --hg-text-tertiary-rgb: 43,43,44;
    --hg-text-accent: #fcca3d;
    --hg-text-accent-rgb: 252,202,61;
    --hg-bg-user-panel: #262626;
    --hg-bg-user-panel-rgb: 38,38,38;
    --hg-bg-main-panel: #000;
    --hg-bg-main-panel-rgb: 0,0,0;
    --hg-btn-bg: #262626;
    --hg-btn-bg-rgb: 38,38,38;
    --hg-btn-color: #fafafa;
    --hg-border-color: #adb5bd;
    --hg-border-color-rgb: 173,181,189;
    --hg-border-width: 3px;
    --hg-border-radius-base: 5px;
    --hg-ui-contaier-width: 52.5rem;
    --hg-ui-contaier-height: 5.5rem;
    --hg-fb-feature-grid-card-border: transparent;
    --hg-fb-bonus-grid-card-border-width: 0;
    --hg-fb-feature-grid-card-bg: #fff;
    --hg-fb-feature-grid-card-color: #000;
    --hg-fb-feature-btn-bg: #ff5e00;
    --hg-fb-feature-btn-bg-hover: #d64f00;
    --hg-fb-feature-btn-color: #fff;
    --hg-fb-bonus-btn-bg: #47b04b;
    --hg-fb-bonus-btn-bg-hover: #409e43;
    --hg-fb-bonus-grid-card-bg: #fff;
    --hg-fb-bonus-btn-color: #fff;
    --hg-modal-backdrop-bg: rgba(0,0,0,.65);
    --hg-dialog-bg: #000;
    --hg-dialog-txt-color: #fff;
    --hg-dialog-title-txt-color: #ffc529;
    --hg-dialog-border-color: #ffc529;
    --hg-dialog-border-radius: 5px;
    --hg-dialog-border-width: 3px;
    --hg-bg-accent: #699773;
    --hg-bg-accent-rgb: 105,151,115;
    --hg-bg-feature-buy: #ff5e00;
    --hg-bg-feature-buy-rgb: 255,94,0;
    --hg-scrollbar-thumb-bg: #699773;
    --hg-scrollbar-thumb-hover: #699773
}

[data-layout-type=ribbon][data-state=autoplayEnd] .ToggleButton--feature-buy,[data-layout-type=ribbon][data-state=autoplay] .BetAmountChanger--decrease-bet,[data-layout-type=ribbon][data-state=autoplay] .BetAmountChanger--increase-bet,[data-layout-type=ribbon][data-state=autoplay] .MainMenu .MainMenuItem--bet-history,[data-layout-type=ribbon][data-state=autoplay] .MainMenu .MainMenuItem--lobby,[data-layout-type=ribbon][data-state=autoplay] .ToggleButton--autoplay-menu,[data-layout-type=ribbon][data-state=autoplay] .ToggleButton--feature-buy,[data-layout-type=ribbon][data-state=featureEnter] .BetAmountChanger--decrease-bet,[data-layout-type=ribbon][data-state=featureEnter] .BetAmountChanger--increase-bet,[data-layout-type=ribbon][data-state=featureEnter] .CircleButton--start-autoplay,[data-layout-type=ribbon][data-state=featureEnter] .MainMenu .MainMenuItem--bet-history,[data-layout-type=ribbon][data-state=featureEnter] .MainMenu .MainMenuItem--lobby,[data-layout-type=ribbon][data-state=featureEnter] .ToggleButton--autoplay-menu,[data-layout-type=ribbon][data-state=featureEnter] .ToggleButton--feature-buy,[data-layout-type=ribbon][data-state=featurePlay-freespins] .MainMenu .MainMenuItem--bet-history,[data-layout-type=ribbon][data-state=featurePlay-freespins] .MainMenu .MainMenuItem--lobby,[data-layout-type=ribbon][data-state=featurePlay-freespins] .ToggleButton--feature-buy,[data-layout-type=ribbon][data-state=gameRoundEnterAutoplay] .BetAmountChanger--decrease-bet,[data-layout-type=ribbon][data-state=gameRoundEnterAutoplay] .BetAmountChanger--increase-bet,[data-layout-type=ribbon][data-state=gameRoundEnterAutoplay] .CircleButton--start-autoplay,[data-layout-type=ribbon][data-state=gameRoundEnterAutoplay] .CircleButton--stop-autoplay,[data-layout-type=ribbon][data-state=gameRoundEnterAutoplay] .MainMenu .MainMenuItem--bet-history,[data-layout-type=ribbon][data-state=gameRoundEnterAutoplay] .MainMenu .MainMenuItem--lobby,[data-layout-type=ribbon][data-state=gameRoundEnterAutoplay] .ToggleButton--feature-buy,[data-layout-type=ribbon][data-state=gameRoundEnter] .ToggleButton--feature-buy,[data-layout-type=ribbon][data-state=idle][data-channel=mobile] .MainPanel.autoplay-menu-active .BetAmountChanger--decrease-bet,[data-layout-type=ribbon][data-state=idle][data-channel=mobile] .MainPanel.autoplay-menu-active .BetAmountChanger--increase-bet,[data-layout-type=ribbon][data-state=idle][data-channel=mobile] .MainPanel.autoplay-menu-active .BetAmountChangersWidget,[data-layout-type=ribbon][data-state=play] .ToggleButton--feature-buy,[data-layout-type=ribbon][data-state=result] .ToggleButton--feature-buy,[data-layout-type=ribbon][data-state=winPresentation] .ToggleButton--autoplay-menu,[data-layout-type=ribbon][data-state=winPresentation] .ToggleButton--feature-buy {
    opacity: .6;
    pointer-events: none
}

[data-layout-type=ribbon][data-state=autoplayEnd] .AutoplayCounter,[data-layout-type=ribbon][data-state=autoplayEnd] .CircleButton--stop-autoplay,[data-layout-type=ribbon][data-state=autoplayEnd] .MainPanel {
    display: f
}

[data-layout-type=ribbon][data-state=autoplayEnd] .CircleButton--stop-autoplay {
    color: #868e96;
    display: flex;
    pointer-events: none
}

[data-layout-type=ribbon][data-state=autoplayEnd] .ToggleButton--autoplay-menu {
    display: flex;
    opacity: .5;
    pointer-events: none
}

[data-layout-type=ribbon][data-state=autoplayEnd] .MainMenu .MainMenuItem--bet-history,[data-layout-type=ribbon][data-state=autoplayEnd] .MainMenu .MainMenuItem--lobby {
    opacity: .3;
    pointer-events: none
}

[data-layout-type=ribbon][data-state=autoplayEnd] .BetAmountChangersWidget {
    pointer-events: none
}

[data-layout-type=ribbon][data-state=autoplayEnd] .BetAmountChangersWidget:not(.is-disabled) span {
    color: #868e96
}

[data-layout-type=ribbon][data-state=autoplayEnd] .ToggleButton--feature-buy {
    --hg-bg-accent: #fff
}

[data-layout-type=ribbon][data-state=autoplayEnd] .ToggleButton--feature-buy.is-visible {
    opacity: .3
}

[data-layout-type=ribbon][data-state=autoplayEnd][data-channel=mobile] .ToggleButton--feature-buy,[data-layout-type=ribbon][data-state=autoplayEnd][data-channel=mobile] .ToggleButton--feature-buy.is-visible {
    opacity: 0
}

[data-layout-type=ribbon][data-state=autoplayEnd][data-channel=mobile] .ActionPanel {
    display: flex
}

[data-layout-type=ribbon][data-state=autoplayEnd][data-channel=mobile] .CircleButton--stop-autoplay {
    color: #868e96;
    pointer-events: none
}

[data-layout-type=ribbon][data-state=autoplayEnd][data-channel=mobile] #BetAmountBtn,[data-layout-type=ribbon][data-state=autoplayEnd][data-channel=mobile] .BetAmountChangersWidget,[data-layout-type=ribbon][data-state=autoplayEnd][data-channel=mobile] .ToggleButton--autoplay-menu {
    display: none
}

[data-layout-type=ribbon][data-state=autoplayEnd][data-channel=mobile][data-orientation=landscape] .ActionPanel {
    align-items: center;
    display: flex;
    flex-flow: column
}

[data-layout-type=ribbon][data-state=autoplayEnd][data-channel=mobile][data-orientation=portrait] .CircleButton--stop-autoplay {
    background: rgba(0,0,0,.4);
    border-radius: 5px;
    box-sizing: content-box;
    height: 42px;
    padding: 5px;
    top: 20px;
    width: 52px
}

[data-layout-type=ribbon][data-state=autoplayEnd][data-channel=mobile][data-orientation=portrait] .CircleButton--stop-autoplay .icon-stop,[data-layout-type=ribbon][data-state=autoplayEnd][data-channel=mobile][data-orientation=portrait] .CircleButton--stop-autoplay:before {
    display: none
}

[data-layout-type=ribbon][data-state=autoplayEnd][data-channel=mobile][data-orientation=portrait] .CircleButton--stop-autoplay .AutoplayCounter {
    background: #868e96;
    border-radius: 5px;
    bottom: 0;
    color: rgba(0,0,0,.4);
    font-size: 18px;
    height: 42px;
    left: 0;
    line-height: 42px;
    margin: auto;
    position: relative;
    top: 0;
    width: 53px
}

@media screen and (max-height: 540px) {
    [data-layout-type=ribbon][data-state=autoplayEnd][data-channel=mobile][data-orientation=portrait] .CircleButton--stop-autoplay {
        height:36px
    }

    [data-layout-type=ribbon][data-state=autoplayEnd][data-channel=mobile][data-orientation=portrait] .CircleButton--stop-autoplay .AutoplayCounter {
        font-size: 16px;
        height: 36px;
        line-height: 36px
    }
}

[data-layout-type=ribbon][data-state=autoplay] .AutoplayCounter,[data-layout-type=ribbon][data-state=autoplay] .CircleButton--stop-autoplay,[data-layout-type=ribbon][data-state=autoplay] .MainPanel,[data-layout-type=ribbon][data-state=autoplay] .ToggleButton--autoplay-menu {
    display: flex
}

[data-layout-type=ribbon][data-state=autoplay] .BetAmountChanger--decrease-bet,[data-layout-type=ribbon][data-state=autoplay] .BetAmountChanger--increase-bet,[data-layout-type=ribbon][data-state=autoplay] .MainMenu .MainMenuItem--bet-history,[data-layout-type=ribbon][data-state=autoplay] .MainMenu .MainMenuItem--lobby,[data-layout-type=ribbon][data-state=autoplay] .ToggleButton--autoplay-menu {
    color: #868e96;
    opacity: 1
}

[data-layout-type=ribbon][data-state=autoplay] .ToggleButton--feature-buy {
    --hg-bg-accent: #fff
}

[data-layout-type=ribbon][data-state=autoplay] .ToggleButton--feature-buy.is-visible {
    opacity: .3
}

[data-layout-type=ribbon][data-state=autoplay][data-channel=mobile] .ToggleButton__container--feature-buy,[data-layout-type=ribbon][data-state=autoplay][data-channel=mobile] .ToggleButton__container--feature-buy.is-visible {
    opacity: 0
}

[data-layout-type=ribbon][data-state=autoplay][data-channel=mobile] .ActionPanel {
    display: flex
}

[data-layout-type=ribbon][data-state=autoplay][data-channel=mobile] #AutoplayBtn,[data-layout-type=ribbon][data-state=autoplay][data-channel=mobile] #BetAmountBtn,[data-layout-type=ribbon][data-state=autoplay][data-channel=mobile] .BetAmountChangersWidget {
    display: none
}

[data-layout-type=ribbon][data-state=autoplay][data-channel=mobile][data-orientation=landscape] .ActionPanel {
    align-items: center;
    display: flex;
    flex-flow: column
}

[data-layout-type=ribbon][data-state=autoplay][data-channel=mobile][data-orientation=portrait] #StopAutoplayBtn {
    background: rgba(0,0,0,.4)!important;
    border-radius: 5px;
    box-sizing: content-box;
    height: 42px;
    padding: 5px;
    top: 20px;
    width: 52px
}

[data-layout-type=ribbon][data-state=autoplay][data-channel=mobile][data-orientation=portrait] #StopAutoplayBtn .icon-stop,[data-layout-type=ribbon][data-state=autoplay][data-channel=mobile][data-orientation=portrait] #StopAutoplayBtn:before {
    display: none
}

[data-layout-type=ribbon][data-state=autoplay][data-channel=mobile][data-orientation=portrait] #StopAutoplayBtn #AutoplayCounter {
    background: #fff;
    border-radius: 5px;
    bottom: 0;
    color: #000;
    font-size: 18px;
    height: 42px;
    left: 0;
    line-height: 42px;
    margin: auto;
    position: relative;
    top: 0;
    width: 53px
}

@media screen and (max-height: 540px) {
    [data-layout-type=ribbon][data-state=autoplay][data-channel=mobile][data-orientation=portrait] #StopAutoplayBtn {
        height:36px
    }

    [data-layout-type=ribbon][data-state=autoplay][data-channel=mobile][data-orientation=portrait] #StopAutoplayBtn #AutoplayCounter {
        font-size: 16px;
        height: 36px;
        line-height: 36px
    }
}

[data-layout-type=ribbon][data-state=featureEnter][data-channel=desktop][data-layout-position=dock_bottom] .UiUserPanelWrapper,[data-layout-type=ribbon][data-state=featureEnter][data-channel=desktop][data-layout-position=dock_top] .UiUserPanelWrapper {
    --hg-ui-contaier-height: 5.625rem
}

[data-layout-type=ribbon][data-state=featureEnter][data-channel=desktop][data-layout-position=dock_bottom] .UiUserPanelWrapper .UiRibbonUserPanel,[data-layout-type=ribbon][data-state=featureEnter][data-channel=desktop][data-layout-position=dock_top] .UiUserPanelWrapper .UiRibbonUserPanel {
    max-height: 4.375rem
}

[data-layout-type=ribbon][data-state=featureEnter][data-channel=desktop][data-layout-position=dock_bottom] .UiUserPanelWrapper .UiRibbonUserPanel__container,[data-layout-type=ribbon][data-state=featureEnter][data-channel=desktop][data-layout-position=dock_top] .UiUserPanelWrapper .UiRibbonUserPanel__container {
    padding: .25rem
}

[data-layout-type=ribbon][data-state=featureEnter][data-channel=desktop][data-layout-position=dock_bottom] .UiUserPanelWrapper .MainMenu,[data-layout-type=ribbon][data-state=featureEnter][data-channel=desktop][data-layout-position=dock_top] .UiUserPanelWrapper .MainMenu {
    bottom: 4.125rem
}

[data-layout-type=ribbon][data-state=featureEnter][data-channel=desktop][data-layout-position=dock_bottom] .UiUserPanelWrapper .DataPanel,[data-layout-type=ribbon][data-state=featureEnter][data-channel=desktop][data-layout-position=dock_top] .UiUserPanelWrapper .DataPanel {
    -moz-column-gap: .25rem;
    column-gap: .25rem
}

[data-layout-type=ribbon][data-state=featureEnter][data-channel=desktop][data-layout-position=dock_bottom] .UiUserPanelWrapper .DataPanel>.divider--vertical,[data-layout-type=ribbon][data-state=featureEnter][data-channel=desktop][data-layout-position=dock_top] .UiUserPanelWrapper .DataPanel>.divider--vertical {
    height: calc(100% + .5rem)
}

[data-layout-type=ribbon][data-state=featureEnter] .ActionPanel,[data-layout-type=ribbon][data-state=featureEnter] .CircleButton--stop-round,[data-layout-type=ribbon][data-state=featureEnter] .ToggleButton--autoplay-menu {
    display: flex
}

[data-layout-type=ribbon][data-state=featureEnter] .UiUserPanelWrapper {
    opacity: 0
}

[data-layout-type=ribbon][data-state=featureEnter] .ToggleButton--feature-buy {
    --hg-bg-accent: #fff
}

[data-layout-type=ribbon][data-state=featureEnter] .ToggleButton--feature-buy.is-visible {
    opacity: .3
}

[data-layout-type=ribbon][data-state=featureEnter] .MainPanel {
    display: flex
}

[data-layout-type=ribbon][data-state=featureEnter] .UiUserPanelWrapper {
    pointer-events: none
}

[data-layout-type=ribbon][data-state=featureEnter][data-channel=mobile] .ToggleButton--feature-buy,[data-layout-type=ribbon][data-state=featureEnter][data-channel=mobile] .ToggleButton--feature-buy.is-visible {
    opacity: 0
}

[data-layout-type=ribbon][data-state=featureEnter][data-channel=mobile] .BetAmountChangersWidget,[data-layout-type=ribbon][data-state=featureEnter][data-channel=mobile] .CircleButton--place-bet,[data-layout-type=ribbon][data-state=featureEnter][data-channel=mobile] .CircleButton--start-autoplay,[data-layout-type=ribbon][data-state=featureEnter][data-channel=mobile] .ToggleButton__container--main-menu {
    display: none
}

[data-layout-type=ribbon][data-state=featureExit][data-channel=desktop][data-layout-position=dock_bottom] .UiUserPanelWrapper,[data-layout-type=ribbon][data-state=featureExit][data-channel=desktop][data-layout-position=dock_top] .UiUserPanelWrapper {
    --hg-ui-contaier-height: 5.625rem
}

[data-layout-type=ribbon][data-state=featureExit][data-channel=desktop][data-layout-position=dock_bottom] .UiUserPanelWrapper .UiRibbonUserPanel,[data-layout-type=ribbon][data-state=featureExit][data-channel=desktop][data-layout-position=dock_top] .UiUserPanelWrapper .UiRibbonUserPanel {
    max-height: 4.375rem
}

[data-layout-type=ribbon][data-state=featureExit][data-channel=desktop][data-layout-position=dock_bottom] .UiUserPanelWrapper .UiRibbonUserPanel__container,[data-layout-type=ribbon][data-state=featureExit][data-channel=desktop][data-layout-position=dock_top] .UiUserPanelWrapper .UiRibbonUserPanel__container {
    padding: .25rem
}

[data-layout-type=ribbon][data-state=featureExit][data-channel=desktop][data-layout-position=dock_bottom] .UiUserPanelWrapper .MainMenu,[data-layout-type=ribbon][data-state=featureExit][data-channel=desktop][data-layout-position=dock_top] .UiUserPanelWrapper .MainMenu {
    bottom: 4.125rem
}

[data-layout-type=ribbon][data-state=featureExit][data-channel=desktop][data-layout-position=dock_bottom] .UiUserPanelWrapper .DataPanel,[data-layout-type=ribbon][data-state=featureExit][data-channel=desktop][data-layout-position=dock_top] .UiUserPanelWrapper .DataPanel {
    -moz-column-gap: .25rem;
    column-gap: .25rem
}

[data-layout-type=ribbon][data-state=featureExit][data-channel=desktop][data-layout-position=dock_bottom] .UiUserPanelWrapper .DataPanel>.divider--vertical,[data-layout-type=ribbon][data-state=featureExit][data-channel=desktop][data-layout-position=dock_top] .UiUserPanelWrapper .DataPanel>.divider--vertical {
    height: calc(100% + .5rem)
}

[data-layout-type=ribbon][data-state=featureExit] .FeaturePanel,[data-layout-type=ribbon][data-state=featureExit] .UiUserPanelWrapper {
    display: block;
    opacity: 0;
    pointer-events: none
}

[data-layout-type=ribbon][data-state=featureExit] .MainPanel {
    display: block
}

[data-layout-type=ribbon][data-state=featureExit] .DataPanelItem.BetAmountStaticItem,[data-layout-type=ribbon][data-state=featureExit] .FeatureCounter,[data-layout-type=ribbon][data-state=featureExit] .FeatureTotalWin {
    display: flex
}

[data-layout-type=ribbon][data-state=featureExit] .ActionPanel,[data-layout-type=ribbon][data-state=featureExit] .DataPanel,[data-layout-type=ribbon][data-state=featureExit] .ToggleButton__container--main-menu {
    display: none
}

[data-layout-type=ribbon][data-state=featureExit][data-channel=mobile] .ToggleButton--feature-buy {
    opacity: 0
}

[data-layout-type=ribbon][data-state=featureExit][data-channel=mobile] #AutoplayBtn,[data-layout-type=ribbon][data-state=featureExit][data-channel=mobile] #PlaceBetBtn,[data-layout-type=ribbon][data-state=featureExit][data-channel=mobile] .BetAmountChangersWidget,[data-layout-type=ribbon][data-state=featureExit][data-channel=mobile] .ToggleButton__container--main-menu {
    display: none
}

[data-layout-type=ribbon][data-state=featurePlay-freespins][data-channel=desktop][data-layout-position=dock_bottom] .UiUserPanelWrapper,[data-layout-type=ribbon][data-state=featurePlay-freespins][data-channel=desktop][data-layout-position=dock_top] .UiUserPanelWrapper {
    --hg-ui-contaier-height: 5.625rem
}

[data-layout-type=ribbon][data-state=featurePlay-freespins][data-channel=desktop][data-layout-position=dock_bottom] .UiUserPanelWrapper .UiRibbonUserPanel,[data-layout-type=ribbon][data-state=featurePlay-freespins][data-channel=desktop][data-layout-position=dock_top] .UiUserPanelWrapper .UiRibbonUserPanel {
    max-height: 4.375rem
}

[data-layout-type=ribbon][data-state=featurePlay-freespins][data-channel=desktop][data-layout-position=dock_bottom] .UiUserPanelWrapper .UiRibbonUserPanel__container,[data-layout-type=ribbon][data-state=featurePlay-freespins][data-channel=desktop][data-layout-position=dock_top] .UiUserPanelWrapper .UiRibbonUserPanel__container {
    padding: .25rem
}

[data-layout-type=ribbon][data-state=featurePlay-freespins][data-channel=desktop][data-layout-position=dock_bottom] .UiUserPanelWrapper .MainMenu,[data-layout-type=ribbon][data-state=featurePlay-freespins][data-channel=desktop][data-layout-position=dock_top] .UiUserPanelWrapper .MainMenu {
    bottom: 4.125rem
}

[data-layout-type=ribbon][data-state=featurePlay-freespins][data-channel=desktop][data-layout-position=dock_bottom] .UiUserPanelWrapper .DataPanel,[data-layout-type=ribbon][data-state=featurePlay-freespins][data-channel=desktop][data-layout-position=dock_top] .UiUserPanelWrapper .DataPanel {
    -moz-column-gap: .25rem;
    column-gap: .25rem
}

[data-layout-type=ribbon][data-state=featurePlay-freespins][data-channel=desktop][data-layout-position=dock_bottom] .UiUserPanelWrapper .DataPanel>.divider--vertical,[data-layout-type=ribbon][data-state=featurePlay-freespins][data-channel=desktop][data-layout-position=dock_top] .UiUserPanelWrapper .DataPanel>.divider--vertical {
    height: calc(100% + .5rem)
}

[data-layout-type=ribbon][data-state=featurePlay-freespins] .FeatureCounter,[data-layout-type=ribbon][data-state=featurePlay-freespins] .FeaturePanel,[data-layout-type=ribbon][data-state=featurePlay-freespins] .FeatureTotalWin,[data-layout-type=ribbon][data-state=featurePlay-freespins] .MainPanel,[data-layout-type=ribbon][data-state=featurePlay-freespins] .UiUserPanelWrapper.is-free-round-mode .DataPanelItem.BetAmountStaticItem,[data-layout-type=ribbon][data-state=featurePlay-freespins][data-channel=desktop] .DataPanelItem.BetAmountStaticItem {
    display: flex
}

[data-layout-type=ribbon][data-state=featurePlay-freespins] .ActionPanel,[data-layout-type=ribbon][data-state=featurePlay-freespins] .ToggleButton__container--feature-buy {
    display: none
}

[data-layout-type=ribbon][data-state=featurePlay-freespins] .ToggleButton--feature-buy {
    --hg-bg-accent: #fff
}

[data-layout-type=ribbon][data-state=featurePlay-freespins] .ToggleButton--feature-buy.is-visible {
    opacity: .3
}

[data-layout-type=ribbon][data-state=featurePlay-freespins][data-channel=mobile] .ToggleButton--feature-buy,[data-layout-type=ribbon][data-state=featurePlay-freespins][data-channel=mobile] .ToggleButton--feature-buy.is-visible {
    opacity: 0
}

[data-layout-type=ribbon][data-state=featurePlay-freespins][data-channel=mobile] .ActionPanel {
    display: none
}

[data-layout-type=ribbon][data-state=featurePlay-freespins][data-channel=mobile] .DataPanel:after {
    height: 0
}

[data-layout-type=ribbon][data-state=gameRoundEnterAutoplay] .AutoplayCounter,[data-layout-type=ribbon][data-state=gameRoundEnterAutoplay] .CircleButton--stop-autoplay,[data-layout-type=ribbon][data-state=gameRoundEnterAutoplay] .MainPanel,[data-layout-type=ribbon][data-state=gameRoundEnterAutoplay] .ToggleButton--autoplay-menu {
    display: flex
}

[data-layout-type=ribbon][data-state=gameRoundEnterAutoplay] .BetAmountChanger--decrease-bet,[data-layout-type=ribbon][data-state=gameRoundEnterAutoplay] .BetAmountChanger--increase-bet,[data-layout-type=ribbon][data-state=gameRoundEnterAutoplay] .CircleButton--start-autoplay,[data-layout-type=ribbon][data-state=gameRoundEnterAutoplay] .CircleButton--stop-autoplay,[data-layout-type=ribbon][data-state=gameRoundEnterAutoplay] .MainMenu .MainMenuItem--bet-history,[data-layout-type=ribbon][data-state=gameRoundEnterAutoplay] .MainMenu .MainMenuItem--lobby {
    color: #868e96;
    opacity: 1
}

[data-layout-type=ribbon][data-state=gameRoundEnterAutoplay] .ToggleButton--feature-buy {
    --hg-bg-accent: #fff
}

[data-layout-type=ribbon][data-state=gameRoundEnterAutoplay] .ToggleButton--feature-buy.is-visible {
    opacity: .3
}

[data-layout-type=ribbon][data-state=gameRoundEnterAutoplay][data-channel=mobile] .ToggleButton--feature-buy,[data-layout-type=ribbon][data-state=gameRoundEnterAutoplay][data-channel=mobile] .ToggleButton--feature-buy.is-visible {
    opacity: 0
}

[data-layout-type=ribbon][data-state=gameRoundEnterAutoplay][data-channel=mobile] .ActionPanel__container--autoplay,[data-layout-type=ribbon][data-state=gameRoundEnterAutoplay][data-channel=mobile] .AutoplayCounter,[data-layout-type=ribbon][data-state=gameRoundEnterAutoplay][data-channel=mobile] .BetAmountChangersWidget,[data-layout-type=ribbon][data-state=gameRoundEnterAutoplay][data-channel=mobile] .CircleButton--stop-autoplay {
    display: none
}

[data-layout-type=ribbon][data-state=gameRoundEnterAutoplay][data-channel=mobile][data-orientation=landscape] .ActionPanel {
    align-items: center;
    display: flex;
    flex-flow: column
}

[data-layout-type=ribbon][data-state=gameRoundEnter] .ActionPanel,[data-layout-type=ribbon][data-state=gameRoundEnter] .CircleButton--place-bet,[data-layout-type=ribbon][data-state=gameRoundEnter] .ToggleButton--autoplay-menu {
    display: flex
}

[data-layout-type=ribbon][data-state=gameRoundEnter] .BetAmountChanger--decrease-bet,[data-layout-type=ribbon][data-state=gameRoundEnter] .BetAmountChanger--increase-bet,[data-layout-type=ribbon][data-state=gameRoundEnter] .CircleButton--place-bet,[data-layout-type=ribbon][data-state=gameRoundEnter] .CircleButton--start-autoplay,[data-layout-type=ribbon][data-state=gameRoundEnter] .MainMenu .MainMenuItem--bet-history,[data-layout-type=ribbon][data-state=gameRoundEnter] .MainMenu .MainMenuItem--lobby,[data-layout-type=ribbon][data-state=gameRoundEnter] .ToggleButton--autoplay-menu {
    color: #868e96;
    opacity: 1;
    pointer-events: none
}

[data-layout-type=ribbon][data-state=gameRoundEnter] .CircleButton--place-bet {
    color: #fff
}

[data-layout-type=ribbon][data-state=gameRoundEnter] .CircleButton--place-bet span[class^=icon]:after {
    --hg-branding-logo-color: #fff
}

[data-layout-type=ribbon][data-state=gameRoundEnter] .CircleButton--place-bet span {
    opacity: .5
}

[data-layout-type=ribbon][data-state=gameRoundEnter] .ToggleButton--feature-buy {
    --hg-bg-accent: #fff
}

[data-layout-type=ribbon][data-state=gameRoundEnter] .ToggleButton--feature-buy.is-visible {
    opacity: .3
}

[data-layout-type=ribbon][data-state=gameRoundEnter][data-channel=mobile] .ToggleButton--feature-buy,[data-layout-type=ribbon][data-state=gameRoundEnter][data-channel=mobile] .ToggleButton--feature-buy.is-visible {
    opacity: 0
}

[data-layout-type=ribbon][data-state=gameRoundEnter][data-channel=mobile] .ActionPanel,[data-layout-type=ribbon][data-state=gameRoundEnter][data-channel=mobile] .BetAmountChangersWidget {
    display: none
}

[data-layout-type=ribbon][data-state=hidden] .CoreOverlay {
    display: block;
    opacity: 1;
    visibility: visible
}

[data-layout-type=ribbon][data-state=hidden] .CoreOverlay .CoreOverlay--game-branding {
    display: none
}

[data-layout-type=ribbon][data-state=hidden] .UiUserPanelWrapper {
    visibility: hidden
}

[data-layout-type=ribbon][data-state=idle] .UiPanelWrapper {
    opacity: 1
}

[data-layout-type=ribbon][data-state=idle] .CircleButton--place-bet,[data-layout-type=ribbon][data-state=idle] .MainPanel,[data-layout-type=ribbon][data-state=idle] .ToggleButton--autoplay-menu {
    display: flex
}

[data-layout-type=ribbon][data-state=idle] .MainPanel:not(.autoplay-menu-active) .CircleButton--start-autoplay {
    pointer-events: none
}

[data-layout-type=ribbon][data-state=idle] .MainPanel.autoplay-menu-active .CircleButton--place-bet {
    display: none
}

[data-layout-type=ribbon][data-state=idle] .MainPanel.autoplay-menu-active .CircleButton--start-autoplay {
    display: flex
}

[data-layout-type=ribbon][data-state=idle] .ToggleButton--feature-buy.is-visible {
    opacity: 1
}

[data-layout-type=ribbon][data-state=idle][data-channel=mobile] #BetAmountBtn,[data-layout-type=ribbon][data-state=play] .ActionPanel,[data-layout-type=ribbon][data-state=play] .CircleButton--stop-round,[data-layout-type=ribbon][data-state=play] .MainPanel,[data-layout-type=ribbon][data-state=play] .ToggleButton--autoplay-menu {
    display: flex
}

[data-layout-type=ribbon][data-state=play] .ActionPanel.disabled-slam-stop .CircleButton--place-bet,[data-layout-type=ribbon][data-state=play] .BetAmountChanger--decrease-bet,[data-layout-type=ribbon][data-state=play] .BetAmountChanger--increase-bet,[data-layout-type=ribbon][data-state=play] .MainMenu .MainMenuItem--bet-history,[data-layout-type=ribbon][data-state=play] .MainMenu .MainMenuItem--lobby,[data-layout-type=ribbon][data-state=play] .ToggleButton--autoplay-menu {
    color: #868e96;
    display: flex;
    pointer-events: none
}

[data-layout-type=ribbon][data-state=play] .ActionPanel.disabled-slam-stop .CircleButton--place-bet {
    color: #fff
}

[data-layout-type=ribbon][data-state=play] .ActionPanel.disabled-slam-stop .CircleButton--place-bet span {
    opacity: .5
}

[data-layout-type=ribbon][data-state=play] .ToggleButton__container--main-menu {
    pointer-events: all
}

[data-layout-type=ribbon][data-state=play] .ActionPanel.disabled-slam-stop .CircleButton--stop-autoplay,[data-layout-type=ribbon][data-state=play] .ActionPanel.disabled-slam-stop .CircleButton--stop-round,[data-layout-type=ribbon][data-state=play] .CircleButton--start-autoplay {
    display: none
}

[data-layout-type=ribbon][data-state=play] .ToggleButton--feature-buy {
    --hg-bg-accent: #fff
}

[data-layout-type=ribbon][data-state=play] .ToggleButton--feature-buy.is-visible {
    opacity: .3
}

[data-layout-type=ribbon][data-state=play][data-channel=mobile] .ToggleButton--feature-buy,[data-layout-type=ribbon][data-state=play][data-channel=mobile] .ToggleButton--feature-buy.is-visible {
    opacity: 0
}

[data-layout-type=ribbon][data-state=play][data-channel=mobile] .ActionPanel {
    display: none
}

[data-layout-type=ribbon][data-state=play][data-channel=mobile][data-reveal-behavior=spin] .UiUserPanelWrapper {
    pointer-events: none
}

[data-layout-type=ribbon][data-state=play][data-channel=mobile][data-reveal-behavior=spin] .MainMenuItem:not(.is-disabled),[data-layout-type=ribbon][data-state=play][data-channel=mobile][data-reveal-behavior=spin] .ToggleButton__container--main-menu:not(.is-disabled) {
    pointer-events: all
}

[data-layout-type=ribbon][data-state=play][data-channel=desktop][data-reveal-behavior=drop] .CircleButton--stop-round,[data-layout-type=ribbon][data-state=play][data-channel=desktop][data-reveal-behavior=rotate] .CircleButton--stop-round,[data-layout-type=ribbon][data-state=play][data-channel=desktop][data-reveal-behavior=twist] .CircleButton--stop-round {
    display: none
}

[data-layout-type=ribbon][data-state=play][data-channel=desktop][data-reveal-behavior=drop] .CircleButton--place-bet,[data-layout-type=ribbon][data-state=play][data-channel=desktop][data-reveal-behavior=rotate] .CircleButton--place-bet,[data-layout-type=ribbon][data-state=play][data-channel=desktop][data-reveal-behavior=twist] .CircleButton--place-bet {
    display: flex;
    pointer-events: none
}

[data-layout-type=ribbon][data-state=play][data-channel=desktop][data-reveal-behavior=drop] .CircleButton--place-bet span,[data-layout-type=ribbon][data-state=play][data-channel=desktop][data-reveal-behavior=rotate] .CircleButton--place-bet span,[data-layout-type=ribbon][data-state=play][data-channel=desktop][data-reveal-behavior=twist] .CircleButton--place-bet span {
    opacity: .5
}

[data-layout-type=ribbon][data-state=result] .MainPanel {
    display: flex
}

[data-layout-type=ribbon][data-state=result] .DataPanel__container,[data-layout-type=ribbon][data-state=result] .MainPanel__container>:not(.MainPanel__container .DataPanel) {
    pointer-events: none
}

[data-layout-type=ribbon][data-state=result] .ToggleButton__container--main-menu {
    pointer-events: all
}

[data-layout-type=ribbon][data-state=result] .ActionPanel,[data-layout-type=ribbon][data-state=result] .CircleButton--place-bet,[data-layout-type=ribbon][data-state=result] .ToggleButton--autoplay-menu {
    display: flex
}

[data-layout-type=ribbon][data-state=result] .BetAmountChanger--decrease-bet,[data-layout-type=ribbon][data-state=result] .BetAmountChanger--increase-bet,[data-layout-type=ribbon][data-state=result] .CircleButton--place-bet,[data-layout-type=ribbon][data-state=result] .MainMenu .MainMenuItem--bet-history,[data-layout-type=ribbon][data-state=result] .MainMenu .MainMenuItem--lobby,[data-layout-type=ribbon][data-state=result] .ToggleButton--autoplay-menu {
    color: #868e96;
    pointer-events: none
}

[data-layout-type=ribbon][data-state=result] .CircleButton--place-bet {
    color: #fff
}

[data-layout-type=ribbon][data-state=result] .CircleButton--place-bet span[class^=icon]:after {
    --hg-branding-logo-color: #fff
}

[data-layout-type=ribbon][data-state=result] .CircleButton--place-bet span {
    opacity: .5
}

[data-layout-type=ribbon][data-state=result] .ToggleButton--feature-buy {
    --hg-bg-accent: #fff
}

[data-layout-type=ribbon][data-state=result] .ToggleButton--feature-buy.is-visible {
    opacity: .3
}

[data-layout-type=ribbon][data-state=result][data-channel=mobile] .ToggleButton--feature-buy,[data-layout-type=ribbon][data-state=result][data-channel=mobile] .ToggleButton--feature-buy.is-visible {
    opacity: 0
}

[data-layout-type=ribbon][data-state=result][data-channel=mobile] .BetAmountChangersWidget,[data-layout-type=ribbon][data-state=result][data-channel=mobile] .CircleButton--place-bet,[data-layout-type=ribbon][data-state=result][data-channel=mobile] .ToggleButton--autoplay-menu {
    display: none
}

[data-layout-type=ribbon][data-state=result][data-channel=mobile][data-reveal-behavior=spin] .UiUserPanelWrapper {
    pointer-events: none
}

[data-layout-type=ribbon][data-state=result][data-channel=mobile][data-reveal-behavior=spin] .MainMenuItem:not(.is-disabled),[data-layout-type=ribbon][data-state=result][data-channel=mobile][data-reveal-behavior=spin] .ToggleButton__container--main-menu:not(.is-disabled) {
    pointer-events: all
}

[data-layout-type=ribbon][data-state=winPresentation] .CircleButton--place-bet,[data-layout-type=ribbon][data-state=winPresentation] .MainPanel,[data-layout-type=ribbon][data-state=winPresentation] .ToggleButton--autoplay-menu {
    display: flex
}

[data-layout-type=ribbon][data-state=winPresentation] .MainMenu .MainMenuItem--bet-history,[data-layout-type=ribbon][data-state=winPresentation] .MainMenu .MainMenuItem--lobby {
    opacity: .3;
    pointer-events: none
}

[data-layout-type=ribbon][data-state=winPresentation] .ToggleButton--feature-buy {
    --hg-bg-accent: #fff
}

[data-layout-type=ribbon][data-state=winPresentation] .ToggleButton--feature-buy.is-visible {
    opacity: .3
}

[data-layout-type=ribbon][data-state=winPresentation] .BetAmountChangersWidget {
    pointer-events: none
}

[data-layout-type=ribbon][data-state=winPresentation] .BetAmountChangersWidget:not(.is-disabled) span {
    color: hsla(0,0%,100%,.5)
}

[data-layout-type=ribbon][data-state=winPresentation][data-channel=mobile] .ToggleButton--feature-buy,[data-layout-type=ribbon][data-state=winPresentation][data-channel=mobile] .ToggleButton--feature-buy.is-visible {
    opacity: 0
}

[data-layout-type=ribbon][data-state=winPresentation][data-channel=mobile] .ActionPanel {
    display: flex
}

[data-layout-type=ribbon][data-state=winPresentation][data-channel=mobile] .ToggleButton--autoplay-menun {
    color: hsla(0,0%,100%,.5);
    pointer-events: none
}

.GameInfoWindow .GameInfo__sym-list .SymListItem--1,.PreSplash .GameInfo__sym-list .SymListItem--1 {
    order: 1
}

.GameInfoWindow .GameInfo__sym-list .SymListItem--2,.PreSplash .GameInfo__sym-list .SymListItem--2 {
    order: 2
}

.GameInfoWindow .GameInfo__sym-list .SymListItem--3,.PreSplash .GameInfo__sym-list .SymListItem--3 {
    order: 3
}

.GameInfoWindow .GameInfo__sym-list .SymListItem--4,.PreSplash .GameInfo__sym-list .SymListItem--4 {
    order: 4
}

.GameInfoWindow .GameInfo__sym-list .SymListItem--5,.PreSplash .GameInfo__sym-list .SymListItem--5 {
    order: 5
}

.GameInfoWindow .GameInfo__sym-list .SymListItem--6,.PreSplash .GameInfo__sym-list .SymListItem--6 {
    order: 6
}

.GameInfoWindow .GameInfo__sym-list .SymListItem--7,.PreSplash .GameInfo__sym-list .SymListItem--7 {
    order: 7
}

.GameInfoWindow .GameInfo__sym-list .SymListItem--8,.PreSplash .GameInfo__sym-list .SymListItem--8 {
    order: 8
}

.GameInfoWindow .GameInfo__sym-list .SymListItem--9,.PreSplash .GameInfo__sym-list .SymListItem--9 {
    order: 9
}

.GameInfoWindow .GameInfo__sym-list .SymListItem--10,.PreSplash .GameInfo__sym-list .SymListItem--10 {
    order: 10
}

.GameInfoWindow .GameInfo__sym-list .SymListItem--11,.PreSplash .GameInfo__sym-list .SymListItem--11 {
    order: 11
}

.GameInfoWindow .GameInfo__sym-list .SymListItem--0,.GameInfoWindow .GameInfo__sym-list .SymListItem--12,.PreSplash .GameInfo__sym-list .SymListItem--0,.PreSplash .GameInfo__sym-list .SymListItem--12 {
    order: 12
}