a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: none;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.ModalWindow {
  justify-content: center;
  align-items: center;
  right: 0;
  bottom: 0;
}
.ModalOverlay {
  width: 100vw;
  height: 100vh;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.ModalContent {
  -webkit-overflow-scrolling: auto;
}
.ReCaptchaContainer {
  overflow: hidden;
}
@media only screen and (max-device-width: 400px) {
  .ReCaptchaContainer {
    transform: scale(0.9);
    transform-origin: 0 0;
  }
}
.ReCaptchaCentered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Message.Overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.Message.Dismissed {
  display: none;
}
.NotificationList {
  min-width: 25rem;
  min-height: 5rem;
  top: 5rem;
  right: 5rem;
}
.Notification {
  padding: 1.5rem;
  cursor: pointer;
}
.NotificationTitle {
  margin-top: 0.8rem;
  margin-bottom: 0.5rem;
}
.NotificationCloseButton {
  top: 0.5rem;
  right: 1.5rem;
}
.IframeContainerWrapper {
  width: 80%;
  height: 80vh;
  margin: 10vh auto;
}
.IframeContainer,
.IframeContainerWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.IframeContainer {
  position: relative;
  width: 100%;
  height: 100%;
  border: none;
}
.IframeContainer.Hover .BtnGroup,
.IframeContainer:hover .BtnGroup {
  left: -5.6rem;
  opacity: 1;
  transition: all 0.6s ease-in-out;
}
.IframeContainer.Hover .BtnGroup.RightSide,
.IframeContainer:hover .BtnGroup.RightSide {
  left: auto;
  right: -5.6rem;
}
.BtnGroup {
  position: absolute;
  width: 5em;
  left: 0;
  opacity: 0;
  transition: all 0.6s ease-in-out;
  background: #252a31;
}
.BtnGroup.RightSide {
  left: auto;
  right: 0;
}
.BtnGroup .BtnGroupItem {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  opacity: 1;
  padding: 0.5rem;
  transition: position 0.6s ease-in-out;
  border-radius: 0;
  border: none;
  box-sizing: border-box;
}
.BtnGroup .BtnGroupItem:active,
.BtnGroup .BtnGroupItem:hover {
  border: none;
}
.BtnGroup .BtnGroupItem:active .ComponentIcon,
.BtnGroup .BtnGroupItem:hover .ComponentIcon {
  opacity: 0.5;
}
.BtnGroup .BtnGroupItem.FavoriteButton,
.BtnGroup .BtnGroupItem.FavoriteButton:active,
.BtnGroup .BtnGroupItem.FavoriteButton:hover,
.BtnGroup .BtnGroupItem.SwitchButton,
.BtnGroup .BtnGroupItem.SwitchButton:active,
.BtnGroup .BtnGroupItem.SwitchButton:hover {
  background: #252a31;
}
.BtnGroup .BtnGroupItem.FavoriteButton {
  right: 0;
}
.BtnGroup .BtnGroupItem.FavoriteButton svg {
  width: 3.4rem;
  height: 3.4rem;
}
.BtnGroup .BtnGroupItem.SwitchButton svg {
  width: 3.4rem;
  height: 3rem;
}
.BtnGroup .BtnGroupItem.SwitchButton svg * {
  fill: #fff;
}
.BtnGroup .BtnGroupItem .SvgIcon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.GameIframe,
.GameIframeWrapper {
  width: 100%;
  height: 100%;
}
.GameIframe {
  position: relative;
  z-index: 1;
  background: #000;
  box-sizing: border-box;
}
.GmowContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding: 0 5rem;
}
.GmowGameRow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly;
  background-color: #252a31;
}
.GmowGameWindow {
  width: 100%;
  min-height: 100%;
}
.GmowAddGame.Button {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #e6e7e8;
  border: none;
  border-radius: 0;
}
.GmowAddGame.Button:active,
.GmowAddGame.Button:hover {
  border: none;
  opacity: 0.5;
  background-color: #f0f0f0;
}
.GmowAddGame.Button .IconAddGame {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 6rem;
}
.GmowAddGame.Button .IconAddGame svg path {
  stroke: #828282;
}
.GmowDetails {
  display: flex;
  flex-direction: column;
}
.GmowDetailsRow {
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background-color: #252a31;
}
.GmowDetailsInfo,
.GmowDetailsInfoButton,
.GmowDetailsRow {
  display: flex;
  flex-direction: row;
}
.GmowDetailsInfoButton {
  justify-content: space-between;
  float: left;
  max-height: 4rem;
  overflow: hidden;
  min-width: 25rem;
  width: auto;
  margin: 0;
}
@media (min-height: 480px) {
  .GmowDetailsInfoButton {
    justify-content: flex-start;
  }
}
@media (min-height: 730px) {
  .GmowDetailsInfoButton {
    justify-content: space-between;
  }
}
.IsLoggedIn .GmowDetailsInfoButton {
  min-width: 0;
}
.GmowDetailsActions,
.GmowDetailsInfo {
  display: inline-flex;
  align-items: center;
  padding: 0 2rem 1.6rem;
}
.GmowDetailsInfoText {
  display: flex;
  flex-direction: column;
  margin: 0 1rem;
}
.GmowDetailsAmount {
  color: #fff;
  font-size: 2.2rem;
  font-weight: 600;
}
.GmowDepositButton {
  width: 8rem;
  height: 3rem;
  border-radius: 0.4rem;
  background-color: #f9c408;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
  transition: background-color 0.35s;
}
.GmowBottomIcon.Button {
  display: inline-flex;
  background: none;
  padding: 0;
  border: none;
  font-size: 0;
}
@media (min-height: 480px) {
  .GmowBottomIcon.Button {
    margin: 0 1rem 0 0;
  }
}
@media (min-height: 730px) {
  .GmowBottomIcon.Button {
    margin: 0 2.4rem 0 0;
  }
}
.GmowBottomIcon.Button:active,
.GmowBottomIcon.Button:hover {
  border: none;
  opacity: 0.5;
}
.GmowBottomIcon.Button .Icon,
.GmowBottomIcon.Button .SvgIcon {
  display: inline-flex;
}
.GmowBottomIcon.Button svg {
  pointer-events: none;
}
.GmowBottomIcon.Button svg rect {
  fill: #3d3d3d;
}
.GmowBottomIcon.Button.Selected svg rect {
  fill: #f0f0f0;
}
.GmowDetailsClock {
  display: inline-block;
  position: absolute;
  top: 32%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: none;
  color: #b3b3b3;
  font-size: 1.3rem;
  font-weight: 600;
}
.GmowDetailsClock .ComponentClock {
  line-height: 2;
}
.GmowDetailsInfoButton .Button {
  display: block;
  margin: 0;
  padding: 1.3rem 1rem 1.5rem;
  border: #fff;
  color: #fff;
  line-height: 0.5;
  font-size: 1.6rem;
}
@media (min-height: 480px) {
  .GmowDetailsInfoButton .Button {
    flex-basis: 35%;
    margin-right: 1rem;
  }
}
@media (min-height: 730px) {
  .GmowDetailsInfoButton .Button {
    flex-basis: 49%;
    margin-right: 0;
  }
}
.GmowDetailsInfoButton .ButtonLogin {
  background: #f9c408;
  border-color: #f9c408;
  color: #fff;
}
.GmowDetailsInfoButton .ButtonRegister {
  border: 0.1rem solid #fff;
}
.GmowDetailsInfoButton .Button.DepositBtn {
  display: block;
  padding: 1.5rem 4rem;
  border: none;
  background: #f9c408;
}
.GmowDetailsInfoButton .DepositBtn {
  width: 100%;
  flex-basis: 100%;
}
.GmowDetailsInfoButton .Button:active,
.GmowDetailsInfoButton .Button:hover {
  background: #f9c408;
  border-color: #294c0b;
  color: #fff;
  opacity: 0.7;
}
.GmowDetailsActions .ButtonFullScreen {
  display: block;
  float: right;
  width: auto;
  margin: 0 auto;
  padding: 0;
  border: none;
  color: #fff;
  fill: #fff;
}
.GmowDetailsActions .ButtonFullScreen:active {
  border: none;
  opacity: 0.5;
}
.GmowDetailsActions .ButtonFullScreen:hover {
  background: #294c0b;
  color: #fff;
  border: none;
  opacity: 0.7;
}
.GameModalWindow .ModalContent {
  background-color: #fff;
  position: relative;
}
@media (min-width: 1100px) {
  .GameModalWindow .ModalContent {
    max-width: 104rem;
  }
}
@media (min-width: 1100px) {
  .GameModalWindow .ModalContent .GamesSwipeable {
    max-height: 48rem;
  }
}
.GameModalWindow .ModalContent .ScrollContainer {
  overflow: auto;
}
.GameModalWindow .ModalContent .StickyWrapper {
  max-width: 85%;
  position: fixed;
  top: 0;
  z-index: 4;
}
@media (min-width: 880px) and (max-width: 1099px) {
  .GameModalWindow .ModalContent .StickyWrapper {
    max-width: 75rem;
  }
}
@media (min-width: 1100px) {
  .GameModalWindow .ModalContent .StickyWrapper {
    max-width: 100%;
  }
}
.GameModalWindow .ModalContent .ModalGameList {
  display: none;
  padding: 12rem 1.6rem 20rem;
}
@media (min-width: 1100px) {
  .GameModalWindow .ModalContent .ModalGameList {
    display: flex;
  }
}
.GameModalWindow .ModalContent .ListGame {
  flex-basis: 20%;
  max-width: 20%;
}
.Page-Static .ContentError {
  margin-top: 5rem;
  min-height: 19rem;
  color: #f9c408;
}
.SectionContent .CmsStaticPage {
  margin-top: 0;
  line-height: 1.2;
  overflow: hidden;
}
.SectionContent .CmsStaticPage ol,
.SectionContent .CmsStaticPage ul {
  list-style-position: inside;
}
.SectionContent .CmsStaticPage h1,
.SectionContent .CmsStaticPage h2,
.SectionContent .CmsStaticPage h3,
.SectionContent .CmsStaticPage h4,
.SectionContent .CmsStaticPage h5,
.SectionContent .CmsStaticPage h6,
.SectionContent .CmsStaticPage p {
  overflow: hidden;
}
.SectionContent .CmsStaticPage h1 {
  margin-bottom: 2rem;
}
.SectionContent .CmsStaticPage h2,
.SectionContent .CmsStaticPage h3,
.SectionContent .CmsStaticPage h4,
.SectionContent .CmsStaticPage h5,
.SectionContent .CmsStaticPage h6 {
  margin-bottom: 1.5rem;
}
.SectionContent .CmsStaticPage p {
  margin-bottom: 1rem;
}
.SectionContent .CmsStaticPage img {
  display: block;
  max-width: 100%;
  margin-bottom: 1rem;
}
.SectionContent .CmsStaticPage .alignleft {
  float: none;
  margin: 0 auto 1rem;
}
@media (min-width: 768px) {
  .SectionContent .CmsStaticPage .alignleft {
    float: left;
    margin-right: 2rem;
    margin-bottom: 0;
  }
}
.SectionContent .CmsStaticPage .alignright {
  float: none;
  margin: 0 auto 1rem;
}
@media (min-width: 768px) {
  .SectionContent .CmsStaticPage .alignright {
    float: right;
    margin-left: 2rem;
    margin-bottom: 0;
  }
}
.SectionContent .CmsStaticPage .aligncenter {
  float: none;
  margin: 0 auto 1rem;
}
@media (min-width: 768px) {
  .SectionContent .CmsStaticPage .aligncenter {
    margin-bottom: 0;
  }
}
.Page-PendingWithdrawals {
  padding-top: 5rem;
}
.PendingWithdrawalsIframe {
  width: 100%;
  min-height: 46rem;
}
@media (max-width: 880px) {
  .react-datepicker-popper {
    position: fixed !important;
    z-index: 99 !important;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    padding: env(safe-area-inset-top) env(safe-area-inset-right)
      env(safe-area-inset-bottom) env(safe-area-inset-left);
    max-width: calc(
      100vw - env(safe-area-inset-right) - env(safe-area-inset-left)
    );
    max-height: calc(
      100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom)
    );
  }
  .react-datepicker-popper .react-datepicker {
    width: 100%;
    height: 100%;
    border-radius: 0;
    box-shadow: none;
  }
  .react-datepicker-popper .react-datepicker .react-datepicker__navigation {
    width: 50%;
    height: 1.5rem;
    margin: 0;
  }
  .react-datepicker-popper
    .react-datepicker
    .react-datepicker__month-container {
    height: 100%;
  }
  .react-datepicker-popper
    .react-datepicker
    .react-datepicker__month-container
    .react-datepicker__header
    .react-datepicker__header__dropdown
    .react-datepicker__month-dropdown-container,
  .react-datepicker-popper
    .react-datepicker
    .react-datepicker__month-container
    .react-datepicker__header
    .react-datepicker__header__dropdown
    .react-datepicker__year-dropdown-container {
    padding-left: 5%;
  }
  .react-datepicker-popper
    .react-datepicker
    .react-datepicker__month-container
    .react-datepicker__header
    .react-datepicker__header__dropdown
    .react-datepicker__month-dropdown-container
    .react-datepicker__month-select,
  .react-datepicker-popper
    .react-datepicker
    .react-datepicker__month-container
    .react-datepicker__header
    .react-datepicker__header__dropdown
    .react-datepicker__month-dropdown-container
    .react-datepicker__year-select,
  .react-datepicker-popper
    .react-datepicker
    .react-datepicker__month-container
    .react-datepicker__header
    .react-datepicker__header__dropdown
    .react-datepicker__year-dropdown-container
    .react-datepicker__month-select,
  .react-datepicker-popper
    .react-datepicker
    .react-datepicker__month-container
    .react-datepicker__header
    .react-datepicker__header__dropdown
    .react-datepicker__year-dropdown-container
    .react-datepicker__year-select {
    padding: 1.5rem 0;
  }
  .react-datepicker-popper
    .react-datepicker
    .react-datepicker__month-container
    .react-datepicker__header
    .react-datepicker__header__dropdown
    .react-datepicker__month-dropdown-container {
    width: 50%;
  }
  .react-datepicker-popper
    .react-datepicker
    .react-datepicker__month-container
    .react-datepicker__header
    .react-datepicker__header__dropdown
    .react-datepicker__year-dropdown-container {
    width: 35%;
  }
  .react-datepicker-popper
    .react-datepicker
    .react-datepicker__month-container
    .react-datepicker__month {
    height: 100%;
  }
  .react-datepicker-popper
    .react-datepicker
    .react-datepicker__month-container
    .react-datepicker__month
    .react-datepicker__week {
    height: 11%;
    display: table;
  }
  .react-datepicker-popper
    .react-datepicker
    .react-datepicker__month-container
    .react-datepicker__month
    .react-datepicker__week
    .react-datepicker__day {
    width: 14.285%;
    height: 100%;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    border-radius: 5px;
    font-size: 1.75rem;
  }
}
.BetslipWrapper {
  position: fixed;
  right: calc(0.6rem + env(safe-area-inset-right));
  bottom: calc(8rem + env(safe-area-inset-bottom));
  margin-right: 1rem;
  background: #294c0b;
  border-radius: 50%;
  z-index: 5;
}
.BetslipWrapper .BetslipContent {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  padding: 0.9rem;
}
.BetslipWrapper .BetslipContent svg {
  width: 3rem;
  fill: #fff;
}
.BetslipWrapper .BetslipIndicatorCounter {
  position: absolute;
  padding: 0.2rem 0.7rem;
  top: 0;
  right: -0.6rem;
  border-radius: 50%;
  background: #f9c408;
  color: #fff;
  text-align: center;
}
.AccordionContainer .AccordionItem {
  background: #fff;
  border: 0.1rem solid hsla(0, 0%, 100%, 0.2);
  box-shadow: 0 3px 14px 0 rgba(33, 33, 33, 0.05);
  padding: 0 1rem;
}
.AccordionContainer .AccordionItem:before {
  display: none;
}
.AccordionContainer .AccordionItem .AccordionItemTitle {
  display: block;
  margin: 0 auto;
  padding: 1.5rem 0;
  font-size: 1.6rem;
  cursor: pointer;
}
.AccordionContainer .AccordionItem .AccordionItemBody {
  height: 0;
  overflow: hidden;
  transition: height 0.25s ease-in-out;
}
.AccordionContainer .AccordionItem .AccordionItemBody.Show {
  height: auto;
}
.TextPageWrapper .AccordionContainer {
  padding-left: 0;
}
.CmsPopup .CmsPopupWrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.CmsPopup .CmsPopupWrapper .ComponentPicture {
  margin-bottom: 3rem;
}
.CmsPopup .CmsPopupWrapper .ComponentPicture img {
  width: auto;
  height: auto;
  max-height: calc(100vh - 9rem);
  max-width: 100vw;
}
.CmsPopup .CmsPopupWrapper button {
  background: #f9c408;
  color: #294c0b;
  border: 0.1rem solid #294c0b;
  transition: all 0.2s ease-in-out;
}
.CmsPopup .CmsPopupWrapper button:hover {
  background: #294c0b;
  color: #fff;
}
@media (min-width: 1100px) {
  .CmsPopup .CmsPopupWrapper {
    width: 40rem;
    height: auto;
    background: transparent;
  }
}
@media (min-width: 1100px) {
  .CmsPopup .ModalContent {
    height: 100%;
    align-items: center;
    justify-content: center;
  }
}
.HorizontalScrollWrapper {
  position: relative;
  height: 100%;
  padding: 0;
  overflow: hidden;
}
@media (min-width: 1100px) {
  .HorizontalScrollWrapper {
    padding: 0 3rem;
  }
}
.HorizontalScrollWrapper .HorizontalScrollBtn {
  display: none;
}
@media (min-width: 1100px) {
  .HorizontalScrollWrapper .HorizontalScrollBtn {
    display: block;
    position: absolute;
    background-color: #212123;
    width: 3rem;
    height: 100%;
    bottom: 0;
    left: 0;
    padding: 0;
    border: none;
    z-index: 2;
    transition: background 0.2s ease-in-out;
  }
}
.HorizontalScrollWrapper .HorizontalScrollBtn:hover {
  background-color: #29292b;
}
.HorizontalScrollWrapper .HorizontalScrollBtn:disabled:hover {
  background-color: #212123;
}
.HorizontalScrollWrapper .HorizontalScrollBtn:disabled svg {
  fill: #828282;
}
.HorizontalScrollWrapper .HorizontalScrollBtn svg {
  width: 1.2rem;
  fill: #f9c408;
  transform: rotate(-180deg);
}
.HorizontalScrollWrapper .HorizontalScrollBtn:last-child {
  left: auto;
  right: 0;
}
.HorizontalScrollWrapper .HorizontalScrollBtn:last-child svg {
  transform: rotate(0deg);
}
@media (min-width: 1100px) {
  .StickyWrapperHeaderMenu .HorizontalScrollWrapper {
    width: 100%;
  }
}
.CachedDataIndicatorsWrapper {
  position: fixed;
  right: 0.5rem;
  bottom: 0.5rem;
  z-index: 15;
}
.CachedDataIndicatorsWrapper .CachedEndpoint {
  margin-right: 0.5rem;
  padding: 0 0.6rem;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
}
.CachedDataIndicatorsWrapper .CachedEndpoint:last-child {
  margin-right: 0;
}
.CachedDataIndicatorsWrapper .CachedEndpointRed {
  background-color: #c23b21;
}
.CachedDataIndicatorsWrapper .CachedEndpointBlue {
  background-color: #4d90a7;
}
.CachedDataIndicatorsWrapper .CachedEndpointYellow {
  background-color: #eeca3d;
}
.PaginationWrapperNWA {
  display: flex;
  justify-content: center;
  align-items: center;
}
.PaginationWrapperNWA .PaginationButton {
  border: none;
  color: #fff;
  font-size: 3rem;
}
.HamburgerSubMenu .subMenuHeaderWrapper {
  padding-top: 1rem;
}
div.HamburgerSubMenu.hasOpenSearch .subMenuHeaderWrapper {
  position: sticky;
  top: 0;
  z-index: 12;
}
div.HamburgerSubMenu.hasOpenSearch .HamburgerContainer div.burgerSearchResults {
  margin-bottom: 0;
}
div.HamburgerSubMenu .InstanceOperatorClearButton:active,
div.HamburgerSubMenu .InstanceOperatorClearButton:hover {
  border: none;
}
div.HamburgerSubMenu .SearchIconEnd {
  margin-top: 2px;
}
div.HamburgerSubMenu .SearchIconEnd.Icon {
  top: 50%;
  transform: translateY(-50%);
}
div.HamburgerSubMenu .BurgerSearchInputWrapper .InstanceOperatorClearButton {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  height: 100%;
  right: 1rem;
}
div.HamburgerSubMenu
  .BurgerSearchInputWrapper
  .InstanceOperatorClearButton
  .InstanceOperatorClose {
  margin: 0;
  padding: 0;
  position: static;
}
div.HamburgerSubMenu .burgerSearchResults {
  padding-bottom: 7rem;
  width: 100%;
  box-sizing: border-box;
  z-index: 1;
  overflow-x: hidden;
}
div.HamburgerSubMenu .burgerSearchResults .Spinner {
  z-index: 12;
}
div.HamburgerSubMenu .burgerSearchResults .ComponentSearchedGamesGrid,
div.HamburgerSubMenu .burgerSearchResults .InstanceNoSearchedGamesFound {
  position: relative;
  border: none;
  height: -moz-max-content;
  height: max-content;
  top: unset;
  padding: 0;
  background-color: transparent;
}
div.HamburgerSubMenu
  .burgerSearchResults
  .ComponentSearchedGamesGrid.MsnRow
  .VerticalMobileLayout
  .GamesListContainer,
div.HamburgerSubMenu
  .burgerSearchResults
  .InstanceCategoryFavGames.MsnRow
  .VerticalMobileLayout
  .GamesListContainer {
  padding: 0 0.5rem;
}
div.HamburgerSubMenu
  .burgerSearchResults
  .ComponentSearchedGamesGrid.MsnRow
  .VerticalMobileLayout
  .GamesListContainer {
  grid-template-columns: 50% 50%;
  display: grid;
  overflow-x: hidden;
  box-sizing: border-box;
  padding: 0 0.5rem;
}
div.HamburgerSubMenu
  .burgerSearchResults
  .ListGame.ListItem
  .GameThumbailWrapper {
  height: unset;
}
div.HamburgerSubMenu
  .burgerSearchResults
  .ListGame.ListItem
  .GameThumbailWrapper
  .ListGameImage {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 0.8rem;
  aspect-ratio: 4.5/3;
}
.BurgerSearchInputWrapper {
  margin: 1rem 0;
  width: 100%;
  display: inline-block;
  position: relative;
}
.BurgerSearchInputWrapper .InputWrap span.Icon {
  width: 2rem;
  height: 2rem;
}
.BurgerSearchInputWrapper .InputWrap span.Icon svg {
  fill: #fff;
}
.BurgerSearchInputWrapper .ClearButton {
  border: none;
  position: absolute;
  right: 1.5rem;
}
.BurgerSearchInput {
  padding-right: 3.5rem;
  color: #fff;
  background: transparent;
  padding-left: 4.5rem;
  border: 0.1rem solid hsla(0, 0%, 100%, 0.1);
  caret-color: transparent;
}
.BurgerSearchInput::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.BurgerSearchInput::placeholder {
  color: #fff;
  opacity: 1;
}
.BurgerSearchInput:focus::-moz-placeholder {
  color: transparent;
}
.BurgerSearchInput:focus::placeholder {
  color: transparent;
}
.IsSticky {
  position: fixed;
  top: 0;
  z-index: 990;
}
.PositionRelative {
  position: relative;
}
body,
html {
  font-size: 7.5pt;
}
body {
  background: #e6e7e8;
  color: #212121;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
  line-height: 1.5em;
  --windowHeightOrDynamic: var(--windowHeight);
}
@supports (height: 100dvh) {
  body {
    --windowHeightOrDynamic: 100dvh;
  }
}
body.IsSearching.IsScrolled {
  background: #fff;
}
body.UnScrollable {
  height: 100%;
  overflow: hidden;
}
.Clearfix:after {
  content: " ";
  display: table;
  clear: both;
  height: 0;
  visibility: hidden;
}
.ComponentGameButtons:after,
.ComponentGameFrame .ComponentGameButtons:after,
.OperatorEmptyBalance .BuyChipsWrapper:after,
.SectionFooter:after,
.UserBalanceAmount p:after,
.UserBalanceBonus p:after,
.UserBalanceChips p:after {
  content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  line-height: 0;
  font-size: xx-large;
}
.Hidden {
  display: none !important;
}
.Hide {
  visibility: hidden;
  opacity: 0;
}
.Visuallyhidden {
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
  border: none;
  clip: rect(0 0 0 0);
}
.Visuallyhidden.Focusable:active,
.Visuallyhidden.Focusable:focus {
  width: auto;
  height: auto;
  margin: 0;
  position: static;
  overflow: visible;
  clip: auto;
}
.Invisible {
  visibility: hidden;
}
hr {
  border-color: #d7d7d7;
  background: #d7d7d7;
}
a {
  color: #f9c408;
}
a,
a:hover {
  text-decoration: none;
}
a:active,
a:hover {
  color: #294c0b;
}
a:active {
  text-decoration: underline;
}
.LoginFormWrapper .LoginFormForgot button font:hover,
.LoginFormWrapper a:active,
.LoginFormWrapper a:active > span,
.LoginFormWrapper a:active button,
.LoginFormWrapper a:hover,
.LoginFormWrapper a:hover > span,
.RegisterFormWrapper .LoginFormForgot button font:hover,
.RegisterFormWrapper a:active,
.RegisterFormWrapper a:active > span,
.RegisterFormWrapper a:active button,
.RegisterFormWrapper a:hover,
.RegisterFormWrapper a:hover > span {
  color: #f9c408;
  filter: brightness(0.8);
  text-decoration: none;
}
.Anchor,
.Button,
.FormLabel,
a,
button {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
}
input,
select,
textarea {
  display: inline-block;
  padding: 1rem 1.2rem;
  border: 1px solid #dedede;
  box-sizing: border-box;
  background: #fff;
  color: #212121;
  font-size: 1.6rem;
  line-height: 2rem;
  border-radius: 0.4rem;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
input:focus,
select:focus,
textarea:focus {
  border: 1px solid #9d9d9d;
  outline: none;
}
input[disabled],
input[disabled]:focus,
select[disabled],
select[disabled]:focus {
  opacity: 0.5;
  border: 1px solid #dedede;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
input::-ms-clear {
  display: none;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
  opacity: 0;
}
.iOSRebrushWrapper .AppContainer .HideOnWrapper {
  display: none;
  visibility: hidden;
}
.Disabled {
  border: 1px solid #dedede;
  background: #f0f0f0;
  color: #9d9d9d;
}
.Input.HasError {
  border: 1px solid #c03928;
}
button.Disabled,
button[disabled],
button[disabled]:focus {
  opacity: 0.5;
  cursor: not-allowed;
}
.FixTabletKeyboard,
.NoBackgroundScroll,
.OverflowHidden,
.Toggle-OperatorSearchToggle {
  overflow: hidden;
}
.OverflowHidden {
  touch-action: none;
}
.iOSDevice * {
  cursor: pointer;
}
.iOSDevice.FixTabletKeyboard,
.Toggle-OperatorSearchToggle {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.OperatorMaxwidth {
  max-width: 160rem;
  margin: 0 auto;
}
.OperatorMaxwidth .InstanceBackButtonTrigger {
  float: left;
}
.OperatorMaxwidth .InstanceBackButtonTrigger,
.OperatorMaxwidth .InstanceBackButtonTrigger:hover {
  padding: 0.7rem 1.1rem;
  border: none;
}
.Message {
  display: block;
  min-height: 4.4rem;
  padding: 1.1rem 1.6rem 1.1rem 5.4rem;
  position: relative;
  box-sizing: border-box;
  background: #f7f7f7;
  color: #212121;
  font-size: 1.4rem;
  line-height: 1.9rem;
  box-shadow: 0 4px 5px 0 rgba(90, 90, 90, 0.24);
  border-radius: 0.2rem;
}
.Message.Error,
.Message.Success,
.Message.Warning {
  margin-top: 0.8rem;
  background: #fff;
  box-shadow: none;
}
.Message:before {
  display: block;
  width: 1em;
  height: 1em;
  position: absolute;
  top: 1.1rem;
  left: 1.6rem;
  background-image: url(/static/img/icon-warning.svg);
  background-size: contain;
  color: #fff;
  border-radius: 50%;
  font-size: 2.2rem;
  content: "";
}
.Message.Info:before {
  background-image: url(/static/img/icon-info.svg);
}
.Message.Success:before {
  background-image: url(/static/img/icon-success.svg);
}
.Message.Error:before {
  background-image: url(/static/img/icon-error.svg);
}
.FormRowGroup .Message,
.InputContainer .Message {
  width: 100%;
  min-height: 0;
  padding: 0;
  margin-top: 0.6px;
  box-sizing: border-box;
  background: none;
  border: none;
  box-shadow: none;
  font-size: 1.4rem;
  line-height: 1.9rem;
}
.FormRowGroup .Message.Error,
.InputContainer .Message.Error {
  color: #c03928;
}
.FormRowGroup .InputContainer .Message.Error,
.FormRowGroup .Message:before,
.InputContainer .Message:before {
  display: none;
}
svg {
  display: inline-block;
  fill: inherit;
}
::-moz-selection:not(iframe) {
  background: #212121;
  color: #fff;
  text-shadow: none;
}
::-moz-selection:not(iframe),
::selection:not(iframe) {
  background: #212121;
  color: #fff;
  text-shadow: none;
}
.Button,
button {
  display: inline-block;
  padding: 0.9rem 1.2rem 1.1rem;
  border: 1px solid #828282;
  background: transparent;
  color: #4e4e4e;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
}
@media (hover: hover) {
  .Button:hover,
  .ExistingLimit .LimitTypeEdit:hover {
    border: 1px solid #4e4e4e;
    background: transparent;
    color: #294c0b;
  }
}
.Button:active,
.ExistingLimit .LimitTypeEdit:active {
  border: 1px solid #212121;
  background: transparent;
  color: #212121;
}
button:focus {
  outline: none;
}
.CTA {
  padding: 1.2rem 1rem 1.4rem;
  font-size: 2.2rem;
  line-height: 2.2rem;
  border: none;
  background: #f9c408;
  color: #fff;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.24);
}
@media (hover: hover) {
  .CTA:hover {
    border: none;
    background: #ffe900;
    color: #fff;
  }
}
.CTA:active {
  border: none;
  background: #ffe900;
  color: #fff;
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.24);
}
.CTASecondary,
.GameFrameWrapper .InstancePlayForFun,
.GameFrameWrapper .InstancePlayToWin,
.OperatorSlider .Button.PromoButton,
.OperatorSlider .SliderItem .Button,
.TransHistoryList .SubmitButton,
.UpdateProfileSubmitButton {
  padding: 1.3rem 1rem 1.5rem;
  font-size: 1.6rem;
  line-height: 2rem;
  border: none;
  background: #f9c408;
  color: #fff;
}
@media (hover: hover) {
  .CoolOffSubmitButton:hover,
  .CTASecondary:hover,
  .ExistingLimit .LimitTypeRemove:hover,
  .FrequentPlayerPointsButton:hover,
  .GameFrameWrapper .InstancePlayForFun:hover,
  .SelfExclusionSubmitButton:hover,
  .SetLimitButton:hover,
  .TransFilterButton:hover,
  .TransHistoryList .SubmitButton:hover,
  .UpdateProfileSubmitButton:hover {
    border: none;
    background: #294c0b;
    color: #fff;
  }
}
.CoolOffSubmitButton:active,
.CTASecondary:active,
.ExistingLimit .LimitTypeRemove:active,
.FrequentPlayerPointsButton:active,
.GameFrameWrapper .InstancePlayForFun:active,
.SelfExclusionSubmitButton:active,
.TransFilterButton:active,
.TransHistoryList .SubmitButton:active,
.UpdateProfileSubmitButton:active {
  border: none;
  background: #294c0b;
  color: #fff;
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.24);
}
.ButtonInverted,
.ComponentGameButtons .Button {
  padding: 1.3rem 1rem 1.5rem;
  font-size: 1.6rem;
  line-height: 2rem;
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
}
@media (hover: hover) {
  .ButtonInverted:hover,
  .ComponentGameButtons .Button:hover {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    opacity: 0.7;
  }
}
.ButtonInverted:active,
.ComponentGameButtons .Button:active {
  border: none;
  background: #294c0b;
  color: #fff;
  opacity: 0.7;
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.24);
}
.Button.Disabled,
.ButtonDisabled,
.ButtonDisabledOutline {
  border: none;
  background: #cacaca;
  color: #fff;
  cursor: not-allowed;
  pointer-events: none;
}
.ButtonDisabledOutline {
  border: 1px solid #4e4e4e;
  background: transparent;
  color: #4e4e4e;
}
.Checkbox {
  position: absolute;
  opacity: 0;
}
.Checkbox + span {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.Checkbox + span:before {
  content: "";
  margin-right: 1rem;
  display: inline-block;
  vertical-align: text-top;
  width: 1.8rem;
  height: 1.8rem;
  background: transparent;
  border: 0.2rem solid #cacaca;
}
.Checkbox:checked + span:before {
  background: #f9c408;
  border: 0.2rem solid #f9c408;
}
.Checkbox:checked + span:after {
  content: "";
  position: absolute;
  left: 0.6rem;
  top: 1rem;
  transform: translate(-50%, -50%);
  background: #fff;
  width: 0.3rem;
  height: 0.3rem;
  box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff,
    4px -6px 0 #fff, 4px -8px 0 #fff;
  transform: rotate(45deg);
}
.Icon {
  display: inline-block;
}
.Iframe,
.IframeContainer,
iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.HorizontalScrollBar {
  overflow-x: auto;
}
.HorizontalScrollBar::-webkit-scrollbar {
  display: none;
}
.PromotionsWrapper .HorizontalScrollBar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.Menu {
  display: flex;
  flex-direction: column;
}
.Horizontal {
  display: flex;
  flex-direction: row;
}
.LoadingMessage {
  bottom: 0;
}
.ComponentPicture img {
  display: block;
  width: 100%;
  height: 100%;
}
.BoxTitle {
  display: block;
  padding: 1.7rem 1.6rem 0.9rem;
  color: #212121;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 2rem;
}
@media (min-width: 600px) {
  .BoxTitle {
    padding: 2.6rem 1.6rem 1.2rem;
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}
@media (min-width: 1100px) {
  .BoxTitle {
    padding: 3.8rem 0 1.4rem;
    font-size: 2.2rem;
    line-height: 2.8rem;
  }
}
.IsLoading > * {
  opacity: 0.1;
}
.Spinner {
  position: absolute;
  top: calc(50% - 1.5rem);
  left: calc(50% - 1.5rem);
  transform: translate(-50%, -50%);
  z-index: 2;
}
.TransactionHistoryContainer .Spinner {
  top: 50%;
}
.Button .Spinner {
  display: flex;
  align-items: center;
  width: 1.5em;
  height: 100%;
  margin: 0 0 0 50%;
  position: absolute;
  top: 0;
  left: -1.5rem;
  transform: none;
}
.IsLoading .Spinner {
  opacity: 1;
}
.IsLoading .Spinner .SkCircle:before {
  background-color: #d7d7d7;
}
.SkFadingCircle {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  margin: 0 auto;
}
.SkFadingCircle .SkCircle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.SkFadingCircle .SkCircle:before {
  display: block;
  width: 10%;
  height: 10%;
  margin: 0 auto;
  border-radius: 100%;
  background-color: #f9c408;
  content: "";
  animation: sk-circleFadeDelay 1.2s ease-in-out infinite both;
}
.SkFadingCircle .SkCircle2 {
  transform: rotate(30deg);
}
.SkFadingCircle .SkCircle2:before {
  animation-delay: -1.1s;
}
.SkFadingCircle .SkCircle3 {
  transform: rotate(60deg);
}
.SkFadingCircle .SkCircle3:before {
  animation-delay: -1s;
}
.SkFadingCircle .SkCircle4 {
  transform: rotate(90deg);
}
.SkFadingCircle .SkCircle4:before {
  animation-delay: -0.9s;
}
.SkFadingCircle .SkCircle5 {
  transform: rotate(120deg);
}
.SkFadingCircle .SkCircle5:before {
  animation-delay: -0.8s;
}
.SkFadingCircle .SkCircle6 {
  transform: rotate(150deg);
}
.SkFadingCircle .SkCircle6:before {
  animation-delay: -0.7s;
}
.SkFadingCircle .SkCircle7 {
  transform: rotate(180deg);
}
.SkFadingCircle .SkCircle7:before {
  animation-delay: -0.6s;
}
.SkFadingCircle .SkCircle8 {
  transform: rotate(210deg);
}
.SkFadingCircle .SkCircle8:before {
  animation-delay: -0.5s;
}
.SkFadingCircle .SkCircle9 {
  transform: rotate(240deg);
}
.SkFadingCircle .SkCircle9:before {
  animation-delay: -0.4s;
}
.SkFadingCircle .SkCircle10 {
  transform: rotate(270deg);
}
.SkFadingCircle .SkCircle10:before {
  animation-delay: -0.3s;
}
.SkFadingCircle .SkCircle11 {
  transform: rotate(300deg);
}
.SkFadingCircle .SkCircle11:before {
  animation-delay: -0.2s;
}
.SkFadingCircle .SkCircle12 {
  transform: rotate(330deg);
}
.SkFadingCircle .SkCircle12:before {
  animation-delay: -0.1s;
}
@keyframes sk-circleFadeDelay {
  0%,
  39%,
  to {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker__portal {
  position: relative;
}
.react-datepicker__tether-element {
  margin-top: -1rem;
  z-index: 1;
}
.react-datepicker {
  display: block;
  width: 26.6rem;
  padding: 1rem 1.4rem 1.2rem;
  position: relative;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0 0.3rem 0.3rem 0 rgba(33, 33, 33, 0.12),
    0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.12);
  border-radius: 0.4rem;
  font-size: 1.4rem;
  line-height: 1.43;
}
.react-datepicker .react-datepicker__navigation {
  width: 1rem;
  height: 1rem;
  margin-right: 1rem;
  background: none;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  border: none;
  outline: none;
}
.react-datepicker .react-datepicker__navigation--next,
.react-datepicker .react-datepicker__navigation--previous {
  padding: 0.1rem 0.6rem;
  font-size: 0;
}
.react-datepicker .react-datepicker__navigation--previous {
  background-image: url(/static/img/icon-arrow-left.svg);
}
.react-datepicker .react-datepicker__navigation--next {
  background-image: url(/static/img/icon-arrow-right.svg);
}
.react-datepicker .react-datepicker__month-container {
  display: block;
}
.react-datepicker .react-datepicker__header {
  display: inline-block;
  width: 100%;
}
.react-datepicker .react-datepicker__current-month {
  display: none;
  width: 100%;
  padding-bottom: 0.4rem;
  border-bottom: 0.1rem solid #dedede;
  text-align: center;
}
.react-datepicker .react-datepicker__header__dropdown {
  display: inline-block;
  width: 100%;
}
.react-datepicker .react-datepicker__month-dropdown-container {
  display: inline-block;
  width: 60%;
}
.react-datepicker .react-datepicker__month-select,
.react-datepicker .react-datepicker__year-select {
  width: 100%;
  background: none;
  border: none;
}
.react-datepicker .react-datepicker__month-select:focus,
.react-datepicker .react-datepicker__year-select:focus {
  border: none;
}
.react-datepicker .react-datepicker__year-dropdown-container {
  display: inline-block;
  width: 40%;
}
.react-datepicker .react-datepicker__day-names {
  padding-bottom: 0.5rem;
  border-bottom: 0.1rem solid #dedede;
}
.react-datepicker .react-datepicker__day-name {
  display: inline-block;
  width: 14.285%;
  color: #9d9d9d;
  text-align: center;
}
.react-datepicker .react-datepicker__month,
.react-datepicker .react-datepicker__week {
  display: inline-block;
  width: 100%;
}
.react-datepicker .react-datepicker__day {
  display: inline-block;
  width: 2.6rem;
  margin: 0.3rem 0.4rem;
  border-radius: 50%;
  text-align: center;
  line-height: 2.6rem;
  cursor: pointer;
  transition: background 0.5s;
}
.react-datepicker .react-datepicker__day:hover {
  background: #a5d2e1;
}
.react-datepicker .react-datepicker__day--selected {
  background: #4d90a7;
  color: #fff;
}
.react-datepicker .react-datepicker__day--disabled,
.react-datepicker .react-datepicker__day--disabled:hover {
  background: none;
  color: #828282;
  cursor: auto;
}
.react-datepicker .react-datepicker__day--outside-month {
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 1099px) {
  .Page-CasinoGame .GameModalWindow {
    display: none;
  }
}
.ModalWindow {
  opacity: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 15;
  box-sizing: border-box;
  color: inherit;
}
@media (min-width: 1100px) {
  .OverflowHidden .ModalWindow {
    animation: ModalFadeIn 0.5s forwards;
  }
}
@keyframes ModalFadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.ModalOverlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(35, 38, 43, 0.7);
}
.ModalContent {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  max-height: 100%;
  position: relative;
  z-index: 1;
}
@media (min-width: 1100px) {
  .ModalContent {
    height: auto;
    animation: ModalBounce 0.5s cubic-bezier(0, 1.13, 0.7, 1.32) forwards;
  }
}
@keyframes ModalBounce {
  0% {
    transform: translate3d(0, -6.4rem, 0);
  }
  to {
    transform: translateZ(0);
  }
}
.ModalCloseButton {
  width: 3.5rem;
  height: 3.5rem;
  padding: 0.8rem;
  position: absolute;
  top: 0.8rem;
  z-index: 99;
  right: 0.8rem;
  box-sizing: border-box;
  background: rgba(33, 33, 33, 0.6);
  fill: #fff;
  border: none;
  border-radius: 50%;
  font-size: 2.8rem;
}
.iOSRebrushWrapper .ModalCloseButton {
  top: 1.6rem;
}
.ModalCloseButton:hover {
  background: #f9c408;
  border: none;
}
.ModalCloseButton .Icon,
.ModalCloseButton .SvgIcon {
  display: block;
  width: 100%;
  height: 100%;
}
.ModalCloseButton .SvgIcon {
  position: relative;
}
.ModalCloseButton svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.GameModalWindow .ModalCloseButton svg {
  min-width: auto;
  min-height: auto;
}
@media (min-width: 1100px) {
  .GameModalWindow .ModalCloseButton,
  .OperatorMMHCModal .ModalCloseButton,
  .OperatorTransferModal .ModalCloseButton {
    top: -5rem;
    right: -4rem;
  }
}
.ModalCloseButton path {
  fill: inherit;
}
.ModalContentWrapper {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  overflow-y: auto;
  background: #f0f0f0;
}
.PromoModal {
  overflow-y: scroll;
  -webkit-overflow-scrolling: auto;
}
@media (min-width: 879px) {
  .PromoModal {
    overflow: auto;
  }
}
.iOSRebrushWrapper .welcome-modal .close {
  top: 1.6rem;
}
.ConfirmMessageModal {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin: 0 auto;
  padding: calc(env(safe-area-inset-top) + 2rem)
    calc(env(safe-area-inset-right) + 2rem)
    calc(env(safe-area-inset-bottom) + 2rem)
    calc(env(safe-area-inset-left) + 2rem);
  box-sizing: border-box;
}
@media (min-width: 879px) {
  .ConfirmMessageModal {
    height: auto;
    max-width: 60rem;
  }
}
.ConfirmMessageModal .ModalHero {
  background: transparent;
  height: 10rem;
}
.ConfirmMessageModal .ModalHero .Title {
  color: #4e4e4e;
  font-size: 1.8rem;
  line-height: 1.2;
}
.ConfirmMessageModal .Button {
  padding: 0.9rem 1.2rem 1.1rem;
  margin: 0 1rem;
}
.ConfirmMessageModal .CancelActionButton {
  border: none;
}
.Prerender .ContentTriggerContainer {
  display: none;
}
.Prerender.IsActive .ContentTriggerContainer {
  display: block;
}
.DropDownBackground.Prerender {
  display: none;
}
.DropDownBackground.Prerender.IsActive {
  display: block;
}
.AppContainer {
  display: block;
  background: #f0f0f0;
}
.IsSearching .AppContainer {
  background: #fff;
}
.ComponentTextWysiwyg,
.Page-TextPage .SectionContent,
.TextPageWrapper {
  display: block;
  font-size: 1.4rem;
}
.TextPageWrapper {
  max-width: 96rem;
  padding: 4rem 1.6rem 0;
  margin: 0 auto;
}
@media (min-width: 1100px) {
  .TextPageWrapper {
    font-size: 1.6rem;
  }
}
.TextPageWrapper .Title {
  margin-right: 0;
  color: #212121;
  margin-left: 0;
}
@media (min-width: 1100px) {
  .TextPageWrapper .Title {
    font-size: 2.8rem;
  }
}
.ComponentTextWysiwyg p,
.TextPageWrapper p {
  margin-bottom: 1em;
  line-height: 1.5em;
  font-size: 1.4rem;
}
@media (min-width: 1100px) {
  .ComponentTextWysiwyg p,
  .TextPageWrapper p {
    font-size: 1.4rem;
  }
}
.ComponentTextWysiwyg h2,
.TextPageWrapper h2 {
  margin: 1.8rem 0 1.2rem;
  font-size: 1.6rem;
  line-height: 1.2em;
  font-weight: 600;
}
@media (min-width: 1100px) {
  .ComponentTextWysiwyg h2,
  .TextPageWrapper h2 {
    font-size: 2.2rem;
    line-height: 1em;
  }
}
.ComponentTextWysiwyg h3,
.TextPageWrapper h3 {
  margin: 1.8rem 0 1.2rem;
  font-size: 1.2rem;
  line-height: 1.3em;
  font-weight: 600;
}
@media (min-width: 1100px) {
  .ComponentTextWysiwyg h3,
  .TextPageWrapper h3 {
    font-size: 1.8rem;
    line-height: 1em;
  }
}
.ComponentTextWysiwyg ol,
.TextPageWrapper ol {
  list-style: decimal;
}
.ComponentTextWysiwyg ol,
.ComponentTextWysiwyg ul,
.TextPageWrapper ol,
.TextPageWrapper ul {
  margin-bottom: 2rem;
  padding-left: 1.3rem;
  box-sizing: border-box;
}
@media (min-width: 1100px) {
  .ComponentTextWysiwyg ol,
  .ComponentTextWysiwyg ul,
  .TextPageWrapper ol,
  .TextPageWrapper ul {
    padding-left: 0;
    list-style-position: outside;
  }
}
.ComponentTextWysiwyg li,
.TextPageWrapper li {
  margin-bottom: 1em;
  padding-left: 0.2rem;
  position: relative;
  box-sizing: border-box;
}
.ComponentTextWysiwyg ul li,
.TextPageWrapper ul li {
  padding-left: 1em;
}
.ComponentTextWysiwyg ul li:before,
.TextPageWrapper ul li:before {
  display: inline-block;
  width: 1em;
  height: 1em;
  position: absolute;
  top: 0.8rem;
  left: 0;
  background: #212121;
  border-radius: 50%;
  font-size: 0.4rem;
  content: " ";
}
@media (min-width: 600px) {
  .ComponentTextWysiwyg ul li:before,
  .TextPageWrapper ul li:before {
    top: 0.9rem;
  }
}
.ComponentTextWysiwyg ol ol,
.ComponentTextWysiwyg ol ul,
.ComponentTextWysiwyg ul ol,
.ComponentTextWysiwyg ul ul,
.TextPageWrapper ol ol,
.TextPageWrapper ol ul,
.TextPageWrapper ul ol,
.TextPageWrapper ul ul {
  margin: 2rem 0 2rem 2rem;
}
.SectionHeader {
  display: block;
  width: 100%;
  position: fixed;
  height: 5.4rem;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
  background: #294c0b;
  background-image: linear-gradient(90deg, #294c0b 0, #203d08);
  color: #fff;
  font-size: 1.4rem;
  line-height: 2rem;
  transform: translateZ(0);
  border-bottom: 0.4rem solid #f9c408;
  box-sizing: border-box;
}
@media (min-width: 1100px) {
  .SectionHeader {
    height: 11rem;
  }
}
.SectionHeader.OverlapBottomNav {
  z-index: 14;
}
.HeaderContainer {
  height: 100%;
  display: flex;
  vertical-align: middle;
  align-items: center;
  box-sizing: border-box;
  padding: 0 0 0 0.5rem;
}
@media (min-width: 480px) {
  .HeaderContainer {
    padding: 0 0 0 1rem;
  }
}
@media (min-width: 1100px) {
  .HeaderContainer {
    padding: 0 1rem;
    justify-content: space-between;
  }
}
.HeaderContainer .OperatorHeaderContainer {
  min-width: 10rem;
}
@media (min-width: 1100px) {
  .HeaderContainer .OperatorHeaderContainer {
    min-width: 0;
  }
}
.HeaderContainer .OperatorMobileNavMock {
  display: block;
  width: 3rem;
  min-width: 3rem;
  height: 100%;
}
@media (min-width: 1100px) {
  .HeaderContainer .OperatorMobileNavMock {
    display: none;
  }
}
.HeaderContainer .ContentTriggerWrapper {
  fill: #fff;
  color: #fff;
}
.Toggle-OperatorSearchToggle .SectionHeader .OperatorMaxwidth {
  opacity: 0.5;
  pointer-events: none;
}
@media (min-width: 1100px) {
  .Toggle-OperatorSearchToggle .SectionHeader .OperatorMaxwidth {
    opacity: 1;
    pointer-events: auto;
  }
}
@media (min-width: 1100px) {
  .Page-Casino .SectionHeader,
  .Page-LiveCasino .SectionHeader,
  .Page-Promotions .SectionHeader {
    background: linear-gradient(90deg, #294c0b 0, #203d08);
  }
}
.SectionHeader.Maintenance {
  background: #294c0b;
}
.IsScrolled.Page-Casino .SectionHeader,
.IsScrolled.Page-LiveCasino .SectionHeader,
.IsScrolled.Page-Promotions .SectionHeader {
  background: linear-gradient(90deg, #294c0b 0, #203d08);
}
.FixTabletKeyboard .RootContent .SectionHeader,
.Toggle-OperatorSearchToggle .RootContent .SectionHeader {
  background: #294c0b;
}
.iOSRebrushWrapper .SectionHeader {
  opacity: 1;
}
.OperatorLogo {
  display: flex;
  width: 11.2rem;
  height: 5.5rem;
  margin-left: 1rem;
}
.IsLoggedIn .OperatorLogo {
  width: 7rem;
  margin-left: 0.2rem;
}
@media (min-width: 375px) {
  .OperatorLogo {
    margin-left: 1rem;
  }
  .IsLoggedIn .OperatorLogo {
    width: 11.2rem;
    margin-left: 1rem;
  }
}
@media (min-width: 1100px) {
  .OperatorLogo {
    width: 19.2rem;
    height: 5.5rem;
    margin-left: 0;
  }
  .IsLoggedIn .OperatorLogo {
    width: 19.2rem;
  }
}
.OperatorLogoLink {
  width: 7rem;
  fill: #fff;
}
@media (min-width: 375px) {
  .OperatorLogoLink {
    width: 11.2rem;
  }
}
@media (min-width: 1100px) {
  .OperatorLogoLink {
    display: block;
    width: 19.2rem;
    height: 5.5rem;
  }
  .IsLoggedIn .OperatorLogoLink {
    width: 19.2rem;
  }
}
.OperatorLogoLink .Icon,
.OperatorLogoLink .SvgIcon,
.OperatorLogoLink svg {
  display: block;
  width: 7rem;
  height: 5.5rem;
}
@media (min-width: 375px) {
  .OperatorLogoLink .Icon,
  .OperatorLogoLink .SvgIcon,
  .OperatorLogoLink svg {
    width: 11.2rem;
  }
}
@media (min-width: 1100px) {
  .OperatorLogoLink .Icon,
  .OperatorLogoLink .SvgIcon,
  .OperatorLogoLink svg {
    display: block;
    width: 19.2rem;
    height: 5.5rem;
  }
  .IsLoggedIn .OperatorLogoLink .Icon,
  .IsLoggedIn .OperatorLogoLink .SvgIcon,
  .IsLoggedIn .OperatorLogoLink svg {
    width: 19.2rem;
  }
}
.OperatorLogoLink:hover {
  fill: #fff;
  opacity: 0.85;
}
.OperatorLogoLink:active {
  fill: #fff;
  opacity: 0.5;
}
.cls-4-today {
  fill: #212121;
}
.cls-5-today {
  fill: #fff;
}
.cls-6-today {
  opacity: 0.1;
}
.Page-ActiveBonuses .SectionHeader .InstanceBackButtonTrigger,
.Page-Limits .SectionHeader .InstanceBackButtonTrigger,
.Page-Mycasino .SectionHeader .InstanceBackButtonTrigger {
  display: block;
  position: absolute;
  width: 1.4rem;
  height: 1.4rem;
  min-height: 1.4rem;
  padding: 1.4rem 1.7rem 1.7rem;
  fill: #f7f7f7;
  box-sizing: content-box;
  border: none;
}
@media (min-width: 600px) {
  .Page-ActiveBonuses .SectionHeader .InstanceBackButtonTrigger,
  .Page-Limits .SectionHeader .InstanceBackButtonTrigger,
  .Page-Mycasino .SectionHeader .InstanceBackButtonTrigger {
    padding: 1.4rem 1.4rem 1.7rem;
  }
}
@media (min-width: 1100px) {
  .Page-ActiveBonuses .SectionHeader .InstanceBackButtonTrigger,
  .Page-Limits .SectionHeader .InstanceBackButtonTrigger,
  .Page-Mycasino .SectionHeader .InstanceBackButtonTrigger,
  .SectionHeader .InstanceBackButtonTrigger {
    display: none;
  }
}
.SectionHeader .InstanceBackButtonTrigger .Icon {
  fill: #fff;
  display: block;
  width: 100%;
  height: 100%;
}
.ToggleMainMenu {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  color: #fff;
  fill: #fff;
  box-sizing: border-box;
}
@media (min-width: 1100px) {
  .ToggleMainMenu {
    display: none;
  }
}
.ContentTriggerWrapper .ToggleMainMenu {
  transition: top 0.3s ease-in-out;
}
.ContentTriggerWrapper.IsActive .ToggleMainMenu {
  z-index: 4;
  top: 1.7rem;
}
.ToggleMainMenu:active,
.ToggleMainMenu:hover {
  border: none;
}
.ToggleMainMenu .Icon,
.ToggleMainMenu svg {
  display: block;
  visibility: hidden;
}
.ToggleMainMenu svg {
  width: 100%;
  height: auto;
}
.ToggleMainMenu .ButtonText {
  display: none;
}
.hamburger {
  top: 1.4rem;
  left: 0.8rem;
}
@media (min-width: 1100px) {
  .hamburger {
    top: 3.9rem;
  }
}
.OperatorHeaderContainer {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  vertical-align: middle;
  flex-basis: 100%;
  margin-right: 0;
}
.IsLoggedIn .OperatorHeaderContainer {
  margin-right: 0.5rem;
}
@media (min-width: 375px) {
  .IsLoggedIn .OperatorHeaderContainer {
    margin-right: 1rem;
  }
}
@media (min-width: 1100px) {
  .OperatorHeaderContainer {
    flex-basis: auto;
    justify-content: normal;
    vertical-align: baseline;
    margin-right: 2;
  }
  .IsLoggedIn .OperatorHeaderContainer {
    margin-right: 2rem;
  }
}
.OperatorHeaderContainer .OperatorMainMenu {
  display: none;
}
@media (min-width: 1100px) {
  .OperatorHeaderContainer .OperatorMainMenu {
    display: flex;
  }
}
.OperatorHeaderContainer .OperatorTopLanguage {
  display: none;
}
@media (min-width: 1100px) {
  .OperatorHeaderContainer .OperatorTopLanguage {
    display: block;
  }
}
.OperatorAccountContainer {
  display: flex;
  justify-content: flex-end;
  vertical-align: middle;
  align-items: center;
  border: 0 solid #fff;
  height: 50%;
  padding: 0.4rem 0 0.6rem;
}
@media (min-width: 1100px) {
  .OperatorAccountContainer {
    flex-direction: row;
    padding: 0.4rem 0 0.6rem;
    border-bottom: 0.1rem solid hsla(0, 0%, 100%, 0.15);
  }
}
.OperatorAccountContainer .TotalBalanceWrapper {
  display: block;
  order: -1;
  font-size: 1.1rem;
}
@media (min-width: 480px) {
  .OperatorAccountContainer .TotalBalanceWrapper {
    font-size: 1.4rem;
  }
}
@media (min-width: 1100px) {
  .OperatorAccountContainer .TotalBalanceWrapper {
    order: 0;
    margin-right: 1.6rem;
    font-size: 1.4rem;
  }
}
.OperatorAccountContainer .InstanceToggleMenu {
  display: block;
  float: none;
  margin: 0 0 0 0.6rem;
  background: hsla(0, 0%, 100%, 0.1);
  box-sizing: border-box;
  color: #fff;
  border: 0.1rem solid hsla(0, 0%, 100%, 0.1);
}
@media (min-width: 1100px) {
  .OperatorAccountContainer .InstanceToggleMenu:hover {
    background: hsla(0, 0%, 100%, 0.3);
  }
}
.OperatorAccountContainer .InstanceToggleMenu.IsActive {
  background: hsla(0, 0%, 100%, 0.3);
}
.OperatorAccountContainer .InstanceToggleMenu.IsActive .DropDownBackground {
  background: transparent;
}
@media (min-width: 375px) {
  .OperatorAccountContainer .InstanceToggleMenu {
    margin: 0 0 0 1rem;
  }
}
@media (min-width: 1100px) {
  .OperatorAccountContainer .InstanceToggleMenu {
    margin: 0 2rem 0 0;
  }
}
.OperatorAccountContainer .Button.ToggleUserMenu {
  min-width: 0;
  padding: 0.7rem 0.7rem 0.2rem;
}
.OperatorAccountContainer .Button.ToggleUserMenu:hover {
  background: none;
}
.OperatorAccountContainer .Button.ToggleUserMenu svg {
  width: 2rem;
}
@media (min-width: 1100px) {
  .OperatorAccountContainer .Button.ToggleUserMenu svg {
    width: 2.4rem;
  }
}
@media (min-width: 400px) {
  .OperatorAccountContainer .Button.ToggleUserMenu {
    padding: 0.7rem 0.7rem 0.2rem;
  }
}
@media (min-width: 1100px) {
  .OperatorAccountContainer .Button.ToggleUserMenu {
    padding: 0.7rem 1rem 0.2rem;
  }
}
.OperatorAccountContainer
  .ContentTriggerWrapper.IsActive
  .ContentTriggerContentWrapper {
  overflow: hidden;
}
.OperatorAccountContainer
  .ContentTriggerWrapper.IsActive
  .ContentTriggerContainer {
  max-height: 100%;
  overflow-y: auto;
}
.OperatorAccountContainer .Button {
  display: inline-block;
  min-width: auto;
  padding: 1.2rem 0;
  border: none;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.5rem;
  font-weight: 600;
  text-transform: uppercase;
}
@media (min-width: 1100px) {
  .OperatorAccountContainer .Button {
    padding: 1.2rem 1.9rem;
    min-width: 7.8rem;
    font-size: 1.6rem;
    line-height: 2rem;
  }
}
.OperatorAccountContainer .ButtonRegister {
  background: #f9c408;
  color: #294c0b;
  padding: 1.6rem 1rem;
  white-space: nowrap;
  order: 1;
}
@media (min-width: 1100px) {
  .OperatorAccountContainer .ButtonRegister {
    padding: 1.2rem 1.9rem;
    margin-left: 0;
    order: 0;
  }
}
.OperatorAccountContainer .LoginCallout {
  border: hsla(0, 0%, 100%, 0.1);
  margin-right: 0;
}
.EmptyContent {
  display: none;
}
.OperatorAccountContainer .Button:hover {
  background: #ffe900;
  color: #294c0b;
}
.OperatorAccountContainer .ButtonLogin:hover {
  background: transparent;
  color: #f0f0f0;
}
.OperatorAccountContainer .Button:active {
  opacity: 0.9;
}
.OperatorAccountContainer .OperatorHeaderDeposit {
  position: static;
  padding: 1rem 0.4rem 0.9rem;
  margin: 0 0 0 0.5rem;
  order: 0;
  color: #294c0b;
}
@media (min-width: 400px) {
  .OperatorAccountContainer .OperatorHeaderDeposit {
    padding: 1rem 0.9rem 0.9rem;
  }
}
@media (min-width: 480px) {
  .OperatorAccountContainer .OperatorHeaderDeposit {
    margin: 0 0 0 1rem;
  }
}
@media (min-width: 1100px) {
  .OperatorAccountContainer .OperatorHeaderDeposit {
    position: relative;
    margin: 1.6rem;
    padding: 1.2rem 1.9rem;
  }
}
.Page-LiveSource .ButtonRegister {
  background: #f9c408;
  border: none;
}
@media (max-width: 300px) {
  .Page-LiveSource .ButtonRegister {
    display: none;
  }
}
.Page-LiveSource .ButtonRegister:hover {
  background: #ffe900;
  color: #294c0b;
}
.Page-LiveSource .ButtonLogin,
.Page-LiveSource .ButtonRegister {
  padding: 0.6rem 1.5rem;
}
.OperatorAccountContainer .ShowOnDesktop,
.Page-Casino .OperatorAccountContainer .ShowOnDesktop,
.Page-LiveCasino .OperatorAccountContainer .ShowOnDesktop,
.Page-Promotions .OperatorAccountContainer .ShowOnDesktop {
  display: none;
}
@media (min-width: 1100px) {
  .OperatorAccountContainer .ShowOnDesktop,
  .Page-Casino .OperatorAccountContainer .ShowOnDesktop,
  .Page-LiveCasino .OperatorAccountContainer .ShowOnDesktop,
  .Page-Promotions .OperatorAccountContainer .ShowOnDesktop {
    display: inline-block;
  }
}
.OperatorAccountContainer .ButtonRegister:hover {
  background: #ffe900;
  color: #294c0b;
}
.OperatorAccountContainer .ButtonRegister:active {
  opacity: 0.9;
}
.ButtonLogin {
  margin-left: 0.8rem;
  background: transparent;
}
.ContentTriggerWrapper {
  margin-right: 0;
  display: block;
  position: relative;
}
@media (min-width: 1100px) {
  .ContentTriggerWrapper {
    float: right;
  }
}
@media (min-width: 1260px) {
  .ContentTriggerWrapper {
    margin-right: 4.2rem;
  }
}
@media (min-width: 1468px) {
  .ContentTriggerWrapper {
    margin-right: 2rem;
  }
}
.InstanceOperatorMenu.ContentTriggerWrapper {
  display: block;
}
@media (min-width: 1100px) {
  .InstanceOperatorMenu.ContentTriggerWrapper {
    display: none;
  }
}
.TriggerMainNav.IsActive {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
}
.TriggerMainNav.IsActive .ContentTriggerContentWrapper {
  width: 100%;
}
.TriggerMainNav.IsActive .ContentTriggerContentWrapper .BurgerMenuLogo {
  width: 80vw;
  animation: burgerLogoSlide 0.6s ease-out 0.3s forwards;
}
@media (min-width: 680px) {
  .TriggerMainNav.IsActive .ContentTriggerContentWrapper .BurgerMenuLogo {
    width: 60vw;
  }
}
@keyframes burgerLogoSlide {
  to {
    position: fixed;
  }
}
.TriggerMainNav .ContentTriggerContentWrapper {
  width: 0;
  position: relative;
  height: 100%;
  overflow: hidden;
  transition: width 0.6s ease-in-out;
}
.TriggerMainNav .OperatorMainMenu {
  position: absolute;
  height: 100%;
  opacity: 1;
  z-index: 2;
}
@media (min-width: 1100px) {
  .TriggerMainNav .OperatorMainMenu {
    display: none;
  }
}
.TriggerMainNav .OperatorMainMenu .Menu {
  height: auto;
  max-height: none;
}
@media (min-width: 680px) {
  .TriggerMainNav .OperatorMainMenu .Menu {
    width: 60vw;
  }
}
.OperatorUserSubmenu .Menu {
  height: auto;
}
.TriggerMainNav .ToggleMainMenu .Icon,
.TriggerMainNav .ToggleMainMenu svg {
  visibility: visible;
}
.OperatorHeaderWithdraw {
  background: none;
  border: 0.2rem solid #f9c408;
  color: #4e4e4e;
  text-transform: uppercase;
  box-sizing: border-box;
  text-align: center;
}
.OperatorHeaderWithdraw:hover {
  background: none;
  border: 0.2rem solid #ffe900;
  color: #4e4e4e;
}
.HamburgerSubMenu .burgerSearchResults,
.HamburgerSubMenu.hasOpenSearch .subMenuHeaderWrapper {
  background-color: linear-gradient(0deg, #151516, #1e1e20);
}
.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu {
  display: flex;
  flex-direction: column;
  left: 0;
  border-radius: 0;
  height: 100vh;
  background: linear-gradient(0deg, #151516, #1e1e20);
  box-shadow: 0.4rem 0 3rem -0.6rem rgba(33, 33, 33, 0.8);
  overflow-y: scroll;
  box-sizing: border-box;
  width: 80vw;
  padding-bottom: calc(env(safe-area-inset-bottom) + 40rem);
}
@media (min-width: 680px) {
  .TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu,
  .TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .BurgerMenuLogo {
    width: 60vw;
  }
}
.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .CasinoSection {
  margin-top: 5.5rem;
}
.TriggerMainNav.IsActive
  .OperatorMainMenu.CrossSellMenu
  .CasinoSection
  .NavMenu
  .Menu {
  max-height: none;
  height: auto;
  width: 100%;
}
.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .BurgerMenuLogo {
  position: absolute;
  z-index: 5;
  display: flex;
  justify-content: flex-end;
  height: 5.5rem;
  background: linear-gradient(90deg, #294c0b 0, #203d08);
  border-bottom: 0.1rem solid #f9c408;
}
@media (min-width: 1100px) {
  .TriggerMainNav.IsActive
    .OperatorMainMenu.CrossSellMenu
    .BurgerMenuLogo
    .OperatorLogo {
    width: 11.2rem;
    height: 5.5rem;
  }
  .TriggerMainNav.IsActive
    .OperatorMainMenu.CrossSellMenu
    .BurgerMenuLogo
    .OperatorLogoLink {
    width: 11.2rem;
  }
  .TriggerMainNav.IsActive
    .OperatorMainMenu.CrossSellMenu
    .BurgerMenuLogo
    .OperatorLogoLink
    .Icon,
  .TriggerMainNav.IsActive
    .OperatorMainMenu.CrossSellMenu
    .BurgerMenuLogo
    .OperatorLogoLink
    .SvgIcon,
  .TriggerMainNav.IsActive
    .OperatorMainMenu.CrossSellMenu
    .BurgerMenuLogo
    .OperatorLogoLink
    svg {
    width: 11.2rem;
    height: 5.5rem;
  }
}
.TriggerMainNav.IsActive
  .OperatorMainMenu.CrossSellMenu
  .BurgerMenuLogo
  .OperatorLogoLink {
  margin-right: 2.5rem;
  height: 5.5rem;
}
.TriggerMainNav.IsActive
  .OperatorMainMenu.CrossSellMenu
  .OperatorTopLanguage
  .LanguageSelectorSVGFlag {
  width: 100%;
  box-sizing: border-box;
  padding-left: 1.6rem;
}
.TriggerMainNav.IsActive
  .OperatorMainMenu.CrossSellMenu
  .OperatorTopLanguage
  .LanguageSelectorSVGFlag
  .Icon {
  width: 3rem;
  height: 2.3rem;
  border-radius: 0;
  margin-right: 0.5rem;
}
.TriggerMainNav.IsActive
  .OperatorMainMenu.CrossSellMenu
  .ComponentSiteLanguageSelector
  .HeaderLanguageSelector {
  height: auto;
  position: relative;
  box-sizing: border-box;
  margin-top: 1rem;
  padding: 0.3rem 0;
  border-top: 0.1rem solid hsla(0, 0%, 100%, 0.25);
  border-bottom: 0.1rem solid hsla(0, 0%, 100%, 0.25);
}
.TriggerMainNav.IsActive
  .OperatorMainMenu.CrossSellMenu
  .ComponentSiteLanguageSelector
  .HeaderLanguageSelector:before {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 2.1rem;
  margin-top: -1.1rem;
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
  border-bottom: 1rem solid hsla(0, 0%, 100%, 0.25);
}
.TriggerMainNav.IsActive
  .OperatorMainMenu.CrossSellMenu
  .ComponentSiteLanguageSelector
  .HeaderLanguageSelector
  .CustomSelectOption {
  padding: 0.7rem 0.8rem;
}
.TriggerMainNav.IsActive
  .OperatorMainMenu.CrossSellMenu
  .ComponentSiteLanguageSelector
  .HeaderLanguageSelector
  .LanguageSelectorSVGFlag {
  width: 100%;
  height: 2rem;
  display: flex;
  vertical-align: middle;
  align-items: center;
  box-sizing: border-box;
  padding-left: 2rem;
  text-align: left;
  text-transform: capitalize;
  color: #fff;
}
.TriggerMainNav.IsActive
  .OperatorMainMenu.CrossSellMenu
  .ComponentSiteLanguageSelector
  .HeaderLanguageSelector
  .LanguageSelectorSVGFlag
  .Icon {
  display: block;
  width: 3rem;
  height: 2.3rem;
  border-radius: 0;
}
.TriggerMainNav.IsActive
  .OperatorMainMenu.CrossSellMenu
  .ComponentSiteLanguageSelector
  .HeaderLanguageSelector
  .LanguageSelectorSVGFlag
  .LanguageSelectorSelectedText {
  display: flex;
  height: 100%;
  vertical-align: middle;
  align-items: center;
  padding-top: 0.7rem;
}
.TriggerMainNav.IsActive
  .OperatorMainMenu.CrossSellMenu
  .OperatorUserMenuWrapper {
  background: none;
  overflow: visible;
  max-height: none;
  padding: 0;
}
.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu .OperatorUserMenu {
  position: static;
  width: 100%;
  top: 0;
  right: 0;
  z-index: auto;
  background: none;
  color: #fff;
  fill: #fff;
  line-height: normal;
  box-shadow: none;
}
.TriggerMainNav.IsActive
  .OperatorMainMenu.CrossSellMenu
  .OperatorUserMenu
  .OperatorUserText,
.TriggerMainNav.IsActive
  .OperatorMainMenu.CrossSellMenu
  .OperatorUserMenu
  .TotalBalanceWrapper,
.TriggerMainNav.IsActive
  .OperatorMainMenu.CrossSellMenu
  .OperatorUserMenu:before {
  display: none;
}
.TriggerMainNav.IsActive
  .OperatorMainMenu.CrossSellMenu
  .OperatorUserMenu
  .OperatorUserSubmenu {
  background: none;
  margin: 0;
}
.TriggerMainNav.IsActive
  .OperatorMainMenu.CrossSellMenu
  .OperatorUserMenu
  .OperatorHeaderDeposit:hover {
  background: #ffe900;
}
.TriggerMainNav.IsActive
  .OperatorMainMenu.CrossSellMenu
  .OperatorUserMenu
  .OperatorHeaderWithdraw {
  background: none;
  text-transform: capitalize;
  color: #fff;
}
.TriggerMainNav.IsActive
  .OperatorMainMenu.CrossSellMenu
  .OperatorUserMenu
  .OperatorHeaderWithdraw:hover {
  background: none;
}
.TriggerMainNav.IsActive
  .OperatorMainMenu.CrossSellMenu
  .OperatorUserMenu
  .Anchor {
  padding: 0;
  color: #fff;
}
.TriggerMainNav.IsActive
  .OperatorMainMenu.CrossSellMenu
  .OperatorUserMenu
  .Anchor:hover {
  background: none;
  color: #fff;
}
.TriggerMainNav.IsActive
  .OperatorMainMenu.CrossSellMenu
  .OperatorUserMenu
  .Anchor
  .ActiveBonusCounter {
  margin-right: 2.5rem;
}
.TriggerMainNav.IsActive
  .OperatorMainMenu.CrossSellMenu
  .OperatorUserMenu
  .OperatorHeaderDeposit.DepositBtn {
  padding: 0.9rem 0.8rem 1.1rem;
}
.TriggerMainNav.IsActive
  .OperatorMainMenu.CrossSellMenu
  .OperatorUserMenu
  .LogOutButton {
  padding: 1.8rem 0.5rem 2rem 2rem;
  color: #fff;
  border: none;
}
.TriggerMainNav.IsActive
  .OperatorMainMenu.CrossSellMenu
  .OperatorUserMenu
  .LogOutButton:hover {
  background: none;
  color: #fff;
}
.OperatorHeaderDeposit.OperatorHeaderWithdraw {
  margin-top: 0;
}
.TriggerMainNav.IsActive .CrossSellMenu .Menu {
  overflow: visible;
  box-sizing: border-box;
  margin-top: 0;
  margin-bottom: 1rem;
  padding: 0 0.8rem;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
}
.TriggerMainNav.IsActive .CrossSellMenu .Menu .ListItem {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 0;
  border-bottom: 0.1rem solid hsla(0, 0%, 100%, 0.2);
  margin-bottom: 0.2rem;
}
.TriggerMainNav.IsActive .CrossSellMenu .Menu .ListItem.MobileRegisterListItem {
  padding-left: 0.7rem;
}
.TriggerMainNav.IsActive
  .CrossSellMenu
  .Menu
  .ListItem.MobileRegisterListItem:after {
  display: none;
}
.TriggerMainNav.IsActive
  .CrossSellMenu
  .Menu
  .ListItem.MobileRegisterListItem
  .Anchor {
  margin: 0;
  text-align: center;
  background: #f9c408;
  border: 0 solid #fff;
  color: #294c0b;
  text-transform: uppercase;
}
.TriggerMainNav.IsActive .CrossSellMenu .Menu .ListItem .Anchor {
  padding: 1.8rem 0.5rem 2rem 2rem;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.TriggerMainNav.IsActive .CrossSellMenu .Menu .SubHeaderListItem:after {
  content: "";
  position: absolute;
  display: block;
  right: 1rem;
  top: 2.45rem;
  border: solid #fff;
  border-width: 0 0.3rem 0.3rem 0;
  padding: 0.4rem;
  transform: rotate(-45deg);
}
.IsLoggedIn
  .TriggerMainNav.IsActive
  .CrossSellMenu
  .Menu
  .ListItem.MobileRegisterListItem {
  display: none;
}
@media (min-width: 1100px) {
  .CrossSellNav.ContentTriggerWrapper {
    display: none;
  }
}
.CrossSellSectionMenu .Menu {
  flex-direction: row;
  flex: 1 0 auto;
}
.CrossSellSectionMenu .MenuItem .Icon {
  display: none;
  margin: 0 auto;
  width: 3.2rem;
  height: 3.2rem;
}
.CrossSellSectionMenu .MenuItem .AnchorText {
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: #fff;
}
.SportsSection .CrossSellSectionMenu .MenuItem {
  flex-basis: 33%;
}
.iOSRebrushWrapper .SportsSection .CrossSellSectionMenu .MenuItem {
  flex-basis: 50%;
}
.SportsSection .CrossSellSectionMenu .Menu {
  width: 100%;
  overflow-x: hidden;
}
.CrossSellMenu .CrossSellTitle {
  margin: 0;
  padding: 0.2rem 0;
  color: #4e4e4e;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 2;
  text-transform: uppercase;
  text-align: center;
  background: #f0f0f0;
}
.ContentTriggerWrapper.IsActive .ToggleUserMenu,
.OperatorAccountContainer.IsActive .ToggleUserMenu {
  z-index: 2;
}
.ContentTriggerWrapper .ToggleUserMenu:hover,
.OperatorAccountContainer .ToggleUserMenu:hover {
  color: #fff;
  fill: #fff;
}
@media (min-width: 1100px) {
  .ContentTriggerWrapper .ToggleUserMenu:hover,
  .OperatorAccountContainer .ToggleUserMenu:hover {
    background: #212121;
  }
}
.ContentTriggerWrapper .ToggleUserMenu:active,
.OperatorAccountContainer .ToggleUserMenu:active {
  color: #fff;
  fill: #fff;
}
@media (min-width: 1100px) {
  .ContentTriggerWrapper .ToggleUserMenu:active,
  .OperatorAccountContainer .ToggleUserMenu:active {
    background: #212121;
  }
}
.OperatorAccountPrelude {
  display: block;
  color: #fff;
  font-size: 1rem;
  line-height: 1rem;
  opacity: 0.8;
}
.OperatorAccountPrelude.Layout .Text {
  line-height: 1rem;
  font-weight: 100;
  font-size: 1rem;
}
.OperatorHeaderBalance {
  display: block;
  color: #fff;
  font-size: 1.4rem;
  line-height: 2rem;
  white-space: nowrap;
}
.ToggleUserMenu .TotalBalanceWrapper {
  line-height: 1;
}
.DropDownBackground {
  position: fixed;
  overflow: visible;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 1;
  background: rgba(41, 76, 11, 0.7);
  border: none;
  cursor: pointer;
}
.Toggle-OperatorSearchToggle .OperatorSticky .DropDownBackground {
  display: block;
  bottom: 0;
  top: 5rem;
  background: hsla(0, 0%, 100%, 0.5);
}
@media (min-width: 76.8rem) {
  .Toggle-OperatorSearchToggle .OperatorSticky .DropDownBackground {
    top: 11.2rem;
  }
}
.Toggle-OperatorSearchToggle .DropDownBackground {
  display: none;
}
.OperatorMainMenu {
  display: block;
}
.Toggle-ShowTopMenu .OperatorMainMenu {
  height: auto;
  padding: 0.5rem 0;
  overflow: visible;
  opacity: 1;
}
@media (min-width: 1100px) {
  .Toggle-ShowTopMenu .OperatorMainMenu {
    height: auto;
    padding: 0;
    transform: none;
  }
}
.Toggle-ShowTopMenu .OperatorMainMenu:before {
  display: block;
}
@media (min-width: 1100px) {
  .Toggle-ShowTopMenu .OperatorMainMenu:before {
    display: none;
  }
}
.OperatorMainMenu .Menu {
  display: flex;
  max-height: calc(100vh - 4.8rem);
  overflow-y: visible;
}
@media (min-width: 1100px) {
  .OperatorMainMenu .Menu {
    flex-direction: row;
    position: static;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .OperatorMainMenu .Menu::-webkit-scrollbar {
    display: none;
  }
}
.OperatorMainMenu .MenuItem {
  display: block;
}
@media (min-width: 1100px) {
  .OperatorMainMenu .MenuItem {
    display: inline-block;
  }
}
.OperatorMainMenu .Anchor {
  display: block;
  color: #828282;
  fill: #212121;
  text-align: left;
  text-decoration: none;
  pointer-events: none;
}
@media (min-width: 1100px) {
  .OperatorMainMenu .Anchor {
    padding: 0.9rem 1rem;
    font-size: 1.6rem;
    color: #fff;
    fill: #fff;
    border-bottom: 0.6rem solid transparent;
    pointer-events: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
.TriggerMainNav.IsActive .OperatorMainMenu .Anchor {
  pointer-events: auto;
  color: #f9c408;
}
.OperatorMainMenu .Anchor.IsActive,
.OperatorMainMenu .Anchor.IsActiveParent,
.Page-Casino .InstanceOperatorCasinoLink,
.Page-CasinoGame .InstanceOperatorCasinoLink {
  opacity: 1;
  font-weight: 600;
}
@media (min-width: 1100px) {
  .OperatorMainMenu .Anchor.IsActive,
  .OperatorMainMenu .Anchor.IsActiveParent,
  .Page-Casino .InstanceOperatorCasinoLink,
  .Page-CasinoGame .InstanceOperatorCasinoLink {
    fill: #f9c408;
    color: #f9c408;
  }
}
.OperatorMainMenu .InstanceOperatorClassiccasinoLink {
  display: none;
}
@media (min-width: 1100px) {
  .OperatorMainMenu .InstanceOperatorClassiccasinoLink {
    display: block;
  }
}
@media (min-width: 1100px) {
  .OperatorMainMenu .Anchor.IsActive,
  .OperatorMainMenu .Anchor:hover {
    border-bottom: 0.6rem solid #f9c408;
  }
}
.OperatorMainMenu .Anchor:hover {
  color: #828282;
  fill: #212121;
}
@media (min-width: 1100px) {
  .OperatorMainMenu .Anchor:hover {
    color: #f9c408;
    fill: #f9c408;
  }
}
.OperatorMainMenu .Anchor:active {
  color: #828282;
  fill: #212121;
  opacity: 1;
}
@media (min-width: 1100px) {
  .OperatorMainMenu .Anchor:active {
    color: #f9c408;
    fill: #f9c408;
  }
}
.OperatorMainMenu .Icon {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin: 0 2.1rem 0 0;
  vertical-align: middle;
}
@media (min-width: 1100px) {
  .OperatorMainMenu .Icon {
    display: none;
  }
}
.OperatorMainMenu .InstanceArrowDownWithActiveState {
  display: block;
  float: right;
  margin: 0 0 0 1rem;
  opacity: 1;
  will-change: opacity;
  transition: opacity 0.4s ease-in;
}
@media (min-width: 1100px) {
  .OperatorMainMenu .InstanceArrowDownWithActiveState {
    display: none;
  }
}
.LanguageSelectorContainer:hover .InstanceArrowDownWithActiveState {
  opacity: 0;
}
.OperatorMainMenu .SvgIcon,
.OperatorMainMenu svg {
  display: block;
}
.OperatorMainMenu svg {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.OperatorHeaderLanguage,
.OperatorMainMenu .AnchorText {
  display: inline-block;
}
.InstanceSearchTriggerMobile.IsActive
  .ContentTrigger
  .OperatorHeaderLanguage
  .CustomSelectTrigger {
  display: block;
  padding: 1.4rem;
  background: #828282;
  font-size: 1.4rem;
  line-height: 2rem;
}
@media (min-width: 1100px) {
  .OperatorHeaderLanguage .CustomSelectTrigger:hover {
    background: #4e4e4e;
    color: #fff;
  }
}
@media (min-width: 1100px) {
  .OperatorHeaderLanguage .CustomSelectTrigger:active {
    background: #ffe900;
    color: #fff;
  }
}
.OperatorTopLanguage {
  display: block;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 1100px) {
  .OperatorTopLanguage {
    position: relative;
    background: transparent;
    padding-left: 2rem;
    border: none;
    border-left: 0.1rem solid hsla(0, 0%, 100%, 0.1);
    margin-top: 0;
    margin-bottom: 0;
  }
}
.OperatorTopLanguage .CustomSelectTrigger {
  display: block;
  cursor: pointer;
}
@media (min-width: 1100px) {
  .OperatorTopLanguage .CustomSelectTrigger {
    background: hsla(0, 0%, 100%, 0.1);
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    padding: 0.7rem 1.2rem 0.2rem;
    border: 0.1rem solid hsla(0, 0%, 100%, 0.1);
  }
}
.OperatorTopLanguage .CustomSelectIcon {
  display: block;
  float: right;
  margin: 0 0 0 0.4rem;
}
@media (min-width: 1100px) {
  .OperatorTopLanguage .CustomSelectIcon {
    display: none;
  }
}
.OperatorTopLanguage .LanguageSelectorSVGFlag {
  display: block;
  width: 3rem;
  height: 2.3rem;
}
.OperatorTopLanguage .LanguageSelectorSVGFlag .Icon {
  overflow: hidden;
}
@media (min-width: 1100px) {
  .OperatorTopLanguage .LanguageSelectorSVGFlag .Icon {
    display: inline-block;
    margin: 0 auto;
  }
}
@media (min-width: 1100px) {
  .OperatorTopLanguage .CustomSelectTrigger .Icon {
    display: block;
  }
}
.OperatorTopLanguage .CustomListContainer {
  display: none;
  opacity: 0.3;
}
@media (min-width: 1100px) {
  .OperatorTopLanguage .CustomListContainer {
    height: 0;
    position: absolute;
    right: 0;
    overflow: hidden;
    background: #fff;
    opacity: 0;
    transition: height 0.3s ease-in-out, opacity 0.2s ease-in;
    box-shadow: 0 0.5rem 0.8rem 0 rgba(0, 0, 0, 0.3);
    white-space: nowrap;
  }
}
.OperatorTopLanguage .CustomListContainer:before {
  display: none;
  content: " ";
  width: 0;
  height: 0;
  position: absolute;
  top: -0.7rem;
  right: 2.2rem;
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
  border-bottom: 1rem solid #fff;
}
@media (min-width: 1100px) {
  .OperatorTopLanguage .CustomListContainer:before {
    display: block;
  }
}
.CustomSelectTrigger:focus + .CustomListContainer,
.OperatorTopLanguage:hover .CustomListContainer {
  height: 4.8rem;
  overflow: visible;
  opacity: 1;
}
.OperatorTopLanguage .CustomSelectOption {
  display: block;
  padding: 1.4rem 1.6rem;
  cursor: pointer;
}
.OperatorTopLanguage .CustomSelectOption:hover {
  color: #f9c408;
}
.OperatorTopLanguage .CustomSelectOption:active {
  color: #ffe900;
}
.OperatorTopLanguage .LanguageSelectorSelectedText {
  display: inline-block;
  line-height: 1.4;
}
@media (min-width: 1100px) {
  .OperatorTopLanguage .LanguageSelectorSelectedText {
    padding-left: 1.2rem;
  }
}
.OperatorTopLanguage .CustomListContainer .LanguageSelectorSelectedCode {
  display: none;
}
.CustomSelectTrigger .LanguageSelectorSelectedText {
  display: inline-block;
  padding-top: 0.7rem;
}
@media (min-width: 1100px) {
  .CustomSelectTrigger .LanguageSelectorSelectedText {
    display: none;
  }
}
.CustomSelectTrigger .LanguageSelectorSelectedCode {
  display: none;
}
@media (min-width: 1100px) {
  .CustomSelectTrigger .LanguageSelectorSelectedCode {
    display: none;
    text-transform: uppercase;
  }
}
.OperatorTopLanguage .CustomSelectOption.TRFlag {
  display: none;
}
.HeaderLanguageSelector .ListItem .LanguageSelectorSVGFlag {
  color: #212121;
  text-transform: uppercase;
  width: 100%;
}
.HeaderLanguageSelector .ListItem .LanguageSelectorSVGFlag .Icon {
  display: inline-block;
  height: 2.3rem;
  width: 3rem;
  margin: 0 0.5rem -0.9rem 0;
}
.HeaderLanguageSelector
  .ListItem
  .LanguageSelectorSVGFlag
  .LanguageSelectorSelectedText {
  padding: 0;
}
.OperatorUserMenu {
  display: block;
  width: 32rem;
  height: auto;
  overflow: visible;
  position: absolute;
  top: 5.2rem;
  right: 1.3rem;
  z-index: 10;
  background: #fff;
  color: #212121;
  fill: #252a31;
  font-size: 1.6rem;
  line-height: 2rem;
  opacity: 0;
  box-shadow: 0 6px 8px 0 rgba(90, 90, 90, 0.45);
}
@media (min-width: 1100px) {
  .OperatorUserMenu {
    right: calc(50% - 4.25rem);
  }
  .OperatorUserMenu:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 3.3rem;
    margin-top: -1rem;
    border-left: 1rem solid transparent;
    border-right: 1rem solid transparent;
    border-bottom: 1rem solid #f3f3f3;
  }
}
.ContentTriggerWrapper.IsActive .OperatorUserMenu {
  opacity: 1;
}
.OperatorUserMenu:before {
  display: none;
  content: " ";
  width: 0;
  height: 0;
  position: absolute;
  top: 0.1rem;
  right: 3.3rem;
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
  border-bottom: 1rem solid #f3f3f3;
}
.OperatorUserMenuWrapper {
  display: flex;
  flex-direction: column;
  background: #fff;
  max-height: calc(100vh - 11rem);
  overflow-y: auto;
  background: #f3f3f3;
  box-sizing: border-box;
  padding: 0 0 1.5rem;
}
@media (min-width: 1100px) {
  .OperatorUserMenuWrapper {
    width: 100%;
    box-shadow: none;
  }
}
.ToggleUserMenu .TotalBalanceWrapper .CurrencyPlaceholder,
.ToggleUserMenu .TotalBalanceWrapper .FormattedAmount {
  display: inline-block;
  padding: 0;
  font-size: 14px;
  line-height: 1;
  text-align: left;
  color: #fff;
}
.ToggleUserMenu .TotalBalanceWrapper .CurrencyPlaceholder,
.ToggleUserMenu .TotalBalanceWrapper.FormattedAmount {
  padding: 0 0.4rem;
}
.OperatorUserMenuWrapper .TotalBalanceWrapper {
  box-sizing: border-box;
  padding: 1.6rem 0;
  margin: 0 16px;
  font-size: 1.6rem;
  font-weight: 600;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.OperatorUserMenuWrapper .BalanceWrapper .Text,
.OperatorUserMenuWrapper .TotalBalanceWrapper .Text,
.OperatorUserMenuWrapper .TotalBonusesWrapper .Text {
  display: inline-block;
}
.OperatorUserMenuWrapper .TotalBalanceWrapper .Text {
  color: #4e4e4e;
}
.OperatorUserMenuWrapper .BalanceWrapper .Currency,
.OperatorUserMenuWrapper .TotalBalanceWrapper .Currency,
.OperatorUserMenuWrapper .TotalBonusesWrapper .Currency {
  display: inline-block;
  float: right;
}
.OperatorUserMenuWrapper .BalanceWrapper,
.OperatorUserMenuWrapper .TotalBonusesWrapper {
  padding: 1.6rem;
  font-size: 1.6rem;
}
.OperatorUserMenuWrapper .TotalBonusesWrapper {
  padding: 0 1.6rem;
}
.ComponentContentTrigger.IsActive .OperatorUserMenu:before {
  display: block;
}
.OperatorUserText {
  display: block;
  min-height: 1.8rem;
  padding: 2rem 1.6rem 1.3rem;
  font-size: 1.6rem;
  line-height: 1.8rem;
  text-align: left;
}
.OperatorUserMenu .UserBalance {
  display: block;
  margin: 0 1.6rem;
}
.OperatorUserMenu .UserBalance.Hidden {
  display: none;
}
.UserBalanceAmount {
  display: block;
  width: auto;
  padding: 1.4rem 0;
  margin: 0 1.6rem 1rem;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  color: #212121;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 600;
}
.UserBalanceBonus,
.UserBalanceChips {
  display: block;
  padding: 0 1.6rem;
  font-size: 1.4rem;
  line-height: 2.8rem;
}
.UserBalanceAmount p,
.UserBalanceBonus p,
.UserBalanceChips p {
  margin: 0;
}
.BalanceLabel {
  display: block;
  float: left;
}
.BalanceValue {
  display: block;
  float: right;
  text-align: right;
  font-weight: inherit;
}
.OperatorHeaderDeposit {
  display: block;
  position: relative;
  min-width: 88%;
  margin: 1.6rem;
  padding: 0.9rem 0.8rem 1.1rem;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 400;
}
.GameFrameWrapper .OperatorHeaderDeposit {
  margin: 0;
  padding: 1.3rem 1rem 1.5rem;
  min-width: 49%;
  float: left;
  background: #fff;
  border: 0.1rem solid #212121;
  color: #212121;
}
.GameFrameWrapper .OperatorHeaderDeposit:active {
  background: #294c0b;
}
.GameFrameWrapper .OperatorHeaderDeposit:hover {
  background: #ccc;
}
.OperatorUserSubmenu {
  display: block;
  background: #fff;
  margin: 0 1.6rem;
}
.OperatorUserSubmenu .Menu {
  display: block;
}
.OperatorUserSubmenu .MenuItem {
  display: block;
  border-bottom: 0.1rem solid #f3f3f3;
}
.OperatorUserSubmenu .Anchor,
.OperatorUserSubmenu .InstanceOperatorLinkWithdrawMobile,
.OperatorUserSubmenu .LogOutButton {
  display: block;
  padding: 1rem 1.6rem;
  color: #212121;
  font-size: 1.4rem;
  line-height: 2.5rem;
  text-decoration: none;
  text-align: left;
}
.OperatorUserSubmenu .InstanceOperatorLinkWithdrawMobile {
  width: 100%;
  margin: 0;
  border: none;
  font-weight: 400;
}
.OperatorUserSubmenu .Anchor.IsActive,
.OperatorUserSubmenu .InstanceOperatorLinkWithdrawMobile.IsActive {
  font-weight: 700;
  color: #f9c408;
}
.OperatorUserSubmenu .Anchor:hover,
.OperatorUserSubmenu .InstanceOperatorLinkWithdrawMobile:hover {
  background: #d7d7d7;
  color: #212121;
}
.OperatorUserSubmenu .Anchor:active,
.OperatorUserSubmenu .InstanceOperatorLinkWithdrawMobile:hover {
  background: #fff;
  color: #f9c408;
}
.OperatorUserSubmenu .ActiveBonusCounter {
  float: right;
  padding: 0.1rem 1rem;
  background: #b3b3b3;
  color: #fff;
  border-radius: 1.5rem;
  font-size: 1.4rem;
}
.OperatorUserSubmenu .ListItem .ShowOnDesktop {
  display: none;
}
@media (min-width: 1100px) {
  .OperatorUserSubmenu .ListItem .ShowOnDesktop {
    display: block;
  }
}
.OperatorUserSubmenu .ShowOnMobile {
  display: block;
}
@media (min-width: 1100px) {
  .OperatorUserSubmenu .ShowOnMobile {
    display: none;
  }
}
.OperatorUserSubmenu .LogOutButton {
  display: block;
  width: 100%;
  font-weight: 400;
  text-transform: capitalize;
}
.OperatorUserSubmenu .LogOutButton:hover {
  border: none;
  background: #d7d7d7;
}
.SectionContent {
  position: relative;
  padding-top: 5.4rem;
  padding-bottom: 5rem;
}
@media (min-width: 1100px) {
  .SectionContent {
    padding-top: 11rem;
  }
}
.Body.iOSRebrushWrapper .SectionContent {
  padding-top: 6.8rem;
}
@media (orientation: landscape) {
  .Body.iOSRebrushWrapper .SectionContent {
    padding-top: 0;
  }
}
.Body.iOSRebrushWrapper.Page-Casino .SectionContent,
.Body.iOSRebrushWrapper.Page-LiveCasino .SectionContent,
.Body.iOSRebrushWrapper.Page-Promotions .SectionContent,
.Page-CasinoGame.Body.iOSRebrushWrapper .SectionContent {
  padding-top: 0;
}
.Body.iOSRebrushWrapper.Toggle-OperatorSearchToggle .SectionContent {
  padding-top: 2rem;
}
@media (orientation: landscape) {
  .Body.iOSRebrushWrapper.Toggle-OperatorSearchToggle .SectionContent {
    padding-top: 0;
  }
}
.Page-Casino .SectionContent,
.Page-LiveCasino .SectionContent,
.Page-Promotions .SectionContent,
.Page-Sports .SectionContent {
  width: 100%;
  background: #1e1e20;
}
.FixTabletKeyboard .SectionContent .OperatorSticky,
.Toggle-OperatorSearchToggle .SectionContent .OperatorSticky {
  opacity: 1;
}
.iOSDevice.FixTabletKeyboard .OperatorSticky {
  position: fixed;
}
.Page-ActiveBonuses.FixTabletKeyboard .SectionContent > div {
  opacity: 1;
}
.IsSearching.IsScrolled .SectionFooter,
.IsSearching .SectionFooter {
  background: #fff;
}
.SectionFooter {
  position: relative;
  margin: 2.4rem 0 0;
  padding: 1.6rem;
  background: #e6e7e8;
}
@media (min-width: 600px) {
  .SectionFooter {
    padding: 3.2rem;
  }
}
@media (min-width: 1100px) {
  .SectionFooter {
    padding: 4rem;
  }
}
@media (min-width: 1400px) {
  .SectionFooter {
    padding: 4rem;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) {
  .SectionFooter {
    padding-left: calc(2rem + env(safe-area-inset-left));
    padding-top: calc(2rem + env(safe-area-inset-top));
    padding-right: calc(2rem + env(safe-area-inset-right));
  }
}
.Page-Casino .SectionFooter,
.Page-CasinoGame .SectionFooter,
.Page-LiveCasino .SectionFooter {
  margin: 0;
}
.OperatorFooterUtilities {
  display: block;
}
@media (min-width: 600px) {
  .OperatorFooterUtilities {
    float: left;
    width: 38.2%;
  }
}
@media (min-width: 1100px) {
  .OperatorFooterUtilities {
    width: 25%;
  }
}
.OperatorFooterHelp {
  display: none;
  width: 100%;
  fill: #fff;
}
@media (min-width: 600px) {
  .OperatorFooterHelp {
    margin: 0 0 2.4rem;
  }
}
@media (min-width: 900px) {
  .OperatorFooterHelp {
    width: 61.8%;
  }
}
@media (min-width: 1100px) {
  .OperatorFooterHelp {
    width: 5.4rem;
    height: 5.4rem;
    padding: 1.5rem;
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 2;
    background: #252a31;
    color: #fff;
    fill: #fff;
    box-sizing: border-box;
    border-radius: 50%;
    box-shadow: 1px 3px 4px 0 rgba(0, 0, 0, 0.24);
  }
}
.OperatorFooterHelp .ButtonText {
  display: inline-block;
}
@media (min-width: 1100px) {
  .OperatorFooterHelp .ButtonText {
    display: none;
  }
}
.OperatorFooterHelp .Icon {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 1rem 0 0;
}
@media (min-width: 1100px) {
  .OperatorFooterHelp .Icon {
    margin: 0;
  }
}
.OperatorFooterHelp svg {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
}
.OperatorFooterLinks {
  display: block;
  margin: 0.6rem 0;
}
@media (min-width: 600px) {
  .OperatorFooterLinks {
    margin: 0;
  }
}
.OperatorFooterLinks .Menu {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding: 0 0 1rem;
}
@media (min-width: 600px) {
  .OperatorFooterLinks .Menu {
    flex-direction: column;
  }
}
.OperatorFooterLinks .ListItem:last-child {
  display: none;
}
@media (min-width: 1100px) {
  .OperatorFooterLinks .ListItem:last-child {
    display: block;
  }
}
.OperatorFooterLinks .MenuItem:first-child {
  display: block;
}
@media (min-width: 1100px) {
  .OperatorFooterLinks .MenuItem:first-child {
    display: none;
  }
}
.OperatorFooterLinks .LanguageSelectorContainer {
  display: block;
  max-width: 14rem;
  position: relative;
  color: #212121;
  font-size: 1.2rem;
  line-height: 1.7rem;
  text-align: center;
  text-decoration: none;
}
@media (min-width: 400px) {
  .OperatorFooterLinks .LanguageSelectorContainer {
    font-size: 1.6rem;
    line-height: 2rem;
  }
}
@media (min-width: 1100px) {
  .OperatorFooterLinks .LanguageSelectorContainer {
    font-size: 1.8rem;
    line-height: 2.3rem;
    text-align: left;
  }
}
@media (min-width: 1100px) {
  .OperatorFooterLinks:before {
    content: " ";
    display: block;
    width: 4rem;
    height: 0.4rem;
    margin: 0 0 1.2rem;
    background: #f9c408;
    overflow: hidden;
  }
}
.OperatorFooterLinks .CustomSelectTrigger {
  display: block;
  padding: 1rem 0;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 400px) {
  .OperatorFooterLinks .CustomSelectTrigger {
    padding: 2rem 1rem;
  }
}
@media (min-width: 600px) {
  .OperatorFooterLinks .CustomSelectTrigger {
    padding: 1.4rem 0;
    text-align: left;
  }
}
@media (min-width: 1100px) {
  .OperatorFooterLinks .CustomSelectTrigger {
    display: none;
  }
}
.OperatorFooterLinks .CustomSelectTrigger:active,
.OperatorFooterLinks .CustomSelectTrigger:hover {
  color: #f9c408;
}
.OperatorFooterLinks .LanguageSelectorSelectedCode {
  display: none;
}
.OperatorFooterLinks .Icon {
  display: inline-block;
  width: 1.7rem;
  height: 1.7rem;
  margin: -0.5rem 1.2rem 0 0;
  vertical-align: middle;
  overflow: hidden;
}
@media (min-width: 400px) {
  .OperatorFooterLinks .Icon {
    display: inline-block;
  }
}
@media (min-width: 1100px) {
  .OperatorFooterLinks .Icon {
    display: none;
  }
}
.OperatorFooterLinks .CustomSelectIcon {
  position: absolute;
}
.OperatorFooterLinks .SvgIcon {
  display: block;
}
.OperatorFooterLinks svg {
  display: block;
  width: 100%;
  height: auto;
}
.OperatorFooterLinks .CustomListContainer {
  display: block;
  width: 12rem;
  height: 0;
  overflow: hidden;
  background: #fff;
  position: absolute;
  top: 4rem;
  text-align: left;
  border-radius: 0.4rem;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.24);
  opacity: 0;
  transition: height 0.3s ease-in-out, opacity 0.2s ease-in;
}
@media (min-width: 400px) {
  .OperatorFooterLinks .CustomListContainer {
    width: 200%;
  }
}
@media (min-width: 600px) {
  .OperatorFooterLinks .CustomListContainer {
    width: 100%;
    top: 4.8rem;
  }
}
@media (min-width: 1100px) {
  .OperatorFooterLinks .CustomListContainer {
    top: 6.4rem;
  }
}
.OperatorFooterLinks .CustomSelectTrigger:focus + .CustomListContainer {
  height: 5.4rem;
  opacity: 1;
}
@media (min-width: 1100px) {
  .OperatorFooterLinks .CustomSelectTrigger:focus + .CustomListContainer {
    height: 5.6rem;
  }
}
.LanguageSelectorContainer:hover .CustomListContainer {
  display: block;
  height: 4.2rem;
  z-index: 1;
  opacity: 1;
}
@media (min-width: 600px) {
  .LanguageSelectorContainer:hover .CustomListContainer {
    height: 4.6rem;
  }
}
@media (min-width: 1100px) {
  .LanguageSelectorContainer:hover .CustomListContainer {
    height: auto;
    right: -0.4rem;
    top: 3.5rem;
  }
}
.OperatorFooterLinks .CustomSelectOption {
  display: block;
  padding: 1.2rem;
  cursor: pointer;
}
.OperatorFooterLinks .TRFlag {
  display: none;
}
.OperatorFooterLinks .CustomSelectOption:active,
.OperatorFooterLinks .CustomSelectOption:hover {
  color: #f9c408;
}
.OperatorFooterLinks .Anchor {
  display: block;
  padding: 1rem;
  color: #212121;
  font-size: 1.2rem;
  line-height: 1.7rem;
  text-align: center;
  text-decoration: none;
}
@media (min-width: 400px) {
  .OperatorFooterLinks .Anchor {
    padding: 2rem 1rem;
    font-size: 1.6rem;
    line-height: 2rem;
  }
}
@media (min-width: 600px) {
  .OperatorFooterLinks .Anchor {
    padding: 1.4rem 0;
    text-align: left;
  }
}
@media (min-width: 1100px) {
  .OperatorFooterLinks .Anchor {
    padding: 1.2rem 0;
    font-size: 1.8rem;
    line-height: 2.3rem;
  }
}
.OperatorFooterLinks .Anchor.IsActive,
.OperatorFooterLinks .Anchor:active,
.OperatorFooterLinks .Anchor:hover {
  color: #f9c408;
}
.OperatorFooterMisc {
  display: block;
}
@media (min-width: 600px) {
  .OperatorFooterMisc {
    overflow: hidden;
  }
}
.AppContainer .OperatorFooterMisc .ShowOnMobile {
  display: flex;
}
@media (min-width: 1100px) {
  .AppContainer .OperatorFooterMisc .ShowOnMobile {
    display: none;
  }
}
.AppContainer .OperatorFooterMisc .ShowOnDesktop {
  display: none;
}
@media (min-width: 1100px) {
  .AppContainer .OperatorFooterMisc .ShowOnDesktop {
    display: flex;
  }
}
.OperatorFooterMisc .List {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 1rem 0;
}
@media (min-width: 1100px) {
  .OperatorFooterMisc .List {
    padding: 1rem 0 3rem;
  }
}
.OperatorFooterMisc .ListItem {
  display: block;
}
.OperatorFooterMisc .Anchor {
  display: block;
  padding: 1rem;
}
.OperatorFooterMisc .Picture,
.OperatorFooterMisc img {
  display: block;
  height: 2.5rem;
  width: auto;
  filter: grayscale(100%);
  will-change: filter;
}
.OperatorFooterMisc .Anchor:hover .Picture,
.OperatorFooterMisc .Anchor:hover img {
  filter: grayscale(0);
}
.MGALogoImage .PictureImg {
  height: 4rem;
  width: 7.9rem;
}
.OperatorFooterLogos {
  display: block;
  padding: 3rem 0;
  border-top: 1px solid #d7d7d7;
}
@media (min-width: 600px) {
  .OperatorFooterLogos {
    padding-top: 0;
    border: none;
  }
}
.OperatorFooterLogos img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
@media (min-width: 1100px) {
  .OperatorFooterLogos img {
    margin: 0;
  }
}
.OperatorFooterLicense,
.OperatorFooterMisc .Text,
.OperatorFooterResponsible {
  display: block;
  padding: 3rem 0 5rem;
  border-top: 1px solid #d7d7d7;
  color: #828282;
  font-size: 1.2rem;
  line-height: 1.7rem;
  text-align: center;
}
@media (min-width: 600px) {
  .OperatorFooterLicense,
  .OperatorFooterMisc .Text,
  .OperatorFooterResponsible {
    font-size: 1.4rem;
    line-height: 1.9rem;
    text-align: left;
  }
}
.OperatorFooterMisc .Text {
  padding: 3rem 0;
}
.OperatorFooterLicense {
  text-align: left;
}
.OperatorFooterResponsible {
  display: block;
  padding: 1rem 0 0;
}
@media (min-width: 1100px) {
  .OperatorFooterResponsible {
    padding: 3rem 0 0;
  }
}
.MGALogo {
  display: block;
  position: relative;
  z-index: 1;
  float: left;
  width: auto;
  height: auto;
  margin: 0 1.6rem 0 0;
}
@media (min-width: 600px) {
  .MGALogo {
    margin: 0 2.4rem 0 0;
  }
}
.LicenceToLongToRead {
  position: relative;
  z-index: 0;
}
.LicenceToLongToRead.IsCollapsed .OperatorLicenseText {
  height: 5.5rem;
  overflow: hidden;
}
@media (min-width: 1100px) {
  .LicenceToLongToRead.IsCollapsed .OperatorLicenseText {
    height: 6rem;
    overflow: hidden;
  }
}
.LicenceToLongToRead.IsExpanded .OperatorLicenseText {
  height: auto;
  overflow: visible;
}
@media (min-width: 1100px) {
  .LicenceToLongToRead.IsExpanded .OperatorLicenseText {
    height: auto;
    overflow: visible;
  }
}
.LicenceToLongToRead .Button {
  position: absolute;
  left: calc(50% - 2.4rem);
  border: none;
}
.LicenceToLongToRead .Button svg {
  fill: #828282;
}
.LicenceToLongToRead.IsCollapsed .InstanceUp,
.LicenceToLongToRead.IsExpanded .InstanceDown {
  display: none;
}
.OperatorFooterMisc .InstanceOperatorResponsibleLink,
.OperatorFooterResponsible .Figure,
.OperatorFooterResponsible .Icon {
  display: inline-block;
  width: 2.8rem;
  height: 2.8rem;
  margin: 0 1rem 0 0;
  background: transparent;
  fill: #828282;
  vertical-align: middle;
  border-radius: 50%;
}
.OperatorFooterResponsible .TextWysiwyg {
  display: inline-block;
}
.ScrollToTopButton {
  display: block;
  position: fixed;
  bottom: calc(2rem + env(safe-area-inset-bottom));
  right: calc(1.6rem + env(safe-area-inset-right));
  width: 4.8rem;
  height: 4.8rem;
  padding: 1.1rem;
  opacity: 0.9;
  z-index: 9;
  background-color: #fff;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.25);
  border: none;
  border-radius: 50%;
}
.ScrollToTopButton:active,
.ScrollToTopButton:hover {
  background: #fff;
  border: none;
}
.ScrollToTopButton svg {
  fill: #9d9d9d;
}
.footer-wrapper {
  display: flex;
  flex-direction: column;
}
.footer-wrapper * {
  box-sizing: border-box;
}
.footer-main {
  background: #000;
}
.footer-main-contained {
  display: grid;
  grid-template-columns: auto;
  grid-auto-rows: auto;
  grid-row-gap: 2rem;
}
@media (min-width: 1100px) {
  .footer-main-contained {
    grid-template-columns: repeat(3, auto);
  }
}
.footer-main-col,
.footer-secondary-col {
  padding: 0 3rem;
}
@media (min-width: 1366px) {
  .footer-main-col,
  .footer-secondary-col {
    padding-top: 3rem;
    padding-bottom: 4rem;
  }
}
.footer-main-col:first-child {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: -2rem;
}
.footer-main-col:first-child .MainIcon svg {
  width: 100%;
  height: auto;
}
.footer-main-col:first-child .footer-logo-wrapper {
  padding: 2rem 0;
  max-width: 19rem;
  width: 100%;
}
@media (min-width: 1366px) {
  .footer-main-col:first-child .footer-logo-wrapper {
    padding: 0 0 2rem;
  }
}
.footer-main-col:first-child .footer-social-wrapper {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
}
@media (min-width: 1366px) {
  .footer-main-col:first-child .footer-social-wrapper {
    justify-content: flex-start;
  }
}
.footer-main-col:first-child .footer-social-icon img {
  width: 3rem;
  height: 3rem;
  margin: 0 1.2rem 1.2rem 0;
}
.footer-main-col:first-child .footer-social-icon img:nth-last-child {
  margin-right: 0;
}
@media (min-width: 1100px) {
  .footer-main-col:first-child {
    grid-column: 1/4;
    grid-row: 1;
    flex-direction: column;
    justify-content: space-around;
  }
}
@media (min-width: 1366px) {
  .footer-main-col:first-child {
    margin-bottom: 0;
  }
}
.footer-main-col:nth-child(2) {
  background-color: hsla(0, 0%, 100%, 0.5);
}
@media (min-width: 1100px) {
  .footer-main-col:nth-child(2) {
    grid-column: 1/4;
    grid-row: 2;
  }
}
.footer-nav-list {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1100px) {
  .footer-nav-list {
    flex-direction: row;
    justify-content: space-evenly;
  }
}
.footer-nav-item {
  width: 100%;
  font-size: 1.6rem;
  text-align: center;
  text-transform: uppercase;
  padding: 2rem 0;
  border-bottom: 0.1rem solid hsla(0, 0%, 100%, 0.9);
}
.footer-nav-item:last-child {
  border-bottom: none;
}
@media (min-width: 1100px) {
  .footer-nav-item {
    width: auto;
    border-bottom: none;
  }
}
.footer-external-logo-title {
  font-size: 1.6rem;
  font-weight: 400;
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 1.4rem;
}
@media (min-width: 1366px) {
  .footer-external-logo-title {
    text-align: left;
    padding-left: 1.3rem;
  }
}
.footer-external-logo-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1366px) {
  .footer-external-logo-list {
    justify-content: flex-start;
  }
}
.footer-external-logo-item img {
  width: 9rem !important;
  height: auto;
  padding: 0.8rem;
  margin: 0.8rem;
  background: hsla(0, 0%, 100%, 0.2);
}
@media (min-width: 1100px) {
  .footer-secondary {
    padding-left: 5rem;
  }
}
.footer-secondary-col {
  padding-top: 3rem;
  padding-bottom: 2rem;
}
.footer-secondary-copy {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: justify;
  color: #828282;
}
@media (min-width: 1100px) {
  .footer-secondary-contained {
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-auto-rows: auto;
  }
}
@media (min-width: 1100px) {
  .footer-secondary-col-1 {
    grid-column: 1/3;
  }
}
.footer-externalLicence {
  padding: 1.4rem 0 2.6rem;
}
@media (min-width: 1100px) {
  .footer-externalLicence {
    grid-column: 3;
  }
}
@media (max-width: 767px) {
  .footer-externalLicence {
    min-height: 11rem;
  }
}
@media (min-width: 1366px) {
  .footer-main-contained {
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: auto;
  }
  .footer-main-col:first-child {
    grid-column: 1;
    grid-row: 1;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .footer-main-col:first-child .footer-logo-wrapper,
  .footer-main-col:first-child .footer-social-wrapper {
    flex-basis: unset;
  }
  .footer-main-col:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
  }
  .footer-main-col:nth-child(2) .footer-nav-list {
    height: 100%;
    flex-direction: column;
    justify-content: unset;
    align-items: flex-start;
  }
  .footer-main-col:nth-child(2) .footer-nav-item {
    text-align: left;
    padding: 2rem 0;
  }
  .footer-main-col:nth-child(2) .footer-nav-item:first-child {
    padding: 0 0 2rem;
  }
  .footer-main-col:nth-child(3) {
    grid-column: 3;
    grid-row: 1;
  }
  .footer-main-col:nth-child(4) {
    grid-column: 4;
    grid-row: 1;
  }
  .footer-main-col:nth-child(5) {
    grid-column: 5;
    grid-row: 1;
  }
}
.LoadingScreen ~ .NotificationList {
  display: none;
}
.NotificationList {
  display: block;
  width: 100%;
  position: fixed;
  top: 5.4rem;
  left: 0;
  z-index: 9;
}
@media (min-width: 1100px) {
  .NotificationList {
    top: 11rem;
  }
}
.NotificationList .ListItem {
  display: block;
  margin: 0;
  background: #f7f7f7;
  color: #212121;
}
.Notification {
  display: block;
  min-height: 4.6rem;
  padding: 0.8rem 4rem;
  position: relative;
  box-sizing: border-box;
  fill: #a5d2e1;
  font-size: 1.2rem;
  line-height: 2rem;
  box-shadow: 0 0.5rem 1rem rgba(33, 33, 33, 0.4);
}
@media (min-width: 600px) {
  .Notification {
    padding: 1.6rem 4rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}
@media (min-width: 1100px) {
  .Notification {
    padding: 1.4rem 4.4rem;
  }
}
.Notification:before {
  content: url(/static/img/icon-info.svg);
  display: inline-block;
  position: absolute;
  top: 1.2rem;
  left: 1.4rem;
}
.NotificationError:before {
  content: url(/static/img/icon-error.svg);
}
.NotificationSuccess:before {
  content: url(/static/img/icon-success.svg);
}
.NotificationContent {
  display: block;
  margin: 0 2rem 0 0;
  color: #212121;
  fill: #212121;
  border: none;
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 600;
}
.NotificationContent:before {
  display: none;
}
.NotificationCloseButton {
  display: block;
  padding: 0.2rem;
  position: absolute;
  overflow: visible;
  top: 0.9rem;
  right: 2.2rem;
  color: #252a31;
  fill: #252a31;
  border: none;
}
.NotificationCloseButton:active,
.NotificationCloseButton:hover {
  opacity: 0.5;
  border: none;
}
.OperatorSlider {
  position: relative;
  z-index: 0;
  display: block;
  overflow: hidden;
  background: #212121;
  color: #fff;
}
.OperatorSliderBorder {
  width: 100%;
  height: 1.1rem;
  position: absolute;
  bottom: 0;
  margin-top: -1.1rem;
  background: hsla(0, 0%, 100%, 0.2);
  z-index: 9;
}
.FixTabletKeyboard .OperatorSlider,
.Toggle-OperatorSearchToggle .OperatorSlider {
  height: 0;
  visibility: hidden;
}
@media (min-width: 1100px) {
  .FixTabletKeyboard .OperatorSlider,
  .Toggle-OperatorSearchToggle .OperatorSlider {
    display: block;
  }
}
.CustomHomePageSlider .slider,
.OperatorSlider .slider {
  display: block;
}
.CustomHomePageSlider .slider-frame,
.OperatorSlider .slider-frame {
  height: 23.2rem;
  min-height: 23.2rem;
}
@media (min-width: 600px) {
  .CustomHomePageSlider .slider-frame,
  .OperatorSlider .slider-frame {
    height: 31.8rem;
  }
}
@media (min-width: 1100px) {
  .CustomHomePageSlider .slider-frame,
  .OperatorSlider .slider-frame {
    height: 37rem;
  }
}
.CustomHomePageSlider .slider-list,
.OperatorSlider .slider-list {
  display: block;
  min-height: 23.2rem;
  max-height: 23.2rem;
}
@media (min-width: 600px) {
  .CustomHomePageSlider .slider-list,
  .OperatorSlider .slider-list {
    min-height: 31.8rem;
    max-height: 31.8rem;
  }
}
@media (min-width: 1100px) {
  .CustomHomePageSlider .slider-list,
  .OperatorSlider .slider-list {
    min-height: 33rem;
    max-height: 33rem;
  }
}
.CustomHomePageSlider .slider-slide,
.OperatorSlider .slider-slide {
  display: block;
  overflow: hidden;
}
.CustomHomePageSlider .Anchor,
.CustomHomePageSlider div.SliderItem,
.OperatorSlider .Anchor,
.OperatorSlider .PromoWrapper,
.OperatorSlider div.SliderItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4.8rem 1.6rem 0;
  min-height: 23.2rem;
  position: relative;
  color: #fff;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
}
@media (min-width: 600px) {
  .CustomHomePageSlider .Anchor,
  .CustomHomePageSlider div.SliderItem,
  .OperatorSlider .Anchor,
  .OperatorSlider .PromoWrapper,
  .OperatorSlider div.SliderItem {
    min-height: 31.8rem;
    padding: 4.8rem 3.2rem 0;
  }
}
@media (min-width: 1100px) {
  .CustomHomePageSlider .Anchor,
  .CustomHomePageSlider div.SliderItem,
  .OperatorSlider .Anchor,
  .OperatorSlider .PromoWrapper,
  .OperatorSlider div.SliderItem {
    padding: 0 7.5rem;
    height: 33rem;
    align-items: flex-start;
    text-align: left;
  }
}
.CustomHomePageSlider .Anchor:hover,
.OperatorSlider .Anchor:hover {
  text-decoration: none;
  opacity: 0.9;
}
.OperatorSlider .AnchorText {
  display: none;
}
.OperatorSlider .Title {
  display: block;
  padding: 0;
  color: inherit;
  font-size: 2.8rem;
  line-height: 2.8rem;
  font-weight: 700;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
  margin: 0 0 1rem;
}
@media (min-width: 600px) {
  .OperatorSlider .Title {
    font-size: 3.6rem;
    line-height: 3.6rem;
  }
}
@media (min-width: 1100px) {
  .OperatorSlider .Title {
    max-width: 33.3333%;
    font-size: 4.4rem;
    line-height: 4.4rem;
  }
}
.OperatorSlider .Text,
.OperatorSlider .TextWysiwyg {
  display: block;
  margin: 0.2rem 0 1rem;
  font-size: 1.4rem;
  line-height: 2rem;
}
@media (min-width: 600px) {
  .OperatorSlider .Text,
  .OperatorSlider .TextWysiwyg {
    margin: 0.6rem 0 0;
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
}
@media (min-width: 1100px) {
  .OperatorSlider .Text,
  .OperatorSlider .TextWysiwyg {
    max-width: 33.3333%;
    font-size: 1.8rem;
    line-height: 2rem;
  }
}
.OperatorSlider .TextWysiwyg p {
  margin: 0;
}
.OperatorSlider .Button {
  display: block;
  margin: 0 auto;
  padding: 0.8rem 1rem 1rem;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 600;
  border: none;
  opacity: 0.6;
}
.OperatorSlider .Button:active,
.OperatorSlider .Button:hover {
  opacity: 1;
}
@media (min-width: 400px) {
  .OperatorSlider .Button {
    margin: 1.2rem auto;
  }
}
@media (min-width: 600px) {
  .OperatorSlider .Button {
    margin: 2.5rem auto 0;
    padding: 1.3rem;
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}
@media (min-width: 1100px) {
  .OperatorSlider .Button {
    margin: 2.5rem 0 0;
    padding: 1.2rem 1.2rem 1.4rem;
    font-size: 2.2rem;
    line-height: 2.2rem;
  }
}
.OperatorSlider .PromoButtonsWrapper {
  margin-top: 1rem;
}
.OperatorSlider .ButtonIconEnd {
  display: none;
}
@media (min-width: 1100px) {
  .OperatorSlider .ButtonIconEnd {
    display: inline-block;
  }
}
.OperatorSlider .Button,
.OperatorSlider .Description,
.OperatorSlider .PromoButtonsWrapper,
.OperatorSlider .Subtitle,
.OperatorSlider .Title {
  z-index: 1;
}
.CustomHomePageSlider .ImageAnchor,
.OperatorSlider .ImageAnchor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.CustomHomePageSlider .ImageAnchor:hover,
.OperatorSlider .ImageAnchor:hover {
  opacity: 1;
}
.CustomHomePageSlider svg,
.OperatorSlider svg {
  width: 5rem;
  height: 5rem;
  fill: #fff;
}
.OperatorSlider .Button.PromoButton,
.OperatorSlider .SliderItem .Button {
  max-width: 20rem;
  height: auto;
  min-height: 3rem;
  padding: 1rem;
}
.OperatorSlider .PromoButton .AnchorText,
.OperatorSlider .SliderItem .Button .AnchorText {
  display: block;
  text-align: center;
}
.CustomHomePageSlider .Figure,
.OperatorSlider .Figure {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.CustomHomePageSlider .Picture,
.OperatorSlider .Picture {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
}
@media (min-width: 1100px) {
  .CustomHomePageSlider .Picture,
  .OperatorSlider .Picture {
    min-height: 33rem;
  }
}
.CustomHomePageSlider .PictureImg,
.OperatorSlider .PictureImg {
  display: block;
  width: auto;
  height: 100%;
  margin: 0 auto;
  flex-shrink: 0;
  max-width: none;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (min-width: 400px) {
  .CustomHomePageSlider .PictureImg,
  .OperatorSlider .PictureImg {
    width: auto;
    height: auto;
  }
}
.CustomHomePageSlider .SliderPagination,
.OperatorSlider .SliderPagination {
  display: flex;
  align-items: center;
  display: none;
}
.CustomHomePageSlider .SliderPagination .ListItem,
.OperatorSlider .SliderPagination .ListItem {
  margin: 0 1rem 1rem 0;
}
.CustomHomePageSlider .SliderPagination .ListItem:last-child,
.OperatorSlider .SliderPagination .ListItem:last-child {
  margin-right: 0;
}
.CustomHomePageSlider .SliderPagination .Button,
.OperatorSlider .SliderPagination .Button {
  width: 1rem;
  height: 1rem;
  margin: 0;
  padding: 0;
  background: #4e4e4e;
  border-radius: 50%;
  opacity: 1;
}
.CustomHomePageSlider .SliderPagination .Button:active,
.CustomHomePageSlider .SliderPagination .Button:hover,
.OperatorSlider .SliderPagination .Button:active,
.OperatorSlider .SliderPagination .Button:hover {
  background: #dedede;
}
.CustomHomePageSlider .IsActiveSlide .Button,
.OperatorSlider .IsActiveSlide .Button {
  background: #fff;
}
.LazyImage svg {
  width: 100%;
  height: 100%;
}
.InstanceCasinoLobbyTitle {
  display: none;
}
.OperatorEmptyBalance {
  display: block;
  position: relative;
  background: #ebebeb;
  color: #212121;
  font-size: 1.4rem;
  line-height: 1.9rem;
  margin: 0 0 1rem;
  border: 0.1rem solid #e6e7e8;
}
@media (min-width: 600px) {
  .OperatorEmptyBalance {
    width: 31.2rem;
    padding: 0;
    position: fixed;
    top: 11rem;
    right: 0.6rem;
    z-index: 10;
    border: none;
    background: #fff;
    font-size: 1.6rem;
    line-height: 2rem;
    border-radius: 0.2rem;
    box-shadow: 0 6px 8px 0 rgba(90, 90, 90, 0.45);
  }
}
@media (min-width: 1100px) {
  .OperatorEmptyBalance {
    right: 9.6rem;
  }
}
@media (min-width: 1400px) {
  .OperatorEmptyBalance {
    right: calc(50% - 70.4rem);
  }
}
.OperatorEmptyBalance .BuyChipsWrapper {
  padding: 1.6rem 1.6rem 1.6rem 3.6rem;
  margin: 0;
  border-radius: 0.2rem;
  border: none;
}
@media (min-width: 600px) {
  .OperatorEmptyBalance .BuyChipsWrapper {
    padding: 1.6rem 0 0;
  }
}
.OperatorEmptyBalance .BuyChipsWrapper:before {
  display: none;
  content: " ";
  width: 0;
  height: 0;
  position: absolute;
  top: -1rem;
  right: 10rem;
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
  border-bottom: 1rem solid #fff;
}
@media (min-width: 600px) {
  .OperatorEmptyBalance .BuyChipsWrapper:before {
    display: block;
    right: 13rem;
  }
}
@media (min-width: 1100px) {
  .OperatorEmptyBalance .BuyChipsWrapper:before {
    display: block;
    right: 12rem;
  }
}
.OperatorEmptyBalance .BuyChipsWrapper .OperatorHeaderDeposit {
  float: right;
  width: auto;
  min-width: 10rem;
  max-width: 35%;
  margin: 0 0 0 0.8rem;
}
@media (min-width: 600px) {
  .OperatorEmptyBalance .BuyChipsWrapper .OperatorHeaderDeposit {
    display: none;
    margin: 0;
  }
}
.BuyChipsLabel {
  display: block;
  font-weight: 600;
  padding: 0;
}
@media (min-width: 600px) {
  .BuyChipsLabel {
    padding: 0;
  }
}
.OperatorEmptyBalance .Text,
.OperatorEmptyBalance .TextWysiwyg {
  display: block;
}
@media (min-width: 600px) {
  .OperatorEmptyBalance .Text,
  .OperatorEmptyBalance .TextWysiwyg {
    padding: 1.2rem 1.6rem;
  }
}
.OperatorEmptyBalance .Anchor {
  display: block;
  float: right;
  margin: 0 0 0 1rem;
}
@media (min-width: 600px) {
  .OperatorEmptyBalance .Anchor {
    display: none;
  }
}
.OperatorEmptyBalance .CloseEmptyBalance {
  display: block;
  width: 3rem;
  padding: 0;
  position: absolute;
  top: calc(50% - 1.3rem);
  left: 0.3rem;
  border: none;
}
@media (min-width: 600px) {
  .OperatorEmptyBalance .CloseEmptyBalance {
    width: 100%;
    position: static;
    margin-top: 1.6rem;
    padding: 1.4rem;
    border-radius: 0;
    border: none;
    border-top: 1px solid #d7d7d7;
    color: #f9c408;
    font-size: 1.4rem;
    line-height: 1.6rem;
    text-transform: uppercase;
  }
}
.OperatorEmptyBalance .CloseEmptyBalance svg {
  fill: rgba(0, 0, 0, 0.5);
}
@media (min-width: 600px) {
  .OperatorEmptyBalance .CloseEmptyBalance:active,
  .OperatorEmptyBalance .CloseEmptyBalance:hover {
    border: none;
    border-top: 1px solid #d7d7d7;
    color: #212121;
  }
}
.CloseEmptyBalance .ButtonText {
  display: none;
}
@media (min-width: 600px) {
  .CloseEmptyBalance .ButtonText {
    display: block;
  }
}
.CloseEmptyBalance .Icon {
  display: block;
}
@media (min-width: 600px) {
  .CloseEmptyBalance .Icon {
    display: none;
  }
}
.StickyWrapper {
  width: 100%;
  color: #fff;
  border-bottom: 0.1rem solid hsla(0, 0%, 100%, 0.2);
  background: #151516;
}
.StickyWrapper .Anchor .FavoriteGamesNumber {
  background: none;
  line-height: 1.7rem;
  font-size: 1.3rem;
}
.StickyWrapper .Anchor:hover .FavoriteGamesNumber {
  color: #f9c408;
}
.StickyWrapper.IsSticky {
  position: fixed;
  top: 5.4rem;
  width: 100%;
  z-index: 4;
}
@media (min-width: 1100px) {
  .StickyWrapper.IsSticky {
    top: 11rem;
  }
}
.OperatorSticky {
  display: block;
  position: relative;
  width: 100%;
  height: 7.7rem;
  z-index: 4;
}
@media (min-width: 1100px) {
  .OperatorSticky {
    margin: 0 auto;
  }
}
@media (min-width: 1400px) {
  .OperatorSticky {
    max-width: 160rem;
  }
}
.Toggle-OperatorSearchToggle .StickyPlaceholder {
  position: relative;
  z-index: 3;
  opacity: 1;
}
.Toggle-OperatorSearchToggle.NotificationActive .StickyPlaceholder,
.Toggle-OperatorSearchToggle .OperatorSticky .DropDownBackground {
  top: 4.8rem;
}
.OperatorSW {
  display: block;
  width: 100%;
  position: absolute;
  z-index: 2;
  -webkit-transform: translateZ(0);
  top: 0;
}
@media (min-width: 1100px) {
  .OperatorSW {
    height: 100%;
    -webkit-transform: none;
    z-index: auto;
  }
}
.Toggle-OperatorSearchToggle .OperatorSW {
  -webkit-transform: none;
}
@media (min-width: 1100px) {
  .Toggle-OperatorSearchToggle .OperatorSW {
    margin-top: 0;
  }
}
.SearchTrigger.InstanceSearchTriggerMobile,
.SearchTrigger.InstanceSearchTriggerMobileLiveCasino {
  display: block;
  height: auto;
  position: absolute;
  z-index: 2;
  overflow: visible;
}
@media (min-width: 1100px) {
  .SearchTrigger.InstanceSearchTriggerMobile,
  .SearchTrigger.InstanceSearchTriggerMobileLiveCasino {
    display: none;
  }
}
.InstanceSearchTriggerMobile .ContentTrigger,
.InstanceSearchTriggerMobileLiveCasino .ContentTrigger {
  display: block;
  width: 1.8rem;
  height: 1.7rem;
  padding: 1.6rem 1.2rem;
  position: relative;
  z-index: 99;
  left: 0;
  top: 0;
  border: none;
  border-radius: 0;
  color: #252a31;
  fill: #252a31;
  box-sizing: content-box;
  overflow: visible;
}
@media (min-width: 600px) {
  .InstanceSearchTriggerMobile .ContentTrigger,
  .InstanceSearchTriggerMobileLiveCasino .ContentTrigger {
    padding: 2.1rem 1.2rem;
  }
}
@media only screen and (orientation: landscape) {
  .InstanceSearchTriggerMobile .ContentTrigger,
  .InstanceSearchTriggerMobileLiveCasino .ContentTrigger {
    padding: 1.8rem 1.2rem;
  }
}
@media (min-width: 1100px) {
  .InstanceSearchTriggerMobile .ContentTrigger,
  .InstanceSearchTriggerMobileLiveCasino .ContentTrigger {
    display: none;
  }
}
.Toggle-OperatorSearchToggle .InstanceSearchTriggerMobile .ContentTrigger {
  display: block;
  width: 3.2rem;
  height: 4.2rem;
  padding: 0.5rem 0.6rem;
  border: none;
  background: transparent;
}
@media (min-width: 600px) {
  .Toggle-OperatorSearchToggle .InstanceSearchTriggerMobile .ContentTrigger {
    padding: 1rem 0.6rem;
    top: -0.6rem;
  }
}
@media (min-width: 1100px) {
  .Toggle-OperatorSearchToggle .InstanceSearchTriggerMobile .ContentTrigger {
    top: 0;
  }
}
.InstanceSearchContainer {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 1100px) {
  .InputFocused .InstanceOperatorSearchfieldWrapper:before,
  .IsSearching .InstanceOperatorSearchfieldWrapper:before {
    content: "";
    width: 14rem;
    height: 5.6rem;
    position: absolute;
    right: 25rem;
    background: none;
    z-index: 2;
  }
}
.InstanceCasinoSearchWrapper.SearchTrigger,
.InstanceLivecasinoSearchWrapper.SearchTrigger {
  display: none;
}
@media (min-width: 1100px) {
  .InstanceCasinoSearchWrapper.SearchTrigger,
  .InstanceLivecasinoSearchWrapper.SearchTrigger {
    display: block;
    float: right;
    height: 100%;
    margin-right: 3rem;
  }
}
@media (min-width: 1380px) {
  .InstanceCasinoSearchWrapper.SearchTrigger,
  .InstanceLivecasinoSearchWrapper.SearchTrigger {
    width: 22rem;
  }
}
@media (min-width: 1100px) {
  .InstanceCasinoSearchWrapper.SearchTrigger:before,
  .InstanceLivecasinoSearchWrapper.SearchTrigger:before {
    content: " ";
    position: absolute;
    left: -8rem;
    height: 100%;
    width: 5rem;
    background-image: linear-gradient(90deg, rgba(21, 21, 22, 0.8), #151516);
  }
}
.Page-CasinoGame.ModalIsOpen.InputFocused
  .ModalContent
  .InstanceCasinoSearchWrapper.SearchTrigger,
.Page-CasinoGame.ModalIsOpen.InputFocused
  .ModalContent
  .InstanceLivecasinoSearchWrapper.SearchTrigger,
.Page-CasinoGame.ModalIsOpen.IsSearching
  .ModalContent
  .InstanceCasinoSearchWrapper.SearchTrigger,
.Page-CasinoGame.ModalIsOpen.IsSearching
  .ModalContent
  .InstanceLivecasinoSearchWrapper.SearchTrigger {
  width: auto;
}
.Page-CasinoGame.InputFocused .InstanceCasinoSearchWrapper.SearchTrigger,
.Page-CasinoGame.InputFocused .InstanceLivecasinoSearchWrapper.SearchTrigger,
.Page-CasinoGame.IsSearching .InstanceCasinoSearchWrapper.SearchTrigger,
.Page-CasinoGame.IsSearching .InstanceLivecasinoSearchWrapper.SearchTrigger {
  width: 31.8rem;
}
.GameLeftWrapper .InstanceCasinoSearchWrapper.SearchTrigger:before,
.GameLeftWrapper .InstanceLivecasinoSearchWrapper.SearchTrigger:before {
  content: none;
}
.SearchTrigger {
  display: block;
  height: 5.4rem;
  position: absolute;
  z-index: 2;
  overflow: hidden;
  background: inherit;
}
@media (min-width: 1100px) {
  .SearchTrigger {
    height: 5.7rem;
    position: relative;
    overflow: visible;
  }
}
.SearchTrigger .ClearButton {
  display: block;
  position: absolute;
  padding: 0;
  width: 2rem;
  top: 1.5rem;
  right: 1.5rem;
  border: none;
}
@media (min-width: 1100px) {
  .SearchTrigger .ClearButton {
    display: none;
    top: 2.35rem;
    right: 11rem;
  }
}
@media (min-width: 1380px) {
  .SearchTrigger .ClearButton {
    right: 9rem;
  }
}
.ModalGamesWrapper .SearchTrigger .ClearButton {
  right: 11rem;
}
@media (min-width: 1100px) {
  .ReadyToChangeState .ClearButton {
    display: block;
  }
}
.SearchTrigger .ClearButton .Icon {
  position: static;
  width: 2rem;
  height: 2rem;
  fill: #4e4e4e;
}
.Toggle-OperatorSearchToggle .SearchTrigger {
  overflow: visible;
  height: 5.4rem;
  background: #151516;
}
@media (min-width: 600px) {
  .Toggle-OperatorSearchToggle .SearchTrigger {
    height: 6.4rem;
  }
}
@media (min-width: 1100px) {
  .Toggle-OperatorSearchToggle .SearchTrigger {
    height: 5.9rem;
  }
}
@media (max-width: 1100px) {
  .Toggle-OperatorSearchToggle .IgReelsContainer,
  .Toggle-OperatorSearchToggle .SectionHeader {
    z-index: 3;
  }
}
@media (max-width: 1100px) {
  .Toggle-OperatorSearchToggle .BottomMobileMenu .SearchTrigger.IsActive,
  .Toggle-OperatorSearchToggle .SearchTrigger.IsActive {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 6;
  }
}
@media (max-width: 1100px) {
  .Toggle-OperatorSearchToggle .SearchForm {
    margin-left: 0.3rem;
  }
}
.SearchTrigger .InstanceOperatorToggleSearchButton {
  display: block;
  border: none;
  width: 1.8rem;
  height: 1.8rem;
  min-height: 1.8rem;
  padding: 1.6rem 1.2rem 1.7rem;
  fill: #4e4e4e;
  box-sizing: content-box;
}
@media (min-width: 600px) {
  .SearchTrigger .InstanceOperatorToggleSearchButton {
    width: 2rem;
    height: 2.6rem;
    min-height: 2rem;
    font-size: 1.6rem;
    line-height: 2rem;
  }
}
@media (min-width: 1100px) {
  .SearchTrigger .InstanceOperatorToggleSearchButton {
    display: none;
    position: absolute;
    left: 3.9rem;
    top: 0.6rem;
  }
}
.SearchTrigger .InstanceOperatorToggleSearchButton:hover {
  color: #f9c408;
  fill: #f9c408;
}
.SearchTrigger .InstanceOperatorToggleSearchButton:active {
  color: #ffe900;
  fill: #ffe900;
}
.SearchTrigger .ButtonText {
  display: none;
}
.SearchTrigger .Icon,
.Toggle-OperatorSearchToggle .SearchTrigger .ButtonIconStart {
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 1100px) {
  .SearchTrigger .Icon,
  .Toggle-OperatorSearchToggle .SearchTrigger .ButtonIconStart {
    display: none;
  }
}
.SearchTrigger .InstanceIconSearch.ButtonIconStart {
  margin-top: 1.2rem;
}
@media (min-width: 1100px) {
  .SearchTrigger .InstanceIconSearch.ButtonIconStart {
    margin-top: 0;
  }
}
.SearchTrigger .SvgIcon {
  display: block;
  width: 100%;
  height: 100%;
}
.ComponentContentTrigger .ButtonIconEnd {
  display: none;
}
.ComponentContentTrigger.IsActive .ButtonIconEnd {
  display: block;
}
.OperatorSticky .IsActive .ContentTrigger .ButtonIconStart,
.Toggle-OperatorSearchToggle .InstanceSearchTriggerMobile .InstanceIconSearch,
.Toggle-OperatorSearchToggle .SearchTriggerMobile .InstanceIconSearch {
  display: none;
}
.Toggle-OperatorSearchToggle
  .InstanceSearchTriggerMobile
  .InstanceBackArrowLeft,
.Toggle-OperatorSearchToggle .SearchTriggerMobile .InstanceIconSearch {
  display: block;
}
.SearchTrigger svg {
  display: block;
  width: 100%;
  height: auto;
  color: #fff;
  fill: #fff;
}
.SearchTrigger .ButtonIconEnd svg,
.SearchTrigger .InstanceOperatorBack svg {
  display: block;
  width: 100%;
  height: 100%;
}
@media (-webkit-min-device-pixel-ratio: 1.9) {
  .SearchTrigger .InstanceOperatorBack svg {
    fill: #666;
  }
}
.CloseButton {
  display: none;
  width: 4rem;
  padding: 1.2rem 0.9rem;
  position: absolute;
  height: 5.7rem;
  top: 0;
  left: -4rem;
  z-index: 2;
  border: none;
  color: #fff;
  fill: #fff;
}
.CloseButton:active,
.CloseButton:hover {
  border: none;
  color: #ffe900;
}
@media (min-width: 600px) {
  .CloseButton {
    padding: 1.8rem 0.9rem;
    right: 0;
    height: 6.6rem;
  }
}
@media (min-width: 1100px) {
  .CloseButton {
    display: none;
    width: 9.8rem;
    height: 5.5rem;
    left: -10rem;
    padding: 0;
    border-radius: 0;
  }
  .CloseButton:before {
    content: " ";
    position: absolute;
    left: -9.6rem;
    height: 4rem;
    width: 10rem;
    background: none;
  }
  .CloseButton:active,
  .CloseButton:hover {
    background: none;
  }
}
@media (min-width: 1380px) {
  .CloseButton {
    left: -8rem;
    border: none;
  }
  .CloseButton:before {
    content: none;
  }
}
@media (min-width: 1450px) {
  .CloseButton,
  .CloseButton:active,
  .CloseButton:hover {
    border: none;
  }
}
.InstanceOperatorCloseSearchButton {
  position: relative;
  left: 0;
  align-self: center;
  order: 1;
  width: 9.8rem;
  height: 100%;
  margin-right: 2rem;
  margin-left: 0.4rem;
  white-space: nowrap;
}
.InstanceOperatorCloseSearchButton:before {
  content: none;
}
@media (min-width: 1100px) {
  .InstanceOperatorCloseSearchButton {
    width: 9.8rem;
  }
}
@media (min-width: 1100px) {
  .GameLeftWrapper .CloseButton:before {
    content: none;
  }
}
@media (min-width: 1500px) {
  .IsLoggedIn .CloseButton,
  .IsLoggedIn .CloseButton:active,
  .IsLoggedIn .CloseButton:hover {
    border: none;
  }
}
.CloseButton .InstanceBackArrowLeft.Icon {
  display: block;
  width: 1.5rem;
}
@media (min-width: 1100px) {
  .CloseButton .InstanceBackArrowLeft.Icon {
    display: none;
  }
}
.CloseButton svg {
  fill: #828282;
}
@media (min-width: 1100px) {
  .SearchContainer.ReadyToChangeState .CloseButton {
    display: block;
  }
}
.CloseButton .ButtonText {
  display: block;
}
.iOSDevice.Toggle-OperatorSearchToggle {
  position: fixed;
  overflow: hidden;
  top: 0;
}
.iOSRebrushWrapper.Toggle-OperatorSearchToggle {
  position: relative;
}
.InstanceOperatorCloseSearchButton:active,
.InstanceOperatorCloseSearchButton:hover {
  border-radius: 0;
}
.InstanceOperatorCloseSearchButton .ButtonText {
  display: none;
  line-height: 1.4;
}
@media (min-width: 1100px) {
  .InstanceOperatorCloseSearchButton .ButtonText {
    display: block;
  }
}
.InstanceOperatorCloseSearchButton .Icon {
  display: block;
}
@media (min-width: 1100px) {
  .InstanceOperatorCloseSearchButton .Icon {
    display: none;
  }
}
.SearchTrigger .InstanceShowFavorites {
  display: none;
}
.SearchContainer {
  display: block;
  position: absolute;
  top: 0;
  left: 4.2rem;
  z-index: 9;
  width: calc(100vw - 5.4rem);
  height: 4rem;
  padding: 0.7rem 1.2rem 0.7rem 0;
}
@media (min-width: 1100px) {
  .SearchContainer {
    float: none;
    width: auto;
    padding: 0.8rem 1rem 0.9rem 0;
    position: relative;
    margin-top: 0.5rem;
    left: auto;
    transform: translateZ(0);
  }
  .SearchContainer:active,
  .SearchContainer:hover {
    opacity: 1;
  }
}
@media (min-width: 1450px) {
  .InputFocused .SearchContainer,
  .IsSearching .SearchContainer {
    border-left: none;
  }
}
@media (min-width: 1100px) {
  .ReadyToChangeState.SearchContainer {
    border-left: none;
  }
  .ReadyToChangeState.SearchContainer:active,
  .ReadyToChangeState.SearchContainer:hover {
    opacity: 1;
  }
}
.SearchContainer.ReadyToChangeState .SearchIconEnd {
  display: none;
}
.InputFocused
  .GameLeftWrapper
  .SearchContainer.ReadyToChangeState
  .SearchIconEnd {
  display: block;
  left: 1rem;
}
.Toggle-OperatorSearchToggle .SearchContainer {
  transform: translateZ(0);
}
.SearchContainer.ReadyToChangeState .GameSearch {
  padding-left: 1rem;
  padding-right: 3rem;
}
.GameSearch {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0.7rem 2.5%;
  background: #151516;
  color: #fff;
  fill: #fff;
  border-radius: 0;
}
@media (min-width: 1100px) {
  .GameSearch {
    float: right;
    opacity: 1;
    width: 18.5rem;
    margin: 0;
    padding: 1.4rem 2rem 1.4rem 5rem;
    transition: width 0.5s, opacity 0.5s;
    cursor: pointer;
    border: 0.1rem solid #294c0b;
  }
}
.GameSearch::-moz-placeholder {
  color: #fff;
  fill: #fff;
}
.GameSearch::placeholder {
  color: #fff;
  fill: #fff;
}
.SearchForm {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.SearchForm > .LabelWrap {
  display: none;
}
.SearchForm > .InputContainer {
  width: 100%;
}
.SearchForm > .InputContainer > .Message {
  display: none;
}
.GameSearch:focus {
  box-shadow: inset 0 0 0.4rem 0 rgba(33, 33, 33, 0.7);
}
.SearchContainer .Icon {
  display: none;
}
@media (min-width: 1100px) {
  .SearchContainer .Icon {
    display: block;
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: 2.2rem;
    left: 2.5rem;
    pointer-events: none;
    fill: #fff;
  }
}
@media (min-width: 1380px) {
  .SearchContainer .Icon {
    left: 4rem;
  }
}
@media (min-width: 1100px) {
  .IsSearching .SearchContainer .Icon {
    left: 1rem;
  }
}
@media (min-width: 1380px) {
  .IsSearching .SearchContainer .Icon {
    left: 4rem;
  }
}
@media (min-width: 1380px) {
  .IsSearching .ModalContent .SearchContainer .Icon {
    left: 1rem;
  }
}
.ComponentSearchedGamesGrid,
.InstanceNoSearchedGamesFound {
  display: block;
  width: 100%;
  height: 0;
  padding: 0 0.8rem;
  position: absolute;
  left: 0;
  top: 6.5rem;
  overflow: hidden;
  z-index: 2;
  background: #151516;
  font-size: 1.6rem;
  line-height: 2rem;
  box-sizing: border-box;
  border: 0.1rem solid hsla(0, 0%, 100%, 0.25);
}
@media (min-width: 600px) {
  .ComponentSearchedGamesGrid,
  .InstanceNoSearchedGamesFound {
    top: 6.2rem;
  }
}
@media (min-width: 1100px) {
  .ComponentSearchedGamesGrid,
  .InstanceNoSearchedGamesFound {
    height: calc(100vh - 18rem);
    top: 7.8rem;
    padding: 2.5rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    overflow-y: auto;
  }
}
.Toggle-OperatorSearchToggle .InstanceNoSearchedGamesFound {
  margin-top: -4.2rem;
  top: 0;
}
@media (min-width: 1100px) {
  .ModalContent .InstanceNoSearchedGamesFound {
    max-height: 40.2rem;
  }
}
.iOSRebrushWrapper .ComponentSearchedGamesGrid,
.iOSRebrushWrapper .InstanceNoSearchedGamesFound {
  top: 7rem;
}
.Toggle-OperatorSearchToggle .ComponentSearchedGamesGrid,
.Toggle-OperatorSearchToggle .InstanceNoSearchedGamesFound {
  height: 100vh;
  padding: 0.8rem;
}
.Toggle-OperatorSearchToggle.FixTabletKeyboard .ComponentSearchedGamesGrid {
  min-height: 192rem;
}
.iOSDevice .ComponentSearchedGamesGrid {
  overflow-y: auto;
}
.ComponentSearchedGamesGrid .BoxTitle,
.Page-Category .CasinoGames .BoxTitle {
  display: none;
}
.Page-Category .ModalContent .BoxTitle {
  display: block;
}
.ComponentSearchedGamesGrid .OperatorViewAllGames,
.GamesContainerDesc,
.Page-Casino-Child .OperatorViewAllGames,
.Page-LiveCasino-Child .OperatorViewAllGames {
  display: none;
}
.GamesSwipeable {
  display: block;
  width: 100%;
  padding: 0;
  flex-wrap: nowrap;
  box-sizing: border-box;
  overflow-x: hidden;
  scrollbar-width: none;
  overflow: hidden;
}
@media (min-width: 1100px) {
  .GamesSwipeable {
    overflow-x: hidden;
    padding: 0 2rem;
  }
}
@media (min-width: 1400px) {
  .GamesSwipeable {
    padding: 0;
  }
}
.GamesSwipeable::-webkit-scrollbar {
  display: none;
}
@media (min-width: 1100px) {
  .Page-Casino .MsnRow .GamesSwipeable {
    padding: 0;
  }
}
@media (min-width: 1100px) {
  .Page-Casino .MsnRow.HighlightedListWrapper .GamesSwipeable {
    padding: 12rem 0 1rem 0.5rem;
  }
}
@media (min-width: 1260px) {
  .Page-Casino .MsnRow.HighlightedListWrapper .GamesSwipeable {
    padding: 12rem 0 1rem 1rem;
  }
}
.Page-Casino.IsSearching .HighlightedListWrapper .GamesSwipeable {
  display: none;
}
.OperatorFavorites .GamesContainerTitle {
  margin: 3.8rem 1.8rem 1.4rem;
}
.OperatorFavorites .GamesSwipeable {
  overflow-x: hidden;
  padding: 0;
}
.OperatorSticky .GamesSwipeable {
  border-bottom: 5rem solid transparent;
  box-sizing: border-box;
}
@media (min-width: 1100px) {
  .OperatorSticky .GamesSwipeable {
    border-bottom: 10rem solid transparent;
  }
}
.iOSDevice .OperatorSticky .GamesSwipeable {
  border-bottom: 5rem solid transparent;
  box-sizing: border-box;
}
.GamesListContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  width: auto;
  overflow: auto;
  overflow-y: hidden;
}
@media (min-width: 1100px) {
  .GamesListContainer {
    flex-wrap: wrap;
    overflow-y: auto;
  }
}
.CasinoGames .GamesListContainer {
  width: 100%;
  padding: 2.4rem 0 0 1.6rem;
  box-sizing: border-box;
  overflow: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: auto;
}
@media (min-width: 600px) {
  .CasinoGames .GamesListContainer {
    padding: 2.4rem 1.4rem 0;
  }
}
@media (min-width: 1100px) {
  .CasinoGames .GamesListContainer {
    overflow: hidden;
    padding: 3.6rem 0 0;
  }
}
@media (min-width: 1400px) {
  .CasinoGames .GamesListContainer {
    padding: 3.6rem 1.2rem 0;
  }
}
@media (min-width: 1400px) {
  .Page-Casino .MsnRow .GamesListContainer {
    padding: 3.6rem 0 1.2rem;
  }
}
.Page-Casino-Child .CasinoGames .GamesListContainer,
.Page-LiveCasino-Child .CasinoGames .GamesListContainer {
  padding: 0 1.6rem;
  margin-bottom: 10rem;
}
@media (min-width: 600px) {
  .Page-Casino-Child .CasinoGames .GamesListContainer,
  .Page-LiveCasino-Child .CasinoGames .GamesListContainer {
    padding: 0 2.2rem;
  }
}
@media (min-width: 1100px) {
  .Page-Casino-Child .CasinoGames .GamesListContainer,
  .Page-LiveCasino-Child .CasinoGames .GamesListContainer {
    padding: 0;
    margin-bottom: 0;
  }
}
.OperatorSticky .GamesListContainer,
.Page-Category .GamesListContainer,
.Page-LiveCasino-Child .GamesListContainer {
  flex-wrap: wrap;
  white-space: normal;
  overflow: hidden;
}
@media (min-width: 600px) {
  .OperatorSticky .GamesListContainer,
  .Page-Category .GamesListContainer,
  .Page-LiveCasino-Child .GamesListContainer {
    padding: 0 1.4rem;
  }
}
@media (min-width: 1100px) {
  .OperatorSticky .GamesListContainer,
  .Page-Category .GamesListContainer,
  .Page-LiveCasino-Child .GamesListContainer {
    padding: 0;
  }
}
.IsSearching .OperatorSticky .GamesListContainer {
  padding-bottom: 10rem;
}
@media (min-width: 1100px) {
  .IsSearching .OperatorSticky .GamesListContainer {
    padding-bottom: 18rem;
  }
}
.ModalContentWrapper .GamesListContainer {
  flex-wrap: wrap;
  white-space: normal;
  overflow: auto;
}
.OperatorSticky .GamesListContainer {
  padding: 0 0 1.4rem;
  overflow: unset;
}
@media (min-width: 600px) {
  .OperatorSticky .GamesListContainer {
    padding: 0 0 2.8rem;
  }
}
@media (min-width: 1100px) {
  .OperatorSticky .GamesListContainer {
    padding: 0 0 3.6rem;
  }
}
.Toggle-OperatorSearchToggle .OperatorSticky.InstanceOperatorCasinoSticky {
  height: auto;
  overflow: unset;
}
.Toggle-OperatorSearchToggle .ComponentSearchedGamesGrid.GamesListGrid {
  height: calc(100% - 5rem);
  width: 100%;
  position: fixed;
  top: 5rem;
  left: 0;
  z-index: 6;
  overflow-y: auto;
  box-sizing: border-box;
}
@media (min-width: 600px) {
  .Toggle-OperatorSearchToggle .ComponentSearchedGamesGrid.GamesListGrid {
    top: 5rem;
  }
}
@media (min-width: 1100px) {
  .Toggle-OperatorSearchToggle .ComponentSearchedGamesGrid.GamesListGrid {
    top: 5rem;
  }
}
.ModalContent .GamesListContainer {
  width: auto;
  padding-bottom: 1.4rem;
}
@media (min-width: 600px) {
  .ModalContent .GamesListContainer {
    padding-bottom: 2.8rem;
  }
}
@media (min-width: 1100px) {
  .ModalContent .GamesListContainer {
    padding: 0 1.6rem 20rem;
  }
}
.ModalContent .GamesListContainer a {
  z-index: 0;
}
.ListGame {
  display: block;
  flex-basis: 100%;
  width: auto;
  margin-bottom: 1rem;
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (min-width: 768px) {
  .ListGame {
    padding: 0 0.4rem;
  }
}
@media (min-width: 300px) {
  .ListGame {
    flex-basis: 50%;
  }
}
@media (min-width: 600px) {
  .ListGame {
    flex-basis: 33.3333%;
  }
}
@media (min-width: 800px) {
  .ListGame {
    flex-basis: 25%;
  }
}
@media (min-width: 1000px) {
  .ListGame {
    flex-basis: 18%;
    flex-shrink: 1;
    max-width: 40%;
    white-space: normal;
  }
}
@media (min-width: 1200px) {
  .ListGame {
    flex-basis: 15%;
    max-width: 33.3333%;
  }
}
@media (min-width: 1500px) {
  .ListGame {
    flex-basis: 12%;
    max-width: 25%;
  }
}
@media (min-width: 1800px) {
  .ListGame {
    flex-basis: auto;
    flex-grow: 0;
    max-width: 36rem;
  }
}
.Page-LiveCasino .ListGame {
  overflow: initial;
}
.Page-LiveCasino .GamesListContainer .ListGame {
  padding: 0 0.4rem;
}
.Page-LiveCasino .ComponentSearchedGamesGrid .ListGame {
  padding: 0;
}
@media (min-width: 768px) {
  .Page-LiveCasino .ComponentSearchedGamesGrid .ListGame {
    padding: 0 0.4rem;
  }
}
.GamesWrapper .ListGame {
  position: relative;
}
.GamesWrapper .ListGame:hover .GameProp {
  opacity: 1;
  z-index: 0;
}
.GamesWrapper .ListGame:hover .GameTitle {
  pointer-events: none;
}
@media (min-width: 1100px) {
  .GamesWrapper .ListGame:hover .GamePlayNowText {
    opacity: 1;
  }
}
.GamesWrapper .ListGame .GamePlayNowButton {
  max-height: calc(100% + 1rem);
}
@media (min-width: 768px) {
  .GamesWrapper .ListGame .GamePlayNowButton {
    max-height: 100%;
  }
}
.GamesWrapper .ListGame.Lazy {
  height: auto;
}
.GamesWrapper .ListGame.Lazy .GameTitle {
  display: block;
  transition: all 0.25s linear;
}
.RecommendedListWrapper .GamesWrapper .ListGame .GamePlayNowButton {
  max-height: 100%;
}
.ModalGamesWrapper .GamesWrapper .ListGame .GamePlayNowButton {
  max-height: calc(100% - 1.8rem);
  z-index: 1;
}
@media (min-width: 300px) {
  .HorizontalScrollBar .ListGame,
  .LoadMoreButtonContainer {
    flex-basis: auto;
    max-width: 30rem;
  }
}
@media (min-width: 600px) {
  .HorizontalScrollBar .ListGame,
  .LoadMoreButtonContainer {
    flex-basis: 16rem;
    max-width: 16rem;
  }
}
@media (min-width: 1000px) {
  .HorizontalScrollBar .ListGame,
  .LoadMoreButtonContainer {
    flex-basis: 19.6rem;
    max-width: 19.6rem;
  }
}
@media (min-width: 1100px) {
  .HorizontalScrollBar .ListGame,
  .LoadMoreButtonContainer {
    flex-basis: 19.6rem;
    max-width: 19.6rem;
  }
}
@media (min-width: 300px) {
  .OperatorSticky .ListGame,
  .Page-Category .HorizontalScrollBar .ListGame {
    flex-basis: 50%;
    max-width: 12.4rem;
  }
}
@media (min-width: 425px) {
  .OperatorSticky .ListGame,
  .Page-Category .HorizontalScrollBar .ListGame {
    flex-basis: 33.3333%;
  }
}
@media (min-width: 600px) {
  .OperatorSticky .ListGame,
  .Page-Category .HorizontalScrollBar .ListGame {
    flex-basis: 25%;
  }
}
@media (min-width: 768px) {
  .OperatorSticky .ListGame,
  .Page-Category .HorizontalScrollBar .ListGame {
    flex-basis: 20%;
    max-width: 14.6rem;
  }
}
@media (min-width: 1100px) {
  .OperatorSticky .ListGame,
  .Page-Category .HorizontalScrollBar .ListGame {
    flex-basis: 19.6rem;
    max-width: unset;
  }
}
@media (min-width: 300px) {
  .ModalContent .ListGame,
  .Page-Category .ModalContent .ListGame {
    flex-basis: 50%;
  }
}
@media (min-width: 600px) {
  .ModalContent .ListGame,
  .Page-Category .ModalContent .ListGame {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }
}
@media (min-width: 1800px) {
  .ModalContent .ListGame,
  .Page-Category .ModalContent .ListGame {
    flex-grow: 1;
  }
}
.ListGame:last-child {
  padding-right: 0.4rem;
}
@media (min-width: 600px) {
  .ListGame:last-child {
    padding-right: 0.4rem;
  }
}
.Page-Category .HorizontalScrollBar .ListGame:last-child {
  padding-right: 0.2rem;
}
@media (min-width: 600px) {
  .Page-Category .HorizontalScrollBar .ListGame:last-child {
    padding-right: 0.2rem;
  }
}
.GameThumbContainer,
.GameTileContainer,
.GameTitleContainer,
.ListGameLink {
  display: block;
  position: relative;
}
.GameThumbContainer {
  margin: 0 auto;
  overflow: hidden;
}
.GameThumb {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 12.4rem;
  height: 12.4rem;
  margin: 0 auto;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.6s;
}
.GameThumb[data-src] {
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 768px) {
  .GameThumb {
    margin: 0 auto;
  }
}
@media (min-width: 1100px) {
  .GameThumb {
    width: 100%;
  }
}
.GamePlayNowButton {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  height: 100%;
  background: transparent;
}
.GamePlayNowButton:hover .GamePlayNowText {
  color: #fff;
}
.GamePlayNowText {
  display: none;
}
@media (min-width: 1100px) {
  .GamePlayNowText {
    width: 12rem;
    height: 4rem;
    display: flex;
    align-items: center;
    vertical-align: middle;
    justify-content: space-around;
    background: #f9c408;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    font-size: 1.4rem;
    cursor: pointer;
    transition: opacity 0.4s linear;
    opacity: 0;
  }
}
.ListGame.Lazy .GamePlayNowText:active,
.ListGame.Lazy .GamePlayNowText:hover {
  background: #f9c408;
  border: none;
}
@media (min-width: 1100px) {
  .ListGame:hover .GamePlayNowText {
    opacity: 1;
  }
}
.IsSearching .GameThumb,
.ModalContent .GameThumb,
.OperatorSticky .GameThumb,
.Page-Category .GameThumb {
  max-width: 100%;
  width: 12.4rem;
  height: 12.4rem;
  -o-object-fit: cover;
  object-fit: cover;
  min-height: 0;
}
@media (min-width: 768px) {
  .IsSearching .GameThumb,
  .ModalContent .GameThumb,
  .OperatorSticky .GameThumb,
  .Page-Category .GameThumb {
    width: 14.6rem;
    height: 9.7rem;
  }
}
@media (min-width: 1100px) {
  .IsSearching .GameThumb,
  .ModalContent .GameThumb,
  .OperatorSticky .GameThumb,
  .Page-Category .GameThumb {
    width: 19.6rem;
    height: 13rem;
    max-height: unset;
  }
}
.GameThumb .Icon,
.GameThumb .SvgIcon {
  display: block;
}
.GameThumb svg {
  display: block;
  fill: #fff;
}
.GameProp {
  display: block;
  padding: 0.3rem 0.4rem;
  position: absolute;
  top: 0;
  right: 0;
  background: #f9c408;
  color: #fff;
  font-size: 1rem;
  line-height: 1.5rem;
  opacity: 1;
  transition: opacity 0.3s ease-in;
}
@media (min-width: 768px) {
  .GameProp {
    top: 0.6rem;
    right: 0.6rem;
  }
}
.GameProp.GameVendor {
  opacity: 0;
}
.GameProp.ExclusiveGame,
.GameProp.NewGame,
.GameProp.VipGame {
  position: relative;
  top: auto;
  right: auto;
  color: #fff;
  opacity: 1;
  font-size: 1rem;
  font-weight: 700;
}
@media (min-width: 780px) {
  .GameProp.ExclusiveGame,
  .GameProp.NewGame,
  .GameProp.VipGame {
    font-size: 1.2rem;
  }
}
.GameProp.NewGame {
  background: #f9c408;
}
.GameProp.ExclusiveGame {
  background-color: #203d08;
}
.GameProp.VipGame {
  border: 0.1rem solid #828282;
  background: none;
  color: #f9c408;
}
.GameProp.GameVendor,
.GameTags {
  pointer-events: none;
}
@media (min-width: 1100px) {
  .GameProp.GameVendor,
  .GameTags {
    pointer-events: auto;
  }
}
.ListGame:hover .GameProp,
.ListGameLink:hover .GameProp {
  opacity: 1;
  z-index: 3;
}
.GameInfo,
.GameTags {
  display: flex;
  position: absolute;
  top: 0;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  max-width: 12.4rem;
}
@media (min-width: 600px) {
  .GameInfo,
  .GameTags {
    max-width: 14.6rem;
  }
}
@media (min-width: 768px) {
  .GameInfo,
  .GameTags {
    position: relative;
    top: auto;
  }
}
@media (min-width: 1100px) {
  .GameInfo,
  .GameTags {
    max-width: 100%;
  }
}
.RecommendedListWrapper .GameTags,
.RecommendedListWrapper .GameTitle {
  color: #212121;
  display: none;
}
.GameTags .GameProp {
  margin-right: 0.5rem;
}
.GameTags .GameProp:last-child {
  margin-right: 0;
}
@media (min-width: 780px) {
  .GameTags .GameProp {
    margin-right: 1rem;
  }
}
.GameDetails {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.5rem;
}
.GameTitle {
  display: none;
  max-width: calc(100% - 4.2rem);
  width: 100%;
  color: #fff;
  font-size: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .GameTitle {
    display: block;
  }
}
.ModalGameList .GameTitle {
  color: #212121;
}
.FavoriteGameToggleButton {
  position: relative;
  display: block;
  width: 3.4rem;
  height: 2.6rem;
  padding: 0;
  z-index: 2;
  border: none;
  fill: #fff;
  color: #fff;
  opacity: 1;
  will-change: opacity;
  transition: opacity 0.4s ease-in-out;
  border-radius: 50%;
}
.GamesListContainer .FavoriteGameToggleButton {
  display: none;
}
@media (min-width: 768px) {
  .GamesListContainer .FavoriteGameToggleButton {
    display: block;
  }
}
.ModalGameList .FavoriteGameToggleButton {
  color: #212121;
  fill: #212121;
}
.GamePageContent .OperatorAddFav {
  color: #fff;
  fill: #fff;
}
.FavoriteGameToggleButton.IsFavorite {
  color: #f9c408;
  fill: #f9c408;
  opacity: 1;
}
.ListGame:hover .FavoriteGameToggleButton {
  opacity: 1;
}
.FavoriteGameToggleButton:active,
.FavoriteGameToggleButton:hover {
  border: none;
}
.FavoriteGameToggleButton .Icon,
.FavoriteGameToggleButton .SvgIcon,
.FavoriteGameToggleButton svg {
  display: block;
  width: 100%;
  height: 100%;
}
.IsSearching .LoadMoreButtonContainer {
  display: none;
}
.ModalContent .LoadMoreButtonContainer {
  width: 100%;
  flex-basis: 100%;
  position: relative;
  top: inherit;
  bottom: inherit;
  right: auto;
}
.LoadMoreButtonContainer .Button {
  display: block;
  position: static;
  width: 100%;
  padding: 0 0.7rem;
  border: none;
  color: #828282;
  font-size: 1.4rem;
  line-height: 1.8rem;
}
.ModalContent .LoadMoreButtonContainer .Button {
  display: block;
  position: relative;
  left: 1rem;
  margin: 1.2rem 0;
  padding: 0.9rem 1.2rem 1.1rem;
  background: #f9c408;
  color: #fff;
  fill: #fff;
}
.ModalContent .LoadMoreButtonContainer .Button:hover {
  color: #fff;
  fill: #fff;
  background: #294c0b;
}
.ModalContent .LoadMoreButtonContainer .Button:active {
  opacity: 0.8;
}
.OperatorViewAllGames {
  display: block;
  position: absolute;
  top: 2.3rem;
  right: 1.2rem;
  padding-right: 0;
  font-size: 1.4rem;
  color: #828282;
  fill: #b3b3b3;
  border: none;
  -webkit-overflow-scrolling: auto;
  -webkit-transform: translateZ(0);
}
@media (min-width: 600px) {
  .OperatorViewAllGames {
    right: 2.6rem;
    top: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .OperatorViewAllGames {
    font-size: 1.8rem;
  }
}
@media (min-width: 1100px) {
  .OperatorViewAllGames {
    right: 3.4rem;
    top: 4rem;
  }
}
@media (min-width: 1100px) {
  .Page-Casino .MsnRow .OperatorViewAllGames {
    right: 0;
  }
}
.DiffAndTotalGamesWrapper {
  float: left;
}
@media (min-width: 1024px) {
  .DiffAndTotalGamesWrapper.HasDiffBetweenTotalAndDisplayedGames {
    display: block;
  }
}
.TextNoOfGames {
  padding-right: 0.4em;
}
.Page-Category .LoadMoreButtonContainer {
  display: none;
}
.DiffAndTotalGamesWrapper.HasDiffBetweenTotalAndDisplayedGames .Total {
  display: inline;
}
.DiffAndTotalGamesWrapper.HasDiffBetweenTotalAndDisplayedGames .Difference {
  display: none;
}
.iOSDevice .OperatorViewAllGames {
  top: 1.6rem;
}
@media (min-width: 1100px) {
  .iOSDevice .OperatorViewAllGames {
    top: 3.5rem;
  }
}
.ModalContent .OperatorViewAllGames {
  display: none;
}
.OperatorViewAllGames:active,
.OperatorViewAllGames:hover {
  color: #f9c408;
  fill: #f9c408;
  border: none;
}
.OperatorViewAllGames .Icon {
  display: block;
  float: left;
  vertical-align: middle;
}
.LoadMoreButtonContainer .OperatorViewAllGames .Icon {
  display: none;
}
.OperatorViewAllGames .Icon svg {
  display: block;
  margin: -0.2rem 0;
  width: 2.2rem;
  height: 2.2rem;
  pointer-events: none;
}
.GamesList,
.Page-Casino .CasinoDailyCalendarSection .BoxTitle,
.Page-Casino .CasinoDailyCalendarWrapper,
.Page-LiveCasino .CasinoDailyCalendarSection .BoxTitle,
.Page-LiveCasino .CasinoDailyCalendarWrapper {
  display: block;
  position: relative;
  max-width: 140rem;
  margin: 0 auto;
}
@media (min-width: 1100px) {
  .GamesList,
  .Page-Casino .CasinoDailyCalendarSection .BoxTitle,
  .Page-Casino .CasinoDailyCalendarWrapper,
  .Page-LiveCasino .CasinoDailyCalendarSection .BoxTitle,
  .Page-LiveCasino .CasinoDailyCalendarWrapper {
    max-width: 102rem;
  }
}
@media (min-width: 1260px) {
  .GamesList,
  .Page-Casino .CasinoDailyCalendarSection .BoxTitle,
  .Page-Casino .CasinoDailyCalendarWrapper,
  .Page-LiveCasino .CasinoDailyCalendarSection .BoxTitle,
  .Page-LiveCasino .CasinoDailyCalendarWrapper {
    max-width: 122.6rem;
  }
}
@media (min-width: 1468px) {
  .GamesList,
  .Page-Casino .CasinoDailyCalendarSection .BoxTitle,
  .Page-Casino .CasinoDailyCalendarWrapper,
  .Page-LiveCasino .CasinoDailyCalendarSection .BoxTitle,
  .Page-LiveCasino .CasinoDailyCalendarWrapper {
    max-width: 140rem;
  }
}
@media (min-width: 1620px) {
  .GamesList,
  .Page-Casino .CasinoDailyCalendarSection .BoxTitle,
  .Page-Casino .CasinoDailyCalendarWrapper,
  .Page-LiveCasino .CasinoDailyCalendarSection .BoxTitle,
  .Page-LiveCasino .CasinoDailyCalendarWrapper {
    max-width: 160rem;
  }
}
.IsSearching:not(.OverflowHidden) .ComponentGameListGrid .GamesSwipeable {
  visibility: hidden;
}
.CasinoJackpotWinnerSection .BoxTitle .CasinoDailyCalendarSection .BoxTitle,
.GamesList .BoxTitle {
  display: block;
  width: 43%;
  float: left;
  position: relative;
  margin: 0 0 1.2rem;
  padding: 0 1.8rem;
  top: 2.6rem;
  z-index: 1;
}
@media (min-width: 600px) {
  .CasinoJackpotWinnerSection .BoxTitle .CasinoDailyCalendarSection .BoxTitle,
  .GamesList .BoxTitle {
    margin: 0 0 1.2rem;
    top: 2.8rem;
  }
}
@media (min-width: 1100px) {
  .CasinoJackpotWinnerSection .BoxTitle .CasinoDailyCalendarSection .BoxTitle,
  .GamesList .BoxTitle {
    width: auto;
    margin: 0 2.4rem 2.2rem;
    top: 3.8rem;
  }
}
@media (min-width: 1400px) {
  .CasinoJackpotWinnerSection .BoxTitle .CasinoDailyCalendarSection .BoxTitle,
  .GamesList .BoxTitle {
    margin: 0 1.8rem 2.2rem;
  }
}
@media (min-width: 1100px) {
  .CasinoDailyCalendarSection .BoxTitle,
  .CasinoJackpotWinnerSection .BoxTitle,
  .Page-Casino .GamesList.MsnRow .BoxTitle {
    margin: 0 0 2.4rem;
  }
}
@media (min-width: 1400px) {
  .CasinoDailyCalendarSection .BoxTitle,
  .CasinoJackpotWinnerSection .BoxTitle,
  .Page-Casino .GamesList.MsnRow .BoxTitle {
    margin: 0 0 1.8rem;
  }
}
.IsSearching:not(.OverflowHidden) .GamesList .BoxTitle {
  display: none;
}
.GamesList .GameCategory {
  display: block;
  color: #fff;
  text-decoration: none;
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: uppercase;
}
@media (min-width: 420px) {
  .GamesList .GameCategory {
    width: auto;
    overflow: visible;
  }
}
.GamesList .GameCategory:hover {
  color: #f9c408;
}
.GamesList .GameCategory:active {
  color: #828282;
}
.CasinoGamesNumber {
  padding: 0 0.4rem;
}
.CasinoGamesNumber:before {
  content: "(";
}
.CasinoGamesNumber:after {
  content: ")";
}
.HighlightedListWrapper {
  margin-top: 4rem;
  padding-top: 0.1rem;
  max-width: 100%;
}
.HighlightedListWrapper .OperatorTotalJackpotsTop {
  box-sizing: border-box;
  position: absolute;
  top: 5.5rem;
  display: block;
  width: 90%;
  background: transparent;
  padding-left: 1.6rem;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 1100px) {
  .HighlightedListWrapper .OperatorTotalJackpotsTop {
    top: 8.2rem;
    transform: translateX(-50%);
    max-width: 102rem;
    padding: 0 0 2rem;
  }
}
@media (min-width: 1260px) {
  .HighlightedListWrapper .OperatorTotalJackpotsTop {
    max-width: 122.6rem;
  }
}
@media (min-width: 1468px) {
  .HighlightedListWrapper .OperatorTotalJackpotsTop {
    max-width: 140rem;
  }
}
.HighlightedListWrapper .OperatorTotalJackpotsTop .Title {
  margin: 0 0 0.6rem;
  color: #f9c408;
  font-size: 1.4rem;
}
@media (min-width: 1100px) {
  .HighlightedListWrapper .OperatorTotalJackpotsTop .Title {
    font-size: 1.8rem;
  }
}
.HighlightedListWrapper .OperatorTotalJackpotsTop .ComponentTotalJackpot,
.HighlightedListWrapper .OperatorTotalJackpotsTop .Currency {
  color: #fff;
  font-size: 2.8rem;
  line-height: 1.2;
}
@media (min-width: 1100px) {
  .HighlightedListWrapper .OperatorTotalJackpotsTop .ComponentTotalJackpot,
  .HighlightedListWrapper .OperatorTotalJackpotsTop .Currency {
    font-size: 4.4rem;
  }
}
.HighlightedListWrapper .OperatorTotalJackpotsTop .Currency {
  padding: 0;
  background: none;
}
.HighlightedListWrapper .BoxTitle {
  top: 0;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 1100px) {
  .HighlightedListWrapper .BoxTitle {
    max-width: 102rem;
  }
}
@media (min-width: 1260px) {
  .HighlightedListWrapper .BoxTitle {
    max-width: 122.6rem;
  }
}
@media (min-width: 1468px) {
  .HighlightedListWrapper .BoxTitle {
    max-width: 140rem;
  }
}
.HighlightedListWrapper .GamesWrapper {
  position: relative;
  margin: 0 auto;
}
@media (min-width: 1100px) {
  .HighlightedListWrapper .GamesWrapper {
    max-width: 102rem;
  }
}
@media (min-width: 1260px) {
  .HighlightedListWrapper .GamesWrapper {
    max-width: 122.6rem;
  }
}
@media (min-width: 1468px) {
  .HighlightedListWrapper .GamesWrapper {
    max-width: 160rem;
  }
}
.HighlightedListWrapper .GamesSwipeable {
  padding: 0;
  max-width: 100%;
  margin-top: 3rem;
  overflow-x: visible;
}
@media (min-width: 1100px) {
  .HighlightedListWrapper .GamesSwipeable {
    margin-top: 5rem;
    padding: 12rem 0 1rem 0.5rem;
  }
}
@media (min-width: 1260px) {
  .HighlightedListWrapper .GamesSwipeable {
    padding: 12rem 0 1rem 1rem;
  }
}
@media (min-width: 1400px) {
  .HighlightedListWrapper .GamesSwipeable {
    padding: 12rem 0 1rem;
  }
}
.HighlightedListWrapper .GamesSwipeable::-webkit-scrollbar {
  display: none;
}
.HighlightedListWrapper .GamesSwipeable .GamesListContainer {
  padding: 10rem 0 3.2rem 1.6rem;
  margin: 0 auto;
}
@media (min-width: 1100px) {
  .HighlightedListWrapper .GamesSwipeable .GamesListContainer {
    max-width: 102rem;
    padding: 2.4rem 0 3.2rem;
  }
}
@media (min-width: 1260px) {
  .HighlightedListWrapper .GamesSwipeable .GamesListContainer {
    max-width: 122.6rem;
  }
}
@media (min-width: 1468px) {
  .HighlightedListWrapper .GamesSwipeable .GamesListContainer {
    max-width: 160rem;
  }
}
.HighlightedListWrapper .GamesSwipeable .OperatorViewAllGames {
  top: -3.6rem;
}
@media (min-width: 1100px) {
  .HighlightedListWrapper .GamesSwipeable .OperatorViewAllGames {
    top: -17.4rem;
  }
}
.HighlightedListWrapper .GamesSwipeable .GameThumbContainer {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.HighlightedListWrapper .GamesSwipeable .GameThumbContainer .GameThumb {
  border: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.Page-Casino-Child .GamesWrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.Page-Casino-Child .GamesWrapper .Subcategories {
  flex: 1 0 100%;
}
@media (min-width: 1100px) {
  .Page-Casino-Child .GamesWrapper .Subcategories {
    flex: 1 0 85%;
    background: none;
  }
}
.Page-Casino-Child .GamesWrapper .ProviderFilters {
  flex: 1 0 100%;
  background: #151516;
  box-sizing: border-box;
}
@media (min-width: 1100px) {
  .Page-Casino-Child .GamesWrapper .ProviderFilters {
    flex: 1 0 15%;
    align-self: flex-start;
    background: none;
  }
}
.Page-Casino-Child .GamesWrapper .GamesListContainer {
  flex: 0 1 100%;
  margin-top: 3rem;
  justify-content: space-around;
}
@media (min-width: 1100px) {
  .Page-Casino-Child .GamesWrapper .GamesListContainer {
    justify-content: flex-start;
  }
}
.GamesListContainer .Currency,
.HighlightedListWrapper .Currency {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0.7rem 0;
  text-align: center;
  font-size: 1.6rem;
  color: #ffe900;
  background-color: #1e1e20;
}
@media (min-width: 1100px) {
  .GamesListContainer .Currency,
  .HighlightedListWrapper .Currency {
    font-size: 2rem;
  }
}
@media (min-width: 768px) {
  .HighlightedListWrapper .GameTags {
    position: absolute;
    top: 0.5rem;
  }
}
@media (min-width: 1100px) {
  .HighlightedListWrapper .GameTags {
    left: 0.5rem;
  }
}
.HighlightedListWrapper .GameInfo {
  display: none;
}
.HighlightedListWrapper .Currency {
  bottom: -2.9rem;
}
.NewCatScroll {
  display: flex;
  flex-wrap: nowrap;
  margin-left: 4.2rem;
  padding-bottom: 5rem;
  position: relative;
  z-index: 1;
  overflow-y: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: auto;
}
@media (min-width: 1100px) {
  .NewCatScroll {
    min-height: 5.7rem;
    height: 100%;
    margin: 0;
    max-width: calc(100% - 25rem);
  }
}
@media (min-width: 1100px) {
  .InputFocused .NewCatScroll {
    max-width: calc(100% - 37rem);
  }
}
.Toggle-OperatorSearchToggle .NewCatScroll {
  display: none;
}
@media (min-width: 1100px) {
  .Toggle-OperatorSearchToggle .NewCatScroll {
    display: block;
  }
}
.IsScrolled .NewCatScroll {
  height: 7.7rem;
}
@media (min-width: 1100px) {
  .IsScrolled .NewCatScroll {
    height: 100%;
    background: initial;
  }
}
.InputFocused .HorizontalScrollWrapper .HorizontalScrollBtn,
.InputFocused .NewCatScroll .ExtraCategories,
.InputFocused .NewCatScroll .HorizontalScrollBar,
.IsSearching .HorizontalScrollWrapper .HorizontalScrollBtn,
.IsSearching .NewCatScroll .HorizontalScrollBar {
  opacity: 0.34;
  pointer-events: none;
}
.Page-Casino.InputFocused .GamesList,
.Page-Casino.IsSearching .GamesList {
  height: calc(100vh - 18rem);
}
.NewCatScroll .HorizontalScrollBar {
  overflow: visible;
}
.OperatorCasinoCategories {
  display: block;
  flex-grow: 0;
  height: 7.8rem;
}
@media (min-width: 1100px) {
  .OperatorCasinoCategories {
    height: auto;
    width: 100%;
  }
}
.OperatorCasinoCategories .BoxTitle,
.OperatorCasinoCategories .GameCategoriesDesc {
  display: none;
}
.OperatorCasinoCategories .GameCategoriesSwipe {
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
@media (min-width: 600px) {
  .OperatorCasinoCategories .GameCategoriesSwipe {
    height: 5.6rem;
  }
}
@media (min-width: 1100px) {
  .OperatorCasinoCategories .GameCategoriesSwipe {
    background: transparent;
  }
}
.OperatorCasinoCategories
  .GameCategoriesSwipe
  .GameCategories
  .CategoriesItem:last-child {
  padding-right: 3rem;
}
@media (min-width: 1100px) {
  .OperatorCasinoCategories
    .GameCategoriesSwipe
    .GameCategories
    .CategoriesItem:last-child {
    padding-right: 5rem;
  }
}
@media (min-width: 1100px) {
  .Page-Casino .OperatorCasinoCategories .GameCategoriesSwipe,
  .Page-LiveCasino .OperatorCasinoCategories .GameCategoriesSwipe {
    height: 8rem;
    background: transparent;
  }
}
.GameCategories {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  width: auto;
  height: 4.8rem;
  overflow: auto;
  overflow-x: scroll;
}
@media (min-width: 600px) {
  .GameCategories {
    height: auto;
  }
}
@media (min-width: 1000px) {
  .GameCategories {
    margin: 0;
  }
}
.CategoriesItem,
.ExtraCategories .ListItem {
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  width: auto;
  margin: 0;
  overflow: visible;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.CategoriesItem .GameCategory,
.ExtraCategories .Anchor,
.ExtraCategories .Button,
.PromotionFilterItemWrapper,
.VendorList .Anchor {
  display: block;
  color: #fff;
  fill: #fff;
  border: none;
  font-size: 1.6rem;
  font-weight: 400;
  text-decoration: none;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  padding: 3rem 1.5rem 2.8rem;
}
@media (min-width: 600px) {
  .ExtraCategories .Button,
  .ModalContent .CategoriesItem .GameCategory,
  .ModalContent .ExtraCategories .Anchor {
    min-height: 2rem;
    padding: 1.7rem 1.6rem;
    font-size: 1.6rem;
    line-height: 2rem;
  }
}
@media (min-width: 1100px) {
  .ExtraCategories .Button,
  .ModalContent .CategoriesItem .GameCategory,
  .ModalContent .ExtraCategories .Anchor {
    padding: 1.7rem 0.35rem 1.8rem;
  }
}
@media (min-width: 1200px) {
  .ExtraCategories .Button,
  .ModalContent .CategoriesItem .GameCategory,
  .ModalContent .ExtraCategories .Anchor {
    padding: 1.7rem 0.6rem 1.8rem;
  }
}
@media (min-width: 1300px) {
  .ExtraCategories .Button,
  .ModalContent .CategoriesItem .GameCategory,
  .ModalContent .ExtraCategories .Anchor {
    padding: 1.7rem 0.6rem 1.8rem;
  }
}
.CasinoCategoryActive .Anchor,
.CategoriesItem .GameCategory.IsActive,
.ExtraCategories .Anchor.IsActive,
.IsSelected .PromotionFilterItemWrapper {
  color: #f9c408;
  fill: #f9c408;
  border-bottom: 0.4rem solid #f9c408;
  box-sizing: border-box;
}
.CasinoCategoryActive .Anchor .FavoriteGamesNumber,
.CategoriesItem .GameCategory.IsActive .FavoriteGamesNumber,
.ExtraCategories .Anchor.IsActive .FavoriteGamesNumber,
.IsSelected .PromotionFilterItemWrapper .FavoriteGamesNumber {
  color: #f9c408;
}
@media (min-width: 1100px) {
  .CategoriesItem .GameCategory:hover,
  .ExtraCategories .Anchor:hover,
  .PromotionFilterItemWrapper:hover {
    color: #f9c408;
    fill: #f9c408;
    background: hsla(0, 0%, 100%, 0.3);
    border-bottom: 0.4rem solid #f9c408;
  }
}
.CategoryIconContainer {
  display: none;
}
.ExtraCategories {
  display: flex;
  flex-grow: 0;
  padding-left: 1rem;
}
.IsSearching .ExtraCategories {
  opacity: 0.34;
  pointer-events: none;
}
.ExtraCategories .Icon {
  display: none;
}
.ExtraCategories .Button {
  width: auto;
  position: relative;
}
.ExtraCategories .Button:active,
.ExtraCategories .Button:hover {
  color: #f9c408;
  fill: #f9c408;
  background: #fff;
}
.ExtraCategories .FavoriteGamesNumber {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 0 0 1rem;
  background: #b3b3b3;
  color: #fff;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
  border-radius: 50%;
}
.ExtraCategories .Anchor,
.ExtraCategories .Button {
  width: auto;
}
.InstanceOperatorJackpotsList {
  display: block;
}
.InstanceOperatorJackpotsList .GamesListContainer {
  display: flex;
}
.OperatorJackpotsHack {
  display: block;
}
.OperatorJackpotsHack .BoxTitle {
  display: none;
}
.OperatorJackpotsHack .Slider {
  display: block;
  max-height: 7.2rem;
  margin: 2.4rem 0;
  background: #f7f7f7;
  box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.12),
    inset 0 1px 4px 0 rgba(0, 0, 0, 0.12);
}
.JackpotItem,
.OperatorJackpotsHack .SliderItem {
  display: block;
}
.JackpotItem {
  padding: 1.6rem;
  color: #828282;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2rem;
}
@media (min-width: 600px) {
  .JackpotItem {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
}
.JackpotLogo {
  display: block;
  float: left;
  width: 5rem;
  height: 5rem;
  margin: -1rem 1rem 0 0;
  overflow: hidden;
  vertical-align: bottom;
}
@media (min-width: 600px) {
  .JackpotLogo {
    display: inline-block;
    float: none;
    vertical-align: middle;
  }
}
.JackpotName {
  display: inline;
  color: #212121;
  font-size: 1.8rem;
  line-height: 2rem;
  font-weight: 600;
}
@media (min-width: 600px) {
  .JackpotName {
    font-size: 2.2rem;
    line-height: 2.2rem;
  }
}
.JackpotNameText {
  display: inline;
}
.JackpotNameText:after {
  display: inline-block;
  content: "has a jackpot of";
  margin: 0 0.4rem;
  color: #828282;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
}
@media (min-width: 600px) {
  .JackpotNameText:after {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
}
.Lang-DE .JackpotNameText:after {
  content: "hat einen Jackpot von";
}
.JackpotNameTitle {
  display: inline;
  font-size: 1.8rem;
  line-height: 2rem;
  white-space: nowrap;
}
@media (min-width: 600px) {
  .JackpotNameTitle {
    font-size: 2.2rem;
    line-height: 2.2rem;
  }
}
.JackpotPlayButton,
.JackpotPlayButtonContainer {
  display: none;
}
.RecentWinnersWidget {
  top: calc(35.9rem - 1px);
}
@media (min-width: 1100px) {
  .RecentWinnersWidget {
    width: 66.66%;
    position: absolute;
    right: 0;
    opacity: 0.9;
  }
  .RecentWinnersWidget,
  .RecentWinnersWidget .RecentWinnersWidgetContainer {
    height: 7rem;
  }
  .RecentWinnersWidget .RecentWinnersWidgetContainer:before,
  .RecentWinnersWidget:before {
    content: "";
    position: absolute;
    width: 5rem;
    left: -2rem;
    height: 100%;
    transform: skewX(-30deg);
  }
  .RecentWinnersWidget .OperatorSliderBorder,
  .RecentWinnersWidget .RecentWinnersWidgetContainer .OperatorSliderBorder {
    display: none;
  }
}
@media (min-width: 1100px) and (min-width: 1100px) {
  .RecentWinnersWidget .OperatorSliderBorder,
  .RecentWinnersWidget .RecentWinnersWidgetContainer .OperatorSliderBorder {
    display: none;
  }
}
@media (min-width: 1360px) {
  .RecentWinnersWidget {
    width: 50%;
  }
}
.RecentWinnersWidget .slider-list > div.SliderItem {
  padding: 0.5rem;
}
@media (min-width: 1100px) {
  .RecentWinnersWidget .slider-list > div.SliderItem {
    padding: 1rem;
  }
}
.AppContainer .ShowOnDesktop {
  display: none;
}
@media (min-width: 1100px) {
  .AppContainer .ShowOnDesktop {
    display: inline-block;
  }
}
.iOSRebrushWrapper.Toggle-OperatorSearchToggle .AppContainer {
  position: fixed;
}
.IsSearching.IsScrolled .AppContainer {
  background: #fff;
}
.AppContainer .ShowOnMobile {
  display: block;
}
@media (min-width: 1100px) {
  .AppContainer .ShowOnMobile {
    display: none;
  }
}
.RecentWinnersWidget .BoxTitle {
  display: none;
}
.RecentWinnersWidget .Slider {
  display: block;
  margin: 2.4rem 0;
  border-top: 0.1rem solid hsla(0, 0%, 100%, 0.2);
}
@media (min-width: 1100px) {
  .RecentWinnersWidget .Slider {
    max-height: 100%;
    margin: 0;
  }
}
.RecentWinnersWidget .Slider .OperatorSliderBorder {
  display: none;
}
.RecentWinnersWidget .RecentWinnersWidgetContainer:before,
.RecentWinnersWidget .Slider {
  background: #151516;
  border-bottom: 0.1rem solid hsla(0, 0%, 100%, 0.2);
}
.RecentWinnersWidget .RecentWinnersWidgetContainer:before {
  border-left: 0.1rem solid hsla(0, 0%, 100%, 0.2);
}
.RecentWinnersWidget .slider,
.RecentWinnersWidget .slider-frame {
  height: 100%;
}
@media (min-width: 1100px) {
  .RecentWinnersWidget .slider,
  .RecentWinnersWidget .slider-frame {
    min-height: 7rem;
    max-height: 7rem;
  }
}
.RecentWinnersWidget .slider-slide {
  width: 100px;
  height: 6rem;
}
@media (min-width: 1100px) {
  .RecentWinnersWidget .slider-slide {
    min-width: 25rem;
    overflow: hidden;
    padding: 0 1rem 0 3rem;
  }
}
.RecentWinnerItemContainer {
  max-height: 6rem;
  position: relative;
}
@media (min-width: 1100px) {
  .RecentWinnerItemContainer {
    display: flex;
    align-items: center;
    height: 6rem;
    width: 100%;
    text-align: center;
  }
}
.RecentWinnerImage {
  display: inline-block;
  margin: 0 0.3rem 0 0;
  position: relative;
  top: 0.4em;
}
@media (min-width: 1100px) {
  .RecentWinnerImage {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}
.RecentWinnerGameThumb {
  width: 5.5rem;
  height: 3.3rem;
}
.RecentWinnerItemContainer .RecentWinnerGameThumb .PictureImg {
  position: relative;
  width: 6rem;
  border-radius: 0.2rem;
  vertical-align: middle;
}
@media (min-width: 1100px) {
  .RecentWinnerItemContainer .RecentWinnerGameThumb .PictureImg {
    top: 0;
    width: 5.5rem;
    margin: 0.5rem 1rem 0.5rem 0;
    vertical-align: bottom;
    box-sizing: border-box;
  }
}
.RecentWinnerItem {
  display: block;
  padding: 0.8em 2.4rem;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2rem;
}
@media (min-width: 600px) {
  .RecentWinnerItem {
    padding: 0.4em 2.4rem;
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
}
@media (min-width: 1100px) {
  .RecentWinnerItem {
    min-height: 3.4rem;
    padding: 0.5rem 0;
    font-size: 1.4rem;
    line-height: 1.9rem;
    text-align: left;
  }
}
.RecentWinnerItem:active .RecentWinnerGame,
.RecentWinnerItem:hover .RecentWinnerGame {
  color: #f9c408;
}
.RecentWinnerDescription p,
.RecentWinnerName,
.RecentWinnerNameText {
  color: #fff;
  display: inline;
}
.RecentWinnerItem .RecentWinnerNameText {
  color: #828282;
  position: relative;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 100;
}
@media (min-width: 600px) {
  .RecentWinnerItem .RecentWinnerNameText {
    line-height: 2.2rem;
  }
}
@media (min-width: 1100px) {
  .RecentWinnerItem .RecentWinnerNameText {
    line-height: 1.9rem;
  }
}
.RecentWinnerNameText:after {
  display: inline-block;
  content: "-";
  margin: 0 0 0 0.4rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
}
@media (min-width: 600px) {
  .RecentWinnerNameText:after {
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}
.RecentWinnerAmount {
  display: inline-block;
  width: auto;
  padding: 0 0.4rem;
  position: relative;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 600;
}
.RecentWinnerAmount .CurrencyPlaceholder {
  padding: 0 0.2rem;
  float: right;
}
.RecentWinnerName .Icon {
  display: none;
  width: 2rem;
  height: 2rem;
  margin: 0 1rem 0.5rem 0;
  vertical-align: bottom;
}
@media (min-width: 600px) {
  .RecentWinnerName .Icon {
    display: none;
    width: 2.2rem;
    height: 2.2rem;
  }
}
@media (min-width: 1100px) {
  .RecentWinnerName .Icon {
    display: none;
    float: left;
    width: 3.8rem;
    height: 3.8rem;
    margin: 0 1.4rem 1rem 0;
  }
}
.RecentWinnerName .SvgIcon {
  display: block;
}
.RecentWinnerName svg {
  display: block;
  width: 100%;
  height: auto;
}
.RecentWinnerDescription {
  display: inline-block;
  position: relative;
  margin: 0 0 0 1rem;
  top: 1rem;
}
@media (min-width: 1100px) {
  .RecentWinnerDescription {
    display: block;
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0 0 0 6rem;
    top: 0;
    text-align: left;
  }
}
.iOSDevice .RecentWinnerDescription {
  position: relative;
  top: 0.5rem;
}
@media (min-width: 1100px) {
  .iOSDevice .RecentWinnerDescription {
    position: static;
  }
}
.RecentWinnerDescription p {
  font-size: 1.8rem;
  line-height: 2rem;
  font-weight: 600;
}
@media (min-width: 600px) {
  .RecentWinnerDescription p {
    font-size: 2.2rem;
    line-height: 2.2rem;
  }
}
@media (min-width: 1100px) {
  .RecentWinnerDescription p {
    font-size: 1.6rem;
    line-height: 1.9rem;
  }
}
.RecentWinnerGame {
  color: #fff;
  display: block;
  overflow: hidden;
  max-width: 20rem;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 100;
}
@media (min-width: 1100px) {
  .RecentWinnerGame {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    text-align: left;
  }
}
.RecentWinnerButtonContainer {
  display: none;
}
.OperatorTotalJackpotsTop {
  display: none;
  background: #fff;
  z-index: 2;
}
@media (min-width: 1100px) {
  .OperatorTotalJackpotsTop {
    display: block;
    width: 24rem;
    height: 5.4rem;
    padding: 1.1rem 2.4rem;
    position: absolute;
    top: 26.8rem;
    right: 7.5rem;
    border-radius: 0 0 0.4rem 0.4rem;
  }
}
@media (min-width: 1200px) {
  .OperatorTotalJackpotsTop {
    top: 27.8rem;
  }
}
@media (min-width: 1400px) {
  .OperatorTotalJackpotsTop {
    right: calc(50% - 62.5rem);
  }
}
.OperatorTotalJackpotsTop .Title {
  display: block;
  margin: 0 0 0.3rem;
  padding: 0;
  color: #4e4e4e;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 400;
}
.OperatorTotalJackpotsTop .ComponentTotalJackpot {
  display: block;
  color: #212121;
  font-size: 2.8rem;
  line-height: 2.8rem;
  font-weight: 700;
}
.OperatorTotalJackpotsTop .TotalJackpotsError {
  color: #c03928;
}
.ComponentTotalJackpot .Currency {
  display: block;
  width: auto;
}
.ComponentTotalJackpot .CurrencyPlaceholder {
  display: inline-block;
  padding: 0 0.4rem;
}
.ComponentTotalJackpot .FormattedAmount {
  display: inline-block;
  float: left;
  width: auto;
}
.OperatorCrossSell {
  display: block;
  margin: 1.6rem 1.6rem 2.4rem;
  padding: 2.1rem 1.6rem 1.6rem;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 0.4rem;
  text-decoration: none;
  box-sizing: border-box;
}
@media (min-width: 600px) {
  .OperatorCrossSell {
    margin: 3.2rem 3.2rem 6.4rem;
    padding: 2.1rem 3.5rem 2rem;
  }
}
@media (min-width: 1100px) {
  .OperatorCrossSell {
    display: none;
    margin: 4rem;
  }
}
@media (min-width: 1500px) {
  .OperatorCrossSell {
    display: none;
    max-width: 160rem;
    margin: 4rem auto;
  }
}
.OperatorCrossSell:hover {
  color: #f0f0f0;
  opacity: 0.9;
}
.OperatorCrossSell:active {
  color: #fff;
  text-decoration: none;
  opacity: 0.75;
}
.OperatorCrossSell .Layout {
  display: block;
}
@media (min-width: 600px) {
  .OperatorCrossSell .Layout {
    max-width: 50%;
  }
}
.OperatorCrossSell .Title {
  display: block;
  margin: 0 0 0.2rem;
  padding: 0;
  color: #fff;
  font-size: 1.8rem;
  line-height: 2rem;
  font-weight: 600;
}
@media (min-width: 600px) {
  .OperatorCrossSell .Title {
    font-size: 2.2rem;
    line-height: 2.8rem;
  }
}
.OperatorCrossSell .Text {
  display: inline;
  margin: 0 0.5rem 0 0;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.8rem;
  opacity: 0.8;
}
@media (min-width: 600px) {
  .OperatorCrossSell .Text {
    font-size: 1.6rem;
    line-height: 2rem;
    opacity: 1;
  }
}
.OperatorCrossSell .Hideable {
  display: none;
}
@media (min-width: 600px) {
  .OperatorCrossSell .Hideable {
    display: inline;
  }
}
.OperatorCrossSell .Button {
  display: none;
}
.OperatorCrossSell:hover .Button {
  background: #ffe900;
}
.OperatorCrossSell:active .Button {
  opacity: 0.75;
}
.OperatorCrossSell .Figure {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  z-index: -1;
}
@media (min-width: 760px) {
  .OperatorCrossSell .Figure {
    left: 0;
  }
}
.OperatorCrossSell .PictureImg {
  width: auto;
  height: 100%;
}
@media (min-width: 1000px) {
  .OperatorCrossSell .PictureImg {
    width: 100%;
    height: auto;
  }
}
.androidCasinoWrapper .WrapperOnly.OperatorCrossSell {
  display: none;
}
.Page-Category .ToggleFilters,
.Page-LiveCasino-Child .ToggleFilters {
  display: none;
  float: right;
  padding: 1.6rem 1.6rem 1.3rem;
  border: none;
  color: #828282;
  fill: #828282;
  font-size: 1.4rem;
  line-height: 1.8rem;
}
@media (min-width: 600px) {
  .Page-Category .ToggleFilters,
  .Page-LiveCasino-Child .ToggleFilters {
    margin: 1.1rem 3.2rem 0 0;
  }
}
@media (min-width: 1100px) {
  .Page-Category .ToggleFilters,
  .Page-LiveCasino-Child .ToggleFilters {
    display: none;
  }
}
.Page-Category .ToggleFilters:active,
.Page-Category .ToggleFilters:hover {
  border: none;
}
.ToggleFilters .Icon {
  display: inline-block;
  width: 1.4rem;
  height: auto;
  margin: 0 1rem 0 0;
  vertical-align: middle;
}
.Page-Category .Title,
.Page-LiveCasino-Child .Title {
  display: block;
}
.InstanceCasinoCategoryTitle {
  display: block;
  color: #fff;
  font-size: 2rem;
  margin: 3.3rem 0 2.3rem 2.2rem;
}
@media (min-width: 1100px) {
  .InstanceCasinoCategoryTitle {
    max-width: 102rem;
    margin: 3.8rem auto 1.4rem;
  }
}
@media (min-width: 1260px) {
  .InstanceCasinoCategoryTitle {
    max-width: 122.5rem;
  }
}
@media (min-width: 1468px) {
  .InstanceCasinoCategoryTitle {
    max-width: 138.5rem;
  }
}
@media (min-width: 1620px) {
  .InstanceCasinoCategoryTitle {
    max-width: 160rem;
  }
}
.FilterList {
  display: none;
  clear: both;
  height: 0;
  padding: 0 1.6rem;
  margin: 0;
  overflow: hidden;
  background: #f7f7f7;
  box-shadow: inset 0 0 1.5px 0 rgba(0, 0, 0, 0.12),
    inset 0 0.5px 4px 0 rgba(0, 0, 0, 0.12);
  opacity: 0;
}
@media (min-width: 600px) {
  .FilterList {
    padding: 0 3.2rem;
  }
}
@media (min-width: 1100px) {
  .FilterList {
    height: auto;
    padding: 0 4rem 1.6rem;
    margin: 0 0 0.8rem;
    background: transparent;
    box-shadow: none;
    opacity: 1;
  }
}
.Toggle-ShowFilters .FilterList {
  height: auto;
  padding: 1.6rem;
  margin: 0 0 1.6rem;
  opacity: 1;
}
@media (min-width: 600px) {
  .Toggle-ShowFilters .FilterList {
    padding: 1.6rem 3.2rem;
  }
}
.FilterList .ListItem {
  display: inline-block;
}
.FilterList .Anchor {
  display: block;
  padding: 0.7rem 1.6rem;
  border: 1px solid #828282;
  font-size: 1.4rem;
  line-height: 1.8rem;
  border-radius: 1.6rem;
  text-decoration: none;
}
.FilterList .Anchor.IsActive {
  background: #f9c408;
  color: #fff;
  border-color: #f9c408;
}
.FilterList .Anchor:hover {
  color: #f9c408;
  border-color: #f9c408;
}
.FilterList .Anchor:active {
  color: #ffe900;
  border-color: #ffe900;
}
.ToggleTagsButtonWrapper {
  position: absolute;
  top: -5rem;
  right: 2.2rem;
}
.FilterButton {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
}
.FilterButton,
.FilterButton:active,
.FilterButton:hover {
  color: #f9c408;
  fill: #f9c408;
  border: 0.1rem solid #f9c408;
}
.FilterButton svg {
  display: none;
  margin-top: 0.5rem;
  fill: #f9c408;
  color: #f9c408;
}
.Subcategories {
  display: block;
  position: relative;
}
@media (min-width: 1400px) {
  .Subcategories {
    width: 100%;
  }
}
.GamesTagsListWrapper {
  padding: 1.6rem;
  background: #151516;
  border-top: 0.1rem solid hsla(0, 0%, 100%, 0.25);
}
@media (min-width: 1100px) {
  .GamesTagsListWrapper {
    padding: 0;
    background: none;
    border: none;
    box-shadow: none;
  }
}
.GamesTagsListWrapper:before {
  display: block;
  content: "";
  width: 1em;
  height: 1em;
  position: absolute;
  top: -0.5rem;
  right: 4.5rem;
  background: #151516;
  border-left: 0.1rem solid hsla(0, 0%, 100%, 0.25);
  border-top: 0.1rem solid hsla(0, 0%, 100%, 0.25);
  transform: rotate(45deg);
}
@media (min-width: 1100px) {
  .GamesTagsListWrapper:before {
    display: none;
  }
}
.GameTagItem {
  display: inline-block;
  margin: 0 0.8rem 0.4rem 0;
  opacity: 0.6;
}
@media (min-width: 1100px) {
  .GameTagItem {
    opacity: 1;
  }
}
.TagButton {
  display: block;
  padding: 0.6rem 1.6rem;
  border: 0.1rem solid #fff;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.8rem;
  border-radius: 0;
  text-decoration: none;
}
.GameTagItemActive {
  opacity: 1;
}
.GameTagItemActive .TagButton {
  background: #f9c408;
  color: #fff;
  border-color: #f9c408;
}
.GameTagItem .TagButton:hover {
  color: #f9c408;
  border-color: #f9c408;
}
.GameTagItemActive .TagButton:hover {
  color: #fff;
}
.GameTagItem .TagButton:active {
  color: #ffe900;
  border-color: #ffe900;
}
.ProviderFilters {
  padding: 1.6rem;
  border-bottom: 0.1rem solid hsla(0, 0%, 100%, 0.25);
  border-radius: 0;
  color: #fff;
  overflow: hidden;
}
@media (min-width: 600px) {
  .ProviderFilters {
    padding: 1.6rem;
  }
}
@media (min-width: 1100px) {
  .ProviderFilters {
    float: right;
    padding: 0;
    border-bottom: none;
    background: transparent;
    box-shadow: none;
    overflow: visible;
  }
}
.ProviderFilters ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  clear: both;
}
.ProviderFilters ul li {
  margin-bottom: 1.8rem;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  flex-basis: 50%;
}
@media (min-width: 350px) {
  .ProviderFilters ul li {
    font-size: 1.4rem;
  }
}
@media (min-width: 470px) {
  .ProviderFilters ul li {
    flex-basis: 33%;
  }
}
@media (min-width: 1100px) {
  .ProviderFilters ul li {
    color: #4e4e4e;
  }
}
.ProviderFilters .Button {
  overflow: hidden;
  padding: 0;
  color: #fff;
  font-size: 1.4rem;
  border: none;
}
@media (hover: hover) {
  .ProviderFilters .Button:hover {
    color: #f9c408;
    fill: #f9c408;
    border: none;
  }
}
.ProviderFilters .Button:active {
  color: #f9c408;
  fill: #f9c408;
  border: none;
}
@media (min-width: 1100px) {
  .ProviderFilters .Button {
    padding: 0.6rem 1.6rem;
    border: 0.1rem solid #fff;
    color: #fff;
  }
  .ProviderFilters .Button:active,
  .ProviderFilters .Button:hover {
    color: #f9c408;
    border: 0.1rem solid #f9c408;
  }
  .ProviderFilters .Button:active .SvgIcon svg,
  .ProviderFilters .Button:hover .SvgIcon svg {
    fill: #f9c408;
  }
  .ProviderFilters .Button .ButtonText {
    padding: 0 0.4rem;
  }
  .ProviderFilters .Button .SvgIcon svg {
    width: 1rem;
    height: 0.8rem;
    fill: #fff;
  }
}
.ProviderFilters .Button:first-child {
  float: left;
}
.ProviderFilters .Button:last-child {
  float: right;
}
@media (min-width: 1100px) {
  .ProviderFilters .FlipArrow {
    color: #fff;
    border: 0.1rem solid #fff;
  }
  .ProviderFilters .FlipArrow .SvgIcon svg {
    fill: #fff;
  }
}
.ProviderFilters .ResetButton {
  color: #fff;
  float: left;
  padding: 0 0 2rem;
}
@media (min-width: 1100px) {
  .ProviderFilters .ResetButton {
    border: none;
    color: #212121;
  }
}
.ProviderFilters .ResetButton:hover {
  border: none;
}
@media (min-width: 1100px) {
  .ProviderFilters .ContentTriggerContainer {
    position: absolute;
    top: 3.4rem;
    right: 0;
    padding: 2.4rem;
    min-width: 50rem;
    background: #fff;
    border: 0.1rem solid #fff;
    border-radius: 0.4rem;
    z-index: 3;
  }
}
.Page-CasinoGame .SectionFooter,
.Page-CasinoGame .SectionHeader {
  display: none;
}
.Page-CasinoGame .NotificationList {
  top: 0;
}
.GamePageWrapper {
  display: flex;
  padding: 1.6rem;
  background: #212121;
  box-shadow: inset 0 7.1rem 1.8rem -0.8rem rgba(0, 0, 0, 0.3);
}
@media (min-width: 600px) {
  .GamePageWrapper {
    padding: 3.2rem;
  }
}
@media (min-width: 1100px) {
  .GamePageWrapper {
    padding: 4.8rem;
    align-items: center;
    box-shadow: unset;
  }
}
@media (min-width: 1100px) {
  .IsLoggedIn .Page-CasinoGame.Page-LiveSource .GamePageWrapper {
    padding: 4.8rem;
  }
}
@media (min-width: 1100px) {
  .Page-CasinoGame.Page-LiveSource .GamePageWrapper {
    padding: 4.8rem 25rem 4.8rem 47.5rem;
  }
}
@media (min-width: 1100px) {
  .Page-CasinoGame.Page-LiveSource .GamePageContent {
    max-width: 41rem;
  }
}
@media (min-width: 1100px) {
  .IsLoggedIn .Page-CasinoGame.Page-LiveSource .GamePageContent {
    max-width: 134rem;
  }
}
.GamePageWrapper:-webkit-full-screen {
  width: 100%;
  height: 100%;
  background: transparent;
  padding: 1.6rem;
}
.GamePageWrapper:fullscreen {
  width: 100%;
  height: 100%;
  background: transparent;
  padding: 1.6rem;
}
.Page-CasinoGame .SectionContent {
  padding-top: 0;
  padding-bottom: 0;
}
.Page-CasinoGame .GamePageWrapper {
  display: flex;
  min-height: 100vh;
  padding-top: 8rem;
  box-sizing: border-box;
}
@media (min-width: 1100px) {
  .Page-CasinoGame .GamePageWrapper {
    align-items: center;
    padding-top: 4.6rem;
    width: 100%;
  }
}
.Page-CasinoGame.NotificationActive .GamePageWrapper {
  padding-top: 14rem;
}
.Page-CasinoGame .GamePageWrapper:-webkit-full-screen .GamePageContent {
  min-height: 0;
  margin-top: 3rem;
  height: auto;
}
.Page-CasinoGame .GamePageWrapper:fullscreen .GamePageContent {
  min-height: 0;
  margin-top: 3rem;
  height: auto;
}
.GamePageContent {
  display: block;
  position: relative;
  align-items: center;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  z-index: 2;
}
@media (min-width: 1100px) {
  .GamePageContent {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: auto;
    max-width: 134rem;
    z-index: 9;
  }
}
.iOSDevice.FixTabletKeyboard .SectionContent {
  overflow: hidden;
}
.ComponentClock {
  position: static;
  clear: both;
  margin: 0 auto;
  width: auto;
  text-align: center;
  color: #fff;
  line-height: 3;
}
@media (min-height: 480px) {
  .ComponentClock {
    font-size: 1rem;
  }
}
@media (min-height: 730px) {
  .ComponentClock {
    font-size: 1.6rem;
  }
}
.IsGameWrapper .ComponentClock {
  top: 3rem;
  right: -6.5rem;
}
@media (min-width: 1100px) {
  .Page-CasinoGame .IsGameFrameWrapper .GamePageContent {
    max-width: 43rem;
  }
}
.ComponentGameFrame:-webkit-full-screen,
.FramesWrapper .GameFrameWindow:-webkit-full-screen,
.Page-CasinoGame .IsGameFrameWrapper .GamePageContent:-webkit-full-screen {
  max-width: 100%;
  max-height: 100%;
}
.ComponentGameFrame:fullscreen,
.FramesWrapper .GameFrameWindow:fullscreen,
.Page-CasinoGame .IsGameFrameWrapper .GamePageContent:fullscreen {
  max-width: 100%;
  max-height: 100%;
}
.Page-CasinoGame .InstanceBackButton {
  display: block;
  position: absolute;
  top: -7.6rem;
  right: 0;
  float: right;
  min-width: 4rem;
  width: 4rem;
  height: 4rem;
  padding: 0;
  border: none;
  color: #fff;
  fill: #fff;
}
@media (min-width: 1100px) {
  .Page-CasinoGame .InstanceBackButton {
    position: absolute;
    top: -1rem;
    right: 5px;
  }
}
.ModalGamesWrapper {
  overflow: hidden;
}
.ModalGamesWrapper .StickyWrapper .ComponentSearchedGamesGrid {
  max-height: 40.2rem;
}
.ModalGamesWrapper .CategoriesList,
.ModalGamesWrapper .ExtraCategories {
  padding-top: 1rem;
}
.ModalGamesWrapper .StickyWrapper > section {
  height: 100%;
}
.iOSRebrushWrapper.Page-CasinoGame .InstanceBackButton {
  top: -5.6rem;
}
@media (min-width: 1100px) {
  .Page-CasinoGame .IsGameFrameWrapper .InstanceBackButton {
    margin: 0 0 0 1.6rem;
  }
}
.Page-CasinoGame .InstanceBackButton:hover {
  color: #fff;
  fill: #fff;
  opacity: 0.75;
}
.Page-CasinoGame .InstanceBackButton:active {
  color: #fff;
  fill: #fff;
}
.Page-CasinoGame .InstanceBackButton .Icon {
  display: block;
  width: 100%;
  height: auto;
}
.Page-CasinoGame .InstanceBackButton svg {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 4rem;
}
.Page-CasinoGame .InstanceBackButton .ButtonText {
  display: none;
}
.Page-CasinoGame .Title {
  display: none;
  color: #fff;
}
.Page-CasinoGame .ModalTitleContainer .Title {
  display: block;
}
.OperatorAddFav,
.OperatorRemoveFav {
  position: absolute;
  top: -7.6rem;
  width: 4rem;
  height: 4rem;
  margin-right: 1.6rem;
  padding: 0;
  border: none;
  right: auto;
  opacity: 1;
}
.OperatorAddFav:active,
.OperatorAddFav:hover,
.OperatorRemoveFav:active,
.OperatorRemoveFav:hover {
  opacity: 0.75;
}
@media (min-width: 1100px) {
  .OperatorAddFav,
  .OperatorRemoveFav {
    position: absolute;
    top: 0;
    left: -4.6rem;
    color: #fff;
  }
}
.OperatorRemoveFav {
  color: #f9c408;
  fill: #f9c408;
}
.iOSRebrushWrapper .OperatorAddFav,
.iOSRebrushWrapper .OperatorRemoveFav {
  top: -5.6rem;
}
.OperatorAddFav .Icon,
.OperatorRemoveFav .Icon {
  display: block;
  width: 100%;
  height: auto;
}
.OperatorAddFav .Icon svg,
.OperatorRemoveFav .Icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.OperatorAddFav .ButtonText,
.OperatorRemoveFav .ButtonText {
  display: none;
}
.GameFrameWrapper {
  display: block;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 1100px) {
  .GameFrameWrapper {
    color: #fff;
  }
}
@media (min-width: 1400px) {
  .GameFrameWrapper {
    max-width: 128rem;
  }
}
.GameFrameWrapper .ComponentGameButtons .Button,
.GameFrameWrapper .ComponentGameButtons .Button.ButtonRegister {
  border: 0.1rem solid #212121;
}
.GameFrameWrapper .ComponentGameButtons .Button.ButtonLogin {
  background-color: #fff;
  color: #212121;
}
.GameFrameWrapper .InstancePlayForFun {
  border: 0.1rem solid #212121;
}
.GameFrameWrapper .FrameGameThumbnail {
  width: 61.8%;
  margin: 0 auto 9.5rem;
}
@media (min-height: 320px) {
  .GameFrameWrapper .FrameGameThumbnail {
    margin: 0 auto;
  }
}
@media (min-width: 700px) {
  .IsLoggedIn.Page-CasinoGame .IsGameFrameWrapper .GameFrameWrapper {
    width: 50%;
  }
}
@media (min-width: 1100px) {
  .IsLoggedIn.Page-CasinoGame .IsGameFrameWrapper .GameFrameWrapper {
    width: 100%;
  }
}
@media (min-width: 1100px) {
  .Page-CasinoGame.Page-LiveSource .GameThumb {
    height: auto;
    width: 100%;
    max-width: 34rem;
  }
}
@media (min-width: 1100px) {
  .Page-CasinoGame.Page-LiveSource .GamePageContent .GameThumb {
    min-height: 30rem;
  }
}
@media (min-width: 1100px) {
  .Page-CasinoGame.Page-LiveSource .GameFrameWrapper .FrameGameThumbnail {
    width: 100%;
  }
}
.FrameGameDetails {
  display: block;
  min-width: 25vw;
  margin: 0.5em auto;
  font-size: 1.6rem;
  line-height: 1em;
  text-align: center;
}
@media (min-width: 360px) {
  .FrameGameDetails {
    max-width: 61.8%;
  }
}
@media (min-width: 600px) {
  .FrameGameDetails {
    font-size: 2.4rem;
  }
}
@media (min-width: 800px) {
  .FrameGameDetails {
    max-width: 50%;
  }
}
@media (min-width: 1100px) {
  .FrameGameDetails {
    max-width: 100%;
    min-width: 43rem;
    padding: 1.6rem 0 0;
    font-size: 3.6rem;
  }
}
@media (min-width: 1100px) {
  .IsGameWrapper .FrameGameDetails {
    background: #212121;
  }
}
.FrameGameDetails .Figure {
  display: block;
  clear: both;
}
.FrameGameDetails .PictureImg {
  display: block;
  width: 12rem;
  height: 12rem;
  margin: 0 auto;
  border-radius: 0.4rem;
  overflow: hidden;
  box-shadow: 0 2px 2.5px 0 rgba(33, 33, 33, 0.24);
  border: 0.1rem solid hsla(0, 0%, 100%, 0.34);
}
@media (min-width: 1100px) {
  .FrameGameDetails .PictureImg {
    width: 37.6rem;
  }
}
.FrameGameTitle {
  display: block;
  margin: 1rem 0 0;
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1.1;
  text-align: center;
  color: #fff;
}
.GameTileContainer .FrameGameTitle {
  display: none;
}
.ComponentGameButtons {
  display: block;
  margin: 1.6rem auto;
}
@media (min-width: 360px) {
  .ComponentGameButtons {
    max-width: 61.8%;
  }
}
@media (min-width: 800px) {
  .ComponentGameButtons {
    max-width: 50%;
  }
}
@media (min-width: 1100px) {
  .ComponentGameButtons {
    max-width: none;
    padding: 0;
    margin: 0 auto;
  }
}
@media (min-width: 1100px) {
  .Page-CasinoGame.Page-LiveSource .ComponentGameButtons {
    margin: 1.6rem auto;
  }
}
@media (min-width: 1100px) {
  .IsLoggedIn .ComponentGameButtons {
    width: auto;
    margin: 0 auto;
  }
}
.ComponentGameButtons .Layout {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.Page-CasinoGame.Page-LiveSource .ComponentGameButtons .Layout {
  float: none;
  max-width: 34rem;
  margin: 2em auto;
}
@media (min-width: 1100px) {
  .Page-CasinoGame.Page-LiveSource .ComponentGameButtons .Layout {
    float: left;
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
}
@media (min-width: 1100px) {
  .IsLoggedIn .Page-CasinoGame.Page-LiveSource .ComponentLayout {
    width: auto;
    margin: 0 auto;
  }
}
.ComponentGameButtons .Button {
  display: inline-block;
  width: 48%;
  margin: 0;
}
.ComponentGameButtons .ButtonFullScreen:active,
.ComponentGameButtons .ButtonFullScreen:hover {
  border: none;
}
.ComponentGameButtons .Button.ButtonRegister {
  background: #f9c408;
}
.GameFrameWrapper .InstancePlayForFun {
  display: block;
  width: 100%;
  margin: 1.6rem auto;
}
@media (min-width: 360px) {
  .GameFrameWrapper .InstancePlayForFun {
    max-width: 61.8%;
  }
}
@media (min-width: 800px) {
  .GameFrameWrapper .InstancePlayForFun {
    max-width: 50%;
  }
}
@media (min-width: 1100px) {
  .GameFrameWrapper .InstancePlayForFun {
    max-width: none;
    margin: 1.6rem 1.6rem 0 0;
  }
}
.GameFrameWrapper .InstancePlayToWin {
  display: block;
  width: 49%;
  float: right;
  margin: 0 auto;
  border: 0.1rem solid #212121;
}
@media (min-width: 360px) {
  .GameFrameWrapper .InstancePlayToWin {
    max-width: 61.8%;
  }
}
@media (min-width: 800px) {
  .GameFrameWrapper .InstancePlayToWin {
    max-width: 49%;
  }
}
@media (min-width: 1100px) {
  .GameFrameWrapper .InstancePlayToWin {
    max-width: none;
    margin: 0;
  }
}
.GameFrameWrapper .InstancePlayToWin:active,
.GameFrameWrapper .InstancePlayToWin:hover {
  background: #c99e05;
}
.Page-CasinoGame.Page-LiveSource .ComponentGameButtons .ButtonLogin {
  border: 0.1rem solid #fff;
}
.InstancePlayToWin .Icon {
  display: none;
}
.ComponentGameFrame {
  display: block;
  max-width: 128rem;
  overflow: hidden;
  margin: 0 auto;
}
.FramesContainerIsolation {
  display: block;
}
.InstanceOperatorGamepageDesktopLayout {
  display: flex;
  width: 100%;
  position: relative;
  z-index: 1;
  background: #212121;
}
.GameLeftWrapper {
  width: 22.5rem;
  z-index: 9;
  top: 0;
  background: #f0f0f0;
  overflow: hidden;
  -ms-overflow-style: none;
  transition: width 1s, flex 1s, left 1s;
}
.GameLeftWrapper::-webkit-scrollbar {
  display: none;
}
.GameLeftWrapper .OperatorViewAllGames,
.IsInFullScreen .GameLeftWrapper,
.RecommendedListWrapper .FavoriteGameToggleButton {
  display: none;
}
.GameLeftWrapper .SearchTrigger {
  height: 7.7rem;
  float: left;
}
.GameLeftWrapper .SearchContainer {
  width: 19rem;
  padding: 2rem 0 1rem;
  margin: 0 1.5rem;
  left: 0;
  background: #f0f0f0;
  border: none;
}
@media (min-width: 1100px) {
  .GameLeftWrapper .SearchContainer:active,
  .GameLeftWrapper .SearchContainer:hover {
    opacity: 1;
  }
}
@media (min-width: 1300px) {
  .GameLeftWrapper .SearchContainer {
    left: 0;
  }
}
@media (min-width: 1100px) {
  .GameLeftWrapper .SearchForm {
    display: inline-block;
    height: auto;
    max-height: 4rem;
    position: relative;
  }
}
.IsSearching:not(.OverflowHidden) .GameLeftWrapper .SearchContainer {
  margin-left: 2.5rem;
}
.GameLeftWrapper .SearchContainer.ReadyToChangeState {
  transition: width 0.6s ease-in;
}
.GameLeftWrapper .SearchContainer {
  transition: width 0.8s ease-out;
}
.GameLeftWrapper .SearchContainer.ReadyToChangeState .CloseButton {
  display: none;
}
.GameLeftWrapper .GameSearch {
  width: 17.7rem;
  float: none;
  margin: 0;
  padding: 0.8rem 3rem 1rem 4rem;
  opacity: 1;
  background: #fff;
  border: 0.1rem solid #dedede;
  transition: margin 0.3s ease-in-out;
}
.GameLeftWrapper .SearchContainer .Icon {
  top: 3rem;
  left: 1.5rem;
  opacity: 0.8;
}
.IsSearching:not(.OverflowHidden) .GameLeftWrapper .CloseButton {
  display: block;
  position: relative;
  width: 4rem;
  height: 4rem;
  left: 0;
  top: -4rem;
  background: none;
}
.GameLeftWrapper .CloseButton .Icon,
.IsSearching .GameLeftWrapper .CloseButton .Icon {
  display: block;
  width: auto;
  height: auto;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
}
.GameLeftWrapper .CloseButton svg {
  width: 3.2rem;
  height: 3.2rem;
}
.GameLeftWrapper .ComponentSearchedGamesGrid,
.GameLeftWrapper .InstanceNoSearchedGamesFound {
  padding: 4rem 0;
  top: 4rem;
  border: none;
  box-shadow: none;
  background: transparent;
  -ms-overflow-style: none;
  z-index: 0;
  transition-delay: 2s;
}
.GameLeftWrapper .InstanceNoSearchedGamesFound {
  background: #f0f0f0;
  z-index: 3;
}
.IsSearching .GameLeftWrapper .ComponentSearchedGamesGrid {
  background: #f0f0f0;
  overflow: -moz-scrollbars-none;
  z-index: 3;
}
.GameLeftWrapper .BoxTitle {
  width: 100%;
  top: 7.4rem;
  margin: 1rem 0;
  z-index: 0;
  text-align: center;
}
.IsSearching:not(.OverflowHidden) .GameLeftWrapper .GamesSwipeable {
  width: 0;
}
.GameLeftWrapper .ComponentSearchedGamesGrid .GamesSwipeable {
  margin-top: 0;
  width: 0;
}
.IsSearching .GameLeftWrapper .ComponentSearchedGamesGrid .GamesSwipeable {
  margin-top: 0;
  width: 100%;
  transition: width 1s;
}
.GameLeftWrapper .OperatorSW {
  position: fixed;
  width: 22.5rem;
  left: 0;
  z-index: 9;
  background: #f0f0f0;
  transition: width 1s;
}
.GameLeftWrapper .GamesList,
.GameLeftWrapper .GamesSwipeable,
.GameLeftWrapper .GamesWrapper {
  height: 100%;
}
.GameLeftWrapper .GamesWrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: auto;
}
.GameLeftWrapper .GamesListContainer {
  height: 13rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 0;
  overflow: visible;
}
.GameLeftWrapper .ListGame {
  flex-basis: unset;
  min-width: 13rem;
}
.InputFocused .GameLeftWrapper .OperatorSW,
.IsSearching .GameLeftWrapper .OperatorSW {
  width: 31.8rem;
}
.ModalIsOpen.InputFocused .GameLeftWrapper .OperatorSW,
.ModalIsOpen.IsSearching .GameLeftWrapper .OperatorSW {
  width: 22.5rem;
}
.GameLeftWrapper .HorizontalScrollBar .ListGame {
  max-width: 12.2rem;
  flex-basis: 12.2rem;
  padding: 0;
  margin: 0 0.8rem 0.8rem 0;
}
.GameLeftWrapper .GameThumb {
  height: 12.2rem;
  min-height: 12.2rem;
  -o-object-fit: cover;
  object-fit: cover;
}
.GameLeftWrapper .LoadMoreButtonContainer {
  display: none;
  right: 1.4rem;
  top: 6rem;
  z-index: 3;
}
.GameRightWrapper {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #212121;
}
.GameRightWrapper .GmowContainer {
  position: relative;
}
.GameRightWrapper .GameThumb {
  height: 100%;
}
.GameRightWrapper .FrameGameTitle {
  margin-bottom: 1rem;
}
.InputFocused:not(.OverflowHidden) .GameRightWrapper .GmowContainer,
.IsSearching:not(.OverflowHidden) .GameRightWrapper .GmowContainer {
  left: 20.8rem;
  transition: all 1s;
}
.InputFocused:not(.OverflowHidden)
  .GameRightWrapper.MinimizedGameWrapper
  .GmowContainer,
.IsSearching:not(.OverflowHidden)
  .GameRightWrapper.MinimizedGameWrapper
  .GmowContainer {
  left: 4rem;
  transition: all 1s;
}
.IsInFullScreen .GameRightWrapper .GmowContainer,
.IsSearching.IsInFullScreen .GameRightWrapper .GmowContainer {
  left: 0;
}
.InputFocused:not(.OverflowHidden) .GameLeftWrapper,
.IsSearching:not(.OverflowHidden) .GameLeftWrapper {
  width: 31.8rem;
  transition: width 1s;
}
.InputFocused:not(.OverflowHidden) .GameLeftWrapper .GameSearch,
.IsSearching:not(.OverflowHidden) .GameLeftWrapper .GameSearch {
  width: 23.5rem;
  height: 4rem;
  margin: 0 0 0 4.5rem;
  overflow-y: scroll;
  transition: all 2s ease;
}
.IsSearching:not(.OverflowHidden) .GameLeftWrapper .SearchIconEnd {
  display: block;
  left: 5.5rem;
}
.IsSearching
  .GameLeftWrapper
  .SearchContainer.ReadyToChangeState
  .SearchIconEnd {
  display: none;
}
.InputFocused .GameLeftWrapper .SearchTrigger .ClearButton,
.IsSearching .GameLeftWrapper .SearchTrigger .ClearButton {
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
}
.GameLeftWrapper .SearchTrigger .ClearButton {
  top: 3rem;
  right: 2rem;
}
.IsSearching .GameLeftWrapper .ReadyToChangeState .CloseButton {
  display: block;
}
@media (min-width: 1100px) {
  .GameLeftWrapper .CloseButton .InstanceBackArrowLeft.Icon {
    display: block;
    width: auto;
    height: auto;
  }
}
@media (min-width: 1100px) {
  .GameLeftWrapper .CloseButton .ButtonText {
    display: none;
  }
}
.InstanceNoSearchedGamesFound {
  text-align: center;
}
.ModalIsOpen.IsSearching .GameLeftWrapper .ComponentSearchedGamesGrid,
.ModalIsOpen.IsSearching .GameLeftWrapper .InstanceNoSearchedGamesFound {
  display: none;
}
.IsSearching .ComponentSearchedGamesGrid,
.IsSearching .InstanceNoSearchedGamesFound {
  display: block;
  -ms-overflow-style: none;
}
.Page-CasinoGame.IsSearching .GameModalWindow .FavoriteGameToggleButton {
  z-index: 0;
}
.FramesWrapper {
  display: block;
}
.FramesWrapper .GameFrameWindow {
  display: block;
  width: 100%;
  max-width: 128rem;
  max-height: 80vh;
  max-height: calc(100vh - 20rem);
  background: #000;
}
.Ratio- .GameFrameWindow {
  min-height: 46vw;
}
@media (min-width: 1600px) {
  .Ratio- .GameFrameWindow {
    min-height: 72rem;
  }
}
.Ratio-177.GameFrameWindow {
  width: 65rem;
  min-width: 65rem;
  max-width: 75rem;
  min-height: 38rem;
  margin: 0 auto;
}
@media (min-height: 680px) {
  .Ratio-177.GameFrameWindow {
    width: 82rem;
    min-width: 0;
    max-width: 82rem;
  }
}
@media (min-height: 800px) and (min-width: 1100px) {
  .Ratio-177.GameFrameWindow {
    width: 74rem;
    min-width: 0;
    max-width: 74rem;
  }
}
@media (min-height: 800px) and (min-width: 1300px) {
  .Ratio-177.GameFrameWindow {
    width: 95rem;
    min-width: 0;
    max-width: 95rem;
    max-height: 64rem;
    min-height: 64rem;
  }
}
@media (min-height: 900px) and (min-width: 1300px) {
  .Ratio-177.GameFrameWindow {
    width: 100%;
    min-height: 0;
    max-height: calc(100vh - 10rem);
  }
}
@media (min-height: 900px) and (min-width: 1660px) {
  .Ratio-177.GameFrameWindow {
    width: 128rem;
    max-width: 128rem;
    min-height: calc(100vh - 19rem);
  }
}
.Ratio-166.GameFrameWindow {
  width: 65rem;
  min-width: 65rem;
  max-width: 75rem;
  min-height: 38rem;
  margin: 0 auto;
}
@media (min-height: 680px) {
  .Ratio-166.GameFrameWindow {
    width: 82rem;
    min-width: 82rem;
    max-width: 82rem;
  }
}
@media (min-height: 800px) and (min-width: 1100px) {
  .Ratio-166.GameFrameWindow {
    width: 82rem;
    min-width: 82rem;
    max-width: 82rem;
  }
}
@media (min-height: 800px) and (min-width: 1300px) {
  .Ratio-166.GameFrameWindow {
    width: 100rem;
    min-width: 100rem;
    max-height: 68rem;
    min-height: 68rem;
  }
}
@media (min-height: 900px) and (min-width: 1300px) {
  .Ratio-166.GameFrameWindow {
    width: 100%;
    min-height: 0;
    max-height: calc(100vh - 10rem);
  }
}
@media (min-height: 900px) and (min-width: 1660px) {
  .Ratio-166.GameFrameWindow {
    width: 128rem;
    max-width: 128rem;
    min-height: calc(100vh - 19rem);
  }
}
.Ratio-133.GameFrameWindow {
  width: 51rem;
  min-width: 51rem;
  max-width: 51rem;
  min-height: 46rem;
  max-height: 46rem;
  margin: 0 auto;
}
@media (min-height: 680px) {
  .Ratio-133.GameFrameWindow {
    width: 64rem;
    min-width: 64rem;
    max-width: 64rem;
    min-height: 56rem;
    max-height: 56rem;
  }
}
@media (min-height: 800px) and (min-width: 1100px) {
  .Ratio-133.GameFrameWindow {
    width: 76rem;
    min-width: 76rem;
    max-width: 76rem;
    min-height: 66rem;
    max-height: 66rem;
  }
}
@media (min-height: 800px) and (min-width: 1300px) {
  .Ratio-133.GameFrameWindow {
    width: 81rem;
    min-width: 81rem;
    max-width: 81rem;
    min-height: 71rem;
    max-height: 71rem;
  }
}
@media (min-height: 900px) and (min-width: 1300px) {
  .Ratio-133.GameFrameWindow {
    width: 93.3rem;
    max-width: 93.3rem;
    min-height: 78rem;
    max-height: 78rem;
  }
}
@media (min-height: 900px) and (min-width: 1660px) {
  .Ratio-133.GameFrameWindow {
    max-width: 127rem;
  }
}
.Ratio-131.GameFrameWindow,
.Ratio-142.GameFrameWindow {
  width: 65rem;
  min-width: 65rem;
  max-width: 75rem;
  min-height: 38rem;
  margin: 0 auto;
}
@media (min-height: 680px) {
  .Ratio-131.GameFrameWindow,
  .Ratio-142.GameFrameWindow {
    width: 70rem;
    min-width: 70rem;
    max-width: 70rem;
  }
}
@media (min-height: 800px) and (min-width: 1100px) {
  .Ratio-131.GameFrameWindow,
  .Ratio-142.GameFrameWindow {
    width: 82rem;
    min-width: 82rem;
    max-width: 82rem;
  }
}
@media (min-height: 800px) and (min-width: 1300px) {
  .Ratio-131.GameFrameWindow,
  .Ratio-142.GameFrameWindow {
    width: 82rem;
    min-width: 82rem;
    max-height: 65rem;
    min-height: 65rem;
  }
}
@media (min-height: 900px) and (min-width: 1300px) {
  .Ratio-131.GameFrameWindow,
  .Ratio-142.GameFrameWindow {
    width: 100%;
    min-height: calc(100vh - 12rem);
    max-height: calc(100vh - 12rem);
  }
}
@media (min-height: 900px) and (min-width: 1660px) {
  .Ratio-131.GameFrameWindow,
  .Ratio-142.GameFrameWindow {
    width: 100rem;
    min-width: 100rem;
    max-width: 100rem;
    min-height: calc(100vh - 12rem);
    max-height: calc(100vh - 12rem);
  }
}
@media (min-width: 1100px) {
  .Page-CasinoGame.IsInFullScreen .GamePageWrapper {
    max-width: 150rem;
  }
}
@media (min-width: 1600px) {
  .Page-CasinoGame.IsInFullScreen .GamePageWrapper {
    max-width: none;
  }
}
@media (min-width: 1100px) {
  .Page-CasinoGame.IsInFullScreen .GamePageWrapper .GamePageContent {
    max-width: none;
  }
}
.Page-CasinoGame.IsInFullScreen .GamePageWrapper .ComponentGameFrame {
  max-width: 150rem;
}
.Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio- .GameFrameWindow {
  min-height: 46vw;
}
@media (min-width: 1600px) {
  .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio- .GameFrameWindow {
    min-height: 72rem;
  }
}
.Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-177.GameFrameWindow {
  width: auto;
  min-width: 0;
  max-width: 70rem;
  min-height: 0;
  max-height: none;
  margin: 0 auto;
}
@media (min-height: 680px) {
  .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-177.GameFrameWindow {
    width: auto;
    min-width: 0;
    max-width: 80rem;
    min-height: 0;
    max-height: none;
  }
}
@media (min-height: 800px) and (min-width: 1100px) {
  .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-177.GameFrameWindow {
    width: auto;
    min-width: 0;
    max-width: 100rem;
    min-height: 0;
    max-height: none;
  }
}
@media (min-height: 800px) and (min-width: 1300px) {
  .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-177.GameFrameWindow {
    width: auto;
    min-width: 0;
    max-width: 100rem;
    min-height: 0;
    max-height: none;
  }
}
@media (min-height: 900px) and (min-width: 1300px) {
  .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-177.GameFrameWindow {
    width: auto;
    min-width: 0;
    max-width: 110rem;
    min-height: 0;
    max-height: none;
  }
}
@media (min-height: 900px) and (min-width: 1660px) {
  .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-177.GameFrameWindow {
    width: auto;
    min-width: 0;
    max-width: 150rem;
    min-height: 0;
    max-height: none;
  }
}
.Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-166.GameFrameWindow {
  width: auto;
  min-width: 0;
  max-width: 70rem;
  min-height: 0;
  max-height: none;
  margin: 0 auto;
}
@media (min-height: 680px) {
  .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-166.GameFrameWindow {
    width: auto;
    min-width: 0;
    max-width: 80rem;
    min-height: 0;
    max-height: none;
  }
}
@media (min-height: 800px) and (min-width: 1100px) {
  .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-166.GameFrameWindow {
    width: auto;
    min-width: 0;
    max-width: 100rem;
    min-height: 0;
    max-height: none;
  }
}
@media (min-height: 800px) and (min-width: 1300px) {
  .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-166.GameFrameWindow {
    width: auto;
    min-width: 0;
    max-width: 100rem;
    min-height: 0;
    max-height: none;
  }
}
@media (min-height: 900px) and (min-width: 1300px) {
  .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-166.GameFrameWindow {
    width: auto;
    min-width: 0;
    max-width: 110rem;
    min-height: 0;
    max-height: none;
  }
}
@media (min-height: 900px) and (min-width: 1660px) {
  .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-166.GameFrameWindow {
    width: auto;
    min-width: 0;
    max-width: 120rem;
    min-height: 0;
    max-height: none;
  }
}
.Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-133.GameFrameWindow {
  width: auto;
  min-width: 0;
  max-width: 60rem;
  min-height: 0;
  max-height: none;
  margin: 0 auto;
}
@media (min-height: 680px) {
  .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-133.GameFrameWindow {
    width: auto;
    min-width: 0;
    max-width: 70rem;
    min-height: 0;
    max-height: none;
  }
}
@media (min-height: 800px) and (min-width: 1100px) {
  .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-133.GameFrameWindow {
    width: auto;
    min-width: 0;
    max-width: 80rem;
    min-height: 0;
    max-height: none;
  }
}
@media (min-height: 800px) and (min-width: 1300px) {
  .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-133.GameFrameWindow {
    width: auto;
    min-width: 0;
    max-width: 90rem;
    min-height: 0;
    max-height: none;
  }
}
@media (min-height: 900px) and (min-width: 1300px) {
  .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-133.GameFrameWindow {
    width: auto;
    min-width: 0;
    max-width: 110rem;
    min-height: 0;
    max-height: none;
  }
}
@media (min-height: 900px) and (min-width: 1660px) {
  .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-133.GameFrameWindow {
    width: auto;
    min-width: 0;
    max-width: 120rem;
    min-height: 0;
    max-height: none;
  }
}
.Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-131.GameFrameWindow,
.Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-142.GameFrameWindow {
  width: auto;
  min-width: 0;
  max-width: 80rem;
  min-height: 0;
  max-height: none;
}
@media (min-height: 680px) {
  .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-131.GameFrameWindow,
  .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-142.GameFrameWindow {
    width: auto;
    min-width: 0;
    max-width: 90rem;
    min-height: 0;
    max-height: none;
  }
}
@media (min-height: 800px) and (min-width: 1100px) {
  .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-131.GameFrameWindow,
  .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-142.GameFrameWindow {
    width: auto;
    min-width: 0;
    max-width: 100rem;
    min-height: 0;
    max-height: none;
  }
}
@media (min-height: 800px) and (min-width: 1300px) {
  .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-131.GameFrameWindow,
  .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-142.GameFrameWindow {
    width: auto;
    min-width: 0;
    max-width: 100rem;
    min-height: 0;
    max-height: none;
  }
}
@media (min-height: 900px) and (min-width: 1300px) {
  .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-131.GameFrameWindow,
  .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-142.GameFrameWindow {
    width: auto;
    min-width: 0;
    max-width: 110rem;
    min-height: 0;
    max-height: none;
  }
}
@media (min-height: 900px) and (min-width: 1660px) {
  .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-131.GameFrameWindow,
  .Page-CasinoGame.IsInFullScreen .GamePageWrapper .Ratio-142.GameFrameWindow {
    width: auto;
    min-width: 0;
    max-width: 120rem;
    min-height: 0;
    max-height: none;
  }
}
.ComponentGameFrame .ComponentGameButtons {
  display: block;
  text-align: center;
  margin: 0 auto;
  box-sizing: border-box;
}
@media (min-width: 1100px) {
  .ComponentGameFrame .ComponentGameButtons {
    padding: 2rem;
    background: #252a31;
    text-align: left;
  }
}
.ComponentGameFrame .Layout {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 1.6rem 0;
}
@media (min-width: 600px) {
  .ComponentGameFrame .Layout {
    margin: 2.4rem 0;
  }
}
@media (min-width: 1100px) {
  .ComponentGameFrame .Layout {
    justify-content: space-between;
    float: left;
    max-height: 4rem;
    overflow: hidden;
    min-width: 25rem;
    width: auto;
    margin: 0;
  }
}
@media (min-width: 1100px) {
  .IsLoggedIn .ComponentGameFrame .Layout {
    width: auto;
    min-width: 0;
  }
}
.ComponentGameFrame .Layout.GameBalanceText {
  display: block;
  width: auto;
}
@media (min-width: 1100px) {
  .ComponentGameFrame .Layout.GameBalanceText {
    margin: 0 4rem 0 0;
  }
}
.GameBalanceText .Currency,
.GameBalanceText .Text {
  display: block;
  width: 100%;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 600;
}
.TotalBalanceWrapper .Text {
  display: none;
}
.GameBalanceText .Text.GameChips {
  margin: 0;
  font-size: 1.6rem;
  color: hsla(0, 0%, 100%, 0.5);
  font-weight: 100;
}
.GameFrameWrapper .GameBalanceText {
  margin: 0 0 3rem;
  text-align: center;
  color: #fff;
  line-height: 1.8rem;
}
@media (min-height: 414px) {
  .GameFrameWrapper .GameBalanceText {
    margin: 7.7rem 0 3rem;
  }
}
.ComponentGameFrame .Button {
  display: block;
  flex-basis: 49%;
  margin: 0;
  border: #fff;
  color: #fff;
  line-height: 0.5;
}
@media (min-width: 1100px) {
  .ComponentGameFrame .ButtonLogin {
    background: #f9c408;
    border-color: #f9c408;
    color: #fff;
  }
}
.ComponentGameFrame .ButtonRegister {
  border: 1px solid #fff;
}
.ComponentGameFrame .Button.DepositBtn {
  display: block;
  border: none;
  background: #f9c408;
  padding: 1.5rem 4rem;
}
.ComponentGameButtons .DepositBtn {
  width: 100%;
  flex-basis: 100%;
}
.ComponentGameFrame .Button:active,
.ComponentGameFrame .Button:hover {
  background: #294c0b;
  border-color: #294c0b;
  color: #fff;
  opacity: 0.7;
}
.ComponentGameFrame .ButtonFullScreen {
  display: block;
  width: 100%;
  margin: 0 auto;
  color: #fff;
  fill: #fff;
  border: none;
}
@media (min-width: 1100px) {
  .ComponentGameFrame .ButtonFullScreen {
    float: right;
    width: auto;
    padding: 0;
    border: none;
  }
}
.ButtonFullScreen .Icon {
  display: inline-block;
  vertical-align: middle;
  width: 4rem;
  height: 4rem;
  margin: 0 0.4rem 0 0;
}
@media (min-width: 1100px) {
  .ButtonFullScreen .Icon {
    margin: 0;
  }
}
.ButtonFullScreen .ButtonText {
  display: inline-block;
}
@media (min-width: 1100px) {
  .ButtonFullScreen .ButtonText {
    display: none;
  }
}
.CasinoGameButtonsWrapper .IsActive .ContentTriggerContainer {
  opacity: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 15;
  box-sizing: border-box;
  color: inherit;
}
@media (min-width: 880px) {
  .CasinoGameButtonsWrapper .IsActive .ContentTriggerContainer {
    max-width: 79.8rem;
    align-items: center;
    margin-top: 3rem;
    left: calc(50% - 39.9em);
  }
}
.CasinoGameButtonsWrapper .IsActive .ContentTriggerContainer:before {
  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(41, 76, 11, 0.7);
}
.CasinoGameButtonsWrapper .IsActive .ContentTriggerContainer .IframeWrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  max-height: 100%;
  position: relative;
  z-index: 1;
}
@media (min-width: 880px) {
  .CasinoGameButtonsWrapper .IsActive .ContentTriggerContainer .IframeWrapper {
    max-width: 79.8rem;
    height: auto;
  }
}
@media (min-width: 1100px) {
  .CasinoGameButtonsWrapper .IsActive .ContentTriggerContainer .IframeWrapper {
    animation: ModalBounce 0.5s cubic-bezier(0, 1.13, 0.7, 1.32) forwards;
  }
}
.CasinoGameButtonsWrapper .ContentTriggerContainer .ModalCloseButton {
  display: none;
}
.CasinoGameButtonsWrapper .IsActive .ModalCloseButton {
  display: block;
  position: absolute;
  padding: 0;
  width: 2em;
  flex-basis: 2em;
  right: -2em;
  top: 0;
  font-size: 2em;
}
.CasinoGameButtonsWrapper .IsActive .ModalCloseButton:active,
.CasinoGameButtonsWrapper .IsActive .ModalCloseButton:hover {
  background: none;
  border: none;
}
.HostedCashierDepositIframeContainer,
.HostedCashierWithdrawIframeContainer {
  margin-top: 5rem;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}
@media (min-width: 1100px) {
  .HostedCashierDepositIframeContainer,
  .HostedCashierWithdrawIframeContainer {
    margin-top: 0;
  }
}
.HostedCashierDepositIframe,
.HostedCashierWithdrawIframe {
  min-height: 30rem;
  overflow: auto;
}
.Page-Deposit .SectionContent,
.Page-WidgetDeposit .SectionContent,
.Page-WidgetWithdraw .SectionContent,
.Page-Withdraw .SectionContent {
  background: #e5e6e7;
}
.Page-Deposit .SectionContent,
.Page-Withdraw .SectionContent {
  width: 93%;
  top: 2em;
  margin: 5rem auto;
  padding: 1em;
  box-sizing: border-box;
}
@media (min-width: 880px) {
  .Page-Deposit .SectionContent,
  .Page-Withdraw .SectionContent {
    width: 78.5rem;
  }
}
.Page-Deposit .SectionContent .Text,
.Page-Withdraw .SectionContent .Text {
  padding: 1em;
  margin: 2em 0;
  border-bottom: 1px solid #dedede;
  min-height: 3em;
}
@media (min-width: 880px) {
  .Page-Deposit .SectionContent .Text,
  .Page-Withdraw .SectionContent .Text {
    margin: 2em 3.2rem;
  }
}
.Page-Deposit .SectionContent .HorizontalScrollBar,
.Page-Withdraw .SectionContent .HorizontalScrollBar {
  margin: 0 1em;
}
@media (min-width: 880px) {
  .Page-Deposit .SectionContent .HorizontalScrollBar,
  .Page-Withdraw .SectionContent .HorizontalScrollBar {
    margin: 0 1em;
  }
}
.Page-Deposit .SectionContent .PaymentFormWrapper {
  position: relative;
}
.Page-Deposit .SectionContent .DepositFormDesc,
.Page-Withdraw .SectionContent .DepositFormDesc {
  top: 0.3em;
}
.Page-InGameDeposit .SectionContent {
  padding-top: 0;
}
.BankingMethods .ModalContent {
  width: 100%;
  min-height: 46.5rem;
  margin: 0 auto;
  height: 100vh;
  background: #e5e6e7;
}
@media (min-width: 1100px) {
  .BankingMethods .ModalContent {
    width: 78.5rem;
    height: auto;
  }
}
@media (min-width: 520px) {
  .BankingMethods .ComponentDepositWrapper,
  .BankingMethods .ComponentWithdrawWrapper {
    width: auto;
  }
}
.ComponentDepositMmCcForm .FieldSet.FormFieldSet {
  height: auto;
}
@media (min-width: 520px) {
  .ComponentDepositMmCcForm .FieldSet.FormFieldSet {
    height: 31rem;
  }
}
.InstanceOperatorBankingMethods.TabsContent {
  position: relative;
  background: #e6e7e8;
}
.PaymentMethodList {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  width: auto;
  overflow: auto;
  -webkit-overflow-scrolling: auto;
}
.ComponentDepositWrapper,
.ComponentWithdrawWrapper {
  padding: 0 1em;
}
@media (min-width: 879px) {
  .ComponentDepositWrapper,
  .ComponentWithdrawWrapper {
    padding: 0 4em;
  }
}
.Form .InputContainer {
  display: block;
  position: relative;
  padding: 0;
  margin: 0 0 1rem;
}
.ComponentDepositMmCcForm .Form .InputContainer.depositAmount {
  width: 44%;
}
@media (min-width: 375px) {
  .ComponentDepositMmCcForm .Form .InputContainer.depositAmount {
    width: 36%;
  }
}
@media (min-width: 520px) {
  .ComponentDepositMmCcForm .Form .InputContainer.depositAmount {
    width: 45%;
  }
}
.PaymentPrepare-deposit .ComponentPayCardId {
  width: 100%;
}
@media (min-width: 520px) {
  .PaymentPrepare-deposit .ComponentPayCardId {
    width: 45%;
  }
}
.CardExpirationDateInput .Title,
.Form .FormLabel {
  width: 100%;
  padding: 0 0.25rem 0.5rem 0;
  color: #3d3d3d;
  font-size: 1.6rem;
  font-weight: 400;
}
.Form .FormLabel {
  line-height: 1rem;
}
.Form .LabelText {
  display: inline-block;
  padding: 0 0.2rem 0.4rem 0;
}
#Cvv,
#Pan {
  max-height: 5rem;
  width: 100%;
}
.ComponentIcon.InstanceCreditCard,
.ComponentIcon.InstanceCvv {
  position: absolute;
  top: 1.5rem;
  right: 0.5rem;
  width: 3rem;
  height: 2rem;
}
.ComponentIcon.InstanceCvv {
  right: 1em;
}
@media (min-width: 520px) {
  .ComponentIcon.InstanceCvv {
    right: -2.5em;
  }
}
.BankingMethods .TabsHeader {
  top: 0;
  justify-content: center;
  margin: 0 3.2rem;
  padding: 1rem 1.6rem 0;
  background: #e6e7e8;
  box-shadow: none;
  border-bottom: 1px solid #dedede;
}
.BankingMethods .ComponentTabsItemHeader .AnchorText {
  display: block;
  padding: 2rem 0;
  color: #212121;
  font-size: 1.6rem;
  font-weight: 600;
}
.BankingMethods .PaymentMethodItem.ListItem {
  flex: 1;
  flex-grow: 0;
  padding: 0 0.3rem;
  text-align: center;
}
@media (min-width: 520px) {
  .BankingMethods .PaymentMethodItem.ListItem {
    right: -2.5em;
    width: 100%;
  }
}
.BankingMethods.PayCardForm {
  width: 45%;
}
@media (min-width: 520px) {
  .BankingMethods.PayCardForm {
    width: 100%;
  }
}
.BankingMethods .PaymentMethodIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7.6rem;
  height: 5rem;
  box-sizing: border-box;
  overflow: hidden;
  background: #fff;
  border-radius: 0.5rem;
  text-align: center;
}
@media (min-width: 760px) {
  .BankingMethods .PaymentMethodIcon {
    width: 10rem;
    height: 7rem;
  }
}
.BankingMethods .PaymentMethodItem.Active .PaymentMethodIcon {
  border: 2px solid #f9c408;
  outline: none;
}
.BankingMethods .PaymentMethodItem img {
  width: 100%;
  height: auto;
}
.BankingMethods .PaymentLabel {
  display: none;
}
.BankingMethods .PayCardNumber {
  word-break: break-all;
}
.BankingMethods.HorizontalScrollBar {
  padding: 0;
  height: 12rem;
}
@media (min-width: 879px) {
  .BankingMethods.HorizontalScrollBar {
    padding: 0 3em;
  }
}
.WithdrawModal .BankingMethods.HorizontalScrollBar {
  height: auto;
}
.BankingMethods.HorizontalScrollBar ::-webkit-scrollbar {
  width: 0.6rem;
  height: 0.6rem;
}
.BankingMethods.HorizontalScrollBar ::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}
.BankingMethods.HorizontalScrollBar ::-webkit-scrollbar-track {
  background: #cacaca;
}
.BankingMethods.HorizontalScrollBar ::-webkit-scrollbar-thumb {
  background: #526284;
  border-radius: 0.3rem;
}
.PaymentPrepareTitle {
  padding: 0 0 2rem;
  border-bottom: 1px solid #dedede;
}
.PaymentPrepareBody {
  padding: 1rem 0 0;
}
.ComponentPayCardId {
  width: 45%;
  margin: 0 1rem 0.5rem 0;
}
.PayCardIdRegisterInputTypeText {
  display: block;
  width: 100%;
}
.PayCardIdDescription {
  display: none;
}
.PaymentPrepareBody .SelectOption {
  width: 100%;
}
@media (min-width: 520px) {
  .BankingMethods .Form .InputContainer {
    width: 45%;
    margin: 0 1rem 1.5rem 0;
  }
}
.BankingMethods .FormFieldSet {
  min-height: 9em;
}
.BankingMethods .Form .InputContainer .ErrorWrapper {
  display: block;
  position: absolute;
  width: 26rem;
}
.BankingMethods .Form .FormLabel {
  max-height: 4.5em;
}
.CreditCardNumberInput .InputContainer.HasIconEnd {
  width: 100%;
}
.BankingMethods .Form .LabelText,
.BankingMethods .LabelWrap,
.BankingMethods .LabelWrap .LabelText {
  padding: 0;
  margin: 0;
  color: #828282;
}
.BankingMethods .SelectOption {
  -webkit-appearance: none;
}
@media (min-width: 520px) {
  .CardExpirationDateInput {
    position: absolute;
    left: 55%;
    bottom: 14.4em;
    width: 42%;
  }
}
@media (min-width: 520px) {
  .Page-Deposit .SectionContent .CardExpirationDateInput {
    bottom: 17em;
    left: 60%;
  }
}
.CardExpirationDateInput .Title {
  padding: 0 0 0 0.5rem;
  margin: 0;
  float: left;
  color: #828282;
}
.CardExpirationDateInput .Req {
  display: block;
  position: absolute;
  left: 0;
  width: 50%;
  color: #c23b21;
}
@media (min-width: 520px) {
  .CardExpirationDateInput .Req {
    float: left;
  }
}
.Req {
  display: inline-block;
  float: left;
  color: #c23b21;
}
.CardExpirationDateInput .FormLabel {
  display: block;
  width: 45%;
}
.CardExpirationDateInput .FormLabel:first-of-type {
  position: relative;
  left: 0;
  max-height: none;
}
.CardExpirationDateInput .FormLabel:nth-of-type(2) {
  position: relative;
  left: 55%;
  top: -4.8rem;
}
@media (min-width: 520px) {
  .CardExpirationDateInput .FormLabel:nth-of-type(2) {
    left: 50%;
  }
}
.CardExpirationDateInput .FormLabel .SelectOption {
  width: 100%;
}
@media (min-width: 520px) {
  .CardExpirationDateInput .Message {
    position: absolute;
    bottom: 0;
    width: 95%;
  }
}
.ComponentPaymentCurrencySelector {
  display: block;
  position: relative;
  margin: 0 1rem 1.5rem 0;
  line-height: 1rem;
  padding: 0;
}
@media (min-width: 520px) {
  .ComponentCvvField {
    position: absolute;
    left: 56%;
    top: -5.8em;
    width: 47%;
  }
}
@media (min-width: 520px) {
  .Page-Deposit .SectionContent .CardExpirationDateInput + .CVVInput {
    top: -8em;
    left: 60%;
  }
}
.ExistingCreditCard {
  width: 45%;
}
.ExistingCreditCard .SelectOption {
  width: 100%;
}
@media (min-width: 520px) {
  .ExistingCreditCard {
    width: auto;
  }
}
.ExistingCreditCard + .CVVInput {
  left: 0;
  top: -0.6em;
  width: 45%;
}
@media (min-width: 520px) {
  .ExistingCreditCard + .CVVInput {
    width: 47%;
  }
}
.BankingMethods input:focus,
.BankingMethods select:focus,
.BankingMethods textarea:focus {
  border: 1px solid #9ac0f1;
}
.PaymentScanCard {
  display: none;
}
.DepositFormDesc,
.WithdrawFormDesc {
  position: absolute;
  top: 9.8em;
  right: 1em;
  width: 20rem;
  font-size: 1.4rem;
}
@media (min-width: 520px) {
  .DepositFormDesc,
  .WithdrawFormDesc {
    top: 9.4em;
    right: 3em;
    width: 20rem;
  }
}
.Page-Deposit .SectionContent .DepositFormDesc,
.Page-Withdraw .SectionContent .WithdrawFormDesc {
  width: 15rem;
  right: 0;
  top: -0.9em;
}
@media (min-width: 375px) {
  .Page-Deposit .SectionContent .DepositFormDesc,
  .Page-Withdraw .SectionContent .WithdrawFormDesc {
    width: 20rem;
    top: 0.2em;
  }
}
.WithdrawFormDesc {
  position: absolute;
  top: 13.2em;
}
@media (min-width: 879px) {
  .WithdrawFormDesc {
    top: 14.2em;
  }
}
.BankingMethods .ComponentDepositBonus,
.BankingMethods .Message.Error:empty {
  display: none;
}
.BankingMethods .OperatorHeaderDeposit {
  width: 100%;
  margin: 1.6rem 0;
}
.FieldMandatoryTxt {
  color: #828282;
  float: right;
}
.ComponentWithdrawWrapper .Button,
.RegisterNewCardAnchor {
  width: 100%;
  margin: 0.2em 0;
  background: #f9c408;
  color: #fff;
  border: none;
}
.ComponentWithdrawWrapper .Button:active,
.ComponentWithdrawWrapper .Button:hover,
.RegisterNewCardAnchor:active,
.RegisterNewCardAnchor:hover {
  background: #294c0b;
  color: #fff;
  border: none;
}
.ComponentWithdrawWrapper .FormFieldSet .Button {
  margin: 0.5em 0;
}
.Page-ConfirmTransaction .SectionContent,
.Page-Receipt .SectionContent {
  width: 93%;
  margin: 5rem auto;
  padding: 1em;
  min-height: 50rem;
}
@media (min-width: 879px) {
  .Page-ConfirmTransaction .SectionContent,
  .Page-Receipt .SectionContent {
    width: 78.5rem;
  }
}
.Page-ConfirmTransaction .SectionContent .BackTrigger,
.Page-Receipt .SectionContent .BackTrigger {
  display: block;
  padding: 2rem 0;
  margin: 0 3.2rem;
  font-size: 1.4rem;
}
.Page-ConfirmTransaction .SectionContent .Title,
.Page-Receipt .SectionContent .Title {
  padding: 2rem 0;
  margin: 0 3.2rem;
  border-bottom: 1px solid #dedede;
}
.Page-ConfirmTransaction .SectionContent .ComponentText,
.Page-Receipt .SectionContent .ComponentText {
  font-size: 1.4rem;
  padding: 2rem 0;
  margin: 0 3.2rem;
}
.Page-ConfirmTransaction .SectionContent .PaymentPageContainer,
.Page-Receipt .SectionContent .PaymentPageContainer {
  padding: 0;
  margin: 0 3.2rem;
  font-size: 1.4rem;
}
.Page-ConfirmTransaction .SectionContent .PaymentTransList,
.Page-Receipt .SectionContent .PaymentTransList {
  margin: 1em 0;
}
.Page-ConfirmTransaction .SectionContent .PaymentTransItem,
.Page-Receipt .SectionContent .PaymentTransItem {
  margin: 0.5rem 0;
}
.Page-ConfirmTransaction .SectionContent .PaymentTransInfo,
.Page-Receipt .SectionContent .PaymentTransInfo {
  display: inline-block;
  min-width: 10em;
}
@media (min-width: 520px) {
  .Page-ConfirmTransaction .SectionContent .PaymentTransInfo,
  .Page-Receipt .SectionContent .PaymentTransInfo {
    min-width: 15em;
  }
}
.Page-ConfirmTransaction .SectionContent .PaymentTransStatusSuccess,
.Page-ConfirmTransaction .SectionContent .PaymentTransValue,
.Page-Receipt .SectionContent .PaymentTransStatusSuccess,
.Page-Receipt .SectionContent .PaymentTransValue {
  display: inline-block;
  width: 10em;
  padding: 0 0.5rem;
}
.ConfirmFormButton {
  position: relative;
  background: #f9c408;
  border: none;
  color: #fff;
}
.ConfirmFormButton:active,
.ConfirmFormButton:hover {
  background: #294c0b;
  border: none;
  color: #fff;
}
.PendingWithdraw.Anchor {
  margin: 0 3.2rem;
  font-size: 1.4rem;
}
.Iframe3rdParty {
  height: 90vh;
}
.Page-PendingWithdrawals .Title {
  margin: 3.8rem 0 1.4rem;
}
.PendingWithdrawList {
  padding: 3em 0;
}
.PendingWithdrawTitle {
  background: #cacaca;
  font-weight: 600;
  padding: 1.8rem 0.6em;
  line-height: 2rem;
}
@media (min-width: 520px) {
  .PendingWithdrawTitle {
    padding: 1.8em;
  }
}
.PendingWithdrawTitle span {
  width: 30%;
  display: inline-block;
}
.PendingWithdrawItem {
  display: flex;
  padding: 1.2em 0.2em;
  position: relative;
  background: #fff;
  color: #4e4e4e;
  border-bottom: 0.1rem solid #dedede;
  font-size: 1.6rem;
  line-height: 1em;
}
@media (min-width: 520px) {
  .PendingWithdrawItem {
    padding: 0.8em 1.2em;
  }
}
.PendingWithdrawItem .Currency,
.PendingWithdrawItem .RollBackInfo,
.PendingWithdrawItem .TransactionId {
  width: 30%;
  display: inline-block;
}
.PendingWithdrawItem .TransDateTime {
  width: 100%;
  display: block;
  padding: 0 0 0.3em;
}
.PendingWithdrawItem .RollBackInfo span span {
  display: inline-block;
}
.PendingWithdrawItem .RollBackInfo .Button {
  background: #f9c408;
  border: none;
  color: #fff;
}
.PendingWithdrawItem .RollBackInfo .Button:active,
.PendingWithdrawItem .RollBackInfo .Button:hover {
  background: #294c0b;
  border: none;
  color: #fff;
}
@media (min-width: 1100px) {
  .Page-Limits-Child .SectionContent,
  .Page-SetLimit .SectionContent {
    padding-top: 11rem;
  }
}
.Page-Limits-Child .SectionContent .SetLimitWrapper,
.Page-SetLimit .SectionContent .SetLimitWrapper {
  padding: 0 1.6rem;
}
.HolderInputContainer {
  margin-top: 1.5rem;
}
.RadioContainer .FormLabel {
  cursor: pointer;
}
.RadioContainer .InputWrap {
  width: auto;
  vertical-align: top;
}
.RadioContainer .LabelWrap {
  vertical-align: top;
}
.Page-LiveCasino .SectionContent > .Title {
  display: none;
}
.Page-LiveCasino-Child .SectionContent > .Title,
.Page-LiveCasino .OperatorTotalJackpotsTop .Title {
  display: block;
}
.Page-LiveCasino-Child .GamesList .BoxTitle {
  display: none;
}
.Page-Casino .ComponentSearchedGamesGrid .GamesListContainer,
.Page-LiveCasino .ComponentSearchedGamesGrid .GamesListContainer {
  justify-content: space-around;
}
@media (min-width: 768px) {
  .Page-Casino .ComponentSearchedGamesGrid .GamesListContainer,
  .Page-LiveCasino .ComponentSearchedGamesGrid .GamesListContainer {
    justify-content: center;
  }
}
.PromotionsWrapper {
  padding: 0 3rem;
  color: #fff;
  font-size: 1.4rem;
}
.PromotionsIndexTitle {
  font-size: 2rem;
  margin: 3rem 0;
}
.PromotionsWrapperContained {
  display: grid;
  grid-template-columns: auto;
  grid-auto-rows: auto;
  grid-row-gap: 3.4rem;
}
@media (min-width: 768px) {
  .PromotionsWrapperContained {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 3.4rem;
  }
}
@media (min-width: 1366px) {
  .PromotionsWrapperContained {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 3.4rem;
  }
}
.PromotionItem {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 40rem;
  border: 0.1rem solid hsla(0, 0%, 100%, 0.2);
}
.PromotionItem * {
  box-sizing: border-box;
}
.PromotionItem .ComponentPicture {
  height: 40rem;
}
.PromotionItem .PictureImg {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  height: auto;
  position: absolute;
  max-height: 88%;
}
.PromotionContentWrapper {
  margin-bottom: 1.8rem;
}
.PromotionItemContent {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  padding: 2rem 2.4rem;
  background-image: linear-gradient(0deg, #1e1e20 20%, rgba(21, 21, 22, 0) 70%);
  color: #fff;
}
.PromotionItemTitle {
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 0.8rem;
}
.PromotionItemDescription {
  font-size: 1.6rem;
  line-height: 1.2;
}
.PromotionItemDescription a:hover {
  color: #fff;
}
.PromotionButtonWrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.PromotionButtonWrapper .OptInButton,
.PromotionButtonWrapper .OptOutButton,
.PromotionButtonWrapper .PromotionItemClaimedLabel,
.PromotionButtonWrapper .PromotionItemInfoBtn {
  all: unset;
  width: 100%;
  font-size: 1.6rem;
  text-transform: uppercase;
  text-align: center;
  padding: 1rem 2.4rem;
  border: 0.2rem solid #fff;
  cursor: pointer;
}
@media (min-width: 375px) {
  .PromotionButtonWrapper .OptInButton,
  .PromotionButtonWrapper .OptOutButton,
  .PromotionButtonWrapper .PromotionItemClaimedLabel,
  .PromotionButtonWrapper .PromotionItemInfoBtn {
    width: auto;
  }
}
.PromotionButtonWrapper .OptInButton {
  background: #f9c408;
  color: #294c0b;
  border: 0.2rem solid #f9c408;
  margin-top: 1.2rem;
}
@media (min-width: 375px) {
  .PromotionButtonWrapper .OptInButton {
    margin-top: 0;
    margin-left: 1.2rem;
  }
}
.PromotionButtonWrapper .OptOutButton,
.PromotionButtonWrapper .PromotionItemClaimedLabel {
  margin-top: 1.2rem;
  background: hsla(0, 0%, 100%, 0.1);
  border: 0.1rem solid hsla(0, 0%, 100%, 0.1);
}
@media (min-width: 375px) {
  .PromotionButtonWrapper .OptOutButton,
  .PromotionButtonWrapper .PromotionItemClaimedLabel {
    margin-top: 0;
    margin-left: 1.2rem;
  }
}
.OptInTimer {
  position: absolute;
  top: 3rem;
  right: 3rem;
  background-color: hsla(0, 0%, 100%, 0.8);
  color: #212121;
  padding: 1.5rem;
  font-size: 1.6rem;
  text-transform: uppercase;
}
.OptInTimer .OptInTimerText {
  padding-left: 0.3rem;
}
@media (min-width: 1100px) {
  .PromoModal .ModalContent {
    width: 70rem;
    height: 85vh;
  }
}
.WinnersContainer {
  overflow: auto;
  margin: 2em 0;
}
.InfoWrapper .WinnersContainer .Title {
  margin-bottom: 0.5em;
}
.WinnersDescription {
  width: 100%;
  float: left;
}
@media (min-width: 414px) {
  .WinnersDescription {
    width: calc(44% - 2em);
    padding: 0 2em 0 0;
  }
}
.WinnersList {
  width: 100%;
  float: left;
  border: 1px solid #dedede;
  outline: none;
}
@media (min-width: 414px) {
  .WinnersList {
    width: 55%;
  }
}
.WinnersHeaderList {
  background: #e6e7e8;
}
.WinnersEntryList,
.WinnersHeaderList {
  display: flex;
  width: 100%;
  height: 4.8rem;
  border-bottom: 1px solid #cacaca;
}
.WinnersEntryList {
  background: #fff;
}
.WinnersEntryList:last-child {
  border-bottom: none;
}
.WinnersEntryList .ListItem,
.WinnersHeaderList .ListItem {
  display: inline-block;
  width: 33%;
  flex-basis: 33%;
  text-indent: 2em;
}
.WinnersEntryList .ListItem .Text,
.WinnersHeaderList .ListItem .Text {
  width: 100%;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 3;
  color: #212121;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.WinnersEntryList .ListItem .Text {
  font-size: 1.6rem;
}
.WinnersEntryList .ListItem .NoAndUsername {
  font-weight: 400;
}
.PromoModal .ModalContentWrapper .Figure {
  height: 14.4em;
}
@media (min-width: 320px) {
  .PromoModal .ModalContentWrapper .Figure {
    height: 31.8em;
  }
}
@media (min-width: 879px) {
  .PromoModal .ModalContentWrapper .Figure {
    height: 27.2em;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 850px) and (orientation: landscape) {
  .PromoModal .ModalContentWrapper .Figure {
    height: 15rem;
  }
}
.PromoModal .ModalContentWrapper .Figure img {
  height: 14.4em;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
@media (orientation: landscape) {
  .PromoModal .ModalContentWrapper .Figure img {
    -o-object-fit: fill;
    object-fit: fill;
  }
}
@media (min-width: 320px) {
  .PromoModal .ModalContentWrapper .Figure img {
    height: 31.8em;
  }
}
@media (min-width: 879px) {
  .PromoModal .ModalContentWrapper .Figure img {
    height: 27.2em;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 850px) and (orientation: landscape) {
  .PromoModal .ModalContentWrapper .Figure img {
    height: 15rem;
  }
}
.PromoModal .ModalContentWrapper.JustImage .Figure {
  height: 100%;
}
.PromoModal .ModalContentWrapper.JustImage .Figure img {
  height: auto;
  width: 100%;
}
@media (orientation: landscape) {
  .PromoModal .ModalContentWrapper.JustImage .Figure img {
    height: 100%;
  }
}
.Page-ActiveBonuses .PromoModal.ModalContentWrapper .Figure {
  height: 14.4em;
}
@media (min-width: 320px) {
  .Page-ActiveBonuses .PromoModal.ModalContentWrapper .Figure {
    height: 31.8em;
  }
}
@media (min-width: 879px) {
  .Page-ActiveBonuses .PromoModal.ModalContentWrapper .Figure {
    height: 27.2em;
  }
}
.Page-ActiveBonuses .PromoModal.ModalContentWrapper .Figure img {
  height: 14.4em;
}
@media (min-width: 320px) {
  .Page-ActiveBonuses .PromoModal.ModalContentWrapper .Figure img {
    height: 31.8em;
  }
}
@media (min-width: 879px) {
  .Page-ActiveBonuses .PromoModal.ModalContentWrapper .Figure img {
    height: 27.2em;
  }
}
.OptInWrapper .TextWysiwyg {
  border-bottom: 0.1em solid rgba(35, 38, 43, 0.2);
}
.OptInWrapper .ComponentTextWysiwyg p,
.OptInWrapper .TextPageWrapper p {
  padding: 1em 2em;
}
.OptInWrapper .PromotionItemPlayBtn {
  display: none;
}
.OptInButton {
  display: block;
  position: relative;
  float: right;
  min-width: 6.4em;
  margin: 0.5em 0;
}
.OptInButton,
.OptInButton:active,
.OptInButton:hover {
  background: #f9c408;
  border-color: #f9c408;
  color: #fff;
}
@media (min-width: 1100px) {
  .OptInButton:active,
  .OptInButton:hover {
    background: #f9c408;
    border-color: #f9c408;
    color: #fff;
    opacity: 1;
  }
}
@media (min-width: 76.8rem) {
  .OptInButton {
    margin: 0.5em;
  }
}
@media (min-width: 1100px) {
  .OptInButton {
    min-width: 8.5em;
  }
}
.OptInButton.IsDisabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ComponentPromotionItemClaimable .OptInButton.IsDisabled {
  opacity: 1;
}
.ModalContentWrapper .OptInButton {
  position: relative;
  float: left;
  margin: 0;
  min-width: 8.4em;
  left: 1em;
  z-index: 4;
  border: 0.1rem solid #fff;
}
@media (min-width: 320px) {
  .ModalContentWrapper .OptInButton {
    position: absolute;
    margin-left: 0;
    bottom: auto;
    top: 20rem;
    left: 2em;
  }
}
@media only screen and (orientation: landscape) {
  .ModalContentWrapper .OptInButton {
    position: absolute;
    margin-left: 0;
    bottom: auto;
    top: 8em;
    left: 2em;
  }
}
@media (min-width: 1100px) {
  .ModalContentWrapper .OptInButton {
    top: 14rem;
  }
}
.ModalContentWrapper .OptInButton:hover {
  border: 0.1rem solid #294c0b;
}
.ModalContentWrapper .ModalLoginButtonsWrapper {
  position: relative;
  margin: 0;
  width: 100%;
  padding-left: 1.2rem;
  z-index: 4;
  background: #fff;
}
@media only screen and (orientation: landscape) {
  .ModalContentWrapper .ModalLoginButtonsWrapper {
    position: absolute;
    margin-left: 0;
    bottom: auto;
    left: 2rem;
  }
}
@media (min-width: 320px) {
  .ModalContentWrapper .ModalLoginButtonsWrapper {
    position: absolute;
    margin-left: 0;
    width: 80%;
    bottom: auto;
    top: 24rem;
    left: 3rem;
    background: none;
  }
}
@media (min-width: 1100px) {
  .ModalContentWrapper .ModalLoginButtonsWrapper {
    top: 21rem;
    left: 4rem;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 850px) and (orientation: landscape) {
  .ModalContentWrapper .ModalLoginButtonsWrapper {
    top: 9.2rem;
    left: 1rem;
  }
}
.ModalContentWrapper .ModalLoginButtonsWrapper .Button {
  background: #f9c408;
  border-color: #f9c408;
  color: #fff;
}
@media (min-width: 720px) {
  .androidDevice .ModalContentWrapper.JustImage .ModalLoginButtonsWrapper,
  .iOSDevice .ModalContentWrapper.JustImage .ModalLoginButtonsWrapper {
    top: 38rem;
  }
}
@media (orientation: landscape) {
  .androidDevice .ModalContentWrapper.JustImage .ModalLoginButtonsWrapper,
  .iOSDevice .ModalContentWrapper.JustImage .ModalLoginButtonsWrapper {
    top: auto;
    bottom: 3%;
  }
}
@media (min-width: 320px) {
  .ModalContentWrapper.JustImage .ModalLoginButtonsWrapper {
    top: 12rem;
  }
}
@media (min-width: 360px) {
  .ModalContentWrapper.JustImage .ModalLoginButtonsWrapper {
    top: 15rem;
  }
}
@media (min-width: 380px) {
  .ModalContentWrapper.JustImage .ModalLoginButtonsWrapper {
    top: 16rem;
  }
}
@media (min-width: 400px) {
  .ModalContentWrapper.JustImage .ModalLoginButtonsWrapper {
    top: 17rem;
  }
}
@media (min-width: 420px) {
  .ModalContentWrapper.JustImage .ModalLoginButtonsWrapper {
    top: 18rem;
  }
}
@media (min-width: 480px) {
  .ModalContentWrapper.JustImage .ModalLoginButtonsWrapper {
    top: 22rem;
  }
}
@media (min-width: 580px) {
  .ModalContentWrapper.JustImage .ModalLoginButtonsWrapper {
    top: 26rem;
  }
}
@media (min-width: 680px) {
  .ModalContentWrapper.JustImage .ModalLoginButtonsWrapper {
    top: 32rem;
  }
}
@media (min-width: 720px) {
  .ModalContentWrapper.JustImage .ModalLoginButtonsWrapper {
    top: 34rem;
  }
}
@media (orientation: landscape) {
  .ModalContentWrapper.JustImage .ModalLoginButtonsWrapper {
    top: auto;
    bottom: 3%;
  }
}
.ModalContentWrapper .PromotionModalActionButtonsSection {
  float: left;
  width: 100%;
  background: #fff;
}
@media (min-width: 414px) {
  .ModalContentWrapper .PromotionModalActionButtonsSection {
    background: none;
    float: none;
  }
}
.ModalContentWrapper .OptOutButton {
  position: relative;
  float: left;
  margin: 0;
  min-width: 8.4em;
  left: 1em;
  z-index: 4;
  background: rgba(33, 33, 33, 0.8);
  color: #fff;
}
@media (min-width: 320px) {
  .ModalContentWrapper .OptOutButton {
    position: absolute;
    margin-left: 0;
    bottom: auto;
    top: 20rem;
    left: 2em;
  }
}
@media only screen and (orientation: landscape) {
  .ModalContentWrapper .OptOutButton {
    position: absolute;
    margin-left: 0;
    bottom: auto;
    top: 8em;
    left: 2em;
  }
}
@media (min-width: 1100px) {
  .ModalContentWrapper .OptOutButton {
    position: absolute;
    margin-left: 0;
    bottom: auto;
    top: 14rem;
    left: 2em;
  }
}
.PromotionItemOptedInLabel {
  position: absolute;
  text-indent: -999rem;
  font-size: 0;
}
.PromotionItemClaimedLabel {
  display: block;
  float: right;
  min-width: 6.4em;
  margin: 0.5em 1.6rem 0.5rem 0;
  background: #f9c408;
  cursor: not-allowed;
  border-color: #f9c408;
  color: #294c0b;
  padding: 0.9rem 1.2rem 1.1rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
}
@media only screen and (orientation: landscape) {
  .PromotionItemClaimedLabel {
    left: 1em;
  }
}
@media (min-width: 320px) {
  .PromotionItemClaimedLabel {
    left: 2em;
  }
}
@media (min-width: 1100px) {
  .PromotionItemClaimedLabel {
    left: 2em;
    min-width: 8.5em;
    font-size: 1.6rem;
  }
}
.ModalContentWrapper .PromotionItemClaimedLabel {
  position: relative;
  float: left;
  margin: 0;
  min-width: 8.4em;
  left: 1em;
  z-index: 4;
  background: rgba(33, 33, 33, 0.8);
  color: #fff;
}
@media (min-width: 320px) {
  .ModalContentWrapper .PromotionItemClaimedLabel {
    position: absolute;
    margin-left: 0;
    bottom: auto;
    top: 20rem;
    left: 2em;
  }
}
@media only screen and (orientation: landscape) {
  .ModalContentWrapper .PromotionItemClaimedLabel {
    position: absolute;
    margin-left: 0;
    bottom: auto;
    top: 8em;
    left: 2em;
  }
}
@media (min-width: 1100px) {
  .ModalContentWrapper .PromotionItemClaimedLabel {
    left: 2em;
    top: 14rem;
  }
}
.OptedInButton {
  margin: 0;
  background: none;
  color: #f9c408;
  border: none;
  font-size: 1.6em;
  font-weight: 600;
}
.OptedInButton:active,
.OptedInButton:hover {
  background: none;
  color: #f9c408;
  border: none;
  opacity: 1;
}
@media (min-width: 320px) {
  .OptedInButton {
    margin: 0.5em;
  }
}
.OptOutButton {
  background: #f9c408;
  color: #fff;
  border: 0.1rem solid transparent;
  font-size: 1.6em;
  font-weight: 600;
  min-width: 6.4em;
  position: relative;
}
.OptOutButton:hover {
  border: 0.1rem solid #f9c408;
}
@media (min-width: 1100px) {
  .OptOutButton {
    min-width: 8.5em;
  }
}
.OptedInButton .Icon {
  display: block;
  position: absolute;
  width: 2em;
  height: 2em;
  top: 0.2em;
  left: -0.8em;
}
@media (min-width: 1100px) {
  .OptedInButton .Icon {
    left: 0;
  }
}
.OptedInButton svg {
  fill: #f9c408;
}
.ModalContentWrapper .OptInButton .Icon {
  left: 0;
}
@media (min-width: 414px) {
  .ModalContentWrapper .OptInButton .Icon {
    left: 0;
  }
}
.InfoWrapper h3.Title {
  position: static;
  padding: 0;
  color: #212121;
  background: none;
}
.StepsWrap {
  display: block;
  width: 100%;
  text-align: center;
}
@media (min-width: 414px) {
  .StepsWrap {
    display: flex;
  }
}
.StepItem {
  flex-basis: 100%;
  margin: 1em 0 2em;
}
@media (min-width: 414px) {
  .StepItem {
    flex-basis: 33%;
    margin: 1em 1em 2em 0;
  }
}
.StepItem h3 {
  font-size: 1.6em;
  font-weight: 600;
  text-align: left;
  margin: 1.8rem 0 0.4rem;
}
@media (min-width: 414px) {
  .StepItem h3 {
    font-size: 2.2em;
    text-align: center;
  }
}
.StepItem p {
  text-align: left;
}
@media (min-width: 414px) {
  .StepItem p {
    text-align: center;
    margin-left: 0;
  }
}
.StepItem .Bullet {
  width: 4.8rem;
  height: 4.8rem;
  float: left;
  display: block;
  margin-right: 1.4em;
  line-height: 2;
  background: #252a31;
  color: #fff;
  font-size: 2.2rem;
  border-radius: 50%;
  text-align: center;
}
@media (min-width: 414px) {
  .StepItem .Bullet {
    width: 6.4rem;
    height: 6.4rem;
    float: none;
    margin: 0 auto;
    font-size: 2.8rem;
    line-height: 2.2;
  }
}
.KeyPointsList {
  margin-top: 0.5em;
}
.KeyPointsList .ListItem {
  padding: 0.5em 0;
  border-bottom: 1px solid #dedede;
}
.KeyPointItem .ListItem {
  overflow: hidden;
  clear: both;
  padding: 0.5em 0.8em;
  border-bottom: 1px solid #dedede;
}
.KeyPointItem .ListItem:before {
  top: 1.5rem;
}
.KeyPointItem p:first-of-type {
  width: 32%;
  float: left;
  margin-left: 0;
}
@media (min-width: 414px) {
  .KeyPointItem p:first-of-type {
    width: 20%;
  }
}
.KeyPointItem p {
  margin-bottom: 0.1em;
  margin-left: 40%;
}
@media (min-width: 414px) {
  .KeyPointItem p {
    margin-left: 28%;
  }
}
@media (min-width: 550px) {
  .KeyPointItem p {
    margin-left: 22%;
  }
}
.Page-Promotions .StickyPlaceholder {
  display: none;
}
.Page-Promotions-Child .TopBanner {
  width: 100%;
  height: 14.4rem;
}
@media (min-width: 600px) {
  .Page-Promotions-Child .TopBanner {
    position: absolute;
    top: 4.8rem;
    left: 0;
    height: 22.2rem;
  }
}
.Page-Promotions-Child .TopBanner .Picture {
  display: block;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.Page-Promotions-Child .TopBanner .PictureImg {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate3d(0, -50%, 0);
}
.PromoTopWrapper {
  max-width: 136rem;
  margin: 0 auto;
  position: static;
}
@media (min-width: 600px) {
  .PromoTopWrapper {
    height: 22.2rem;
    position: relative;
  }
}
.Page-Promotions-Child .BackButton {
  position: absolute;
  top: 4.8rem;
  left: 1.6rem;
  z-index: 1;
  border: none;
  padding: 1.1rem 0 1rem 2.2rem;
  color: #fff;
}
@media (min-width: 600px) {
  .Page-Promotions-Child .BackButton {
    top: 0;
  }
}
@media (min-width: 1100px) {
  .Page-Promotions-Child .BackButton {
    left: 4rem;
  }
}
@media (min-width: 1400px) {
  .Page-Promotions-Child .BackButton {
    left: 0;
  }
}
.Page-Promotions-Child .BackButton .Icon {
  display: none;
}
.Page-Promotions-Child .BackButton:before {
  display: block;
  width: 1.6rem;
  height: 0.2rem;
  position: absolute;
  left: 0;
  top: 50%;
  background: #fff;
  content: "";
}
.Page-Promotions-Child .BackButton:after {
  display: block;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  position: absolute;
  left: 0;
  top: 50%;
  border: 0.2rem solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  font-size: 1rem;
  transform: rotate(45deg);
}
.Page-Promotions-Child .BackButton:hover:before {
  animation: MoveBeforeLeft 1s 5 forwards;
}
.Page-Promotions-Child .BackButton:hover:after {
  animation: MoveAfterLeft 1s 5 forwards;
}
@keyframes MoveBeforeLeft {
  0% {
    transform: translateZ(0);
  }
  50% {
    transform: translate3d(-0.8rem, 0, 0);
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes MoveAfterLeft {
  0% {
    transform: rotate(45deg) translateZ(0);
  }
  50% {
    transform: rotate(45deg) translate3d(-0.6rem, 0.6rem, -0.6rem);
  }
  to {
    transform: rotate(45deg) translateZ(0);
  }
}
.Page-Promotions-Child .Title {
  width: 100%;
  margin: 0;
  padding: 1.7rem 1.6rem 1.2rem;
  box-sizing: border-box;
  background: #fff;
}
@media (min-width: 600px) {
  .Page-Promotions-Child .Title {
    padding: 0 30rem 0 1.6rem;
    position: absolute;
    left: 0;
    top: 4.4rem;
    background: none;
    color: #fff;
    font-size: 2.8rem;
    line-height: 3.4rem;
  }
}
@media (min-width: 1100px) {
  .Page-Promotions-Child .Title {
    padding: 0 80rem 0 0;
    left: 4rem;
  }
}
@media (min-width: 1400px) {
  .Page-Promotions-Child .Title {
    left: 0;
  }
}
.Page-Promotions-Child .TabsContent {
  padding: 3.4rem 1.6rem;
}
.TabsHeader {
  display: flex;
  align-items: flex-end;
  flex-grow: 1;
  padding: 0 1.6rem;
  position: sticky;
  top: 5.4rem;
  z-index: 3;
  background: #fff;
  box-shadow: 0 0.15rem 0.2rem 0 rgba(0, 0, 0, 0.12);
  list-style: none;
}
@media (min-width: 600px) {
  .TabsHeader {
    justify-content: flex-start;
    padding: 0 1.6rem;
  }
}
@media (min-width: 1100px) {
  .TabsHeader {
    top: 11rem;
    justify-content: center;
  }
}
.ModalContentWrapper .TabsHeader {
  justify-content: start;
  top: 0;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
}
@media (min-width: 400px) {
  .ModalContentWrapper .TabsHeader {
    padding: 0 1.6rem;
  }
}
@media (min-width: 600px) {
  .ModalContentWrapper .TabsHeader {
    padding: 0 2.6rem;
  }
}
.ModalContentWrapper .TabsHeader:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: -5em;
  left: 0;
  background: #fff;
  height: 5em;
  width: 100%;
}
@media (min-width: 414px) {
  .ModalContentWrapper .TabsHeader:before {
    content: none;
  }
}
@media (min-width: 1100px) {
  .ModalContentWrapper .TabsHeader {
    padding: 0 4.6rem;
  }
}
.TabItem,
.TabsHeader .List {
  display: inline-block;
}
.TabItem .Button {
  display: block;
  min-width: 4rem;
  min-height: 1.8rem;
  padding: 1.6rem 1.2rem 1.2rem;
  color: #828282;
  fill: #4e4e4e;
  border: none;
  border-bottom: 0.2rem solid transparent;
  border-radius: 0;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
}
@media (min-width: 350px) {
  .TabItem .Button {
    font-size: 1.4rem;
  }
}
@media (min-width: 600px) {
  .TabItem .Button {
    min-height: 2rem;
    padding: 1.7rem 1.6rem;
    font-size: 1.6rem;
    line-height: 2rem;
  }
}
@media (min-width: 1100px) {
  .TabItem .Button {
    padding: 1.7rem;
    border-bottom: 0.2rem solid transparent;
  }
}
.TabItem .Button.IsActive,
.TabsHeader .active .Button {
  color: #f9c408;
  fill: #f9c408;
  border-bottom: 0.2rem solid #f9c408;
}
.TabItem .Button:hover {
  color: #f9c408;
  fill: #f9c408;
  background: #fff;
}
.TabItemContent {
  max-width: 136rem;
  margin: 0 auto;
  padding: 0;
  font-size: 1.4rem;
  line-height: 2rem;
}
.PromoModal .ModalCloseButton {
  width: 3.5rem;
  height: 3.5rem;
  top: 7.5rem;
  right: 2rem;
}
.ComponentPromotionUbsInfoWrapper {
  overflow: scroll;
  -webkit-overflow-scrolling: auto;
  transform: translateZ(0);
}
.PromoModal .ModalContentWrapper {
  width: 100%;
  height: 100vh;
  margin: 0;
  background: #f0f0f0;
}
@media (min-width: 879px) {
  .PromoModal .ModalContentWrapper {
    width: 100%;
    margin: 0;
    height: auto;
    background: #fff;
  }
}
.PromotionModalTitle {
  position: relative;
  z-index: 5;
  margin: 0;
  padding: 3rem 1.6rem;
  background: #fff;
  box-sizing: border-box;
}
@media (min-width: 320px) {
  .PromotionModalTitle {
    width: 90%;
    padding: 0 0 0 4.2rem;
    position: absolute;
    top: 6.4rem;
    background: none;
    color: #fff;
    font-size: 2.8rem;
    line-height: 3.4rem;
  }
}
@media only screen and (orientation: landscape) {
  .PromotionModalTitle {
    padding: 0 0 0 2rem;
    position: absolute;
    background: none;
    color: #fff;
    font-size: 2.4rem;
    line-height: 1.1;
  }
}
@media (min-width: 680px) {
  .PromotionModalTitle {
    width: 60%;
  }
}
@media (min-width: 1100px) {
  .PromotionModalTitle {
    padding: 0 0 0 4.5rem;
    width: 60%;
    top: 2rem;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 850px) and (orientation: landscape) {
  .PromotionModalTitle {
    top: 1rem;
  }
}
.PromoModal .TabsContent .Title {
  margin-left: 0;
}
.PromoModal .ComponentPromotionGmInfoWrapper {
  overflow-y: auto;
}
.PromoModal .TabsTitle {
  top: 0;
}
@media (min-width: 600px) {
  .PromoModal .TabsTitle {
    padding: 0 2.4rem;
  }
}
@media (min-width: 1100px) {
  .PromoModal .TabsTitle {
    justify-content: flex-start;
    padding: 0 4.8rem;
  }
}
.TabsContent {
  padding: 1.6rem;
  font-size: 1.4rem;
  line-height: 2rem;
}
@media (min-width: 1100px) {
  .TabsContent {
    padding: 1.6rem 0;
  }
}
.PromoModal .TabsContent {
  padding: 2rem 1.6rem;
  background: #f0f0f0;
}
@media (min-width: 600px) {
  .PromoModal .TabsContent {
    padding: 3.4rem 2.4rem 6.2rem;
  }
}
@media (min-width: 1100px) {
  .PromoModal .TabsContent {
    padding: 3.4rem 4.8rem 6.2rem;
  }
}
.PromotionGamesWrapper .PromotionPicsWrapper a {
  display: block;
  margin-bottom: 2rem;
}
@media (min-width: 76.8rem) {
  .PromotionGamesWrapper .PromotionPicsWrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: wrap;
  }
  .PromotionGamesWrapper .PromotionPicsWrapper br {
    display: none;
  }
  .PromotionGamesWrapper .PromotionPicsWrapper a {
    display: block;
    width: 30%;
    margin-bottom: 1rem;
  }
}
.OperatorFavorites {
  height: 100%;
  min-height: 50vh;
  background: #fff;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
}
.OperatorFavorites .CasinoGames {
  height: 100%;
}
.UserBalanceDetailed {
  display: block;
  background: #fff;
  border-radius: 0.4rem;
}
.FavoritesWrapper {
  width: 30rem;
  max-width: 120rem;
  margin: 16rem auto;
  color: #fff;
}
@media (min-width: 320px) {
  .FavoritesWrapper {
    width: 32rem;
  }
}
@media (min-width: 600px) {
  .FavoritesWrapper {
    width: 40rem;
  }
}
.NoFavTitle {
  margin: 0;
  text-align: center;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.3;
}
.NoFavText {
  text-align: center;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
}
.GoToLobby {
  display: block;
  width: 17.4rem;
  min-width: 17.4rem;
  margin: 5.3rem auto;
  float: none;
  background: #f9c408;
  border-color: #f9c408;
  color: #fff;
}
.GoToLobby:active,
.GoToLobby:hover {
  background: #294c0b;
  border-color: #294c0b;
  color: #fff;
}
.Page-CasinoGame .GameRightWrapper .NoFavText {
  color: #fff;
}
.FppBanner {
  height: 20rem;
  position: relative;
  margin-bottom: 11rem;
}
.FppBanner .Figure {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.FppBanner .Picture {
  display: block;
  height: 23.2rem;
  overflow: hidden;
}
.FppBanner .TrophyIcon {
  display: block;
  width: 9rem;
  height: 14.8rem;
  margin: auto;
  padding-top: 0;
  position: relative;
}
@media (min-width: 400px) {
  .FppBanner .TrophyIcon {
    padding-top: 2rem;
  }
}
@media (min-width: 600px) {
  .FppBanner .TrophyIcon {
    padding-top: 2rem;
  }
}
@media (min-width: 1100px) {
  .FppBanner .TrophyIcon {
    padding-top: 2rem;
  }
}
.FppBanner .TrophyIcon:before {
  opacity: 0.24;
  content: "";
  width: 14.4rem;
  height: 14.4rem;
  position: absolute;
  top: 5.2rem;
  right: -2.6rem;
  background: #212121;
  border-radius: 50%;
}
@media (min-width: 320px) {
  .FppBanner .TrophyIcon:before {
    top: 3.2rem;
  }
}
@media (min-width: 600px) {
  .FppBanner .TrophyIcon:before {
    top: 3.2rem;
  }
}
.FppBanner .TrophyIcon .SvgIcon {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding-top: 2rem;
  position: relative;
}
@media (min-width: 600px) {
  .FppBanner .TrophyIcon .SvgIcon {
    padding-top: 0;
  }
}
.FppBanner .FppBannerText {
  box-sizing: border-box;
  width: 18.4rem;
  height: 8.8rem;
  margin: auto;
  padding: 2rem 0;
  position: relative;
  background-color: #fff;
  color: #212121;
  border: 0.1rem solid #fff;
  text-align: center;
  line-height: 2.5rem;
  border-radius: 0.2rem;
  box-shadow: 0 -0.2rem 0.3rem 0 rgba(97, 97, 97, 0.24);
}
@media (min-width: 600px) {
  .FppBanner .FppBannerText {
    width: 22.9rem;
  }
}
@media (min-width: 1100px) {
  .FppBanner .FppBannerText {
    width: 25.4rem;
    padding: 1.5rem 0;
    line-height: 3rem;
  }
}
.FppBanner .BigText {
  font-size: 2.8rem;
  font-weight: 900;
}
@media (min-width: 600px) {
  .FppBanner .BigText {
    font-size: 3.6rem;
  }
}
@media (min-width: 1100px) {
  .FppBanner .BigText {
    font-size: 4.4rem;
  }
}
.FppBanner .SmallText {
  font-size: 1.4rem;
}
@media (min-width: 1100px) {
  .FppBanner .SmallText {
    font-size: 1.6rem;
  }
}
.FppWrapper {
  max-width: 47.2rem;
  margin: 0 auto 8rem;
  padding: 0 1.6rem;
}
@media (min-width: 600px) {
  .FppWrapper {
    margin-bottom: 10rem;
    padding: 0;
  }
}
@media (min-width: 1100px) {
  .FppWrapper {
    margin-bottom: 18rem;
    max-width: 66.8rem;
  }
}
.FppWrapper .Title {
  margin: 0 0 0.8rem;
  font-size: 1.6rem;
}
@media (min-width: 600px) {
  .FppWrapper .Title {
    margin: 0 0 1.6rem;
    font-size: 1.8rem;
    text-align: center;
  }
}
@media (min-width: 1100px) {
  .FppWrapper .Title {
    font-size: 1.8rem;
    text-align: center;
  }
}
.FrequentPlayerPoints.Form {
  display: block;
}
.FrequentPlayerPoints .LabelText {
  display: none;
}
.FppWrapper .FormInput {
  box-sizing: border-box;
  width: 100%;
  height: 4.8rem;
  margin: 0 0 0.8rem;
}
.FrequentPlayerPointsMessageContainer {
  margin-bottom: 0.8rem;
}
.FrequentPlayerPointsButton {
  width: 100%;
  height: 4.8rem;
  background-color: #f9c408;
  color: #fff;
  border: none;
}
.FppWrapper .TextWysiwyg {
  margin: 4rem 0 0;
  font-size: 1.4rem;
  line-height: 1.36;
  color: #4e4e4e;
}
@media (min-width: 600px) {
  .FppWrapper .TextWysiwyg {
    font-size: 1.6rem;
  }
}
@media (min-width: 600px) {
  .FppWrapper .FppRcBucks .FrequentPlayerPointsFieldSet {
    display: inline-block;
    box-sizing: border-box;
    width: 60%;
    height: 4.8rem;
    padding-right: 0.8rem;
  }
}
@media (min-width: 1100px) {
  .FppWrapper .FppRcBucks .FrequentPlayerPointsFieldSet {
    width: 50%;
  }
}
@media (min-width: 600px) {
  .FppWrapper .FppRcBucks .ActionFieldset {
    display: inline-block;
    width: 40%;
    vertical-align: top;
  }
}
@media (min-width: 1100px) {
  .FppWrapper .FppRcBucks .ActionFieldset {
    display: inline-block;
    width: 50%;
  }
}
.UpdateProfileWrapper {
  display: block;
  max-width: 160rem;
  padding: 1.6rem;
  margin: 0 auto;
  font-size: 1.6rem;
  line-height: 1.5em;
}
@media (min-width: 600px) {
  .UpdateProfileWrapper {
    padding: 2.4rem 1.6rem;
  }
}
@media (min-width: 1100px) {
  .UpdateProfileWrapper {
    padding: 3.6rem;
  }
}
.ProfilePageContent {
  padding-top: 5.6rem;
}
.UpdateProfileForm .FormFieldSet {
  display: block;
  width: 100%;
  min-width: 0;
}
@media (min-width: 760px) {
  .UpdateProfileForm .FormFieldSet {
    margin: 0 -0.5rem;
  }
}
.UpdateProfileWrapper .Title {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 760px) {
  .UpdateProfileWrapper .Title {
    padding: 0 0.5rem;
  }
}
.UpdateProfileWrapper .Text {
  margin: 1.6rem 0;
}
@media (min-width: 760px) {
  .UpdateProfileWrapper .Text {
    padding: 0 0.5rem;
  }
}
@media (min-width: 1100px) {
  .UpdateProfileWrapper .Text {
    margin: 2.4rem 0;
  }
}
.UpdateProfileWrapper .ComponentFormInputRow,
.UpdateProfileWrapper .DatePickerWrapper,
.UpdateProfileWrapper .InputContainerWrapper {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  vertical-align: top;
}
@media (min-width: 760px) {
  .UpdateProfileWrapper .ComponentFormInputRow,
  .UpdateProfileWrapper .DatePickerWrapper,
  .UpdateProfileWrapper .InputContainerWrapper {
    width: 50%;
    padding: 0 0.5rem;
  }
}
.UpdateProfileWrapper .InputContainerWrapper label {
  display: block;
  line-height: unset;
}
.UpdateProfileWrapper .UniversalSelectOptionContainer {
  margin: 0;
}
.UpdateProfileWrapper .LabelText,
.UpdateProfileWrapper .Req {
  vertical-align: top;
}
.UpdateProfileWrapper select {
  width: 100%;
  height: 4.2rem;
}
.UpdateProfileWrapper .ComponentPhoneInput {
  padding: 0;
}
.UpdateProfileWrapper .ComponentPhoneInput .ComponentFormInputRow,
.UpdateProfileWrapper .ComponentPhoneInput .InputContainerWrapper {
  display: inline-block;
}
.UpdateProfileWrapper .InputSecurityContainer {
  width: 100%;
  padding: 0;
}
.UpdateProfileWrapper .InputSecurityContainer .FormLabel {
  display: inline-block;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
}
@media (min-width: 760px) {
  .UpdateProfileWrapper .InputSecurityContainer .FormLabel {
    width: 50%;
    padding: 0 0.5rem;
  }
}
.UpdateProfileWrapper .InputSecurityContainer input {
  width: 100%;
}
.UpdateProfileWrapper .ProfileSubmitForm {
  margin-top: 3rem;
  padding: 0 0.5rem;
}
.UpdateProfileWrapper.ModalContentWrapper {
  box-sizing: border-box;
}
.OtherMenu {
  display: flex;
  justify-content: center;
  flex-grow: 1;
}
@media (min-width: 600px) {
  .OtherMenu {
    justify-content: flex-start;
    padding: 0 1.6rem;
  }
}
@media (min-width: 1100px) {
  .OtherMenu {
    justify-content: center;
  }
}
.OtherMenu .ListItem {
  display: block;
  flex-grow: 1;
  flex-shrink: 0;
  width: auto;
  margin: 0;
  overflow: visible;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (min-width: 600px) {
  .OtherMenu .ListItem {
    flex-grow: 0;
  }
}
.OtherMenu .Anchor {
  display: block;
  min-width: 4rem;
  min-height: 1.8rem;
  padding: 1.6rem 1.2rem 1.2rem;
  color: #4e4e4e;
  fill: #212121;
  border-bottom: 0.2rem solid transparent;
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
}
@media (min-width: 600px) {
  .OtherMenu .Anchor {
    min-height: 2rem;
    padding: 1.7rem 1.6rem;
    font-size: 1.6rem;
    line-height: 2rem;
  }
}
@media (min-width: 1100px) {
  .OtherMenu .Anchor {
    padding: 1.7rem;
    border-bottom: 0.2rem solid transparent;
  }
}
.OtherMenu .Anchor.IsActive {
  color: #f9c408;
  fill: #f9c408;
  border-bottom: 0.2rem solid #f9c408;
}
.OtherMenu .Anchor:hover {
  color: #f9c408;
  fill: #f9c408;
  background: #fff;
}
.LimitsWrapper {
  padding: 0 0.8rem;
}
@media (min-width: 600px) {
  .LimitsWrapper {
    padding: 0 2.4rem;
  }
}
@media (min-width: 1148px) {
  .LimitsWrapper {
    max-width: 96rem;
    padding: 0;
    margin: 0 auto;
  }
}
.Page-Limits .InstanceOperatorBackToMyCasino {
  display: inline-block;
  position: relative;
  padding-left: 3.5rem;
  text-align: left;
  vertical-align: middle;
  border: 0 solid #fff;
}
.Page-Limits .InstanceOperatorBackToMyCasino .Icon {
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -1rem;
  line-height: 2.5rem;
  padding-right: 0;
}
.Page-Limits .InstanceOperatorBackToMyCasino svg {
  fill: #f9c408;
  width: 3.5rem;
  height: 3.5rem;
  vertical-align: middle;
}
.Page-Limits .InstanceOperatorBackToMyCasino .AnchorText {
  vertical-align: middle;
}
.LimitsWrapper .Title {
  display: none;
}
.ComponentLimitsList {
  display: grid;
  grid-template-columns: auto;
  grid-auto-rows: auto;
  grid-row-gap: 1.6rem;
}
@media (min-width: 1100px) {
  .ComponentLimitsList {
    grid-template-columns: repeat(2, auto);
    grid-column-gap: 3rem;
  }
}
.LimitTitle {
  padding: 0.8rem 0.8rem 0;
  margin: 0.9rem 0;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 2.2rem;
  text-transform: capitalize;
}
@media (min-width: 600px) {
  .LimitTitle {
    font-size: 1.8rem;
  }
}
.LimitContainer {
  display: flex;
  flex-direction: column;
  padding: 1.6rem;
  background: #fff;
  border-radius: 0.2rem;
  box-shadow: 0 0.3rem 0.3rem 0 rgba(33, 33, 33, 0.12),
    0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.12);
}
@media (min-width: 480px) {
  .LimitContainer {
    flex-direction: row;
    justify-content: space-between;
  }
}
.LimitTypeFields {
  display: flex;
  flex-direction: column;
}
@media (min-width: 480px) {
  .LimitTypeFields {
    flex-direction: row;
    flex: 1;
    padding-right: 3rem;
    justify-content: space-between;
  }
}
.LimitTypeFields .ListItem {
  font-size: 1.4rem;
  line-height: 1.43;
}
@media (min-width: 600px) {
  .LimitTypeFields .ListItem {
    font-size: 1.6rem;
    line-height: 1.38;
  }
}
.LFAmount {
  display: inline-block;
}
.LFCurrency {
  width: auto;
  float: right;
}
.LFLabel {
  margin-right: 0.2rem;
  color: #4e4e4e;
}
.LFValue {
  color: #212121;
  font-weight: 600;
  width: auto;
}
.LimitActions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.LimitTypeEdit {
  display: inline-block;
  padding-top: 1.3rem;
  color: #f9c408;
  font-size: 1.6rem;
  font-weight: 600;
  text-decoration: none;
}
@media (min-width: 480px) {
  .LimitTypeEdit {
    padding: 0;
  }
}
.LimitTypeEdit .Icon {
  display: none;
  width: 1em;
  height: 1em;
  margin-left: 1rem;
  font-size: 1.6rem;
  vertical-align: middle;
}
.ExistingLimit .LimitTypeFields {
  flex-direction: column;
  margin-bottom: 1.1rem;
}
@media (min-width: 480px) {
  .ExistingLimit .LimitTypeFields {
    margin: 0;
  }
}
.ExistingLimit .LimitTypeEdit {
  flex: 1;
  min-width: 9.5rem;
  margin-right: 0.8rem;
  padding: 0.9rem 1.2rem 1.1rem;
  border: 1px solid #828282;
  background: transparent;
  color: #4e4e4e;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
}
@media (min-width: 600px) {
  .ExistingLimit .LimitTypeEdit {
    min-width: 13.5rem;
  }
}
.ExistingLimit .LimitTypeRemove {
  flex: 1;
  background: #f9c408;
  min-width: 9.5rem;
  color: #fff;
  border: none;
}
@media (min-width: 600px) {
  .ExistingLimit .LimitTypeRemove {
    min-width: 13.5rem;
  }
}
.SetLimitWrapper {
  max-width: 96rem;
  margin: 0 auto;
  padding: 6.6rem 1.6rem;
}
@media (min-width: 600px) {
  .SetLimitWrapper {
    padding: 0 2.4rem;
  }
}
@media (min-width: 1162px) {
  .SetLimitWrapper {
    padding: 0;
  }
}
.SetLimitWrapper .Title {
  display: none;
}
.LimitNameHeader {
  margin: 1.7rem 0;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2;
}
@media (min-width: 600px) {
  .LimitNameHeader {
    font-size: 1.8rem;
  }
}
.ComponentSetLimit .FormLabel {
  display: inline-block;
  width: 100%;
}
.SetLimitsFormWrapper {
  margin-bottom: 1.2rem;
}
.SetLimitsFormWrapper .RadioContainer {
  width: -moz-max-content;
  width: max-content;
}
.LabelText {
  display: inline-block;
  margin-bottom: 0.5rem;
  font-size: 1.4rem;
  line-height: 2rem;
}
@media (min-width: 600px) {
  .LabelText {
    font-size: 1.6rem;
  }
}
.LimitAmountItems {
  display: flex;
  flex-wrap: wrap;
  margin: -0.4rem;
}
.LimitAmountItem {
  display: flex;
  flex: 1;
  min-width: 22%;
  margin: 0.4rem;
}
.LimitAmountValue {
  width: 100%;
  height: 4rem;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #dedede;
  font-weight: 400;
}
.LimitAmountValue.Active {
  border: 0.2rem solid #f9c408;
}
.LimitAmountValue:focus {
  outline: none;
}
.ComponentSetLimit .ComponentFormInputRow {
  margin-bottom: 3.9rem;
}
.LabelWrap {
  display: inline-block;
  margin-bottom: 0.5rem;
}
.LabelWrap .LabelText {
  margin: 0;
}
.LabelWrap .Req {
  line-height: 2rem;
  font-size: 1.4rem;
  color: #c23b21;
}
.InputWrap {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}
.InputWrap input[type="number"],
.InputWrap input[type="text"] {
  width: 100%;
}
.FormRowWrapper {
  margin-bottom: 2rem;
  box-sizing: border-box;
}
.FormRowWrapper .FormLabel {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.FormRowWrapper .LabelText {
  margin: 0;
}
.RadioButton {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 1em;
  height: 1em;
  margin: 0 1.2rem 0 0;
  padding: 0;
  background: #fff;
  border-radius: 50%;
  border: 0.2rem solid #b3b3b3;
  font-size: 2.2rem;
  cursor: pointer;
}
.RadioButton:checked {
  background: #f9c408;
  box-shadow: inset 0 0 0 0.4rem #fff;
  border: 0.2rem solid #f9c408;
}
.RadioButton:focus {
  outline: none;
}
.SetLimitButton {
  display: inline-block;
  width: 100%;
  height: 4.8rem;
  padding: 1.3rem 1rem;
  background: #f9c408;
  color: #fff;
  border: none;
  border-radius: 0.4rem;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 600;
}
@media (min-width: 600px) {
  .SetLimitButton {
    max-width: 28rem;
  }
}
.SelfExclusionWrapper {
  max-width: 96rem;
  margin: 0 auto;
  padding: 2.4rem 1.6rem;
}
@media (min-width: 600px) {
  .SelfExclusionWrapper {
    padding: 3.1rem 3.2rem;
  }
}
.SelfExclusionWrapper .Title {
  display: none;
}
.SelfExclusionDescription {
  margin-bottom: 3.2rem;
  font-size: 1.4rem;
  line-height: 1.43;
}
@media (min-width: 600px) {
  .SelfExclusionDescription {
    font-size: 1.6rem;
    line-height: 1.25;
  }
}
.SelfExclusionForm {
  font-size: 1.4rem;
  line-height: 1.43;
}
@media (min-width: 600px) {
  .SelfExclusionForm {
    font-size: 1.6rem;
    line-height: 1.25;
  }
}
.SelfExclusionForm .FormLabel {
  display: flex;
  margin-bottom: 2rem;
  font-size: 1.4rem;
  line-height: 1.43;
}
@media (min-width: 600px) {
  .SelfExclusionForm .FormLabel {
    font-size: 1.6rem;
    line-height: 2rem;
  }
}
.SelfExclusionDateContainer,
.SelfExclusionForm .DatePickerWrapper {
  display: block;
}
.SelfExclusionSubmitButton {
  display: inline-block;
  width: 100%;
  height: 4.8rem;
  padding: 1.3rem 1rem;
  background: #f9c408;
  color: #fff;
  border: none;
  border-radius: 0.4rem;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 600;
}
@media (min-width: 600px) {
  .SelfExclusionSubmitButton {
    max-width: 28rem;
  }
}
.CoolOffWrapper {
  max-width: 96rem;
  margin: 0 auto;
  padding: 2.4rem 1.6rem;
}
@media (min-width: 600px) {
  .CoolOffWrapper {
    padding: 3.1rem 3.2rem;
  }
}
.CoolOffWrapper .Title {
  display: none;
}
.CoolOffDescription {
  margin-bottom: 3.2rem;
  font-size: 1.4rem;
  line-height: 1.43;
}
@media (min-width: 600px) {
  .CoolOffDescription {
    font-size: 1.6rem;
    line-height: 1.25;
  }
}
.CoolOffForm {
  font-size: 1.4rem;
  line-height: 1.43;
}
@media (min-width: 600px) {
  .CoolOffForm {
    font-size: 1.6rem;
    line-height: 1.25;
  }
}
.CoolOffReasonSelector {
  margin-bottom: 1.2rem;
}
.CoolOffReasonTextArea {
  display: block;
  margin-bottom: 1.2rem;
}
.CoolOffPeriodOptionLabel .FormLabel {
  display: flex;
  margin-bottom: 2rem;
  font-size: 1.4rem;
  line-height: 1.43;
}
@media (min-width: 600px) {
  .CoolOffPeriodOptionLabel .FormLabel {
    font-size: 1.6rem;
    line-height: 2rem;
  }
}
.CoolOffForm .DatePickerWrapper {
  display: block;
}
.CoolOffSubmitButton {
  display: inline-block;
  width: 100%;
  height: 4.8rem;
  padding: 1.3rem 1rem;
  background: #f9c408;
  color: #fff;
  border: none;
  border-radius: 0.4rem;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 600;
}
@media (min-width: 600px) {
  .CoolOffSubmitButton {
    max-width: 28rem;
  }
}
.TransactionHistoryWrapper {
  max-width: 100%;
  margin: 0 auto;
  padding: 4.8rem 0 2.4rem;
  position: relative;
}
@media (min-width: 1100px) {
  .TransactionHistoryWrapper {
    max-width: 110rem;
  }
}
@media (min-width: 600px) {
  .TransactionHistoryWrapper {
    padding: 1rem 0 3.1rem;
  }
}
.iOSRebrushWrapper .TransactionHistoryWrapper {
  padding-top: 7.2rem;
}
@media (min-width: 600px) {
  .iOSRebrushWrapper .TransactionHistoryWrapper {
    padding-top: 7.2rem;
  }
}
.TransactionHistoryWrapper {
  padding: 0 1.6rem;
}
.NoOfItemsToDisplay {
  display: none;
  position: absolute;
  right: 0;
  top: 1.5rem;
  z-index: 3;
  width: auto;
}
@media (min-width: 1100px) {
  .NoOfItemsToDisplay {
    display: block;
  }
}
.NoOfItemsToDisplayMessage {
  display: inline-block;
  margin: 0.4rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #212121;
  line-height: 2;
}
.TransPaginationOptions {
  display: inline-block;
}
.TransPaginationItem {
  display: inline-block;
  width: 2.8rem;
  height: 2.8rem;
  margin: 0.6rem 0.4rem;
  overflow: hidden;
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  line-height: 2;
  font-weight: 600;
  border-radius: 0.4rem;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.TransPaginationItem.Active {
  background: #f9c408;
}
.TransPaginationItem.Active:active,
.TransPaginationItem.Active:hover {
  background: #294c0b;
}
.TransPaginationButton {
  padding: 0.4rem;
  margin: 0 0.4rem;
  line-height: 1;
  border: none;
}
.TransPaginationButton:active,
.TransPaginationButton:hover {
  border: none;
}
.TransactionHistoryContent .ComponentTabsHeader {
  position: fixed;
  width: 100%;
  padding: 0 1rem;
  z-index: 4;
}
.iOSRebrushWrapper .TransactionHistoryContent .ComponentTabsHeader {
  top: 6.8rem;
}
@media only screen and (orientation: landscape) {
  .iOSRebrushWrapper .TransactionHistoryContent .ComponentTabsHeader {
    top: 4.8rem;
  }
}
.TransactionHistoryContent .ComponentTabsContent {
  padding: 7.4rem 0 0;
  margin-top: 0;
}
.ComponentTabsContent .TransactionHistoryWrapper .Text {
  padding: 1rem 0;
}
@media (min-width: 600px) {
  .ComponentTabsContent .TransactionHistoryWrapper .Text {
    padding: 1rem 0;
  }
}
@media (min-width: 1100px) {
  .ComponentTabsContent .TransactionHistoryWrapper .Text {
    padding: 0;
  }
}
@media (min-width: 1100px) {
  .GamblingTransactionHistoryContainer,
  .TransactionHistoryContainer {
    position: relative;
  }
}
.TransactionHistoryWrapper .PageHeader {
  display: block;
  width: 100%;
  position: fixed;
  left: 0;
  top: 4.8rem;
  z-index: 2;
  background: #f7f7f7;
  box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.18);
}
.iOSRebrushWrapper .TransactionHistoryWrapper .PageHeader {
  top: 7.2rem;
}
.TransactionHistoryNavigator .ListItem {
  display: block;
  flex-grow: 1;
  flex-shrink: 0;
  width: auto;
  margin: 0;
  max-width: none;
  overflow: visible;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (min-width: 300px) {
  .TransactionHistoryNavigator .ListItem {
    flex-grow: 0;
    max-width: 33%;
  }
}
@media (min-width: 500px) {
  .TransactionHistoryNavigator .ListItem {
    flex-grow: 0;
    max-width: 45%;
  }
}
.TransactionHistoryNavigator .ListItem .Button {
  display: block;
  width: 100%;
  min-width: 4rem;
  min-height: 1.8rem;
  padding: 1.6rem 10% 1.2rem;
  position: relative;
  color: #4e4e4e;
  fill: #212121;
  border-radius: 0;
  border: none;
  border-bottom: 2px solid transparent;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
}
@media (min-width: 450px) {
  .TransactionHistoryNavigator .ListItem .Button {
    font-size: 1.4rem;
  }
}
@media (min-width: 600px) {
  .TransactionHistoryNavigator .ListItem .Button {
    width: auto;
    min-height: 2rem;
    padding: 1.7rem 1.6rem;
    font-size: 1.6rem;
    line-height: 2rem;
  }
}
@media (min-width: 1100px) {
  .TransactionHistoryNavigator .ListItem .Button {
    padding: 1.7rem;
    border-bottom: 2px solid transparent;
  }
}
.TransactionHistoryNavigator .ListItem .Button.IsActive {
  color: #f9c408;
  fill: #f9c408;
  border-bottom: 2px solid #f9c408;
}
.TransactionHistoryNavigator .ListItem .Button:hover {
  color: #f9c408;
  fill: #f9c408;
  background: #fff;
}
.TransactionHistoryNavigator .ListItem .Button.Hidden,
.TransactionHistoryNavigator .SvgIcon {
  display: none;
}
.TransactionHistoryNavigator svg {
  width: 1em;
  height: 1em;
  padding: 0 1rem;
  font-size: 1.4rem;
  transform: scale(2.5);
}
.TransactionHistoryNavigator .NavigatorFilter {
  display: flex;
  position: absolute;
  top: 4.75rem;
  right: 0.8rem;
}
@media (min-width: 390px) {
  .TransactionHistoryNavigator .NavigatorFilter {
    top: 4.75rem;
    right: 1.6rem;
  }
}
@media (min-width: 600px) {
  .TransactionHistoryNavigator .NavigatorFilter {
    top: 6.75rem;
  }
}
@media (min-width: 700px) {
  .TransactionHistoryNavigator .NavigatorFilter {
    top: 0;
  }
}
@media (min-width: 1100px) {
  .TransactionHistoryNavigator .NavigatorFilter {
    right: 0;
  }
}
.ComponentTabsContent .InstanceShowFilter {
  display: flex;
  position: fixed;
  top: 4.8rem;
  right: 1.5rem;
  z-index: 2;
}
@media (min-width: 600px) {
  .ComponentTabsContent .InstanceShowFilter {
    top: 5.5rem;
  }
}
@media (min-width: 1400px) {
  .ComponentTabsContent .InstanceShowFilter {
    right: calc(50% - 68rem);
  }
}
.TransactionHistoryWrapper .InstanceCloseFilter,
.TransactionHistoryWrapper .InstanceShowFilter {
  display: flex;
  position: absolute;
  top: 0;
  right: 0.4rem;
  border: none;
  color: #828282;
  fill: #828282;
  padding-top: 0;
}
@media (min-width: 1100px) {
  .TransactionHistoryWrapper .InstanceCloseFilter,
  .TransactionHistoryWrapper .InstanceShowFilter {
    display: none;
    right: calc(50% - 48rem);
  }
}
@media (hover: hover) {
  .TransactionHistoryWrapper .InstanceCloseFilter:hover,
  .TransactionHistoryWrapper .InstanceShowFilter:hover {
    color: #f9c408;
    fill: #f9c408;
  }
}
.TransactionHistoryWrapper .InstanceCloseFilter:active,
.TransactionHistoryWrapper .InstanceShowFilter:active {
  color: #f9c408;
  fill: #f9c408;
}
.TransactionHistoryWrapper .InstanceCloseFilter .ButtonIconStart,
.TransactionHistoryWrapper .InstanceShowFilter .ButtonIconStart {
  display: flex;
  align-items: center;
}
.TransactionHistoryWrapper .InstanceCloseFilter .ButtonText,
.TransactionHistoryWrapper .InstanceShowFilter .ButtonText {
  height: 2.4rem;
}
.PaymentHistoryTabContent .InstanceCloseFilter {
  z-index: 3;
}
.paymentHistorySubmenu {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 1.2rem;
}
.paymentHistorySubmenu .Title {
  padding: 0;
  margin: 0 0 1.2rem;
}
.paymentHistorySubmenu .TransactionHistoryNavigator {
  display: flex;
}
@media (min-width: 1100px) {
  .paymentHistorySubmenu {
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-bottom: 3rem;
  }
}
.TransactionHistoryNavigator .NavigatorFilter .Button {
  display: flex;
  align-items: center;
  padding: 0.9rem 0;
  color: #828282;
  fill: #828282;
  border: none;
}
@media (min-width: 390px) {
  .TransactionHistoryNavigator .NavigatorFilter .Button {
    padding: 1.2rem 0;
  }
}
@media (min-width: 600px) {
  .TransactionHistoryNavigator .NavigatorFilter .Button {
    padding: 1.6rem;
  }
}
.TransactionHistoryNavigator .NavigatorFilter .Button:hover {
  background: none;
}
.iOSRebrushWrapper .InstanceCloseFilter:before {
  top: 5rem;
}
@media (min-width: 600px) {
  .iOSRebrushWrapper .InstanceCloseFilter:before {
    top: 5.5rem;
  }
}
@media (min-width: 1100px) {
  .iOSRebrushWrapper .InstanceCloseFilter:before {
    top: 4.8rem;
  }
}
.ComponentDatePicker {
  padding-left: 3.6rem;
}
.TransactionHistoryNavigator .NavigatorFilter .Icon {
  display: inline-block;
  margin-right: 0.4rem;
}
.TransactionHistoryNavigator .NavigatorFilter .SvgIcon {
  display: flex;
}
.TransactionHistoryNavigator .NavigatorFilter svg {
  width: 1em;
  height: 1em;
  padding: 0;
  font-size: 2.4rem;
  transform: scale(1);
}
.TransactionHistoryNavigator .NavigatorFilter .ButtonText {
  display: inline;
}
.TransactionHistoryWrapper .TabContentTitle {
  display: block;
}
@media (min-width: 700px) {
  .TransactionHistoryWrapper .TabContentTitle {
    display: none;
  }
}
.ComponentListTransactionHistory {
  margin: 0 auto;
  font-size: 1.4rem;
  clear: both;
}
@media (min-width: 1100px) {
  .ComponentListTransactionHistory {
    padding-top: 0;
    margin-bottom: 3.2rem;
    font-size: 1.6rem;
  }
}
.TransactionHistoryWrapper .AccountPageDesc {
  display: none;
  margin-bottom: 2.4rem;
}
@media (min-width: 600px) {
  .TransactionHistoryWrapper .AccountPageDesc {
    margin-bottom: 3.2rem;
    font-size: 1.6rem;
  }
}
.TransHistoryTitle {
  display: none;
  justify-content: space-between;
  padding: 0 0.8rem;
  background: #cacaca;
  font-weight: 600;
  line-height: 2rem;
}
@media (min-width: 600px) {
  .TransHistoryTitle {
    font-size: 1.6rem;
  }
}
@media (min-width: 1100px) {
  .TransHistoryTitle {
    display: flex;
    padding: 1.2rem 2.4rem 1.4rem;
  }
}
@media (min-width: 1100px) {
  .TransHistoryTitleId {
    flex: 1;
  }
}
.TransHistoryTitleDate {
  flex: 1.5;
  overflow: hidden;
}
.TransHistoryTitle .TransHistoryDescription {
  flex: 1.5;
}
.TransHistoryBalance,
.TransHistoryTitle .TransHistoryAmount {
  display: flex;
  flex: 1;
}
.TransHistoryTitle .TransHistoryTitleStatus {
  display: none;
}
.TransHistoryList .ListItem {
  display: grid;
  min-height: 4.6rem;
  padding: 1.35rem 1.6rem 1.4rem;
  position: relative;
  background: #fff;
  color: #4e4e4e;
  border-bottom: 0.1rem solid #dedede;
  font-size: 1.6rem;
  line-height: 1em;
  grid-template-columns: max-content 1fr max-content;
  grid-template-rows: 1fr max-content;
}
@media (max-width: 479px) {
  .TransHistoryList .ListItem {
    grid-template-rows: 1fr max-content max-content;
    min-height: 4rem;
    padding: 1.35rem 3.2rem 1.4rem;
  }
}
@media (min-width: 1100px) {
  .TransHistoryList .ListItem {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 1.35rem 2.4rem 1.4rem;
    font-size: 1.4rem;
    min-height: 0;
  }
}
.TransHistoryID {
  grid-row: 2;
  display: flex;
  font-size: 1.4rem;
  padding-right: 0.6rem;
  color: #828282;
}
@media (min-width: 1100px) {
  .TransHistoryID {
    flex: 1;
    padding: 0;
    border: none;
    font-size: 1.6rem;
    color: #212121;
  }
}
.TransHistoryDate {
  grid-row: 2;
  grid-column: 2;
  display: inline-block;
  padding-left: 0.6rem;
  font-size: 1.4rem;
  color: #828282;
  border-left: 0.1rem solid #828282;
  white-space: nowrap;
}
@media (max-width: 479px) {
  .TransHistoryDate {
    grid-row: 3;
    grid-column: 1;
    align-self: end;
    border: none;
    padding: 0;
  }
}
@media (min-width: 1100px) {
  .TransHistoryDate {
    flex: 1.5;
    padding: 0;
    font-size: 1.6rem;
    color: #212121;
    border: none;
  }
}
.TransHistoryDateTxt {
  display: inline-flex;
  margin-right: 0.2rem;
}
.TransHistoryDateTxt:after {
  display: inline-block;
  content: ",";
}
.TransHistoryDescriptionTxt {
  line-height: 1.2;
}
.TransHistoryItem .TransHistoryAmount.PositiveAmount {
  color: #f9c408;
}
.TransHistoryItem .TransHistoryAmount {
  grid-column: 3;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.6rem;
  text-align: right;
}
@media (min-width: 1100px) {
  .TransHistoryItem .TransHistoryAmount {
    display: flex;
    flex: 1;
    justify-content: flex-start;
    width: auto;
    color: #828282;
    font-size: 1.6rem;
  }
}
.TransHistoryBalanceAmount {
  display: flex;
  flex-shrink: 1;
  width: 100%;
  justify-content: flex-end;
}
@media (min-width: 1100px) {
  .TransHistoryBalanceAmount {
    flex: 2;
    flex-shrink: 0;
    justify-content: flex-start;
    width: auto;
    height: 100%;
  }
}
.TransHistoryStatus {
  grid-column: 3;
  display: flex;
  flex: 1;
  font-weight: 600;
  justify-content: flex-end;
}
@media (min-width: 1100px) {
  .TransHistoryStatus {
    justify-content: flex-start;
  }
}
.TransSuccess .TransHistoryStatus {
  color: #f9c408;
}
.TransError .TransHistoryStatus {
  color: #c03928;
}
.TransPagination {
  display: flex;
  justify-content: center;
}
.TransPagination .ListItem {
  display: inline-block;
  width: 2.8rem;
  min-height: 2.8rem;
  margin: 1rem 0.1rem;
  padding: 0;
  overflow: hidden;
  color: #212121;
  font-size: 1.4rem;
  text-align: center;
  line-height: 2;
  font-weight: 600;
  white-space: normal;
  text-overflow: clip;
  background: none;
  border: none;
}
@media (min-width: 400px) {
  .TransPagination .ListItem {
    white-space: normal;
    text-overflow: clip;
  }
}
.TransPagination .ListItem .Button {
  font-size: 1.2rem;
  padding: 0.7rem 0.8rem;
  margin: 0 0.2rem;
}
@media (min-width: 400px) {
  .TransPagination .ListItem .Button {
    font-size: 1.6rem;
  }
}
.TransPagination .ListItem.Active {
  background: #f9c408;
  border-radius: 0.4rem;
}
.TransPagination .ListItem.Active:active,
.TransPagination .ListItem.Active:hover {
  background: #294c0b;
}
.TransPagination .ListItem .Button {
  display: inline;
  padding: 0;
}
.TransPagination .ListItem.Active .Button {
  color: #fff;
  outline: none;
}
.TransPagination .ListItem.DisabledNextPrevButton {
  display: none;
}
.TransPagination .ListItem .InstanceArrowBack,
.TransPagination .ListItem .InstanceArrowRight {
  font-size: 3rem;
  line-height: 0.9;
  color: #212121;
  cursor: pointer;
  outline: none;
}
.TransPagination .ListItem .InstanceArrowBack:active,
.TransPagination .ListItem .InstanceArrowRight:active {
  outline: none;
  text-decoration: none;
}
.TransPagination .Button {
  height: 2.5rem;
  padding: 0;
  overflow: hidden;
  border: none;
}
.TransPaginationItem svg {
  fill: #828282;
  color: #828282;
}
.InstanceBonusHistoryLayout .TransHistoryBonusName {
  grid-column: 1/3;
  display: block;
  overflow: hidden;
  color: #4e4e4e;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.6rem;
}
.InstanceBonusHistoryLayout .TransHistoryAmount {
  grid-row: 2;
  grid-column: 3;
  display: block;
  overflow: hidden;
  color: #828282;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.4rem;
  text-align: right;
  place-self: end;
}
@media (max-width: 479px) {
  .InstanceBonusHistoryLayout .TransHistoryAmount {
    grid-row: 2/4;
  }
}
.InstanceBonusHistoryLayout .TransHistoryType {
  grid-row: 2;
  display: flex;
  font-size: 1.4rem;
  padding-right: 0.6rem;
  color: #828282;
}
@media (min-width: 1100px) {
  .InstanceBonusHistoryLayout .TransHistoryType {
    left: 3.2rem;
  }
}
.InstanceBonusHistoryLayout .TransHistoryStatus {
  grid-column: 3;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.6rem;
  text-align: right;
}
.InstanceBonusHistoryLayout .TransHistoryGrantedDate {
  grid-row: 2;
  grid-column: 2;
  padding-left: 0.6rem;
  font-size: 1.4rem;
  color: #828282;
  border-left: 0.1rem solid #828282;
}
@media (max-width: 479px) {
  .InstanceBonusHistoryLayout .TransHistoryGrantedDate {
    grid-row: 3;
    grid-column: 1;
    align-self: end;
    border: none;
    padding: 0;
  }
}
@media (min-width: 1100px) {
  .InstanceBonusHistoryLayout .TransHistoryGrantedDate {
    border-left: none;
  }
}
@media (min-width: 1100px) {
  .InstanceBonusHistoryLayout .TransHistoryAmount,
  .InstanceBonusHistoryLayout .TransHistoryBonusName,
  .InstanceBonusHistoryLayout .TransHistoryGrantedDate,
  .InstanceBonusHistoryLayout .TransHistoryStatus,
  .InstanceBonusHistoryLayout .TransHistoryTitleStatus,
  .InstanceBonusHistoryLayout .TransHistoryType {
    display: flex;
    flex: 1;
    place-self: unset;
    align-items: center;
  }
}
.PaymentHistoryTabContent .PageHeader {
  padding: 0.4rem;
  box-sizing: border-box;
  top: 11.1rem;
  z-index: 5;
}
@media (min-width: 740px) {
  .PaymentHistoryTabContent .PageHeader {
    top: 16.7rem;
  }
}
@media (min-width: 1100px) {
  .PaymentHistoryTabContent .PageHeader {
    padding: 0.4rem 0;
  }
}
.PaymentHistoryTabContent .TransactionHistoryNavigator .ListItem {
  flex: 1;
  max-width: 50%;
}
@media (min-width: 600px) {
  .PaymentHistoryTabContent .TransactionHistoryNavigator .ListItem {
    flex-grow: 0;
  }
}
.PaymentHistoryTabContent .NavigatorDeposit,
.PaymentHistoryTabContent .NavigatorWithdraw {
  margin-right: 1rem;
}
.PaymentHistoryTabContent .NavigatorDeposit:last-child,
.PaymentHistoryTabContent .NavigatorWithdraw:last-child {
  margin-right: 0;
}
.PaymentHistoryTabContent .NavigatorDeposit .Button,
.PaymentHistoryTabContent .NavigatorWithdraw .Button {
  padding: 0.6rem 1.6rem;
  border: 1px solid #828282;
  font-size: 1.4rem;
  line-height: 1.8rem;
  text-decoration: none;
}
.PaymentHistoryTabContent .NavigatorDeposit .Button.IsActive,
.PaymentHistoryTabContent .NavigatorWithdraw .Button.IsActive {
  background: #f9c408;
  color: #fff;
  border-color: #f9c408;
}
.PaymentHistoryTabContent .NavigatorDeposit .Button:hover,
.PaymentHistoryTabContent .NavigatorWithdraw .Button:hover {
  color: #f9c408;
  border-color: #f9c408;
}
.PaymentHistoryTabContent .NavigatorDeposit .Button.IsActive:hover,
.PaymentHistoryTabContent .NavigatorWithdraw .Button.IsActive:hover {
  color: #fff;
}
.PaymentHistoryTabContent .NavigatorDeposit .Button:active,
.PaymentHistoryTabContent .NavigatorWithdraw .Button:active {
  color: #294c0b;
  border-color: #294c0b;
}
.PaymentHistoryTabContent .NavigatorGambling {
  display: none;
}
.PaymentHistoryTabContent .NavigatorFilter {
  top: 0;
  right: 0;
}
@media (min-width: 400px) {
  .PaymentHistoryTabContent .NavigatorFilter {
    right: 1.6rem;
  }
}
.PaymentHistoryTabContent .NavigatorFilter .Button {
  padding: 0.3rem 0;
  top: 0;
  right: 0;
}
@media (min-width: 1100px) {
  .PaymentHistoryTabContent .NavigatorFilter .Button {
    display: none;
  }
}
.PaymentHistoryTabContent .TransactionType {
  display: none;
}
.PaymentHistoryTabContent .TransHistoryAmount {
  grid-row: 2;
}
@media (max-width: 479px) {
  .PaymentHistoryTabContent .TransHistoryAmount {
    grid-row: 2/4;
    align-self: end;
  }
}
.PaymentHistoryTabContent .TransHistoryTitleStatus {
  display: block;
  flex: 1;
}
.TransacationWrapper {
  padding: 0;
}
.InstanceOperatorMyCasinoTabsGamingHistoryContent
  .TransHistoryItem
  .TransHistoryTitleStatus,
.InstanceOperatorMyCasinoTabsGamingHistoryContent
  .TransHistoryTitle
  .TransHistoryTitleStatus {
  display: none;
}
.TransHistoryItem .TransHistoryDescription {
  grid-column: 1/3;
  display: block;
  overflow: hidden;
  color: #212121;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.6rem;
}
@media (min-width: 1100px) {
  .TransHistoryItem .TransHistoryDescription {
    flex: 1.5;
    position: relative;
    width: auto;
    top: 0;
    left: 0;
    font-size: 1.6rem;
    color: #212121;
  }
}
.TransHistoryItem .TransHistoryBalanceAmount {
  grid-row: 2;
  grid-column: 3;
  width: auto;
  overflow: hidden;
  color: #828282;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.4rem;
  text-align: right;
  place-self: end;
}
@media (max-width: 479px) {
  .TransHistoryItem .TransHistoryBalanceAmount {
    grid-row: 2/4;
  }
}
@media (min-width: 1100px) {
  .TransHistoryItem .TransHistoryBalanceAmount {
    display: flex;
    flex: 1;
    position: relative;
    top: 0;
    right: 0;
    color: inherit;
    font-size: 1.6rem;
  }
}
.InstanceGamblingTransactionHistory .TransHistoryStatus {
  display: none;
}
.TransHistoryList .SubmitButton {
  display: block;
  min-width: calc(100% - 3.2rem);
  margin: 1.2rem auto 0;
}
@media (min-width: 480px) {
  .TransHistoryList .SubmitButton {
    min-width: 16rem;
    margin: 1.2rem 1.2rem 0;
  }
}
@media (min-width: 1000px) {
  .TransHistoryList .SubmitButton {
    margin: 1.2rem 0 0;
  }
}
.NoTransactionHistory {
  max-width: 96rem;
  margin: 0 auto;
  padding: 2.4rem 1.6rem;
  font-size: 1.4rem;
}
@media (min-width: 600px) {
  .NoTransactionHistory {
    padding: 3.1rem 2.4rem;
  }
}
.ComponentTransactionFilter {
  padding: 1.6rem;
  background: #f7f7f7;
  border-bottom: 0.1rem solid #dedede;
  box-shadow: 0 4px 5px 0 rgba(90, 90, 90, 0.24);
}
@media (min-width: 1100px) {
  .ComponentTransactionFilter {
    padding: 1.6rem 0 0;
    margin-bottom: 4rem;
    background: #f0f0f0;
    box-shadow: none;
    border-bottom: none;
  }
}
.ComponentTransactionFilter:focus {
  outline: none;
}
.ComponentTransactionFilter .Form {
  display: block;
  margin: 0 auto;
}
@media (min-width: 480px) {
  .TransFilterFieldSet {
    margin: 0 -0.4rem;
  }
}
@media (min-width: 860px) {
  .TransFilterFieldSet {
    width: 67%;
    margin: 0 0 0 -0.4rem;
    padding-right: 0.4rem;
  }
}
@media (min-width: 1100px) {
  .TransFilterFieldSet {
    width: 63%;
    float: left;
  }
}
.TransFilterFieldSet .DatePickerWrapper {
  display: inline-block;
  width: 100%;
  margin-bottom: 1.6rem;
  box-sizing: border-box;
  vertical-align: top;
}
@media (min-width: 570px) {
  .TransFilterFieldSet .DatePickerWrapper {
    width: 50%;
    padding: 0 0.4rem;
  }
}
@media (min-width: 1100px) {
  .TransFilterFieldSet .DatePickerWrapper {
    padding: 0;
  }
}
.TransFilterFieldSet .DatePickerWrapper input {
  width: 100%;
}
.ComponentTransactionFilter + .Error {
  clear: both;
}
.react-datepicker .react-datepicker__month-select,
.react-datepicker .react-datepicker__year-select {
  padding: 0 1.6rem;
}
@media (min-width: 1100px) {
  .TransFilterFieldSet .LabelWrap {
    margin: 1rem 0.4rem;
    float: left;
  }
}
.TransFilterFieldSet .LabelWrap .LabelText {
  font-size: 1.4rem;
}
@media (min-width: 1100px) {
  .TransFilterFieldSet .InputWrap {
    width: 65%;
  }
}
.InputWrap .Icon {
  position: absolute;
  top: 1rem;
  left: 1.1rem;
  fill: rgba(0, 0, 0, 0.34);
}
.DatePickerWrapper .FormInput {
  padding-left: 4rem;
}
.TransFilterButton {
  width: 100%;
  height: 4rem;
  background: #f9c408;
  color: #fff;
  border: none;
  vertical-align: bottom;
}
@media (min-width: 480px) {
  .TransFilterButton {
    min-width: 12rem;
    max-width: 17rem;
  }
}
.InstanceBonusHistoryLayout {
  position: relative;
  margin: 5rem 1.6rem;
  font-size: 1.4rem;
  line-height: 2rem;
}
@media (min-width: 1100px) {
  .InstanceBonusHistoryLayout {
    margin: 5rem auto;
    max-width: 110rem;
  }
}
.InstanceBonusHistoryTitle {
  margin-bottom: 2rem;
}
.InstanceBonusHistoryLayout .InstanceCloseFilter,
.InstanceBonusHistoryLayout .InstanceShowFilter {
  display: flex;
  position: absolute;
  top: 0;
  right: 0.4rem;
  border: none;
  color: #828282;
  fill: #828282;
  padding-top: 0;
}
@media (min-width: 1100px) {
  .InstanceBonusHistoryLayout .InstanceCloseFilter,
  .InstanceBonusHistoryLayout .InstanceShowFilter {
    display: none;
    right: calc(50% - 48rem);
  }
}
.InstanceBonusHistoryLayout .InstanceCloseFilter:hover,
.InstanceBonusHistoryLayout .InstanceShowFilter:hover {
  color: #f9c408;
  fill: #f9c408;
}
.InstanceBonusHistoryLayout .InstanceCloseFilter .ButtonIconStart,
.InstanceBonusHistoryLayout .InstanceShowFilter .ButtonIconStart {
  display: flex;
  align-items: center;
}
.InstanceBonusHistoryLayout .InstanceCloseFilter .ButtonText,
.InstanceBonusHistoryLayout .InstanceShowFilter .ButtonText {
  height: 2.4rem;
}
.ActiveBonusesWrapper {
  max-width: 160rem;
  padding: 0 0.8rem;
  margin: 0 auto;
}
@media (min-width: 600px) {
  .ActiveBonusesWrapper {
    padding: 4rem 3.2rem;
  }
}
.ActiveBonusesWrapper .Title {
  margin: 0;
  padding: 1.7rem 0.8rem 1.2rem;
  font-size: 1.6rem;
  font-weight: 600;
}
@media (min-width: 600px) {
  .ActiveBonusesWrapper .Title {
    font-size: 1.8rem;
    line-height: 2rem;
  }
}
@media (min-width: 1100px) {
  .ActiveBonusesWrapper .Title {
    padding: 1.7rem 0 1.2rem;
  }
}
.BonusesContent {
  display: flex;
  flex-direction: column-reverse;
  font-size: 1.4rem;
  line-height: 2rem;
}
.BonusesContent .Form {
  padding-bottom: 3rem;
}
.CasinoBonusesListContainer {
  margin-bottom: 4rem;
}
.BonusList {
  display: grid;
  grid-template-columns: auto;
  grid-auto-rows: auto;
  grid-row-gap: 1.5rem;
  grid-column-gap: 1.5rem;
}
@media (min-width: 678px) {
  .BonusList {
    grid-template-columns: repeat(2, auto);
  }
}
@media (min-width: 1100px) {
  .BonusList {
    grid-template-columns: repeat(3, auto);
  }
}
@media (min-width: 1400px) {
  .BonusList {
    grid-template-columns: repeat(4, auto);
  }
}
.BonusItem {
  display: flex;
  position: relative;
  background: #fff;
  box-shadow: 0 3px 14px 0 rgba(33, 33, 33, 0.05);
}
.BonusDetails {
  width: 100%;
  padding: 1.8rem 1.6rem 7.4rem;
  position: relative;
  box-sizing: border-box;
}
.BonusTitle {
  width: 100%;
  font-size: 1.6rem;
  font-weight: 600;
}
.BonusTitle .BonusLabel {
  color: inherit;
  font-weight: inherit;
}
.BonusTitle .BonusValue {
  font-weight: inherit;
}
.BonusExpiry {
  width: 100%;
  font-size: 1.4rem;
}
.BonusLabel {
  margin-right: 0.8rem;
  color: #828282;
}
.BonusLabel,
.BonusValue {
  display: inline-block;
  font-weight: 400;
}
.BonusDetailsInfo {
  width: 100%;
  display: flex;
  flex-direction: column;
  line-height: 2;
}
@media (min-width: 650px) {
  .BonusDetailsInfo {
    display: flex;
    flex-wrap: wrap;
  }
}
.BonusItemField {
  display: flex;
  flex-basis: 50%;
  flex-shrink: 0;
}
@media (min-width: 900px) {
  .BonusItemField {
    flex-basis: 33.33%;
  }
}
@media (min-width: 1360px) {
  .BonusItemField {
    flex-basis: 50%;
  }
}
.BonusDetailsInfo dt {
  display: block;
  float: left;
  clear: left;
}
.BonusDetailsInfo dd {
  display: block;
  overflow: hidden;
}
.BonusDetails:after {
  display: block;
  width: 80%;
  height: 0.1rem;
  position: absolute;
  left: 1.6rem;
  bottom: 5.8rem;
  background: #dedede;
  content: "";
}
.BonusForfeitButton,
.BonusRead,
.InstanceForfiet {
  left: 1.6rem;
  color: #294c0b;
}
.BonusForfeitButton,
.BonusMoreInfo,
.BonusRead,
.InstanceForfiet {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  bottom: 1rem;
  background: none;
  border: none;
  font-weight: 400;
}
.BonusMoreInfo {
  right: 1.6rem;
  color: #f9c408;
}
@media (hover: hover) {
  .BonusForfeitButton:hover,
  .BonusMoreInfo:hover,
  .BonusRead:hover,
  .InstanceForfiet:hover {
    color: #f9c408;
    border: none;
  }
}
.BonusForfeitButton:active,
.BonusMoreInfo:active,
.BonusRead:active,
.InstanceForfiet:active {
  color: #f9c408;
  border: none;
}
.BonusRead {
  right: 1.6em;
  left: auto;
}
.CasinoBonusesMessage {
  padding: 0 0.8rem;
  box-sizing: border-box;
}
@media (min-width: 600px) {
  .CasinoBonusesMessage {
    font-size: 1.6rem;
  }
}
.BonusListNewBonus {
  max-width: 58rem;
  padding: 0 0.8rem;
}
@media (min-width: 1100px) {
  .BonusListNewBonus {
    padding: 0;
  }
}
.BonusesContent legend {
  display: none;
}
.BonusesContent .FormLabel {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}
@media (min-width: 600px) {
  .BonusesContent .FormLabel {
    width: 70%;
    padding-right: 0.8rem;
  }
}
.BonusesContent .LabelWrap {
  display: inline-block;
  width: 100%;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 600;
  text-align: left;
}
@media (min-width: 600px) {
  .BonusesContent .LabelWrap {
    text-align: left;
  }
}
.BonusesContent .InputWrap {
  margin-bottom: 0.8rem;
}
.BonusListNewBonus .ButtonGroup {
  width: 100%;
  display: inline-flex;
  gap: 0.8rem;
}
@media (min-width: 600px) {
  .BonusListNewBonus .ButtonGroup {
    width: 30%;
    position: relative;
    top: 3rem;
    vertical-align: top;
  }
}
.BonusListNewBonus .ButtonGroup .Button {
  background: #f9c408;
  color: #fff;
  border: none;
  flex: 1;
  white-space: nowrap;
}
@media (min-width: 600px) {
  .BonusListNewBonus .ButtonGroup .Button {
    font-size: 1.4rem;
  }
}
@media (min-width: 1100px) {
  .BonusListNewBonus .ButtonGroup .Button {
    font-size: 1.6rem;
  }
}
.BonusListNewBonus .ButtonGroup .Button:hover {
  background: #294c0b;
}
.BonusListNewBonus .ButtonGroup .Button:active {
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.24);
}
.ActiveBonusesWrapper .BonusesContent .LoadMoreButton {
  background: #f9c408;
  color: #fff;
  border: none;
}
.ActiveBonusesWrapper .BonusesContent .LoadMoreButton:hover {
  background: #294c0b;
  color: #fff;
}
.ActiveBonusesWrapper .BonusesContent .LoadMoreButton:active {
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.24);
}
.ComponentRealityCheck {
  padding: 3rem 2rem;
}
@media (min-width: 600px) {
  .ComponentRealityCheck {
    padding: 2rem;
  }
}
.RealityCheckFieldset {
  margin: 2rem 0 0;
}
.RealityCheckFieldset .FormLabel {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}
.ComponentRealityCheck .ActionFieldset {
  margin-bottom: 2rem;
}
.RealityCheckSubmitButton {
  display: block;
  width: 100%;
  max-width: 40rem;
  margin: 0 auto;
}
.SportsIframe {
  min-height: 46rem;
  box-sizing: border-box;
}
.iOSDevice .SportsIframe {
  width: 1px;
  min-width: 100%;
  *width: 100%;
}
.OverflowHidden.SportsOverlay .SportsIframe {
  max-height: calc(100vh - 5.4rem);
}
@media (min-width: 1100px) {
  .OverflowHidden.SportsOverlay .SportsIframe {
    max-height: calc(100vh - 11rem);
  }
}
.OverflowHidden.SportsOverlay.NotificationActive .SportsIframe {
  max-height: calc(100vh - 11.4rem);
}
@media (min-width: 1100px) {
  .OverflowHidden.SportsOverlay.NotificationActive .SportsIframe {
    max-height: calc(100vh - 17rem);
  }
}
.OverflowHidden.SportsOverlay.StoriesActive .SportsIframe {
  max-height: calc(100vh - 10.4rem);
}
.OverflowHidden.SportsOverlay.NotificationActive.StoriesActive .SportsIframe {
  max-height: calc(100vh - 16.4rem);
}
.OverflowHidden.SportsOverlay.iOSDevice .SportsIframe {
  max-height: calc(100vh - 10.4rem);
}
@media (min-width: 1100px) {
  .OverflowHidden.SportsOverlay.iOSDevice .SportsIframe {
    max-height: calc(100vh - 16rem);
  }
}
.OverflowHidden.SportsOverlay.iOSDevice.NotificationActive .SportsIframe {
  max-height: calc(100vh - 16.4rem);
}
@media (min-width: 1100px) {
  .OverflowHidden.SportsOverlay.iOSDevice.NotificationActive .SportsIframe {
    max-height: calc(100vh - 22rem);
  }
}
.OverflowHidden.SportsOverlay.iOSDevice.StoriesActive .SportsIframe {
  max-height: calc(100vh - 15.4rem);
}
@media (min-width: 1100px) {
  .OverflowHidden.SportsOverlay.iOSDevice.StoriesActive .SportsIframe {
    max-height: calc(100vh - 21rem);
  }
}
.OverflowHidden.SportsOverlay.iOSDevice.NotificationActive.StoriesActive
  .SportsIframe {
  max-height: calc(100vh - 21.4rem);
}
@media (min-width: 1100px) {
  .OverflowHidden.SportsOverlay.iOSDevice.NotificationActive.StoriesActive
    .SportsIframe {
    max-height: calc(100vh - 27rem);
  }
}
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  .iOSDevice .ContentTriggerWrapper .ToggleMainMenu {
    padding-left: env(safe-area-inset-left);
  }
  .iOSDevice .OperatorAccountContainer .ButtonLogin {
    padding-right: env(safe-area-inset-right);
  }
  .iOSDevice .OperatorLogo,
  .iOSDevice .OperatorMainMenu.CrossSellMenu .BalanceWrapper,
  .iOSDevice .OperatorMainMenu.CrossSellMenu .TotalBonusesWrapper,
  .iOSDevice .OperatorTopLanguage,
  .iOSDevice
    .TriggerMainNav.IsActive
    .OperatorMainMenu.CrossSellMenu
    .CasinoSection {
    padding-left: env(safe-area-inset-left);
  }
  .iOSDevice .OperatorMainMenu.CrossSellMenu .OperatorHeaderDeposit {
    margin-left: env(safe-area-inset-left);
  }
  .iOSDevice .Page-CasinoPage .OperatorHeaderDeposit {
    margin-left: 0;
  }
  .iOSDevice .TriggerMainNav.IsActive .CrossSellMenu .Menu {
    padding-left: env(safe-area-inset-left);
  }
  .iOSDevice .GamesList,
  .iOSDevice .SportsIframeWrapper {
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
  }
  .iOSDevice
    .Page-Casino
    .HighlightedListWrapper.MsnRow
    .OperatorTotalJackpotsTop {
    margin-left: calc(env(safe-area-inset-left) + 2.5rem);
    margin-right: calc(env(safe-area-inset-right) + 2.5rem);
  }
  .iOSDevice .footer-wrapper {
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
  }
  .iOSDevice .OperatorSW {
    margin-left: env(safe-area-inset-left);
    margin-right: env(safe-area-inset-right);
  }
  .iOSDevice .NewCatScroll {
    margin-left: calc(env(safe-area-inset-left) + 3.5rem);
    margin-right: calc(env(safe-area-inset-right) + 3.5rem);
  }
  .iOSDevice .Page-MyProfile .SectionContent {
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
  }
  .iOSDevice .Page-Limits-Child .SectionContent .SetLimitWrapper,
  .iOSDevice .Page-SetLimit .SectionContent .SetLimitWrapper,
  .iOSDevice .SectionContent .CmsStaticPage,
  .iOSDevice .TransactionHistoryContent .ComponentTabsContent,
  .iOSDevice .TransactionHistoryContent .ComponentTabsHeader {
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
    box-sizing: border-box;
  }
  .iOSDevice .PromoModal .TabsContent {
    padding-left: calc(env(safe-area-inset-left) + 2rem);
    padding-right: calc(env(safe-area-inset-right) + 2rem);
  }
  .iOSDevice .PromotionModalTitle {
    padding-left: calc(env(safe-area-inset-left) + 1rem);
    padding-right: calc(env(safe-area-inset-right) + 1rem);
  }
  .iOSDevice .ErrorContent,
  .iOSDevice .ModalLoginButtonsWrapper,
  .iOSDevice .Page-MyProfile .SectionContent {
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
  }
}
@media only screen and (min-device-width: 320px) and (max-device-height: 600px) and (-webkit-device-pixel-ratio: 2) {
  .Body.iOSCasinoWrapper .OperatorUserMenu,
  .Body.iOSDevice .OperatorUserMenu,
  .Body.iOSRebrushWrapper .OperatorUserMenu {
    line-height: 1rem;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) {
  .iOSDevice.Body {
    width: 100%;
  }
  .iOSDevice .StickyWrapper.IsSticky {
    left: 0;
    width: 100%;
  }
  .iOSDevice .TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu {
    left: 0;
  }
  .iOSDevice .OperatorMainMenu:before {
    left: 7.9em;
  }
  .iOSDevice .OperatorUserMenu {
    right: 1.3em;
  }
  .iOSDevice .OperatorEmptyBalance {
    right: 0.6rem;
  }
  .iOSDevice.Toggle-OperatorSearchToggle
    .ComponentSearchedGamesGrid.GamesListGrid {
    width: 100%;
    left: 0;
    top: 5rem;
  }
  .iOSDevice .SearchContainer {
    width: calc(100vw - 5.4em);
  }
  .iOSDevice .TransactionHistoryContent .ComponentTabsHeader {
    width: 100vw;
  }
  .iOSDevice .TransactionHistoryWrapper .InstanceShowFilter {
    right: 5em;
  }
  .iOSDevice .OperatorTransferModal .IframeWrapper {
    background: #294c0b;
  }
}
.ErrorContent {
  display: block;
  max-width: 160rem;
  padding: 5rem 1.6rem;
  margin: 0 auto;
  font-size: 1.6rem;
  line-height: 1.5em;
}
@media (min-width: 600px) {
  .ErrorContent {
    padding: 4rem 1.6rem;
  }
}
@media (min-width: 1100px) {
  .ErrorContent {
    padding: 3.6rem;
  }
}
.ErrorContent .Title {
  margin-left: 0;
  margin-right: 0;
}
.ErrorContent .Text {
  margin: 1.6rem 0;
}
@media (min-width: 1100px) {
  .ErrorContent .Text {
    margin: 2.4rem 0;
  }
}
@media (min-width: 1100px) {
  .ErrorContent .ShowOnDesktop {
    display: inline-block;
  }
}
@media print {
  *,
  :after,
  :before,
  :first-letter,
  :first-line {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  blockquote,
  pre {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  img,
  tr {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  h2,
  h3,
  p {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    margin: 0.5cm;
  }
}
.Page-Steftest {
  padding-top: 5rem;
}
.PromoButtonSecundary,
.PromoButtonsWrapper.WithOpacity .PromoButtonPrimary {
  opacity: 1;
}
.PromoButtonSecundary:active,
.PromoButtonSecundary:hover,
.PromoButtonsWrapper.WithOpacity .PromoButtonPrimary:active,
.PromoButtonsWrapper.WithOpacity .PromoButtonPrimary:hover {
  opacity: 0.8;
}
.OperatorSlider .SliderItem .PromoSliderButton {
  display: inline-block;
  height: auto;
  min-height: auto;
  min-width: 7.8rem;
  padding: 0.8rem 1.4rem;
  margin: 0;
  border: none;
  text-align: center;
  line-height: 1;
  font-size: 1.6rem;
  text-transform: uppercase;
  color: #294c0b;
}
.OperatorSlider .SliderItem .PromoSliderButton .Anchor {
  background: #f9c408;
  color: #294c0b;
  padding: 0;
}
.OperatorSlider .SliderItem .PromoSliderButton:hover {
  background: #ffe900;
}
.PromoButtonsWrapper .ButtonText {
  display: block;
  padding: 1rem 1.5rem;
  font-size: 1.8rem;
  line-height: 2rem;
  font-weight: 600;
}
.PromoButtonsWrapper a:first-child {
  background: #f9c408;
}
.PromoButtonsWrapper a:first-child:active,
.PromoButtonsWrapper a:first-child:hover {
  background: #294c0b;
  color: #fff;
  text-decoration: none;
}
.PromoButtonsWrapper a:nth-child(2) {
  background: #767b91;
}
.PromoButtonsWrapper a:nth-child(2):active,
.PromoButtonsWrapper a:nth-child(2):hover {
  background: #52586e;
  color: #fff;
  text-decoration: none;
}
.Page-403 .ErrorContent {
  padding-top: 5rem;
}
@media (min-width: 1100px) {
  .Page-403 .ErrorContent {
    padding-top: 3.6rem;
  }
}
.Page-403 .ErrorContent .ButtonLogin {
  margin: 0;
}
.MaintenanceHeader.SectionHeader {
  display: block;
  position: fixed;
  width: 100%;
  height: 4.8rem;
  top: 0;
  right: 0;
  left: 0;
  z-index: 6;
  background: #294c0b;
  color: #fff;
  font-size: 1.4rem;
  line-height: 2rem;
}
.MaintenanceHeader.SectionHeader .Menu {
  display: none;
  flex-direction: row;
  position: static;
  width: 74%;
  max-height: calc(100vh - 4.8rem);
  overflow-y: hidden;
}
@media (min-width: 1024px) {
  .MaintenanceHeader.SectionHeader .Menu {
    display: flex;
    height: 4.8rem;
    margin: 0;
  }
}
.MaintenanceHeader .OperatorLogoLink {
  display: block;
  width: 9.5rem;
  height: 3rem;
  fill: #fff;
  color: #fff;
}
.MaintenanceHeader .MenuItem {
  list-style-type: none;
  display: inline-block;
}
.MaintenanceHeader .MenuItem .Anchor {
  position: relative;
  min-width: 0;
  font-size: 1.6rem;
  color: #fff;
  fill: #fff;
  text-decoration: none;
  opacity: 0.5;
  pointer-events: auto;
}
.MaintenanceHeader .MenuItem .Anchor:active,
.MaintenanceHeader .MenuItem .Anchor:hover {
  opacity: 1;
}
.MaintenanceWrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  background: linear-gradient(0deg, #151516, #1e1e20);
  color: #fff;
}
.MaintenanceImage {
  width: 18.4rem;
  height: 15.8rem;
  margin-bottom: 4.4em;
  background: url(/static/img/dice.png) 50% no-repeat;
}
.MaintenanceTitle {
  padding: 0 1rem;
  margin-bottom: 0;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
@media (min-width: 1100px) {
  .MaintenanceTitle {
    padding: 0;
  }
}
.MaintenanceText {
  margin: 0;
  font-size: 1.2em;
  line-height: 1.4;
  text-align: center;
  color: #fff;
}
.Page-Casino .CasinoDailyCalendarSection .BoxTitle,
.Page-Casino .CasinoDailyCalendarWrapper,
.Page-Casino .CasinoJackpotWinnerSection,
.Page-Casino .GamesList.MsnRow,
.Page-Casino .HighlightedListWrapper .BoxTitle,
.Page-Casino .HighlightedListWrapper .GamesWrapper,
.Page-Casino .HighlightedListWrapper.MsnRow .OperatorTotalJackpotsTop,
.Page-Casino .LobbyPromotingOuter {
  box-sizing: border-box;
  max-width: 95rem;
}
@media (min-width: 1100px) {
  .Page-Casino .CasinoDailyCalendarSection .BoxTitle,
  .Page-Casino .CasinoDailyCalendarWrapper,
  .Page-Casino .CasinoJackpotWinnerSection,
  .Page-Casino .GamesList.MsnRow,
  .Page-Casino .HighlightedListWrapper .BoxTitle,
  .Page-Casino .HighlightedListWrapper .GamesWrapper,
  .Page-Casino .HighlightedListWrapper.MsnRow .OperatorTotalJackpotsTop,
  .Page-Casino .LobbyPromotingOuter {
    max-width: 91rem;
  }
}
@media (min-width: 1280px) {
  .Page-Casino .CasinoDailyCalendarSection .BoxTitle,
  .Page-Casino .CasinoDailyCalendarWrapper,
  .Page-Casino .CasinoJackpotWinnerSection,
  .Page-Casino .GamesList.MsnRow,
  .Page-Casino .HighlightedListWrapper .BoxTitle,
  .Page-Casino .HighlightedListWrapper .GamesWrapper,
  .Page-Casino .HighlightedListWrapper.MsnRow .OperatorTotalJackpotsTop,
  .Page-Casino .LobbyPromotingOuter {
    max-width: 121.2rem;
  }
}
@media (min-width: 1468px) {
  .Page-Casino .CasinoDailyCalendarSection .BoxTitle,
  .Page-Casino .CasinoDailyCalendarWrapper,
  .Page-Casino .CasinoJackpotWinnerSection,
  .Page-Casino .GamesList.MsnRow,
  .Page-Casino .HighlightedListWrapper .BoxTitle,
  .Page-Casino .HighlightedListWrapper .GamesWrapper,
  .Page-Casino .HighlightedListWrapper.MsnRow .OperatorTotalJackpotsTop,
  .Page-Casino .LobbyPromotingOuter {
    max-width: 145.2rem;
  }
}
@media (min-width: 1620px) {
  .Page-Casino .CasinoDailyCalendarSection .BoxTitle,
  .Page-Casino .CasinoDailyCalendarWrapper,
  .Page-Casino .CasinoJackpotWinnerSection,
  .Page-Casino .GamesList.MsnRow,
  .Page-Casino .HighlightedListWrapper .BoxTitle,
  .Page-Casino .HighlightedListWrapper .GamesWrapper,
  .Page-Casino .HighlightedListWrapper.MsnRow .OperatorTotalJackpotsTop,
  .Page-Casino .LobbyPromotingOuter {
    max-width: 160rem;
  }
}
.Page-Casino .HighlightedListWrapper.MsnRow {
  max-width: 100%;
}
@media (min-width: 1100px) {
  .Page-Casino .HighlightedListWrapper.MsnRow {
    max-width: 100%;
  }
}
@media (min-width: 1280px) {
  .Page-Casino .HighlightedListWrapper.MsnRow {
    max-width: 100%;
  }
}
@media (min-width: 1468px) {
  .Page-Casino .HighlightedListWrapper.MsnRow {
    max-width: 100%;
  }
}
.Page-Casino .MsnRow .GamesListContainer {
  display: grid;
  grid-template-columns: repeat(6, 12.4rem);
  grid-template-rows: 12.4rem;
  grid-gap: 0.8rem;
  justify-items: stretch;
  align-items: stretch;
}
@media (min-width: 768px) {
  .Page-Casino .MsnRow .GamesListContainer {
    grid-template-columns: repeat(6, 14.6rem);
    grid-template-rows: auto;
    grid-gap: 0.6rem;
    grid-row-gap: 1.2rem;
  }
}
@media (min-width: 1280px) {
  .Page-Casino .MsnRow .GamesListContainer {
    grid-template-columns: repeat(6, 19.6rem);
    grid-gap: 0.7rem;
    grid-row-gap: 1.4rem;
  }
}
@media (min-width: 1468px) {
  .Page-Casino .MsnRow .GamesListContainer {
    grid-template-columns: repeat(7, 19.6rem);
    grid-gap: 1.2rem;
    grid-row-gap: 1.8rem;
  }
}
@media (min-width: 1620px) {
  .Page-Casino .MsnRow .GamesListContainer {
    grid-template-columns: repeat(8, 19rem);
    grid-gap: 1rem;
  }
}
.Page-Casino .MsnRow.HighlightedListWrapper .GamesListContainer {
  grid-template-columns: repeat(6, 12.4rem);
  grid-template-rows: auto;
  row-gap: 3.2rem;
}
@media (min-width: 768px) {
  .Page-Casino .MsnRow.HighlightedListWrapper .GamesListContainer {
    grid-template-columns: repeat(6, 14.6rem);
    grid-gap: 0.6rem;
    row-gap: 3.2rem;
  }
}
@media (min-width: 1280px) {
  .Page-Casino .MsnRow.HighlightedListWrapper .GamesListContainer {
    grid-template-columns: repeat(6, 19.6rem);
    grid-gap: 0.7rem;
    row-gap: 3.4rem;
  }
}
@media (min-width: 1468px) {
  .Page-Casino .MsnRow.HighlightedListWrapper .GamesListContainer {
    grid-template-columns: repeat(7, 19.6rem);
    grid-gap: 1.2rem;
    row-gap: 3.8rem;
  }
}
@media (min-width: 1620px) {
  .Page-Casino .MsnRow.HighlightedListWrapper .GamesListContainer {
    grid-template-columns: repeat(8, 19rem);
    grid-gap: 1rem;
    row-gap: 3.8rem;
  }
}
.GamesListContainer .ListGame {
  position: relative;
}
.Page-Casino .MsnRow .ComponentGameThumbnail,
.Page-Casino .MsnRow .GameTileContainer,
.Page-Casino .MsnRow .ListGame,
.Page-Casino .MsnRow .ListGameImage,
.Page-Casino .MsnRow .ListGameLink {
  width: 100%;
  max-width: 100%;
  overflow: visible;
}
.Page-Casino .MsnRow .ListGame {
  width: 12.4rem;
  height: auto;
  min-height: 0;
  max-width: unset;
  position: relative;
}
@media (min-width: 768px) {
  .Page-Casino .MsnRow .ListGame {
    width: 14.6rem;
    height: auto;
  }
}
@media (min-width: 1280px) {
  .Page-Casino .MsnRow .ListGame {
    width: 19.6rem;
    height: auto;
  }
}
.Page-Casino .MsnRow .ListGameImage {
  min-height: 0;
  -o-object-fit: fill;
  object-fit: fill;
}
.ListGame .ListGameImage,
.ListGameLink .ListGameImage {
  transition: filter 0.6s linear, opacity 0.6s linear;
  filter: blur(0);
  -webkit-transform: translateZ(0);
}
.ListGame:hover .ListGameImage,
.ListGameLink:hover .ListGameImage {
  opacity: 0.8;
  filter: blur(0.3rem);
}
.iOSRebrushWrapper .ListGame:active:after,
.iOSRebrushWrapper .ListGame:active:before,
.iOSRebrushWrapper .ListGame:after,
.iOSRebrushWrapper .ListGame:before,
.iOSRebrushWrapper .ListGame:hover:after,
.iOSRebrushWrapper .ListGame:hover:before,
.iOSRebrushWrapper .ListGameLink:active:after,
.iOSRebrushWrapper .ListGameLink:active:before,
.iOSRebrushWrapper .ListGameLink:after,
.iOSRebrushWrapper .ListGameLink:before,
.iOSRebrushWrapper .ListGameLink:hover:after,
.iOSRebrushWrapper .ListGameLink:hover:before {
  display: none;
}
.iOSRebrushWrapper .ListGame:hover,
.iOSRebrushWrapper .ListGameLink:hover {
  all: unset;
}
.iOSCasinoWrapper .ListGame:active:after,
.iOSCasinoWrapper .ListGame:active:before,
.iOSCasinoWrapper .ListGame:after,
.iOSCasinoWrapper .ListGame:before,
.iOSCasinoWrapper .ListGame:hover:after,
.iOSCasinoWrapper .ListGame:hover:before,
.iOSCasinoWrapper .ListGameLink:active:after,
.iOSCasinoWrapper .ListGameLink:active:before,
.iOSCasinoWrapper .ListGameLink:after,
.iOSCasinoWrapper .ListGameLink:before,
.iOSCasinoWrapper .ListGameLink:hover:after,
.iOSCasinoWrapper .ListGameLink:hover:before {
  display: none;
}
.iOSCasinoWrapper .ListGame:hover,
.iOSCasinoWrapper .ListGameLink:hover {
  all: unset;
}
.androidCasinoWrapper .OperatorFooterLinks .ListItem:last-child,
.androidNative .OperatorFooterLinks .ListItem:last-child,
.iOSCasinoWrapper .OperatorFooterLinks .ListItem:last-child,
.iOSRebrushWrapper .OperatorFooterLinks .ListItem:last-child {
  display: none;
}
@media (min-width: 560px) and (orientation: landscape) {
  .androidCasinoWrapper .OperatorSticky .GamesSwipeable,
  .androidDevice .OperatorSticky .GamesSwipeable,
  .androidNative .OperatorSticky .GamesSwipeable,
  .iOSCasinoWrapper .OperatorSticky .GamesSwipeable,
  .iOSDevice .OperatorSticky .GamesSwipeable,
  .iOSRebrushWrapper .OperatorSticky .GamesSwipeable {
    border-bottom: 5rem solid transparent;
  }
}
.GameCategoriesWrapper {
  background-color: #1e1e20;
}
.GameCategorySpinnerWrapper {
  height: 5rem;
  margin: 2rem auto;
}
.PageLoadingSpinner {
  position: relative;
}
.PageLoadingSpinner .Spinner {
  top: 2.5rem;
}
.PageLoadingSpinner .SkFadingCircle {
  width: 3rem;
  height: 3rem;
}
.GameRightWrapper {
  height: calc(100vh - 16rem);
}
.GameRightWrapper .GmowContainer .GmowGameRow .GmowGameColumn {
  display: flex;
  height: calc(100% - 3.2rem);
  padding: 1.6rem;
}
.GameRightWrapper .GmowContainer .GmowGameRow.SingleGames .GmowGameColumn {
  width: 100%;
}
.GameRightWrapper .GmowContainer .GmowGameRow.SingleGames .ErrorMessageWrapper {
  min-height: 55vh;
}
.GameRightWrapper .GmowContainer .GmowGameRow.MultipleGames {
  height: calc(100vh - 28.2rem);
}
.GameRightWrapper .GmowContainer .GmowGameRow.MultipleGames .GmowGameColumn {
  width: calc(50% - 2.4rem);
}
.GameRightWrapper
  .GmowContainer
  .GmowGameRow.MultipleGames
  .GmowGameColumn:nth-child(odd) {
  padding-right: 1.6rem;
}
.GameRightWrapper
  .GmowContainer
  .GmowGameRow.MultipleGames
  .GmowGameColumn:nth-child(2n) {
  padding-left: 0;
}
.GameRightWrapper
  .GmowContainer
  .GmowGameRow.MultipleGames
  .GmowGameColumn:nth-child(n + 3) {
  padding-top: 0;
}
.GameRightWrapper
  .GmowContainer
  .GmowGameRow.MultipleGames.QuadGames
  .GmowGameColumn {
  height: calc(50% - 3.2rem);
}
@media (min-width: 1100px) {
  .GameRightWrapper .GmowContainer {
    max-width: calc(100% - 3.2rem);
  }
}
.GameRightWrapper.NoGameLeftWrapper,
.NotificationActive .GameRightWrapper.NoGameLeftWrapper {
  height: 100vh;
}
.GameRightWrapper.NoGameLeftWrapper .GmowContainer .GmowGameRow.MultipleGames,
.NotificationActive
  .GameRightWrapper.NoGameLeftWrapper
  .GmowContainer
  .GmowGameRow.MultipleGames {
  height: calc(100vh - 12rem);
}
.GameRightWrapper.NoGameLeftWrapper .GmowDetails,
.NotificationActive .GameRightWrapper.NoGameLeftWrapper .GmowDetails {
  top: -1rem;
}
.GameLeftWrapper {
  position: fixed;
  bottom: 0;
  top: auto;
  padding-top: 1rem;
  width: 100%;
  height: 15rem;
}
.frankiesHeart {
  color: #f9c408;
  font-size: 1.8rem;
}
.SportsIframeWrapper .DropDownBackground {
  display: none;
}
.SportsIframeWrapper {
  position: relative;
}
.SportsIframeWrapper .PageLoadingSpinner + iframe:not([src=""]) {
  z-index: 2;
  position: relative;
}
.SportsOverlay .SportsIframeWrapper .DropDownBackground {
  display: block;
  z-index: 11;
}
.SportsOverlay .SportsIframeWrapper .SportsIframe {
  position: fixed;
  z-index: 12;
}
.SportsOverlay .BetslipWrapper {
  z-index: 13;
}
.Page-Sports.BetSlipActive .BetslipWrapper,
.Page-Sports.BetSlipActive .SectionHeader {
  display: block;
}
.Page-Sports .SportsIframe {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.Page-Sports .SportsIframe.NoInteraction {
  pointer-events: none;
}
@media (max-width: 1099px) {
  .iOSDevice.OverflowHidden.InputFocused .ModalWindow {
    justify-content: flex-start;
  }
  .iOSDevice.OverflowHidden.InputFocused .ModalWindow .ModalContent {
    overflow-y: auto;
  }
}
.OverflowHidden #chat-widget-container {
  z-index: 0 !important;
}
.OperatorMainMenu .MenuItem {
  position: relative;
  top: 0.2rem;
}
.MenuItem .SubMenu {
  display: none;
}
@media (min-width: 1100px) {
  .MenuItem .SubMenu {
    position: absolute;
    left: 0;
    top: 4.6rem;
    width: 100%;
    min-width: 10rem;
    background: #294c0b;
  }
}
.MenuItem .SubMenu .Anchor.IsActive,
.MenuItem .SubMenu .Anchor:hover {
  border-bottom: none;
}
.MenuItem .SubMenu .AnchorText {
  width: 100%;
}
.TriggerMainNav.IsActive .SubMenuItem.ListItem:last-child {
  border-bottom: none;
}
.TriggerMainNav.IsActive .CrossSellMenu .Menu .SubMenuItem.ListItem:after {
  content: none;
}
.SubMenuItem .Anchor {
  overflow: visible;
  white-space: unset;
  text-overflow: unset;
  border-bottom: none;
}
@media (max-width: 1100px) {
  .SubMenuLink.Anchor {
    padding: 0;
  }
}
.SubMenuLink.Anchor.IsActive:after,
.SubMenuLink.Anchor:hover:after {
  border-color: #f9c408;
}
@media (min-width: 1100px) {
  .SubMenuLink:after {
    content: "";
    position: absolute;
    display: block;
    right: -0.15rem;
    top: 1.5rem;
    border: solid #fff;
    border-width: 0 0.2rem 0.2rem 0;
    padding: 0.3rem;
    transform: rotate(45deg);
  }
}
.MenuItem .IsVisible {
  display: block;
}
.MenuItem button {
  border: none;
  font-weight: unset;
}
.NotificationArea {
  display: flex;
  position: fixed;
  top: 0;
  height: 5.4rem;
  width: 100%;
  border-bottom: 0.6rem solid transparent;
  color: #fff;
  z-index: 11;
  box-sizing: content-box;
  background-color: #fd1d1d;
}
.NotificationArea .Notification {
  all: unset;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 1.6rem;
  line-height: 0;
  padding-left: 4.6rem;
  color: #fff;
  background: rgba(33, 33, 33, 0.2);
  overflow: hidden;
  white-space: nowrap;
  z-index: 2;
}
.NotificationArea .Notification span {
  padding-left: 100%;
  animation: marquee 30s linear infinite;
}
.NotificationArea .Notification:hover span {
  animation-play-state: paused;
  cursor: default;
}
.NotificationArea .Notification:before {
  position: relative;
  top: 0;
  left: -4.7rem;
  height: 5.4rem;
  width: 4.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 1.3rem;
  line-height: 0;
  background-color: #212121;
  cursor: default;
  z-index: 3;
}
.NotificationArea .Button {
  all: unset;
  padding: 0 1rem;
  color: #fff;
  line-height: 0;
  background: rgba(33, 33, 33, 0.7);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  cursor: pointer;
}
.NotificationArea .Button svg {
  fill: #fff;
}
@keyframes marquee {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(-100%);
  }
}
.Page-CasinoGame.NotificationActive .AppContainer {
  top: 0;
}
.NotificationActive .AppContainer {
  position: relative;
  top: 6rem;
}
.NotificationActive .SectionHeader {
  top: 6rem;
}
.NotificationActive .StickyWrapper.IsSticky {
  top: 11.4rem;
}
@media (min-width: 1100px) {
  .NotificationActive .StickyWrapper.IsSticky {
    top: 17rem;
  }
}
.NotificationActive .StickyWrapper.IsSticky .InstanceNoSearchedGamesFound {
  margin-top: 0 !important;
}
.NotificationActive .NotificationList,
.NotificationActive .TransactionHistoryContent .ComponentTabsHeader {
  top: 11.4rem;
}
@media (min-width: 1100px) {
  .NotificationActive .NotificationList,
  .NotificationActive .TransactionHistoryContent .ComponentTabsHeader {
    top: 17rem;
  }
}
.NotificationActive.Toggle-OperatorSearchToggle .InstanceNoSearchedGamesFound {
  margin-top: -4.8rem !important;
}
.NotificationActive.Toggle-OperatorSearchToggle .ComponentSearchedGamesGrid,
.NotificationActive.Toggle-OperatorSearchToggle .InstanceNoSearchedGamesFound {
  height: calc(100vh - 6rem) !important;
}
.NotificationActive.Toggle-OperatorSearchToggle
  .ComponentSearchedGamesGrid.GamesListGrid {
  top: 11.4rem !important;
}
.NotificationActive .GameRightWrapper {
  height: calc(100vh - 9rem);
}
@media (min-width: 1100px) {
  .NotificationActive .GameRightWrapper.NoGameLeftWrapper .GmowContainer {
    margin-top: 9rem;
  }
}
@media (max-width: 1100px) {
  .NotificationActive.Toggle-OperatorSearchToggle
    .BottomMobileMenu
    .SearchTrigger.IsActive,
  .NotificationActive.Toggle-OperatorSearchToggle .SearchTrigger.IsActive {
    top: 6rem !important;
  }
}
.IsInFullScreen .GameRightWrapper {
  height: 100%;
}
@media (min-width: 1100px) {
  .NotificationActive.IsInFullScreen
    .GameRightWrapper.NoGameLeftWrapper
    .GmowContainer {
    margin-top: 0;
  }
}
.TermsAndConditionsText {
  font-size: 1.4rem;
  word-break: break-word;
}
.Page-InGameDeposit .HostedCashierDepositIframeContainer .Spinner {
  top: 50vh;
  left: 50vw;
}
.Page-InGameDeposit
  .HostedCashierDepositIframeContainer
  .Spinner
  .SkFadingCircle {
  width: 8rem;
  height: 8rem;
}
@media (min-width: 1100px) {
  .ProviderFilters .ProvidersList {
    width: 100%;
  }
  .ProviderFilters ul {
    display: grid;
    grid-template-columns: auto auto auto;
  }
}
input:-webkit-autofill.BurgerSearchInput,
input:-webkit-autofill.GameSearch {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff;
}
.OperatorMainMenu .MainNavScrollBtn {
  margin: 0;
  padding: 0;
  width: 2.5rem;
  border: none;
}
.OperatorMainMenu .MainNavScrollBtn.LeftNavScrollBtn svg {
  transform: rotate(-180deg);
}
.OperatorMainMenu .MainNavScrollBtn:disabled svg {
  fill: #fbd653;
}
.OperatorMainMenu .MainNavScrollBtn .ComponentIcon.Icon {
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
  padding: 0;
  margin: 0;
}
.OperatorMainMenu .MainNavScrollBtn .ComponentIcon.Icon .SvgIcon {
  display: initial;
}
.OperatorMainMenu .MainNavScrollBtn svg {
  fill: #f9c408;
  margin-top: -0.3rem;
}
.Skeleton {
  background-color: rgba(0, 0, 0, 0.11);
  height: auto;
  min-height: 0.1rem;
  transform: scaleY(0.6);
  animation: loader 1.5s ease-in-out 0.5s infinite;
}
.Skeleton:before {
  content: "\A0";
}
.Skeleton.SkeletonRounded {
  border-radius: 0.3rem;
}
.Skeleton.SkeletonCircular {
  border-radius: 50%;
}
@keyframes loader {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
.ReCaptchaContainer iframe {
  margin-bottom: -7.8rem;
}
.ComponentGameButtons .LoginCallout {
  width: 48%;
}
.ComponentGameButtons .LoginCallout .ButtonLogin {
  width: 100%;
}
.Page-CasinoGame .LoginCallout.ContentTriggerWrapper {
  flex-basis: 49%;
  margin-right: 0;
}
.Page-CasinoGame .LoginCallout.ContentTriggerWrapper .Button.ButtonLogin {
  height: 100%;
  width: 100%;
}
@media (min-width: 1100px) {
  .OperatorResetPassword .ModalContent {
    max-width: 36.4rem;
  }
}
.ForgotPassModal {
  height: 100%;
}
@media (min-width: 1100px) {
  .ForgotPassModal {
    max-width: 36.4rem;
    height: auto;
  }
}
.ModalHero {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 1.6rem;
  position: relative;
  color: #fff;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  width: 100%;
  height: 15rem;
  background-image: linear-gradient(90deg, #294c0b 0, #203d08);
}
.ModalHero .Title {
  margin-bottom: 1rem;
  margin-top: 0;
  font-size: 2.2rem;
  color: #fff;
}
.ModalHero .SubTitle {
  font-size: 1.4rem;
  line-height: 1.43;
  font-weight: 400;
  color: #cacaca;
}
@media (orientation: landscape) {
  .ModalHero {
    height: 9rem;
  }
}
.ForgotPassModal .Form {
  max-width: 160rem;
  padding: 4rem 2.6rem;
  margin: 0 auto;
  font-size: 1.4rem;
  line-height: 2rem;
}
.ForgotPassModal .Form .LabelWrap {
  margin-bottom: 1rem;
}
.ForgotPassModal .Form .InputWrap {
  margin-bottom: 1.6rem;
}
.ForgotPassModal .Form .InputWrap input {
  width: 100%;
}
.ForgotPassModal .Form .ForgotPasswordButton {
  display: block;
  position: relative;
  width: 100%;
  padding: 0.9rem 0.8rem 1.1rem;
  margin: 1.6rem 0 2.8rem;
  font-weight: 400;
}
.ForgotPassModalSuccess {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.6rem;
  line-height: 1.2;
  padding: 7.6rem 1.6rem;
  text-align: center;
  box-sizing: border-box;
}
@media (min-width: 1100px) {
  .ForgotPassModalSuccess {
    position: static;
    top: auto;
    transform: none;
  }
}
.ResetPasswordPageWrapper {
  padding: 4.8rem 2.6rem 0;
  max-width: 160rem;
  margin: 0 auto;
  font-size: 1.4rem;
  line-height: 2rem;
}
.ResetPasswordPageWrapper .ResetPasswordPageDescription,
.ResetPasswordPageWrapper .ResetPasswordPageSuccess,
.ResetPasswordPageWrapper .ResetPasswordPageTitle {
  max-width: 60rem;
  margin: 1.7rem auto 1.2rem;
}
.ResetPasswordPageWrapper .Form {
  max-width: 60rem;
  margin: 0 auto;
}
.ResetPasswordPageWrapper .LabelWrap {
  margin-bottom: 1rem;
}
.ResetPasswordPageWrapper .InputWrap {
  margin-bottom: 1.6rem;
}
.ResetPasswordPageWrapper .InputWrap input {
  width: 100%;
}
.ResetPasswordPageWrapper .ResetPasswordButton {
  display: block;
  position: relative;
  width: 100%;
  padding: 0.9rem 0.8rem 1.1rem;
  margin: 1.6rem 0 1.8rem;
  font-weight: 400;
}
.ResetPasswordPageWrapper .Message.Error {
  max-width: 60rem;
  margin: 0 auto;
}
.RegisterFormWrapper {
  max-width: 100%;
  padding-bottom: 2rem;
  position: relative;
  background: #fff;
  box-sizing: border-box;
}
@media (min-width: 1100px) {
  .RegisterFormWrapper {
    display: flex;
    flex-flow: row-reverse wrap;
    padding-bottom: 0;
    max-width: 80%;
    min-height: 60rem;
    margin: 5rem auto;
    box-shadow: 0 3px 14px 0 rgba(33, 33, 33, 0.05);
  }
}
.RegisterFormBanner,
.RegisterFormContent {
  padding: 0 2.4rem;
  box-sizing: border-box;
}
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  .RegisterFormBanner,
  .RegisterFormContent {
    padding: 0 4rem;
  }
}
.RegisterFormSuccess .RegisterFormBanner {
  display: none;
}
@media (min-width: 1100px) {
  .RegisterFormSuccess .RegisterFormBanner {
    display: block;
  }
}
.RegisterFormBanner {
  max-width: 100%;
  padding: 2rem 3rem 4rem;
  position: relative;
}
@media (min-width: 1100px) {
  .RegisterFormBanner {
    max-width: 30%;
    width: 100%;
    padding: 7rem 3rem 2rem;
    box-shadow: -12px 0 20px -10px rgba(33, 33, 33, 0.3);
    margin-top: 0;
  }
}
.RegisterFormImage {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.RegisterFormImage,
.RegisterFormImage .Figure {
  width: 100%;
  height: 100%;
}
.RegisterFormImage .Figure .Picture .PictureImg {
  -o-object-fit: cover;
  object-fit: cover;
}
.RegisterFormContent {
  max-width: 100%;
  display: block;
  justify-content: center;
  padding: 0 2.4rem;
}
@media (min-width: 1100px) {
  .RegisterFormContent {
    max-width: 70%;
    width: 100%;
    padding: 7rem 0 2rem;
  }
  .RegisterFormContent .RegisterFormStepsWrapper {
    width: 40rem;
    margin: 0 auto;
  }
}
.RegisterFormBannerText,
.RegisterFormBannerTitle {
  position: relative;
}
@media (min-width: 1100px) {
  .RegisterFormBannerText,
  .RegisterFormBannerTitle {
    max-width: 100%;
    text-shadow: -1px 3px 0 rgba(0, 0, 0, 0.23);
  }
}
.RegisterFormBannerTitle {
  margin-bottom: 1rem;
  color: #fff;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1;
  overflow-wrap: break-word;
}
@media (min-width: 1100px) {
  .RegisterFormBannerTitle {
    margin-bottom: 1.4rem;
    font-size: 2.2rem;
    font-weight: 400;
  }
}
.RegisterFormBannerText {
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.4;
  overflow-wrap: break-word;
}
@media (min-width: 1100px) {
  .RegisterFormBannerText {
    font-size: 3.8rem;
    line-height: 1.25;
    font-weight: 900;
    text-transform: uppercase;
  }
}
.RegisterFormNavigation {
  margin-top: -1.5rem;
  text-align: right;
}
@media (min-width: 1100px) {
  .RegisterFormNavigation {
    margin: -4.5rem auto 0;
    width: 40rem;
  }
}
.RegisterFormNavigationButton {
  margin-right: 2.4rem;
  padding: 0.2rem 0.8rem;
  position: relative;
  color: #b3b3b3;
  background: #fff;
  font-size: 1.5rem;
  font-weight: 400;
  border: 0.2rem solid #b3b3b3;
}
.RegisterFormNavigationButton.Active,
.RegisterFormNavigationButton.Active:hover {
  background: #203d08;
  border-color: #203d08;
  color: #fff;
}
.RegisterFormNavigationButton:last-child {
  margin-right: 0;
}
.RegisterFormNavigationButton:hover {
  border: 0.2rem solid #fff;
  background: #b3b3b3;
  color: #fff;
}
@media (min-width: 1100px) {
  .RegisterFormNavigationButton:before {
    content: "";
    width: 2.6rem;
    height: 0.2rem;
    position: absolute;
    right: -2.8rem;
    top: 50%;
    transform: translateY(-50%);
    background: #b3b3b3;
  }
  .RegisterFormNavigationButton.Active:before {
    background: #203d08;
    border-color: #203d08;
    color: #fff;
  }
  .RegisterFormNavigationButton:last-child:before {
    content: none;
  }
  .RegisterFormNavigationButton:hover {
    background: #203d08;
    border-color: #203d08;
    color: #fff;
  }
}
.RegisterFormFrameTitle {
  margin: 2rem 0 1.3rem;
  color: #203d08;
  font-size: 1.8rem;
  font-weight: 600;
  text-transform: capitalize;
}
.RegisterFormStepWrapper .RegisterFormName {
  width: 47%;
}
.RegisterFormStepWrapper .Form,
.RegisterFormStepWrapper .FormRowGroup {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: baseline;
}
.RegisterFormStepWrapper .InputContainer {
  padding: 0;
  margin: 0 0 2rem;
}
.RegisterFormStepWrapper .InputContainer:last-child {
  margin-bottom: 0;
}
.RegisterFormStepWrapper .FormRowGroup {
  margin: 0 0 2rem;
}
.RegisterFormStepWrapper .FormRowGroup .InputContainer {
  margin-bottom: 0;
}
.RegisterFormStepWrapper .HolderInputContainer {
  width: 100%;
  margin-top: 2rem;
  margin-right: 0;
}
.RegisterFormStepWrapper .GenderSelect {
  display: inline-block;
  width: 50%;
  box-shadow: none;
  outline: none;
  outline-width: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.RegisterFormStepWrapper .GenderSelect .Radio {
  display: none;
}
.RegisterFormStepWrapper .GenderSelect .Radio + span {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.RegisterFormStepWrapper .GenderSelect .Radio + span:before {
  content: "";
  margin: -0.6rem 1rem 0 0;
  display: inline-block;
  vertical-align: text-top;
  width: 3.4rem;
  height: 3.4rem;
  opacity: 0.3;
}
.RegisterFormStepWrapper .GenderSelect .Radio:checked + span:before {
  opacity: 1;
}
.RegisterFormStepWrapper .GenderSelect .Radio.GenderMale + span:before {
  background: transparent url(/static/img/male.svg) 50% no-repeat;
}
.RegisterFormStepWrapper .GenderSelect .Radio.GenderFemale + span:before {
  background: transparent url(/static/img/female.svg) 50% no-repeat;
}
.RegisterFormStepWrapper .LabelText {
  color: #212121;
  font-size: 1.4rem;
}
.RegisterFormStepWrapper input {
  width: 100%;
  border: 1px solid #cacaca;
}
.RegisterFormStepWrapper .CustomSelect__control {
  min-height: 4.2rem;
}
.RegisterFormStepWrapper .CustomSelect__single-value {
  line-height: 1.2;
}
.RegisterFormStepWrapper input[type="password"] {
  padding-right: 4rem;
}
.RegisterFormStepWrapper .RegisterMobilePrefix {
  position: relative;
  width: 40%;
  margin-top: 3rem;
}
@media (min-width: 375px) {
  .RegisterFormStepWrapper .RegisterMobilePrefix {
    width: 33%;
  }
}
@media (min-width: 760px) {
  .RegisterFormStepWrapper .RegisterMobilePrefix {
    width: 20%;
  }
}
@media (min-width: 1100px) {
  .RegisterFormStepWrapper .RegisterMobilePrefix {
    width: 36%;
  }
}
.RegisterFormStepWrapper .RegisterMobilePrefix .LabelWrap {
  position: absolute;
  top: -2.8rem;
  min-width: 26rem;
}
.RegisterFormStepWrapper .RegisterMobilePrefix .CustomSelect__menu {
  min-width: 22rem;
  line-height: 1.2;
}
.RegisterFormStepWrapper .RegisterMobileNumber {
  width: 57%;
}
@media (min-width: 375px) {
  .RegisterFormStepWrapper .RegisterMobileNumber {
    width: 64%;
  }
}
@media (min-width: 760px) {
  .RegisterFormStepWrapper .RegisterMobileNumber {
    width: 78%;
  }
}
@media (min-width: 1100px) {
  .RegisterFormStepWrapper .RegisterMobileNumber {
    width: 60%;
  }
}
.RegisterFormStepWrapper .RegisterNewsEmail {
  display: flex;
  flex-flow: row;
  margin-bottom: 3rem;
}
.RegisterFormStepWrapper .RegisterNewsEmail input[type="checkbox"] {
  display: none;
}
.RegisterFormStepWrapper .RegisterNewsEmail .LabelWrap {
  position: relative;
  order: 1;
  padding-left: 1.2rem;
  width: 100%;
  font-size: 1.3rem;
  color: #212121;
  line-height: 1.2;
}
.RegisterFormStepWrapper .RegisterNewsEmail .InputWrap {
  position: relative;
  width: 3rem;
}
.RegisterFormStepWrapper .RegisterNewsEmail .customCheckbox {
  position: relative;
}
.RegisterFormStepWrapper .RegisterNewsEmail .customCheckbox:before {
  content: "";
  padding: 1.1rem;
  position: absolute;
  left: 0;
  background: #fff;
  border: 0.1rem solid #b3b3b3;
  border-radius: 0.2rem;
}
.RegisterFormStepWrapper .RegisterNewsEmail .customCheckbox:after {
  content: "";
  opacity: 0;
  width: 0.4rem;
  height: 0.9rem;
  position: absolute;
  top: 1rem;
  left: 1.2rem;
  transform: translateY(-50%) translateX(-50%) rotate(35deg);
  border: solid #f9c408;
  border-width: 0 0.2rem 0.2rem 0;
}
.RegisterFormStepWrapper
  .RegisterNewsEmail
  input[type="checkbox"]:checked
  + .customCheckbox:after {
  opacity: 1;
}
.RegisterFormSuccess,
.RegisterLoginError {
  padding: 10rem 0;
  text-align: center;
  line-height: 1.2;
}
@media (min-width: 1100px) {
  .RegisterFormSuccess,
  .RegisterLoginError {
    padding: 0;
    margin-top: 16rem;
  }
}
.RegisterFormSuccess .RegisterLoginErrorTitle,
.RegisterFormSuccess .RegisterSuccessMessage,
.RegisterFormSuccess .RegisterSuccessTitle,
.RegisterLoginError .RegisterLoginErrorTitle,
.RegisterLoginError .RegisterSuccessMessage,
.RegisterLoginError .RegisterSuccessTitle {
  color: #212121;
  overflow-wrap: break-word;
}
.RegisterFormSuccess .RegisterLoginErrorTitle,
.RegisterFormSuccess .RegisterSuccessTitle,
.RegisterLoginError .RegisterLoginErrorTitle,
.RegisterLoginError .RegisterSuccessTitle {
  position: relative;
  margin-bottom: 1.8rem;
  font-size: 2.8rem;
  font-weight: 600;
}
@media (min-width: 1100px) {
  .RegisterFormSuccess .RegisterLoginErrorTitle,
  .RegisterFormSuccess .RegisterSuccessTitle,
  .RegisterLoginError .RegisterLoginErrorTitle,
  .RegisterLoginError .RegisterSuccessTitle {
    margin-bottom: 0.8rem;
  }
}
.RegisterFormSuccess .RegisterSuccessTitle:before,
.RegisterLoginError .RegisterSuccessTitle:before {
  content: "";
  position: absolute;
  top: -9rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 2rem;
  width: 2.6rem;
  height: 2.6rem;
  background: #f9c408;
  border-radius: 50%;
}
.RegisterFormSuccess .RegisterSuccessTitle:after,
.RegisterLoginError .RegisterSuccessTitle:after {
  content: "";
  position: absolute;
  top: -6rem;
  left: 50%;
  right: 0;
  width: 1.2rem;
  height: 2.3rem;
  transform: translateY(-50%) translateX(-50%) rotate(33deg);
  border: solid #fff;
  border-width: 0 0.4rem 0.4rem 0;
}
.RegisterFormSuccess .RegisterSuccessMessage,
.RegisterLoginError .RegisterSuccessMessage {
  display: block;
  margin-bottom: 5rem;
  font-size: 1.6rem;
}
.RegisterFormSuccess .RegisterSuccessMessage:last-child,
.RegisterLoginError .RegisterSuccessMessage:last-child {
  margin-bottom: 0;
}
.RegisterFormSubmitButton {
  width: 100%;
  margin-top: 0.6rem;
  margin-bottom: 3rem;
  padding: 1.5rem;
  border: none;
  background: #f9c408;
  color: #294c0b;
  font-size: 1.7rem;
  text-align: center;
  border-radius: 0.4rem;
}
.RegisterFormSubmitButton.AnimatedButton {
  padding: 0 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 5rem;
  transition: transform 0.1s linear;
  will-change: transform;
  transform-style: preserve-3d;
  transition: transform 0.4s ease;
  box-shadow: 0 0.4rem 0.8rem rgba(0, 9, 61, 0.25);
}
.RegisterFormSubmitButton.AnimatedButton:hover {
  transform: perspective(40rem) rotateX(15deg) translateZ(0);
}
.Bounce {
  animation: bounce 2.5s cubic-bezier(0.28, 0.84, 0.42, 1);
  animation-iteration-count: infinite;
}
@keyframes bounce {
  0% {
    transform: scale(1) translateY(0);
  }
  10% {
    transform: scale(1.1, 0.9) translateY(0);
  }
  30% {
    transform: scale(0.9, 1.1) translateY(-0.5rem);
  }
  50% {
    transform: scale(1.05, 0.95) translateY(0);
  }
  57% {
    transform: scale(1) translateY(-0.2rem);
  }
  64% {
    transform: scale(1) translateY(0);
  }
  to {
    transform: scale(1) translateY(0);
  }
}
.ConfettiCone {
  width: 5rem;
  display: inline-block;
  height: 5rem;
  transform: rotate(8deg);
  margin-left: -3rem;
  margin-right: 2rem;
}
.ConfettiCone svg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0.3rem 0.3rem 0.2rem rgba(33, 33, 33, 0.3));
}
.ConfettiCone .cone-body {
  fill: #103fc5;
}
.ConfettiCone .cone-part {
  fill: rgba(16, 63, 197, 0.55);
}
.ConfettiCone .cone-inner {
  fill: rgba(16, 63, 197, 0.15);
}
.ConfettiCanvasContainer {
  height: 100vh;
  pointer-events: none;
  position: fixed;
  width: 100%;
  z-index: 999;
  top: 0;
  left: 0;
}
.CurrencyInput {
  position: relative;
}
.CurrencyInput > span {
  position: absolute;
  display: block;
  transform: translateY(-50%);
  top: 50%;
  pointer-events: none;
  width: 25px;
  text-align: center;
  font-style: normal;
}
.CurrencyInput > input {
  padding-left: 25px;
  padding-right: 0;
}
.CurrencyInputRight > span {
  right: 0;
}
.CurrencyInputRight > input {
  padding-left: 0;
  padding-right: 25px;
}
.PasswordToggleIcon {
  width: 25px;
  height: 25px;
}
.OpenEye {
  background: transparent url(/static/img/eye-open.svg) 50% no-repeat;
}
.ClosedEye {
  background: transparent url(/static/img/eye-hidden.svg) 50% no-repeat;
}
.Page-RegisterActivation .AccountActivationPageWrapper {
  display: block;
  max-width: 136rem;
  padding: 8rem 3.6rem 4rem;
  margin: 0 auto;
  font-size: 1.6rem;
  line-height: 1.5em;
}
.Page-RegisterActivation .AccountActivationPageTitle {
  margin: 2rem 0 0;
  font-size: 4rem;
  font-weight: 700;
}
.Page-RegisterActivation .AccountActivationPageBody {
  margin-top: 4rem;
  font-size: 1.6rem;
}
.LoginCallout.IsActive {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  padding: 0;
  z-index: 10;
  background: #fff;
  overflow-y: auto;
}
@media (min-width: 1100px) {
  .LoginCallout.IsActive {
    position: static;
    width: auto;
    height: auto;
    background: transparent;
    overflow-y: initial;
  }
}
.LoginCallout.IsActive .CloseLoginButton {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1.2rem 1.5rem;
  color: #fff;
  z-index: 11;
  border: none;
}
@media (min-width: 1100px) {
  .LoginCallout.IsActive .CloseLoginButton {
    display: none;
  }
}
.LoginCallout.IsActive .CloseLoginButton svg {
  fill: #fff;
}
.LoginCallout.IsActive .LoginFormForgot {
  margin-bottom: calc(3rem + env(safe-area-inset-bottom));
}
@media (min-width: 1100px) {
  .LoginCallout.IsActive .LoginFormForgot {
    margin-bottom: 0;
  }
}
.LoginCallout.IsActive .DropDownBackground {
  background-color: transparent;
}
@media (min-width: 1100px) {
  .LoginModal .ModalContent {
    max-width: 36.4rem;
  }
}
.LoginFormWrapper {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  padding: 0;
  z-index: 10;
  background: rgba(33, 33, 33, 0.4);
  color: #212121;
  fill: #252a31;
  font-size: 1.4rem;
  line-height: 2rem;
  box-sizing: border-box;
  overflow-y: scroll;
  -webkit-backdrop-filter: blur(0.4rem);
  backdrop-filter: blur(0.4rem);
}
@media (min-width: 1100px) {
  .LoginFormWrapper {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: #fff;
    overflow: visible;
    position: relative;
    left: auto;
    box-shadow: 0 0.6rem 0.8rem 0 rgba(90, 90, 90, 0.45);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}
.LoginFormWrapper .LoginFormMobileHeader {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem 1.6rem;
  position: relative;
  color: #fff;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  width: 100%;
  background-image: transparent;
}
@media (min-width: 1100px) {
  .LoginFormWrapper .LoginFormMobileHeader {
    padding: 1rem;
    height: 13rem;
    background-image: linear-gradient(90deg, #294c0b 0, #203d08);
  }
}
@media (orientation: landscape) {
  .LoginFormWrapper .LoginFormMobileHeader {
    height: 9rem;
  }
}
.LoginFormWrapper .LoginFormMobileHeader h2 {
  margin-bottom: 1rem;
  font-size: 2.2rem;
}
.LoginFormWrapper .LoginFormMobileHeader span {
  font-size: 1.4rem;
  line-height: 1.43;
  font-weight: 400;
  color: #cacaca;
}
.LoginFormWrapper .LoginFormMobileHeader .Anchor span {
  color: #f9c408;
}
.LoginFormWrapper .LoginFormNoAccount {
  display: none;
}
@media (min-width: 1100px) {
  .LoginFormWrapper .LoginFormNoAccount {
    display: block;
  }
}
.LoginFormWrapper .Form {
  display: flex;
  flex-flow: column nowrap;
  margin: 0 auto;
  padding: 2rem 2.6rem;
}
@media (min-width: 500px) {
  .LoginFormWrapper .Form {
    max-width: 40rem;
  }
}
@media (min-width: 1100px) {
  .LoginFormWrapper .Form {
    padding: 4rem 2.6rem;
  }
}
.LoginFormWrapper .FormLabel:nth-child(2) .InputWrap {
  margin: 0;
}
@media (min-width: 1100px) {
  .LoginFormWrapper .FormLabel:nth-child(2) .InputWrap {
    margin-bottom: 1.6rem;
  }
}
.LoginFormWrapper .LabelWrap {
  margin-bottom: 1rem;
}
.LoginFormWrapper .LabelText {
  color: #cacaca;
}
@media (min-width: 1100px) {
  .LoginFormWrapper .LabelText {
    color: inherit;
  }
}
.LoginFormWrapper .InputWrap {
  margin-bottom: 1.6rem;
}
.LoginFormWrapper .InputWrap input {
  width: 100%;
  font-size: 1.4rem;
  padding: 1rem;
  text-overflow: ellipsis;
}
.LoginFormWrapper .FormLabelTerms {
  display: flex;
  flex-flow: row wrap;
  align-items: baseline;
}
.LoginFormWrapper .FormLabelTerms .LabelWrap {
  display: flex;
  width: 90%;
}
.LoginFormWrapper .FormLabelTerms .Req {
  order: -1;
}
.LoginFormWrapper .FormLabelTerms .InputWrap {
  width: auto;
  margin-right: 3%;
  margin-bottom: 0;
  top: 0.2rem;
  order: -1;
}
.LoginFormWrapper .FormLabelTerms .InputWrap input {
  width: 1.5rem;
  margin: 0;
}
.LoginFormWrapper .LoginSignupButton,
.LoginFormWrapper .LoginSubmitButton {
  display: block;
  position: relative;
  width: 200px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.9rem 0.8rem 1.1rem;
  margin: 1.6rem 0 1.8rem;
  order: 1;
  font-weight: 400;
}
@media (min-width: 1100px) {
  .LoginFormWrapper .LoginSignupButton,
  .LoginFormWrapper .LoginSubmitButton {
    order: 0;
  }
}
@media (min-width: 1100px) {
  .LoginFormWrapper .LoginSubmitButton {
    width: 100%;
  }
}
.LoginFormWrapper .LoginSignupButton {
  color: #cacaca;
  border: 0.1rem solid #cacaca;
  text-align: center;
  box-sizing: border-box;
}
@media (min-width: 1100px) {
  .LoginFormWrapper .LoginSignupButton {
    display: none;
  }
}
.LoginFormWrapper .LoginFormForgot {
  width: 100%;
  margin-bottom: 3rem;
}
.LoginFormWrapper .LoginFormForgot .Link {
  display: inline-block;
  width: 100%;
  text-align: left;
}
@media (min-width: 1100px) {
  .LoginFormWrapper .LoginFormForgot {
    position: static;
    transform: none;
    width: 100%;
    margin-bottom: 0;
  }
  .LoginFormWrapper .LoginFormForgot .Link {
    display: block;
    text-align: center;
  }
}
.LoginFormWrapper .LoginFormForgot button {
  display: block;
  margin: 0 auto;
  padding: 0;
  color: #f9c408;
  font-size: 1.4rem;
  font-weight: 400;
  border: none;
}
.LoginFormWrapper .LoginFormForgot button:active,
.LoginFormWrapper .LoginFormForgot button:hover {
  color: #ffe900;
}
.LoginFormWrapper .Message.Error {
  max-width: 40rem;
  margin: 0 auto;
}
.InputWrap,
.Page-CasinoGame .GmowDetails {
  position: relative;
}
.InputWrap .PasswordToggleIcon {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.Page-MyProfile .SectionContent {
  position: relative;
  max-width: 120rem;
  width: 100%;
  margin-top: 5.4rem;
  padding: 2rem;
  box-sizing: border-box;
}
@media (min-width: 1100px) {
  .Page-MyProfile .SectionContent {
    margin: 11rem auto 0;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  .Page-MyProfile .SectionContent {
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
  }
}
.MyProfileContainer {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: repeat(3, auto);
}
@media (min-width: 1100px) {
  .MyProfileContainer {
    grid-template-columns: repeat(2, calc(50% - 1.5rem));
    grid-template-rows: repeat(3, auto);
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }
  .MyProfileContainer .PersonalDataContainer,
  .MyProfileContainer > .Form {
    grid-column: 1;
    grid-row: 1/5;
  }
  .MyProfileContainer .AccountInformationContainer {
    grid-column: 2;
    grid-row: 1;
  }
  .MyProfileContainer .EmailSubscriptionContainer {
    grid-column: 2;
    grid-row: 2;
  }
}
.MyProfileContainer .Spinner {
  position: fixed;
}
.myProfileTitle {
  margin-bottom: 2.8rem;
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1;
}
.ProfileContainer {
  margin-bottom: 2.6rem;
  position: relative;
}
@media (min-width: 1100px) {
  .ProfileContainer {
    margin-bottom: 0;
  }
}
.EmailSubscriptionContainer {
  margin-bottom: 0;
}
.ProfileContainer h2 {
  padding-bottom: 1.2rem;
  font-size: 1.8rem;
  line-height: 1.2;
}
.Form .PersonalDataContainer h2 {
  padding: 0 0 6rem;
}
@media (min-width: 460px) {
  .Form .PersonalDataContainer h2 {
    padding: 0 0 1.2rem 0.8rem;
  }
}
.EditProfileLink {
  position: absolute;
  right: 0;
  top: 0.2rem;
  font-size: 1.6rem;
  font-weight: 600;
}
.ProfileContainerFields {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  padding: 3.6rem;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 0.25rem 0.3rem 0 rgba(33, 33, 33, 0.12),
    0 0.1rem 0.15rem 0 rgba(0, 0, 0, 0.12);
}
.PersonalDataContainer .ProfileContainerFields {
  padding: 3.6rem 3.6rem 0.7rem;
}
.ProfileContainerFields .MobileInputWrapper,
.ProfileContainerFields .ProfileContainerTextField,
.ProfileContainerFields label {
  display: inline-block;
  vertical-align: text-top;
  width: 100%;
  text-align: left;
}
.ProfileContainerTextField .LabelText,
.ProfileContainerTitle {
  display: inline-block;
  vertical-align: initial;
  min-width: auto;
  color: #717171;
  font-size: 1.4rem;
  text-align: left;
}
@media (min-width: 760px) {
  .ProfileContainerTextField .LabelText,
  .ProfileContainerTitle {
    min-width: 11.4rem;
  }
}
.ProfileContainerTitle {
  width: 100%;
}
@media (min-width: 760px) {
  .ProfileContainerTitle {
    width: auto;
  }
}
.ProfileContainerText {
  display: inline-block;
  margin-left: 0;
  margin-top: 0.5rem;
  color: #212121;
  font-size: 1.6rem;
  text-align: left;
}
@media (min-width: 760px) {
  .ProfileContainerText {
    width: auto;
    margin-left: 2rem;
    margin-top: 0;
  }
}
.Form .ProfileContainerText {
  color: #828282;
}
.ProfileContainerText.number {
  margin-left: 0.2rem;
}
.ProfileContainerText p {
  margin-bottom: 1rem;
}
.ProfileContainerText p:last-child {
  margin-bottom: 0;
}
.PersonalDataContainer .ProfileContainerTextField {
  margin-bottom: 3rem;
}
.PersonalDataContainer button {
  line-height: 1;
}
.ProfileContainerUpdate {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  position: absolute;
  top: 3rem;
  right: 0;
}
.ProfileContainerUpdate .CancelLink {
  margin-right: 3rem;
  font-size: 1.6rem;
  font-weight: 700;
}
.ProfileContainerUpdate button {
  padding: 1rem 2rem;
  background: #f9c408;
  color: #fff;
  border: none;
  font-size: 1.6rem;
}
.ProfileContainerUpdate button:hover {
  background: #294c0b;
}
@media (min-width: 460px) {
  .ProfileContainerUpdate {
    display: inherit;
    width: auto;
    top: -1rem;
  }
}
.PersonalDetailsText {
  width: 100%;
  margin-bottom: 2rem;
  font-size: 1.6rem;
  line-height: 1.2;
}
.MobileInputWrapper .InputContainer {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
@media (min-width: 550px) {
  .MobileInputWrapper .InputContainer {
    max-width: 24.2rem;
  }
}
.MobileInputWrapper .InputWrap {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  vertical-align: bottom;
  line-height: 1.2;
}
@media (min-width: 550px) {
  .MobileInputWrapper .InputWrap {
    width: 15rem;
    max-width: 11rem;
    margin-left: 1rem;
  }
}
.MobileInputWrapper .InputContainer:nth-child(2) {
  width: 100%;
  max-width: 100%;
}
@media (min-width: 550px) {
  .MobileInputWrapper .InputContainer:nth-child(2) {
    max-width: 17rem;
  }
}
.MobileInputWrapper .InputContainer:nth-child(2) .LabelWrap {
  display: none;
}
.MobileInputWrapper .InputContainer:nth-child(2) .InputWrap {
  max-width: 100%;
  width: 100%;
}
.MobileInputWrapper .CustomSelectContainer {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}
@media (min-width: 550px) {
  .MobileInputWrapper .CustomSelectContainer {
    max-width: 11rem;
    margin-bottom: 0;
  }
}
.LanguageInputWrapper .FormLabel,
.MobileInputWrapper .FormLabel {
  margin: 0;
  padding: 0;
}
.MyProfileInputWrapper .InputWrap {
  position: relative;
  max-width: 100%;
  margin-left: 0;
  line-height: 1.2;
}
@media (min-width: 550px) {
  .MyProfileInputWrapper .InputWrap {
    max-width: 15rem;
    margin-left: 1rem;
  }
}
.MobileInputWrapper input {
  padding: 0.8rem 1.2rem;
}
.MobileInputWrapper .Message {
  margin-left: 1rem;
}
.Page-MyProfile .Req {
  float: none;
}
.AccountInformationContainer .ProfileContainerTextField {
  width: 100%;
  margin-bottom: 1rem;
}
.AccountInformationContainer button {
  margin-left: 0;
  padding: 0;
  border: none;
  color: #f9c408;
  font-size: 1.6rem;
  font-weight: 600;
}
.AccountInformationContainer .ContentTriggerContainer,
.AccountInformationContainer .ContentTriggerWrapper,
.AccountInformationContainer .ResetPasswordFormWrapper {
  float: none;
  width: 100%;
  margin: 0;
}
@media (min-width: 550px) {
  .AccountInformationContainer
    .ResetPasswordFormWrapper
    .HasErrorsForm
    .Message.Error {
    text-align: right;
  }
}
@media (min-width: 550px) {
  .AccountInformationContainer .ContentTriggerWrapper {
    width: auto;
  }
}
.AccountInformationContainer .ContentTriggerContainer {
  position: relative;
  display: flex;
  flex-direction: column;
}
.AccountInformationContainer .ContentTriggerContainer > .Button {
  padding: 0.7rem 0.2rem;
  border: 0.1rem solid #f9c408;
}
.AccountInformationContainer .ContentTriggerContainer > .Button:hover {
  border: 0.1rem solid #294c0b;
  color: #294c0b;
}
.AccountInformationContainer .Form {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-auto-rows: auto;
  max-width: 40rem;
}
.AccountInformationContainer .FormLabel {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  width: 100%;
  padding: 0;
}
.AccountInformationContainer .FormLabel:first-child {
  grid-column: 1/3;
  grid-row: 1;
}
.AccountInformationContainer .FormLabel:nth-child(2) {
  grid-column: 1/3;
  grid-row: 2;
}
.AccountInformationContainer .FormLabel:nth-child(3) {
  grid-column: 1/3;
  grid-row: 3;
}
.AccountInformationContainer .InputWrap,
.AccountInformationContainer .LabelWrap {
  width: auto;
  vertical-align: middle;
  margin: 0;
}
.AccountInformationContainer .LabelWrap {
  min-width: 13rem;
  margin-right: 1rem;
  text-align: left;
}
.AccountInformationContainer .LabelText {
  padding-right: 0.2rem;
  font-size: 1.4rem;
}
.AccountInformationContainer .InputWrap {
  width: 100%;
}
@media (min-width: 550px) {
  .AccountInformationContainer .InputWrap {
    width: 26rem;
  }
}
.AccountInformationContainer .InputWrap input {
  width: 100%;
}
.AccountInformationContainer .DropDownBackground {
  display: none;
}
.AccountInformationContainer .Button.CTASecondary {
  max-width: 100%;
  width: 100%;
  align-self: flex-end;
  position: relative;
  bottom: 0;
  left: 0;
  padding: 0.7rem 2rem;
  margin: 2rem 0;
  transform: none;
  color: #fff;
  grid-column: 1/3;
  grid-row: 4;
}
.AccountInformationContainer .Button.CTASecondary:hover {
  color: #fff;
}
.AccountInformationContainer .Button:hover {
  border: none;
  color: #f9c408;
}
@media (min-width: 360px) {
  .AccountInformationContainer .Button {
    left: 3rem;
    transform: none;
  }
}
.EmailSubscriptionContainer .ProfileContainerFields,
.TwoStepsConfigContainer .ProfileContainerFields {
  padding-left: 3.6rem;
}
.EmailSubscriptionContainer .ProfileContainerTextField,
.EmailSubscriptionContainer label,
.TwoStepsConfigContainer .ProfileContainerTextField,
.TwoStepsConfigContainer label {
  width: 100%;
}
.EmailSubscriptionContainer .ProfileContainerText,
.TwoStepsConfigContainer .ProfileContainerText {
  position: relative;
  width: 85%;
  padding-left: 4rem;
  margin: 0;
  vertical-align: middle;
}
.EmailSubscriptionContainer .ProfileContainerNote,
.TwoStepsConfigContainer .ProfileContainerNote {
  display: block;
  font-size: 1.3rem;
  margin-bottom: 1.5rem;
  line-height: 1.2;
}
.EmailSubscriptionContainer input,
.TwoStepsConfigContainer input {
  display: none;
}
.EmailSubscriptionContainer .ProfileContainerText:before,
.TwoStepsConfigContainer .ProfileContainerText:before {
  content: "";
  position: absolute;
  top: -0.4rem;
  left: 0;
  vertical-align: middle;
  padding: 0.35rem 1.3rem;
  margin-right: 2rem;
  height: 1.8rem;
  background: #f9c408;
  border-radius: 0.2rem;
}
.EmailSubscriptionContainer .ProfileContainerText:after,
.TwoStepsConfigContainer .ProfileContainerText:after {
  content: "";
  position: absolute;
  top: 0.6rem;
  left: 1.2rem;
  transform: translateY(-50%) translateX(-50%) rotate(35deg);
  display: inline-block;
  width: 0.6rem;
  height: 0.9rem;
  border: solid #fff;
  border-width: 0 0.2rem 0.2rem 0;
  opacity: 0;
}
.EmailSubscriptionContainer
  input[type="checkbox"]:checked
  + .ProfileContainerText:after,
.TwoStepsConfigContainer
  input[type="checkbox"]:checked
  + .ProfileContainerText:after {
  opacity: 1;
}
.ModalWindow.OperatorTransferModal .ModalContent {
  box-sizing: border-box;
  background: #f0f0f0;
}
.ModalWindow.OperatorTransferModal .ModalContent * {
  box-sizing: border-box;
}
.ModalWindow.OperatorTransferModal .ModalContent > .Message.Warning {
  padding: 1.1rem 5.4rem;
  margin-top: 0;
}
@media (min-width: 1100px) {
  .ModalWindow.OperatorTransferModal .ModalContent {
    width: 60rem;
    min-height: 40rem;
  }
}
.ModalWindow.OperatorTransferModal .DepositModalTitle,
.ModalWindow.OperatorTransferModal .WithdrawModalTitle {
  width: 100%;
  height: 5.4rem;
  background: #294c0b;
  color: #fff;
  font-size: 2rem;
  font-weight: 400;
  text-align: center;
  line-height: 5.4rem;
  margin-bottom: 3rem;
}
.ModalWindow.OperatorTransferModal .Form {
  width: 30rem;
  padding: 0 1rem;
  margin: 0 auto 5rem;
}
@media (min-width: 1100px) {
  .ModalWindow.OperatorTransferModal .Form {
    width: 40rem;
  }
}
.ModalWindow.OperatorTransferModal .FormLabel {
  padding: 0;
  margin-bottom: 2rem;
}
.ModalWindow.OperatorTransferModal .LabelText {
  font-size: 1.6rem;
  text-transform: capitalize;
}
.ModalWindow.OperatorTransferModal .AmountFieldContainer {
  margin-bottom: 4rem;
}
.ModalWindow.OperatorTransferModal .DepositAmountInput,
.ModalWindow.OperatorTransferModal .WithdrawAmountInput {
  padding-left: 1.2rem;
}
.ModalWindow.OperatorTransferModal .BonusFieldSection {
  width: 100%;
}
.ModalWindow.OperatorTransferModal .BonusFieldContainer {
  flex-direction: column;
}
.ModalWindow.OperatorTransferModal .DepositButton,
.ModalWindow.OperatorTransferModal .WithdrawButton {
  width: 100%;
  margin-top: 2rem;
  background: #f9c408;
  color: #294c0b;
  text-transform: uppercase;
  border: 0 solid #fff;
}
.ModalWindow.OperatorTransferModal .BonusFieldSection {
  margin-bottom: 2rem;
}
.ModalWindow.OperatorTransferModal .BonusFieldSection.IsActive {
  display: flex;
  flex-direction: column;
}
.ModalWindow.OperatorTransferModal
  .BonusFieldSection.IsActive
  .BonusFieldContainer {
  align-self: flex-end;
}
.ModalWindow.OperatorTransferModal .BonusFieldContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5rem;
  z-index: 6;
}
.ModalWindow.OperatorTransferModal .BonusFieldQuestion {
  font-size: 1.6rem;
  text-transform: none;
  color: #3d3d3d;
}
.ModalWindow.OperatorTransferModal .ShowBonusButton {
  border: none;
  font-size: 1.6rem;
  color: #f9c408;
  padding: 0;
}
.ModalWindow.OperatorTransferModal .ContentTriggerContentWrapper {
  position: absolute;
  width: 100%;
  z-index: 5;
}
.ModalWindow.OperatorTransferModal .ContentTriggerWrapper {
  margin-right: 0;
}
@media (min-width: 1100px) {
  .ModalWindow.OperatorMMHCModal .ModalContent {
    width: 90rem;
    height: 60rem;
  }
}
.ModalWindow.OperatorMMHCModal .HostedCashierDepositIframeContainer,
.ModalWindow.OperatorMMHCModal .HostedCashierWithdrawIframeContainer {
  height: 100%;
}
.MinimizedContainer {
  z-index: 4;
}
.MinimizedGameWrapper.GameRightWrapper,
.NotificationActive .MinimizedGameWrapper.GameRightWrapper {
  height: 0;
}
.MinimizedGameWrapper .GmowContainer,
.NotificationActive .MinimizedGameWrapper .GmowContainer {
  position: fixed;
  width: auto;
  bottom: 4rem;
  left: 4rem;
  padding: 0;
  z-index: 100;
  opacity: 0.7;
  cursor: pointer;
}
.MinimizedGameWrapper .GmowContainer .MinimizedGameCloseButton,
.NotificationActive
  .MinimizedGameWrapper
  .GmowContainer
  .MinimizedGameCloseButton {
  position: absolute;
  top: 0;
  right: -3rem;
  width: 3rem;
  height: 3rem;
  padding: 0.2rem;
  background: #252a31;
}
.MinimizedGameWrapper .GmowContainer .MinimizedGameCloseButton svg,
.NotificationActive
  .MinimizedGameWrapper
  .GmowContainer
  .MinimizedGameCloseButton
  svg {
  fill: #fff;
}
.MinimizedGameWrapper .GmowContainer .Title,
.NotificationActive .MinimizedGameWrapper .GmowContainer .Title {
  display: none;
}
.MinimizedGameWrapper .GmowContainer .GmowGameRow.SingleGames .GmowGameColumn,
.NotificationActive
  .MinimizedGameWrapper
  .GmowContainer
  .GmowGameRow.SingleGames
  .GmowGameColumn {
  min-width: 42rem;
  min-height: 23rem;
}
.MinimizedGameWrapper .GmowContainer .GmowGameRow.MultipleGames,
.NotificationActive
  .MinimizedGameWrapper
  .GmowContainer
  .GmowGameRow.MultipleGames {
  width: 60rem;
  height: 25rem;
}
.MinimizedGameWrapper .GmowContainer .GmowGameRow.MultipleGames.DualGames,
.NotificationActive
  .MinimizedGameWrapper
  .GmowContainer
  .GmowGameRow.MultipleGames.DualGames {
  height: 40rem;
}
.MinimizedGameWrapper .GmowContainer .GmowGameRow.MultipleGames.QuadGames,
.NotificationActive
  .MinimizedGameWrapper
  .GmowContainer
  .GmowGameRow.MultipleGames.QuadGames {
  height: 50rem;
}
.MinimizedGameWrapper .GameIframeWrapper:before,
.NotificationActive .MinimizedGameWrapper .GameIframeWrapper:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
}
@media (min-width: 1100px) {
  .GamesWrapper .ListGame:hover .GamePlayNowText {
    z-index: 4;
  }
}
.ListGame:active .ClosedSeat,
.ListGame:active .FullTable,
.ListGame:active .LatestResult,
.ListGame:active .LiveLimits,
.ListGame:active .OpenSeat,
.ListGame:hover .ClosedSeat,
.ListGame:hover .FullTable,
.ListGame:hover .LatestResult,
.ListGame:hover .LiveLimits,
.ListGame:hover .OpenSeat {
  opacity: 0.2;
}
.ListGame .GameThumbailWrapper {
  position: relative;
}
.HorizontalGameTileContainer.GameContainerDimmed
  .HorizontalGameThumbWrapper:before,
.HorizontalGameTileContainer.GameContainerFullyDimmed
  .HorizontalGameThumbWrapper:before,
.ListGame.GameContainerDimmed .GameThumbailWrapper:before,
.ListGame.GameContainerFullyDimmed .GameThumbailWrapper:before {
  display: block;
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  color: #fff;
  fill: #fff;
  opacity: 1;
  border-radius: 0.4rem;
}
.HorizontalGameTileContainer.GameContainerDimmed
  .HorizontalGameThumbWrapper:before,
.ListGame.GameContainerDimmed .GameThumbailWrapper:before {
  background: rgba(0, 0, 0, 0.4);
}
.HorizontalGameTileContainer.GameContainerFullyDimmed
  .HorizontalGameThumbWrapper:before,
.ListGame.GameContainerFullyDimmed .GameThumbailWrapper:before {
  background: rgba(0, 0, 0, 0.8);
}
.HorizontalGameTileContainer.GameContainerDimmed .LiveProps,
.HorizontalGameTileContainer.GameContainerFullyDimmed .LiveProps,
.ListGame.GameContainerDimmed .LiveProps,
.ListGame.GameContainerFullyDimmed .LiveProps {
  bottom: 0;
  overflow: hidden;
  margin-bottom: 3rem;
}
@media (min-width: 1100px) {
  .HorizontalGameTileContainer.GameContainerDimmed .LiveProps,
  .HorizontalGameTileContainer.GameContainerFullyDimmed .LiveProps,
  .ListGame.GameContainerDimmed .LiveProps,
  .ListGame.GameContainerFullyDimmed .LiveProps {
    bottom: 0;
    margin-bottom: 2.2rem;
  }
}
.LiveProps {
  display: flex;
  flex-direction: column;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.9) 0,
    rgba(0, 0, 0, 0.8) 60%,
    rgba(0, 0, 0, 0.7) 80%,
    rgba(0, 0, 0, 0.01)
  );
  color: #fff;
  opacity: 1;
  font-size: 1.6rem;
}
.ListGame:hover .LiveProps,
.ListGameLink:hover .LiveProps {
  opacity: 0;
}
@keyframes red-pulse {
  0% {
    box-shadow: 0 0 0.2rem 0 rgba(255, 0, 0, 0.75);
  }
  15% {
    box-shadow: 0 0 1rem 0.2rem rgba(255, 0, 0, 0.75);
  }
  30% {
    box-shadow: 0 0 0.2rem 0 rgba(255, 0, 0, 0.75);
  }
  50% {
    box-shadow: 0 0 1rem 0.2rem rgba(255, 0, 0, 0.75);
  }
  65% {
    box-shadow: 0 0 0.2rem 0 rgba(255, 0, 0, 0.75);
  }
  80% {
    box-shadow: 0 0 1rem 0.2rem rgba(255, 0, 0, 0.75);
  }
  to {
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.75);
  }
}
@keyframes green-pulse {
  0% {
    box-shadow: 0 0 0.2rem 0 rgba(86, 168, 10, 0.75);
  }
  15% {
    box-shadow: 0 0 1rem 0.2rem rgba(86, 168, 10, 0.75);
  }
  30% {
    box-shadow: 0 0 0.2rem 0 rgba(86, 168, 10, 0.75);
  }
  50% {
    box-shadow: 0 0 1rem 0.2rem rgba(86, 168, 10, 0.75);
  }
  65% {
    box-shadow: 0 0 0.2rem 0 rgba(86, 168, 10, 0.75);
  }
  80% {
    box-shadow: 0 0 1rem 0.2rem rgba(86, 168, 10, 0.75);
  }
  to {
    box-shadow: 0 0 0 0 rgba(86, 168, 10, 0.75);
  }
}
@keyframes flip-open {
  0% {
    transform: perspective(400px) rotateY(90deg);
    transition-timing-function: ease-in;
    transform-style: preserve-3d;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateY(-20deg);
    transform-style: preserve-3d;
    transition-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotateY(10deg);
    transform-style: preserve-3d;
    transition-timing-function: ease-in;
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotateY(-5deg);
    transform-style: preserve-3d;
    transition-timing-function: ease-in;
  }
  to {
    transform: perspective(400px);
    transform-style: preserve-3d;
    transition-timing-function: ease-in;
  }
}
.silde-in-from-left {
  animation-name: silde-in-from-left;
  animation-duration: 1s;
  animation-fill-mode: both;
}
@keyframes silde-in-from-left {
  0% {
    transform: translateX(-100%);
    visibility: visible;
  }
  to {
    transform: translateX(0);
  }
}
@keyframes flip-closed-seat {
  0% {
    transform: perspective(400px) rotateY(90deg);
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateY(-20deg);
    transition-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotateY(-5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.Page-Live-casinoSource .CasinoGames .GamesListContainer,
.Page-Live-casinoSource .GamesListContainer,
.Page-Live-casinoSource .OperatorSticky .GamesListContainer,
.Page-LiveCasino-Child .GamesListContainer,
.Page-LiveCasino .CasinoGames .GamesListContainer,
.Page-LiveCasino .GamesListContainer,
.Page-LiveCasino .OperatorSticky .GamesListContainer {
  overflow: visible;
}
.HorizontalGameTileContainer.PulsatingGreenShadow,
.ListGame.PulsatingGreenShadow {
  overflow: auto;
  animation: green-pulse 2s linear;
}
.HorizontalGameTileContainer.PulsatingRedShadow,
.ListGame.PulsatingRedShadow {
  overflow: auto;
  animation: red-pulse 2s linear;
}
.LiveIcons {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  min-height: 3.6rem;
  padding: 0.8rem 0.6rem 0.6rem;
  -webkit-transform: translateZ(0);
}
@media (min-width: 1100px) {
  .LiveIcons {
    min-height: 4.2rem;
    padding: 0.8rem 1.6rem 0.6rem;
  }
}
.LiveIcons:first-child {
  margin-left: 0;
}
.LiveIcons:last-child {
  margin-right: 0;
}
.LiveIcons.Black,
.LiveIcons.Green,
.LiveIcons.Red {
  color: #fff;
  border: 0.1rem solid #fff;
}
.LiveIcons .LatestResult {
  min-width: 1.2rem;
  padding: 0.1rem;
  margin: 0 0.1rem;
  font-size: 1.2rem;
  text-align: center;
}
@media (min-width: 1100px) {
  .LiveIcons .LatestResult {
    min-width: 1.4rem;
    font-size: 1.4rem;
    margin: 0 0.2rem;
    padding: 0.2rem;
  }
}
.LiveIcons .LatestResult.FirstElementAnimated {
  animation: flip-open 2s both;
  -webkit-animation: flip-open 2s both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(-1px);
}
.LiveIcons .LatestResult.First {
  padding: 0.4rem;
}
.LiveIcons .LatestResult.First.Black,
.LiveIcons .LatestResult.First.Green,
.LiveIcons .LatestResult.First.Red {
  color: #fff;
  border: 0.1rem solid #fff;
}
.LiveIcons .LatestResult.First.Black {
  background: #000;
}
.LiveIcons .LatestResult.First.Red {
  background: red;
}
.LiveIcons .LatestResult.First.Green {
  background: #56a80a;
}
@media (min-width: 1100px) {
  .LiveIcons .LatestResult.First {
    padding: 0.6rem;
  }
}
.LiveIcons .Double {
  display: flex;
  flex-direction: column;
}
.LiveIcons .Double .LatestResult:first-child {
  margin-bottom: 1rem;
}
.LiveIcons .Double:first-child .LatestResult {
  margin-left: 0;
  margin-bottom: 0;
}
.LiveIcons .Double:last-child .LatestResult {
  margin-right: 0;
}
.LiveIcons .Black,
.LiveIcons .Green,
.LiveIcons .Red {
  background-color: transparent;
}
.LiveIcons .Black {
  color: #fff;
}
.LiveIcons .Red {
  color: red;
}
.LiveIcons .Green {
  color: #56a80a;
}
.Blue {
  color: #4d90a7;
}
.Red {
  background-color: red;
}
.Black {
  background-color: #000;
}
.Green {
  background-color: #56a80a;
}
.White {
  background-color: #fff;
}
.Yellow {
  background-color: #eeca3d;
}
.Gold {
  background-color: #866d0c;
}
.Orange {
  background-color: #574708;
}
.Purple {
  background-color: #303;
}
.Tie {
  background-color: #fff;
  background-image: linear-gradient(
    135deg,
    #fff 25%,
    transparent 0,
    transparent 50%,
    #212121 0,
    #fff 75%,
    transparent 0,
    #fff
  );
}
.ClosedSeat,
.OpenSeat {
  display: inline-block;
  width: 1.35rem;
  height: 1.35rem;
}
@media (min-width: 768px) {
  .ClosedSeat,
  .OpenSeat {
    width: 1.42rem;
    height: 1.42rem;
  }
}
@media (min-width: 1100px) {
  .ClosedSeat,
  .OpenSeat {
    width: 1.9rem;
    height: 1.9rem;
  }
}
.ClosedSeat svg,
.OpenSeat svg {
  width: 100%;
  height: 100%;
}
.OpenSeat {
  animation: flip-closed-seat 2s both;
  -webkit-animation: flip-closed-seat 2s both;
}
.ClosedSeat,
.OpenSeat {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(-1px);
}
.ClosedSeat {
  animation: flip-open 2s both;
  -webkit-animation: flip-open 2s both;
}
.OpenSeat svg {
  fill: transparent;
  stroke: #fff;
}
.ClosedSeat svg {
  fill: #fff;
}
.FullTable {
  display: flex;
  position: relative;
  z-index: 2;
  height: 2rem;
  padding: 0.1rem 0.4rem 0.1rem 0;
  align-items: center;
  border-radius: 0.3rem;
  font-size: 1.2rem;
  white-space: normal;
  text-transform: uppercase;
  animation-name: silde-in-from-left;
  animation-duration: 1s;
  animation-fill-mode: both;
}
.FullTable svg {
  width: 100%;
  height: 100%;
  fill: #fff;
}
.FullTable.ClosedSeat {
  margin-right: -0.3rem;
}
.PlayersDisplay {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.2rem 1rem;
  background: linear-gradient(
    180deg,
    rgba(33, 33, 33, 0.1) 0,
    rgba(33, 33, 33, 0.9)
  );
  color: #fff;
}
@media (min-width: 1100px) {
  .PlayersDisplay {
    padding: 0.2rem 1.6rem;
  }
}
.PlayersDisplay .PlayersIcon {
  width: 1.4rem;
  height: 1.4rem;
  margin-right: 0.4rem;
}
.PlayersDisplay .PlayersIcon svg {
  fill: #fff;
  width: 100%;
  height: 100%;
}
.ClosedGame {
  opacity: 1;
  z-index: 2;
  padding: 0.8rem 1rem;
  color: #fff;
}
@media (min-width: 1100px) {
  .ClosedGame {
    padding: 0.8rem 1.6rem;
  }
}
.ClosedGame span {
  font-size: 2rem;
}
.LiveLimits {
  opacity: 1;
  padding: 0.2rem 1rem;
  background: #000;
  color: #fff;
  font-weight: 400;
  font-size: 1.6rem;
}
@media (min-width: 1100px) {
  .LiveLimits {
    padding: 0.2rem 1.6rem 1rem;
  }
}
.LiveLimits span {
  font-size: 1.6rem;
}
.Players {
  display: inline-block;
  width: 1.9rem;
  height: 1.9rem;
}
.MapColumn {
  width: 0.45rem;
  height: 0.45rem;
  border: 0.05rem solid #212121;
  color: #212121;
}
.MapColumn.Red {
  background-color: #f9c408;
}
.MapColumn.Blue {
  background-color: #000bff;
}
.LiveProps .InfoButton {
  display: none;
  position: absolute;
  bottom: 0.9rem;
  right: 0.6rem;
  width: 1.6rem;
  height: 1.6rem;
  cursor: pointer;
}
@media (min-width: 1100px) {
  .LiveProps .InfoButton {
    width: 2.2rem;
    height: 2.2rem;
    right: 1.2rem;
  }
}
.LiveProps .InfoButton svg {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .LiveLobbyInfoModal .ModalContent {
    max-width: 60rem;
    max-height: 80vh;
  }
}
@media (min-width: 1100px) {
  .LiveLobbyInfoModal .ModalContent {
    max-width: 90rem;
    max-height: 80vh;
  }
}
@media (min-width: 1360px) {
  .LiveLobbyInfoModal .ModalContent {
    max-width: 120rem;
    max-height: 80vh;
  }
}
@media (min-width: 1680px) {
  .LiveLobbyInfoModal .ModalContent {
    max-width: 136rem;
  }
}
@media (min-width: 1920px) {
  .LiveLobbyInfoModal .ModalContent {
    max-width: 160rem;
  }
}
.LiveLobbyInfoModal .InfoModalWrapper {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .LiveLobbyInfoModal .InfoModalWrapper {
    border-top: 0.4rem solid #f9c408;
  }
}
@media (min-width: 1100px) {
  .LiveLobbyInfoModal .InfoModalWrapper {
    flex-direction: row-reverse;
    height: 100%;
    overflow: hidden;
  }
}
.LiveLobbyInfoModal .InfoModaHero {
  position: relative;
  height: 12rem;
}
@media (min-width: 1100px) {
  .LiveLobbyInfoModal .InfoModaHero {
    max-width: 40%;
    height: 100%;
  }
}
.LiveLobbyInfoModal .InfoModaHero:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 100%, 0.5);
}
@media (min-width: 1100px) {
  .LiveLobbyInfoModal .InfoModaHero:before {
    background: rgba(33, 33, 33, 0.2);
  }
}
.LiveLobbyInfoModal .InfoModaHero .InfoModalMainImage {
  height: 100%;
}
.LiveLobbyInfoModal .InfoModaHero .InfoModalMainImage .PictureImg {
  -o-object-fit: cover;
  object-fit: cover;
}
.LiveLobbyInfoModal .InfoModalContent {
  padding: 4rem 2rem;
  box-sizing: border-box;
}
@media (min-width: 1100px) {
  .LiveLobbyInfoModal .InfoModalContent {
    max-width: 60%;
    height: 100%;
    overflow-y: scroll;
    padding: 3.3rem 6.4rem;
  }
}
.LiveLobbyInfoModal .InfoModalContent .Title {
  text-transform: uppercase;
  font-size: 2.4rem;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 2rem;
}
@media (min-width: 1100px) {
  .LiveLobbyInfoModal .InfoModalContent .Title {
    font-size: 3.6rem;
    text-transform: none;
    font-weight: 400;
  }
}
.LiveLobbyInfoModal .InfoModalContent .InfoModalDesc h2 {
  font-weight: 700;
}
.LiveLobbyInfoModal .InfoModalContent .InfoModalDesc h2,
.LiveLobbyInfoModal .InfoModalContent .InfoModalDesc h3,
.LiveLobbyInfoModal .InfoModalContent .InfoModalDesc p {
  font-size: 1.1rem;
  margin-bottom: 2rem;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .LiveLobbyInfoModal .InfoModalContent .InfoModalDesc h2,
  .LiveLobbyInfoModal .InfoModalContent .InfoModalDesc h3,
  .LiveLobbyInfoModal .InfoModalContent .InfoModalDesc p {
    font-size: 1.4rem;
  }
}
@media (min-width: 1100px) {
  .LiveLobbyInfoModal .InfoModalContent .InfoModalDesc h2,
  .LiveLobbyInfoModal .InfoModalContent .InfoModalDesc h3,
  .LiveLobbyInfoModal .InfoModalContent .InfoModalDesc p {
    font-size: 1.6rem;
  }
}
.RecentSearchesWrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 85%;
}
@media (min-width: 1100px) {
  .RecentSearchesWrapper {
    height: 100%;
    justify-content: flex-start;
  }
}
.RecentSearchesTitle {
  display: block;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #fff;
  margin: 1.8rem 0.4rem 1.2rem;
  font-weight: 600;
}
@media (min-width: 600px) {
  .RecentSearchesTitle {
    margin: 1.8rem 1.2rem;
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}
@media (min-width: 1100px) {
  .RecentSearchesTitle {
    margin: 1.8 0.6rem;
    font-size: 2.2rem;
    line-height: 2.8rem;
  }
}
.NoRecentSearchesPicture {
  width: 20rem;
  height: 20rem;
  margin: 0 auto;
}
.NoRecentSearchesPicture .SvgIcon {
  width: 100%;
  height: 100%;
  color: #fff;
  fill: #fff;
}
.NoRecentSearchesPicture .SvgIcon svg {
  width: 100%;
  height: 100%;
}
.NoRecentSearchesHighlightedText {
  font-weight: 700;
}
.ComponentSearchedGamesGrid.RecentSearches {
  z-index: 2;
}
.ComponentSearchedGamesGrid.RecentSearches .FavoriteGameToggleButton {
  display: none;
}
.GameLeftWrapper .ComponentSearchedGamesGrid.RecentSearches {
  z-index: 3;
  background: #f0f0f0;
}
.SearchContainer.ReadyToChangeState.Page-Casino
  .HighlightedListWrapper
  .GamesSwipeable,
.SearchContainer.ReadyToChangeState .RecentWinnersWidget,
.Toggle-OperatorSearchToggle.Page-Casino
  .HighlightedListWrapper
  .GamesSwipeable,
.Toggle-OperatorSearchToggle .RecentWinnersWidget {
  display: none;
}
@media (min-width: 1100px) {
  .SearchContainer.ReadyToChangeState .RecentWinnersWidget,
  .Toggle-OperatorSearchToggle .RecentWinnersWidget {
    display: block;
  }
}
.SearchContainer.ReadyToChangeState .InstanceNoSearchedGamesFound,
.Toggle-OperatorSearchToggle .InstanceNoSearchedGamesFound {
  margin-top: 0;
}
@media (min-width: 1100px) {
  .SearchContainer.ReadyToChangeState .InstanceNoSearchedGamesFound,
  .Toggle-OperatorSearchToggle .InstanceNoSearchedGamesFound {
    display: block;
  }
}
.SearchContainer.ReadyToChangeState .footer-wrapper,
.Toggle-OperatorSearchToggle .footer-wrapper {
  background: #fff;
  display: none;
}
@media (min-width: 1100px) {
  .SearchContainer.ReadyToChangeState .footer-wrapper,
  .Toggle-OperatorSearchToggle .footer-wrapper {
    display: block;
  }
}
.SearchContainer.ReadyToChangeState .ComponentSearchedGamesGrid.RecentSearches,
.Toggle-OperatorSearchToggle .ComponentSearchedGamesGrid.RecentSearches {
  opacity: 1;
}
.SearchContainer.ReadyToChangeState
  .ComponentSearchedGamesGrid.RecentSearches
  .GamesSwipeable,
.Toggle-OperatorSearchToggle
  .ComponentSearchedGamesGrid.RecentSearches
  .GamesSwipeable {
  width: 100%;
}
.Toggle-OperatorSearchToggle .OperatorSticky .DropDownBackground {
  display: none;
}
.OperatorDepositReminder .TotalBalanceWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.OperatorDepositReminder .TotalBalanceWrapper .Text {
  display: flex;
  margin-bottom: 0;
  margin-right: 1rem;
  margin-left: unset;
}
.OperatorDepositReminder .TotalBalanceWrapper .Text:after {
  content: ":";
}
.OperatorDepositReminder .ModalContent {
  width: 96%;
  height: auto;
}
@media (min-width: 768px) {
  .OperatorDepositReminder .ModalContent {
    width: 50%;
  }
}
.OperatorDepositReminder .ModalContentWrapper {
  border-radius: 0.8rem;
}
.OperatorDepositReminder .ModalTitleContainer {
  text-align: center;
}
.OperatorDepositReminder .ModalTitleContainer h1 {
  font-size: 2rem;
  padding: 2rem 4rem;
}
.OperatorDepositReminder .ModalContentContainer {
  background-color: #e6e6e6;
  padding: 1rem;
  text-align: center;
}
.OperatorDepositReminder .BalanceContainer {
  font-size: 1.8rem;
  color: #828282;
  margin-bottom: 1.5rem;
}
.OperatorDepositReminder .DescriptionContainer {
  font-size: 1.6rem;
  margin-bottom: 1.5rem;
}
.OperatorDepositReminder .DepositContainer .Button {
  font-size: 1.8rem;
  border-radius: 5rem;
  padding: 0.7rem 7rem;
  margin-bottom: 1.5rem;
}
.OperatorDepositReminder .ContinueToSiteContainer .AnchorText {
  border: none;
  padding: 0 0.4rem 0 0;
  font-size: 1.4rem;
}
.OperatorDepositReminder .ContinueToSiteContainer .ContinueToSiteText {
  font-size: 1.4rem;
}
body.Page-Casino.Page-Sports,
body.Page-Casino.Page-Sports .GameCategoriesWrapper,
body.Page-Casino.Page-Sports .SectionContent {
  background: #191919;
}
.RecommendedListWrapper .GameProp.LiveProps {
  display: none;
}
.ProfileCheckModal .ModalContent {
  width: 100%;
  height: 100%;
}
@media (min-width: 1100px) {
  .ProfileCheckModal .ModalContent {
    max-width: 40rem;
    height: auto;
  }
}
.ProfileCheckModal .ProfileCheckWrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 2rem;
  background-color: #fff;
  font-size: 1.6rem;
  line-height: 1.2;
  box-sizing: border-box;
}
.ProfileCheckModal .ProfileCheckWrapper .ProfileCheckMessage {
  margin: 1.5rem 0;
  text-align: center;
}
.ProfileCheckModal .ProfileCheckWrapper .Button {
  width: 18rem;
  margin: 1rem 0;
}
.Page-Deposit .SectionContent {
  margin: 0 auto;
  padding: 4rem 0;
  width: 100%;
  top: 0;
}
@media (min-width: 1100px) {
  .Page-Deposit .SectionContent {
    margin: 11rem auto 0;
    padding: 4rem;
  }
}
.Page-Deposit .Form {
  padding: 0 2rem;
}
@media (min-width: 1100px) {
  .Page-Deposit .Form {
    max-width: 78.5rem;
    margin: 0 auto;
    padding: 0;
  }
}
.DepositPageTitle {
  margin: 0 auto 2.8rem;
  padding: 0 2rem;
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1;
  max-width: 78.5rem;
}
.DepositFieldset .DepositAmountInput {
  padding-left: 1rem;
}
.Page-Deposit .BonusFieldSection {
  float: none;
  font-size: 1.6rem;
  color: #3d3d3d;
  margin-right: 0;
}
.Page-Deposit .BonusFieldSection .BonusFieldContainer {
  display: flex;
  align-items: center;
}
.Page-Deposit .BonusFieldSection .BonusFieldContainer .BonusFieldQuestion {
  margin-right: 2rem;
}
.Page-Deposit .BonusFieldSection .BonusFieldContainer .ShowBonusButton {
  border: none;
  padding: 0;
  z-index: 1;
}
.Page-Deposit .SubmitDepositContainer {
  display: flex;
  margin: 1rem 0;
}
@media (min-width: 1100px) {
  .Page-Deposit .SubmitDepositContainer {
    margin: 1rem 0 20rem;
  }
}
.Page-Deposit .SubmitDepositContainer .DepositButton {
  min-width: 10rem;
}
@media (min-width: 1100px) {
  .Page-Deposit .Message {
    max-width: 78.5rem;
    margin: 0 auto;
  }
}
.Page-Withdraw .SectionContent {
  margin: 0 auto;
  padding: 4rem 0;
  width: 100%;
  top: 0;
}
@media (min-width: 1100px) {
  .Page-Withdraw .SectionContent {
    margin: 11rem auto 0;
    padding: 4rem;
  }
}
.Page-Withdraw .Form {
  padding: 0 2rem;
}
@media (min-width: 1100px) {
  .Page-Withdraw .Form {
    max-width: 78.5rem;
    margin: 0 auto;
    padding: 0;
  }
}
.WithdrawPageTitle {
  margin: 0 auto 2.8rem;
  padding: 0 2rem;
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1;
  max-width: 78.5rem;
}
.WithdrawFieldset .WithdrawAmountInput {
  padding-left: 1rem;
}
.Page-Withdraw .WithdrawButton {
  margin: 1rem 0;
}
@media (min-width: 1100px) {
  .Page-Withdraw .Message {
    max-width: 78.5rem;
    margin: 0 auto;
  }
}
.OperatorAccountContainer {
  padding: 0.6rem 0;
}
@media (min-width: 1100px) {
  .OperatorAccountContainer {
    padding: 0.4rem 0 0.6rem;
  }
}
.OperatorAccountContainer .ButtonRegister,
.OperatorAccountContainer .CallIconWrapper,
.OperatorAccountContainer .InstanceToggleMenu,
.OperatorAccountContainer .IosAppPageLinkWrapper,
.OperatorAccountContainer .LanguageSelectorContainer .CustomSelectTrigger,
.OperatorAccountContainer .LiveChatContainer .Button,
.OperatorAccountContainer .LogOutButtonContainer .Button,
.OperatorAccountContainer .OperatorHeaderDeposit,
.OperatorAccountContainer .PlayerLiveChatIconWrapper,
.OperatorAccountContainer .WhatsappIconWrapper {
  border-radius: 0.8rem;
}
.OperatorAccountContainer .CallIconWrapper,
.OperatorAccountContainer .InstanceToggleMenu,
.OperatorAccountContainer .IosAppPageLinkWrapper,
.OperatorAccountContainer .OperatorHeaderDeposit,
.OperatorAccountContainer .PlayerLiveChatIconWrapper,
.OperatorAccountContainer .WhatsappIconWrapper {
  display: flex;
  align-items: center;
  height: 2.8rem;
  box-sizing: border-box;
}
@media (min-width: 1100px) {
  .OperatorAccountContainer .CallIconWrapper,
  .OperatorAccountContainer .InstanceToggleMenu,
  .OperatorAccountContainer .IosAppPageLinkWrapper,
  .OperatorAccountContainer .OperatorHeaderDeposit,
  .OperatorAccountContainer .PlayerLiveChatIconWrapper,
  .OperatorAccountContainer .WhatsappIconWrapper {
    height: 3.8rem;
  }
}
.OperatorAccountContainer .CallIconWrapper,
.OperatorAccountContainer .InstanceToggleMenu,
.OperatorAccountContainer .IosAppPageLinkWrapper,
.OperatorAccountContainer .PlayerLiveChatIconWrapper,
.OperatorAccountContainer .WhatsappIconWrapper {
  background: none;
  border: 0.2rem solid #f9c408;
}
.OperatorAccountContainer .CallIconWrapper svg,
.OperatorAccountContainer .InstanceToggleMenu svg,
.OperatorAccountContainer .IosAppPageLinkWrapper svg,
.OperatorAccountContainer .PlayerLiveChatIconWrapper svg,
.OperatorAccountContainer .WhatsappIconWrapper svg {
  fill: #f9c408;
}
@media (min-width: 1100px) {
  .OperatorAccountContainer .CallIconWrapper:hover,
  .OperatorAccountContainer .InstanceToggleMenu:hover,
  .OperatorAccountContainer .IosAppPageLinkWrapper:hover,
  .OperatorAccountContainer .PlayerLiveChatIconWrapper:hover,
  .OperatorAccountContainer .WhatsappIconWrapper:hover {
    background: hsla(0, 0%, 100%, 0.3);
  }
}
.OperatorAccountContainer .ButtonRegister {
  margin-left: 1rem;
  margin-right: 0.8rem;
  padding: 0.7rem;
}
@media (min-width: 1100px) {
  .OperatorAccountContainer .ButtonRegister {
    margin-right: 0;
    margin-left: 2rem;
    padding: 0.8rem 1rem;
  }
}
@media (min-width: 1100px) {
  .OperatorAccountContainer .ButtonLogin {
    margin-left: 0;
  }
}
.OperatorAccountContainer .ButtonLogin:focus {
  outline: none;
}
.OperatorAccountContainer .CallIconWrapper,
.OperatorAccountContainer .IosAppPageLinkWrapper,
.OperatorAccountContainer .PlayerLiveChatIconWrapper,
.OperatorAccountContainer .WhatsappIconWrapper {
  width: 2.8rem;
  height: 2.8rem;
}
@media (min-width: 1100px) {
  .OperatorAccountContainer .CallIconWrapper,
  .OperatorAccountContainer .IosAppPageLinkWrapper,
  .OperatorAccountContainer .PlayerLiveChatIconWrapper,
  .OperatorAccountContainer .WhatsappIconWrapper {
    width: 3.8rem;
    height: 3.8rem;
    padding: 0.5rem;
    border-width: 0.3rem;
  }
}
.OperatorAccountContainer .CallIconWrapper .CallIcon,
.OperatorAccountContainer .IosAppPageLinkWrapper .CallIcon,
.OperatorAccountContainer .PlayerLiveChatIconWrapper .CallIcon,
.OperatorAccountContainer .WhatsappIconWrapper .CallIcon {
  display: flex;
}
.OperatorAccountContainer .CallIconWrapper svg,
.OperatorAccountContainer .IosAppPageLinkWrapper svg,
.OperatorAccountContainer .PlayerLiveChatIconWrapper svg,
.OperatorAccountContainer .WhatsappIconWrapper svg {
  width: 1.7rem;
  height: 1.7rem;
}
@media (min-width: 1100px) {
  .OperatorAccountContainer .CallIconWrapper svg,
  .OperatorAccountContainer .IosAppPageLinkWrapper svg,
  .OperatorAccountContainer .PlayerLiveChatIconWrapper svg,
  .OperatorAccountContainer .WhatsappIconWrapper svg {
    width: 2.4rem;
    height: 2.4rem;
  }
}
.OperatorAccountContainer .WhatsappIconWrapper {
  padding: 0.3rem 0.4rem;
  order: -3;
  margin-right: 1rem;
}
.OperatorAccountContainer .PlayerLiveChatIconWrapper {
  padding: 0.3rem 0.4rem;
  order: -4;
  margin-right: 1rem;
  display: none;
}
.OperatorAccountContainer .PlayerLiveChatIconWrapper svg path:nth-child(2) {
  fill: #294c0b;
}
@media (min-width: 1100px) {
  .OperatorAccountContainer .PlayerLiveChatIconWrapper {
    display: initial;
  }
}
.OperatorAccountContainer .IosAppPageLinkWrapper {
  order: -2;
  position: relative;
}
.OperatorAccountContainer .IosAppPageLinkWrapper:hover {
  color: #f9c408;
}
.OperatorAccountContainer .IosAppPageLinkIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.OperatorAccountContainer .CallIconWrapper {
  padding: 0.5rem 0.4rem;
  order: -2;
}
.OperatorAccountContainer .CallUsIcon {
  padding: 0;
}
@media (min-width: 1100px) {
  .OperatorAccountContainer .CallUsIcon {
    margin: 0;
    padding: 0.1rem;
  }
}
.OperatorAccountContainer .CallUsIcon .Button.ToggleUserMenu {
  width: 100%;
  height: 100%;
}
.OperatorAccountContainer .CallUsIcon .CallUsIconImg {
  height: 2.3rem;
  width: 2.3rem;
}
@media (min-width: 1100px) {
  .OperatorAccountContainer .CallUsIcon .CallUsIconImg {
    height: 2.7rem;
    width: 2.7rem;
  }
}
.OperatorAccountContainer .CallUsIcon .CallUsFallbackIcon {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .OperatorAccountContainer .CallUsIcon .ContentTriggerContentWrapper {
    width: 51rem;
    top: 4.5rem;
  }
}
@media (min-width: 1100px) {
  .OperatorAccountContainer .CallUsIcon .ContentTriggerContentWrapper {
    width: 60rem;
    top: 5.2rem;
  }
}
@media (min-width: 768px) {
  .OperatorAccountContainer .CallIconWrapper .ContentTriggerContentWrapper {
    height: calc(100vh - 6rem);
  }
}
@media (min-width: 1100px) {
  .OperatorAccountContainer .CallIconWrapper .ContentTriggerContentWrapper {
    height: calc(100vh - 7rem);
  }
}
.OperatorAccountContainer .Button.OperatorHeaderDeposit {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  margin: 0 1rem;
  padding: 0.8rem;
  background: #f9c408;
  border: 0.2rem solid #f9c408;
  line-height: 1.2;
}
@media (min-width: 480px) {
  .OperatorAccountContainer .Button.OperatorHeaderDeposit {
    margin: 0 1.6rem;
  }
}
@media (min-width: 1100px) {
  .OperatorAccountContainer .Button.OperatorHeaderDeposit {
    padding: 1rem;
  }
}
.OperatorAccountContainer .Button.OperatorHeaderDeposit:hover {
  background: #fad03a;
}
.OperatorAccountContainer .Button.OperatorHeaderDeposit .TotalBalanceWrapper {
  line-height: 1.4;
}
.OperatorAccountContainer .Button.OperatorHeaderDeposit .Currency {
  color: #294c0b;
}
.OperatorAccountContainer .Button.OperatorHeaderDeposit .PlusIcon {
  display: flex;
}
.OperatorAccountContainer .Button.OperatorHeaderDeposit .PlusIcon svg {
  width: 1.2rem;
  margin-left: 0.4rem;
  fill: #294c0b;
}
.OperatorAccountContainer .Button.OperatorHeaderDeposit.Disabled {
  background: #f0f0f0;
}
.OperatorAccountContainer .ButtonIconStart,
.OperatorAccountContainer .ButtonIconStart .SvgIcon,
.OperatorAccountContainer .InstanceToggleMenu,
.OperatorAccountContainer .ToggleUserMenu {
  display: flex;
}
@media (max-width: 1100px) {
  .OperatorAccountContainer .InstanceToggleMenu {
    margin: 0;
  }
}
.OperatorAccountContainer .Button.ToggleUserMenu {
  padding: 0.2rem;
}
@media (min-width: 1100px) {
  .OperatorAccountContainer .Button.ToggleUserMenu {
    padding: 0.5rem;
  }
}
.OperatorAccountContainer .Button.ToggleUserMenu:focus {
  outline: none;
}
.OperatorAccountContainer .MyAccountMenuSpinnerContainer {
  position: relative;
  width: 100%;
  height: 5rem;
}
.OperatorAccountContainer .MyAccountMenuSpinnerContainer .Spinner {
  top: 50%;
  left: 50%;
}
.OperatorAccountContainer .ContentTriggerContentWrapper {
  display: none;
  position: fixed;
  overflow-y: auto;
  top: 5.4rem;
  left: 0;
  width: 100%;
  height: calc(var(--windowHeight) - 5.4rem);
  -webkit-overflow-scrolling: touch;
  z-index: 2;
}
@media (min-width: 768px) {
  .OperatorAccountContainer .ContentTriggerContentWrapper {
    position: absolute;
    top: 5.2rem;
    left: auto;
    right: 0;
    width: 35rem;
  }
}
@media (min-width: 1100px) {
  .OperatorAccountContainer .ContentTriggerContentWrapper {
    height: calc(100vh - 11rem);
  }
}
.NotificationActive .OperatorAccountContainer .ContentTriggerContentWrapper {
  height: calc(var(--windowHeight) - 10.8rem);
}
@media (min-width: 1100px) {
  .NotificationActive .OperatorAccountContainer .ContentTriggerContentWrapper {
    height: calc(100vh - 16.4rem);
  }
}
.iOSDevice.NotificationActive
  .OperatorAccountContainer
  .ContentTriggerContentWrapper {
  height: calc(var(--windowHeight) - 10.8rem);
}
.NotificationActive
  .OperatorAccountContainer
  .CallIconWrapper
  .ContentTriggerContentWrapper {
  height: calc(var(--windowHeight) - 11.4rem);
}
@media (min-width: 768px) {
  .NotificationActive
    .OperatorAccountContainer
    .CallIconWrapper
    .ContentTriggerContentWrapper {
    height: calc(100vh - 12.4rem);
    top: 4.4rem;
  }
}
@media (min-width: 1100px) {
  .NotificationActive
    .OperatorAccountContainer
    .CallIconWrapper
    .ContentTriggerContentWrapper {
    height: calc(100vh - 13.4rem);
    top: 5.2rem;
  }
}
.iOSDevice.NotificationActive
  .OperatorAccountContainer
  .CallIconWrapper
  .ContentTriggerContentWrapper {
  height: calc(var(--windowHeight) - 11.9rem);
}
@media (min-width: 1100px) {
  .iOSDevice.NotificationActive
    .OperatorAccountContainer
    .CallIconWrapper
    .ContentTriggerContentWrapper {
    height: calc(100vh - 12.6rem);
  }
}
.OperatorAccountContainer
  .ContentTriggerWrapper.IsActive
  .ContentTriggerContentWrapper {
  display: block;
}
.OperatorAccountContainer .ContentTriggerContainer {
  background: #fff;
  color: #294c0b;
}
.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenuWrapper {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .OperatorAccountContainer .ContentTriggerContainer .MyAccountMenuWrapper {
    box-shadow: 0 3px 14px 0 rgba(33, 33, 33, 0.05);
  }
}
.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 1.4rem 2rem;
}
.OperatorAccountContainer
  .ContentTriggerContainer
  .MyAccountMenu.FooterContainer,
.OperatorAccountContainer
  .ContentTriggerContainer
  .MyAccountMenu.LastLoginDateContainer,
.OperatorAccountContainer
  .ContentTriggerContainer
  .MyAccountMenu.LinksContainer,
.OperatorAccountContainer
  .ContentTriggerContainer
  .MyAccountMenu.LiveChatContainer {
  align-items: flex-start;
  justify-content: center;
}
.OperatorAccountContainer
  .ContentTriggerContainer
  .MyAccountMenu.BalanceContainer {
  background-color: #294c0b;
  padding: 0;
  justify-content: flex-start;
}
.OperatorAccountContainer
  .ContentTriggerContainer
  .MyAccountMenu.BalanceContainer
  .BalanceContainerItem {
  flex: 1 0 33.3333%;
  width: 33.3333%;
  text-align: center;
}
.OperatorAccountContainer
  .ContentTriggerContainer
  .MyAccountMenu.BalanceContainer
  .BalanceWrapper,
.OperatorAccountContainer
  .ContentTriggerContainer
  .MyAccountMenu.BalanceContainer
  .TotalBalanceWrapper,
.OperatorAccountContainer
  .ContentTriggerContainer
  .MyAccountMenu.BalanceContainer
  .TotalBonusesWrapper {
  padding: 1.4rem 0.5rem;
  margin: 0;
}
.OperatorAccountContainer
  .ContentTriggerContainer
  .MyAccountMenu.LastLoginDateContainer,
.OperatorAccountContainer
  .ContentTriggerContainer
  .MyAccountMenu.LiveChatContainer,
.OperatorAccountContainer
  .ContentTriggerContainer
  .MyAccountMenu.TornamentsRankContainer {
  background-color: #294c0b;
  color: #fff;
}
.OperatorAccountContainer
  .ContentTriggerContainer
  .MyAccountMenu.TornamentsRankContainer {
  padding: 1.4rem 1rem;
}
.OperatorAccountContainer .ContentTriggerContainer .MyAccountMenuUsername {
  font-size: 2.2rem;
}
.OperatorAccountContainer
  .ContentTriggerContainer
  .BalanceContainerItem
  .ComponentText {
  display: block;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0.5rem;
}
.OperatorAccountContainer
  .ContentTriggerContainer
  .BalanceContainerItem
  .Currency {
  font-size: 1.8rem;
  color: #fff;
}
.OperatorAccountContainer .ContentTriggerContainer .MenuItem.ListItem {
  width: 25%;
  margin: 1rem 0;
}
.OperatorAccountContainer
  .ContentTriggerContainer
  .MenuItem.ListItem
  .MenuItemImg {
  width: 3.5rem;
  height: 3.5rem;
  padding: 0.7rem;
}
.OperatorAccountContainer
  .ContentTriggerContainer
  .MenuItem.ListItem
  .MyAccountMenuLink {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #294c0b;
}
.OperatorAccountContainer .ContentTriggerContainer .LiveChatContainer .Button,
.OperatorAccountContainer
  .ContentTriggerContainer
  .LogOutButtonContainer
  .Button {
  font-size: 1.6rem;
  padding: 1.2rem 1.9rem;
  transition: background 0.2s ease-in-out;
  z-index: 4;
}
.OperatorAccountContainer
  .ContentTriggerContainer
  .LogOutButtonContainer
  .Button {
  color: #294c0b;
  border: 0.2rem solid #294c0b;
}
.OperatorAccountContainer
  .ContentTriggerContainer
  .LogOutButtonContainer
  .Button:active,
.OperatorAccountContainer
  .ContentTriggerContainer
  .LogOutButtonContainer
  .Button:hover {
  background-color: hsla(0, 0%, 100%, 0.3);
}
.OperatorAccountContainer .ContentTriggerContainer .LiveChatContainer .Button {
  color: #294c0b;
  background: #f9c408;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.4rem;
}
.OperatorAccountContainer
  .ContentTriggerContainer
  .LiveChatContainer
  .Button
  .SvgIcon {
  width: 2rem;
  height: 2rem;
  position: relative;
  overflow: hidden;
}
.OperatorAccountContainer
  .ContentTriggerContainer
  .LiveChatContainer
  .Button
  svg {
  width: 3rem;
  height: 3rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.OperatorAccountContainer
  .ContentTriggerContainer
  .LiveChatContainer
  .Button
  svg
  path {
  fill: #294c0b;
}
.OperatorAccountContainer
  .ContentTriggerContainer
  .LiveChatContainer
  .Button:active,
.OperatorAccountContainer
  .ContentTriggerContainer
  .LiveChatContainer
  .Button:hover {
  background-color: #ffe900;
}
.OperatorAccountContainer > .ContentTriggerContainer {
  background-color: transparent;
}
.iOSDevice {
  -webkit-text-size-adjust: 100%;
}
.iOSDevice
  .OperatorAccountContainer
  .ContentTriggerContainer
  .MyAccountMenuWrapper {
  padding-bottom: env(safe-area-inset-bottom);
}
.LanguageSelectorSVGFlag .cls-2,
.LanguageSelectorSVGFlag .cls-3 {
  stroke: none;
}
body.Page-Forexbet {
  background: #191919;
}
body.Page-Forexbet .SectionContent {
  background: #191919;
  padding-bottom: 0;
  line-height: 1;
}
.ForexbetIframeWrapper {
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}
.BurgerNavMenuWrapper {
  z-index: 5;
}
.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu {
  width: 90vw;
}
@media (min-width: 680px) {
  .TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu {
    width: 60vw;
  }
}
.ContentTriggerWrapper .ToggleMainMenu {
  outline: none;
}
.ContentTriggerWrapper .ToggleMainMenu:active,
.ContentTriggerWrapper .ToggleMainMenu:hover {
  color: #fff;
}
.ContentTriggerWrapper.IsActive .ToggleMainMenu {
  top: 1.8rem;
  left: 0.5rem;
}
.ContentTriggerWrapper.IsActive .hamburger-inner,
.ContentTriggerWrapper.IsActive .hamburger-inner:after,
.ContentTriggerWrapper.IsActive .hamburger-inner:before {
  width: 4rem;
}
.ContentTriggerWrapper.IsActive .hamburger-box {
  width: 4rem;
  height: 3.4rem;
}
.HamburgerContainer
  .HamburgerSubMenu
  .HamburgerSubMenuItem.ItemWithChildren
  .SubMenuItemChild {
  display: none;
}
.HamburgerContainer
  .HamburgerSubMenu
  .HamburgerSubMenuItem.ItemWithChildren.IsActive
  .SubMenuItemChild {
  display: flex;
}
.SectionHeader .hamburger {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.TriggerMainNav.IsActive .HamburgerContainer {
  width: inherit;
}
.TriggerMainNav.IsActive .HamburgerHeaderWrapper {
  z-index: 1;
  width: 90vw;
}
@media (min-width: 680px) {
  .TriggerMainNav.IsActive .HamburgerHeaderWrapper {
    width: calc(60vw - env(safe-area-inset-left));
  }
}
.TriggerMainNav.IsActive .OperatorMainMenu .Anchor {
  color: #fff;
}
.TriggerMainNav.IsActive .OperatorMainMenu.CrossSellMenu {
  background: #294c0b;
  padding-bottom: calc(env(safe-area-inset-bottom) + 20rem);
  overflow-y: hidden;
}
.HamburgerSubMenu .burgerSearchResults,
.HamburgerSubMenu.hasOpenSearch .subMenuHeaderWrapper {
  background: #294c0b;
}
.HamburgerContainer .HamburgerHeaderWrapper {
  width: 0;
  background: #091202;
  transition: width 0.6s ease-in-out;
  padding-left: env(safe-area-inset-left);
}
.HamburgerContainer .HamburgerHeader {
  background: #294c0b;
  display: flex;
  flex-wrap: nowrap;
  position: relative;
  margin-left: 5rem;
  border-bottom: 0.2rem solid #f9c408;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.HamburgerContainer .HamburgerHeader .MenuItemLabel {
  color: #fff;
}
.HamburgerContainer .HamburgerHeader .HamburgerHeaderItem {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 9rem;
  height: 8rem;
  opacity: 0.8;
  padding: 0 0.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.HamburgerContainer .HamburgerHeader .HamburgerHeaderItem.IsHighlighted {
  background-color: #f9c408;
}
.HamburgerContainer
  .HamburgerHeader
  .HamburgerHeaderItem.IsHighlighted
  .MenuItemLabel {
  color: #000;
}
.HamburgerContainer
  .HamburgerHeader
  .HamburgerHeaderItem.IsHighlighted
  .MenuItemImg {
  filter: invert(1);
}
.HamburgerContainer .HamburgerHeader .HamburgerHeaderItem.IsSelected {
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 1;
}
.HamburgerContainer
  .HamburgerHeader
  .HamburgerHeaderItem.IsSelected
  .MenuItemImg {
  filter: none;
}
.HamburgerContainer
  .HamburgerHeader
  .HamburgerHeaderItem.IsSelected
  .MenuItemLabel {
  color: #fff;
}
.HamburgerContainer
  .HamburgerHeader
  .HamburgerHeaderItem.IsSelected.IsHighlighted {
  background-color: rgba(249, 196, 8, 0.6);
}
.HamburgerContainer
  .HamburgerHeader
  .HamburgerHeaderItem.IsSelected.IsHighlighted
  .MenuItemLabel {
  color: #000;
}
.HamburgerContainer
  .HamburgerHeader
  .HamburgerHeaderItem.IsSelected.IsHighlighted
  .MenuItemImg {
  filter: invert(1);
}
.HamburgerContainer .HamburgerHeader .MenuItemImg {
  width: 4rem;
  height: 4rem;
  margin-bottom: 0.3rem;
}
.HamburgerContainer .HamburgerHeader .MenuItemImg svg {
  fill: #fff;
}
.HamburgerContainer .HamburgerSubMenu {
  height: calc(100vh - 22rem);
  padding: 0 2rem 10rem calc(env(safe-area-inset-left) + 2rem);
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.HamburgerContainer .HamburgerSubMenu.UnScrollable {
  overflow-y: hidden;
}
@media (orientation: landscape) {
  .HamburgerContainer .HamburgerSubMenu {
    height: calc(100vh - 15rem);
  }
}
@supports (-moz-appearance: none) {
  .HamburgerContainer .HamburgerSubMenu {
    padding: 1rem 2rem env(safe-area-inset-bottom)
      calc(env(safe-area-inset-left) + 2rem);
  }
  @media (orientation: landscape) {
    .HamburgerContainer .HamburgerSubMenu {
      height: calc(100vh - 22rem);
    }
  }
}
.HamburgerContainer .HamburgerSubMenu .MyAccountMenu {
  padding: 1rem 0;
}
.HamburgerContainer .HamburgerSubMenu .MyAccountMenuUsername {
  font-size: 1.8rem;
  text-align: center;
  padding: 2rem 0;
}
.HamburgerContainer .HamburgerSubMenu .Anchor.DepositBtn {
  background-color: #56a80a;
  color: #fff;
  margin: 0;
  padding: 1.5rem 0;
  text-align: center;
  text-transform: uppercase;
}
.HamburgerContainer .HamburgerSubMenu .BalanceContainer {
  display: flex;
  justify-content: space-between;
}
.HamburgerContainer
  .HamburgerSubMenu
  .HamburgerSubMenuItem.ItemWithChildren.IsActive {
  padding-bottom: 0;
  border: none;
}
.HamburgerContainer .HamburgerSubMenu .HamburgerSubMenuItem {
  font-size: 1.6rem;
  padding: 1rem 0;
  margin: 0;
  border-bottom: 0.1rem solid hsla(0, 0%, 100%, 0.1);
}
.HamburgerContainer .HamburgerSubMenu .HamburgerSubMenuItem:last-child {
  border-bottom: none;
}
.HamburgerContainer .HamburgerSubMenu .HamburgerSubMenuItem .SubMenuItemHeader {
  border-bottom: none;
  position: relative;
}
.HamburgerContainer
  .HamburgerSubMenu
  .HamburgerSubMenuItem
  .SubMenuItemHeader.IsActive {
  border-bottom: 0.1rem solid hsla(0, 0%, 100%, 0.1);
  padding-bottom: 1rem;
}
.HamburgerContainer .HamburgerSubMenu .HamburgerSubMenuItem .SubMenuItemChild {
  border-bottom: 0.1rem solid hsla(0, 0%, 100%, 0.1);
}
.HamburgerContainer
  .HamburgerSubMenu
  .HamburgerSubMenuItem
  .SubMenuItemChild
  .SubMenuItemLabel {
  font-weight: 100;
}
.HamburgerContainer .HamburgerSubMenu .HamburgerSubMenuItem.ComponentAnchor,
.HamburgerContainer .HamburgerSubMenu .HamburgerSubMenuItem .ComponentAnchor {
  display: flex;
  align-items: center;
}
.HamburgerContainer .HamburgerSubMenu .HamburgerSubMenuItem.IsHighlighted {
  background-color: #f9c408;
}
.HamburgerContainer
  .HamburgerSubMenu
  .HamburgerSubMenuItem.IsHighlighted
  .SubMenuItemLabel {
  color: #000;
}
.HamburgerContainer
  .HamburgerSubMenu
  .HamburgerSubMenuItem.IsHighlighted
  .SubMenuItemImg {
  filter: invert(1);
}
.HamburgerContainer .HamburgerSubMenu .ComponentAnchor {
  display: flex;
  align-items: center;
}
.HamburgerContainer .HamburgerSubMenu .MenuItemImg,
.HamburgerContainer .HamburgerSubMenu .SubMenuItemImg {
  display: inline-block;
  fill: #fff;
  width: 3rem;
  height: 3rem;
  margin-right: 1rem;
}
.HamburgerContainer .HamburgerSubMenu .MyAccountMenuLink.Anchor {
  display: inline-block;
  color: #fff;
}
.HamburgerContainer .HamburgerSubMenu .LastLoginDateContainer,
.HamburgerContainer .HamburgerSubMenu .LiveChatContainer,
.HamburgerContainer .HamburgerSubMenu .LogOutButtonContainer {
  text-align: center;
}
.HamburgerContainer .HamburgerSubMenu .LogOutButton {
  color: #fff;
}
.HamburgerContainer .ItemWithChildren .SubMenuItemArrow {
  width: 1rem;
  height: 1rem;
  position: absolute;
  right: 0;
  top: 0.6rem;
}
.HamburgerContainer .ItemWithChildren .SubMenuItemArrow svg {
  fill: #fff;
  color: #fff;
}
.HamburgerContainer .ItemWithChildren .SubMenuItemArrow.IsActive svg {
  transform: rotate(180deg);
}
.HamburgerContainer .ItemWithChildren .Anchor {
  padding: 1rem 0;
}
.HamburgerContainer .BalanceContainerItem {
  text-align: center;
}
.HamburgerContainer .BalanceContainerItem .Text {
  display: block;
}
.HamburgerContainer .BalanceContainerItem .Currency {
  font-size: 1.6rem;
  font-weight: 700;
  color: #56a80a;
}
.Body
  .NotificationArea
  ~ .IgReelsContainer
  ~ .SectionHeader
  .HamburgerContainer {
  height: calc(var(--windowHeight) - 22.5rem);
}
.Body .NotificationArea ~ .SectionHeader .HamburgerContainer {
  height: calc(var(--windowHeight) - 14.5rem);
}
.Body .IgReelsContainer ~ .SectionHeader .HamburgerContainer {
  height: calc(var(--windowHeight) - 16.5rem);
}
.Body .HamburgerContainer {
  height: calc(var(--windowHeight) - 8.5rem);
}
.Body .HamburgerContainer .HamburgerSubMenu {
  height: 100%;
  box-sizing: border-box;
  padding-bottom: 0;
}
.Body .HamburgerContainer .HamburgerSubMenu .HamburgerLanguageSelector {
  margin-bottom: 6rem;
}
.MobileBottomNavigationWrapper mobile-bottom-navigation::part(NavigationBar),
.MobileBottomNavigationWrapper mobile-bottom-navigation::part(NavigationPanel) {
  height: 6.5rem;
  max-width: 100%;
}
.MobileBottomNavigationWrapper mobile-bottom-navigation::part(NavigationBar) {
  padding: 0 1.5rem;
}
.Body.HasMobileBottomNavigation
  .NotificationArea
  ~ .IgReelsContainer
  ~ .SectionHeader
  .HamburgerContainer {
  height: calc(var(--windowHeight) - 29rem);
}
.Body.HasMobileBottomNavigation
  .NotificationArea
  ~ .SectionHeader
  .HamburgerContainer {
  height: calc(var(--windowHeight) - 21rem);
}
.Body.HasMobileBottomNavigation
  .IgReelsContainer
  ~ .SectionHeader
  .HamburgerContainer {
  height: calc(var(--windowHeight) - 23rem);
}
.Body.HasMobileBottomNavigation .HamburgerContainer {
  height: calc(var(--windowHeight) - 15rem);
}
.Body.HasMobileBottomNavigation .HamburgerContainer .HamburgerSubMenu {
  height: 100%;
  box-sizing: border-box;
  padding-bottom: 0;
  margin-bottom: 6.5rem;
}
.Body.HasMobileBottomNavigation
  .HamburgerContainer
  .HamburgerSubMenu
  .HamburgerLanguageSelector {
  margin-bottom: 6rem;
}
body.iOSDevice .HamburgerSubMenu > :last-child {
  margin-bottom: 0;
}
.MobileBottomNavigationWrapper mobile-bottom-navigation::part(NavigationPanel) {
  bottom: 0;
  width: 100%;
}
.MobileBottomNavigationWrapper
  mobile-bottom-navigation::part(NavigationPrimaryItemAnchor),
.MobileBottomNavigationWrapper
  mobile-bottom-navigation::part(NavigationSecondaryItemAnchor) {
  color: #fff;
  gap: 0;
}
.MobileBottomNavigationWrapper
  mobile-bottom-navigation::part(NavigationSecondaryItemAnchor) {
  width: 16.66667%;
}
.MobileBottomNavigationWrapper
  mobile-bottom-navigation::part(NavigationPrimaryItemImg) {
  width: 3.3rem;
}
.MobileBottomNavigationWrapper
  mobile-bottom-navigation::part(NavigationSecondaryItemImg) {
  width: 2.8rem;
}
.MobileBottomNavigationWrapper
  mobile-bottom-navigation::part(NavigationSecondaryItemLabel) {
  font-size: 0.8rem;
}
.MobileBottomNavigationWrapper
  mobile-bottom-navigation::part(NavigationWindow NavigationWindowOpened) {
  padding-top: 3rem;
  background: #212121;
  padding-top: 1rem;
  border: 1px solid #4d3c02;
}
.MobileBottomNavigationWrapper
  mobile-bottom-navigation::part(NavigationButtonSvg) {
  width: 3.4rem;
  height: 3.4rem;
}
.MobileBottomNavigationWrapper mobile-bottom-navigation::part(a) {
  stroke: none;
}
.MobileBottomNavigationWrapper mobile-bottom-navigation::part(b) {
  fill: #fff;
  rx: 0;
}
.MobileBottomNavigationWrapper mobile-bottom-navigation::part(c) {
  rx: 0;
}
.MobileBottomNavigationWrapper
  mobile-bottom-navigation::part(NavigationButton)::part(b) {
  fill: none;
  stroke: #fff;
}
.iOSDevice .OperatorTopLanguage,
.TriggerMainNav.IsActive
  .OperatorMainMenu.CrossSellMenu
  .OperatorTopLanguage
  .LanguageSelectorSVGFlag {
  padding-left: 0;
}
.TriggerMainNav.IsActive
  .OperatorMainMenu.CrossSellMenu
  .ComponentSiteLanguageSelector
  .HeaderLanguageSelector:before {
  left: 0.5rem;
}
.BurgerNavMenuWrapper .HamburgerActiveLabel {
  display: none;
}
.BurgerNavMenuWrapper.IsActive .HamburgerActiveLabel {
  display: block;
}
.BurgerNavMenuWrapper.IsActive .HamburgerDefaultLabel {
  display: none;
}
@media (max-width: 1099px) {
  .Page-Casino .HighlightedListWrapper.MsnRow,
  .Page-LiveCasino .HighlightedListWrapper.MsnRow {
    max-width: 100%;
  }
  .Page-Casino .HighlightedListWrapper.MsnRow .OperatorTotalJackpotsTop,
  .Page-LiveCasino .HighlightedListWrapper.MsnRow .OperatorTotalJackpotsTop {
    display: inline;
    left: 4rem;
    transform: none;
    margin: 0 2.2rem 1.2rem;
    padding-left: 0;
  }
}
@media (max-width: 1099px) and (max-width: 767px) {
  .Page-Casino .HighlightedListWrapper.MsnRow .OperatorTotalJackpotsTop,
  .Page-LiveCasino .HighlightedListWrapper.MsnRow .OperatorTotalJackpotsTop {
    left: 0;
  }
}
@media (max-width: 1099px) {
  .Page-Casino .HighlightedListWrapper.MsnRow .GamesSwipeable,
  .Page-LiveCasino .HighlightedListWrapper.MsnRow .GamesSwipeable {
    padding-top: 8rem;
    padding-bottom: 1rem;
    background-image: none !important;
  }
}
@media (max-width: 1099px) and (min-width: 768px) {
  .Page-Casino .HighlightedListWrapper.MsnRow .GamesSwipeable,
  .Page-LiveCasino .HighlightedListWrapper.MsnRow .GamesSwipeable {
    padding-top: 12rem;
  }
}
@media (min-width: 300px) and (max-width: 1099px) {
  .Page-Casino .MsnRow .GamesListContainer,
  .Page-LiveCasino .MsnRow .GamesListContainer {
    display: grid;
    grid-template-columns: repeat(6, 12.4rem);
    grid-template-rows: 12.4rem;
    grid-gap: 0.8rem;
    justify-items: stretch;
    align-items: stretch;
  }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .Page-Casino .MsnRow .GamesListContainer,
  .Page-LiveCasino .MsnRow .GamesListContainer {
    grid-template-columns: repeat(6, 14.6rem);
    grid-template-rows: auto;
    grid-gap: 0.6rem;
    grid-row-gap: 1.2rem;
  }
}
@media (min-width: 300px) and (max-width: 1099px) {
  .Page-Casino .MsnRow.HighlightedListWrapper .GamesListContainer,
  .Page-LiveCasino .MsnRow.HighlightedListWrapper .GamesListContainer {
    display: grid;
    grid-template-columns: repeat(6, 12.4rem);
    grid-template-rows: 12.4rem;
    grid-gap: 0.8rem;
    justify-items: stretch;
    align-items: stretch;
  }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .Page-Casino .MsnRow.HighlightedListWrapper .GamesListContainer,
  .Page-LiveCasino .MsnRow.HighlightedListWrapper .GamesListContainer {
    grid-template-columns: repeat(6, 14.6rem);
    grid-gap: 0.6rem;
    grid-row-gap: 1.2rem;
  }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .Page-Casino
    .MsnRow.HighlightedListWrapper
    .GamesListContainer
    .ListGame:first-child,
  .Page-Casino
    .MsnRow.HighlightedListWrapper
    .GamesListContainer
    .ListGame:nth-child(2),
  .Page-LiveCasino
    .MsnRow.HighlightedListWrapper
    .GamesListContainer
    .ListGame:first-child,
  .Page-LiveCasino
    .MsnRow.HighlightedListWrapper
    .GamesListContainer
    .ListGame:nth-child(2) {
    grid-column: auto;
    grid-row: auto;
  }
}
@media (min-width: 300px) and (max-width: 1099px) {
  .Page-Casino .MsnRow .ComponentGameThumbnail,
  .Page-Casino .MsnRow .GameTileContainer,
  .Page-Casino .MsnRow .ListGame,
  .Page-Casino .MsnRow .ListGameImage,
  .Page-Casino .MsnRow .ListGameLink,
  .Page-LiveCasino .MsnRow .ComponentGameThumbnail,
  .Page-LiveCasino .MsnRow .GameTileContainer,
  .Page-LiveCasino .MsnRow .ListGame,
  .Page-LiveCasino .MsnRow .ListGameImage,
  .Page-LiveCasino .MsnRow .ListGameLink {
    width: 100%;
    max-width: 100%;
    overflow: visible;
  }
}
.Page-Casino .MsnRow .ListGame,
.Page-LiveCasino .MsnRow .ListGame {
  margin-bottom: 0;
}
@media (min-width: 300px) and (max-width: 767px) {
  .Page-Casino .MsnRow .ListGame,
  .Page-LiveCasino .MsnRow .ListGame {
    width: 12.4rem;
    height: auto;
    min-height: 0;
    max-width: unset;
  }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .Page-Casino .MsnRow .ListGame,
  .Page-LiveCasino .MsnRow .ListGame {
    width: 14.6rem;
    height: auto;
    min-height: 0;
    max-width: unset;
  }
}
@media (min-width: 300px) and (max-width: 1099px) {
  .Page-Casino .MsnRow .VerticalMobileLayout .ListGameImage,
  .Page-LiveCasino .MsnRow .VerticalMobileLayout .ListGameImage {
    min-height: 0;
    border-radius: 0.8rem;
    -o-object-fit: fill;
    object-fit: fill;
    overflow: hidden;
  }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .CasinoJackpotWinnerSection,
  .GamesList {
    padding: 0 4rem;
  }
}
@media (max-device-width: 1099px),
  (min-device-width: 320px) and (orientation: landscape),
  (min-width: 768px) and (max-width: 1099px) {
  .CasinoJackpotWinnerSection .GameCategoryIcon,
  .GamesList .GameCategoryIcon {
    margin: 1rem 1.8rem 0;
  }
  .CasinoJackpotWinnerSection .GameCategoryIcon img,
  .CasinoJackpotWinnerSection .GameCategoryIcon svg,
  .GamesList .GameCategoryIcon img,
  .GamesList .GameCategoryIcon svg {
    max-height: 3rem;
    width: auto;
  }
}
.MsnRow.HighlightedListWrapper .VerticalMobileLayout .GamesListContainer,
.MsnRow .VerticalMobileLayout .GamesListContainer {
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 2.4rem 1.6rem 0;
  grid-gap: 1.2rem;
}
@media (min-width: 480px) {
  .MsnRow.HighlightedListWrapper .VerticalMobileLayout .GamesListContainer,
  .MsnRow .VerticalMobileLayout .GamesListContainer {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (min-device-width: 320px) and (orientation: landscape) {
  .MsnRow.HighlightedListWrapper .VerticalMobileLayout .GamesListContainer,
  .MsnRow .VerticalMobileLayout .GamesListContainer {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .MsnRow.HighlightedListWrapper .VerticalMobileLayout .GamesListContainer,
  .MsnRow .VerticalMobileLayout .GamesListContainer {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.MsnRow.HighlightedListWrapper .VerticalMobileLayout .ListGame,
.MsnRow .VerticalMobileLayout .ListGame {
  width: 100%;
  padding: 0;
}
.MsnRow.HighlightedListWrapper .VerticalMobileLayout .GameTitle,
.MsnRow .VerticalMobileLayout .GameTitle {
  display: block;
  text-align: center;
  margin: 0.5rem auto;
  max-width: 70%;
  width: 100%;
}
.MsnRow.HighlightedListWrapper .VerticalMobileLayout .GameTags,
.MsnRow .VerticalMobileLayout .GameTags {
  width: 100%;
}
@media (max-device-width: 1099px),
  (min-device-width: 320px) and (orientation: landscape),
  (min-width: 768px) and (max-width: 1099px) {
  .MsnRow.HighlightedListWrapper .VerticalMobileLayout .GameTags,
  .MsnRow .VerticalMobileLayout .GameTags {
    position: absolute;
    top: 0;
  }
  .MsnRow.HighlightedListWrapper
    .VerticalMobileLayout
    .GameTags
    .GameProp.NewGameRibbon,
  .MsnRow .VerticalMobileLayout .GameTags .GameProp.NewGameRibbon {
    background-image: url(/static/img/new-game-ribbon.png);
    background-color: transparent;
    background-position: 0;
    background-size: 100%;
    position: relative;
    max-width: 6.85rem;
    max-height: 2.125rem;
    width: 100%;
    height: 100%;
    text-indent: 2.25rem;
    font-size: 1.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.MsnRow.HighlightedListWrapper .VerticalMobileLayout .LoadMoreButtonContainer,
.MsnRow .VerticalMobileLayout .LoadMoreButtonContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  margin: 2rem 0;
}
.MsnRow.HighlightedListWrapper
  .VerticalMobileLayout
  .LoadMoreButtonContainer
  .LoadMoreButton,
.MsnRow.HighlightedListWrapper
  .VerticalMobileLayout
  .LoadMoreButtonContainer
  .OperatorViewAllGames,
.MsnRow .VerticalMobileLayout .LoadMoreButtonContainer .LoadMoreButton,
.MsnRow .VerticalMobileLayout .LoadMoreButtonContainer .OperatorViewAllGames {
  display: flex;
  justify-content: center;
  border: 0.2rem solid #f9c408;
  border-radius: 0.8rem;
  color: #f9c408;
  padding: 1.6rem;
  text-align: center;
  width: 20rem;
}
@media (min-width: 768px) {
  .MsnRow.HighlightedListWrapper
    .VerticalMobileLayout
    .LoadMoreButtonContainer
    .LoadMoreButton,
  .MsnRow.HighlightedListWrapper
    .VerticalMobileLayout
    .LoadMoreButtonContainer
    .OperatorViewAllGames,
  .MsnRow .VerticalMobileLayout .LoadMoreButtonContainer .LoadMoreButton,
  .MsnRow .VerticalMobileLayout .LoadMoreButtonContainer .OperatorViewAllGames {
    width: 40rem;
  }
}
.MsnRow.HighlightedListWrapper
  .VerticalMobileLayout
  .LoadMoreButtonContainer
  .LoadMoreButton:hover,
.MsnRow.HighlightedListWrapper
  .VerticalMobileLayout
  .LoadMoreButtonContainer
  .OperatorViewAllGames:hover,
.MsnRow .VerticalMobileLayout .LoadMoreButtonContainer .LoadMoreButton:hover,
.MsnRow
  .VerticalMobileLayout
  .LoadMoreButtonContainer
  .OperatorViewAllGames:hover {
  border: 0.2rem solid #ffe900;
  color: #ffe900;
  text-decoration: none;
}
.MsnRow.HighlightedListWrapper .VerticalMobileLayout .GamesListContainer {
  padding: 2.4rem 1.6rem 3.2rem;
  grid-row-gap: 3.2rem;
}
.InstanceGeneralGameListGrid.MsnRow.HighlightedListWrapper
  .VerticalMobileLayout
  .GamesListContainer,
.InstanceGeneralGameListGrid.MsnRow .VerticalMobileLayout .GamesListContainer {
  padding: 0 1.6rem;
}
.ComponentSearchedGamesGrid.MsnRow .VerticalMobileLayout .GamesListContainer,
.InstanceCategoryFavGames.MsnRow .VerticalMobileLayout .GamesListContainer {
  padding: 0 1.6rem;
  margin-top: 0;
}
.ComponentSearchedGamesGrid.MsnRow .VerticalMobileLayout .GamesListContainer {
  grid-template-columns: repeat(2, 50%);
}
@media (min-width: 480px) {
  .ComponentSearchedGamesGrid.MsnRow .VerticalMobileLayout .GamesListContainer {
    grid-template-columns: repeat(3, 33.3333%);
  }
}
@media only screen and (min-device-width: 320px) and (orientation: landscape) {
  .ComponentSearchedGamesGrid.MsnRow .VerticalMobileLayout .GamesListContainer {
    grid-template-columns: repeat(4, 25%);
  }
}
@media (min-width: 768px) and (max-width: 1099px) {
  .ComponentSearchedGamesGrid.MsnRow .VerticalMobileLayout .GamesListContainer {
    grid-template-columns: repeat(4, 25%);
  }
}
.GameProp.GameVendorLogo {
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 9rem;
  box-sizing: border-box;
  background: transparent;
  height: 4rem;
  pointer-events: none;
}
@media (min-width: 1100px) {
  .GameProp.GameVendorLogo {
    pointer-events: auto;
  }
}
@media (min-width: 768px) {
  .GameProp.GameVendorLogo {
    right: 0.2rem;
    top: 0.2rem;
  }
}
.GameProp.GameVendorLogo .GameVendorLogoImage {
  max-width: 100%;
  max-height: 100%;
}
.ListGame:hover .GameProp.GameVendorLogo,
.ListGameLink:hover .GameProp.GameVendorLogo {
  opacity: 1;
  z-index: 1;
}
.StickyPlaceholder {
  height: 5.4rem;
}
@media (min-width: 1100px) {
  .StickyPlaceholder {
    height: 7.7rem;
  }
}
.StickyPlaceholder.StickyPlaceholderHeaderMenu {
  height: 5.4rem;
}
@media (min-width: 1100px) {
  .StickyPlaceholder.StickyPlaceholderHeaderMenu {
    height: 7.7rem;
  }
}
.StickyPlaceholder .CategoriesItem.ListItem {
  height: 5.4rem;
}
@media (min-width: 1100px) {
  .StickyPlaceholder .CategoriesItem.ListItem {
    height: 7.7rem;
  }
}
.StickyWrapper {
  height: 5.4rem;
}
@media (min-width: 1100px) {
  .StickyWrapper {
    height: 7.7rem;
  }
}
.StickyWrapper.StickyWrapperHeaderMenu {
  height: 5.4rem;
}
@media (min-width: 1100px) {
  .StickyWrapper.StickyWrapperHeaderMenu {
    height: 7.7rem;
  }
}
.StickyWrapper .HorizontalScrollBar.ComponentLayout.PromotionsScroll,
.StickyWrapper .PromotionsFilterItem {
  height: 5.4rem;
}
@media (min-width: 1100px) {
  .StickyWrapper .HorizontalScrollBar.ComponentLayout.PromotionsScroll,
  .StickyWrapper .PromotionsFilterItem {
    height: 7.7rem;
  }
}
.OperatorSticky {
  height: 5.4rem;
}
@media (min-width: 1100px) {
  .OperatorSticky {
    height: 7.7rem;
  }
}
.OperatorCasinoCategories {
  height: 5.4rem;
}
@media (min-width: 1100px) {
  .OperatorCasinoCategories {
    height: auto;
  }
}
.IsScrolled .NewCatScroll {
  height: 5.4rem;
}
@media (min-width: 600px) {
  .IsScrolled .NewCatScroll {
    height: 100%;
  }
}
@media (min-width: 1100px) {
  .IsScrolled .NewCatScroll {
    height: 100%;
  }
}
.SearchTrigger .InstanceIconSearch.ButtonIconStart {
  margin-top: 0.5rem;
}
.CategoriesItem .GameCategory,
.ExtraCategories .Anchor,
.ExtraCategories .Button,
.VendorList .Anchor {
  padding: 2.1rem 1.5rem 2rem;
  border-bottom: 0.4rem solid transparent;
}
@media (min-width: 1100px) {
  .CategoriesItem .GameCategory,
  .ExtraCategories .Anchor,
  .ExtraCategories .Button,
  .VendorList .Anchor {
    padding: 3rem 1.5rem 2.8rem;
  }
}
.LiveProps {
  bottom: 2.6rem;
  border-bottom-right-radius: 0.8rem;
  border-bottom-left-radius: 0.8rem;
}
@media (min-width: 768px) {
  .LiveProps {
    bottom: 2.8rem;
  }
  .LiveProps.Authenticated {
    bottom: 5.4rem;
  }
}
@media (min-width: 1100px) {
  .LiveProps {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .LiveProps,
  .LiveProps.Authenticated {
    bottom: 1.8rem;
  }
  .WithGameTags .LiveProps.Authenticated,
  .WithGameTags .LiveProps.RoulleteProps {
    bottom: 2.5rem;
  }
  .LiveProps.BlackJackProps,
  .LiveProps.RoulleteProps {
    bottom: 2.2rem;
  }
}
.LiveProps .LiveLimits {
  border-bottom-right-radius: 0.8rem;
  border-bottom-left-radius: 0.8rem;
}
@media (min-width: 1100px) {
  .LiveProps .LiveLimits {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}
.RegisterFormStepWrapper .FormNote {
  color: #212121;
  font-size: 1.1rem;
  font-style: italic;
  word-break: break-word;
  margin-top: 0.5rem;
  line-height: 1rem;
}
.RegisterFormStepWrapper .FormNote.NameMessage {
  margin: -1rem 0 2rem;
}
.ForgotPass2FaModal {
  min-height: 100%;
}
@media (min-width: 1100px) {
  .ForgotPass2FaModal {
    min-height: 35rem;
  }
}
.ForgotPass2FaModal .ModalBody {
  padding-top: 4rem;
  padding-bottom: 4rem;
  color: #294c0b;
}
.ForgotPass2FaModal .ModalBody .RecaptchaContainer {
  margin-bottom: unset;
}
.ForgotPass2FaModal .ModalBody .PendingStatus {
  margin-top: 2rem;
}
.ForgotPass2FaModal .ModalBody .CodeStatusInfo {
  position: relative;
  margin-bottom: 1.5rem;
  top: 0;
  font-size: 1.4rem;
  color: #294c0b;
}
.ForgotPass2FaModal .ModalBody .ResendSmsInfo {
  margin-top: 1rem;
  font-size: 1.4rem;
  color: #294c0b;
  margin-bottom: 1rem;
}
.ForgotPass2FaModal .SubmitButton {
  margin-top: 3rem;
  width: 100%;
}
.ForgotPass2FaModal .PhoneInfo {
  color: #294c0b;
  line-height: 2rem;
  font-size: 1.6rem;
  margin-bottom: 0.4rem;
}
.ForgotPass2FaModal input {
  width: 100%;
}
.ForgotPass2FaModal .CodeInput {
  display: flex;
}
.ForgotPass2FaModal .CodeInput input {
  min-width: 4rem;
}
.ForgotPass2FaModal .CodeInput .SendButton {
  height: 4rem;
  margin-left: 1rem;
  min-width: 11rem;
}
.ModalWrapper {
  min-width: 30rem;
  flex-direction: column;
  position: relative;
  top: 30%;
}
.ModalHeader {
  background: #294c0b;
  color: #f9c408;
  text-transform: capitalize;
  font-size: 1.6rem;
  min-height: 2rem;
  padding: 0.8rem 1rem;
  margin-bottom: 0.4rem;
  display: flex;
}
.ModalHeader .InfoText {
  margin-left: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.BackBtnSmsToggle {
  border-radius: 0.8rem;
  border-width: 0.2rem;
  line-height: 1rem;
  text-transform: uppercase;
  border-color: #294c0b;
  color: #294c0b;
  position: absolute;
  right: 10px;
  top: 8px;
}
.ModalBody {
  display: flex;
  flex-direction: column;
  padding: 1.2rem 3rem 2rem;
  position: relative;
  min-height: 25rem;
}
.ModalBody .ActiveLink {
  color: #000bff;
}
.ModalBody .ModalInput.Phone {
  padding-left: 4rem;
}
.ModalBody .ModalInput.Code,
.ModalBody .ModalInput.VerificationCode {
  text-align: center;
}
.ModalBody .PendingStatus {
  position: relative;
  height: 2rem;
}
.ModalBody .PendingStatus .Spinner {
  top: 0;
}
.ModalBody .Spinner {
  top: 50%;
  left: 50%;
}
.ModalBody .InvalidCodeError {
  text-align: center;
  position: relative;
  top: -2rem;
  color: #f9c408;
}
.ModalBody .PhoneIcon {
  width: 3rem;
  top: 0.5rem;
  left: 0.5rem;
  position: absolute;
}
.ModalBody .PhoneIcon svg {
  fill: #dedede;
}
@media (min-width: 760px) {
  .ModalBody .PhoneIcon {
    top: 0.6rem;
  }
}
@media (min-width: 1100px) {
  .ModalBody .PhoneIcon {
    top: 0.6rem;
  }
}
.ModalBody .CodeStatusInfo {
  text-align: center;
  position: relative;
  width: 100%;
  top: -2.4rem;
}
.ModalBody .CodeStatusInfo.NoAlign {
  text-align: unset;
}
.ModalBody .CodeStatusInfo.Failed {
  color: #c03928;
}
.ModalBody .ResendSmsInfo {
  text-align: center;
  position: relative;
  line-height: 1.6rem;
}
.ModalInput {
  height: 4rem;
  margin-bottom: 1rem;
  width: 100%;
}
.ModalButton {
  background: #294c0b;
  color: #f9c408;
  margin-bottom: 2.4rem;
  text-transform: capitalize;
  border-radius: 0.4rem;
  width: 100%;
}
.CustomLoginContent {
  color: #fff;
}
@media (min-width: 1100px) {
  .CustomLoginContent {
    color: #294c0b;
  }
}
.ActiveLink {
  color: #fff;
  cursor: pointer;
  font-weight: 700;
  text-decoration: underline;
}
@media (min-width: 1100px) {
  .ActiveLink {
    width: auto;
    color: #000bff;
  }
}
.SmsPadlock svg {
  width: 4rem;
  height: 4rem;
}
.display2FAForm {
  padding: 2rem 4rem;
  color: #fff;
}
@media (min-width: 1100px) {
  .display2FAForm {
    width: auto;
    color: #212121;
  }
}
.display2FAForm .Title {
  margin-top: 5rem;
  text-align: center;
  padding: 0 1.5rem;
  margin-bottom: 2rem;
}
@media (min-width: 1100px) {
  .display2FAForm .Title {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
.display2FAForm .SvgIcon {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
  fill: #fff;
}
@media (min-width: 1100px) {
  .display2FAForm .SvgIcon {
    fill: #212121;
  }
}
.display2FAForm .SvgIcon svg {
  height: 10rem;
}
.display2FAForm .CodeInput {
  width: 100%;
  text-align: center;
  background: #e8f0fd;
  font-weight: 900;
  margin-bottom: 1rem;
}
.display2FAForm .Validate {
  width: 100%;
  background-color: #f9c408;
  border-radius: 0.4rem;
  border: none;
  color: #294c0b;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}
.display2FAForm .Info.ResendSms {
  cursor: pointer;
  line-height: 1.5rem;
  height: 4rem;
  position: relative;
}
.display2FAForm .Info.ResendSms .Spinner {
  top: 0;
}
.PhoneInputWrapper,
.toggle-switch {
  position: relative;
}
.toggle-switch {
  width: 9rem;
  display: inline-block;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  text-align: left;
}
.toggle-switch-checkbox {
  display: none;
}
.toggle-switch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 0 solid #bbb;
  border-radius: 2rem;
  margin: 0;
}
.toggle-switch-label:focus {
  outline: none;
}
.toggle-switch-label:focus > span {
  box-shadow: 0 0 0.2rem 0.5rem red;
}
.toggle-switch-label > span:focus {
  outline: none;
}
.toggle-switch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
.toggle-switch-inner:after,
.toggle-switch-inner:before {
  display: block;
  float: left;
  width: 50%;
  height: 3rem;
  padding: 0;
  line-height: 3rem;
  font-size: 1.4rem;
  color: #fff;
  font-weight: 400;
  box-sizing: border-box;
}
.toggle-switch-inner:before {
  content: attr(data-yes);
  text-transform: uppercase;
  padding-left: 1rem;
  background-color: #8bc53e;
  border: 0.1rem solid #66942c;
  border-right: none;
  border-bottom: none;
  border-radius: 4rem;
  color: #fff;
}
.toggle-switch-disabled,
.toggle-switch-disabled:before {
  background-color: #ddd;
  cursor: not-allowed;
}
.toggle-switch-inner:after {
  content: attr(data-no);
  text-transform: uppercase;
  padding-right: 1rem;
  background-color: #a1a2a5;
  border: 0.1rem solid #5c5c5e;
  border-right: none;
  border-bottom: none;
  border-radius: 4rem;
  color: #fff;
  text-align: right;
}
.toggle-switch-switch {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  margin: 0.2rem;
  background: #e5e6e6;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 6rem;
  border: 0.1rem solid #fff;
  border-right: none;
  border-bottom: none;
  border-radius: 2rem;
  transition: all 0.3s ease-in 0s;
}
.toggle-switch-checkbox:checked + .toggle-switch-label .toggle-switch-inner {
  margin-left: 0;
}
.toggle-switch-checkbox:checked + .toggle-switch-label .toggle-switch-switch {
  right: 0;
}
.toggle-switch.small-switch {
  width: 4rem;
}
.toggle-switch.small-switch .toggle-switch-inner:after,
.toggle-switch.small-switch .toggle-switch-inner:before {
  content: "";
  height: 2rem;
  line-height: 2rem;
}
.toggle-switch.small-switch .toggle-switch-switch {
  width: 1.6rem;
  right: 2rem;
  margin: 0.2rem;
}
@media screen and (max-width: 991px) {
  .toggle-switch {
    transform: scale(0.9);
  }
}
@media screen and (max-width: 767px) {
  .toggle-switch {
    transform: scale(0.825);
  }
}
@media screen and (max-width: 575px) {
  .toggle-switch {
    transform: scale(0.75);
  }
}
.PhoneUpdateIconContainer {
  cursor: pointer;
}
.PhoneUpdateIconContainer .MyAccountMenuLink .MenuItemImg svg {
  fill: #f9c408;
}
.UpdatePhoneModalBody .PhoneUpdateLabel {
  text-align: center;
  margin-top: 1rem;
}
.UpdatePhoneModalBody .PhoneUpdateLabel .PhoneNumberUpdateTip {
  margin-left: 1rem;
  color: #828282;
  font-size: 0.7em;
}
.UpdatePhoneModalBody .PhoneUpdatedContent {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
}
.UpdatePhoneModalBody .PhoneUpdatedContent .SuccessImg svg {
  height: 7rem;
  fill: #294c0b;
}
.UpdatePhoneModalBody .PhoneUpdatedContent .SuccessMessage.Header {
  color: #294c0b;
}
.UpdatePhoneModalBody .PhoneUpdatedContent .SuccessMessage.Info {
  text-align: center;
  max-width: 20rem;
  margin-bottom: 1rem;
}
.UpdatePhoneModalBody .PhoneUpdatedContent .ConfirmButton {
  width: 50%;
}
.UpdatePhoneModalBody .PhoneUpdatedContent .PhoneInputWrapper {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.UpdatePhoneModalBody .PhoneUpdatedContent .ResendCode {
  margin-top: 3rem;
}
.UpdatePhoneModalBody .PhoneUpdateContainer .NewNumberHeader {
  margin-bottom: 1rem;
}
.UpdatePhoneModalBody .PhoneUpdateContainer .SMSModalInfo {
  margin-top: 1rem;
}
.UpdatePhoneModalBody .PhoneUpdateContainer .PhoneInputWrapper {
  margin-top: 0;
}
.UpdatePhoneModalBody
  .PhoneUpdateContainer
  .PhoneInputWrapper
  input::-moz-placeholder {
  font-style: italic;
  color: #828282;
}
.UpdatePhoneModalBody
  .PhoneUpdateContainer
  .PhoneInputWrapper
  input::placeholder {
  font-style: italic;
  color: #828282;
}
.UpdatePhoneModalBody .PhoneUpdateContainer .PhonePrefixContainer {
  margin-bottom: 2rem;
}
.UpdatePhoneModalBody .PhoneInputWrapper {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.UpdatePhoneModalBody .ModalButton {
  margin-top: 2rem;
  margin-bottom: 0;
  color: #fff;
}
.UpdatePhoneModalBody .ModalInput.VerificationCode {
  margin-top: 0.8rem;
}
.UpdatePhoneModalBody .ModalInput.VerificationCode.Validation {
  margin-top: 0;
}
.UpdatePhoneModalBody .PhoneNotUpdatableLabel {
  text-align: center;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.SMSModalInfo {
  text-align: center;
}
.SMSModalInfo.Verification {
  margin-top: 1rem;
  margin-bottom: 1rem;
  text-align: center;
}
.SMSModalInfo.ResendCode {
  cursor: pointer;
  margin-top: 0.4rem;
}
.SMSModalInfo.Error {
  color: #c03928;
  text-align: center;
}
.SmSCodeWrapper {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 5rem;
}
.SmSCodeWrapper .SmSCodeInputWrapper {
  position: relative;
  display: inline-block;
}
.SmSCodeWrapper .SmSCodeInputWrapper .InputContainer {
  margin: 0;
}
.SmSCodeWrapper .SmSCodeInputWrapper:before {
  content: attr(data-placeholder);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.SmSCodeWrapper .SmSCodeInputWrapper .InputWrap input {
  position: relative;
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
}
.SmSCodeWrapper .SmSCodeInputWrapper .InputWrap input,
.SmSCodeWrapper .SmSCodeInputWrapper:before {
  font-size: 2.4rem;
  letter-spacing: 2rem;
  width: 19rem;
}
.SmSCodeWrapper .SmSCodeInputWrapper .Message {
  margin-bottom: -1.5rem;
  position: absolute;
  top: 5rem;
  text-align: center;
}
.SmSCodeWrapper .SmSCodeInputWrapper .Message.Error {
  left: -5rem;
  width: 29rem;
}
.OperatorAccountContainer
  .ContentTriggerContainer
  .MyAccountMenu.SmsSecurityContainer {
  padding: 0 2rem 1rem;
  margin-top: -1rem;
}
.Page-Tournaments .SectionContent {
  width: 100%;
  background: #1e1e20;
}
.TournamentsWrapper {
  --link-color: #f9c408;
  padding: 4rem 0.8rem;
  margin: 0 auto;
  color: #fff;
}
@media (min-width: 375px) {
  .TournamentsWrapper {
    padding: 4rem 1.5rem;
  }
}
@media (min-width: 1100px) {
  .TournamentsWrapper {
    padding: 4rem;
  }
}
.TournamentsWrapper .TournamentsTitle {
  margin-bottom: 2rem;
  font-size: 2rem;
}
.TournamentsWrapper casino-tournaments-controller::part(TournamentsWrapper) {
  background-color: #1e1e20;
}
.TournamentsWrapper casino-tournaments-controller::part(Active MobileClass),
.TournamentsWrapper
  casino-tournaments-controller::part(Active Non-MobileClass\/empty) {
  background: none !important;
  color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.25);
  border: 0.1rem solid #f9c408 !important;
}
.TournamentsWrapper
  casino-tournaments-controller::part(Non-MobileClass\/empty) {
  border: none;
  font-weight: 400;
  font-size: 1.4rem;
  letter-spacing: 0.11rem;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
.TournamentsWrapper
  casino-tournaments-controller::part(Non-MobileClass\/empty):hover {
  border-radius: 0.5rem;
}
.TournamentsWrapper casino-tournaments-controller::part(EnrolledButton) {
  background: #203d08;
  color: #fff;
  border: none;
  padding: 0 1rem;
  cursor: default !important;
  font-weight: 800;
  text-transform: uppercase;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
@media (min-width: 280px) {
  .TournamentsWrapper casino-tournaments-controller::part(EnrolledButton) {
    font-size: 1rem;
    padding: 0 0.5rem;
  }
}
@media (min-width: 360px) {
  .TournamentsWrapper casino-tournaments-controller::part(EnrolledButton) {
    font-size: 1.4rem;
    padding: 0 1rem;
  }
}
.TournamentsWrapper casino-tournaments-page-controller::part(Enrolled) {
  background: #203d08;
  color: #fff;
  border: none;
  padding: 0 1rem;
  font-weight: 800;
  text-transform: uppercase;
}
.TournamentsWrapper casino-tournaments-controller::part(MobileClass) {
  border: none;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
.TournamentsWrapper casino-tournaments-controller::part(MobileClass):hover {
  border-radius: 0.5rem;
}
.TournamentsWrapper
  casino-tournaments-controller::part(FilterButton Non-MobileClass\/empty) {
  font-size: 1.2rem;
  display: flex;
  font-weight: 500;
  padding: 0.8rem 2rem 0.6rem;
  align-items: center;
  text-transform: none;
  letter-spacing: 0.11rem;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
.TournamentsWrapper casino-tournaments-controller::part(SecondRow) {
  margin-top: 2rem;
  font-size: 1.3rem;
}
.TournamentsWrapper casino-tournaments-controller::part(elementToFadeIn) {
  color: #294c0b;
  background-color: #f9c408;
  border-radius: 1rem;
  border: 0.1rem solid #f9c408;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
  filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.05));
}
.TournamentsWrapper casino-tournaments-controller::part(CardImgFinished) {
  filter: grayscale(100%);
}
.TournamentsWrapper casino-tournaments-controller::part(CardImg),
.TournamentsWrapper casino-tournaments-page-controller::part(CardImg) {
  background-color: #1e1e20;
  -o-object-fit: cover;
  object-fit: cover;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.TournamentsWrapper casino-tournaments-controller::part(TournamentCard) {
  border-color: #f9c408;
  border-radius: 0.5rem;
}
.TournamentsWrapper casino-tournaments-controller::part(Details) {
  padding: 1rem 2rem 0;
}
.TournamentsWrapper casino-tournaments-controller::part(ScoreCriteria) {
  min-height: 3rem;
}
.TournamentsWrapper casino-tournaments-controller::part(Title),
.TournamentsWrapper casino-tournaments-page-controller::part(Title) {
  margin: 1rem 0;
  padding: 0;
  font-weight: 600;
  line-height: 1.9rem;
  font-size: 2rem;
  color: #294c0b;
  letter-spacing: 0.12rem;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
.TournamentsWrapper casino-tournaments-controller::part(Date) {
  line-height: 1.4rem;
  padding-bottom: 1rem;
}
.TournamentsWrapper casino-tournaments-controller::part(Date),
.TournamentsWrapper casino-tournaments-controller::part(ScoreCriteria) {
  font-weight: 400;
  font-size: 1.3rem;
  text-transform: none;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
.TournamentsWrapper casino-tournaments-controller::part(ScoreCriteria) {
  line-height: 1.7rem;
}
.TournamentsWrapper casino-tournaments-controller::part(LoginButton) {
  background: #fff;
  color: #212121;
  width: 50%;
  font-size: 1.4rem;
  font-weight: 500;
}
.TournamentsWrapper casino-tournaments-controller::part(LoginButton),
.TournamentsWrapper casino-tournaments-controller::part(RegisterButton) {
  border: none;
  border-radius: 0.5rem;
  height: 3.7rem;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
.TournamentsWrapper casino-tournaments-controller::part(RegisterButton) {
  font-style: normal;
  color: #fff;
  background: #294c0b;
  text-decoration: none;
}
.TournamentsWrapper casino-tournaments-limited-controller::part(CloseButton) {
  font-size: 1.1rem;
  right: 2.3rem;
}
.TournamentsWrapper casino-tournaments-controller::part(Status) {
  padding: 0.8rem;
  right: 1.4rem;
  text-transform: none;
  background-color: #f9c408;
  color: #fff;
  border-radius: 0.5rem;
  border: none;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
.TournamentsWrapper casino-tournaments-controller::part(StatusUnstarted) {
  background: #f9c408;
}
.TournamentsWrapper casino-tournaments-controller::part(StatusRunning),
.TournamentsWrapper casino-tournaments-controller::part(StatusUnstarted) {
  border-radius: 0.5rem;
  text-transform: none;
  color: #fff;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
.TournamentsWrapper casino-tournaments-controller::part(StatusRunning) {
  background: #294c0b;
}
.TournamentsWrapper casino-tournaments-controller::part(StatusClosed),
.TournamentsWrapper casino-tournaments-controller::part(StatusClosing),
.TournamentsWrapper casino-tournaments-page-controller::part(StatusClosed),
.TournamentsWrapper casino-tournaments-page-controller::part(StatusClosing) {
  background: #f0f0f0;
  border-radius: 0.5rem;
  text-transform: none;
  color: #212121;
  font-size: 1.4rem;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
.TournamentsWrapper casino-tournaments-controller::part(ProgressBar) {
  background: #f0f0f0;
}
.TournamentsWrapper casino-tournaments-controller::part(JoinButton),
.TournamentsWrapper
  casino-tournaments-controller::part(JoinButton JoinButtonFullSize) {
  background: #294c0b;
  color: #fff;
  border: none;
  border-radius: 0.5rem;
  font-weight: 500;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
@media (min-width: 280px) {
  .TournamentsWrapper casino-tournaments-controller::part(JoinButton),
  .TournamentsWrapper
    casino-tournaments-controller::part(JoinButton JoinButtonFullSize) {
    gap: 1rem;
    font-size: 1.2rem;
  }
}
@media (min-width: 360px) {
  .TournamentsWrapper casino-tournaments-controller::part(JoinButton),
  .TournamentsWrapper
    casino-tournaments-controller::part(JoinButton JoinButtonFullSize) {
    gap: 2rem;
    font-size: 1.4rem;
  }
}
.TournamentsWrapper casino-tournaments-controller::part(ShowMoreButton) {
  border: 0.1rem solid #f9c408;
  color: #f9c408;
  background: #fff;
  height: 3.7rem;
  font-size: 1.4rem;
  text-transform: none;
  border-radius: 0.5rem;
  margin-top: 1rem;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
.TournamentsWrapper
  casino-tournaments-page-controller::part(TournamentsSectionWrapper) {
  padding: 0 2.4rem 2.4rem;
  background: #1e1e20;
}
.TournamentsWrapper casino-tournaments-page-controller::part(RuleIcon),
.TournamentsWrapper casino-tournaments-page-controller::part(RulesRow) {
  color: #212121;
}
.TournamentsWrapper casino-tournaments-page-controller::part(TournamentCard) {
  padding-bottom: 1rem;
}
.TournamentsWrapper casino-tournaments-page-controller::part(Date) {
  line-height: 1.4rem;
}
.TournamentsWrapper casino-tournaments-page-controller::part(Date),
.TournamentsWrapper casino-tournaments-page-controller::part(ScoreCriteria) {
  font-weight: 400;
  font-size: 1.3rem;
  text-transform: none;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
.TournamentsWrapper casino-tournaments-page-controller::part(ScoreCriteria) {
  line-height: 1.7rem;
}
.TournamentsWrapper casino-tournaments-page-controller::part(Games) {
  font-weight: 400;
  font-size: 1.3rem;
  text-transform: none;
}
.TournamentsWrapper casino-tournaments-page-controller::part(SliderNavButton) {
  background: #1e1e20;
  color: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
.TournamentsWrapper casino-tournaments-page-controller::part(PlayNowButton) {
  color: #fff;
  background: #f9c408;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
.TournamentsWrapper
  casino-tournaments-page-controller::part(TournamentsGamesSlider) {
  background: #1e1e20;
  display: flex;
}
.TournamentsWrapper casino-tournaments-page-controller::part(item) {
  border-radius: 0.5rem;
  background-color: #294c0b;
}
.TournamentsWrapper casino-tournaments-page-controller::part(GamesAnchor) {
  font-weight: 600;
  color: #f9c408;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
.TournamentsWrapper casino-tournaments-controller::part(StartDate),
.TournamentsWrapper casino-tournaments-page-controller::part(StartDate) {
  color: #fff !important;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
@media (min-width: 280px) {
  .TournamentsWrapper casino-tournaments-controller::part(StartDate),
  .TournamentsWrapper casino-tournaments-page-controller::part(StartDate) {
    margin: 0.5rem 0;
  }
}
@media (min-width: 500px) {
  .TournamentsWrapper casino-tournaments-controller::part(StartDate),
  .TournamentsWrapper casino-tournaments-page-controller::part(StartDate) {
    margin: 1rem 0;
  }
}
.TournamentsWrapper casino-tournaments-controller::part(EndDate),
.TournamentsWrapper casino-tournaments-page-controller::part(EndDate) {
  color: #fff !important;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
@media (min-width: 280px) {
  .TournamentsWrapper casino-tournaments-controller::part(EndDate),
  .TournamentsWrapper casino-tournaments-page-controller::part(EndDate) {
    margin: 0.5rem 0;
  }
}
@media (min-width: 500px) {
  .TournamentsWrapper casino-tournaments-controller::part(EndDate),
  .TournamentsWrapper casino-tournaments-page-controller::part(EndDate) {
    margin: 1rem 0;
  }
}
.TournamentsWrapper casino-tournaments-page-controller::part(Remaining) {
  font-weight: 600;
  font-size: 1.2rem;
  text-transform: none;
  margin: 0 1.5rem;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
@media (min-width: 280px) {
  .TournamentsWrapper casino-tournaments-page-controller::part(Remaining) {
    padding-top: 0.5rem;
  }
}
@media (min-width: 500px) {
  .TournamentsWrapper casino-tournaments-page-controller::part(Remaining) {
    padding-top: 1rem;
  }
}
.TournamentsWrapper casino-tournaments-page-controller::part(Finished) {
  font-weight: 800;
  color: #c03928;
  font-size: 1.3rem;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
.TournamentsWrapper casino-tournaments-controller::part(TournamentButtons) {
  margin-top: 1rem;
}
@media (min-width: 280px) {
  .TournamentsWrapper casino-tournaments-controller::part(TournamentButtons) {
    gap: 1rem;
  }
}
@media (min-width: 500px) {
  .TournamentsWrapper casino-tournaments-controller::part(TournamentButtons) {
    gap: 2rem;
  }
}
.TournamentsWrapper
  casino-tournaments-page-controller::part(TournamentButtons) {
  margin: 0;
  padding: 0 2rem;
}
.TournamentsWrapper casino-tournaments-controller::part(DetailsButton) {
  color: #212121;
  border-color: #212121;
  border-radius: 0.5rem;
  background: none;
  padding: 0 1rem;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
  text-transform: none;
}
@media (min-width: 280px) {
  .TournamentsWrapper casino-tournaments-controller::part(DetailsButton) {
    font-size: 1.2rem;
    padding: 0 0.5rem;
    width: 50%;
  }
}
@media (min-width: 360px) {
  .TournamentsWrapper casino-tournaments-controller::part(DetailsButton) {
    font-size: 1.4rem;
    padding: 0 1rem;
  }
}
@media (min-width: 500px) {
  .TournamentsWrapper casino-tournaments-controller::part(DetailsButton) {
    width: 40%;
  }
}
.TournamentsWrapper casino-tournaments-controller::part(DetailsLargeButton) {
  color: #212121;
  border-color: #212121;
  border-radius: 0.5rem;
  background: none;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
.TournamentsWrapper
  casino-tournaments-controller::part(ProgressBarFillStarting) {
  background-color: #f0f0f0;
  border-radius: 0.2rem;
}
.TournamentsWrapper casino-tournaments-controller::part(ProgressBarFill) {
  background-color: #294c0b;
  border-radius: 0.2rem;
}
.TournamentsWrapper casino-tournaments-controller::part(Prizes),
.TournamentsWrapper casino-tournaments-page-controller::part(Prizes) {
  max-height: 10rem;
  overflow-y: scroll;
  color: #294c0b;
  display: grid;
  grid-template-columns: repeat(3, auto);
  padding-right: 1rem;
  gap: 1.5rem;
  scrollbar-width: thin;
  scrollbar-color: #294c0b transparent;
}
.TournamentsWrapper
  casino-tournaments-controller::part(Prizes)::-webkit-scrollbar,
.TournamentsWrapper
  casino-tournaments-page-controller::part(Prizes)::-webkit-scrollbar {
  width: 0.6rem;
}
.TournamentsWrapper
  casino-tournaments-controller::part(Prizes)::-webkit-scrollbar-thumb,
.TournamentsWrapper
  casino-tournaments-page-controller::part(Prizes)::-webkit-scrollbar-thumb {
  background-color: #294c0b;
}
.TournamentsWrapper casino-tournaments-page-controller::part(JoinButton),
.TournamentsWrapper
  casino-tournaments-page-controller::part(JoinButton JoinButtonFullSize) {
  background: #294c0b;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
  margin-top: 1rem;
  border: none;
  border-radius: 0.5rem;
  padding-left: 4rem;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
.TournamentsWrapper casino-tournaments-page-controller::part(TournamentDates) {
  color: #fff;
}
.TournamentsWrapper casino-tournaments-page-controller::part(TournamentCard) {
  background-color: #fff;
}
.TournamentsWrapper casino-tournaments-page-controller::part(TournamentsTable) {
  color: #fff;
  background-color: #1e1e20;
}
.TournamentsWrapper
  casino-tournaments-page-controller::part(TournamentTableDetails) {
  color: #fff;
  background-color: #1e1e20;
  box-shadow: 0 0 0.4rem #f9c408;
  border-radius: 0.5rem;
  border: 0.1rem solid #f9c408;
}
.TournamentsWrapper casino-tournaments-page-controller::part(LeftTable) {
  background-color: #1e1e20;
  color: #fff;
}
.TournamentsWrapper casino-tournaments-page-controller::part(LeftTableThead) {
  background-color: #f9c408;
  color: #fff;
}
.TournamentsWrapper casino-tournaments-page-controller::part(LeftTableTh) {
  font-size: 1.6rem;
  border-bottom: 0.1rem solid #f0f0f0;
}
.TournamentsWrapper casino-tournaments-page-controller::part(LeftTableP),
.TournamentsWrapper casino-tournaments-page-controller::part(LeftTableTh) {
  background-color: #1e1e20;
  color: #fff;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
.TournamentsWrapper casino-tournaments-page-controller::part(LeftTableTd),
.TournamentsWrapper casino-tournaments-page-controller::part(LeftTableTr),
.TournamentsWrapper casino-tournaments-page-controller::part(Qualified) {
  border-top: none;
  color: #fff !important;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
@media (min-width: 500px) {
  .TournamentsWrapper casino-tournaments-page-controller::part(LeftTableTd),
  .TournamentsWrapper casino-tournaments-page-controller::part(LeftTableTr),
  .TournamentsWrapper casino-tournaments-page-controller::part(Qualified) {
    background-color: #1e1e20;
    font-size: 1.4rem;
    border-top: 0.1rem solid #f0f0f0 !important;
    border-bottom: none;
  }
}
.TournamentsWrapper casino-tournaments-page-controller::part(RightButton) {
  border: 0;
  background-color: #fff;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
.TournamentsWrapper casino-tournaments-controller::part(Prize),
.TournamentsWrapper casino-tournaments-page-controller::part(Prize) {
  color: #212121;
  font-size: 1.4rem;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
.TournamentsWrapper casino-tournaments-controller::part(PrizesTitle),
.TournamentsWrapper casino-tournaments-page-controller::part(PrizesTitle) {
  font-weight: 600;
  color: #294c0b;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
.TournamentsWrapper casino-tournaments-controller::part(PrizeText),
.TournamentsWrapper casino-tournaments-page-controller::part(PrizeText) {
  color: #294c0b;
  font-weight: 700;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
.TournamentsWrapper casino-tournaments-controller::part(PrizeRank),
.TournamentsWrapper casino-tournaments-page-controller::part(PrizeRank) {
  color: #294c0b;
  font-weight: 500;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
.TournamentsWrapper casino-tournaments-page-controller::part(elementToFadeIn) {
  flex-direction: column;
  border: 0.1rem solid #f9c408;
  color: #294c0b;
  background-color: #f9c408;
  border-radius: 1rem;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
.TournamentsWrapper casino-tournaments-page-controller::part(GamesP) {
  color: #f9c408;
  text-decoration: none;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
.TournamentsWrapper casino-tournaments-page-controller::part(ProgressBar) {
  background: #f0f0f0;
  margin: 0 1.5rem;
  border-radius: 0.2rem;
}
.TournamentsWrapper
  casino-tournaments-page-controller::part(TournamentDuration) {
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
@media (min-width: 280px) {
  .TournamentsWrapper
    casino-tournaments-page-controller::part(TournamentDuration) {
    height: 7rem;
  }
}
@media (min-width: 380px) {
  .TournamentsWrapper
    casino-tournaments-page-controller::part(TournamentDuration) {
    height: 6rem;
  }
}
@media (min-width: 500px) {
  .TournamentsWrapper
    casino-tournaments-page-controller::part(TournamentDuration) {
    height: 7.5rem;
  }
}
.TournamentsWrapper
  casino-tournaments-page-controller::part(ProgressBarFillStarting) {
  background-color: #f0f0f0;
  border-radius: 0.2rem;
}
.TournamentsWrapper casino-tournaments-controller::part(LoadingMessage),
.TournamentsWrapper casino-tournaments-controller::part(NoTournaments),
.TournamentsWrapper casino-tournaments-page-controller::part(StatusUnstarted) {
  color: #fff;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
.TournamentsWrapper casino-tournaments-page-controller::part(StatusUnstarted) {
  background: #f9c408;
  border-radius: 0.5rem;
  text-transform: none;
}
@media (min-width: 280px) {
  .TournamentsWrapper
    casino-tournaments-page-controller::part(StatusUnstarted) {
    font-size: 0.9rem;
    padding: 0 0.5rem;
  }
}
@media (min-width: 400px) {
  .TournamentsWrapper
    casino-tournaments-page-controller::part(StatusUnstarted) {
    font-size: 1.4rem;
    padding: 0 0.8rem;
  }
}
.TournamentsWrapper casino-tournaments-page-controller::part(StatusRunning) {
  background: #294c0b;
  border-radius: 0.5rem;
  text-transform: none;
  color: #fff;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
@media (min-width: 280px) {
  .TournamentsWrapper casino-tournaments-page-controller::part(StatusRunning) {
    font-size: 0.9rem;
    padding: 0 0.5rem;
  }
}
@media (min-width: 400px) {
  .TournamentsWrapper casino-tournaments-page-controller::part(StatusRunning) {
    font-size: 1.4rem;
    padding: 0 0.8rem;
  }
}
.TournamentsWrapper casino-tournaments-page-controller::part(BackButton) {
  color: #fff;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
.TournamentsWrapper casino-tournaments-controller::part(ProgressBarFillEnd),
.TournamentsWrapper casino-tournaments-page-controller::part(ProgressBarFill),
.TournamentsWrapper
  casino-tournaments-page-controller::part(ProgressBarFillEnd) {
  background-color: #294c0b;
  border-radius: 0.2rem;
}
.TournamentsWrapper casino-tournaments-controller::part(Tournaments) {
  color: #212121;
  padding: 1rem 0;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
.TournamentsWrapper casino-tournaments-page-controller::part(TableUser) {
  background-color: #fff;
  color: #212121;
  border-bottom: 0.1rem solid #f0f0f0;
  padding-left: 1rem;
}
@media (min-width: 280px) {
  .TournamentsWrapper casino-tournaments-page-controller::part(TableUser) {
    background: none;
    color: #fff;
  }
}
.TournamentsWrapper casino-tournaments-page-controller::part(TableHeadRow) {
  background-color: #294c0b;
  color: #fff;
  border-bottom: 0.1rem solid #f0f0f0;
  padding-left: 1rem;
}
.TournamentsWrapper casino-tournaments-page-controller::part(active) {
  border-bottom: 0.625vw solid #f9c408;
  color: #f9c408;
}
.TournamentsWrapper casino-tournaments-page-controller::part(ul) {
  color: #fff;
}
.TournamentsWrapper
  casino-tournaments-controller::part(FiltersTitle MobileClass),
.TournamentsWrapper
  casino-tournaments-controller::part(FiltersTitle Non-MobileClass\/empty) {
  display: none;
}
.TournamentsWrapper casino-tournaments-controller::part(GamesP),
.TournamentsWrapper casino-tournaments-page-controller::part(GamesP) {
  font-size: 1.3rem;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
.TournamentsWrapper casino-tournaments-controller::part(GamesAnchor) {
  color: inherit;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
.TournamentsWrapper casino-tournaments-controller::part(a TournamentPrizesSvgA),
.TournamentsWrapper
  casino-tournaments-page-controller::part(a TournamentPrizesSvgA) {
  fill: #294c0b;
  display: block;
}
.TournamentsWrapper
  casino-tournaments-page-controller::part(ThumbnailGotoTournamentsButton) {
  background-color: #f9c408;
  color: #fff;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
.TournamentsWrapper
  casino-tournaments-page-controller::part(casino-tournaments-thumbnail-rule) {
  color: #fff;
}
.TournamentsWrapper casino-tournaments-page-controller::part(CollapseButton) {
  background: #f9c408;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
.TournamentsWrapper
  casino-tournaments-page-controller::part(CollapseButton)
  svg {
  fill: none;
}
.TournamentsWrapper
  casino-tournaments-page-controller::part(TournamentContentDetails) {
  background: #1e1e20;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
@media (min-width: 400px) {
  .TournamentsWrapper
    casino-tournaments-page-controller::part(TournamentContentDetails) {
    flex-direction: column;
    color: #fff;
  }
}
@media (min-width: 1200px) {
  .TournamentsWrapper
    casino-tournaments-page-controller::part(TournamentContentDetails) {
    flex-direction: row;
    background: none;
  }
}
.TournamentsWrapper
  casino-tournaments-page-controller::part(MobileTournamentCardDetails) {
  background: #203d08;
  color: #fff;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
.TournamentsWrapper
  casino-tournaments-page-controller::part(MiniTournamentPage) {
  border: 0.1rem solid #f9c408;
  border-radius: 0.3rem;
}
.TournamentsWrapper
  casino-tournaments-page-controller::part(
    ThumbnailTabContent_Games_Casino_Label
  ) {
  color: #f9c408;
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
@media (min-width: 1100px) {
  .TournamentsWrapper {
    max-width: 102rem;
  }
}
@media (min-width: 1260px) {
  .TournamentsWrapper {
    max-width: 122.6rem;
  }
}
@media (min-width: 1468px) {
  .TournamentsWrapper {
    max-width: 140rem;
  }
}
@media (min-width: 1620px) {
  .TournamentsWrapper {
    max-width: 160rem;
  }
}
.IgReelsContainer {
  display: flex;
  position: fixed;
  top: 0;
  height: 5rem;
  width: 100%;
  color: #fff;
  z-index: 11;
  box-sizing: content-box;
  background-color: #294c0b;
  overflow: auto;
}
.IgReelsContainer .IgSpinner {
  top: 3.5rem;
}
.IgReelsContainer .StoryContainer {
  margin: 0.4rem;
  width: 6rem;
}
.IgReelsContainer .StoryContainer .StoryTitle {
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.IgReelsContainer .StoryContainer .StoryIconSmall {
  border-radius: 50%;
  background: #212121;
  overflow: hidden;
  box-sizing: border-box;
  display: block;
  height: 5.6rem;
  width: 5.6rem;
  border: 0.2rem solid;
}
.IgReelsContainer .StoryContainer .StoryIconSmall.Watched {
  border-color: #757575;
}
.IgReelsContainer .StoryContainer .StoryIconSmall.Pristine {
  border-color: #f9c408;
}
.IgReelsContainer .StoryContainer .StoryIconSmall img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.StoriesActive .StickyWrapper.IsSticky {
  top: 10.4rem;
}
@media (min-width: 1100px) {
  .StoriesActive .StickyWrapper.IsSticky {
    top: 16rem;
  }
}
.StoriesActive .StickyWrapper.IsSticky .InstanceNoSearchedGamesFound {
  margin-top: -4.8rem !important;
}
.NotificationActive.StoriesActive .StickyWrapper.IsSticky {
  top: 16.4rem;
}
@media (min-width: 1100px) {
  .NotificationActive.StoriesActive .StickyWrapper.IsSticky {
    top: 22rem;
  }
}
.IgStoriesContent,
body.StoriesShown {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.IgStoriesContent {
  position: fixed;
  z-index: 99;
  height: 100vh;
}
.IgStoriesContent :nth-child(2) :nth-child(2) :nth-child(2) {
  position: fixed !important;
}
.IgStoriesContent .IosCloseBtn {
  position: absolute;
  z-index: 1000;
  right: 1rem;
  top: 2rem;
  width: 2.5rem;
  height: 2.5rem;
}
.IgStoriesContent .IosCloseBtn svg {
  fill: #fff;
}
.IgStoriesContent div div:nth-child(2) div {
  width: 100%;
  display: flex;
}
.IgStoriesContent div div:nth-child(2) div img {
  -o-object-fit: contain;
  object-fit: contain;
}
.IgStoriesContent .SeeMoreWrapper {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: calc(4rem + env(safe-area-inset-bottom));
  color: #212121;
}
.IgStoriesContent .SeeMoreText {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 30px;
  width: 9.5rem;
  height: 4rem;
  font-size: 1.3rem;
}
.IgStoriesContent .SeeMoreIcon {
  color: #fff;
  filter: drop-shadow(0 0 0.5rem #212121);
}
.NotificationActive
  .IgReelsContainer
  ~ .SectionHeader
  .OperatorAccountContainer
  .ContentTriggerContentWrapper {
  height: calc(var(--windowHeight) - 16.4rem);
}
@media (min-width: 1100px) {
  .NotificationActive
    .IgReelsContainer
    ~ .SectionHeader
    .OperatorAccountContainer
    .ContentTriggerContentWrapper {
    height: calc(100vh - 17rem);
  }
}
.IgReelsContainer ~ .SectionHeader {
  top: 5rem;
  border-top: 0.4rem solid #f9c408;
}
.IgReelsContainer
  ~ .SectionHeader
  .OperatorAccountContainer
  .ContentTriggerContentWrapper {
  height: calc(var(--windowHeight) - 10.4rem);
  top: 5rem;
}
@media (min-width: 768px) {
  .IgReelsContainer
    ~ .SectionHeader
    .OperatorAccountContainer
    .ContentTriggerContentWrapper {
    position: absolute;
    top: 5.2rem;
    left: auto;
    right: 0;
    width: 35rem;
  }
}
@media (min-width: 1100px) {
  .IgReelsContainer
    ~ .SectionHeader
    .OperatorAccountContainer
    .ContentTriggerContentWrapper {
    height: calc(100vh - 11rem);
  }
}
@media (min-width: 768px) {
  .IgReelsContainer
    ~ .SectionHeader
    .OperatorAccountContainer
    .CallUsIcon
    .ContentTriggerContentWrapper {
    height: calc(100vh - 16.9rem);
    width: 51rem;
    top: 4.2rem;
  }
}
@media (min-width: 1100px) {
  .IgReelsContainer
    ~ .SectionHeader
    .OperatorAccountContainer
    .CallUsIcon
    .ContentTriggerContentWrapper {
    height: calc(100vh - 20.4rem);
    width: 60rem;
    top: 4.7rem;
  }
}
.IgReelsContainer ~ .SectionContent {
  padding-top: 10.4rem;
}
.NotificationArea + .IgReelsContainer {
  top: 6rem;
}
.NotificationArea + .IgReelsContainer ~ .SectionHeader {
  top: 11rem;
}
.Toggle-OperatorSearchToggle .IgReelsContainer ~ .SectionContent {
  padding-top: 5.4rem;
}
.IgReelsContainer ~ .NotificationList {
  top: 10.4rem;
}
.NotificationActive .IgReelsContainer ~ .NotificationList {
  top: 16.4rem;
}
.OperatorUserMenuWrapper {
  max-height: calc(100vh - 6rem);
}
.Overlay {
  position: absolute;
  display: flex;
  z-index: 120;
  background: transparent;
  height: 100vh;
  width: 100%;
  top: 5rem;
}
.Overlay .OverlayChild {
  width: 50%;
}
.GameFrameWrapper {
  margin: 12.4rem auto 0;
}
.GamesListContainer .ListGame .FavoriteGameToggleButton {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.GamesListContainer .ListGame:hover .FavoriteGameToggleButton {
  opacity: 1;
}
@media (min-width: 1100px) {
  .TransactionHistoryNWAContainer {
    min-height: 60rem;
  }
}
.TransactionHistoryNWAContainer .TransHistoryDate {
  left: 13.5rem;
}
@media (min-width: 767px) {
  .TransactionHistoryNWAContainer .TransHistoryDate {
    left: auto;
  }
}
.TableLoading {
  padding-top: 0.5rem;
  position: relative;
}
body.HasMobileBottomNavigation > #chat-widget-container {
  z-index: 12 !important;
  bottom: calc(6.5rem + env(safe-area-inset-bottom)) !important;
  max-height: calc(100% - 6.5rem - env(safe-area-inset-bottom)) !important;
}
.MobileBottomNavigationWrapper {
  z-index: 13;
  min-height: 6.5rem;
}
.MobileBottomNavigationWrapper
  mobile-bottom-navigation::part(NavigationWrapper) {
  height: 7.5rem;
}
.MobileBottomNavigationWrapper mobile-bottom-navigation::part(NavigationBar),
.MobileBottomNavigationWrapper
  mobile-bottom-navigation::part(NavigationButton) {
  background: #151516;
}
.MobileBottomNavigationWrapper
  mobile-bottom-navigation::part(NavigationPrimaryItemImgWrapper),
.MobileBottomNavigationWrapper
  mobile-bottom-navigation::part(NavigationSecondaryItemImgWrapper) {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.MobileBottomNavigationWrapper
  mobile-bottom-navigation::part(
    NavigationButton NavigationButtonActive
  ):before {
  content: none;
}
.MobileBottomNavigationWrapper
  mobile-bottom-navigation::part(NavigationWindow NavigationWindowOpened) {
  border-bottom: none;
  box-sizing: border-box;
}
.MobileBottomNavigationWrapper
  mobile-bottom-navigation::part(NavigationWindowTitle) {
  display: none;
}
.MobileBottomNavigationWrapper mobile-bottom-navigation::part(ModalCloseBtn) {
  width: 1.4rem;
  height: 1.4rem;
  background: none;
  top: 0.5rem;
  right: 0.5rem;
  color: #f9c408;
}
.MobileBottomNavigationWrapper mobile-bottom-navigation::part(w-6 h-6) {
  width: 1.4rem;
}
.OverflowHidden.SportsOverlay.HasMobileBottomNavigation .SportsIframe {
  max-height: calc(var(--windowHeightOrDynamic) - 11.9rem);
}
.OverflowHidden.SportsOverlay.NotificationActive.HasMobileBottomNavigation
  .SportsIframe {
  max-height: calc(var(--windowHeightOrDynamic) - 17.9rem);
}
.OverflowHidden.SportsOverlay.StoriesActive.HasMobileBottomNavigation
  .SportsIframe {
  max-height: calc(var(--windowHeightOrDynamic) - 16.9rem);
}
.OverflowHidden.SportsOverlay.NotificationActive.StoriesActive.HasMobileBottomNavigation
  .SportsIframe {
  max-height: calc(var(--windowHeightOrDynamic) - 22.9rem);
}
@supports not (height: 100dvh) {
  .OverflowHidden.SportsOverlay.iOSDevice.HasMobileBottomNavigation
    .SportsIframe {
    max-height: calc(100vh - 16.9rem);
  }
  @media (min-width: 1100px) {
    .OverflowHidden.SportsOverlay.iOSDevice.HasMobileBottomNavigation
      .SportsIframe {
      max-height: calc(100vh - 22.5rem);
    }
  }
  .OverflowHidden.SportsOverlay.iOSDevice.NotificationActive.HasMobileBottomNavigation
    .SportsIframe {
    max-height: calc(100vh - 22.9rem);
  }
  @media (min-width: 1100px) {
    .OverflowHidden.SportsOverlay.iOSDevice.NotificationActive.HasMobileBottomNavigation
      .SportsIframe {
      max-height: calc(100vh - 28.5rem);
    }
  }
  .OverflowHidden.SportsOverlay.iOSDevice.StoriesActive.HasMobileBottomNavigation
    .SportsIframe {
    max-height: calc(100vh - 21.9rem);
  }
  @media (min-width: 1100px) {
    .OverflowHidden.SportsOverlay.iOSDevice.StoriesActive.HasMobileBottomNavigation
      .SportsIframe {
      max-height: calc(100vh - 27.5rem);
    }
  }
  .OverflowHidden.SportsOverlay.iOSDevice.NotificationActive.StoriesActive.HasMobileBottomNavigation
    .SportsIframe {
    max-height: calc(100vh - 27.9rem);
  }
  @media (min-width: 1100px) {
    .OverflowHidden.SportsOverlay.iOSDevice.NotificationActive.StoriesActive.HasMobileBottomNavigation
      .SportsIframe {
      max-height: calc(100vh - 33.5rem);
    }
  }
}
.LobbyPromotingContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 2.6rem 1.6rem;
  gap: 1.6rem;
  padding: 4.1rem 2.1rem;
  border-radius: 1.6rem;
  min-width: 3.43rem;
  min-height: 2.2rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.5);
}
@media (min-width: 1100px) {
  .LobbyPromotingContainer {
    margin: 2.6rem auto;
  }
}
.LobbyPromotingContainer .LobbyPromotingContent,
.LobbyPromotingContainer .LobbyPromotingTitle {
  text-align: center;
  color: #fff;
}
.LobbyPromotingContainer .LobbyPromotingTitle {
  font-size: 2.2rem;
  font-weight: 700;
}
.LobbyPromotingContainer .LobbyPromotingBtn {
  background: #212121;
  border: 0.1rem solid #212121;
  border-radius: 0.8rem;
  padding: 0.4rem 1.6rem;
}
.LobbyPromotingContainer .LobbyPromotingBtn:hover {
  cursor: pointer;
}
.LobbyPromotingContainer .LobbyPromotingBtn:active {
  background: rgba(33, 33, 33, 0.6);
  text-decoration: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.LobbyPromotingContainer .LobbyPromotingBtnTitle {
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}
.RandomGameButton {
  --game-container-gradient-bg: linear-gradient(
    90deg,
    #1e1e20,
    rgba(30, 30, 32, 0.5) 25%,
    rgba(30, 30, 32, 0) 50%,
    rgba(30, 30, 32, 0.5) 75%,
    #1e1e20
  );
  --question-mark-color: #1ba569;
  --hexagon-mark-bg: linear-gradient(#294c0b, #111f05);
  --hexagon-mark-border-bg: linear-gradient(90deg, #f9c408, #ffe900);
  --emfe-w-casino-color-primary: #1ba569;
  --emfe-w-categories-color-secondary: #264709;
  --emfe-w-button-typography: #fff;
}
.ContentTriggerWrapper .ToggleMainMenu.RandomGameActive {
  display: none;
}
@media (min-width: 768px) {
  .PromotionsFilterWrapper .PromotionsFilterItem {
    padding: 0 2rem;
  }
}
.PromotionsFilterWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  max-width: 160rem;
}
.PromotionsFilterWrapper .HorizontalScrollWrapper {
  align-items: center;
}
.PromotionsFilterWrapper .PromotionsScroll {
  display: flex;
}
.PromotionsFilterWrapper .PromotionsFilterList {
  display: flex;
  overflow: hidden;
  flex-shrink: 0;
  align-items: center;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 0.5rem;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.PromotionsFilterWrapper .PromotionsFilterList::-webkit-scrollbar {
  display: none;
}
.PromotionsFilterWrapper .PromotionsFilterItem {
  padding: 0 1rem 0 0.5rem;
}
@media (min-width: 768px) {
  .PromotionsFilterWrapper .PromotionsFilterItem {
    padding: 0 2rem;
    height: 100%;
  }
}
.PromotionsFilterWrapper .PromotionsFilterItem .PromotionFilterItemWrapper {
  height: 100%;
  cursor: pointer;
  padding: 2.2rem 1.5rem 2.5rem;
}
@media (min-width: 1100px) {
  .PromotionsFilterWrapper .PromotionsFilterItem .PromotionFilterItemWrapper {
    height: unset;
    padding: 3.2rem 1.5rem 2.5rem;
  }
}
.PromotionsFilterWrapper
  .PromotionsFilterItem
  .PromotionFilterItemWrapper
  .PromotionsFilterItemText {
  pointer-events: none;
  text-transform: capitalize;
}
.PromotionsFilterWrapper
  .PromotionsFilterItem.IsSelected
  .PromotionFilterItemWrapper {
  color: #f9c408;
  fill: #f9c408;
  border-bottom: 0.4rem solid #f9c408;
  box-sizing: border-box;
}
.PromotionsFilterWrapper
  .PromotionsFilterItem.IsSelected
  .PromotionFilterItemWrapper
  .FavoriteGamesNumber {
  color: #f9c408;
}
@media (min-width: 1100px) {
  .PromotionsFilterWrapper.PromotionsFilterList::-webkit-scrollbar {
    height: 0.2rem;
  }
}
@media (min-width: 1100px) {
  .PromotionsFilterWrapper.PromotionsFilterList::-webkit-scrollbar-thumb {
    border-radius: 0.8rem;
  }
}
.Search .Search__List {
  display: none;
  margin-bottom: 2rem;
}
.Search .Search__List.Active {
  display: flex;
}
.Search .Search__Input {
  background: transparent;
  border: 0.1rem solid hsla(0, 0%, 100%, 0.1);
  color: #fff;
  padding-left: 4.5rem;
  padding-right: 3.5rem;
  min-height: 4.2rem;
}
.Search .Search__Input::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.Search .Search__Input::placeholder {
  color: #fff;
  opacity: 1;
}
.Search .Search__Input:focus {
  border-color: #9d9d9d;
}
.Search .Search__Bar {
  border: none;
  padding: 0;
  min-height: auto;
  margin-top: 1rem;
}
.Search .Search__Bar:before {
  content: "";
  position: absolute;
  background-image: url(/static/img/search-icon.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  height: 2rem;
  width: 2rem;
  top: 1.3rem;
  left: 1.1rem;
  pointer-events: none;
}
.Search a.SearchItem__Anchor {
  width: 93%;
  flex-direction: column;
  color: #fff;
}
.Search span.SearchItem__Descriptors {
  flex-direction: unset;
  align-items: unset;
  justify-content: unset;
}
.Search .SearchItem__IndicatorsGroup {
  align-items: center;
}
.Search .SearchItem__IndicatorsGroup span.SearchItem__Indicator--isLive {
  background-color: #38b500;
}
.Search span.SearchItem__InfoGroup {
  color: #fff;
}
.Search .SearchItem__Icon {
  background-color: #333;
}
.Search .SearchItem {
  background-color: #3a3a3a;
  border: none !important;
}
.Search .Search__Info {
  padding: 0;
  font-size: 1.6rem;
}
.Search .Search__Bar .OM-Button {
  justify-content: flex-end;
  padding-right: 0.5rem;
  padding-top: 0.2rem;
}
.Search .Search__Bar .OM-Button[disabled] {
  opacity: 1;
  cursor: pointer;
}
.Search .OM-Icon--Svg svg {
  fill: #fff;
}
.Search .OM-Pagination .OM-Pagination__Page {
  background-color: #2b2b2b;
  border: 0.1rem solid #4f4f4f;
}
.Search .OM-Pagination .OM-Pagination__Page a {
  color: #fff;
}
.Search .OM-Pagination .OM-Pagination__Page--Selected {
  background-color: #f9c408;
  border-color: #4f4f4f;
}
.OperatorCasinoCategoriesWrapper {
  height: 100%;
  display: flex;
  align-items: center;
}
.Body .introjs-disableInteraction,
.Body .introjs-highlight,
.Body .introjs-overlay,
.Body .introjs-tooltipReferenceLayer,
.Body .introjs-tooltipReferenceLayer * {
  font-family: Source Sans Pro, Helvetica, Arial, Nimbus Sans L, Liberation Sans,
    FreeSans, clean, sans-serif;
}
.Body .introjs-highlight {
  box-shadow: 0 0 0.1rem 0.2rem transparent, 0 0 0 500rem rgba(0, 0, 0, 0.75);
}
.Body .introjs-tooltip {
  border-radius: 1.6rem;
  padding: 1rem;
}
.Body .introjs-tooltip-title {
  width: 100%;
  padding-right: 1rem;
  box-sizing: border-box;
  text-align: center;
}
.Body .introjs-dontShowAgain,
.Body .introjs-tooltiptext {
  padding: 2rem 0;
  font-size: 1.4rem;
}
.Body .introjs-tooltiptext {
  padding-top: 3rem;
}
.Body .introjs-dontShowAgain {
  padding: 0.7rem 0;
}
.Body .introjs-bullets {
  padding: 0.5rem;
}
.Body .introjs-bullets ul li a,
.Body .introjs-bullets ul li a.active {
  background: #f9c408;
}
.Body .introjs-progress {
  margin: 0.5rem 0;
}
.Body .introjs-progressbar {
  background-color: #f9c408;
}
.Body .introjs-arrow.bottom,
.Body .introjs-arrow.top {
  left: 1.6rem;
}
.Body .introjs-arrow.left,
.Body .introjs-arrow.right {
  top: 1.6rem;
}
.Body .introjs-skipbutton {
  font-size: 3.2rem;
  font-weight: 300;
  line-height: 4.1rem;
  background: #f0f0f0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Body .introjs-tooltipbuttons {
  border: none;
  padding: 1rem 0 0;
}
.Body .introjs-tooltipbuttons .introjs-button {
  border: none;
  padding: 0.8rem 2.6rem;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  background: #f9c408;
  border-radius: 0.8rem;
  color: #294c0b;
  box-shadow: none;
  font-weight: 700;
  text-shadow: none;
}
.Body .introjs-tooltipbuttons .introjs-disabled {
  color: #fff;
  background: #828282;
}
.Body .introjs-dontShowAgain input {
  accent-color: #f9c408;
}
body.iOSDevice.BetSlipActive {
  overflow: hidden;
}
body.iOSDevice.BetSlipActive.BetslipEmpty {
  -webkit-transform: translateZ(0);
}
.Page-IosApp .SectionContent {
  background-color: #1e1e20;
}
.IosAppLandingWrapper {
  background-repeat: repeat;
  background-size: auto;
  display: flex;
  justify-content: center;
}
.IosAppLandingWrapper .Container {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 3.8rem 0 13rem;
}
@media (min-width: 600px) {
  .IosAppLandingWrapper .Container {
    padding: 15rem 0;
  }
}
.IosAppLandingWrapper .Title {
  color: #f9c408;
  font-size: 4.2rem;
  line-height: 5.5rem;
  padding: 0 2.8rem;
  text-transform: uppercase;
}
.IosAppLandingWrapper .Description {
  color: #f0f0f0;
  font-size: 1.8rem;
  line-height: 2.4rem;
  padding: 0 2.8rem;
}
.IosAppLandingWrapper .Description:first-letter {
  text-transform: uppercase;
}
.IosAppLandingWrapper .HeroSection {
  max-width: 88rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.IosAppLandingWrapper .HeroSection .Iphones {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  margin-top: 3rem;
}
.IosAppLandingWrapper .DownloadButton {
  background: transparent linear-gradient(91deg, #212121, #294c0b) 0 0 no-repeat
    padding-box;
  color: #fff;
  border: none;
  padding: 1rem 2rem;
  font-size: 1.6em;
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  gap: 1.6rem;
  align-items: center;
  margin-top: 3.5rem;
  margin-bottom: 4rem;
  border-radius: 15px;
}
@media (min-width: 600px) {
  .IosAppLandingWrapper .DownloadButton {
    margin-bottom: 10rem;
  }
}
.IosAppLandingWrapper .SliderContainer {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 80rem;
  margin: 0 auto;
}
.IosAppLandingWrapper .Slider {
  display: flex;
  transition: transform 0.5s ease-in-out;
}
.IosAppLandingWrapper .Slide {
  flex: 0 0 100%;
  display: flex;
  align-items: center;
  -moz-column-gap: 4.2rem;
  column-gap: 4.2rem;
  position: relative;
  width: 100%;
  justify-content: right;
}
@media (min-width: 600px) {
  .IosAppLandingWrapper .Slide {
    justify-content: center;
  }
}
.IosAppLandingWrapper .Slide .StepCard {
  background: transparent linear-gradient(180deg, #f9c408, #294c0b) 0 0
    no-repeat padding-box;
  border-radius: 4rem;
  display: flex;
  flex-direction: column;
  color: #fff;
  justify-content: left;
  position: absolute;
  top: 3rem;
  left: 0;
  z-index: 0;
  width: 28rem;
  height: 38rem;
  margin-left: 1.4rem;
  align-items: left;
}
@media (min-width: 600px) {
  .IosAppLandingWrapper .Slide .StepCard {
    position: static;
    width: 29.5rem;
    height: 59rem;
    margin-left: 0;
    align-items: center;
  }
}
.IosAppLandingWrapper .Slide .Step {
  height: 100%;
  padding: 5rem 2rem 2rem;
}
@media (min-width: 600px) {
  .IosAppLandingWrapper .Slide .Step {
    padding: 11.5rem 2rem 5rem;
  }
}
.IosAppLandingWrapper .Slide .Iphone {
  margin-right: 1.4rem;
}
@media (min-width: 600px) {
  .IosAppLandingWrapper .Slide .Iphone {
    margin-right: 0;
  }
}
.IosAppLandingWrapper .Slide .Content {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 2.4rem;
  height: 100%;
  width: calc(100% + 100vw - 52.8rem);
  max-width: 100%;
}
@media (min-width: 600px) {
  .IosAppLandingWrapper .Slide .Content {
    width: 100%;
  }
}
.IosAppLandingWrapper .Slide .Content h2 {
  font-size: 3rem;
  line-height: 4rem;
  font-weight: 400;
}
@media (min-width: 600px) {
  .IosAppLandingWrapper .Slide .Content h2 {
    font-size: 4.2rem;
    line-height: 5.5rem;
  }
}
.IosAppLandingWrapper .Slide .Content p {
  font-size: 1.4rem;
  line-height: 1.8rem;
}
@media (min-width: 600px) {
  .IosAppLandingWrapper .Slide .Content p {
    font-size: 2rem;
    line-height: 2.4rem;
  }
}
.IosAppLandingWrapper .Slide .Content .Logo {
  width: 100%;
  max-width: 10rem;
  margin: auto 1rem 0;
}
@media (min-width: 600px) {
  .IosAppLandingWrapper .Slide .Content .Logo {
    margin: auto 5rem 0;
  }
}
.IosAppLandingWrapper .Navigation {
  display: none;
}
@media (min-width: 600px) {
  .IosAppLandingWrapper .Navigation {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none;
  }
}
.IosAppLandingWrapper .NavButton {
  background-color: transparent;
  border: none;
  color: #f9c408;
  font-size: 7em;
  cursor: pointer;
  padding: 1rem;
  pointer-events: auto;
}
.IosAppLandingWrapper .SlideIndicators {
  display: flex;
  justify-content: center;
  margin-top: 6rem;
}
.IosAppLandingWrapper .SlideIndicator {
  height: 0.4rem;
  background-color: #555;
  margin: 0 0.5rem;
  transition: background-color 0.3s ease;
  width: 5rem;
}
@media (min-width: 600px) {
  .IosAppLandingWrapper .SlideIndicator {
    width: 10rem;
  }
}
.IosAppLandingWrapper .SlideIndicator.Active {
  background-color: #f9c408;
}
.IphoneMockup {
  background-color: #000;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  border: 3px solid #bbb5b3;
}
.IphoneMockup.IphoneMockupSmall {
  width: 16rem;
  height: 32rem;
  border-radius: 4rem;
}
@media (min-width: 600px) {
  .IphoneMockup.IphoneMockupSmall {
    width: 23rem;
    height: 46rem;
    border-radius: 5rem;
  }
}
.IphoneMockup.IphoneMockupLarge {
  width: 22rem;
  height: 44rem;
  border-radius: 4rem;
}
@media (min-width: 600px) {
  .IphoneMockup.IphoneMockupLarge {
    width: 29.5rem;
    height: 59rem;
    border-radius: 5rem;
  }
}
.IphoneMockup .Screen {
  width: 95%;
  height: 97.5%;
  box-shadow: 0 0 0 0.1rem #4a4947;
  background-color: #294c0b;
  border-radius: 3rem;
  margin-left: 2.5%;
  margin-top: 2.5%;
  overflow: hidden;
}
@media (min-width: 600px) {
  .IphoneMockup .Screen {
    border-radius: 4rem;
  }
}
.IphoneMockup .Screen .MockupMenuBar {
  width: 100%;
  height: 8%;
}
.IphoneMockup .Screen .Display {
  width: 100%;
  height: 92%;
}
.IphoneMockup .Screen .Display.DisplayFullHeight {
  height: 100%;
}
.IphoneMockup .Screen .Island {
  position: absolute;
  top: 3.5%;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  width: 30%;
  height: 4%;
  background-color: #000;
  border-radius: 40px;
}
.IphoneMockup .Screen .Island .Camera {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5%;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #111;
  border-radius: 50%;
}
.IphoneMockup .Screen .Island .Camera:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.3rem;
  left: 0.3rem;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  background-color: #161a3c;
}
.IphoneMockup .Screen .Island .Camera:after {
  content: "";
  display: block;
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
  background: linear-gradient(0, #03344f, #040e27 50%, #3e5191);
  border-radius: 50%;
}
.hamburger {
  padding: 0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger.is-active:hover,
.hamburger:hover {
  opacity: 1;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
  background-color: #f9c408;
}
.hamburger-box {
  width: 28px;
  height: 20px;
  display: inline-block;
  position: relative;
}
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
  width: 28px;
  height: 4px;
  background-color: #f9c408;
  border-radius: 2px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner:after,
.hamburger-inner:before {
  content: "";
  display: block;
}
.hamburger-inner:before {
  top: -8px;
}
.hamburger-inner:after {
  bottom: -8px;
}
.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s linear 0.13s;
}
.hamburger--spring .hamburger-inner:before {
  top: 8px;
  transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner:after {
  top: 16px;
  transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.IsActive .hamburger--spring .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important;
}
.IsActive .hamburger--spring .hamburger-inner:before {
  top: 0;
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s,
    transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
  transform: translate3d(0, 8px, 0) rotate(45deg);
}
.IsActive .hamburger--spring .hamburger-inner:after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
  transform: translate3d(0, 8px, 0) rotate(-45deg);
}
.footer-main,
.footer-secondary {
  background: #000;
}
.footer-main {
  border-bottom: 0.1rem solid hsla(0, 0%, 100%, 0.1);
}
.footer-main-col,
.footer-secondary {
  color: #fff;
}
.OperatorAccountContainer .Button.OperatorHeaderDeposit {
  color: #294c0b;
}
.footer-external-logo-item img {
  background: none;
}
.footer-main-col:nth-child(2) {
  background-color: transparent;
}
.BetslipWrapper .BetslipIndicatorCounter {
  color: #242424;
  font-weight: 600;
}
.IsSearching .OperatorSticky .GamesListContainer {
  padding-bottom: 16rem !important;
}
@media (min-width: 1100px) {
  .IsSearching .OperatorSticky .GamesListContainer {
    padding-bottom: 18rem !important;
  }
}
.PhoneUpdateIconContainer .MyAccountMenuLink .MenuItemImg svg {
  fill: #294c0b;
}
.TournamentsWrapper casino-tournaments-controller::part(RegisterButton) {
  background-color: #56a80a;
}