.blocker {
  font-family: 'AkzidGroProCnd', arial, sans-serif;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 2001;
}

.blocker .compatPopupTitle {
  background: url(assets/style/compatibility/Header.png);
  color: #2B2B3F;
  line-height: 76px;
  font-weight: bold;
  font-size: 4rem;
  text-align: center;
  position: relative;
  z-index: 10;
}

.blocker .compatPopupSuggestedBrowsers a {
  text-decoration: none;
}

.blocker .compatPopupSuggestedBrowsers a img {
  transform: scale(0.7, 0.7);
  transition: transform .2s;
}

.blocker .compatPopupSuggestedBrowsers a:hover img {
  transform: scale(0.8, 0.8);
}

.blocker .compatPopupContentCont {
  width: 706px;
  height: 467px;
  position: relative;
  margin: -9px 0 0 27px;
  background: #000c4b;
  background: radial-gradient(300px at 350px 0px, #1330a5, transparent), linear-gradient(to right, #081333 0%, #000c4b 15%, #000c4b 85%, #081333 100%);
  box-shadow: inset 0 0 7px 2px #0042ff, 0 0 7px 2px #0042ff;
  border: 1px solid #59d1ff;
  border-bottom: 1px solid rgba(89, 209, 255, 0.7);
  border-top: 0;
  z-index: 9;
}

.blocker .compatibilityPopup {
  z-index: 10000;
  position: absolute;
  top: 95px;
  text-align: center;
  width: 761px;
  height: 545px;
  overflow: hidden;
  left: 50%;
  margin-left: -380px;
  font-size: 27px;
}

.blocker .compatibilityPopup .compatPopupContentCont {
  top: -27px;
}

.blocker .compatibilityPopup .compatPopupContentCont .text {
  max-width: 90%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 60px;
  color: #fff;
}

.blocker .compatibilityPopup .compatPopupContentCont .action-btn {
  height: auto;
  padding: 11px;
  width: auto;
  min-width: 168px;
}

.blocker .compatibilityPopup img {
  border-width: 0;
}

.blocker .compatibilityPopup ul {
  margin-top: 20px;
}

.blocker .compatibilityPopup ul li {
  list-style-type: none;
  display: inline;
}

.blocker .compatPopupTextbox {
  width: 761px;
  height: 465px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.ribbon {
  position: relative;
  text-align: center;
  padding: 2px;
  margin: auto;
}

.ribbon-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ribbon:before,
.ribbon:after {
  content: "";
  position: absolute;
  display: block;
  bottom: -0.5em;
  border: 0.5em solid transparent;
  border-top-width: 0.75em;
  border-bottom-width: 0.75em;
  border-color: inherit;
  z-index: -1;
}

.ribbon:before {
  left: -0.75em;
  border-right-width: 0.75em;
  border-left-color: transparent;
}

.ribbon:after {
  right: -0.75em;
  border-left-width: 0.75em;
  border-right-color: transparent;
}

.ribbon .ribbon-content:before,
.ribbon .ribbon-content:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.3) transparent transparent transparent;
  bottom: -0.5em;
}

.ribbon .ribbon-content:before {
  left: 0;
  border-width: 0.5em 0 0 0.5em;
}

.ribbon .ribbon-content:after {
  right: 0;
  border-width: 0.5em 0.5em 0 0;
}

/********
 *** -> See the file pie_chart_timer.mixin.scss for the Mixin
 *** This is just generic styles for the PCT, please use the mixin to customize it
 *******/
.pctTimer {
  position: relative;
  font-size: 150px;
  /* width and height of the timer, so everything depends on this value, as we use 'em' in children */
  width: 1em;
  height: 1em;
}

.pctPie {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
  /* only show the right half of the pie */
}

.pctCountdown .pctPie {
  clip: rect(0em, 0.5em, 1em, 0em);
  /* only show the left half of the pie */
}

.pctPie.pctFull {
  /* show the entire pie */
  clip: rect(auto, auto, auto, auto);
}

.pctTrack,
.pctPie .pctSlice {
  border: 0.05em solid #eee;
  position: absolute;
  width: 0.9em;
  /* 1em - (2*border-width) */
  height: 0.9em;
  /* 1em - (2*border-width) */
  border-radius: 0.5em;
}

.pctPie .pctSlice {
  background: transparent;
  border-color: #c0c0c0;
  clip: rect(0em, 0.5em, 1em, 0em);
  /* only take a half of the pie (left part) */
}

.pctCountdown .pctPie .pctSlice {
  clip: rect(0em, 1em, 1em, 0.5em);
  /* only take a half of the pie (right part) */
}

.pctPie .pctFiller {
  transform: rotate(180deg);
  display: none;
}

.pctPie.pctFull .pctFiller {
  display: block;
}

@keyframes spin {
  to {
    transform: rotate(1turn);
  }
}

@keyframes centerSpin {
  0% {
    transform: translate(0, -50%) rotate(0);
  }
  100% {
    transform: translate(0, -50%) rotate(360deg);
  }
}

.glassScreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  text-align: center;
  z-index: 1999;
}

.glassScreen .spinner, .glassScreen .small-spinner-piggy-tooltip, .glassScreen .glass-small-spinner {
  position: absolute;
  overflow: hidden;
  display: inline-block;
  animation: centerSpin 1s infinite linear;
  margin: auto;
  left: 0px;
  right: 0px;
}

.glassScreen .spinner {
  background-image: url(assets/images/Atlas.png);
  background-position: -1345px -3385px;
  width: 154px;
  height: 154px;
  left: 0px;
  right: 0px;
  top: 50vh;
}

.glassScreen .small-spinner-piggy-tooltip {
  background-image: url(assets/images/Atlas.png);
  background-position: -2789px -3582px;
  width: 43px;
  height: 42px;
  left: 516px;
  top: 171px;
}

.glassScreen .chip, .glassScreen .small-chip-piggy-tooltip, .glassScreen .glass-small-chip {
  position: absolute;
  transform: translate(-50%, -50%);
}

.glassScreen .chip {
  background-image: url(assets/images/Atlas.png);
  background-position: -3378px -1502px;
  width: 108px;
  height: 108px;
  left: 50%;
  top: 50vh;
}

.glassScreen .small-chip-piggy-tooltip {
  background-image: url(assets/images/Atlas.png);
  background-position: -3206px -2914px;
  width: 32px;
  height: 33px;
  right: 91px;
  top: 171px;
}

.glassScreen .glass-small-chip, .glassScreen .glass-small-spinner {
  left: 0;
  margin: auto;
  right: 0;
  transform: translateY(-50%);
  top: 50%;
}

.glassScreen .glass-small-chip {
  background-image: url(assets/images/Atlas.png);
  background-position: -3206px -2914px;
  width: 32px;
  height: 33px;
}

.glassScreen .glass-small-spinner {
  background-image: url(assets/images/Atlas.png);
  background-position: -2789px -3582px;
  width: 43px;
  height: 42px;
}

@font-face {
  font-family: 'AkzidGroProMedCndAlt';
  font-style: normal;
  font-weight: normal;
  src: url(assets/fonts/AkzidGroProMedCndAlt.woff2) format("woff2"), url(assets/fonts/AkzidGroProMedCndAlt.woff) format("woff"), url(assets/fonts/AkzidGroProMedCndAlt.ttf) format("truetype");
}

@font-face {
  font-family: 'AkzidGrtskProReg';
  src: url(assets/fonts/AkzidGrtskProReg_0.otf) format("truetype");
  font-weight: normal;
  font-style: sans-serif;
}

@font-face {
  font-family: 'AkzidGroProLigCndIt';
  src: url(assets/fonts/AkzidGroProLigCndIt.woff2) format("woff2"), url(assets/fonts/AkzidGroProLigCndIt.woff) format("woff"), url(assets/fonts/AkzidGroProLigCndIt.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Akzidenz-Grotesk Pro Light Cnd Italic';
  src: url(assets/fonts/AkzidGroProLigCndIt.woff2) format("woff2"), url(assets/fonts/AkzidGroProLigCndIt.woff) format("woff"), url(assets/fonts/AkzidGroProLigCndIt.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AkzidGroProBolCnd';
  src: url(assets/fonts/AkzidGroProBolCnd.woff2) format("woff2"), url(assets/fonts/AkzidGroProBolCnd.woff) format("woff"), url(assets/fonts/AkzidGroProBolCnd.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Akzidenz-Grotesk Pro Bold Cnd';
  src: url(assets/fonts/AkzidGroProBolCnd.woff2) format("woff2"), url(assets/fonts/AkzidGroProBolCnd.woff) format("woff"), url(assets/fonts/AkzidGroProBolCnd.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AkzidGroProBolCndIt';
  src: url(assets/fonts/AkzidGroProBolCndIt.woff2) format("woff2"), url(assets/fonts/AkzidGroProBolCndIt.woff) format("woff"), url(assets/fonts/AkzidGroProBolCndIt.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Akzidenz-Grotesk Pro Bold Cnd Italic';
  src: url(assets/fonts/AkzidGroProBolCndIt.woff2) format("woff2"), url(assets/fonts/AkzidGroProBolCndIt.woff) format("woff"), url(assets/fonts/AkzidGroProBolCndIt.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AkzidGroProCndIt';
  src: url(assets/fonts/AkzidGroProCndIt.woff2) format("woff2"), url(assets/fonts/AkzidGroProCndIt.woff) format("woff"), url(assets/fonts/AkzidGroProCndIt.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Akzidenz-Grotesk Pro Cnd Italic';
  src: url(assets/fonts/AkzidGroProCndIt.woff2) format("woff2"), url(assets/fonts/AkzidGroProCndIt.woff) format("woff"), url(assets/fonts/AkzidGroProCndIt.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AkzidGroProCnd';
  src: url(assets/fonts/AkzidGroProCnd.woff) format("woff"), url(assets/fonts/AkzidGroProCnd.ttf) format("truetype");
}

@font-face {
  font-family: 'Akzidenz-Grotesk Pro Cnd';
  src: url(assets/fonts/AkzidGroProCnd.woff) format("woff"), url(assets/fonts/AkzidGroProCnd.ttf) format("truetype");
}

@font-face {
  font-family: 'AkzidGroProXBolCnd';
  src: url(assets/fonts/AkzidGroProXBolCnd.woff) format("woff"), url(assets/fonts/AkzidGroProXBolCnd.ttf) format("truetype");
}

@font-face {
  font-family: 'Akzidenz-Grotesk Pro XBold Cnd';
  src: url(assets/fonts/AkzidGroProXBolCnd.woff) format("woff"), url(assets/fonts/AkzidGroProXBolCnd.ttf) format("truetype");
}

@font-face {
  font-family: 'AkzidGroProLigCnd';
  src: url(assets/fonts/AkzidGroProLigCnd.woff) format("woff"), url(assets/fonts/AkzidGroProLigCnd.ttf) format("truetype");
}

@font-face {
  font-family: 'Akzidenz-Grotesk Pro Light Cnd';
  src: url(assets/fonts/AkzidGroProLigCnd.woff) format("woff"), url(assets/fonts/AkzidGroProLigCnd.ttf) format("truetype");
}

@font-face {
  font-family: 'VcrOsdMonoRegular';
  src: url(assets/fonts/vcrosdmono/vcrosdmono-webfont.eot);
  src: url(assets/fonts/vcrosdmono/vcrosdmono-webfont.eot?#iefix) format("embedded-opentype"), url(assets/fonts/vcrosdmono/vcrosdmono-webfont.woff2) format("woff2"), url(assets/fonts/vcrosdmono/vcrosdmono-webfont.woff) format("woff"), url(assets/fonts/vcrosdmono/vcrosdmono-webfont.ttf) format("truetype"), url(assets/fonts/vcrosdmono/vcrosdmono-webfont.svg#vcr_osd_monoregular) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ViburRegular';
  src: url(assets/fonts/Vibur-Regular_0.woff2) format("woff2"), url(assets/fonts/Vibur-Regular_0.woff) format("woff"), url(assets/fonts/Vibur-Regular_0.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BlenderPro-Bold';
  font-style: normal;
  font-weight: normal;
  src: url(assets/fonts/BlenderPro-Bold.woff2) format("woff2"), url(assets/fonts/BlenderPro-Bold.woff) format("woff"), url(assets/fonts/BlenderPro-Bold.ttf) format("truetype");
}

@font-face {
  font-family: 'BlenderPro-Medium';
  font-style: normal;
  font-weight: normal;
  src: url(assets/fonts/BlenderPro-Medium.woff2) format("woff2"), url(assets/fonts/BlenderPro-Medium.woff) format("woff"), url(assets/fonts/BlenderPro-Medium.ttf) format("truetype");
}

@font-face {
  font-family: 'BlenderPro-Thin';
  font-style: normal;
  font-weight: normal;
  src: url(assets/fonts/BlenderPro-Thin.woff2) format("woff2"), url(assets/fonts/BlenderPro-Thin.woff) format("woff"), url(assets/fonts/BlenderPro-Thin.ttf) format("truetype");
}

@font-face {
  font-family: 'BlenderPro-BoldItalic';
  font-style: normal;
  font-weight: normal;
  src: url(assets/fonts/BlenderPro-BoldItalic.woff2) format("woff2"), url(assets/fonts/BlenderPro-BoldItalic.woff) format("woff"), url(assets/fonts/BlenderPro-BoldItalic.ttf) format("truetype");
}

@font-face {
  font-family: 'BlenderPro-BookItalic';
  font-style: normal;
  font-weight: normal;
  src: url(assets/fonts/BlenderPro-BookItalic.woff2) format("woff2"), url(assets/fonts/BlenderPro-BookItalic.woff) format("woff"), url(assets/fonts/BlenderPro-BookItalic.ttf) format("truetype");
}

@font-face {
  font-family: 'BlenderPro-MediumItalic';
  font-style: normal;
  font-weight: normal;
  src: url(assets/fonts/BlenderPro-MediumItalic.woff2) format("woff2"), url(assets/fonts/BlenderPro-MediumItalic.woff) format("woff"), url(assets/fonts/BlenderPro-MediumItalic.ttf) format("truetype");
}

@font-face {
  font-family: 'BlenderPro-ThinItalic';
  font-style: normal;
  font-weight: normal;
  src: url(assets/fonts/BlenderPro-ThinItalic.woff2) format("woff2"), url(assets/fonts/BlenderPro-ThinItalic.woff) format("woff"), url(assets/fonts/BlenderPro-ThinItalic.ttf) format("truetype");
}

@font-face {
  font-family: 'BlenderPro-Heavy';
  font-style: normal;
  font-weight: normal;
  src: url(assets/fonts/BlenderPro-Heavy.woff2) format("woff2"), url(assets/fonts/BlenderPro-Heavy.woff) format("woff"), url(assets/fonts/BlenderPro-Heavy.ttf) format("truetype");
}

html {
  position: relative;
  height: 100%;
  font-size: 62.5%;
}

body {
  position: relative;
  height: 100%;
  font-family: AkzidGroProCnd, arial, sans-serif;
  background: #000 url(assets/images/inGameBg.jpg) no-repeat 50% 0;
  color: #fff;
  font-size: 1.6rem;
  margin: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  touch-action: pan-y;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.lock-scroll {
  overflow: hidden;
}

#WsopApp {
  position: relative;
}

#PokerApp {
  position: relative;
}

#PokerApp .screenCentered {
  position: absolute;
  margin-left: 0;
  top: 100px;
  left: 50%;
  transform: translate(-50%, 0);
}

#PokerApp.isFacebookCanvas .screenCentered {
  position: absolute;
}

:focus {
  outline: none;
}

.selectable, input, textarea {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}

textarea {
  resize: none;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.clickable, .gsStoreBtnsContainer .gsStoreBtn, .gsActionButtonsContainer .action-button {
  cursor: pointer;
  pointer-events: all !important;
}

.hidden {
  display: none;
}

.question, #braceletFullProgression > .help:after, #prizeWheel .prizeWheelContainer .superSpinOverlay .multipliersHelp .toggle .help:after {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: none;
  outline: none;
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -853px;
  width: 25px;
  height: 25px;
}

.question:hover, #braceletFullProgression > .help:hover:after, #prizeWheel .prizeWheelContainer .superSpinOverlay .multipliersHelp .toggle .help:hover:after {
  background-position: -3697px -826px;
}

.question.clickable:active, #braceletFullProgression > .clickable.help:active:after, .gsStoreBtnsContainer #braceletFullProgression > .help.gsStoreBtn:active:after, .gsActionButtonsContainer #braceletFullProgression > .help.action-button:active:after, .gsStoreBtnsContainer .question.gsStoreBtn:active, .gsStoreBtnsContainer #prizeWheel .prizeWheelContainer .superSpinOverlay .multipliersHelp .toggle .gsStoreBtn.help:active:after, #prizeWheel .prizeWheelContainer .superSpinOverlay .multipliersHelp .toggle .gsStoreBtnsContainer .gsStoreBtn.help:active:after, .gsActionButtonsContainer .question.action-button:active, .gsActionButtonsContainer #prizeWheel .prizeWheelContainer .superSpinOverlay .multipliersHelp .toggle .action-button.help:active:after, #prizeWheel .prizeWheelContainer .superSpinOverlay .multipliersHelp .toggle .gsActionButtonsContainer .action-button.help:active:after, #prizeWheel .prizeWheelContainer .superSpinOverlay .multipliersHelp .toggle .clickable.help:active:after {
  background-position: -3697px -958px;
}

.plus {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: none;
  outline: none;
  background-image: url(assets/images/Atlas.png);
  background-position: -2794px -2416px;
  width: 36px;
  height: 36px;
}

.plus:hover {
  background-position: -3200px -2683px;
}

.plus.clickable:active, .gsStoreBtnsContainer .plus.gsStoreBtn:active, .gsActionButtonsContainer .plus.action-button:active {
  background-position: -3458px -2420px;
}

.couponStore [class*="tag_coupon"] .plus {
  background-image: url(assets/images/Atlas.png);
  background-position: -868px -3648px;
  width: 35px;
  height: 35px;
}

.couponStore [class*="tag_coupon"] .plus:hover {
  background-position: -2794px -2495px;
}

.couponStore [class*="tag_coupon"] .plus.clickable:active, .couponStore [class*="tag_coupon"] .gsStoreBtnsContainer .plus.gsStoreBtn:active, .gsStoreBtnsContainer .couponStore [class*="tag_coupon"] .plus.gsStoreBtn:active, .couponStore [class*="tag_coupon"] .gsActionButtonsContainer .plus.action-button:active, .gsActionButtonsContainer .couponStore [class*="tag_coupon"] .plus.action-button:active {
  background-position: -905px -3648px;
}

.transpBlackBg:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  background: #000;
  opacity: .5;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}

.saOnly {
  display: none;
}

/**
    Scrollbar jspane
**/
.iScrollHorizontalScrollbar, .iScrollVerticalScrollbar {
  background: #262c46;
  border: 1px solid #070c6a;
  border-top: 0;
  border-bottom: 0;
  border-radius: 5px !important;
  display: none;
}

.iScrollHorizontalScrollbar .iScrollIndicator, .iScrollVerticalScrollbar .iScrollIndicator {
  background: #293bfc !important;
  border: none !important;
  border-radius: 5px !important;
  box-shadow: 0 1px 3px 0 #000000;
}

.iScrollHorizontalScrollbar .iScrollIndicator:before, .iScrollVerticalScrollbar .iScrollIndicator:before {
  content: "";
  border: 1px solid #212121;
  height: 2px;
  width: 5px;
  margin-top: -50%;
  top: 50%;
  position: absolute;
  left: 1px;
  border-left: 0;
  border-right: 0;
  cursor: pointer;
}

.couponStore .iScrollHorizontalScrollbar, .couponStore .iScrollVerticalScrollbar {
  background: #4a422a;
  border: 1px solid #594400;
}

.couponStore .iScrollHorizontalScrollbar .iScrollIndicator, .couponStore .iScrollVerticalScrollbar .iScrollIndicator {
  background: #ffb52c !important;
}

.scrollableArea.hasVerticallyScroll .iScrollVerticalScrollbar {
  display: block;
}

.scrollableArea.hasHorizontalScroll .iScrollHorizontalScrollbar {
  display: block;
}

#debugger {
  color: #ffffff;
  text-shadow: 1px 1px 10px black;
}

#debugger h3 {
  margin-top: 0;
  text-align: left;
}

#debugger dl dt {
  font-weight: bold;
  border-top: 1px solid;
  float: left;
  width: 40%;
  display: inline-block;
  text-align: left;
  clear: both;
}

#debugger dl dd {
  border-top: 1px solid;
  margin-left: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 60%;
  display: block;
}

#debugger .left, #debugger .right {
  position: absolute;
  top: 80px;
  width: 255px;
  padding: 2px;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.66);
  box-shadow: 0 0 8px 2px rgba(255, 255, 255, 0.5);
}

#debugger .left {
  left: 0;
  margin-left: 20px;
  text-align: right;
}

#debugger .right {
  left: 50%;
  text-align: left;
  margin-left: 400px;
}

#debugger .actionBtn, #debugger .btn-green {
  font-weight: bold;
  font-size: 20px;
  text-transform: uppercase;
  padding: 7px;
  margin-top: 15px;
}

#debugger .checkboxInput {
  border-top: 1px solid;
}

#debugger .checkboxInput input {
  display: inline-block;
  position: relative;
}

#debugger .checkboxInput.left strong {
  display: inline-block;
  float: left;
}

#debugger .selectInput {
  text-align: left;
  border-top: 1px solid;
  width: 100%;
}

#debugger .selectInput input {
  display: inline-block;
  position: relative;
}

#debugger .selectInput.withButton {
  width: 220px;
  margin-right: 5px;
}

#debugger .optionSection {
  border-top: 1px solid;
}

#debugger .optionSection strong {
  display: inline-block;
  float: left;
}

#debugger .optionSection input {
  display: inline-block;
  position: relative;
}

#debugger .optionSection input[type=text] {
  width: 10%;
}

#debugger .optionSection input[type=range] {
  width: 80%;
}

#debugger .optionSection label:not(:first-child) {
  display: block;
}

#debugger .optionSection label:not(:first-child):last-child {
  border-bottom: 1px solid white;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes shaker {
  0% {
    transform: translate(1px, 0px) rotate(0deg);
  }
  10% {
    transform: translate(-1px, -1px) rotate(-1deg);
  }
  20% {
    transform: translate(-1px, 0px) rotate(1deg);
  }
  30% {
    transform: translate(0px, 1px) rotate(0deg);
  }
  40% {
    transform: translate(1px, -1px) rotate(1deg);
  }
  50% {
    transform: translate(-1px, 1px) rotate(-1deg);
  }
  60% {
    transform: translate(-1px, 1px) rotate(0deg);
  }
  70% {
    transform: translate(1px, 1px) rotate(-1deg);
  }
  80% {
    transform: translate(-1px, -1px) rotate(1deg);
  }
  90% {
    transform: translate(1px, 1px) rotate(0deg);
  }
  100% {
    transform: translate(1px, -1px) rotate(-1deg);
  }
}

@keyframes pulse {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.dynamic-img-bg-on-mouse-events .dynamic-bg {
  position: absolute;
  top: 0;
  left: 0;
}

.dynamic-img-bg-on-mouse-events .idle-bg {
  opacity: 1;
}

.dynamic-img-bg-on-mouse-events .hover-bg {
  opacity: 0;
}

.dynamic-img-bg-on-mouse-events .active-bg {
  opacity: 0;
}

.dynamic-img-bg-on-mouse-events:hover .idle-bg {
  opacity: 0;
}

.dynamic-img-bg-on-mouse-events:hover .hover-bg {
  opacity: 1;
}

.dynamic-img-bg-on-mouse-events:hover .active-bg {
  opacity: 0;
}

.dynamic-img-bg-on-mouse-events:active .idle-bg {
  opacity: 0;
}

.dynamic-img-bg-on-mouse-events:active .hover-bg {
  opacity: 0;
}

.dynamic-img-bg-on-mouse-events:active .active-bg {
  opacity: 1;
}

.grid {
  position: relative;
  display: grid;
}

.grid .gridHeader {
  font-weight: 700;
}

.grid.stickyHeader {
  max-height: 300px;
  overflow-y: auto;
}

.grid.stickyHeader .gridHeader {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: #000;
  border-bottom: 1px solid rgba(200, 200, 200, 0.75);
}

.grid .gridCell {
  border-bottom: 1px solid rgba(200, 200, 200, 0.75);
}

.bank-roll-chips-animation-container .canvas-animation-chips {
  position: absolute;
  top: 355px;
  left: 0;
  right: 0;
  margin: auto;
}

.cycling-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.cycling-container .cycling-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.2s;
  opacity: 0;
  display: flex;
  align-items: center;
  transform: translate3d(0, 0, 0);
}

.cycling-container .cycling-node.centered {
  justify-content: center;
}

.cycling-container .cycling-node > * {
  position: relative;
}

.cycling-container .cycling-node.visible {
  opacity: 1;
  transition-delay: 0.2s;
}

.leftCarouselButton,
.rightCarouselButton {
  position: absolute;
  top: 0px;
  width: 42px;
  height: 100%;
  display: inline-block;
  z-index: 5;
  cursor: pointer;
  color: white;
  text-shadow: 0px 0px 1em white;
}

.leftCarouselButton:after,
.rightCarouselButton:after {
  content: '';
  position: absolute;
  top: 40px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px 0px;
  width: 29px;
  height: 39px;
}

.leftCarouselButton:hover:after,
.rightCarouselButton:hover:after {
  background-image: url(assets/images/Atlas.png);
  background-position: -3467px -1216px;
  width: 29px;
  height: 39px;
}

.leftCarouselButton:active:after,
.rightCarouselButton:active:after {
  background-image: url(assets/images/Atlas.png);
  background-position: -3578px -3337px;
  width: 29px;
  height: 39px;
}

.leftCarouselButton.hidden,
.rightCarouselButton.hidden {
  transition: .4s opacity;
  cursor: auto;
  opacity: 0;
}

.carouselContent .draggableWrapper {
  padding: 0;
}

.carouselContent .carouselButton:after {
  top: 26px;
}

.carouselContent .leftCarouselButton {
  left: 0;
}

.carouselContent .leftCarouselButton:after {
  transform: scale(-1, 1);
  left: 15px;
}

.carouselContent .rightCarouselButton {
  right: 0;
  transform: scaleX(-1);
}

.carouselContent .rightCarouselButton:after {
  transform: scale(-1, 1);
  left: 15px;
}

.draggableWrapper {
  overflow: visible;
  white-space: nowrap;
  float: left;
}

.carouselButton {
  position: absolute;
  top: 0px;
  height: 100%;
  width: 42px;
  display: inline-block;
  z-index: 5;
  cursor: pointer;
  color: white;
  text-shadow: 0px 0px 1em white;
}

.carouselButton.hidden {
  transition: .4s opacity;
  cursor: auto;
  opacity: 0;
}

.carouselButton:after {
  content: '';
  position: absolute;
  top: 27px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px 0px;
  width: 29px;
  height: 39px;
}

.carouselButton:hover:after {
  background-image: url(assets/images/Atlas.png);
  background-position: -3467px -1216px;
  width: 29px;
  height: 39px;
}

.carouselButton:active:after {
  background-image: url(assets/images/Atlas.png);
  background-position: -3578px -3337px;
  width: 29px;
  height: 39px;
}

.carouselButton.blue:after {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -159px;
  width: 26px;
  height: 37px;
}

.carouselButton.blue:hover:after {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -81px;
  width: 26px;
  height: 37px;
}

.carouselButton.blue:active:after {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -120px;
  width: 26px;
  height: 37px;
}

.generalTooltip {
  z-index: 1102;
  position: absolute;
  border-radius: 10px;
  padding: 10px;
  width: 250px;
  background-color: rgba(255, 255, 255, 0.9);
  font-family: AkzidGroProLigCnd;
  font-size: 1.8rem;
  color: black;
}

.generalTooltip.vertical-align {
  transform: translateY(-50%);
}

.generalTooltip.bottomArrow:before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  bottom: -17px;
  left: calc(50% - 6px);
  border-style: solid;
  border-width: 17px 6px 0 6px;
  border-color: rgba(255, 255, 255, 0.9) transparent transparent transparent;
}

.generalTooltip.leftArrow:before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -17px;
  top: 50%;
  transform: translateY(-50%);
  border-style: solid;
  border-width: 6px 17px 6px 0;
  border-color: transparent rgba(255, 255, 255, 0.9) transparent transparent;
}

.generalTooltip.topArrow:before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  top: -17px;
  left: calc(50% - 6px);
  border-style: solid;
  border-width: 0 6px 17px 6px;
  border-color: transparent transparent rgba(255, 255, 255, 0.9) transparent;
}

.tooltip-root {
  position: fixed;
  pointer-events: none;
  display: block;
  box-sizing: content-box;
  z-index: 9999;
}

.tooltip-root .tooltip {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tooltip-root .tooltip:after {
  content: '';
  position: absolute;
  border: 0.5em solid transparent;
}

.tooltip-root .tooltip.top {
  top: 0;
  right: auto;
  bottom: auto;
  left: 50%;
  margin-top: -0.5em;
  transform: translate(-50%, -100%);
}

.tooltip-root .tooltip.top:after {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  border-top-color: transparent;
}

.tooltip-root .tooltip.right {
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  margin-right: -0.5em;
  transform: translate(100%, -50%);
}

.tooltip-root .tooltip.right:after {
  left: 0;
  top: 50%;
  transform: translate(-100%, -50%);
  border-right-color: transparent;
}

.tooltip-root .tooltip.bottom {
  top: auto;
  right: auto;
  bottom: 0;
  left: 50%;
  margin-bottom: -0.5em;
  transform: translate(-50%, 100%);
}

.tooltip-root .tooltip.bottom:after {
  left: 50%;
  top: 0;
  transform: translate(-50%, -100%);
  border-bottom-color: transparent;
}

.tooltip-root .tooltip.left {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 0;
  margin-left: -0.5em;
  transform: translate(-100%, -50%);
}

.tooltip-root .tooltip.left:after {
  right: 0;
  top: 50%;
  transform: translate(100%, -50%);
  border-left-color: transparent;
}

.tooltip-root .tooltip.white {
  background: rgba(255, 255, 255, 0.95);
  font-family: AkzidGroProMedCndAlt;
  text-align: center;
  color: black;
  padding: .25em 1em;
  font-weight: bold;
  border-radius: 10px;
  font-weight: 100;
  min-width: 200px;
}

.tooltip-root .tooltip.white:after {
  content: '';
  position: absolute;
  border: 0.5em solid transparent;
}

.tooltip-root .tooltip.white.top {
  top: 0;
  right: auto;
  bottom: auto;
  left: 50%;
  margin-top: -0.5em;
  transform: translate(-50%, -100%);
}

.tooltip-root .tooltip.white.top:after {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  border-top-color: rgba(255, 255, 255, 0.95);
}

.tooltip-root .tooltip.white.right {
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  margin-right: -0.5em;
  transform: translate(100%, -50%);
}

.tooltip-root .tooltip.white.right:after {
  left: 0;
  top: 50%;
  transform: translate(-100%, -50%);
  border-right-color: rgba(255, 255, 255, 0.95);
}

.tooltip-root .tooltip.white.bottom {
  top: auto;
  right: auto;
  bottom: 0;
  left: 50%;
  margin-bottom: -0.5em;
  transform: translate(-50%, 100%);
}

.tooltip-root .tooltip.white.bottom:after {
  left: 50%;
  top: 0;
  transform: translate(-50%, -100%);
  border-bottom-color: rgba(255, 255, 255, 0.95);
}

.tooltip-root .tooltip.white.left {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 0;
  margin-left: -0.5em;
  transform: translate(-100%, -50%);
}

.tooltip-root .tooltip.white.left:after {
  right: 0;
  top: 50%;
  transform: translate(100%, -50%);
  border-left-color: rgba(255, 255, 255, 0.95);
}

.generic-underscene-frame {
  overflow: hidden;
  border-radius: 7px;
}

.generic-underscene-frame .header {
  width: 100%;
  height: 83px;
  background: #010127;
}

.generic-underscene-frame .tab-menu-container {
  display: flex;
  width: 100%;
  background-color: #00003e;
  text-transform: uppercase;
  box-shadow: 0px 2px 20px 0px #1941E3, 0 0 7px 2px #1941E3 inset;
  position: relative;
  z-index: 2;
}

.generic-underscene-frame .tab-menu-container a {
  flex: 1 1 100%;
  padding: 8px 0;
  text-align: center;
  font-size: 24px;
  border-top: 1px solid #2467d0;
  border-bottom: 1px solid #2467d0;
  color: #7785ab;
  text-shadow: 0 1px 4px black, 0 1px 3px rgba(0, 0, 0, 0.6);
  transition: 0.5s background ease-in-out;
  border-right: 1px solid #1c4ce6;
  border-left: 1px solid  #05102b;
}

.generic-underscene-frame .tab-menu-container a:hover {
  background: #052161;
}

.generic-underscene-frame .tab-menu-container a.active, .generic-underscene-frame .tab-menu-container a:active {
  background: linear-gradient(to bottom, rgba(17, 87, 234, 0) 30%, #1157ea 100%);
  color: #ffffff;
  border-bottom: 2px solid #0afeff;
}

.genericButtonSlider {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 50px;
  border-radius: 5px;
}

.genericButtonSlider.rightBtn {
  transform: scaleX(1);
}

.genericButtonSlider.leftBtn {
  transform: scaleX(-1);
}

.genericButtonSlider.yellowBtn {
  border: 1px solid #fcff2c;
  background: linear-gradient(to bottom, #fcef2c 0%, #fbb62b 99%);
  box-shadow: 0 0 0 1px #442d04;
}

.genericButtonSlider.yellowBtn:hover {
  background: linear-gradient(to bottom, #feffc4 0%, #fbb62b 100%);
}

.genericButtonSlider.yellowBtn:active {
  background: linear-gradient(to bottom, #442d04 0%, #fbb62b 100%);
}

.genericButtonSlider.yellowBtn .genericButtonSliderArrow {
  fill: #fc772c;
  stroke: #fcf72c;
}

.genericButtonSlider.blueBtn {
  border: 1px solid #00f1ff;
  background: linear-gradient(to bottom, #02dcff 0%, #0273ff 99%);
  box-shadow: 0 0 0 1px #000000;
}

.genericButtonSlider.blueBtn:hover {
  background: linear-gradient(to bottom, #c3fcff 0%, #0273ff 99%);
}

.genericButtonSlider.blueBtn:active {
  background: linear-gradient(to bottom, #2440fe 0%, #0273ff 99%);
}

.genericButtonSlider.blueBtn .genericButtonSliderArrow {
  fill: #0000ff;
  stroke: #00f1ff;
}

.genTF {
  position: absolute;
  width: 0;
  height: 0;
}

.genTF_bg {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 130px;
  padding: 0 15px;
  border: none;
  background: white;
  box-shadow: 0 0 7px 4px inset rgba(0, 0, 0, 0.4);
  border-radius: 6px;
  border-bottom: 1px solid #052a9e;
}

.genTFInput {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0 15px;
  border: none;
  box-sizing: border-box;
  border: none;
  background-color: transparent;
  font-family: AkzidGroProLigCnd;
  font-size: 1.7rem;
  color: blue;
}

.genTFInput.empty {
  font-style: italic;
  font-family: AkzidGroProLigCnd;
  font-size: 1.4rem;
}

.animElement {
  position: absolute;
}

.animChips {
  position: absolute;
  z-index: 9999;
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2580px -1303px;
  width: 28px;
  height: 28px;
}

@keyframes WEB_Powerhand_handStrengthFXDouble {
  0% {
    background-image: url(assets/images/Atlas.png);
    background-position: -2832px -2683px;
    width: 328px;
    height: 37px;
  }
  33% {
    background-image: url(assets/images/Atlas.png);
    background-position: -1811px -2658px;
    width: 328px;
    height: 37px;
  }
  66% {
    background-image: url(assets/images/Atlas.png);
    background-position: -2141px -2658px;
    width: 328px;
    height: 37px;
  }
}

@keyframes GameScene_XPMultiplier {
  0% {
    background-image: url(assets/images/Atlas.png);
    background-position: -1311px -2575px;
    width: 537px;
    height: 81px;
  }
  20% {
    background-image: url(assets/images/Atlas.png);
    background-position: -1850px -2575px;
    width: 537px;
    height: 81px;
  }
  40% {
    background-image: url(assets/images/Atlas.png);
    background-position: -1540px -1010px;
    width: 537px;
    height: 85px;
  }
  60% {
    background-image: url(assets/images/Atlas.png);
    background-position: -1545px -1856px;
    width: 537px;
    height: 82px;
  }
  80% {
    background-image: url(assets/images/Atlas.png);
    background-position: -770px -2575px;
    width: 539px;
    height: 81px;
  }
}

@keyframes WEB_ProgressionHandCount_FadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    pointer-events: none;
  }
}

.dropdown {
  position: absolute;
  display: flex;
  color: white;
  box-shadow: 0 0 3px 1px #abb9e7;
  overflow: hidden;
  color: #9095b0;
  z-index: 12;
  font-size: 24px;
  font-family: AkzidGroProLigCnd, arial, sans-serif;
  min-width: 140px;
  cursor: pointer;
  background: rgba(37, 36, 50, 0.9);
}

.dropdown .button {
  position: relative;
  padding: 4px 7px;
  text-transform: uppercase;
}

.dropdown .arrow {
  display: inline-block;
  position: absolute;
  right: 7px;
  bottom: .5em;
  width: 33px;
  height: 22px;
  background-image: url(assets/images/Atlas.png);
  background-position: -2344px -3156px;
  width: 33px;
  height: 22px;
}

.dropdown .options {
  display: none;
}

.dropdown .options .option {
  padding: 9px 7px;
}

.dropdown .options .option:hover {
  background: rgba(100, 100, 140, 0.7);
  text-shadow: white 0px 0px 10px;
}

.dropdown.active {
  color: #fff;
}

.dropdown.active .options {
  display: block;
}

.dropdown.dropdown-top {
  top: 0;
  border-radius: 4px 0 4px 0;
  flex-direction: column;
}

.dropdown.dropdown-top .arrow {
  transform: rotate(0deg);
}

.dropdown.dropdown-top.active .arrow {
  transform: rotate(180deg);
}

.dropdown.dropdown-bottom {
  bottom: 0;
  border-radius: 0 4px 0 0;
  flex-direction: column-reverse;
}

.dropdown.dropdown-bottom .arrow {
  transform: rotate(180deg);
}

.dropdown.dropdown-bottom.active .arrow {
  transform: rotate(0deg);
}

.dropdown.dropdown-left {
  left: 0;
}

.dropdown.dropdown-right {
  right: 0;
}

.dropdown.dropdown-top .options:before,
.dropdown.dropdown-bottom .options:after {
  content: ' ';
  height: 1px;
  background: #6B718C;
  display: block;
  margin-left: 7px;
  margin-right: 7px;
}

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

.content-container.content-container--vertical {
  flex-direction: column;
}

.content-container.content-container--full-height {
  height: 100%;
}

.content-container.content-container--full-width {
  width: 100%;
}

.content-container.content-container--space-between {
  justify-content: space-between;
}

.content-container.content-container--space-evenly {
  justify-content: space-evenly;
}

.content-col {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex: 1;
  position: relative;
  padding: 0 2rem;
}

.content-col.content-col--padded-bottom {
  padding-bottom: 3rem;
}

/****
** Base button style
****/
.btn {
  font-family: AkzidGroProCnd;
  font-size: 2rem;
  color: #83bdff;
  background: none;
  position: relative;
  top: auto;
  left: auto;
  overflow: visible;
  /* this make the :before and :after in position:absolute to appear */
  border: 0;
  cursor: pointer;
  padding: 0 5px 0 5px;
}

.btn::-moz-focus-inner,
.btn:focus {
  border: 0;
}

.btn:before,
.btn:after {
  content: "";
  position: absolute;
  top: 0px;
}

.genericButton {
  border: 3px solid black;
  border-radius: 4px;
  padding: 5px 20px;
  cursor: pointer;
  overflow: visible;
  font-family: AkzidGroProCnd;
  font-size: 2rem;
  text-align: center;
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: #fff;
  position: relative;
  top: auto;
  left: auto;
  display: inline-block;
  color: #fdfefc;
}

.genericButton.stretched {
  display: block;
}

.genericButton.inAppButton {
  position: absolute;
  font-family: AkzidGroProCnd;
  font-size: 4rem;
}

.genericButton:hover:not(:active):not([disabled]):not(.forcePressed), .genericButton.dark:not(:active) {
  color: rgba(0, 0, 0, 0.7);
}

.genericButton:not([disabled]):not(.inactive):active span {
  display: block;
  transform: translateY(1px);
}

.genericButton[disabled] {
  cursor: default;
  color: rgba(0, 0, 0, 0.7);
  background: #454545;
  background-image: linear-gradient(to bottom, #4D4D4D 0%, #878888 15%, #878888 17%, #454545 40%, #454545 65%, #878888 90%, #4D4D4D 100%);
  box-shadow: inset 0 0 2px 2px #454545;
}

.genericButton.forcePressed {
  cursor: default;
}

.genericButton:not([disabled]):not(.forcePressed):not(.inactive) {
  background: linear-gradient(to bottom, #3eb300 0%, #b6f31a 17%, #3eb300 47%, #b6f31a 85%, #3eb300 100%);
}

.genericButton:not([disabled]):not(.forcePressed):hover {
  background: linear-gradient(to bottom, #3eb300 0%, #b6f31a 17%, #dbfd83 47%, #b6f31a 85%, #3eb300 100%);
  color: #194c05;
  text-shadow: -1px -1px 1px rgba(252, 255, 33, 0.2), 1px -1px 1px rgba(252, 255, 33, 0.2), -1px 1px 1px rgba(252, 255, 33, 0.2), 1px 1px 1px rgba(252, 255, 33, 0.2);
}

.genericButton:not([disabled]):not(.forcePressed):active, .genericButton.forcePressed {
  background: linear-gradient(to bottom, #3eb300 0%, #3eb300 17%, #b6f31a 47%, #3eb300 85%, #3eb300 100%);
  color: #fdfefc;
  text-shadow: -1px -1px 1px rgba(252, 255, 33, 0.2), 1px -1px 1px rgba(252, 255, 33, 0.2), -1px 1px 1px rgba(252, 255, 33, 0.2), 1px 1px 1px rgba(252, 255, 33, 0.2);
}

.genericButton.inactive {
  background: linear-gradient(to bottom, #3eb300 0%, #3eb300 17%, #b6f31a 47%, #3eb300 85%, #3eb300 100%);
  color: #194c05;
  text-shadow: -1px -1px 1px rgba(252, 255, 33, 0.2), 1px -1px 1px rgba(252, 255, 33, 0.2), -1px 1px 1px rgba(252, 255, 33, 0.2), 1px 1px 1px rgba(252, 255, 33, 0.2);
}

.genericButton.dark {
  color: #194c05;
}

.genericButton.dark:not([disabled]):not(.forcePressed):not(.inactive) {
  background: linear-gradient(to bottom, #3eb300 0%, #b6f31a 17%, #3eb300 47%, #b6f31a 85%, #3eb300 100%);
}

.genericButton.dark:not([disabled]):not(.forcePressed):hover {
  background: linear-gradient(to bottom, #3eb300 0%, #b6f31a 17%, #dbfd83 47%, #b6f31a 85%, #3eb300 100%);
  color: #194c05;
  text-shadow: -1px -1px 1px rgba(252, 255, 33, 0.2), 1px -1px 1px rgba(252, 255, 33, 0.2), -1px 1px 1px rgba(252, 255, 33, 0.2), 1px 1px 1px rgba(252, 255, 33, 0.2);
}

.genericButton.dark:not([disabled]):not(.forcePressed):active, .genericButton.dark.forcePressed {
  background: linear-gradient(to bottom, #3eb300 0%, #3eb300 17%, #b6f31a 47%, #3eb300 85%, #3eb300 100%);
  color: #fdfefc;
  text-shadow: -1px -1px 1px rgba(252, 255, 33, 0.2), 1px -1px 1px rgba(252, 255, 33, 0.2), -1px 1px 1px rgba(252, 255, 33, 0.2), 1px 1px 1px rgba(252, 255, 33, 0.2);
}

.genericButton.dark.inactive {
  background: linear-gradient(to bottom, #3eb300 0%, #3eb300 17%, #b6f31a 47%, #3eb300 85%, #3eb300 100%);
  color: #194c05;
  text-shadow: -1px -1px 1px rgba(252, 255, 33, 0.2), 1px -1px 1px rgba(252, 255, 33, 0.2), -1px 1px 1px rgba(252, 255, 33, 0.2), 1px 1px 1px rgba(252, 255, 33, 0.2);
}

.genericButton.blue {
  color: #fff;
}

.genericButton.blue:not([disabled]):not(.forcePressed):not(.inactive) {
  background: linear-gradient(to bottom, #0754fd, #2ad2ff 17%, #0856fd 47%, #28d0ff 85%, #0754fd 100%);
}

.genericButton.blue:not([disabled]):not(.forcePressed):hover {
  background: linear-gradient(to bottom, #0754fd 0%, #2ad2ff 17%, #aeecfd 47%, #28d0ff 85%, #0754fd 100%);
  color: #061e51;
  text-shadow: -1px -1px 1px rgba(161, 203, 255, 0.2), 1px -1px 1px rgba(161, 203, 255, 0.2), -1px 1px 1px rgba(161, 203, 255, 0.2), 1px 1px 1px rgba(161, 203, 255, 0.2);
}

.genericButton.blue:not([disabled]):not(.forcePressed):active, .genericButton.blue.forcePressed {
  background: linear-gradient(to bottom, #0754fd 0%, #0856fd 9%, #78e2fc 51%, #0856fd 90%, #0754fd 100%);
  color: #fff;
  text-shadow: -1px -1px 1px rgba(161, 203, 255, 0.2), 1px -1px 1px rgba(161, 203, 255, 0.2), -1px 1px 1px rgba(161, 203, 255, 0.2), 1px 1px 1px rgba(161, 203, 255, 0.2);
}

.genericButton.blue.inactive {
  background: linear-gradient(to bottom, #0754fd 0%, #0856fd 9%, #78e2fc 51%, #0856fd 90%, #0754fd 100%);
  color: #061e51;
  text-shadow: -1px -1px 1px rgba(161, 203, 255, 0.2), 1px -1px 1px rgba(161, 203, 255, 0.2), -1px 1px 1px rgba(161, 203, 255, 0.2), 1px 1px 1px rgba(161, 203, 255, 0.2);
}

.genericButton.blue.dark {
  color: #061e51;
}

.genericButton.blue.dark:not([disabled]):not(.forcePressed):not(.inactive) {
  background: linear-gradient(to bottom, #0754fd, #2ad2ff 17%, #0856fd 47%, #28d0ff 85%, #0754fd 100%);
}

.genericButton.blue.dark:not([disabled]):not(.forcePressed):hover {
  background: linear-gradient(to bottom, #0754fd 0%, #2ad2ff 17%, #aeecfd 47%, #28d0ff 85%, #0754fd 100%);
  color: #061e51;
  text-shadow: -1px -1px 1px rgba(161, 203, 255, 0.2), 1px -1px 1px rgba(161, 203, 255, 0.2), -1px 1px 1px rgba(161, 203, 255, 0.2), 1px 1px 1px rgba(161, 203, 255, 0.2);
}

.genericButton.blue.dark:not([disabled]):not(.forcePressed):active, .genericButton.blue.dark.forcePressed {
  background: linear-gradient(to bottom, #0754fd 0%, #0856fd 9%, #78e2fc 51%, #0856fd 90%, #0754fd 100%);
  color: #fff;
  text-shadow: -1px -1px 1px rgba(161, 203, 255, 0.2), 1px -1px 1px rgba(161, 203, 255, 0.2), -1px 1px 1px rgba(161, 203, 255, 0.2), 1px 1px 1px rgba(161, 203, 255, 0.2);
}

.genericButton.blue.dark.inactive {
  background: linear-gradient(to bottom, #0754fd 0%, #0856fd 9%, #78e2fc 51%, #0856fd 90%, #0754fd 100%);
  color: #061e51;
  text-shadow: -1px -1px 1px rgba(161, 203, 255, 0.2), 1px -1px 1px rgba(161, 203, 255, 0.2), -1px 1px 1px rgba(161, 203, 255, 0.2), 1px 1px 1px rgba(161, 203, 255, 0.2);
}

.genericButton.yellow {
  color: #fefdfc;
}

.genericButton.yellow:not([disabled]):not(.forcePressed):not(.inactive) {
  background: linear-gradient(to bottom, #d3a119, #fce443 17%, #d88f10 50%, #fce443 85%, #d3a119 100%);
}

.genericButton.yellow:not([disabled]):not(.forcePressed):hover {
  background: linear-gradient(to bottom, #d3a119 0%, #fbd41f 17%, #fdec9e 47%, #fbd420 85%, #d3a119 100%);
  color: #5e3f01;
  text-shadow: -1px -1px 1px rgba(251, 232, 143, 0.2), 1px -1px 1px rgba(251, 232, 143, 0.2), -1px 1px 1px rgba(251, 232, 143, 0.2), 1px 1px 1px rgba(251, 232, 143, 0.2);
}

.genericButton.yellow:not([disabled]):not(.forcePressed):active, .genericButton.yellow.forcePressed {
  background: linear-gradient(to bottom, #d3a119 0%, #d88f10 17%, #fce443 50%, #d88f10 85%, #d3a119 100%);
  color: #fefdfc;
  text-shadow: -1px -1px 1px rgba(251, 232, 143, 0.2), 1px -1px 1px rgba(251, 232, 143, 0.2), -1px 1px 1px rgba(251, 232, 143, 0.2), 1px 1px 1px rgba(251, 232, 143, 0.2);
}

.genericButton.yellow.inactive {
  background: linear-gradient(to bottom, #d3a119 0%, #d88f10 17%, #fce443 50%, #d88f10 85%, #d3a119 100%);
  color: #5e3f01;
  text-shadow: -1px -1px 1px rgba(251, 232, 143, 0.2), 1px -1px 1px rgba(251, 232, 143, 0.2), -1px 1px 1px rgba(251, 232, 143, 0.2), 1px 1px 1px rgba(251, 232, 143, 0.2);
}

.genericButton.yellow.dark {
  color: #5e3f01;
}

.genericButton.yellow.dark:not([disabled]):not(.forcePressed):not(.inactive) {
  background: linear-gradient(to bottom, #d3a119, #fce443 17%, #d88f10 50%, #fce443 85%, #d3a119 100%);
}

.genericButton.yellow.dark:not([disabled]):not(.forcePressed):hover {
  background: linear-gradient(to bottom, #d3a119 0%, #fbd41f 17%, #fdec9e 47%, #fbd420 85%, #d3a119 100%);
  color: #5e3f01;
  text-shadow: -1px -1px 1px rgba(251, 232, 143, 0.2), 1px -1px 1px rgba(251, 232, 143, 0.2), -1px 1px 1px rgba(251, 232, 143, 0.2), 1px 1px 1px rgba(251, 232, 143, 0.2);
}

.genericButton.yellow.dark:not([disabled]):not(.forcePressed):active, .genericButton.yellow.dark.forcePressed {
  background: linear-gradient(to bottom, #d3a119 0%, #d88f10 17%, #fce443 50%, #d88f10 85%, #d3a119 100%);
  color: #fefdfc;
  text-shadow: -1px -1px 1px rgba(251, 232, 143, 0.2), 1px -1px 1px rgba(251, 232, 143, 0.2), -1px 1px 1px rgba(251, 232, 143, 0.2), 1px 1px 1px rgba(251, 232, 143, 0.2);
}

.genericButton.yellow.dark.inactive {
  background: linear-gradient(to bottom, #d3a119 0%, #d88f10 17%, #fce443 50%, #d88f10 85%, #d3a119 100%);
  color: #5e3f01;
  text-shadow: -1px -1px 1px rgba(251, 232, 143, 0.2), 1px -1px 1px rgba(251, 232, 143, 0.2), -1px 1px 1px rgba(251, 232, 143, 0.2), 1px 1px 1px rgba(251, 232, 143, 0.2);
}

.genericButton.action_link {
  color: #aeecfd;
  background: none;
  border: none;
  font-size: 2rem;
  padding: 0;
}

.genericButton.action_link:not([disabled]):not(.forcePressed):not(.inactive) {
  background: linear-gradient(to bottom, transparent, transparent);
}

.genericButton.action_link:not([disabled]):not(.forcePressed):hover {
  background: linear-gradient(to bottom, transparent, transparent);
  color: #fff;
  text-shadow: -1px -1px 1px rgba(161, 203, 255, 0.2), 1px -1px 1px rgba(161, 203, 255, 0.2), -1px 1px 1px rgba(161, 203, 255, 0.2), 1px 1px 1px rgba(161, 203, 255, 0.2);
}

.genericButton.action_link:not([disabled]):not(.forcePressed):active, .genericButton.action_link.forcePressed {
  background: linear-gradient(to bottom, transparent, transparent);
  color: #aeecfd;
  text-shadow: -1px -1px 1px rgba(161, 203, 255, 0.2), 1px -1px 1px rgba(161, 203, 255, 0.2), -1px 1px 1px rgba(161, 203, 255, 0.2), 1px 1px 1px rgba(161, 203, 255, 0.2);
}

.genericButton.action_link.inactive {
  background: linear-gradient(to bottom, transparent, transparent);
  color: #fff;
  text-shadow: -1px -1px 1px rgba(161, 203, 255, 0.2), 1px -1px 1px rgba(161, 203, 255, 0.2), -1px 1px 1px rgba(161, 203, 255, 0.2), 1px 1px 1px rgba(161, 203, 255, 0.2);
}

/****
** Generic button style
****/
.action-btn, .actionBtn, .btn-green {
  cursor: pointer;
  color: #044b00;
  font-size: 3rem;
  text-align: center;
  border: 3px solid black;
  border-radius: 2px;
  padding: 0;
  background: #b6ff00;
  /* Old browsers */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b6ff00+0,b6ff00+10,3eb300+35,3eb300+65,b6ff00+90,b6ff00+100 */
  background-image: linear-gradient(to bottom, #b6ff00 0%, #b6ff00 10%, #3eb300 35%, #3eb300 65%, #b6ff00 90%, #b6ff00 100%);
  box-shadow: inset 0 0 2px 2px #1e7203;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.action-btn::-moz-focus-inner, .actionBtn::-moz-focus-inner, .btn-green::-moz-focus-inner {
  border: 0;
}

.action-btn:focus, .actionBtn:focus, .btn-green:focus {
  border: 3px solid black;
}

.action-btn[disabled], .actionBtn[disabled], .btn-green[disabled] {
  opacity: 0.5;
  cursor: default;
}

.action-btn:not([disabled]):hover, .actionBtn:not([disabled]):hover, .btn-green:not([disabled]):hover {
  background: #d0ff56;
  /* Old browsers */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b6ff00+0,b6ff00+10,3eb300+35,3eb300+65,b6ff00+90,b6ff00+100 */
  background-image: linear-gradient(to bottom, #d0ff56 0%, #d0ff56 10%, #6fe206 35%, #6fe206 65%, #d0ff56 90%, #d0ff56 100%);
  box-shadow: inset 0 0 2px 2px #1e7203;
}

.action-btn:not([disabled]):active, .action-btn:not([disabled]).active, .actionBtn:not([disabled]):active, .btn-green:not([disabled]):active, .actionBtn:not([disabled]).active, .btn-green:not([disabled]).active {
  background: #7eab10;
  /* Old browsers */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b6ff00+0,b6ff00+10,3eb300+35,3eb300+65,b6ff00+90,b6ff00+100 */
  background-image: linear-gradient(to bottom, #7eab10 0%, #7eab10 10%, #2f7d00 35%, #2f7d00 65%, #7eab10 90%, #7eab10 100%);
  box-shadow: inset 0 0 2px 2px #154102;
}

.action-btn.dark, .actionBtn.dark, .dark.btn-green {
  background-image: linear-gradient(to bottom, #1d7101 0%, #b6ff00 18%, #2ba800 72%, #b6ff00 90%, #217f00 100%);
  box-shadow: inset 0 0 2px 2px #1e7203;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.action-btn.dark:not([disabled]):hover, .actionBtn.dark:not([disabled]):hover, .dark.btn-green:not([disabled]):hover {
  background-image: linear-gradient(to bottom, #49bb00 0%, #f9ff00 18%, #52ef00 72%, #f9ff00 90%, #5ed300 100%);
  box-shadow: inset 0 0 2px 2px #1e7203;
}

.action-btn.dark:not([disabled]):active, .action-btn.dark:not([disabled]).active, .actionBtn.dark:not([disabled]):active, .dark.btn-green:not([disabled]):active, .actionBtn.dark:not([disabled]).active, .dark.btn-green:not([disabled]).active {
  background-image: linear-gradient(to bottom, #194c05 0%, #061101 18%, #184a05 72%, #194c05 100%);
  box-shadow: inset 0 0 2px 2px #154102;
  color: #144303;
}

.action-btn.blue, .actionBtn.blue, .blue.btn-green {
  background: #28d0ff;
  /* Old browsers */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b6ff00+0,b6ff00+10,3eb300+35,3eb300+65,b6ff00+90,b6ff00+100 */
  background-image: linear-gradient(to bottom, #28d0ff 0%, #28d0ff 10%, #0857fd 35%, #0857fd 65%, #28d0ff 90%, #28d0ff 100%);
  box-shadow: inset 0 0 2px 2px #0439FB;
  color: #FFFFFF;
}

.action-btn.blue:not([disabled]):hover, .actionBtn.blue:not([disabled]):hover, .blue.btn-green:not([disabled]):hover {
  background: #88e6ff;
  /* Old browsers */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b6ff00+0,b6ff00+10,3eb300+35,3eb300+65,b6ff00+90,b6ff00+100 */
  background-image: linear-gradient(to bottom, #88e6ff 0%, #88e6ff 10%, #417eff 35%, #417eff 65%, #88e6ff 90%, #88e6ff 100%);
  box-shadow: inset 0 0 2px 2px #1B55FE;
}

.action-btn.blue:not([disabled]):active, .action-btn.blue:not([disabled]).active, .actionBtn.blue:not([disabled]):active, .blue.btn-green:not([disabled]):active, .actionBtn.blue:not([disabled]).active, .blue.btn-green:not([disabled]).active {
  background: #1783d4;
  /* Old browsers */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b6ff00+0,b6ff00+10,3eb300+35,3eb300+65,b6ff00+90,b6ff00+100 */
  background-image: linear-gradient(to bottom, #1783d4 0%, #1783d4 10%, #0537d2 35%, #0537d2 65%, #1783d4 90%, #1783d4 100%);
  box-shadow: inset 0 0 2px 2px #0224D0;
}

.action-btn.blue.dark, .actionBtn.blue.dark, .blue.dark.btn-green {
  background: #103389;
  /* Old browsers */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b6ff00+0,b6ff00+10,3eb300+35,3eb300+65,b6ff00+90,b6ff00+100 */
  background-image: linear-gradient(to bottom, #103389 0%, #103389 10%, #2065bf 35%, #2065bf 65%, #103389 90%, #103389 100%);
  box-shadow: inset 0 0 2px 2px #3865C7;
  color: #01051b;
  text-shadow: 0 1px 0 #6284e6;
}

.action-btn.blue.dark:not([disabled]):hover, .actionBtn.blue.dark:not([disabled]):hover, .blue.dark.btn-green:not([disabled]):hover {
  background: #2e54b7;
  /* Old browsers */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b6ff00+0,b6ff00+10,3eb300+35,3eb300+65,b6ff00+90,b6ff00+100 */
  background-image: linear-gradient(to bottom, #2e54b7 0%, #2e54b7 10%, #417eff 35%, #417eff 65%, #2e54b7 90%, #2e54b7 100%);
  box-shadow: inset 0 0 2px 2px #3586C2;
}

.action-btn.blue.dark:not([disabled]):active, .actionBtn.blue.dark:not([disabled]):active, .blue.dark.btn-green:not([disabled]):active {
  background: #031b42;
  /* Old browsers */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b6ff00+0,b6ff00+10,3eb300+35,3eb300+65,b6ff00+90,b6ff00+100 */
  background-image: linear-gradient(to bottom, #031b42 0%, #031b42 10%, #205fae 35%, #205fae 65%, #031b42 90%, #031b42 100%);
  box-shadow: inset 0 0 2px 2px #041F47;
}

.action-btn.blue.dim, .actionBtn.blue.dim, .blue.dim.btn-green {
  background: #0d41cf;
  /* Old browsers */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b6ff00+0,b6ff00+10,3eb300+35,3eb300+65,b6ff00+90,b6ff00+100 */
  background-image: linear-gradient(to bottom, #0d41cf 0%, #0d41cf 10%, #0C3298 35%, #0C3298 65%, #0d41cf 90%, #0d41cf 100%);
  box-shadow: inset 0 0 2px 2px #071F5F;
  border-radius: 4px;
  box-shadow: inset 0 0 2px 2px #071f5f,0 0 0px 1px #000,0 1px 4px 0px #071f5f;
  height: 32px;
  text-shadow: #000c4b;
}

.action-btn.blue.dim:not([disabled]):hover, .actionBtn.blue.dim:not([disabled]):hover, .blue.dim.btn-green:not([disabled]):hover {
  background: #1756FF;
  /* Old browsers */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b6ff00+0,b6ff00+10,3eb300+35,3eb300+65,b6ff00+90,b6ff00+100 */
  background-image: linear-gradient(to bottom, #1756FF 0%, #1756FF 10%, #1543BE 35%, #1543BE 65%, #1756FF 90%, #1756FF 100%);
  box-shadow: inset 0 0 2px 2px #133BA5;
}

.action-btn.blue.dim:not([disabled]):active, .action-btn.blue.dim:not([disabled]).active, .actionBtn.blue.dim:not([disabled]):active, .blue.dim.btn-green:not([disabled]):active, .actionBtn.blue.dim:not([disabled]).active, .blue.dim.btn-green:not([disabled]).active {
  background: #0B2D89;
  /* Old browsers */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b6ff00+0,b6ff00+10,3eb300+35,3eb300+65,b6ff00+90,b6ff00+100 */
  background-image: linear-gradient(to bottom, #0B2D89 0%, #0B2D89 10%, #071E5C 35%, #071E5C 65%, #0B2D89 90%, #0B2D89 100%);
  box-shadow: inset 0 0 2px 2px #05143E;
}

.action-btn.blue.flexible, .actionBtn.blue.flexible, .blue.flexible.btn-green {
  font-size: 2.5rem;
  font-family: AkzidGroProCnd;
  padding: 5px 20px;
  width: auto;
}

.action-btn.yellow, .actionBtn.yellow, .yellow.btn-green {
  color: #FFFFFF;
  background: #FFD14E;
  /* Old browsers */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b6ff00+0,b6ff00+10,3eb300+35,3eb300+65,b6ff00+90,b6ff00+100 */
  background-image: linear-gradient(to bottom, #FFD14E 0%, #FFD14E 10%, #DCA536 35%, #DCA536 65%, #FFD14E 90%, #FFD14E 100%);
  box-shadow: inset 0 0 2px 2px #A57D2D;
}

.action-btn.yellow:not([disabled]):hover, .actionBtn.yellow:not([disabled]):hover, .yellow.btn-green:not([disabled]):hover {
  background: radial-gradient(ellipse at center, #FDF245 0%, transparent 100%), linear-gradient(to bottom, #FFD14E 0%, #FFD14E 10%, #DCA536 35%, #DCA536 65%, #FFD14E 90%, #FFD14E 100%);
  box-shadow: inset 0 0 2px 2px #A57D2D;
}

.action-btn.yellow:not([disabled]):active, .action-btn.yellow:not([disabled]).active, .actionBtn.yellow:not([disabled]):active, .yellow.btn-green:not([disabled]):active, .actionBtn.yellow:not([disabled]).active, .yellow.btn-green:not([disabled]).active {
  background: linear-gradient(to bottom, #322912 0%, #E1AE3C 100%);
  box-shadow: inset 0 0 2px 2px #A57D2D;
}

.action-btn.purple, .actionBtn.purple, .purple.btn-green {
  background-image: linear-gradient(to bottom, #510c5d 0%, #f02cd8 18%, #7c006b 72%, #f52ddc 90%, #530c5f 100%);
  box-shadow: inset 0 0 2px 2px #550149;
  text-shadow: 0 1px 0 #c33cb4, 0 -1px 0 black;
  color: rgba(255, 255, 255, 0.75);
}

.action-btn.purple:not([disabled]):hover, .actionBtn.purple:not([disabled]):hover, .purple.btn-green:not([disabled]):hover {
  background-image: linear-gradient(to bottom, #9603a1 0%, #ff44ff 18%, #b800a4 72%, #ff44ff 90%, #dd2bd9 100%);
  color: white;
  box-shadow: inset 0 0 3px 4px #ffdbff;
}

.action-btn.purple:not([disabled]):active, .action-btn.purple:not([disabled]).active, .actionBtn.purple:not([disabled]):active, .purple.btn-green:not([disabled]):active, .actionBtn.purple:not([disabled]).active, .purple.btn-green:not([disabled]).active {
  background-image: linear-gradient(to bottom, #510c5d 0%, #18041f 18%, #530f6c 72%, #530c5f 100%);
  box-shadow: inset 0 2px 2px 0 rgba(246, 44, 219, 0.52);
  color: rgba(255, 255, 255, 0.75) !important;
}

.action-btn.btn-socketed:before, .actionBtn.btn-socketed:before, .btn-socketed.btn-green:before {
  top: -4px;
  left: -4px;
  border-radius: 4px;
  border: 4px solid black;
  box-shadow: 0 2px 10px -4px;
}

.action-btn.btn-socketed:not([disabled]):hover:before, .actionBtn.btn-socketed:not([disabled]):hover:before, .btn-socketed.btn-green:not([disabled]):hover:before {
  box-shadow: 0 2px 12px -4px;
}

.action-btn.btn-socketed:before, .actionBtn.btn-socketed:before, .btn-socketed.btn-green:before {
  width: 100%;
  height: 100%;
  color: #b6ff00;
}

.action-btn.btn-socketed-small:before, .actionBtn.btn-socketed-small:before, .btn-socketed-small.btn-green:before {
  top: -2px;
  left: -2px;
  border-radius: 2px;
  border: 2px solid black;
  box-shadow: 0 1px 5px -2px;
}

.action-btn.btn-socketed-small:not([disabled]):hover:before, .actionBtn.btn-socketed-small:not([disabled]):hover:before, .btn-socketed-small.btn-green:not([disabled]):hover:before {
  box-shadow: 0 1px 6px -2px;
}

.action-btn.btn-socketed-small:before, .actionBtn.btn-socketed-small:before, .btn-socketed-small.btn-green:before {
  width: 100%;
  height: 100%;
  color: #b6ff00;
}

.action-btn.actionBtn--large, .actionBtn.actionBtn--large, .actionBtn--large.btn-green {
  font-family: AkzidGroProBolCnd;
  font-size: 4rem;
}

.skewRight {
  overflow: hidden;
}

.skewRight .actionBtn, .skewRight .btn-green {
  transform: skew(-10deg, 0deg);
  left: -10px;
  position: relative;
  padding-left: 5px;
}

.skewRight .actionBtn:before, .skewRight .btn-green:before {
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  width: 15px;
  height: 100%;
  transform: skew(10deg, 0deg);
  border: 2px solid #000;
  border-right: none;
  background-image: linear-gradient(to bottom, #1d7101 0%, #b6ff00 18%, #2ba800 72%, #b6ff00 90%, #217f00 100%);
  box-shadow: inset 3px 3px 2px -1px #1e7203, inset 2px -3px 2px -1px #1e7203;
}

.skewRight .actionBtn:not([disabled]):hover:before, .skewRight .btn-green:not([disabled]):hover:before {
  background-image: linear-gradient(to bottom, #49bb00 0%, #f9ff00 18%, #52ef00 72%, #f9ff00 90%, #5ed300 100%);
  box-shadow: inset 3px 3px 2px -1px #1e7203, inset 2px -3px 2px -1px #1e7203;
}

.skewRight .actionBtn:not([disabled]):active:before, .skewRight .btn-green:not([disabled]):active:before, .skewRight .actionBtn:not([disabled]).active:before, .skewRight .btn-green:not([disabled]).active:before {
  background-image: linear-gradient(to bottom, #194c05 0%, #061101 18%, #184a05 72%, #194c05 100%);
  box-shadow: inset 3px 3px 2px -1px #154102, inset 2px -3px 2px -1px #154102;
}

.skewRight .actionBtn.purple:before, .skewRight .purple.btn-green:before {
  background-image: linear-gradient(to bottom, #510c5d 0%, #f02cd8 18%, #7c006b 72%, #f52ddc 90%, #530c5f 100%);
  box-shadow: inset 3px 3px 2px -1px #550149, inset 2px -3px 2px -1px #550149;
}

.skewRight .actionBtn.purple:not([disabled]):hover:before, .skewRight .purple.btn-green:not([disabled]):hover:before {
  background-image: linear-gradient(to bottom, #9603a1 0%, #ff44ff 18%, #b800a4 72%, #ff44ff 90%, #dd2bd9 100%);
  box-shadow: inset 3px 3px 3px 1px #ffdbff, inset 3px -3px 3px 1px #ffdbff;
}

.skewRight .actionBtn.purple:not([disabled]):active:before, .skewRight .purple.btn-green:not([disabled]):active:before, .skewRight .actionBtn.purple:not([disabled]).active:before, .skewRight .purple.btn-green:not([disabled]).active:before {
  background-image: linear-gradient(to bottom, #510c5d 0%, #18041f 18%, #530f6c 72%, #530c5f 100%);
  box-shadow: inset 0 2px 2px 0 rgba(246, 44, 219, 0.52);
}

.skewRight .actionBtn .actionBtnContent, .skewRight .btn-green .actionBtnContent {
  transform: skew(10deg, 0deg);
  pointer-events: none;
}

.skewLeft {
  overflow: hidden;
}

.skewLeft .actionBtn, .skewLeft .btn-green {
  transform: skew(-10deg, 0deg);
  right: -10px;
  position: relative;
  padding-right: 5px;
}

.skewLeft .actionBtn:before, .skewLeft .btn-green:before {
  content: "";
  position: absolute;
  right: 7px;
  top: -2px;
  width: 15px;
  height: 100%;
  transform: skew(10deg, 0deg);
  border: 2px solid #000;
  border-left: none;
  background-image: linear-gradient(to bottom, #1d7101 0%, #b6ff00 18%, #2ba800 72%, #b6ff00 90%, #217f00 100%);
  box-shadow: inset -3px 3px 2px -1px #1e7203, inset -2px -3px 2px -1px #1e7203;
}

.skewLeft .actionBtn:not([disabled]):hover:before, .skewLeft .btn-green:not([disabled]):hover:before {
  background-image: linear-gradient(to bottom, #49bb00 0%, #f9ff00 18%, #52ef00 72%, #f9ff00 90%, #5ed300 100%);
  box-shadow: inset -3px 3px 2px -1px #1e7203, inset -2px -3px 2px -1px #1e7203;
}

.skewLeft .actionBtn:not([disabled]):active:before, .skewLeft .btn-green:not([disabled]):active:before, .skewLeft .actionBtn:not([disabled]).active:before, .skewLeft .btn-green:not([disabled]).active:before {
  background-image: linear-gradient(to bottom, #194c05 0%, #061101 18%, #184a05 72%, #194c05 100%);
  box-shadow: inset -3px 3px 2px -1px #154102, inset -2px -3px 2px -1px #154102;
}

.skewLeft .actionBtn.purple:before, .skewLeft .purple.btn-green:before {
  background-image: linear-gradient(to bottom, #510c5d 0%, #f02cd8 18%, #7c006b 72%, #f52ddc 90%, #530c5f 100%);
  box-shadow: inset -3px 3px 2px -1px #550149, inset -2px -3px 2px -1px #550149;
}

.skewLeft .actionBtn.purple:not([disabled]):hover:before, .skewLeft .purple.btn-green:not([disabled]):hover:before {
  background-image: linear-gradient(to bottom, #9603a1 0%, #ff44ff 18%, #b800a4 72%, #ff44ff 90%, #dd2bd9 100%);
  box-shadow: inset -3px 3px 3px 1px #ffdbff, inset -3px -3px 3px 1px #ffdbff;
}

.skewLeft .actionBtn.purple:not([disabled]):active:before, .skewLeft .purple.btn-green:not([disabled]):active:before, .skewLeft .actionBtn.purple:not([disabled]).active:before, .skewLeft .purple.btn-green:not([disabled]).active:before {
  background-image: linear-gradient(to bottom, #510c5d 0%, #18041f 18%, #530f6c 72%, #530c5f 100%);
  box-shadow: inset 0 4px 3px -2px rgba(246, 44, 219, 0.52);
}

.skewLeft .actionBtn .actionBtnContent, .skewLeft .btn-green .actionBtnContent {
  transform: skew(10deg, 0deg);
  pointer-events: none;
}

/****
** Get Chips button
****/
.btn-green {
  color: #044b00;
  font-family: AkzidGroProCnd;
  font-size: 4rem;
  font-weight: bold;
  border: none;
  width: 206px;
  height: 58px;
}

/****
** BuyChips button (Chips Store)
** NOTE: used almost everywhere in the app. Cuold use a renaming.
****/
.btn-buyChips {
  width: 168px;
  height: 46px;
  font-family: AkzidGroProXBolCnd;
  font-size: 2.4rem;
}

/****
** Invite Buddy to Table Btn
****/
.btn-ibipInvite {
  background-image: url(assets/images/Atlas.png);
  background-position: -1959px -3156px;
  width: 87px;
  height: 28px;
  line-height: 28px;
  color: #fff;
  font-size: 1.7rem;
  text-shadow: #080464 0 2px 2px;
}

.btn-ibipInvite:hover {
  background-position: -1870px -3156px;
  text-shadow: none;
}

.btn-ibipInvite:active {
  background-position: -1781px -3156px;
  color: #97c6ff;
}

/****
** Scoreboard button
****/
.btn-scoreboard {
  line-height: 24px;
  font-size: 1.7rem;
  box-sizing: border-box;
  color: #fff;
  text-shadow: #080464 0 2px 2px;
  background: #354555;
  background-image: linear-gradient(to bottom, #071134 0%, #102775 100%);
  border: solid #071134 1px;
  border-radius: 4px;
  box-shadow: 0 3px 10px 2px rgba(0, 0, 0, 0.6);
  width: 94px;
  height: 24px;
  padding: 0 5px 0 5px;
  margin: 0 auto;
  margin-bottom: 2px;
}

.btn-scoreboard:hover {
  text-shadow: none;
  background: #59d1ff;
  background-image: linear-gradient(to bottom, #59d1ff 0%, #0042ff 25%, #000000 100%);
}

.btn-scoreboard:active {
  color: #97c6ff;
  background: #090F18;
  background-image: linear-gradient(to bottom, #090F18 0%, #142233 100%);
  border-color: #1D2D40;
}

.btn-scoreboard.disabled, .btn-scoreboard.disabled:hover, .btn-scoreboard.disabled:active, .btn-scoreboard[disabled] {
  cursor: auto;
  background: #1A222A;
  background-image: linear-gradient(to bottom, #1A222A 0%, #0D1115 100%);
  border-color: #232C35;
  color: #aaa;
}

/****
** Arrow Left Blue button Small
****/
.btn-arrow-left-blue-small {
  background-image: url(assets/images/Atlas.png);
  background-position: -2871px -3201px;
  width: 82px;
  height: 38px;
  color: #fff;
  text-shadow: #080464 0 2px 2px;
}

.btn-arrow-left-blue-small:hover {
  background-position: -2787px -3201px;
  text-shadow: none;
}

.btn-arrow-left-blue-small:active {
  background-position: -2703px -3201px;
  color: #eee;
  padding-top: 1px;
}

/****
** Chat Send button
****/
.btn-chatSend {
  background: #e5e8f9;
  background: linear-gradient(to bottom, #e5e8f9 0%, #979aab 50%, #e5e8f9 100%);
  border-radius: 3px;
  box-shadow: inset 0 0 4px 1px black;
  color: #151b29;
  font-family: AkzidGroProXBolCnd;
  font-size: 2.2rem;
}

.btn-chatSend:hover:not(.disabled) {
  text-shadow: -1px -1px 2px #fafafe, 1px -1px 2px #fafafe, -1px 1px 2px #fafafe, 1px 1px 2px #fafafe;
}

.btn-chatSend:active:not(.disabled) {
  box-shadow: inset 0 0 4px 1px black, inset 0 5px 4px 4px rgba(0, 0, 0, 0.5);
  background: linear-gradient(to bottom, #e5e8f9 0%, #7b7f94 50%, #e5e8f9 100%);
  padding-top: 1px;
  text-shadow: none;
}

.btn-chatSend.disabled {
  text-shadow: none;
  padding-top: 0;
  color: #999;
  cursor: auto;
}

.btn-shareFb {
  background-image: url(assets/images/Atlas.png);
  background-position: -1092px -3156px;
  width: 99px;
  height: 33px;
}

.btn-shareFb:hover:not([disabled]) {
  background-position: -991px -3156px;
}

.btn-shareFb:active, .btn-shareFb:hover:active {
  background-position: -890px -3156px;
}

/****
** Checkbox Button
****/
input[type="checkbox"] {
  display: none;
  position: absolute;
}

input[type="checkbox"] + label {
  position: relative;
  padding-left: 40px;
  cursor: pointer;
}

input[type="checkbox"] + label:before, input[type="checkbox"] + label.unchecked:before {
  content: "";
  background-image: url(assets/images/Atlas.png);
  background-position: -1281px -3337px;
  width: 45px;
  height: 45px;
  position: absolute;
  top: -8px;
  left: 0;
}

input[type="checkbox"]:checked + label:before, input[type="checkbox"] + label.checked:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -1234px -3337px;
  width: 45px;
  height: 45px;
}

/****
** Checkbox Button small
****/
input[type="checkbox"].cbsmall {
  display: none;
  position: absolute;
}

input[type="checkbox"].cbsmall + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  color: #68B4F7;
  font-size: 1.8rem;
}

input[type="checkbox"].cbsmall + label:before, input[type="checkbox"].cbsmall + label.unchecked:before {
  content: "";
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -479px;
  width: 28px;
  height: 28px;
  position: absolute;
  top: -4px;
  left: 0;
}

input[type="checkbox"].cbsmall:checked + label:before, input[type="checkbox"].cbsmall + label.checked:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -449px;
  width: 28px;
  height: 28px;
}

.checkbox {
  position: relative;
  display: inline-block;
  padding-left: 40px;
  cursor: pointer;
}

.checkbox:before {
  content: "";
  background-image: url(assets/images/Atlas.png);
  background-position: -1281px -3337px;
  width: 45px;
  height: 45px;
  position: absolute;
  top: -8px;
  left: 0;
}

.checkbox.checked:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -1234px -3337px;
  width: 45px;
  height: 45px;
}

.checkbox.big {
  padding-left: 56px;
  vertical-align: middle;
}

.checkbox.big:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -2143px -3582px;
  width: 46px;
  height: 47px;
  top: -3px;
}

.checkbox.big:hover:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -2095px -3582px;
  width: 46px;
  height: 47px;
}

.checkbox.big:active:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -2047px -3582px;
  width: 46px;
  height: 47px;
}

.checkbox.big.checked:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -2478px -3582px;
  width: 45px;
  height: 47px;
}

.checkbox.big.checked:hover:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -2431px -3582px;
  width: 45px;
  height: 47px;
}

.checkbox.big.checked:active:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -2191px -3582px;
  width: 46px;
  height: 47px;
}

.checkbox-small {
  position: relative;
  display: inline-block;
  padding-left: 28px;
  cursor: pointer;
  color: #68B4F7;
  font-size: 1.8rem;
}

.checkbox-small:before {
  content: "";
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -479px;
  width: 28px;
  height: 28px;
  position: absolute;
  top: -4px;
  left: 0;
}

.checkbox-small.checked:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -449px;
  width: 28px;
  height: 28px;
}

.radio-button {
  display: inline-block;
  background-image: url(assets/images/Atlas.png);
  background-position: -2809px -3010px;
  width: 183px;
  height: 53px;
  line-height: 53px;
  margin: 0 2px;
  cursor: pointer;
  font-family: AkzidGroProXBolCnd;
  font-size: 2.5rem;
  text-shadow: 0 3px 5px #000;
}

.radio-button:hover {
  background-position: -2624px -3010px;
}

.radio-button:active {
  background-position: -2439px -3010px;
}

.radio-button.checked {
  background-position: -1440px -3201px;
}

.radio-button.checked:hover {
  background-position: -1255px -3201px;
}

.radio-button.checked:active {
  background-position: -2994px -3010px;
}

body.locked .main-footer:before {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  z-index: 10;
}

#mainContent {
  width: 782px;
  display: block;
  margin: 0 auto;
  position: relative;
}

#mainContent.onGameScene #underScene {
  background: linear-gradient(#575471 2.3%, #111116 40%, #111116);
}

#mainContent:not(.onGameScene) #sceneOptionsContainer {
  display: none;
}

#mainContent.onGameScene #sceneOptionsContainer {
  position: absolute;
  top: -2px;
  right: 14px;
  z-index: 2;
  display: block;
}

#mainContent.onGameScene #sceneOptionsContainer .slotmachine-toggle-container {
  display: none;
}

.options-container {
  cursor: pointer;
}

.options-container > div {
  float: right;
  padding-left: 3px;
}

.mcobOverlay {
  display: none;
}

#mainContent.onboardPlayNow .mcobOverlay {
  display: block;
}

#mainContent.onboardPlayNow .mcobOverlay:before {
  content: "";
  opacity: 0.7;
  background: #000;
  position: absolute;
  top: 0;
  left: -100%;
  z-index: 50;
  width: 300%;
  height: 100%;
}

#mcobPlayNowArrow {
  background-image: url(assets/images/Atlas.png);
  background-position: 0px -3201px;
  width: 206px;
  height: 182px;
  position: absolute;
  top: 25px;
  left: 0;
  z-index: 51;
}

#strips {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 300px;
}

#stripTxt {
  width: 100%;
  position: absolute;
  font-family: AkzidGroProLigCnd;
  font-size: 3rem;
  text-align: center;
  color: #67A4FF;
  font-weight: bold;
  top: 15px;
}

#underScene {
  position: relative;
  top: 0px;
  padding-top: 2px;
  padding-bottom: 8px;
  background: #111116;
  box-shadow: -2px -1px 1px -1px black, 2px -1px 1px -1px black, 0 2px 3px black;
  border: 1px solid rgba(0, 0, 0, 0.65);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  border-top: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 6;
}

#decorations {
  position: absolute;
  width: 100%;
  top: 0px;
  bottom: 0px;
  pointer-events: none;
}

#decorations .decorations-container {
  position: relative;
  top: 0px;
  width: 100%;
  height: 100%;
}

.stripTicket {
  display: none;
}

#backdrop-portal {
  top: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
  z-index: 11;
  background: rgba(0, 0, 0, 0.85);
}

#backdrop-portal .punchItBadge,
#backdrop-portal .badge-tutorial {
  cursor: pointer;
  position: absolute;
}

.lbyMainMenu .lbyPlayNow {
  position: absolute;
  top: 154px;
  left: -7px;
  z-index: 2;
  pointer-events: auto;
  border-color: #00e0f5;
  border-width: 2px;
  border-style: solid;
  border-top-color: #009aff;
  width: 182px;
  transform: skewX(-11deg);
  height: 60px;
  border-radius: 5px;
  color: #ffffff;
  font-size: 3rem;
  text-transform: uppercase;
  box-shadow: #013964 -1px 0 5px 1px, inset #012274 -2px 0 5px 1px;
  text-shadow: 0 0 20px #ffffff;
  background-image: linear-gradient(to bottom, #015aad 3%, #0090ff 7%, #00afff 15%, #0090ff 17%, #0048b7 30%, #0048b7 50%, #00207d 67%, #00207d 70%, #0036a2 80%, #0051d0 85%, #006fff 90%, #000076 100%);
}

.lbyMainMenu .lbyPlayNow:hover {
  box-shadow: #013964 -1px 0 5px 1px, inset #0007dd -1px 0 4px 1px;
  background-image: linear-gradient(to bottom, #007bee 3%, #00b0fb 7%, #00ccff 15%, #00c6fc 17%, #005dfd 30%, #0045e9 60%, #002ac4 65%, #002ac4 72%, #0389ff 90%, #0052f5 95%, #000076 100%);
}

.lbyMainMenu .lbyPlayNow:active {
  color: #00e0f5;
  text-shadow: 0 0 20px #00e0f5;
  box-shadow: #013964 -1px 0 5px 1px, inset #01067b -3px 0 7px 1px;
  border-color: #0057f9;
  background-image: linear-gradient(to bottom, #041c42 3%, #010329 7%, #001431 15%, #002583 85%, #000076 100%);
}

.lbyMainMenu .lbyPlayNow.lbyClubsProfileBtn {
  top: 217px;
  left: 28%;
  transform: translateX(-50%) skewX(-10deg);
  height: 72px;
  width: 180px;
  border-radius: 2px;
  box-shadow: 0 0 0 2px #000;
}

.lbyMainMenu .lbyPlayNow.lbyClubsProfileBtn .title-btn-lobby {
  transform: skewX(10deg) translateY(2px);
  font-weight: 700;
  font-size: 2.9rem;
  text-shadow: 0 0 0 transparent;
}

.lbyMainMenu .lbyPlayNow.lbyClubsProfileBtn .subtitle-btn-lobby {
  font-size: 1.5rem;
  min-height: 20px;
  transform: skewX(10deg) translateY(-6px);
  font-weight: 700;
  text-shadow: 0 0 0 transparent;
}

.lbyMainMenu .lbyPhJackpot .powerhandJackpotBanner {
  background-image: url(assets/images/Atlas.png);
  background-position: -1434px -3093px;
  width: 137px;
  height: 30px;
  display: block;
  position: absolute;
  top: 135px;
  left: 20px;
  z-index: 1;
}

.lbyMainMenu .lbyPhJackpot .powerhandJackpotBanner:before {
  display: none;
}

.lbyMainMenu .lbyPhJackpot.background:after {
  background-image: url(assets/images/Atlas.png);
  background-position: -2266px -1436px;
  width: 310px;
  height: 343px;
}

.lbyMainMenu .lbyPhJackpot .lbyPlayNow {
  color: #ffffff;
  text-shadow: 0 0 10px #ff6eff, 0 0 10px #ff6eff, 0 0 10px #ff6eff;
  border-color: #ff6eff;
  box-shadow: #9e8331 0 0 12px 2px, inset #32024e -2px 0 5px 1px;
  background-image: linear-gradient(to bottom, #7d1ca6 0%, #a137de 6%, #620f92 26%, #340052 66%, #670e9b 88%, #7c10bb 98%, #6b05a4 100%);
}

.lbyMainMenu .lbyPhJackpot .lbyPlayNow:hover {
  box-shadow: #9e8331 0 0 12px 2px, inset #28013f -1px 0 4px 1px;
  background-image: linear-gradient(to bottom, rgba(152, 26, 206, 0.99) 0%, rgba(186, 66, 255, 0.99) 4%, rgba(149, 14, 227, 0.99) 24%, rgba(113, 5, 175, 0.99) 44%, rgba(75, 1, 118, 0.99) 64%, rgba(80, 1, 126, 0.99) 76%, rgba(170, 26, 255, 0.99) 96%, rgba(170, 7, 255, 0.99) 100%);
}

.lbyMainMenu .lbyPhJackpot .lbyPlayNow:active {
  color: #ffffff;
  border-color: #730caf;
  box-shadow: #9e8331 0 0 12px 2px, inset #1a0129 -3px 0 7px 1px;
  background-image: linear-gradient(to bottom, rgba(128, 87, 144, 0.99) 0%, rgba(76, 41, 96, 0.99) 40%, rgba(71, 36, 91, 0.99) 82%, rgba(96, 61, 116, 0.99) 100%);
}

.lbyMainMenu .lbyPhJackpot .lbyBtn {
  color: #ffffff;
  box-shadow: #9e8331 0 0 12px 2px;
  border: 1px solid #000006;
  background-image: linear-gradient(#b267d9, #c477ec, #ad5fd6 5.4%, #6d1e96 29.7%, #420b6a 81%, #4b1075 87.8%, #51147d 87.8%, #5e1b8c 90.5%, #621d93 94.5%, #5c188d 97.2%, #4e0f7d 97.2%, #380467);
}

.lbyMainMenu .lbyPhJackpot .lbyBtn:hover {
  box-shadow: #9e8331 0 0 12px 2px;
  background-image: linear-gradient(to bottom, rgba(152, 26, 206, 0.99) 0%, rgba(186, 66, 255, 0.99) 4%, rgba(149, 14, 227, 0.99) 24%, rgba(113, 5, 175, 0.99) 44%, rgba(75, 1, 118, 0.99) 64%, rgba(80, 1, 126, 0.99) 76%, rgba(170, 26, 255, 0.99) 96%, rgba(170, 7, 255, 0.99) 100%);
}

.lbyMainMenu .lbyPhJackpot .lbyBtn:active {
  color: #ffffff;
  box-shadow: #9e8331 0 0 12px 2px;
  text-shadow: 0 0 2px #340052, 0 0 2px #340052, 0 0 2px #340052;
  background-image: linear-gradient(to bottom, rgba(128, 87, 144, 0.99) 0%, rgba(76, 41, 96, 0.99) 40%, rgba(71, 36, 91, 0.99) 82%, rgba(96, 61, 116, 0.99) 100%);
}

.lbyMainMenu .lbyPhJackpot .lbyClubsProfileBtn .subtitle-btn-lobby {
  color: #d8afff;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich1Event2021 .powerhandJackpotBanner, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich2Event2021 .powerhandJackpotBanner, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich3Event2021 .powerhandJackpotBanner, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich4Event2021 .powerhandJackpotBanner, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich5Event2021 .powerhandJackpotBanner {
  background-image: url(assets/images/powerhandJackpot/PowerhandJackpot_Tag_Munich.png);
  background-position: 0 0;
  width: 137px;
  height: 30px;
  display: block;
  position: absolute;
  top: 135px;
  left: 20px;
  z-index: 1;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich1Event2021.background:after, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich2Event2021.background:after, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich3Event2021.background:after, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich4Event2021.background:after, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich5Event2021.background:after {
  left: 25px;
  bottom: 10px;
  width: 242px;
  height: 340px;
  background-image: url(assets/images/powerhandJackpot/Club_Lobby_PowerhandJackpotSlice_Munich.png);
  background-position: 0 0;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich1Event2021 .lbyPlayNow, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich2Event2021 .lbyPlayNow, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich3Event2021 .lbyPlayNow, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich4Event2021 .lbyPlayNow, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich5Event2021 .lbyPlayNow {
  border-color: black;
  box-shadow: #9e8331 0 0 12px 2px, inset 0px 15px 10px -10px #ffefbb, inset 0px -5px 5px -2px #cc9c33;
  background-image: linear-gradient(to bottom, #d4c41c 5%, #dc8513 40%, #b76c1f 41%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich1Event2021 .lbyPlayNow.lbyClubsProfileBtn .title-btn-lobby, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich2Event2021 .lbyPlayNow.lbyClubsProfileBtn .title-btn-lobby, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich3Event2021 .lbyPlayNow.lbyClubsProfileBtn .title-btn-lobby, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich4Event2021 .lbyPlayNow.lbyClubsProfileBtn .title-btn-lobby, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich5Event2021 .lbyPlayNow.lbyClubsProfileBtn .title-btn-lobby {
  text-shadow: 0 0 2px #cac41f, 0 0 2px #d4d21c;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich1Event2021 .lbyPlayNow.lbyClubsProfileBtn .subtitle-btn-lobby, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich2Event2021 .lbyPlayNow.lbyClubsProfileBtn .subtitle-btn-lobby, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich3Event2021 .lbyPlayNow.lbyClubsProfileBtn .subtitle-btn-lobby, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich4Event2021 .lbyPlayNow.lbyClubsProfileBtn .subtitle-btn-lobby, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich5Event2021 .lbyPlayNow.lbyClubsProfileBtn .subtitle-btn-lobby {
  color: #f9e7c4;
  text-shadow: 0 1px #482d06c7;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich1Event2021 .lbyPlayNow:hover, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich2Event2021 .lbyPlayNow:hover, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich3Event2021 .lbyPlayNow:hover, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich4Event2021 .lbyPlayNow:hover, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich5Event2021 .lbyPlayNow:hover {
  background-image: linear-gradient(to bottom, #e4d535 5%, #ed992b 40%, #da8125 41%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich1Event2021 .lbyPlayNow:active, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich2Event2021 .lbyPlayNow:active, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich3Event2021 .lbyPlayNow:active, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich4Event2021 .lbyPlayNow:active, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich5Event2021 .lbyPlayNow:active {
  box-shadow: #9e8331 0 0 12px 2px;
  background-image: linear-gradient(to bottom, #b0a317 5%, #b66e10 40%, #945719 41%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich1Event2021 .lbyPlayNow:active.lbyClubsProfileBtn .title-btn-lobby, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich2Event2021 .lbyPlayNow:active.lbyClubsProfileBtn .title-btn-lobby, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich3Event2021 .lbyPlayNow:active.lbyClubsProfileBtn .title-btn-lobby, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich4Event2021 .lbyPlayNow:active.lbyClubsProfileBtn .title-btn-lobby, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich5Event2021 .lbyPlayNow:active.lbyClubsProfileBtn .title-btn-lobby {
  color: #ffbc22;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich1Event2021 .lbyPlayNow:active.lbyClubsProfileBtn .subtitle-btn-lobby, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich2Event2021 .lbyPlayNow:active.lbyClubsProfileBtn .subtitle-btn-lobby, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich3Event2021 .lbyPlayNow:active.lbyClubsProfileBtn .subtitle-btn-lobby, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich4Event2021 .lbyPlayNow:active.lbyClubsProfileBtn .subtitle-btn-lobby, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich5Event2021 .lbyPlayNow:active.lbyClubsProfileBtn .subtitle-btn-lobby {
  color: #ffd764;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich1Event2021 .lbyBtn, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich2Event2021 .lbyBtn, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich3Event2021 .lbyBtn, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich4Event2021 .lbyBtn, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich5Event2021 .lbyBtn {
  box-shadow: #ab6d0b 0 0 12px 2px, inset 0px 12px 8px -10px #f5f798, inset 0px -5px 5px -2px #dab11e;
  border: 1px solid #000006;
  background-image: linear-gradient(to bottom, #ae6f00 50%, #9c5805 51%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich1Event2021 .lbyBtn:hover, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich2Event2021 .lbyBtn:hover, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich3Event2021 .lbyBtn:hover, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich4Event2021 .lbyBtn:hover, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich5Event2021 .lbyBtn:hover {
  background-image: linear-gradient(to bottom, #d78900 50%, #c46e06 51%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich1Event2021 .lbyBtn:active, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich2Event2021 .lbyBtn:active, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich3Event2021 .lbyBtn:active, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich4Event2021 .lbyBtn:active, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich5Event2021 .lbyBtn:active {
  box-shadow: #9e8331 0 0 12px 2px;
  background-image: linear-gradient(to bottom, #855500 50%, #744204 51%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich1Event2021 .lbyBtn:active .title-btn-lobby, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich2Event2021 .lbyBtn:active .title-btn-lobby, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich3Event2021 .lbyBtn:active .title-btn-lobby, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich4Event2021 .lbyBtn:active .title-btn-lobby, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich5Event2021 .lbyBtn:active .title-btn-lobby {
  color: #ffbc22;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich1Event2021 .lbyBtn .title-btn-lobby, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich2Event2021 .lbyBtn .title-btn-lobby, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich3Event2021 .lbyBtn .title-btn-lobby, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich4Event2021 .lbyBtn .title-btn-lobby, .lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMunich5Event2021 .lbyBtn .title-btn-lobby {
  color: #f9e7c4;
  text-shadow: 0 1px #482d06c7;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhXmasEvent2021 {
  top: -2px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhXmasEvent2021 .powerhandJackpotBanner {
  background-image: url(assets/images/powerhandJackpot/PowerhandJackpot_Tag_Xmas.png);
  background-position: 0 0;
  width: 137px;
  height: 30px;
  display: block;
  position: absolute;
  z-index: 1;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhXmasEvent2021.background:after {
  width: 242px;
  height: 340px;
  background-image: url(assets/images/powerhandJackpot/Club_Lobby_PowerhandJackpotSlice_Xmas.png);
  background-position: 0 0;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhXmasEvent2021 .lbyPlayNow {
  box-shadow: #dad612bd -4px 0 4px 0, #dabf12 4px 0 4px 0, inset 0 -2px 2px -2px #fdfdfd, inset 0 10px 10px -8px #f5f5f5, inset 0 -6px 5px -2px #bb0505;
  border-color: #000000;
  background-image: linear-gradient(to bottom, #fbbed8 4%, #eb123a 19%, #dd0404eb 40%, #760808 43%);
  border-radius: 3px;
  top: 220px;
  left: 27%;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhXmasEvent2021 .lbyPlayNow.lbyClubsProfileBtn .title-btn-lobby {
  text-shadow: 0 0 2px #b57171, 0 0 2px #e2a2a2;
  color: #f9f4f4;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhXmasEvent2021 .lbyPlayNow.lbyClubsProfileBtn .subtitle-btn-lobby {
  color: #f5d8ed;
  text-shadow: 0 1px #630707;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhXmasEvent2021 .lbyPlayNow:hover {
  background-image: linear-gradient(to bottom, #fde4ef 4%, #f03658 19%, rgba(251, 15, 15, 0.921569) 40%, #9c0b0b 43%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhXmasEvent2021 .lbyPlayNow:hover .title-btn-lobby {
  text-shadow: 0 0 2px #b57171, 0 0 2px #e2a2a2;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhXmasEvent2021 .lbyPlayNow:active {
  box-shadow: #eadecc 0 0 12px 2px, inset 0 2px 2px -2px #fdfdfd, inset 0 10px 5px -8px #f5f5f5, inset 0 -6px 5px -2px #a70321;
  background-image: linear-gradient(to bottom, #faa6ca 4%, #ef284d 19%, rgba(196, 4, 4, 0.921569) 40%, #5e0606 43%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhXmasEvent2021 .lbyPlayNow:active.lbyClubsProfileBtn .title-btn-lobby {
  color: #fff;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhXmasEvent2021 .lbyPlayNow:active.lbyClubsProfileBtn .subtitle-btn-lobby {
  color: #fff;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhXmasEvent2021 .lbyBtn {
  box-shadow: #f7f9e7 0 0 4px 2px, inset 0 3px 2px -2px #fdfdfd, inset 0 10px 10px -10px #f7d7d7, inset 0 -5px 3px -4px #fd4040, #daaf12bd -4px 0 2px 0, #daaa12 4px 0 4px 0;
  border-color: #000;
  background-image: linear-gradient(to bottom, #d30032 50%, #7a0101 51%);
  border-width: 2px;
  border-radius: 3px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhXmasEvent2021 .lbyBtn:first-of-type {
  margin-right: 5px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhXmasEvent2021 .lbyBtn:hover {
  background-image: linear-gradient(to bottom, #fc003c 50%, #a20101 51%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhXmasEvent2021 .lbyBtn:active {
  box-shadow: #eadecc 0 0 4px 2px, inset 0 3px 2px -2px #fdfdfd, inset 0 8px 5px -7px #f5f5f5, inset 0 -4px 3px -4px #da1d1d;
  background-image: linear-gradient(to bottom, #ba002c 50%, #610101 51%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhXmasEvent2021 .lbyBtn:active .title-btn-lobby {
  color: #fff;
  text-shadow: 0 1px #075a63;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhXmasEvent2021 .lbyBtn .title-btn-lobby {
  color: #f9eeee;
  text-shadow: 0 0px 1px #984040, 0 0 1px #984040;
  font-weight: bolder;
  letter-spacing: .3px;
  font-size: 21px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhXmasEvent2021 .lby-game-modes {
  top: 169px;
  left: 32%;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhXmasEvent2021 .lby-game-modes:before {
  box-shadow: #ffffff -2px -2px 5px 1px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhNewYearEvent2022 {
  top: -2px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhNewYearEvent2022 .powerhandJackpotBanner {
  background-image: url(assets/images/powerhandJackpot/PowerhandJackpot_Tag_NewYear.png);
  background-position: 0 0;
  width: 137px;
  height: 30px;
  display: block;
  position: absolute;
  z-index: 1;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhNewYearEvent2022.background:after {
  width: 242px;
  height: 340px;
  background-image: url(assets/images/powerhandJackpot/Club_Lobby_PowerhandJackpotSlice_NewYear.png);
  background-position: 0 0;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhNewYearEvent2022 .lbyPlayNow {
  box-shadow: #dad61240 -4px 0 4px 0, #dabf124d 4px 0 4px 0, inset 0 -2px 2px -2px #b58aed, inset 0 10px 10px -8px #d8adf8, inset 0 -6px 5px -2px #431170;
  border-color: #000000;
  background-image: linear-gradient(to bottom, #f6c4fc 4%, #8909ca 19%, #2a0745eb 40%, #200438 43%);
  border-radius: 3px;
  top: 220px;
  left: 27%;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhNewYearEvent2022 .lbyPlayNow.lbyClubsProfileBtn .title-btn-lobby {
  text-shadow: 0 0 2px #8c71b5, 0 0 1px #aaa2e2;
  color: #ede0f9;
  letter-spacing: 0.5px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhNewYearEvent2022 .lbyPlayNow.lbyClubsProfileBtn .subtitle-btn-lobby {
  color: #d9a5fa;
  text-shadow: 0 1px #310558;
  letter-spacing: 0.5px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhNewYearEvent2022 .lbyPlayNow:hover {
  background-image: linear-gradient(to bottom, #fcebfe 4%, #a30bf1 19%, rgba(65, 11, 106, 0.921569) 40%, #36075e 43%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhNewYearEvent2022 .lbyPlayNow:hover .title-btn-lobby {
  text-shadow: 0 0 2px #b57171, 0 0 2px #e2a2a2;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhNewYearEvent2022 .lbyPlayNow:active {
  box-shadow: #dad61240 -4px 0 4px 0, #dabf124d 4px 0 4px 0, inset 0 -2px 2px -2px #b58aed, inset 0 10px 10px -8px #d8adf8, inset 0 -6px 5px -2px #3d054a;
  background-image: linear-gradient(to bottom, #7d41a5 4%, #630690 19%, rgba(28, 5, 46, 0.921569) 40%, #120220 43%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhNewYearEvent2022 .lbyPlayNow:active.lbyClubsProfileBtn .title-btn-lobby {
  color: #fff;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhNewYearEvent2022 .lbyPlayNow:active.lbyClubsProfileBtn .subtitle-btn-lobby {
  color: #fff;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhNewYearEvent2022 .lbyBtn {
  box-shadow: #f7f9e7 0 0 4px 2px, inset 0 3px 2px -2px #fdfdfd, inset 0 10px 10px -10px #d7c2e9, inset 0 -5px 3px -4px #6117b3, #daaf12bd -4px 0 2px 0, #daaa12 4px 0 4px 0;
  border-color: #000;
  background-image: linear-gradient(to bottom, #4e0674 50%, #240538 51%);
  border-width: 2px;
  border-radius: 3px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhNewYearEvent2022 .lbyBtn:first-of-type {
  margin-right: 5px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhNewYearEvent2022 .lbyBtn:hover {
  background-image: linear-gradient(to bottom, #68089b 50%, #3c085d 51%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhNewYearEvent2022 .lbyBtn:active {
  box-shadow: #eadecc 0 0 4px 2px, inset 0 3px 2px -2px #fdfdfd, inset 0 8px 5px -7px #f5f5f5, inset 0 -4px 3px -4px #9863df;
  background-image: linear-gradient(to bottom, #3e055c 50%, #150321 51%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhNewYearEvent2022 .lbyBtn:active .title-btn-lobby {
  color: #fff;
  text-shadow: 0 1px #075a63;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhNewYearEvent2022 .lbyBtn .title-btn-lobby {
  color: #ede0f9;
  text-shadow: 0 0px 1px #52378d, 0 0 1px #4d3c93;
  font-weight: bolder;
  letter-spacing: .3px;
  font-size: 21px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhNewYearEvent2022 .lby-game-modes {
  top: 169px;
  left: 32%;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhNewYearEvent2022 .lby-game-modes:before {
  box-shadow: #ffffff -2px -2px 5px 1px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhWonderlandEvent2022 {
  top: -2px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhWonderlandEvent2022 .powerhandJackpotBanner {
  background-image: url(assets/images/powerhandJackpot/PowerhandJackpot_Tag.png);
  background-position: 0 0;
  width: 137px;
  height: 30px;
  display: block;
  position: absolute;
  z-index: 1;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhWonderlandEvent2022.background:after {
  width: 242px;
  height: 340px;
  background-image: url(assets/images/powerhandJackpot/Club_Lobby_PowerhandJackpotSlice_Wonderland.png);
  background-position: 0 0;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhWonderlandEvent2022 .lbyPlayNow {
  box-shadow: #dad61240 -4px 0 4px 0, #ffbbd3 4px 0 4px 0, inset 0 -2px 2px -2px #ed8a9c, inset 0 10px 10px -8px #d78daa, inset 0 -6px 5px -2px #bf455bc7;
  border-color: #000000;
  background-image: linear-gradient(to bottom, #e995b4 4%, #df2d4d 19%, #bb1946 40%, #8f023a 43%);
  border-radius: 3px;
  top: 220px;
  left: 27%;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhWonderlandEvent2022 .lbyPlayNow.lbyClubsProfileBtn .title-btn-lobby {
  text-shadow: 0 0 2px #8c71b5, 0 0 1px #aaa2e2;
  color: #f9e0ed;
  letter-spacing: 0.5px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhWonderlandEvent2022 .lbyPlayNow.lbyClubsProfileBtn .subtitle-btn-lobby {
  color: #f3b3c8;
  text-shadow: 0 1px #310558;
  letter-spacing: 0.5px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhWonderlandEvent2022 .lbyPlayNow:hover {
  background-image: linear-gradient(to bottom, #f0b7cc 4%, #e4506b 19%, #df1e53 40%, #b7034a 43%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhWonderlandEvent2022 .lbyPlayNow:hover .title-btn-lobby {
  text-shadow: 0 0 2px #b57171, 0 0 2px #e2a2a2;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhWonderlandEvent2022 .lbyPlayNow:active {
  box-shadow: #dad61240 -4px 0 4px 0, #dabf124d 4px 0 4px 0, inset 0 -2px 2px -2px #e984b7, inset 0 10px 10px -8px #f8adc9, inset 0 -6px 5px -2px #6a0622;
  background-image: linear-gradient(to bottom, #e580a5 4%, #e24360 19%, #a5163e 40%, #760230 43%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhWonderlandEvent2022 .lbyPlayNow:active.lbyClubsProfileBtn .title-btn-lobby {
  color: #ffffff;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhWonderlandEvent2022 .lbyPlayNow:active.lbyClubsProfileBtn .subtitle-btn-lobby {
  color: #ffffff;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhWonderlandEvent2022 .lbyBtn {
  box-shadow: #efe8dc 0 0 4px 2px, inset 0 3px 2px -2px #ef84a7, inset 0 10px 10px -10px #e9789b, inset 0 -5px 3px -4px #e978a6, #dab812bd -4px 0 2px 0, #e5dbbc 4px 0 4px 0;
  border-color: #000;
  background-image: linear-gradient(to bottom, #a70946 50%, #890137 51%);
  border-width: 2px;
  border-radius: 3px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhWonderlandEvent2022 .lbyBtn:first-of-type {
  margin-right: 5px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhWonderlandEvent2022 .lbyBtn:hover {
  background-image: linear-gradient(to bottom, #ce0b56 50%, #b20147 51%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhWonderlandEvent2022 .lbyBtn:active {
  box-shadow: #eadecc 0 0 4px 2px, inset 0 3px 2px -2px #fdfdfd, inset 0 8px 5px -7px #f5f5f5, inset 0 -4px 3px -4px #df6385;
  background-image: linear-gradient(to bottom, #8f083c 50%, #70012d 51%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhWonderlandEvent2022 .lbyBtn:active .title-btn-lobby {
  color: #fff;
  text-shadow: 0 1px #075a63;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhWonderlandEvent2022 .lbyBtn .title-btn-lobby {
  color: #f9e0ed;
  text-shadow: 0 0px 1px #8d3764, 0 0 1px #933c69;
  font-weight: bolder;
  letter-spacing: .3px;
  font-size: 21px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhWonderlandEvent2022 .lby-game-modes {
  top: 169px;
  left: 32%;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhWonderlandEvent2022 .lby-game-modes:before {
  box-shadow: #ffffff -2px -2px 5px 1px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhCarnivalEvent2022 {
  top: -2px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhCarnivalEvent2022 .powerhandJackpotBanner {
  background-image: url(assets/images/powerhandJackpot/PowerhandJackpot_Tag_CarnivalEvent.png);
  background-position: 0 0;
  width: 137px;
  height: 30px;
  display: block;
  position: absolute;
  z-index: 1;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhCarnivalEvent2022.background:after {
  width: 242px;
  height: 340px;
  background-image: url(assets/images/powerhandJackpot/Club_Lobby_PowerhandJackpotSlice_CarnivalEvent.png);
  background-position: 0 0;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhCarnivalEvent2022 .lbyPlayNow {
  box-shadow: #ddb3ce40 -4px 0 4px 0, #ffbbd3 4px 0 4px 0, inset 0 -2px 2px -2px #ed8ae5, inset 0 10px 10px -8px #d78dd1, inset 0 -6px 5px -2px #9145bfc7;
  border-color: #000000;
  background-image: linear-gradient(to bottom, #e995b4 4%, #e32c2c 19%, #a51731 40%, #8d081b 43%);
  border-radius: 3px;
  top: 220px;
  left: 27%;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhCarnivalEvent2022 .lbyPlayNow.lbyClubsProfileBtn .title-btn-lobby {
  text-shadow: 0 0 2px #8c71b5, 0 0 1px #aaa2e2;
  color: #f9e0ed;
  letter-spacing: 0.5px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhCarnivalEvent2022 .lbyPlayNow.lbyClubsProfileBtn .subtitle-btn-lobby {
  color: #f3b3c8;
  text-shadow: 0 1px #310558;
  letter-spacing: 0.5px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhCarnivalEvent2022 .lbyPlayNow:hover {
  background-image: linear-gradient(to bottom, #f0b7cc 4%, #e85050 19%, #b40a22 40%, #b7034a 43%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhCarnivalEvent2022 .lbyPlayNow:hover .title-btn-lobby {
  text-shadow: 0 0 2px #b57171, 0 0 2px #e2a2a2;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhCarnivalEvent2022 .lbyPlayNow:active {
  box-shadow: #8412da40 -4px 0 4px 0, #a312da4d 4px 0 4px 0, inset 0 -2px 2px -2px #e984b7, inset 0 10px 10px -8px #f8adc9, inset 0 -6px 5px -2px #6a0622;
  background-image: linear-gradient(to bottom, #e995b4 4%, #e32c2c 19%, #a51731 40%, #8d081b 43%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhCarnivalEvent2022 .lbyPlayNow:active.lbyClubsProfileBtn .title-btn-lobby {
  color: #ffffff;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhCarnivalEvent2022 .lbyPlayNow:active.lbyClubsProfileBtn .subtitle-btn-lobby {
  color: #ffffff;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhCarnivalEvent2022 .lbyBtn {
  box-shadow: #efdcec 0 0 4px 2px, inset 0 3px 2px -2px #ef84a7, inset 0 10px 10px -10px #e9789b, inset 0 -5px 3px -4px #e978a6, #ddc3d6bd -4px 0 2px 0, #e5bce1 4px 0 4px 0;
  border-color: #000;
  background-image: linear-gradient(to bottom, #b30e17 50%, #9b0613 51%);
  border-width: 2px;
  border-radius: 3px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhCarnivalEvent2022 .lbyBtn:first-of-type {
  margin-right: 5px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhCarnivalEvent2022 .lbyBtn:hover {
  background-image: linear-gradient(to bottom, #d9111c 50%, #c20818 51%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhCarnivalEvent2022 .lbyBtn:active {
  box-shadow: #eacce5 0 0 4px 2px, inset 0 3px 2px -2px #fdfdfd, inset 0 8px 5px -7px #f5f5f5, inset 0 -4px 3px -4px #df6385;
  background-image: linear-gradient(to bottom, #9b0c14 50%, #820510 51%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhCarnivalEvent2022 .lbyBtn:active .title-btn-lobby {
  color: #fff;
  text-shadow: 0 1px #075a63;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhCarnivalEvent2022 .lbyBtn .title-btn-lobby {
  color: #f9e0ed;
  text-shadow: 0 0px 1px #8d3764, 0 0 1px #933c69;
  font-weight: bolder;
  letter-spacing: .3px;
  font-size: 21px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhCarnivalEvent2022 .lby-game-modes {
  top: 169px;
  left: 32%;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhCarnivalEvent2022 .lby-game-modes:before {
  box-shadow: #ffffff -2px -2px 5px 1px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhValentinesEvent2022 {
  top: -2px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhValentinesEvent2022 .powerhandJackpotBanner {
  background-image: url(assets/images/powerhandJackpot/PowerhandJackpot_Tag_Valentines.png);
  background-position: 0 0;
  width: 137px;
  height: 30px;
  display: block;
  position: absolute;
  z-index: 1;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhValentinesEvent2022.background:after {
  width: 242px;
  height: 340px;
  background-image: url(assets/images/powerhandJackpot/Club_Lobby_PowerhandJackpotSlice_Valentines.png);
  background-position: 0 0;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhValentinesEvent2022 .lbyPlayNow {
  box-shadow: #ddb3ce40 -4px 0 4px 0, #f3ffbb 4px 0 4px 0, inset 0 -2px 2px -2px #ed8a8a, inset 0 10px 10px -8px #d78d8d, inset 0 -6px 5px -2px #910909d6;
  border-color: #000000;
  background-image: linear-gradient(to bottom, #e998a4 4%, #A80D1F 19%, #540707 40%, #3e0303 43%);
  border-radius: 3px;
  top: 220px;
  left: 27%;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhValentinesEvent2022 .lbyPlayNow.lbyClubsProfileBtn .title-btn-lobby {
  text-shadow: 0 0 2px #d35f5f, 0 0 1px #d5c1c1;
  color: #f9e0ed;
  letter-spacing: 0.5px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhValentinesEvent2022 .lbyPlayNow.lbyClubsProfileBtn .subtitle-btn-lobby {
  color: #f3b3c8;
  text-shadow: 0 1px #310558;
  letter-spacing: 0.5px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhValentinesEvent2022 .lbyPlayNow:hover {
  background-image: linear-gradient(to bottom, #f0bac2 4%, #ce1026 19%, #7a0a0a 40%, #650505 43%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhValentinesEvent2022 .lbyPlayNow:hover .title-btn-lobby {
  text-shadow: 0 0 2px #b57171, 0 0 2px #e2a2a2;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhValentinesEvent2022 .lbyPlayNow:active {
  box-shadow: #da121240 -4px 0 4px 0, #f3ffbb 4px 0 4px 0, inset 0 -2px 2px -2px #e984b7, inset 0 10px 10px -8px #f8adc9, inset 0 -6px 5px -2px #6a0622;
  background-image: linear-gradient(to bottom, #e998a4 4%, #850a18 19%, #480707 40%, #380404 43%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhValentinesEvent2022 .lbyPlayNow:active.lbyClubsProfileBtn .title-btn-lobby {
  color: #ffffff;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhValentinesEvent2022 .lbyPlayNow:active.lbyClubsProfileBtn .subtitle-btn-lobby {
  color: #ffffff;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhValentinesEvent2022 .lbyBtn {
  box-shadow: #efdcec 0 0 4px 2px, inset 0 3px 2px -2px #e34056, inset 0 10px 10px -10px #e97878, inset 0 -5px 3px -4px #b72a2a, #cddd4bbd -4px 0 2px 0, #e3e99e 4px 0 4px 0;
  border-color: #000;
  background-image: linear-gradient(to bottom, #7c000d 50%, #58010a 51%);
  border-width: 2px;
  border-radius: 3px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhValentinesEvent2022 .lbyBtn:first-of-type {
  margin-right: 5px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhValentinesEvent2022 .lbyBtn:hover {
  background-image: linear-gradient(to bottom, #a50011 50%, #80010f 51%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhValentinesEvent2022 .lbyBtn:active {
  box-shadow: #eacce5 0 0 4px 2px, inset 0 3px 2px -2px #fdfdfd, inset 0 8px 5px -7px #f5f5f5, inset 0 -4px 3px -4px #df6385;
  background-image: linear-gradient(to bottom, #63000a 50%, #3f0107 51%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhValentinesEvent2022 .lbyBtn:active .title-btn-lobby {
  color: #fff;
  text-shadow: 0 1px #075a63;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhValentinesEvent2022 .lbyBtn .title-btn-lobby {
  color: #f9e0ed;
  text-shadow: 0 0px 1px #8d3764, 0 0 1px #933c69;
  font-weight: bolder;
  letter-spacing: .3px;
  font-size: 21px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhValentinesEvent2022 .lby-game-modes {
  top: 169px;
  left: 32%;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhValentinesEvent2022 .lby-game-modes:before {
  box-shadow: #ffffff -2px -2px 5px 1px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRoyalDynastyEvent2022 {
  top: -2px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRoyalDynastyEvent2022 .powerhandJackpotBanner {
  background-image: url(assets/images/powerhandJackpot/PowerhandJackpot_Tag.png);
  background-position: 0 0;
  width: 137px;
  height: 30px;
  display: block;
  position: absolute;
  z-index: 1;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRoyalDynastyEvent2022.background:after {
  width: 242px;
  height: 340px;
  background-image: url(assets/images/powerhandJackpot/Club_Lobby_PowerhandJackpotSlice_Wonderland.png);
  background-position: 0 0;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRoyalDynastyEvent2022 .lbyPlayNow {
  box-shadow: #ddb3b340 -4px 0 4px 0, #ffbbbb 4px 0 4px 0, inset 0 -2px 2px -2px #ed8a8a, inset 0 10px 10px -8px #d78d8d, inset 0 -6px 5px -2px #bf4545c7;
  border-color: #000000;
  background-image: linear-gradient(to bottom, #e995b4 4%, #e32c2c 19%, #a51731 40%, #8d081b 43%);
  border-radius: 3px;
  top: 220px;
  left: 27%;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRoyalDynastyEvent2022 .lbyPlayNow.lbyClubsProfileBtn .title-btn-lobby {
  text-shadow: 0 0 2px #d35f5f, 0 0 1px #d5c1c1;
  color: #f9e0ed;
  letter-spacing: 0.5px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRoyalDynastyEvent2022 .lbyPlayNow.lbyClubsProfileBtn .subtitle-btn-lobby {
  color: #f3b3c8;
  text-shadow: 0 1px #310558;
  letter-spacing: 0.5px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRoyalDynastyEvent2022 .lbyPlayNow:hover {
  background-image: linear-gradient(to bottom, #f0b7cc 4%, #e85050 19%, #b40a22 40%, #b7034a 43%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRoyalDynastyEvent2022 .lbyPlayNow:hover .title-btn-lobby {
  text-shadow: 0 0 2px #b57171, 0 0 2px #e2a2a2;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRoyalDynastyEvent2022 .lbyPlayNow:active {
  box-shadow: #da121240 -4px 0 4px 0, #da12124d 4px 0 4px 0, inset 0 -2px 2px -2px #e98484, inset 0 10px 10px -8px #f8adad, inset 0 -6px 5px -2px #6a0622;
  background-image: linear-gradient(to bottom, #e995b4 4%, #e32c2c 19%, #a51731 40%, #8d081b 43%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRoyalDynastyEvent2022 .lbyPlayNow:active.lbyClubsProfileBtn .title-btn-lobby {
  color: #ffffff;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRoyalDynastyEvent2022 .lbyPlayNow:active.lbyClubsProfileBtn .subtitle-btn-lobby {
  color: #ffffff;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRoyalDynastyEvent2022 .lbyBtn {
  box-shadow: #efdcec 0 0 4px 2px, inset 0 3px 2px -2px #ef84a7, inset 0 10px 10px -10px #e9789b, inset 0 -5px 3px -4px #e978a6, #ddc3d6bd -4px 0 2px 0, #e5bce1 4px 0 4px 0;
  border-color: #000;
  background-image: linear-gradient(to bottom, #b30e17 50%, #9b0613 51%);
  border-width: 2px;
  border-radius: 3px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRoyalDynastyEvent2022 .lbyBtn:first-of-type {
  margin-right: 5px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRoyalDynastyEvent2022 .lbyBtn:hover {
  background-image: linear-gradient(to bottom, #d9111c 50%, #c20818 51%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRoyalDynastyEvent2022 .lbyBtn:active {
  box-shadow: #eacce5 0 0 4px 2px, inset 0 3px 2px -2px #fdfdfd, inset 0 8px 5px -7px #f5f5f5, inset 0 -4px 3px -4px #df6385;
  background-image: linear-gradient(to bottom, #9b0c14 50%, #820510 51%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRoyalDynastyEvent2022 .lbyBtn:active .title-btn-lobby {
  color: #fff;
  text-shadow: 0 1px #075a63;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRoyalDynastyEvent2022 .lbyBtn .title-btn-lobby {
  color: #f9e0ed;
  text-shadow: 0 0px 1px #8d3764, 0 0 1px #933c69;
  font-weight: bolder;
  letter-spacing: .3px;
  font-size: 21px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRoyalDynastyEvent2022 .lby-game-modes {
  top: 169px;
  left: 32%;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRoyalDynastyEvent2022 .lby-game-modes:before {
  box-shadow: #ffffff -2px -2px 5px 1px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhLuckyVegasEvent2022 .powerhandJackpotBanner {
  background-image: url(assets/images/powerhandJackpot/PowerhandJackpot_Tag_LuckyVegas.png);
  background-position: 0 0;
  width: 137px;
  height: 30px;
  display: block;
  position: absolute;
  z-index: 1;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhLuckyVegasEvent2022.background:after {
  width: 242px;
  height: 340px;
  background-image: url(assets/images/powerhandJackpot/Club_Lobby_PowerhandJackpotSlice_LuckyVegas.png);
  background-position: 0 0;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhLuckyVegasEvent2022 .lbyPlayNow {
  box-shadow: #da12d4bd -4px 0 4px 0, #da12b8 4px 0 4px 0, inset 0 -2px 2px -2px #fdfdfd, inset 0 10px 10px -8px #c0ccfa, inset 0 -6px 5px -2px #5754f7;
  border-color: #000000;
  background-image: linear-gradient(to bottom, #dbbefb 4%, #766dff 19%, #2225beeb 40%, #241baa 43%);
  border-radius: 4px;
  border-width: 2px;
  top: 217px;
  left: 27%;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhLuckyVegasEvent2022 .lbyPlayNow.lbyClubsProfileBtn .title-btn-lobby {
  text-shadow: 0 0 2px #3135b0, 0 0 2px #a6a2e2;
  color: #f9f4f4;
  position: relative;
  bottom: 3px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhLuckyVegasEvent2022 .lbyPlayNow.lbyClubsProfileBtn .subtitle-btn-lobby {
  color: #f5d8ed;
  text-shadow: 0 1px #630707;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhLuckyVegasEvent2022 .lbyPlayNow:hover {
  background-image: linear-gradient(to bottom, #f0e4fd 4%, #9c96ff 19%, rgba(47, 50, 218, 0.921569) 40%, #2b21cd 43%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhLuckyVegasEvent2022 .lbyPlayNow:active {
  background-image: linear-gradient(to bottom, #cea6fa 4%, #5e54ff 19%, rgba(30, 33, 168, 0.921569) 40%, #1f1894 43%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhLuckyVegasEvent2022 .lbyPlayNow:active.lbyClubsProfileBtn .title-btn-lobby {
  color: #fff;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhLuckyVegasEvent2022 .lbyPlayNow:active.lbyClubsProfileBtn .subtitle-btn-lobby {
  color: #fff;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhLuckyVegasEvent2022 .lbyBtn {
  box-shadow: #da12d4bd -4px 0 4px 0, #da12b8 4px 0 4px 0, inset 0 -2px 2px -2px #fdfdfd, inset 0 10px 10px -8px #c0ccfa, inset 0 -6px 5px -2px #5754f7;
  border-color: #000;
  background-image: linear-gradient(to bottom, #152ac7 50%, #162a74 51%);
  border-width: 2px;
  border-radius: 4px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhLuckyVegasEvent2022 .lbyBtn:first-of-type {
  box-shadow: #da12d4bd -4px 0 4px 0, inset 0 -2px 2px -2px #fdfdfd, inset 0 10px 10px -8px #c0ccfa, inset 0 -6px 5px -2px #5754f7;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhLuckyVegasEvent2022 .lbyBtn:last-of-type {
  box-shadow: #da12d4bd 4px 0 4px 0, inset 0 -2px 2px -2px #fdfdfd, inset 0 10px 10px -8px #c0ccfa, inset 0 -6px 5px -2px #5754f7;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhLuckyVegasEvent2022 .lbyBtn:hover {
  background-image: linear-gradient(to bottom, #1e35e7 50%, #1d3696 51%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhLuckyVegasEvent2022 .lbyBtn:active {
  background-image: linear-gradient(to bottom, #1325b0 50%, #12225f 51%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhLuckyVegasEvent2022 .lbyBtn:active .title-btn-lobby {
  color: #fff;
  text-shadow: 0 1px #075a63;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhLuckyVegasEvent2022 .lbyBtn .title-btn-lobby {
  color: #f9eeee;
  font-weight: bolder;
  letter-spacing: .3px;
  font-size: 21px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhLuckyVegasEvent2022 .lby-game-modes {
  top: 169px;
  left: 32%;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhLuckyVegasEvent2022 .lby-game-modes:before {
  box-shadow: #ffffff -2px -2px 5px 1px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhStPatrickEvent2022 .powerhandJackpotBanner {
  background-image: url(assets/images/powerhandJackpot/PowerhandJackpot_Tag_NewYear.png);
  background-position: 0 0;
  width: 137px;
  height: 30px;
  display: block;
  position: absolute;
  z-index: 1;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhStPatrickEvent2022.background:after {
  width: 242px;
  height: 340px;
  background-image: url(assets/images/powerhandJackpot/Club_Lobby_PowerhandJackpotSlice_StPatrick.png);
  background-position: 0 0;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhStPatrickEvent2022 .lbyPlayNow {
  box-shadow: #a0da12bd -4px 0 4px 0, #c4da12 4px 0 4px 0, inset 0 -2px 2px -2px #fdfdfd, inset 0 10px 10px -8px #144762, inset 0 -6px 5px -2px #144762;
  border-color: #000000;
  background-image: linear-gradient(to bottom, #113d4e 4%, #06344c 19%, #052738 40%, #091d26 43%);
  border-radius: 4px;
  border-width: 2px;
  top: 217px;
  left: 27%;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhStPatrickEvent2022 .lbyPlayNow.lbyClubsProfileBtn .title-btn-lobby {
  text-shadow: 0 0 2px #1f6a4d, 0 0 2px #4ee3c7;
  color: #f9f4f4;
  position: relative;
  bottom: 3px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhStPatrickEvent2022 .lbyPlayNow.lbyClubsProfileBtn .subtitle-btn-lobby {
  color: #f5d8ed;
  text-shadow: 0 1px #630707;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhStPatrickEvent2022 .lbyPlayNow:hover {
  background-image: linear-gradient(to bottom, #18576f 4%, #094e72 19%, #08415d 40%, #113647 43%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhStPatrickEvent2022 .lbyPlayNow:active {
  background-image: linear-gradient(to bottom, #0c2d39 4%, #042434 19%, #031721 40%, #040d11 43%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhStPatrickEvent2022 .lbyPlayNow:active.lbyClubsProfileBtn .title-btn-lobby {
  color: #fff;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhStPatrickEvent2022 .lbyPlayNow:active.lbyClubsProfileBtn .subtitle-btn-lobby {
  color: #fff;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhStPatrickEvent2022 .lbyBtn {
  box-shadow: #daca12bd -4px 0 4px 0, #fdfdfd 4px 0 4px 0, inset 0 -2px 2px -2px #fdfdfd, inset 0 10px 10px -8px #277dad, inset 0 -6px 5px -2px 15445e;
  border-color: #000;
  background-image: linear-gradient(to bottom, #0c2e3a 50%, #0a202c 51%);
  border-width: 2px;
  border-radius: 4px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhStPatrickEvent2022 .lbyBtn:first-of-type {
  box-shadow: #daca12bd 4px 0 4px 0, inset 0 -2px 2px -2px #fdfdfd, inset 0 10px 10px -8px #277dad, inset 0 -6px 5px -2px #15445e;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhStPatrickEvent2022 .lbyBtn:last-of-type {
  box-shadow: #daca12bd 4px 0 4px 0, inset 0 -2px 2px -2px #306859, inset 0 10px 10px -8px #277dad, inset 0 -6px 5px -2px #15445e;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhStPatrickEvent2022 .lbyBtn:hover {
  background-image: linear-gradient(to bottom, #13495c 50%, #12384d 51%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhStPatrickEvent2022 .lbyBtn:active {
  background-image: linear-gradient(to bottom, #081d25 50%, #051117 51%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhStPatrickEvent2022 .lbyBtn:active .title-btn-lobby {
  color: #fff;
  text-shadow: 0 1px #075a63;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhStPatrickEvent2022 .lbyBtn .title-btn-lobby {
  color: #f9eeee;
  font-weight: bolder;
  letter-spacing: .3px;
  font-size: 21px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhStPatrickEvent2022 .lby-game-modes {
  top: 169px;
  left: 32%;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhStPatrickEvent2022 .lby-game-modes:before {
  box-shadow: #ffffff -2px -2px 5px 1px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhCaribbeanFiestaEvent2022 .powerhandJackpotBanner {
  background-image: url(assets/images/powerhandJackpot/PowerhandJackpot_Tag_NewYear.png);
  background-position: 0 0;
  width: 137px;
  height: 30px;
  display: block;
  position: absolute;
  z-index: 1;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhCaribbeanFiestaEvent2022.background:after {
  width: 242px;
  height: 340px;
  background-image: url(assets/images/powerhandJackpot/Club_Lobby_PowerhandJackpotSlice_CaribbeanFiesta.png);
  background-position: 0 0;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhCaribbeanFiestaEvent2022 .lbyPlayNow {
  box-shadow: #eddfefbd   -4px 0 4px 0, #eddfefbd 4px 0 4px 0, inset 0 -2px 2px -2px #fdfdfd, inset 0 10px 10px -8px #6bd3a0, inset 0 -6px 5px -2px #13402a;
  border-color: #000000;
  background-image: linear-gradient(to bottom, #b9f1d6 4%, #5ce1a1 19%, #269761 40%, #165638 43%);
  border-radius: 4px;
  border-width: 2px;
  top: 217px;
  left: 27%;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhCaribbeanFiestaEvent2022 .lbyPlayNow.lbyClubsProfileBtn .title-btn-lobby {
  text-shadow: 2px 2px 5px #3db586, -2px -2px 5px #3db586, 2px 2px 5px #3db586, -2px -2px 5px #3db586;
  color: #f9f4f4;
  position: relative;
  bottom: 3px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhCaribbeanFiestaEvent2022 .lbyPlayNow.lbyClubsProfileBtn .subtitle-btn-lobby {
  color: #f5d8ed;
  text-shadow: 0 1px #630707;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhCaribbeanFiestaEvent2022 .lbyPlayNow:hover {
  background-image: linear-gradient(to bottom, #dbf8ea 4%, #7ee7b5 19%, #2eb876 40%, #1e764d 43%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhCaribbeanFiestaEvent2022 .lbyPlayNow:active {
  background-image: linear-gradient(to bottom, #a4edca 4%, #46dd95 19%, #218354 40%, #11422b 43%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhCaribbeanFiestaEvent2022 .lbyPlayNow:active.lbyClubsProfileBtn .title-btn-lobby {
  color: #fff;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhCaribbeanFiestaEvent2022 .lbyPlayNow:active.lbyClubsProfileBtn .subtitle-btn-lobby {
  color: #fff;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhCaribbeanFiestaEvent2022 .lbyBtn {
  box-shadow: #ecc4f1bd  -2px 0 2px 0, #fdfdfd 4px 0 4px 0, inset 0 -2px 2px -2px #fdfdfd, inset 0 10px 10px -8px #caf3e2, inset 0 -6px 5px -2px #1d6643;
  border-color: #000;
  background-image: linear-gradient(to bottom, #2b9769 50%, #1a623f 51%);
  border-width: 2px;
  border-radius: 4px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhCaribbeanFiestaEvent2022 .lbyBtn:hover {
  background-image: linear-gradient(to bottom, #34b77f 50%, #238254 51%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhCaribbeanFiestaEvent2022 .lbyBtn:active {
  background-image: linear-gradient(to bottom, #25835b 50%, #154e32 51%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhCaribbeanFiestaEvent2022 .lbyBtn:active .title-btn-lobby {
  color: #fff;
  text-shadow: 0 1px #075a63;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhCaribbeanFiestaEvent2022 .lbyBtn .title-btn-lobby {
  color: #f9eeee;
  font-weight: bolder;
  letter-spacing: .3px;
  font-size: 21px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhCaribbeanFiestaEvent2022 .lby-game-modes {
  top: 169px;
  left: 32%;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhCaribbeanFiestaEvent2022 .lby-game-modes:before {
  box-shadow: #ffffff -2px -2px 5px 1px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhEasterEvent2022 .powerhandJackpotBanner {
  background-image: url(assets/images/powerhandJackpot/PowerhandJackpot_Tag_Easter.png);
  background-position: 0 0;
  width: 137px;
  height: 30px;
  display: block;
  position: absolute;
  z-index: 1;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhEasterEvent2022.background:after {
  width: 242px;
  height: 340px;
  background-image: url(assets/images/powerhandJackpot/Club_Lobby_PowerhandJackpotSlice_Easter.png);
  background-position: 0 0;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhEasterEvent2022 .lbyPlayNow {
  box-shadow: #c28921 -4px 0 4px 0, #c28921 4px 0 4px 0, inset 0 -2px 2px -2px #ffffff, inset 0 10px 10px -8px #ffffff, inset 0 -6px 5px -2px #5daf48;
  border-color: #000000;
  background-image: linear-gradient(to bottom, #6ddb51 4%, #6aff44 19%, #65c524 40%, #3d840e 43%);
  border-radius: 4px;
  border-width: 2px;
  top: 217px;
  left: 27%;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhEasterEvent2022 .lbyPlayNow.lbyClubsProfileBtn .title-btn-lobby {
  text-shadow: 1px 1px 2px #0f340f, -1px -1px 2px #0f340f, 1px 1px 2px #0f340f, -1px -1px 2px #0f340f;
  color: #f9f4f4;
  position: relative;
  bottom: 3px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhEasterEvent2022 .lbyPlayNow.lbyClubsProfileBtn .subtitle-btn-lobby {
  color: #f5d8ed;
  text-shadow: 0 1px #630707;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhEasterEvent2022 .lbyPlayNow:hover {
  background-image: linear-gradient(to bottom, #89e273 4%, #8bff6d 19%, #79db37 40%, #4ea912 43%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhEasterEvent2022 .lbyPlayNow:active {
  background-image: linear-gradient(to bottom, #5bd73c 4%, #56ff2b 19%, #5aaf20 40%, #326d0c 43%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhEasterEvent2022 .lbyPlayNow:active.lbyClubsProfileBtn .title-btn-lobby {
  color: #fff;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhEasterEvent2022 .lbyPlayNow:active.lbyClubsProfileBtn .subtitle-btn-lobby {
  color: #fff;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhEasterEvent2022 .lbyBtn {
  box-shadow: #d9a649 -2px 0 2px 0, #c28921 4px 0 4px 0, inset 0 -2px 2px -2px #c28921, inset 0 10px 10px -8px #fff, inset 0 -6px 5px -2px #63bf62;
  border-color: #000;
  background-image: linear-gradient(to bottom, #52a315 50%, #3b7816 51%);
  border-width: 2px;
  border-radius: 4px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhEasterEvent2022 .lbyBtn:hover {
  background-image: linear-gradient(to bottom, #64c71a 50%, #4c9a1c 51%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhEasterEvent2022 .lbyBtn:active {
  background-image: linear-gradient(to bottom, #478c12 50%, #306212 51%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhEasterEvent2022 .lbyBtn:active .title-btn-lobby {
  color: #fff;
  text-shadow: 0 1px #075a63;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhEasterEvent2022 .lbyBtn .title-btn-lobby {
  color: #f9eeee;
  font-weight: bolder;
  letter-spacing: .3px;
  font-size: 21px;
  text-shadow: 1px 1px 2px #1b5a1b, -1px -1px 2px #1b5a1b, 1px 1px 2px #1b5a1b, -1px -1px 2px #1b5a1b;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhEasterEvent2022 .lby-game-modes {
  top: 169px;
  left: 32%;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhEasterEvent2022 .lby-game-modes:before {
  box-shadow: #ffffff -2px -2px 5px 1px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRockEvent2022 .powerhandJackpotBanner {
  background-image: url(assets/images/powerhandJackpot/PowerhandJackpot_Tag_RockEvent.png);
  background-position: 0 0;
  width: 137px;
  height: 30px;
  display: block;
  position: absolute;
  z-index: 1;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRockEvent2022.background:after {
  width: 242px;
  height: 340px;
  background-image: url(assets/images/powerhandJackpot/Club_Lobby_PowerhandJackpotSlice_RockEvent.png);
  background-position: 0 0;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRockEvent2022 .lbyPlayNow {
  box-shadow: #ddb3ce40 -4px 0 4px 0, #e193dc 4px 0 4px 0, inset 0 -2px 2px -2px #b73131, inset 0 10px 10px -8px #ff9191, inset 0 -6px 5px -2px #910909d6;
  border-color: #000000;
  background-image: linear-gradient(to bottom, #ff788d 4%, #d22b41 19%, #9a2a2a 40%, #640812 43%);
  border-radius: 4px;
  border-width: 2px;
  top: 217px;
  left: 27%;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRockEvent2022 .lbyPlayNow.lbyClubsProfileBtn .title-btn-lobby {
  text-shadow: 1px 1px 2px #0f340f, -1px -1px 2px #0f340f, 1px 1px 2px #0f340f, -1px -1px 2px #0f340f;
  color: #f9f4f4;
  position: relative;
  bottom: 3px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRockEvent2022 .lbyPlayNow.lbyClubsProfileBtn .subtitle-btn-lobby {
  color: #f5d8ed;
  text-shadow: 0 1px #630707;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRockEvent2022 .lbyPlayNow:hover {
  background-image: linear-gradient(to bottom, #ffa1af 4%, #da4c5e 19%, #ba3333 40%, #8a0b19 43%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRockEvent2022 .lbyPlayNow:active {
  background-image: linear-gradient(to bottom, #ff5f77 4%, #bd273a 19%, #862525 40%, #4c060e 43%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRockEvent2022 .lbyPlayNow:active.lbyClubsProfileBtn .title-btn-lobby {
  color: #fff;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRockEvent2022 .lbyPlayNow:active.lbyClubsProfileBtn .subtitle-btn-lobby {
  color: #fff;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRockEvent2022 .lbyBtn {
  box-shadow: #621b1b -2px 0 2px 0, #ca89c5 4px 0 4px 0, inset 0 -2px 2px -2px #ffffff, inset 0 10px 10px -8px #fff, inset 0 -6px 5px -2px #6c1a20;
  border-color: #000;
  background-image: linear-gradient(to bottom, #a70323 50%, #500006 51%);
  border-width: 2px;
  border-radius: 4px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRockEvent2022 .lbyBtn:hover {
  background-image: linear-gradient(to bottom, #cf042b 50%, #790009 51%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRockEvent2022 .lbyBtn:active {
  background-image: linear-gradient(to bottom, #8e031e 50%, #370004 51%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRockEvent2022 .lbyBtn:active .title-btn-lobby {
  color: #fff;
  text-shadow: 0 1px #075a63;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRockEvent2022 .lbyBtn .title-btn-lobby {
  color: #fdd0f3;
  font-weight: bolder;
  letter-spacing: .3px;
  font-size: 21px;
  text-shadow: 1px 1px 2px #1b5a1b, -1px -1px 2px #1b5a1b, 1px 1px 2px #1b5a1b, -1px -1px 2px #1b5a1b;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRockEvent2022 .lby-game-modes {
  top: 169px;
  left: 32%;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRockEvent2022 .lby-game-modes:before {
  box-shadow: #ffffff -2px -2px 5px 1px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhGloryEvent2022 .powerhandJackpotBanner {
  background-image: url(assets/images/powerhandJackpot/PowerhandJackpot_Tag_GloryEvent.png);
  background-position: 0 0;
  width: 137px;
  height: 30px;
  display: block;
  position: absolute;
  z-index: 1;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhGloryEvent2022.background:after {
  width: 242px;
  height: 340px;
  background-image: url(assets/images/powerhandJackpot/Club_Lobby_PowerhandJackpotSlice_GloryEvent.png);
  background-position: 0 0;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhGloryEvent2022 .lbyPlayNow {
  box-shadow: #ddb3ce40 -4px 0 4px 0, #484ccf 4px 0 4px 0, inset 0 -2px 2px -2px #efc40c, inset 0 10px 10px -8px #fff9a7, inset 0 -6px 5px -5px #efc40c;
  border-color: #000000;
  background-image: linear-gradient(to bottom, #fff593 4%, #f5c307 19%, #ffa100 40%, #a74700 43%);
  border-radius: 4px;
  border-width: 2px;
  top: 217px;
  left: 27%;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhGloryEvent2022 .lbyPlayNow.lbyClubsProfileBtn .title-btn-lobby {
  text-shadow: 1px 1px 2px #ff981a, -1px -1px 2px #ff981a, 1px 1px 2px #ff981a, -1px -1px 2px #ff981a;
  color: #fffffd;
  position: relative;
  bottom: 3px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhGloryEvent2022 .lbyPlayNow.lbyClubsProfileBtn .subtitle-btn-lobby {
  color: #f5d8ed;
  text-shadow: 0 1px #630707;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhGloryEvent2022 .lbyPlayNow:hover {
  background-image: linear-gradient(to bottom, #fff9bc 4%, #f9ce2c 19%, #ffb029 40%, #d05800 43%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhGloryEvent2022 .lbyPlayNow:active {
  background-image: linear-gradient(to bottom, #fff37a 4%, #dcaf06 19%, #e69100 40%, #8e3c00 43%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhGloryEvent2022 .lbyPlayNow:active.lbyClubsProfileBtn .title-btn-lobby {
  color: #fff;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhGloryEvent2022 .lbyPlayNow:active.lbyClubsProfileBtn .subtitle-btn-lobby {
  color: #fff;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhGloryEvent2022 .lbyBtn {
  box-shadow: #000000 -2px 0 2px 0, #385be2 4px 0 4px 0, inset 0 -2px 2px -2px #894300, inset 0 10px 10px -8px #ffb20d, inset 0 -6px 5px -6px #9d7910;
  border-color: #000;
  background-image: linear-gradient(to bottom, #de6600 50%, #894300 51%);
  border-width: 2px;
  border-radius: 4px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhGloryEvent2022 .lbyBtn:hover {
  background-image: linear-gradient(to bottom, #ff7908 50%, #b25700 51%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhGloryEvent2022 .lbyBtn:active {
  background-image: linear-gradient(to bottom, #c55a00 50%, #703700 51%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhGloryEvent2022 .lbyBtn:active .title-btn-lobby {
  color: #fff;
  text-shadow: 0 1px #075a63;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhGloryEvent2022 .lbyBtn .title-btn-lobby {
  color: #fef4e2;
  font-weight: bolder;
  letter-spacing: .3px;
  font-size: 21px;
  text-shadow: 1px 1px 2px #874200, -1px -1px 2px #874200, 1px 1px 2px #874200, -1px -1px 2px #874200;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhGloryEvent2022 .lby-game-modes {
  top: 169px;
  left: 32%;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhGloryEvent2022 .lby-game-modes:before {
  box-shadow: #ffffff -2px -2px 5px 1px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRaveEvent2022 .powerhandJackpotBanner {
  background-image: url(assets/images/powerhandJackpot/PowerhandJackpot_Tag_Rave.png);
  background-position: 0 0;
  width: 137px;
  height: 30px;
  display: block;
  position: absolute;
  z-index: 1;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRaveEvent2022.background:after {
  width: 242px;
  height: 340px;
  background-image: url(assets/images/powerhandJackpot/Club_Lobby_PowerhandJackpotSlice_Rave.png);
  background-position: 0 0;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRaveEvent2022 .lbyPlayNow {
  box-shadow: #ddb3ce40 -4px 0 4px 0, #d37de0 4px 0 4px 0, inset 0 -2px 2px -2px #05d8d8, inset 0 10px 10px -8px #c9ffff, inset 0 -6px 5px -7px #05d8d8;
  border-color: #000000;
  background-image: linear-gradient(to bottom, #15fdfd 4%, #07e3e3 19%, #06c9c9 40%, #046262 43%);
  border-radius: 4px;
  border-width: 2px;
  top: 217px;
  left: 27%;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRaveEvent2022 .lbyPlayNow.lbyClubsProfileBtn .title-btn-lobby {
  text-shadow: 1px 1px 2px #067578, -1px -1px 2px #067578, 1px 1px 2px #067578, -1px -1px 2px #067578;
  color: #fcfcfd;
  position: relative;
  bottom: 3px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRaveEvent2022 .lbyPlayNow.lbyClubsProfileBtn .subtitle-btn-lobby {
  color: #f5d8ed;
  text-shadow: 0 1px #630707;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRaveEvent2022 .lbyPlayNow:hover {
  background-image: linear-gradient(to bottom, #3dfdfd 4%, #1bf8f8 19%, #07f1f1 40%, #068989 43%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRaveEvent2022 .lbyPlayNow:active {
  background-image: linear-gradient(to bottom, #02f6f6 4%, #06caca 19%, #05b0b0 40%, #034a4a 43%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRaveEvent2022 .lbyPlayNow:active.lbyClubsProfileBtn .title-btn-lobby {
  color: #fff;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRaveEvent2022 .lbyPlayNow:active.lbyClubsProfileBtn .subtitle-btn-lobby {
  color: #fff;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRaveEvent2022 .lbyBtn {
  box-shadow: #000000 -2px 0 2px 0, #df96ee 4px 0 4px 0, inset 0 -2px 2px -2px #68d4d4, inset 0 10px 10px -8px #84ffff, inset 0 -6px 5px -6px #2a9696;
  border-color: #000;
  background-image: linear-gradient(to bottom, #3ec4c4 50%, #195757 51%);
  border-width: 2px;
  border-radius: 4px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRaveEvent2022 .lbyBtn:hover {
  background-image: linear-gradient(to bottom, #5dcece 50%, #227777 51%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRaveEvent2022 .lbyBtn:active {
  background-image: linear-gradient(to bottom, #36b2b2 50%, #134343 51%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRaveEvent2022 .lbyBtn:active .title-btn-lobby {
  color: #fff;
  text-shadow: 0 1px #075a63;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRaveEvent2022 .lbyBtn .title-btn-lobby {
  color: #fdfdfe;
  font-weight: bolder;
  letter-spacing: .3px;
  font-size: 21px;
  text-shadow: 1px 1px 1px #6466ad, -1px -1px 1px #6466ad, 1px 1px 1px #6466ad, -1px -1px 1px #6466ad;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRaveEvent2022 .lby-game-modes {
  top: 169px;
  left: 32%;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRaveEvent2022 .lby-game-modes:before {
  box-shadow: #ffffff -2px -2px 5px 1px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRaceEvent2022 .powerhandJackpotBanner {
  background-image: url(assets/images/powerhandJackpot/PowerhandJackpot_Tag_RaceEvent.png);
  background-position: 0 0;
  width: 137px;
  height: 30px;
  display: block;
  position: absolute;
  z-index: 1;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRaceEvent2022.background:after {
  width: 242px;
  height: 340px;
  background-image: url(assets/images/powerhandJackpot/Club_Lobby_PowerhandJackpotSlice_RaceEvent.png);
  background-position: 0 0;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRaceEvent2022 .lbyPlayNow {
  box-shadow: #ddb3ce40 -4px 0 4px 0, #b46c45 4px 0 4px 0, inset 0 -2px 2px -2px #f5b775, inset 0 10px 10px -8px #c9ffff, inset 0 -6px 5px -7px #f3b471;
  border-color: #000000;
  background-image: linear-gradient(to bottom, #f3b471 4%, #de7537 19%, #933310 40%, #852d0c 43%);
  border-radius: 4px;
  border-width: 2px;
  top: 217px;
  left: 27%;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRaceEvent2022 .lbyPlayNow.lbyClubsProfileBtn .title-btn-lobby {
  text-shadow: 1px 1px 2px #a03926, -1px -1px 2px #a03926, 1px 1px 2px #a03926, -1px -1px 2px #a03926;
  color: #fcfcfd;
  position: relative;
  bottom: 3px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRaceEvent2022 .lbyPlayNow.lbyClubsProfileBtn .subtitle-btn-lobby {
  color: #f5d8ed;
  text-shadow: 0 1px #630707;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRaceEvent2022 .lbyPlayNow:hover {
  background-image: linear-gradient(to bottom, #f6c897 4%, #e48d5a 19%, #b84014 40%, #aa3a0f 43%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRaceEvent2022 .lbyPlayNow:active {
  background-image: linear-gradient(to bottom, #f1a859 4%, #d86724 19%, #7c2b0d 40%, #6e250a 43%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRaceEvent2022 .lbyPlayNow:active.lbyClubsProfileBtn .title-btn-lobby {
  color: #fff;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRaceEvent2022 .lbyPlayNow:active.lbyClubsProfileBtn .subtitle-btn-lobby {
  color: #fff;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRaceEvent2022 .lbyBtn {
  box-shadow: #000000 -2px 0 2px 0, #a56444 4px 0 4px 0, inset 0 -2px 2px -2px #c57c47, inset 0 10px 10px -8px #ded9b8, inset 0 -6px 5px -6px #8b3411;
  border-color: #000;
  background-image: linear-gradient(to bottom, #c53600 50%, #7a2100 51%);
  border-width: 2px;
  border-radius: 4px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRaceEvent2022 .lbyBtn:hover {
  background-image: linear-gradient(to bottom, #ee4100 50%, #a32c00 51%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRaceEvent2022 .lbyBtn:active {
  background-image: linear-gradient(to bottom, #ac2f00 50%, #611a00 51%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRaceEvent2022 .lbyBtn:active .title-btn-lobby {
  color: #fff;
  text-shadow: 0 1px #075a63;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRaceEvent2022 .lbyBtn .title-btn-lobby {
  color: #fdfdfe;
  font-weight: bolder;
  letter-spacing: .3px;
  font-size: 21px;
  text-shadow: 1px 1px 1px #a03926, -1px -1px 1px #a03926, 1px 1px 1px #a03926, -1px -1px 1px #a03926;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRaceEvent2022 .lby-game-modes {
  top: 169px;
  left: 32%;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhRaceEvent2022 .lby-game-modes:before {
  box-shadow: #ffffff -2px -2px 5px 1px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMainEvent2022 .powerhandJackpotBanner {
  background-image: url(assets/images/powerhandJackpot/PowerhandJackpot_Tag_MainEvent2022.png);
  background-position: 0 0;
  width: 137px;
  height: 30px;
  display: block;
  position: absolute;
  z-index: 1;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMainEvent2022.background:after {
  width: 242px;
  height: 340px;
  background-image: url(assets/images/powerhandJackpot/Club_Lobby_PowerhandJackpotSlice_MainEvent2022.png);
  background-position: 0 0;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMainEvent2022 .lbyPlayNow {
  box-shadow: #ddb3ce40 -4px 0 4px 0, #fd3c52 4px 0 4px 0, inset 0 -2px 2px -2px #9ba5dd, inset 0 10px 10px -8px #d8deff, inset 0 -6px 5px -7px #1932c6;
  border-color: #000000;
  background-image: linear-gradient(to bottom, #949cff 4%, #3240d7 19%, #3240d7 40%, #021132 43%);
  border-radius: 4px;
  border-width: 2px;
  top: 217px;
  left: 27%;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMainEvent2022 .lbyPlayNow.lbyClubsProfileBtn .title-btn-lobby {
  text-shadow: 1px 1px 1px #0d1c9d, -1px -1px 1px #0d1c9d, 1px 1px 1px #0d1c9d, -1px -1px 2px #0d1c9d;
  color: #fcfcfd;
  position: relative;
  bottom: 3px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMainEvent2022 .lbyPlayNow.lbyClubsProfileBtn .subtitle-btn-lobby {
  color: #f5d8ed;
  text-shadow: 0 1px #630707;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMainEvent2022 .lbyPlayNow:hover {
  background-image: linear-gradient(to bottom, #bdc2ff 4%, #5460de 19%, #5460de 40%, #041e59 43%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMainEvent2022 .lbyPlayNow:active {
  background-image: linear-gradient(to bottom, #7b84ff 4%, #2735c8 19%, #2735c8 40%, #010919 43%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMainEvent2022 .lbyPlayNow:active.lbyClubsProfileBtn .title-btn-lobby {
  color: #fff;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMainEvent2022 .lbyPlayNow:active.lbyClubsProfileBtn .subtitle-btn-lobby {
  color: #fff;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMainEvent2022 .lbyBtn {
  box-shadow: #000000 -2px 0 2px 0, #ffe2e6 4px 0 4px 0, inset 0 -2px 2px -2px #0004bf, inset 0 10px 10px -8px #ccccf1, inset 0 -6px 5px -6px #4539a3;
  border-color: #000;
  background-image: linear-gradient(to bottom, #2b3ed3 50%, #021132 51%);
  border-width: 2px;
  border-radius: 4px;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMainEvent2022 .lbyBtn:hover {
  background-image: linear-gradient(to bottom, #4c5cdb 50%, #041e59 51%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMainEvent2022 .lbyBtn:active {
  background-image: linear-gradient(to bottom, #2738be 50%, #010919 51%);
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMainEvent2022 .lbyBtn:active .title-btn-lobby {
  color: #fff;
  text-shadow: 0 1px #075a63;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMainEvent2022 .lbyBtn .title-btn-lobby {
  color: #fdfdfe;
  font-weight: bolder;
  letter-spacing: .3px;
  font-size: 21px;
  text-shadow: 1px 1px 1px #0d1c9d, -1px -1px 1px #0d1c9d, 1px 1px 1px #0d1c9d, -1px -1px 2px #0d1c9d;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMainEvent2022 .lby-game-modes {
  top: 169px;
  left: 32%;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.lbyPhMainEvent2022 .lby-game-modes:before {
  box-shadow: #ffffff -2px -2px 5px 1px;
}

.lbyMainMenu .lbyCardRush:not(.lbyPhJackpot):not(.lbyMegaMadness).background:after {
  background-image: url(assets/images/Atlas.png);
  background-position: -2832px -918px;
  width: 251px;
  height: 343px;
  left: 55px;
}

.lbyMainMenu .lbyCardRush:not(.lbyPhJackpot):not(.lbyMegaMadness).boostedPokerRecall.background:after {
  background-image: url(assets/images/Atlas.png);
  background-position: -2832px -573px;
  width: 251px;
  height: 343px;
  left: 55px;
}

.lbyMainMenu .lbyCardRush:not(.lbyPhJackpot):not(.lbyMegaMadness) .cardRushHeader {
  background-image: url(assets/images/Atlas.png);
  background-position: -1295px -3093px;
  width: 137px;
  height: 30px;
  position: absolute;
  top: 135px;
  left: 17px;
  z-index: 1;
}

.lbyMainMenu .lbyCardRush:not(.lbyPhJackpot):not(.lbyMegaMadness) .lbyPlayNow {
  color: #ffffff;
  text-shadow: 0 0 10px #40b759, 0 0 10px #40b759, 0 0 10px #40b759;
  border-color: #02b178;
  background-image: linear-gradient(#00a848, #06d96a 3.7%, #25e373 5.5%, #39f379 7.4%, #45f97b 9.2%, #46f079 11.1%, #3ddc71 12.9%, #24ab5e 16.6%, #0f7f4c 22.2%, #025f3e 27.7%, #005539 33.3%, #004e34 38.8%, #003d28 48.1%, #00281a 59.2%, #002417 64.8%, #003122 70.3%, #005840 79.6%, #006049 81.4%, #007153 83.3%, #008f68, #00946d 90.7%, #008a66 92.5%, #00745b 96.2%, #005a4b 96.2%, #003b37);
}

.lbyMainMenu .lbyCardRush:not(.lbyPhJackpot):not(.lbyMegaMadness) .lbyPlayNow:hover {
  border-color: #00ffc7;
  text-shadow: 0 0 10px #4aff90, 0 0 10px #4aff90, 0 0 10px #4aff90;
  background-image: linear-gradient(#00ec81, #14ffaa, #6dffba 7.4%, #7fffba 11.1%, #4fee9c 16.6%, #089d74 27.7%, #004f39 64.8%, #009e81 81.4%, #00d2a8 87%, #00cda5 92.5%, #00b598 96.2%, #009785 98.2%, #00706b);
}

.lbyMainMenu .lbyCardRush:not(.lbyPhJackpot):not(.lbyMegaMadness) .lbyPlayNow:active {
  color: #c8ffa0;
  border-color: #02b178;
  text-shadow: 0 0 10px #60d651, 0 0 10px #60d651, 0 0 10px #60d651;
  background-image: linear-gradient(#000 40.7%, #002b0e, #003714 85.1%, #002b12 94.4%, #002512 96.2%, #002512 98.1%, #001d0e 100%);
}

.lbyMainMenu .lbyCardRush:not(.lbyPhJackpot):not(.lbyMegaMadness) .lbyBtn {
  color: #79ff7f;
  border: 1px solid #000006;
  background-image: linear-gradient(#0c6545, #2c8e67 6.6%, #4ab074 12%, #379a5f 26.6%, #2b8954 32%, #0f653d 72%, #075e39 89.3%, #045c3a 100%);
}

.lbyMainMenu .lbyCardRush:not(.lbyPhJackpot):not(.lbyMegaMadness) .lbyBtn:hover {
  color: #afffb3;
  background-image: linear-gradient(#04462c, #12875d 2.6%, #58ee93 13.1%, #3ecc76 27.6%, #37bc6c 30.2%, #0f8248 69.7%, #037042 100%);
}

.lbyMainMenu .lbyCardRush:not(.lbyPhJackpot):not(.lbyMegaMadness) .lbyBtn:active {
  color: #41a346;
  background-image: linear-gradient(#002b00 6.7%, #002c00 9.4%, #002e00 9.4%, #005013 60.8%, #09762f 100%);
}

.lbyMainMenu .lbyCardRush:not(.lbyPhJackpot):not(.lbyMegaMadness) .lbyClubsProfileBtn:hover .subtitle-btn-lobby {
  color: #afffb3;
}

.lbyMainMenu .lbyCardRush:not(.lbyPhJackpot):not(.lbyMegaMadness) .lbyClubsProfileBtn:active .subtitle-btn-lobby {
  color: #41a346;
}

.lbyMainMenu .lbyCardRush:not(.lbyPhJackpot):not(.lbyMegaMadness) .lbyClubsProfileBtn .subtitle-btn-lobby {
  color: #79ff7f;
}

.lbyBtn {
  position: absolute;
  color: #a9e9f9;
  z-index: 2;
  text-transform: uppercase;
  line-height: 18px;
  font-size: 2.2rem;
  letter-spacing: -1px;
  transform: skewX(-11deg);
  border: 2px solid #02112c;
  background-image: linear-gradient(#163d95 2.5%, #274fa7 5.1%, #4a73b7 8.9%, #4e77b6 11.5%, #2c5096 23%, #032d82 73%, #032e93 82%, #0337ad 88.4%, #043caf 91%, #0b44af 96.1%, #0b44af, #0a3d9f 98.7%);
  height: 81px;
  top: 223px;
  pointer-events: auto;
}

.lbyBtn:hover {
  box-shadow: #013964 -1px 0 5px 1px;
  background-image: linear-gradient(#1c51d0 2.5%, #336aea 5.1%, #639eff 8.9%, #69a4ff 11.5%, #4a80e3 19.2%, #2c5cc5 32%, #033bbe 76.9%, #054bf7 89.7%, #0550f7 91%, #0d5bf7 96.1%, #0d5bf7, #0c51de 98.7%);
}

.lbyBtn:last-of-type:hover {
  box-shadow: #013964 2px 0 5px 1px;
}

.lbyBtn:active {
  color: #00e0f5;
  text-shadow: 0 0 20px #00e0f5;
  box-shadow: #013964 -1px 0 5px 1px;
  background-image: linear-gradient(#0b1116 4%, #0c2e86 56.7%, #032b94 81%, #0330ac 93.2%, #0330ab 95.9%, #032da2 95.9%, #011b69);
}

.lbyBtn.lbyTexas.lbyClubsSmallBtn .title-btn-lobby, .lbyBtn.lbyOmaha.lbyClubsSmallBtn .title-btn-lobby {
  transform: skewX(10deg);
}

.lbyBtn.lbyTexas {
  left: -8px;
  width: 92px;
  border-radius: 5px 0 0 5px;
}

.lbyBtn.lbyTexas.lbyClubsSmallBtn {
  left: 1px;
  width: 90px;
}

.lbyBtn.lbyOmaha {
  left: 90px;
  width: 71px;
  border-radius: 0 5px 5px 0;
}

.lbyBtn.lbyOmaha.lbyClubsSmallBtn {
  left: 93px;
}

.lbyBtn.lbyClubsSmallBtn {
  top: 170px;
  height: 40px;
  transform: skewX(-10deg);
}

.playnow-lastgametype {
  display: none;
}

.clubs-lobby.open .lby-game-modes {
  position: absolute;
  top: 170px;
  left: 33%;
  transform: translateX(-50%);
  z-index: 2;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 180px;
  height: 40px;
}

.clubs-lobby.open .lby-game-modes:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  transform: skewX(-10deg);
  width: 100%;
  height: 100%;
  border-radius: 5px;
  box-shadow: #00327d -1px 0 12px 1px;
}

.clubs-lobby.open .playnow-lastgametype {
  display: block;
  position: absolute;
  left: 25%;
  bottom: 24px;
  font-size: 16px;
  z-index: 1;
  transform: translateX(-50%);
}

.clubs-lobby.open .lbyTexas,
.clubs-lobby.open .lbyOmaha {
  position: relative;
  left: auto;
  top: auto;
  flex: 1;
}

#lobby {
  position: relative;
}

.lobbyMainContent {
  margin: 0 11px;
}

.lobbyMainContent:after, .lobbyMainContent:before {
  content: "";
  position: absolute;
  top: 0;
  left: 11px;
  z-index: -1;
  background: linear-gradient(90deg, transparent, #111116 1px, transparent 2px), radial-gradient(circle at 0px 80px, rgba(0, 0, 255, 0.35) 2%, transparent 10%), radial-gradient(circle at 0px 90%, rgba(102, 98, 130, 0.75) 1%, transparent 10%), linear-gradient(90deg, #111116, #575471 33.3%, #575471 50%, #8782ad 66.6%, #575471);
  height: 100%;
  width: 7px;
  box-shadow: inset 0 4px 0 #303646, inset 0 -4px 10px #6a7188, inset 0 0 0 1px #111, 0 0 5px #000;
}

.lobbyMainContent:after {
  left: auto;
  right: 11px;
  transform: scaleX(-1);
}

.lbyMainMenu {
  margin: -35px 3px 0;
  position: relative;
  left: 0;
  height: 340px;
  overflow: hidden;
  background: #000f42;
  background-image: linear-gradient(to bottom, #000f42 0%, #000f42 80%, #0e58dd 100%);
}

.lbyMainMenu .powerhandJackpotBanner {
  background-image: url(assets/images/Atlas.png);
  background-position: -2007px -2870px;
  width: 132px;
  height: 23px;
  display: block;
  position: absolute;
  top: 5px;
  left: 38px;
  z-index: 3;
}

.lbyMainMenu .powerhandJackpotBanner:before {
  position: absolute;
  content: '';
  top: 1px;
  left: 12px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3114px -548px;
  width: 120px;
  height: 21px;
}

.lbyMainMenu .cardRushHeader {
  background-image: url(assets/images/Atlas.png);
  background-position: -1295px -3093px;
  width: 137px;
  height: 30px;
  position: absolute;
  top: 5px;
  left: 38px;
  z-index: 3;
}

.lbyMainMenu:after {
  position: absolute;
  content: "";
  display: block;
  top: 7px;
  right: 0;
  bottom: 10px;
  width: 66px;
  z-index: 1;
  transform: scaleX(-1);
  opacity: 1;
  background-image: linear-gradient(to left, rgba(0, 12, 44, 0) 0%, rgba(0, 12, 44, 0.75) 55%, rgba(0, 12, 44, 0.95) 100%);
  pointer-events: none;
  transition: 1s opacity;
}

.lbyMainMenu.finish:after {
  opacity: 0;
}

.lbyMainMenu .buttons {
  position: absolute;
  left: -2px;
  top: 1px;
  z-index: 2;
  width: 251px;
  height: 343px;
  pointer-events: none;
  transition: 1s transform;
}

.lbyMainMenu .buttons.background:after {
  position: absolute;
  content: ' ';
  background-image: url(assets/images/Atlas.png);
  background-position: -2266px -1091px;
  width: 310px;
  height: 343px;
  transform: translateX(-59px);
}

.lbyMainMenu .buttons > .gradient {
  position: absolute;
  display: block;
  top: 7px;
  left: 185px;
  bottom: 7px;
  width: 66px;
  z-index: 1;
  pointer-events: none;
}

.lbyMainMenu .buttons > .gradient:before {
  position: absolute;
  content: "";
  display: block;
  top: -7px;
  right: 0;
  bottom: -7px;
  width: 66px;
  opacity: 1;
  transition: 1s opacity;
  transform: rotate(11.3deg) translateX(15px);
  background-image: linear-gradient(to left, rgba(0, 12, 44, 0) 0%, rgba(0, 12, 44, 0.75) 55%, rgba(0, 12, 44, 0.95) 100%);
}

.lbyMainMenu .buttons > .braceletContainer {
  position: absolute;
  top: 16px;
  left: 8px;
  z-index: 2;
  transform: none;
  pointer-events: auto;
}

.lbyMainMenu .buttons > .braceletContainer:before {
  position: absolute;
  content: '';
  top: 10px;
  left: 17px;
  width: 150px;
  height: 110px;
  background: radial-gradient(ellipse at center, white 0%, rgba(255, 255, 255, 0) 65%);
  transition: transform 50ms linear;
  transform: rotate(15deg) scale(1);
  transform-origin: center;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.lbyMainMenu .buttons > .braceletContainer:hover:before {
  transform: rotate(15deg) scale(1.11);
}

.lbyMainMenu .buttons > .braceletContainer:active:before {
  transition: initial;
  transform: rotate(15deg) scale(1.25);
}

.lbyMainMenu .buttons > .braceletContainer .clickable, .lbyMainMenu .buttons > .braceletContainer .gsStoreBtnsContainer .gsStoreBtn, .gsStoreBtnsContainer .lbyMainMenu .buttons > .braceletContainer .gsStoreBtn, .lbyMainMenu .buttons > .braceletContainer .gsActionButtonsContainer .action-button, .gsActionButtonsContainer .lbyMainMenu .buttons > .braceletContainer .action-button {
  position: relative;
}

#lbySlices {
  width: 242px;
  height: 340px;
  padding-left: 213px;
  position: relative;
  transition: 1s transform;
}

.lbyMainMenu .scrollableArea:before {
  position: absolute;
  content: "";
  display: block;
  pointer-events: none;
  top: -7px;
  left: -35px;
  bottom: -7px;
  width: 66px;
  opacity: 1;
  transition: 1s opacity;
  transform: rotate(11.3deg) translateX(15px);
  background-image: linear-gradient(to left, rgba(0, 12, 44, 0) 0%, rgba(0, 12, 44, 0.75) 55%, rgba(0, 12, 44, 0.95) 100%);
  z-index: 2;
}

.lbyMainMenu.start .scrollableArea:before {
  opacity: 0;
}

.lbySlice {
  position: relative;
  float: left;
  width: 180px;
  height: 340px;
  pointer-events: none;
}

.lbySlice img {
  position: absolute;
  z-index: 0;
}

.lbySlice.slice-promotion-texasroulette-hard img {
  margin-left: 15px;
}

.lbySlice.slice-promotion-texasroulette-hard button {
  left: 6px;
}

.lbySlice.slice-promotion-texasroulette-hard .lbyBuyIn {
  left: 20px;
}

.lbySlice.slice-promotion-texasroulette-harder {
  width: 230px;
}

.lbySlice.slice-promotion-texasroulette-harder button {
  left: -3px;
}

.lbySlice.slice-promotion-texasroulette-harder .lbyBuyIn {
  left: -9px;
}

.slice-promotion-texasroulette-harder .lbyTournamentBtn {
  left: -10px;
}

.lbySlice.slice-promotion-texasroulette-harder .lbyBuyIn {
  left: -9px;
}

.lbySlice.slice-promotion-texasroulette-hard .lbyBuyIn {
  left: 20px;
}

.lby1stPrize {
  text-align: center;
  margin-top: 185px;
  height: 25px;
  font-family: AkzidGroProLigCnd;
  font-size: 2rem;
}

.lby1stPrize:first-letter {
  font-weight: bold;
  font-family: AkzidGroProCnd;
  font-size: 2rem;
}

.lby1stPrize sup {
  text-decoration: underline;
  text-transform: uppercase;
  top: 1px;
  font-size: 1.2rem;
  position: relative;
}

.lbyBuyIn, .lbyRound {
  position: relative;
  top: 90px;
  text-align: center;
  left: 10px;
  width: 157px;
}

.lbyRound {
  font-weight: bold;
  font-family: AkzidGroProCnd;
  font-size: 2rem;
}

.lbyBuyIn {
  top: 87px;
  left: 8px;
  font-family: AkzidGroProLigCnd;
  font-size: 1.8rem;
}

.lbyBuyIn span {
  font-weight: bold;
  font-family: AkzidGroProCnd;
  font-size: 2rem;
  text-transform: uppercase;
}

.lbyLocked {
  position: absolute;
  top: 55px;
  right: -1px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3378px -1790px;
  width: 119px;
  height: 62px;
  display: none;
  z-index: 1;
}

.lbyLocked .levelTxt {
  line-height: 62px;
  color: #000;
  text-align: center;
  width: 65px;
  margin-left: 5px;
}

.lbySoon {
  position: absolute;
  top: 72px;
  right: 7px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3378px -2643px;
  width: 115px;
  height: 33px;
  display: none;
  z-index: 1;
  line-height: 27px;
  color: #000;
  text-align: center;
}

.lbyTournament {
  width: 242px;
  margin-left: -50px;
  transition: width 120ms linear;
}

.lbyTournament.locked:after, .lbyTournament.soon:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(assets/images/Atlas.png);
  background-position: -2832px -1605px;
  width: 242px;
  height: 340px;
}

.lbyTournament.locked .lbyLocked {
  display: block;
}

.lbyTournament.soon .lbySoon {
  display: block;
}

.lbyTournament.lbyClubsProfile {
  width: 220px;
}

/****************
**** BUTTONS ****
*****************/
.lbyTournamentBtn {
  position: absolute;
  top: 214px;
  left: 15px;
  background-image: linear-gradient(#343d74, #aeb7de 1%, #e8edf0 6.2%, #f1f4ed 8.7%, #efeeec 12.5%, #dadbd6 18.7%, #acaec3 31.2%, #515da5 66.2%, #5366b2 70%, #6088ce 82%, #7db9f5 87.5%, #7db9f5 91%, #3d63de 93.2%, #3a58d0 95.5%, #394caa 98.2%, #15257a 100%);
  transform: skewX(-10deg);
  height: 80px;
  width: 180px;
  border: 1px solid #000;
  border-radius: 4px;
  box-shadow: 0 0 1px 1px #000, 0 1px 0 #fff;
  color: #000;
}

.lbyTournamentBtn .title {
  transform: skewX(10deg);
  font-size: 2.9rem;
  margin-top: -3px;
  color: #292458;
  text-shadow: 0 -1px black, 0 0.1px white;
  text-transform: uppercase;
  font-weight: 700;
}

.lbyTournamentBtn .subtitle {
  font-size: 1.6rem;
  min-height: 20px;
  transform: skewX(10deg);
  margin-top: -7px;
  color: #9fdeea;
  text-shadow: 0 0.5px black;
  font-weight: 700;
}

.lbyTournamentBtn:hover {
  background-image: linear-gradient(#b4bfdb, #e6edf3 5.1%, #eeeeec 16.6%, #b5b7cc 38.4%, #9099c2 51.2%, #8b93c1, #8792c0 53.8%, #7d88be 62.8%, #7c92ce 71.7%, #8fb9df 82%, #8fb9df 83.3%, #96c2e5 83.3%, #a5d3f4 85.8%, #a7daef, #acdff2 88.4%, #9fccf5 92.3%, #88aff2 92.3%, #7b9bee 93.5%, #697dc4 98.7%, #899cde 98.7%);
  border: 1px solid #fff;
  box-shadow: 0 0 1px #28d4f4, 0 0 5px #0991e1;
}

.lbyTournamentBtn:hover .title {
  color: #585197;
  text-shadow: 0 -1px black, 0 0.1px white, 0 0 8px white;
}

.lbyTournamentBtn:hover .subtitle {
  color: #ffffff;
}

.lbyTournamentBtn:active {
  background-image: linear-gradient(#030214, #131639, #2e306b 10.2%, #373879 14.1%, #555998 30.7%, #545da2 58.9%, #4f5d9e 61.5%, #5361a2 62.8%, #5f78ba 79.4%, #6790c8 84.6%, #7199d4 87.1%, #7092d1 91%, #5a77bb 91%, #465ca5 92.3%, #3f4895 94.8%, #3f468c 98.7%, #1b2064 98.7%);
  border: 1px solid #000;
  box-shadow: 0 0 1px #0250ef, 0 0 5px #0250ef;
}

.lbyTournamentBtn:active .title {
  margin-top: 0;
  color: #1a1742;
  text-shadow: 0 -1px black, 0 0.1px #00f2ff, 0 0 8px #00f2ff;
}

.lbyTournamentBtn:active .subtitle {
  color: #00f2ff;
}

.lbyTournamentBtn.promo:after {
  content: 'PROMO';
  background-image: url(assets/images/Atlas.png);
  background-position: -2453px -3093px;
  width: 116px;
  height: 24px;
  display: block;
  position: absolute;
  top: 65px;
  left: 50%;
  margin-left: -58px;
  z-index: 0;
  line-height: 20px;
  text-shadow: 0 0 5px #cc4afc, 0 0 5px #cc4afc;
  text-align: center;
  color: #fff1f4;
  font-family: 'AkzidGroProLigCnd';
}

.lbyTournamentBtn.lbyClubsProfileBtn {
  transform: scale(0.9) skewX(-10deg);
}

.lbyArr {
  position: absolute;
  top: 170px;
  left: -6px;
  cursor: pointer;
  transform: scale(-1, 1);
  z-index: 2;
  transition: transform 120ms linear;
  background-image: url(assets/images/Atlas.png);
  background-position: -3460px -1899px;
  width: 30px;
  height: 57px;
}

.lbyArr:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -3460px -1981px;
  width: 30px;
  height: 57px;
}

.lbyArr:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -3460px -2063px;
  width: 30px;
  height: 57px;
}

.lbyArr.lbyClubsLobby {
  transform: scale(-1, 1);
}

#lbyArrR {
  transform: scale(1, 1);
  left: auto;
  right: -7px;
}

/************************
*** POWERHAND JACKPOT ***
*************************/
.lbyMainMenu .clubs-lobby.open .background:after {
  left: 25px;
  background-image: url(assets/images/Atlas.png);
  background-position: -2832px -1263px;
  width: 242px;
  height: 340px;
}

.lbyMainMenu .clubs-lobby.open :not(.lbyPhJackpot).lbyCardRush:not(.lbyMegaMadness).background:after {
  left: 25px;
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -1188px -1655px;
  width: 242px;
  height: 340px;
}

.lbyMainMenu .clubs-lobby.open :not(.lbyPhJackpot).boostedPokerRecall:not(.lbyMegaMadness).background:after {
  left: 25px;
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -944px -1655px;
  width: 242px;
  height: 340px;
}

.lbyMainMenu .clubs-lobby.open :not(.lbyPhJackpot).lbyMegaMadness .lbyPlayNow.lbyClubsProfileBtn,
.lbyMainMenu .clubs-lobby.open :not(.lbyPhJackpot).lbyMegaMadness .lbyBtn.lbyOmaha,
.lbyMainMenu .clubs-lobby.open :not(.lbyPhJackpot).lbyMegaMadness .lbyBtn.lbyTexas {
  color: #fff;
  background: #b70014;
  background-image: linear-gradient(173deg, #d9001d 0%, #b70014 46%, #a10010 49%, #7d000b 100%);
  border-color: #ff0038;
  border-radius: 0;
}

.lbyMainMenu .clubs-lobby.open :not(.lbyPhJackpot).lbyMegaMadness .lbyPlayNow.lbyClubsProfileBtn:hover,
.lbyMainMenu .clubs-lobby.open :not(.lbyPhJackpot).lbyMegaMadness .lbyBtn.lbyOmaha:hover,
.lbyMainMenu .clubs-lobby.open :not(.lbyPhJackpot).lbyMegaMadness .lbyBtn.lbyTexas:hover {
  background: #ca0019;
  background-image: linear-gradient(173deg, #e40022 0%, #ca0019 46%, #b70014 49%, #9c000e 100%);
}

.lbyMainMenu .clubs-lobby.open :not(.lbyPhJackpot).lbyMegaMadness .lbyPlayNow.lbyClubsProfileBtn:active,
.lbyMainMenu .clubs-lobby.open :not(.lbyPhJackpot).lbyMegaMadness .lbyBtn.lbyOmaha:active,
.lbyMainMenu .clubs-lobby.open :not(.lbyPhJackpot).lbyMegaMadness .lbyBtn.lbyTexas:active {
  background: #8b000f;
  background-image: linear-gradient(173deg, #a30016 0%, #8b000f 46%, #75000c 49%, #5e0008 100%);
  border-color: #d5002a;
  color: #fff;
}

.lbyMainMenu .clubs-lobby.open .lbyPhJackpot.background:after {
  left: 25px;
  background-image: url(assets/images/Atlas.png);
  background-position: -2832px -1947px;
  width: 242px;
  height: 340px;
}

.lbySlice .lby1stPrize {
  text-align: center;
  margin-top: 185px;
  height: 25px;
  font-family: AkzidGroProLigCnd;
  font-size: 1.6rem;
  line-height: 25px;
  position: relative;
  margin-left: -14px;
  color: #cda16c;
  text-shadow: 0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 5px #000;
}

.lbySlice.blue .lby1stPrize {
  color: #78beff;
}

.lbySlice .prizeLabel {
  position: absolute;
  top: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 43px;
  font-family: 'AkzidGroProBolCnd';
  font-weight: 'normal';
}

.lbySlice .prizeLabel .prizeSuffix {
  position: relative;
  top: 3px;
  left: 3px;
  font-size: 30px;
}

.lobbyBottom {
  background: linear-gradient(transparent, transparent 6%, #575471 2.3%, #575471 14.2%, #575471 19.6%, #8782ad 48.2%, #111116 91%, #111116);
  display: flex;
  justify-content: space-between;
  height: 60px;
  position: relative;
  margin-top: -10px;
}

.lobbyBottom #ChallengesReminderBubble {
  position: absolute;
  top: 0;
  left: 27px;
  opacity: 0;
  transform: translateY(0px);
  transition: opacity .2s, transform .2s;
  z-index: -1;
  background: linear-gradient(to bottom, transparent, transparent 50%, rgba(0, 0, 0, 0.5) 100%), #481425;
  padding: 2px 8px;
  border-radius: 4px;
  border: 1px solid #A4363C;
  box-shadow: inset 0 0 3px 1px #A4363C;
}

.lobbyBottom #ChallengesReminderBubble.visible {
  opacity: 1;
  transform: translateY(-23px);
}

.lobbyBottom.withDailyBlitzButton .lobbyBottomLeftButtons {
  border-top-right-radius: 0;
}

.lobbyBottom.withDailyBlitzButton .lobbyBottomRightButtons {
  border-top-left-radius: 0;
}

.lobbyBottom.withDailyBlitzButton #FreeRewardsButton {
  background: linear-gradient(#8782ad 0.3%, #575471 2.3%, #111116 91%, #111116);
  border-top: 1px solid #808296;
  height: auto;
  border-radius: 0;
  box-shadow: none;
  margin-top: 0;
}

.lobbyBottomLeftButtons, .lobbyBottomRightButtons {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(#8782ad 0.3%, #575471 2.3%, #111116 91%, #111116);
  height: 100%;
  width: 265px;
  border-radius: 10px 10px 0 0;
  border-top: 1px solid #8782ad;
  box-shadow: -2px 0 1px -1px black;
}

.lobbyBottomRightButtons {
  box-shadow: 2px 0 1px -1px black;
  position: relative;
}

.lobbyBottomRightButtons .cashback-animation-canvas {
  pointer-events: none;
  position: absolute;
  top: -41px;
  z-index: 3;
  left: -22px;
  transform: scale(0);
}

.lobbyBottomRightButtons .cashback-animation-canvas.active-canvas {
  transform: scale(1);
}

.lobbyInboxCouponIndicator {
  font-size: 16px;
  font-weight: 600;
}

.lobbyInboxCouponIndicator .border {
  position: absolute;
  top: -5px;
  left: -4px;
  z-index: 1;
  transform: scale(1.1);
}

.lobbyInboxCouponIndicator .text {
  position: absolute;
  left: -9px;
  top: 27px;
  z-index: 1;
}

.btn-lobbySide {
  margin: 0 10px;
  background: linear-gradient(#8782ad, #575471 8.2%, #111116 101%);
  width: 55px;
  height: 55px;
  box-shadow: inset 3px 0 3px -3px #000, inset -3px 0 3px -3px #000, inset 0 3px 3px -3px #fff;
  border: 2px solid #000;
  border-radius: 2px;
  font-family: AkzidGroProXBolCnd;
  font-size: 2.5rem;
  text-shadow: 0 3px 5px #000;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

@keyframes opacityAnim {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes tick-tock {
  to {
    transform: rotate(360deg);
  }
}

@keyframes borderlineAnim {
  0% {
    background-position: -220% 0, 0 300%, 120% 100%, 100% -20%;
  }
  25% {
    background-position: 120% 0, 0 300%, 120% 100%, 100% -20%;
  }
  25.1% {
    background-position: -220% 0, 0 300%, 120% 100%, 100% -20%;
  }
  50% {
    background-position: -220% 0, 0 -20%, 120% 100%, 100% -20%;
  }
  50.1% {
    background-position: -220% 0, 0 300%, 120% 100%, 100% -20%;
  }
  75% {
    background-position: -220% 0, 0 300%, -200% 100%, 100% -20%;
  }
  75.1% {
    background-position: -220% 0, 0 300%, 120% 100%, 100% -20%;
  }
  100% {
    background-position: -220% 0, 0 300%, 120% 100%, 100% 300%;
  }
}

.btn-lobbySide.new:after {
  content: attr(data-string);
  position: absolute;
  left: 0;
  right: 0;
  width: 36px;
  margin: auto;
  top: -11px;
  height: 19px;
  background: radial-gradient(ellipse at center, #FF9B30 0%, #FF9B30 30%, #F8DF67 100%);
  font-size: 16px;
  border-radius: 2px;
  box-shadow: 0 2px 3px black;
  z-index: 2;
  color: #fff;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  line-height: 1.2;
}

.btn-lobbySide.new:before {
  width: 36px;
  height: 10px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.6);
  z-index: 2;
  left: 6px;
  top: -5px;
  border-radius: 3px;
}

.btn-lobbySide:hover {
  border: 2px solid #000;
}

.btn-lobbySide:hover .icon:before {
  content: "";
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(rgba(255, 255, 255, 0.5) 25%, transparent 75%);
}

.btn-lobbySide:focus {
  border: 2px solid #000;
}

.btn-lobbySide:active {
  background: linear-gradient(#1c1c1c, #0b0b0b 8.3%, #171717 80.5%, #1f1f1f 94.4%, #151515 94.4%, #010101);
  padding-top: 1px;
  border: 2px solid #000;
}

.btn-lobbySide:active .icon:before {
  background: none;
}

.btn-lobbySide.disabled, .btn-lobbySide[disabled] {
  background: #1F1F1F;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset, 0 2px 2px rgba(255, 255, 255, 0.25) inset;
  padding: 0;
  border: 2px solid #000;
  cursor: auto;
  color: #464646;
  pointer-events: none;
}

.btn-lobbySide.active, .btn-lobbySide:active {
  box-shadow: 0 0 5px black inset;
  background: linear-gradient(to bottom, #202020 0%, #363636 36%, #2d2d2d 80%, #4b4b4b 95%);
}

.btn-lobbySide.notification:after {
  content: attr(data-count);
  position: absolute;
  top: -13px;
  right: 5px;
  min-width: 20px;
  height: 20px;
  font-size: 1.5rem;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  background-color: #EB2E24;
  background-image: linear-gradient(#ee1d32 7.4%, #ff4964 74%, #ed5d74 92.5%);
  border-radius: 3px;
  text-shadow: 0 2px 2px #000;
  box-shadow: 1px 1px 1px #000;
  z-index: 2;
}

.btn-lobbySide.glowing {
  border-radius: 2px;
  border-style: solid;
  border-width: 2px;
}

.btn-lobbySide.glowing:before {
  content: '';
  position: absolute;
  left: -1px;
  top: -1px;
  width: 50px;
  height: 50px;
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  border-radius: 2px;
  animation: opacityAnim 2s infinite ease-in-out;
}

.btn-lobbySide.pokerRecallBtn .icon {
  background-image: url(assets/images/Atlas.png);
  background-position: -1908px -3280px;
  width: 49px;
  height: 49px;
}

.btn-lobbySide.pokerRecallBtn.active .icon, .btn-lobbySide.pokerRecallBtn:active .icon {
  background-image: url(assets/images/Atlas.png);
  background-position: -1755px -3280px;
  width: 49px;
  height: 49px;
}

.btn-lobbySide.pokerRecallBtn.glowing {
  border-color: #4b9868;
}

.btn-lobbySide.pokerRecallBtn.glowing:before {
  border-color: #c6ffd9;
  box-shadow: 0 0 0 1px rgba(198, 255, 207, 0.3), inset 0 0 0 1px rgba(198, 255, 198, 0.3), inset 0 0 5px 2px #1f7f2f, 0 0 5px 2px #1f7f3c;
}

.btn-lobbySide.pokerRecallBtn.boosted:not(.glowing):before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3623px -1674px;
  width: 65px;
  height: 65px;
  animation: tick-tock 350ms steps(4, end) infinite;
  left: -7px;
  top: -7px;
}

.btn-lobbySide.pokerRecallPrimeBtn .icon {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2692px -2385px;
  width: 42px;
  height: 38px;
}

.btn-lobbySide.pokerRecallPrimeBtn.active .icon, .btn-lobbySide.pokerRecallPrimeBtn:active .icon {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2562px -1030px;
  width: 42px;
  height: 38px;
}

.btn-lobbySide.pokerRecallPrimeBtn.glowing {
  border-color: #1522da;
}

.btn-lobbySide.pokerRecallPrimeBtn.glowing::before {
  border-color: #6573f3;
  box-shadow: 0 0 0 1px rgba(160, 174, 250, 0.3), inset 0 0 0 1px rgba(142, 149, 247, 0.3), inset 0 0 5px 2px #172397, 0 0 5px 2px #1130f7;
}

.btn-lobbySide.pokerRecallPrimeBtn.boosted:not(.glowing)::before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3623px -1674px;
  width: 65px;
  height: 65px;
  animation: tick-tock 350ms steps(4, end) infinite;
  left: -7px;
  top: -7px;
}

.btn-lobbySide.pokerRecallPrimeBtn.animline:not(.glowing) {
  position: relative;
  border: 2px #b5f8fe solid;
  border-radius: 4px;
  background-size: cover;
}

.btn-lobbySide.pokerRecallPrimeBtn.animline:not(.glowing)::before {
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  border-radius: 4px;
  background: linear-gradient(90deg, white 20%, transparent 10%), linear-gradient(0deg, white 20%, transparent 10%), linear-gradient(90deg, white 20%, transparent 10%), linear-gradient(0deg, white 20%, transparent 10%);
  background-repeat: no-repeat;
  background-position: -200% 0, 0 300%, 120% 100%, 100% -20%;
  background-size: 150% 2px, 2px 150%, 150% 2px, 2px 150%;
  box-shadow: 0px 0px 10px #b5f8fe;
  content: '';
  z-index: 1;
  -webkit-filter: blur(1px) drop-shadow(0 0 8px white);
          filter: blur(1px) drop-shadow(0 0 8px white);
  animation: borderlineAnim 4s linear infinite;
}

.btn-lobbySide.pokerRecallBtn.lastChance .icon, .btn-lobbySide.pokerRecallPrimeBtn.lastChance .icon {
  opacity: 0;
  animation: invertedOpacitySlide 8s infinite linear;
}

.btn-lobbySide.pokerRecallBtn.lastChance .timeLeft, .btn-lobbySide.pokerRecallPrimeBtn.lastChance .timeLeft {
  background-image: url(assets/images/Atlas.png);
  background-position: -1857px -3280px;
  width: 49px;
  height: 49px;
  position: absolute;
  width: 49px;
  height: 49px;
  left: 0;
  overflow: hidden;
  animation: opacitySlide 8s infinite linear;
  opacity: 1;
}

.btn-lobbySide.pokerRecallBtn.lastChance .timeLeft .timeLeftTimer, .btn-lobbySide.pokerRecallPrimeBtn.lastChance .timeLeft .timeLeftTimer {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'AkzidGroProBolCnd';
}

@keyframes invertedOpacitySlide {
  45% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.btn-lobbySide.pokerRecallBtn.lastChance .timeLeft.active,
.btn-lobbySide.pokerRecallBtn.lastChance .timeLeft:active, .btn-lobbySide.pokerRecallPrimeBtn.lastChance .timeLeft.active,
.btn-lobbySide.pokerRecallPrimeBtn.lastChance .timeLeft:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -1806px -3280px;
  width: 49px;
  height: 49px;
}

.btn-lobbySide.pokerRecallBtn.lastChance .timeLeft.active .timeLeftTimer,
.btn-lobbySide.pokerRecallBtn.lastChance .timeLeft:active .timeLeftTimer, .btn-lobbySide.pokerRecallPrimeBtn.lastChance .timeLeft.active .timeLeftTimer,
.btn-lobbySide.pokerRecallPrimeBtn.lastChance .timeLeft:active .timeLeftTimer {
  color: #000000;
}

.btn-lobbySide.albumBtn.glowing {
  border-color: #008aff;
}

.btn-lobbySide.albumBtn.glowing:before {
  top: -2px;
  left: -2px;
  width: 53px;
  height: 53px;
  border-color: #008aff;
  box-shadow: 0 0 0 1px rgba(0, 136, 255, 0.3), inset 0 0 0 1px rgba(0, 136, 255, 0.3), inset 0 0 5px 2px #008aff, 0 0 5px 2px #008aff;
}

.btn-lobbySide.albumBtn .timeLeft {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.btn-lobbySide.albumBtn .timeLeft .timeLeftTimer {
  position: absolute;
  bottom: 2px;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  font-size: 14px;
  font-family: 'AkzidGroProLigCnd';
  background: linear-gradient(#2c2b3a 80%, #16161f 100%);
  animation: opacitySlide 8s infinite linear;
  opacity: 1;
}

.btn-lobbySide.albumBtn .timeLeft:after {
  content: '';
  background: linear-gradient(0.25turn, #008aff17, #008aff7d, #fff, #008aff7d, #008aff17);
  width: 100%;
  height: 120px;
  position: absolute;
  top: -30px;
  left: -80px;
  transform: rotate(-45deg);
  animation: positionSlide 4s infinite linear 3s;
}

@keyframes opacitySlide {
  45% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes positionSlide {
  15% {
    left: -80px;
  }
  25% {
    left: 80px;
  }
  100% {
    left: 80px;
  }
}

.btn-lobbySide.albumBtn.showTimer .timeLeft {
  display: block;
}

.btn-lobbySide.albumBtn .icon {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 49px;
  height: 49px;
}

.btn-lobbySide.challenges .icon {
  background-image: url(assets/images/Atlas.png);
  background-position: -1704px -3280px;
  width: 49px;
  height: 49px;
}

.btn-lobbySide.challenges.hasClaimableChallenges:not(.new):after {
  content: attr(data-count);
  position: absolute;
  top: -13px;
  right: 5px;
  min-width: 20px;
  height: 20px;
  font-size: 1.5rem;
  text-align: center;
  color: #fff;
  box-shadow: 1px 1px 1px #000;
  background-color: #EB2E24;
  background-image: linear-gradient(#ee1d32 7.4%, #ff4964 74%, #ed5d74 92.5%);
  border-radius: 3px;
  display: block;
}

.btn-lobbySide.challenges.active .icon, .btn-lobbySide.challenges:active .icon {
  background-image: url(assets/images/Atlas.png);
  background-position: -1602px -3280px;
  width: 49px;
  height: 49px;
}

.btn-lobbySide.challenges.disabled .icon, .btn-lobbySide.challenges[disabled] .icon {
  background-image: url(assets/images/Atlas.png);
  background-position: -1653px -3280px;
  width: 49px;
  height: 49px;
}

.btn-lobbySide.bplbBtn .icon {
  background-image: url(assets/images/Atlas.png);
  background-position: -1245px -3280px;
  width: 49px;
  height: 49px;
}

.btn-lobbySide.bplbBtn.active .icon, .btn-lobbySide.bplbBtn:active .icon {
  background-image: url(assets/images/Atlas.png);
  background-position: -1143px -3280px;
  width: 49px;
  height: 49px;
}

.btn-lobbySide.bplbBtn.glowing {
  border-bottom-color: #3083f5;
  border-left-color: #3083f5;
  border-top-color: #e78337;
  border-right-color: #e78337;
}

.btn-lobbySide.bplbBtn.glowing:before {
  border-bottom-color: #96b9e6;
  border-left-color: #96b9e6;
  border-top-color: #ffcaa2;
  border-right-color: #ffcaa2;
  box-shadow: 2px -2px 7px -2px #e78337, -2px 2px 7px -2px #3083f5;
}

.btn-lobbySide.activeEffects .icon {
  background-image: url(assets/images/Atlas.png);
  background-position: -1092px -3280px;
  width: 49px;
  height: 49px;
}

.btn-lobbySide.activeEffects.hasEffects {
  border-radius: 2px;
  border: solid 2px #7c4b98;
}

.btn-lobbySide.activeEffects.hasEffects:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 50px;
  height: 50px;
  border: solid 1px #e9c6ff;
  box-shadow: 0 0 0 1px rgba(233, 198, 255, 0.3), inset 0 0 0 1px rgba(233, 198, 255, 0.3), inset 0 0 5px 2px #5c1f7f, 0 0 5px 2px #5c1f7f;
  border-radius: 2px;
  animation: opacityAnim 2s infinite ease-in-out;
}

.btn-lobbySide.activeEffects.active .icon, .btn-lobbySide.activeEffects:active .icon {
  background-image: url(assets/images/Atlas.png);
  background-position: -2215px -1407px;
  width: 49px;
  height: 49px;
}

.btn-lobbySide.activeEffects.disabled .icon, .btn-lobbySide.activeEffects[disabled] .icon {
  background-image: url(assets/images/Atlas.png);
  background-position: -1041px -3280px;
  width: 49px;
  height: 49px;
}

.btn-lobbySide.slotMachine .icon {
  background-image: url(assets/images/Atlas.png);
  background-position: -885px -3280px;
  width: 50px;
  height: 50px;
}

.btn-lobbySide.slotMachine.autospin .icon {
  background-image: url(assets/images/slotsIconAnimation.gif);
  background-position: center center;
}

.btn-lobbySide.slotMachine.active .icon, .btn-lobbySide.slotMachine:active .icon {
  background-image: url(assets/images/Atlas.png);
  background-position: -1959px -3280px;
  width: 49px;
  height: 49px;
}

.btn-lobbySide.slotMachine.disabled .icon, .btn-lobbySide.slotMachine[disabled] .icon {
  background-image: url(assets/images/Atlas.png);
  background-position: -2010px -3280px;
  width: 49px;
  height: 49px;
}

.btn-lobbySide.inbox .icon {
  background-image: url(assets/images/Atlas.png);
  background-position: -2214px -3280px;
  width: 49px;
  height: 49px;
}

.btn-lobbySide.inbox.smallerEnvelope .icon {
  height: 68px;
  transform: scale(0.8);
}

.btn-lobbySide.inbox.boosted:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3623px -1674px;
  width: 65px;
  height: 65px;
  animation: tick-tock 350ms steps(4, end) infinite;
  left: -7px;
  top: -7px;
}

.btn-lobbySide.inbox.active .icon, .btn-lobbySide.inbox:active .icon {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}

.btn-lobbySide.inbox.disabled .icon, .btn-lobbySide.inbox[disabled] .icon {
  background-image: url(assets/images/Atlas.png);
  background-position: -1500px -3280px;
  width: 49px;
  height: 49px;
}

.btn-lobbySide.inviteFriends .icon {
  background-image: url(assets/images/Atlas.png);
  background-position: -1398px -3280px;
  width: 49px;
  height: 49px;
}

.btn-lobbySide.inviteFriends.active .icon, .btn-lobbySide.inviteFriends:active .icon {
  background-image: url(assets/images/Atlas.png);
  background-position: -1296px -3280px;
  width: 49px;
  height: 49px;
}

.btn-lobbySide.inviteFriends.disabled .icon, .btn-lobbySide.inviteFriends[disabled] .icon {
  background-image: url(assets/images/Atlas.png);
  background-position: -1347px -3280px;
  width: 49px;
  height: 49px;
}

.btn-lobbySide.wsopBank .icon {
  background-image: url(assets/images/Atlas.png);
  background-position: -2163px -3280px;
  width: 49px;
  height: 49px;
  top: -1px;
  left: -1px;
}

.btn-lobbySide.wsopBank:not(:active).extreme .icon {
  background-image: url(assets/images/Atlas.png);
  background-position: -2112px -3280px;
  width: 49px;
  height: 49px;
}

.btn-lobbySide.wsopBank:active .icon {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}

.btn-lobbySide.wsopBank.hide-icon.full:before {
  content: '';
  display: none;
}

.btn-lobbySide.wsopBank.hide-icon .icon {
  display: none;
}

.btn-lobbySide.wsopBank.full:before {
  content: attr(data-string);
  display: block;
  z-index: 1;
  padding-top: 14px;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 60%);
  text-shadow: 0 0 15px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  box-sizing: border-box;
}

.btn-lobbySide.wsopBank.glowing {
  border-color: #008aff;
}

.btn-lobbySide.wsopBank.glowing:before {
  top: -2px;
  left: -2px;
  width: 53px;
  height: 53px;
  border-color: white;
  box-shadow: 0 0 0 1px rgba(0, 136, 255, 0.3), inset 0 0 0 1px rgba(0, 136, 255, 0.3), inset 0 0 5px 2px #008aff, 0 0 5px 2px #008aff;
}

.btn-lobbySide.wsopBank.glowing.extreme {
  border-color: #FFA516;
}

.btn-lobbySide.wsopBank.glowing.extreme:before {
  box-shadow: 0 0 0 1px rgba(255, 85, 0, 0.3), inset 0 0 0 1px rgba(255, 85, 0, 0.3), inset 0 0 5px 2px #FFA516, 0 0 5px 2px #FFA516;
}

.lobby-slice {
  box-sizing: border-box;
  display: inline-block;
}

.ape-lobby-slice, .apePopup {
  position: relative;
  float: left;
  width: 242px;
  height: 340px;
  transform-origin: left top;
}

.ape-lobby-slice .ape-lobby-slice-anchor, .apePopup .ape-lobby-slice-anchor {
  position: absolute;
}

.ape-lobby-slice .tag_type_b text, .apePopup .tag_type_b text {
  font-weight: bold;
}

.ape-lobby-slice .tag_type_i text, .apePopup .tag_type_i text {
  font-style: italic;
}

.ape-lobby-slice .tag_type_u text, .apePopup .tag_type_u text {
  text-decoration: underline;
}

.ape-lobby-slice .tag_type_sup text, .apePopup .tag_type_sup text {
  font-size: smaller;
}

.ape-lobby-slice .tag_type_sup, .apePopup .tag_type_sup {
  transform: translate(-0.15em, -0.4em);
}

.ape-lobby-slice .tag_type_sub text, .apePopup .tag_type_sub text {
  vertical-align: sub;
  font-size: smaller;
}

.clubs-lobby.open .ape-lobby-slice, .clubs-lobby.open .apePopup {
  width: 220px;
}

.ape-lobby-slice {
  top: 14px;
}

.chip-item {
  display: inline-block;
  width: 140px;
  height: 140px;
  background-size: contain;
  image-rendering: optimize-contrast;
  /* CSS3 Proposed                  */
  image-rendering: -webkit-optimize-contrast;
  /* Chrome (and eventually Safari) */
}

.bpBarContainer {
  position: relative;
  font-family: AkzidGroProCnd;
  font-size: 2rem;
  letter-spacing: -0.04em;
  text-align: right;
  color: #ffffff;
  background-color: #1e2132;
  background-image: linear-gradient(to bottom, #292d45 0%, #1e2132 100%);
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.5) inset, 0 1px 2px 0px rgba(255, 255, 255, 0.5);
}

.bpBarContainer .bpBarMeterContainer {
  background-image: url(assets/images/Atlas.png);
  background-position: -3065px -2793px;
  width: 160px;
  height: 40px;
  position: relative;
  height: 100%;
  width: 100%;
  text-align: left;
  padding: 0;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  box-shadow: 0 0px 6px 2px rgba(0, 0, 0, 0.4) inset, 0 1px 0px 0px rgba(255, 255, 255, 0.3);
}

.bpBarContainer .bpMeterValueMask {
  position: relative;
  overflow: hidden;
  width: 5%;
  height: 100%;
}

.bpBarContainer .bpBarWave {
  position: absolute;
  top: 0;
  right: 100%;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform: translate(0, 0);
}

.bpBarContainer .bpBarWave > div {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background-image: url(assets/images/Atlas.png);
  background-position: -3040px -3201px;
  width: 42px;
  height: 31px;
  transform: scale(0.615);
  transform-origin: top right;
}

.bpBarContainer .bpMeterValue {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to left, #e65011 0%, #f9b101 100%);
  box-shadow: inset 0 0 5px black;
}

.bpBarContainer .bpMeterValue.special {
  background-image: url("/assets/images/bracelets/progressbar_texture.png"), linear-gradient(to bottom, #5f460e, #b4851b 4.6%, #f5b72b 10.7%, #fec445 23%, #fdd55c 27.6%, #ebbe46 40%, #b37920 60%, #71462f 90.7%, #492c21 98.4%, #3b2318 98.4%);
  background-position: center center;
  background-size: 225px 60px;
  box-shadow: inset 0 0 10px 3px #b37920, inset 0 0 5px 1px black;
}

.bpBarContainer .bpMeterValue.special:before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: .5;
  background-image: linear-gradient(to bottom, #5f460e, #b4851b 4.6%, #f5b72b 10.7%, #fec445 23%, #fdd55c 27.6%, #ebbe46 40%, #b37920 60%, #71462f 90.7%, #492c21 98.4%, #3b2318 98.4%);
}

.bpBarContainer .bpMeterValue.disabled:after {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: black;
  z-index: 10;
  opacity: .5;
  cursor: default;
}

.bpBarContainer .bpBarLeftAlignedText {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 10px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
  letter-spacing: 1.2px;
}

.bpBarContainer .bpBarCenterAlignedText {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  width: 100%;
  display: block;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
}

.bpBarContainer .bpBarRightAlignedText {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 10px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
}

.bpBarContainer .bpBarChipContainer {
  position: absolute;
  display: block;
  border-radius: 50%;
  background-color: #1e2132;
  background-image: linear-gradient(to bottom, #292d45 0%, #1e2132 100%);
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.5) inset, 0 1px 2px 0px rgba(255, 255, 255, 0.5);
}

.bpBarContainer .bpBarChipContainer .bpBarNextChip {
  position: absolute;
  border-radius: 50%;
}

.bpBarContainer .bpBarChipContainer .bpBarNextChip.disabled {
  cursor: default;
  opacity: 0.5;
}

.bpBarContainer.withoutChip .bpBarChipContainer {
  display: none;
}

.bpBarContainer.invisible {
  opacity: 0;
}

#SpecialeEventInfoPopup {
  position: absolute;
  top: 127px;
  right: 0;
  left: 0;
  width: 768px;
  height: 512px;
  margin: auto;
  background-repeat: no-repeat;
}

#SpecialeEventInfoPopup .SpecialeEventInfoCloseBtn {
  position: absolute;
  top: 21px;
  right: 15px;
  width: 64px;
  height: 64px;
  background-repeat: no-repeat;
  cursor: pointer;
}

#SpecialeEventInfoPopup.kott #BraceletsInfoPopup > .gpContentCont:after {
  box-shadow: 0 0 7px 2px #d14fef;
  border: solid 1px #c98fff;
  border-bottom: solid 1px rgba(254, 101, 215, 0.7);
}

#SpecialeEventInfoPopup.kott #BraceletsInfoPopup > .gpContentCont .content div {
  text-shadow: 0 2px 10px #d14fef, 0 -2px 10px #d14fef;
  color: #fff;
}

#SpecialeEventInfoPopup.executive_week_end {
  top: 64px;
  height: 585px;
}

#SpecialeEventInfoPopup.executive_week_end .SpecialeEventInfoCloseBtn {
  top: 22px;
  right: 21px;
}

.bpBarContainer {
  width: 135px;
  height: 28px;
  line-height: 28px;
  border-radius: 18px;
  padding: 4px;
}

.bpBarContainer .bpBarMeterContainer {
  border-radius: 18px;
}

.bpBarContainer .bpMeterValue {
  width: 135px;
  border-radius: 14px;
}

.bpBarContainer.interactive {
  cursor: pointer;
}

.bpBarContainer.interactive:hover {
  box-shadow: 0 0 10px 0 #4076ff;
}

.bpBarContainer.interactive:hover .bpBarChipContainer {
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.5) inset, 0 1px 2px 0px rgba(255, 255, 255, 0.5), 3px 0 10px -1px #4076ff;
}

.bpBarContainer.interactive:active {
  box-shadow: 0 0 10px 2px #4076ff;
}

.bpBarContainer.interactive:active .bpBarChipContainer {
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.5) inset, 0 1px 2px 0px rgba(255, 255, 255, 0.5), 3px 0 10px 0px #4076ff;
}

.bpBarContainer.withChip {
  padding-right: 26px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.bpBarContainer .bpBarChipContainer {
  width: 44px;
  height: 44px;
  top: -4px;
  right: -22px;
  border-radius: 50%;
}

.bpBarContainer .bpBarChipContainer .bpBarNextChip {
  top: 6px;
  left: 6px;
}

#BraceletsInfoPopup > .gpContentCont {
  height: 497px;
}

#BraceletsInfoPopup > .gpContentCont > div:before {
  z-index: -1;
}

#BraceletsInfoPopup > .gpContentCont .background {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  position: absolute;
}

#BraceletsInfoPopup > .gpContentCont .content {
  width: 100%;
  height: 100%;
}

#BraceletsInfoPopup > .gpContentCont .content div {
  position: absolute;
  width: 50%;
  padding-bottom: 5px;
  font-size: 2.35rem;
  text-transform: uppercase;
  font-family: AkzidGroProBolCnd;
  text-shadow: #2ba5fd 0 0 6px, #2ba5fd 0 0 4px, #2ba5fd 0 0 3px;
}

#BraceletsInfoPopup > .gpContentCont .content div > span {
  display: block;
}

#BraceletsInfoPopup > .gpContentCont .content .desc_1 {
  bottom: 50%;
  left: 0;
}

#BraceletsInfoPopup > .gpContentCont .content .desc_2 {
  bottom: 50%;
  right: -5px;
}

#BraceletsInfoPopup > .gpContentCont .content .desc_3 {
  bottom: 0;
  left: 0;
}

#BraceletsInfoPopup > .gpContentCont .content .desc_4 {
  bottom: 34%;
  right: 0;
}

#BraceletsInfoPopup > .gpContentCont .content .desc_5 {
  top: 86%;
  right: 0;
}

#BraceletsInfoPopup > .gpContentCont .content .desc_6 {
  top: 70%;
  right: 0;
}

.bpProgressionStat .bpBarMeterContainer {
  line-height: 22px;
}

.bpProgressionStat .bpBarContainer {
  height: 22px;
}

.bpProgressionStat .bpBarContainer .bpBarNextChip {
  left: 2px;
  top: 2px;
}

.bpProgressionStat .bpBarContainer .bpBarChipContainer {
  width: 37px;
  height: 37px;
}

#braceletFullProgression {
  position: relative;
  display: block;
  width: 752px;
  height: 416px;
  margin: 3px auto 10px auto;
  left: 2px;
  z-index: 9;
  border-radius: 5px;
  background: black;
}

#braceletFullProgression .dropdown {
  left: 1em;
}

#braceletFullProgression:after {
  position: absolute;
  content: ' ';
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 15;
  border-radius: 5px;
  border: solid 1px #59d1ff;
  box-shadow: inset 0 0 7px 2px #0042ff, 0 0 7px 2px #0042ff, inset 0 -7px 20px -3px black;
}

#braceletFullProgression > .pmClose {
  top: -6px;
  right: -8px;
  z-index: 20;
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -599px;
  width: 27px;
  height: 28px;
}

#braceletFullProgression > .pmClose:hover {
  background-position: -3697px -539px;
}

#braceletFullProgression > .pmClose:active {
  background-position: -3697px -569px;
}

#braceletFullProgression > h1 {
  position: absolute;
  top: 4px;
  left: 0;
  width: 100%;
  margin: 0px;
  text-align: center;
  text-transform: uppercase;
  font-family: AkzidGroProLigCndIt;
  font-size: 3.00rem;
  color: #d1faf0;
  text-shadow: #0078ff 0 0 5px, #0078ff 0 0 6px, #0078ff 0 0 6px, #0078ff 0 0 7px, #0078ff 0 0 9px, #0078ff 0 0 11px;
}

#braceletFullProgression > h1 > span {
  display: block;
}

#braceletFullProgression > h2 {
  position: absolute;
  top: 52px;
  left: 270px;
  width: 100%;
  margin: 0;
  text-align: left;
  text-transform: uppercase;
  font-family: AkzidGroProLigCndIt;
  font-size: 1.81rem;
  color: #d1faf0;
  text-shadow: #0078ff 0 0 5px, #0078ff 0 0 6px, #0078ff 0 0 6px, #0078ff 0 0 7px, #0078ff 0 0 9px, #0078ff 0 0 11px;
}

#braceletFullProgression .bpBarContainer {
  width: 156px;
  height: 21px;
  line-height: 21px;
  border-radius: 14.5px;
  padding: 4px;
}

#braceletFullProgression .bpBarContainer .bpBarMeterContainer {
  border-radius: 14.5px;
}

#braceletFullProgression .bpBarContainer .bpMeterValue {
  width: 156px;
  border-radius: 10.5px;
}

#braceletFullProgression .bpBarContainer.interactive {
  cursor: pointer;
}

#braceletFullProgression .bpBarContainer.interactive:hover {
  box-shadow: 0 0 10px 0 #4076ff;
}

#braceletFullProgression .bpBarContainer.interactive:hover .bpBarChipContainer {
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.5) inset, 0 1px 2px 0px rgba(255, 255, 255, 0.5), 3px 0 10px -1px #4076ff;
}

#braceletFullProgression .bpBarContainer.interactive:active {
  box-shadow: 0 0 10px 2px #4076ff;
}

#braceletFullProgression .bpBarContainer.interactive:active .bpBarChipContainer {
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.5) inset, 0 1px 2px 0px rgba(255, 255, 255, 0.5), 3px 0 10px 0px #4076ff;
}

#braceletFullProgression .bpBarContainer.withChip {
  padding-right: 26px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#braceletFullProgression .bpBarContainer .bpBarChipContainer {
  width: 44px;
  height: 44px;
  top: -4px;
  right: -22px;
  border-radius: 50%;
}

#braceletFullProgression .bpBarContainer .bpBarChipContainer .bpBarNextChip {
  top: 6px;
  left: 6px;
}

#braceletFullProgression > .bpBarContainer {
  position: absolute;
  top: 47px;
  left: 314px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5) inset, 0 1px 2px 0 rgba(25, 255, 255, 0.5), #0078ff 0 0 11px;
}

#braceletFullProgression > .bpBarContainer > .bpBarCenterAlignedText {
  line-height: 1.06em;
  font-size: 2rem;
}

#braceletFullProgression > .help {
  position: absolute;
  right: 16px;
  bottom: 15px;
  width: 25px;
  height: 25px;
  z-index: 4;
}

#braceletFullProgression > .help:after {
  content: '';
}

#braceletFullProgression .help-ftue {
  position: absolute;
  top: -39px;
  left: -37px;
}

#braceletFullProgression > button {
  position: absolute;
  top: 176px;
  z-index: 16;
  border: 0;
  background-color: transparent;
  font-size: 0;
}

#braceletFullProgression > button.next {
  background-image: url(assets/images/Atlas.png);
  background-position: -3460px -1899px;
  width: 30px;
  height: 57px;
  right: -20px;
}

#braceletFullProgression > button.next:hover {
  background-position: -3460px -1981px;
}

#braceletFullProgression > button.next:active {
  background-position: -3460px -2063px;
}

#braceletFullProgression > button.prev {
  background-image: url(assets/images/Atlas.png);
  background-position: -3460px -1899px;
  width: 30px;
  height: 57px;
  left: -20px;
  transform: scaleX(-1);
}

#braceletFullProgression > button.prev:hover {
  background-position: -3460px -1981px;
}

#braceletFullProgression > button.prev:active {
  background-position: -3460px -2063px;
}

#braceletFullProgression > button.disabled {
  background-image: url(assets/images/Atlas.png);
  background-position: -2287px -3582px;
  width: 46px;
  height: 47px;
}

#braceletFullProgression > button.disabled:hover {
  background-position: -2287px -3582px;
}

#braceletFullProgression > button.disabled:active {
  background-position: -2287px -3582px;
}

#braceletFullProgression > .background {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 5px;
  background-color: #000;
}

#braceletFullProgression > .braceletDisplay {
  position: absolute;
  transform: scale(0.93, 0.93);
  transform-origin: top left;
  display: block;
  width: 207px;
  height: 155px;
  top: 139px;
  left: 282px;
}

#braceletFullProgression > .chipsDisplay > div {
  position: absolute;
  transform: scale(0.33, 0.33);
  transform-origin: top left;
}

#braceletFullProgression > .chipsDisplay > div.chip1, #braceletFullProgression > .chipsDisplay > div.chip2, #braceletFullProgression > .chipsDisplay > div.chip3, #braceletFullProgression > .chipsDisplay > div.chip4 {
  top: 130px;
  transform: scale(0.47) translate(-50%, -50%);
}

#braceletFullProgression > .chipsDisplay > div.chip5, #braceletFullProgression > .chipsDisplay > div.chip6 {
  top: 214px;
  transform: scale(0.53) translate(-50%, -50%);
}

#braceletFullProgression > .chipsDisplay > div.chip7, #braceletFullProgression > .chipsDisplay > div.chip8, #braceletFullProgression > .chipsDisplay > div.chip9, #braceletFullProgression > .chipsDisplay > div.chip10 {
  top: 309px;
  transform: scale(0.6) translate(-50%, -50%);
}

#braceletFullProgression > .chipsDisplay > div.chip1 {
  left: 203px;
}

#braceletFullProgression > .chipsDisplay > div.chip2 {
  left: 320px;
}

#braceletFullProgression > .chipsDisplay > div.chip3 {
  left: 437px;
}

#braceletFullProgression > .chipsDisplay > div.chip4 {
  left: 554px;
}

#braceletFullProgression > .chipsDisplay > div.chip5 {
  left: 184px;
}

#braceletFullProgression > .chipsDisplay > div.chip6 {
  left: 574px;
}

#braceletFullProgression > .chipsDisplay > div.chip7 {
  left: 161px;
}

#braceletFullProgression > .chipsDisplay > div.chip8 {
  left: 307px;
}

#braceletFullProgression > .chipsDisplay > div.chip9 {
  left: 451px;
}

#braceletFullProgression > .chipsDisplay > div.chip10 {
  left: 597px;
}

#braceletFullProgression > .chipsDisplay > div > .frontShadow {
  display: block;
  position: absolute;
  width: 163px;
  height: 78px;
  top: 0;
  left: 50%;
  transform-origin: top center;
  transform: translate(-50%, 83%) scale(1.551);
}

#braceletFullProgression > .chipsDisplay > div > div:nth-child(2) {
  position: relative;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transform: translateZ(0) scale(1, 1);
}

#braceletFullProgression > .chipsDisplay > div > .backShadow {
  position: absolute;
  width: 115px;
  height: 79px;
  top: 0;
  left: 50%;
  transform-origin: top center;
  transform: translate(-49%, -65%) scale(1.5, 2);
}

#braceletFullProgression > .overlay {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 16;
  border-radius: 5px;
}

#braceletFullProgression > .overlay.poppedOut .BraceletOverlay, #braceletFullProgression > .overlay.poppedOut .BraceletOverlayEQ4 {
  transform: translateY(-379px);
}

#braceletFullProgression > .overlay .BraceletOverlay, #braceletFullProgression > .overlay .BraceletOverlayEQ4 {
  transition: transform .5s ease-in-out;
  transform: translateY(53px);
  position: relative;
  top: 0;
  width: 443px;
  height: 263px !important;
  padding: 90px 0 0 0;
  margin: 0 auto;
  text-align: center;
  border: solid 1px #59d1ff;
  box-shadow: inset 0 0 7px 2px #0042ff,0 0 7px 2px #0042ff;
  border-radius: 8px;
}

#braceletFullProgression > .overlay .BraceletOverlay:before, #braceletFullProgression > .overlay .BraceletOverlayEQ4:before {
  position: absolute;
  content: "";
  left: 50%;
  top: 0;
  transform: translate(-49%, -41%);
  transform-origin: top left;
  background-image: url(assets/images/Atlas.png);
  background-position: -3242px -258px;
  width: 255px;
  height: 255px;
  pointer-events: none;
}

#braceletFullProgression > .overlay .BraceletOverlay > h1, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > h1 {
  position: relative;
  text-align: center;
  margin: 0;
  z-index: 1;
  text-transform: uppercase;
  font-family: AkzidGroProLigCnd;
  line-height: 1em;
  font-size: 3.8rem;
  color: #f7f7f7;
  font-weight: bold;
  text-shadow: #000000 0 0 5px, #0078ff 0 0 6px, #000000 0 0 20px, #0078ff 0 0 25px, #0078ff 0 0 28px, #0078ff 0 0 33px;
}

#braceletFullProgression > .overlay .BraceletOverlay > h1:after, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > h1:after {
  position: relative;
  display: block;
  content: "";
  margin: -15px auto 0 auto;
  background-image: url(assets/images/Atlas.png);
  background-position: -1375px -2658px;
  width: 434px;
  height: 37px;
}

#braceletFullProgression > .overlay .BraceletOverlay > p, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > p {
  text-transform: uppercase;
  margin: 0;
  z-index: 1;
}

#braceletFullProgression > .overlay .BraceletOverlay > p:after, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > p:after {
  position: absolute;
  display: block;
  content: "";
  left: 50%;
  margin: -15px 0 0 0;
  z-index: 1;
  transform: scale(0.5) translate(-100%, -52%);
  transform-origin: top center;
  background-image: url(assets/images/Atlas.png);
  background-position: -2327px -2221px;
  width: 428px;
  height: 146px;
}

#braceletFullProgression > .overlay .BraceletOverlay > p > span, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > p > span {
  position: relative;
  display: block;
  z-index: 2;
}

#braceletFullProgression > .overlay .BraceletOverlay > p > span:first-child, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > p > span:first-child {
  font-size: 2.15rem;
  font-family: AkzidGroProLigCnd;
}

#braceletFullProgression > .overlay .BraceletOverlay > p > span:last-child, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > p > span:last-child {
  font-size: 6rem;
  line-height: 0.85em;
}

#braceletFullProgression > .overlay .BraceletOverlay > button, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > button {
  z-index: 1;
  text-transform: uppercase;
  font-family: AkzidGroProBolCnd;
  margin: 38px 0 0 0;
  padding: 4px 21px;
}

#braceletFullProgression > .overlay .BraceletOverlay > .image, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > .image {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  pointer-events: none;
  transform-origin: top left;
}

#braceletFullProgression > .overlay .BraceletOverlay > .share, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > .share {
  position: relative;
  display: block;
  text-align: left;
  padding-left: 10px;
}

#braceletFullProgression > .overlay .BraceletOverlay > .share > .checkbox.big, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > .share > .checkbox.big {
  margin-top: 5px;
  font-size: 2.3rem;
  font-family: AkzidGroProLigCnd;
  line-height: 1.4em;
  padding-left: 32px;
  vertical-align: middle;
}

#braceletFullProgression > .overlay .BraceletOverlay > .share > .checkbox.big:before, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > .share > .checkbox.big:before {
  top: 0;
  transform: scale(0.64);
  transform-origin: top left;
}

#braceletFullProgression > .overlay .BraceletOverlay > .progress, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > .progress {
  position: absolute;
  bottom: 0;
  right: 0;
}

#braceletFullProgression > .overlay .BraceletOverlay > .collection-progress, #braceletFullProgression > .overlay .BraceletOverlay > .tooltipContainer, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > .collection-progress, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > .tooltipContainer {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 2.3rem;
  font-family: AkzidGroProLigCnd;
  padding-right: 10px;
  text-shadow: #0087f2 0 0 5px, #0087f2 0 0 6px, #0087f2 0 0 7px, #0087f2 0 0 9px;
}

#braceletFullProgression > .overlay .BraceletOverlay > .collection-progress-eq4, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > .collection-progress-eq4 {
  top: 0;
  bottom: initial;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 {
  padding: 100px 0;
  height: 273px;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 .bracelet-full-progression-won-label {
  text-align: center;
  text-transform: uppercase;
  font-family: AkzidGroProLigCnd;
  font-size: 25px;
  color: #d1faf0;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 .promocodeChipsTable {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 300px;
  text-align: center;
  margin: 0 auto;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 .promocodeChipsTable > div.braceletDivider {
  display: inline-block;
  width: 13px;
  height: 110px;
  margin-left: 18px;
  background-image: url(assets/images/bracelets/Bracelet_Divider.png);
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 .promocodeChipsTable .bonusDescription {
  font-size: 22px;
  margin-top: 10px;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 .promocodeChipsTable .noChips {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 .promocodeChipsTable .noChips .bonusIcon {
  margin: 0 auto;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 .promocodeChipsTable .noChips .bonusDescription {
  font-size: 30px;
  margin-top: 0px;
  width: auto;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 .promocodeChipsTable .braceletChipWrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 .promocodeChipsTable .braceletChipWrapper .braceletChipsPile {
  margin-top: 20px;
  display: block;
  margin-left: 15px;
  width: 82px;
  height: 73px;
  background-image: url(assets/images/bracelets/Bracelet_Chips_Pile.png);
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 .promocodeChipsTable .braceletChipWrapper .chipRewardAmount {
  font-size: 45px;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 > div:after {
  opacity: 0.5;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 .glowing-separator:before {
  position: absolute;
  display: block;
  content: "";
  left: 50%;
  margin: -15px 0 0 0;
  z-index: 1;
  transform: scale(0.5) translate(-420px, -200px);
  transform-origin: bottom center;
  background-image: url(assets/images/Atlas.png);
  background-position: -2327px -2221px;
  width: 428px;
  height: 146px;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 > .tooltipContainer {
  bottom: 10px;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4.hasChipsAndPromocodes .promocodeChipsTable {
  margin-top: 10px;
  width: 400px;
  justify-content: center;
  align-items: flex-start;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4.hasChipsAndPromocodes .promocodeChipsTable .promocodeRewardCell {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  margin: 0px;
  align-items: center;
  position: relative;
  left: 15px;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4.hasChipsAndPromocodes .promocodeChipsTable .chipRewardCell {
  width: 50%;
  display: flex;
  justify-content: center;
  margin: 0px;
  align-items: center;
  left: 40px;
  position: relative;
  left: 0px;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4.hasChipsAndPromocodes .promocodeChipsTable .braceletChipsPile {
  display: block;
  margin: 0 auto;
  width: 82px;
  height: 73px;
  margin-top: 4px;
  margin-bottom: 12px;
  background-image: url(assets/images/bracelets/Bracelet_Chips_Pile.png);
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4.hasChipsAndPromocodes .promocodeChipsTable .chipRewardAmount {
  font-size: 35px;
  bottom: 3px;
  position: relative;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4.hasChipsAndPromocodes .promocodeChipsTable .bonusDescription {
  font-size: 20px;
  width: 140px;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  right: 30px;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4.hasPromocodes.hasNoChips > button {
  margin: 28px 0 0 0;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4.hasPromocodes.hasNoChips > div:after {
  margin-top: 5px;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4.hasPromocodes.hasNoChips .glowing-separator:before {
  margin: -25px 0 0 0;
}

#braceletFullProgression > .overlay.chip .BraceletOverlay, #braceletFullProgression > .overlay.chip .BraceletOverlayEQ4 {
  background-image: radial-gradient(at center, #062b58 0%, #062b58 40%, transparent 70%), radial-gradient(at center, #062b58 0%, #062b58 40%, transparent 70%), linear-gradient(to bottom, #062b58, #081839, #062b58);
  background-size: 90% 30%, 90% 30%, 100% 100%;
  background-position: center top, center bottom, center center;
  background-repeat: no-repeat;
}

#braceletFullProgression > .overlay.chip .BraceletOverlay > .image, #braceletFullProgression > .overlay.chip .BraceletOverlayEQ4 > .image {
  transform: none;
  top: -51px;
  left: calc(50% - 68px);
}

#braceletFullProgression > .overlay.bracelet .BraceletOverlay, #braceletFullProgression > .overlay.bracelet .BraceletOverlayEQ4 {
  height: 253px !important;
  padding: 100px 0 0 0;
  background-image: radial-gradient(at center, #062b58 0%, #062b58 40%, transparent 70%), radial-gradient(at center, #062b58 0%, #062b58 40%, transparent 70%), linear-gradient(to bottom, #062b58, #081839, #062b58);
  background-size: 90% 30%, 90% 30%, 100% 100%;
  background-position: center top, center bottom, center center;
  background-repeat: no-repeat;
}

#braceletFullProgression > .overlay.bracelet .BraceletOverlay:before, #braceletFullProgression > .overlay.bracelet .BraceletOverlayEQ4:before {
  transform: translate(-53%, -42.5%);
}

#braceletFullProgression > .overlay.bracelet .BraceletOverlay:after, #braceletFullProgression > .overlay.bracelet .BraceletOverlayEQ4:after {
  position: absolute;
  content: "";
  display: block;
  background-image: url(assets/images/Atlas.png);
  background-position: -2832px -247px;
  width: 280px;
  height: 324px;
  top: -54px;
  left: 89px;
  pointer-events: none;
}

#braceletFullProgression > .overlay.bracelet .BraceletOverlay > .image, #braceletFullProgression > .overlay.bracelet .BraceletOverlayEQ4 > .image {
  transform: none;
  top: -56px;
  left: calc(50% - 96px);
}

#braceletFullProgression > .overlay.bracelet .BraceletOverlay > h1 > span, #braceletFullProgression > .overlay.bracelet .BraceletOverlayEQ4 > h1 > span {
  position: absolute;
  display: block;
  top: -32px;
  text-align: center;
  width: 100%;
  left: 0;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  color: white;
  text-shadow: rgba(0, 0, 0, 0.2) 3px 3px 3px;
}

#braceletFullProgression > .overlay.bracelet .BraceletOverlay > p, #braceletFullProgression > .overlay.bracelet .BraceletOverlayEQ4 > p {
  margin: -4px 0 0 0;
}

#braceletFullProgression > .overlay.bracelet .BraceletOverlay > button, #braceletFullProgression > .overlay.bracelet .BraceletOverlayEQ4 > button {
  margin: 32px 0 0 0;
}

#braceletFullProgression .emptyCollectionOverlay {
  position: absolute;
  width: 100%;
  height: 100%;
}

#braceletFullProgression .emptyCollectionOverlay .demoChip {
  position: absolute;
  left: 132px;
  top: 60px;
  opacity: 0.4;
  transform: scale(0.448);
}

#braceletFullProgression .emptyCollectionOverlay .demoChipOverlay {
  border-radius: 50%;
  top: 97px;
  left: 168px;
  box-shadow: 0 0 65px 11px #006CE0, 0 0 35px 4px #006CE0 inset;
  position: absolute;
  width: 60px;
  height: 60px;
  border: 4px solid #fff;
  -webkit-filter: blur(1px);
          filter: blur(1px);
}

#braceletFullProgression .emptyCollectionOverlay .monicaDisplay {
  position: absolute;
  bottom: 0;
  right: 2px;
}

#braceletFullProgression .emptyCollectionOverlay .bubble {
  top: 128px;
  left: 83px;
  position: absolute;
  background-image: url(assets/images/Atlas.png);
  background-position: -579px -2914px;
  width: 422px;
  height: 94px;
}

#braceletFullProgression .emptyCollectionOverlay .bubble .feedback {
  color: black;
  position: absolute;
  top: 10px;
  left: 9px;
  text-align: center;
  width: 403px;
  height: 59px;
  font-family: AkzidGroProCnd;
  font-size: 1.15em;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

#braceletFullProgression .emptyCollectionOverlay .bubble .feedback > div {
  width: 100%;
}

#braceletFullProgression > .hamburgerMenu {
  bottom: 10px;
  left: 10px;
}

.momentumBarContainer {
  line-height: 18px;
  background-color: #757887;
  background-image: linear-gradient(to bottom, #757887 0%, #3E404C 100%);
  box-sizing: border-box;
  border: none;
  border-left: 1px solid rgba(0, 0, 0, 0.65);
  border-right: 1px solid rgba(0, 0, 0, 0.65);
  border-top: 1px solid #8B94B9;
  border-radius: 0px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding-left: 6px;
  padding-right: 4px;
  padding-bottom: 5px;
  width: 314px;
  height: 28px;
  padding-left: 6px;
  padding-right: 5px;
  padding-bottom: 6px;
  padding-top: 2px;
}

.momentumBarContainer.hidden {
  display: block;
  transform: translateY(100%);
}

.momentumBarContainer .momentumBarTitle {
  display: inline-block;
  width: 104px;
  height: 16px;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  text-transform: uppercase;
  vertical-align: top;
  margin-top: 1px;
  background-image: linear-gradient(to bottom, rgba(41, 41, 41, 0.7) 0%, rgba(75, 75, 75, 0.7) 17%, rgba(18, 18, 18, 0.7) 67%, rgba(0, 0, 0, 0.7) 100%);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.25), 0 0 2px 0 rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}

.momentumBarContainer .momentumBarLeftText {
  display: inline-block;
  width: 30px;
  text-align: center;
  font-size: 2rem;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s;
}

.momentumBarContainer .momentumBarRightText {
  display: inline-block;
  width: 30px;
  text-align: center;
  font-size: 2rem;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s;
}

.momentumBarContainer .momentumBarLeftText.visible,
.momentumBarContainer .momentumBarRightText.visible {
  opacity: 1;
}

.momentumBarContainer .momentumBarCenterText {
  position: absolute;
  top: 2px;
  left: 140px;
  width: 135px;
  height: 15px;
  text-align: center;
  font-size: 1.7rem;
}

.momentumBarContainer .momentumBarMeterContainer {
  display: inline-block;
  width: 135px;
  height: 14px;
  text-align: left;
  padding: 0;
  padding-top: 1px;
  margin-top: 1px;
  overflow: hidden;
  border-radius: 18px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3065px -2793px;
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.4) inset, 0 1px 0 0 rgba(255, 255, 255, 0.3);
}

.momentumBarContainer .momentumBarMeterContainer .momentumMeterValueMask {
  position: relative;
  overflow: hidden;
  height: 100%;
}

.momentumBarContainer .momentumBarMeterContainer .momentumMeterValueMask .momentumMeterValue {
  background-image: url(assets/images/Atlas.png);
  background-position: -1065px -2706px;
  width: 134px;
  height: 14px;
}

.momentumBarContainer .momentumBarAnimsContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.momentumBarContainer .momentumBarAnimsContainer .momentumBarAnimationCanvasContainer {
  position: absolute;
  top: -88px;
  left: 95px;
}

.momentumBarContainer .momentumBarAnimsContainer .momentumBarAnimationCanvasContainer canvas {
  position: absolute;
}

.momentumBarContainer.overMax .momentumBarTitle {
  background-image: linear-gradient(to bottom, rgba(33, 35, 60, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.momentumBarContainer.overMax .momentumMeterValueMask .momentumMeterValue {
  background-image: url(assets/images/Atlas.png);
  background-position: -2084px -1924px;
  width: 134px;
  height: 14px;
}

#headerProfile {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  top: 0;
  /* 3 because the strip needs to be behind and has z-index: 1 */
  z-index: 3;
  margin-bottom: 30px;
  background-image: linear-gradient(#8782ad, #575471 1%, #111116 16%, #575471 66%, #575471 95%, #8782ad 95%);
  height: 40px;
  border-radius: 0 0 10px 10px;
  box-shadow: inset 0 0 4px 0px #000, 0 19px 30px 3px #000;
}

#headerProfile .header-left-tab {
  display: flex;
  align-items: center;
  width: 36%;
  z-index: 1;
}

#headerProfile .header-left-tab.sq-color-mask {
  border-radius: 0px 13px 0px 14px;
  position: relative;
  height: 41px;
  left: -1px;
}

#headerProfile .header-left-tab.bg-jack {
  background: linear-gradient(to left, #0b562f 1%, #2cc986 8.2%, #1e9f5e 70%, #0b562f 100%);
}

#headerProfile .header-left-tab.bg-queen {
  background: linear-gradient(to left, #53398800 1%, #5f419c5c 8.2%, #5e37ae6b 70%, #3b158a7d 100%);
}

#headerProfile .header-left-tab.bg-king {
  background: linear-gradient(to left, #a5290f4f 1%, #be390e61 8.2%, #8e38129c 70%, #c55d1582 100%);
}

#headerProfile .header-left-tab.bg-ace {
  background: linear-gradient(to left, #d321415c 1%, #ab172d75 8.2%, #8b1225bf 70%, #640d16d9 100%);
}

#headerProfile .header-left-tab.bg-master {
  background: linear-gradient(to left, #c58f2f54 1%, #d3a9397a 8.2%, #e9d252f7 70%, #ac5d18b8 100%);
}

#headerProfile .header-left-tab.bg-grand-master {
  background: linear-gradient(to left, #35779e30 1%, #417392ad 8.2%, #3e87b394 70%, #175275bf 100%);
}

#headerProfile .header-center-tab {
  display: flex;
  position: absolute;
  top: 0;
  left: 50%;
  align-items: center;
  justify-content: center;
  width: 216px;
  height: 49px;
  transform: translateX(-50%);
  border-radius: 0 0 5px 5px;
  background-image: linear-gradient(#292e45 4.5%, #1a1821 54.5%, #111118 77.2%, #14161e 77.2%, #272c42 86.3%, #282d42 90.9%, #1c1f2c 97.7%);
  box-shadow: inset 1px -1px 1px 0px #434664, 0px 5px 15px 2px #000;
  content: '';
}

#headerProfile .header-center-tab::before {
  position: absolute;
  top: 0;
  left: -9px;
  width: 10px;
  height: 10px;
  background-image: radial-gradient(circle at 0 100%, rgba(0, 0, 0, 0) 5px, rgba(0, 0, 0, 0.3) 8px, #292e45 10px);
  content: '';
}

#headerProfile .header-center-tab::after {
  position: absolute;
  top: 0;
  right: -9px;
  width: 10px;
  height: 10px;
  background-image: radial-gradient(circle at 100% 100%, rgba(0, 0, 0, 0) 5px, rgba(0, 0, 0, 0.3) 8px, #292e45 10px);
  content: '';
}

#headerProfile .header-center-tab .punchIt-ribbon {
  z-index: 1;
  position: absolute;
  top: 2px;
  pointer-events: none;
  transform: scale(0.45);
}

#headerProfile .header-right-tab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 36%;
}

#headerProfile .trs-icon.trs-button {
  position: absolute;
  top: 7px;
  right: 35px;
  left: unset;
  width: 40px;
  height: 27px;
}

#headerProfile .profile-avatar {
  display: inline-block;
  position: relative;
  width: 46px;
  height: 46px;
  margin: 0 10px;
}

#headerProfile .get-chips-btn {
  width: 188px;
  text-transform: uppercase;
}

#headerProfile .get-chips-btn .actionBtn, #headerProfile .get-chips-btn .btn-green {
  box-sizing: border-box;
  height: 40px;
  line-height: 3.5rem;
  font-family: AkzidGroProXBolCnd;
  font-size: 2.7rem;
  padding: 0;
}

#headerProfile .get-chips-btn .actionBtn .actionBtnContent, #headerProfile .get-chips-btn .btn-green .actionBtnContent {
  pointer-events: none;
}

#headerProfile .get-chips-btn.skewRight {
  width: 110px;
  padding: 0 0 0 7px;
  margin-right: -11px;
}

#headerProfile .get-chips-btn.skewRight .actionBtn, #headerProfile .get-chips-btn.skewRight .btn-green {
  font-family: AkzidGroProBolCnd;
  font-size: 2.2rem;
}

#headerProfile .special-btn {
  width: 100px;
  text-transform: uppercase;
}

#headerProfile .special-btn.skewLeft {
  margin-left: -11px;
}

#headerProfile .special-btn .actionBtn, #headerProfile .special-btn .btn-green {
  box-sizing: border-box;
  height: 40px;
  line-height: 3.5rem;
  font-family: AkzidGroProCnd;
  font-size: 2.2rem;
  padding: 0 7px 0 0;
}

#headerProfile .sq-headerProfile {
  display: inline-block;
  position: relative;
  width: 46px;
  height: 46px;
  margin: 0 10px;
}

#headerProfile .sq-headerProfile .crest-my-club {
  position: relative;
  bottom: 61px;
  right: 41px;
  transform: rotate(-4deg) scale(0.5);
}

#headerProfile .sq-headerProfile .clubs-progress-container {
  position: absolute;
  top: -22px;
  left: 58px;
  transform: scale(1);
}

#headerProfile .sq-headerProfile .clubs-progress-container .eligible-tickets {
  transform: translate(101px, 20px);
}

#headerProfile .sq-headerProfile .clubs-progress-container .clubs-profile-rank-container {
  transform: scale(0.6);
}

#headerProfile .sq-headerProfile .clubs-progress-container .clubs-profile-rank-container .clubs-rank-info {
  transform: scale(0.7);
  z-index: 50;
}

#headerProfile .sq-headerProfile .clubs-progress-container .clubs-profile-rank-container .clubs-progress-info {
  transform: scale(1.2, 1.1);
  top: 27%;
  left: 73px;
  z-index: 30;
}

#headerProfile .sq-headerProfile .sq-club-counter {
  width: 121px;
  height: 25px;
  position: absolute;
  top: 38px;
  left: 120px;
  display: flex;
  justify-content: center;
}

#headerProfile .sq-headerProfile .sq-club-counter .clubs-timer-container .clubs-timer {
  font-size: 18px;
}

#headerProfile .sq-headerProfile .sq-club-counter .clubs-timer-container .clubs-timer .icon-timer-clubs {
  transform: scale(0.7);
}

#hproPict {
  width: 35px;
  height: 35px;
  border-radius: 45px;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-position: center;
}

#headerProfile .hproPic {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url(assets/images/Atlas.png);
  background-position: -706px -3337px;
  width: 46px;
  height: 46px;
}

#headerProfile .hproPic .headerProfileHighlight {
  position: absolute;
  top: -3px;
  left: -3px;
}

#headerProfile .BankrollBar {
  margin-top: 0;
  margin-left: 3px;
}

#headerProfile .hproBracetletsBar .bpBarContainer {
  width: 150px;
  height: 25px;
  line-height: 25px;
  border-radius: 16.5px;
  padding: 4px;
}

#headerProfile .hproBracetletsBar .bpBarContainer .bpBarMeterContainer {
  border-radius: 16.5px;
}

#headerProfile .hproBracetletsBar .bpBarContainer .bpMeterValue {
  width: 150px;
  border-radius: 12.5px;
}

#headerProfile .hproBracetletsBar .bpBarContainer.interactive {
  cursor: pointer;
}

#headerProfile .hproBracetletsBar .bpBarContainer.interactive:hover {
  box-shadow: 0 0 10px 0 #4076ff;
}

#headerProfile .hproBracetletsBar .bpBarContainer.interactive:hover .bpBarChipContainer {
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.5) inset, 0 1px 2px 0px rgba(255, 255, 255, 0.5), 3px 0 10px -1px #4076ff;
}

#headerProfile .hproBracetletsBar .bpBarContainer.interactive:active {
  box-shadow: 0 0 10px 2px #4076ff;
}

#headerProfile .hproBracetletsBar .bpBarContainer.interactive:active .bpBarChipContainer {
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.5) inset, 0 1px 2px 0px rgba(255, 255, 255, 0.5), 3px 0 10px 0px #4076ff;
}

#headerProfile .hproBracetletsBar .bpBarContainer.withChip {
  padding-right: 22.5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#headerProfile .hproBracetletsBar .bpBarContainer .bpBarChipContainer {
  width: 37px;
  height: 37px;
  top: -4px;
  right: -18.5px;
  border-radius: 50%;
}

#headerProfile .hproBracetletsBar .bpBarContainer .bpBarChipContainer .bpBarNextChip {
  top: 6px;
  left: 6px;
}

#headerProfile .hproBracetletsBar .bpBarContainer {
  font-family: AkzidGroProCnd;
  font-size: 2rem;
}

#headerProfile .hproBracetletsBar .bpBarContainer .bpBarLeftAlignedText,
#headerProfile .hproBracetletsBar .bpBarContainer .bpBarRightAlignedText {
  line-height: 1.1em;
  letter-spacing: 0.06em;
}

#headerProfile .hproBracetletsBar .bpBarContainer .bpBarChipContainer {
  top: -3px;
}

#headerProfile .hproBracetletsBar .bpBarContainer .bpBarChipContainer .bpBarNextChip {
  top: 3px;
  left: 2px;
}

/*** Special Offer ***/
.hProSpecialOffer {
  position: absolute;
  top: 35px;
  left: 25px;
  z-index: 0;
  transition: opacity 1s;
  opacity: 1;
}

.hProSpecialOffer.unavailable {
  opacity: 0;
  pointer-events: none;
}

.hProSpecialOffer:before {
  content: '';
  background-image: url(assets/images/Atlas.png);
  background-position: -2646px -2658px;
  width: 169px;
  height: 27px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.hProSpecialOffer .hProSpecialOfferClickableZone {
  display: block;
  width: 169px;
  height: 27px;
  top: 0;
  left: 0;
  position: absolute;
  cursor: pointer;
  z-index: 3;
}

.hProSpecialOffer .soText1,
.hProSpecialOffer .soText2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  visibility: visible;
  background-image: url(assets/images/Atlas.png);
  background-position: -1168px -2870px;
  width: 169px;
  height: 27px;
}

.hProSpecialOffer .soText2 {
  background-position: -1339px -2870px;
}

.hProSpecialOffer .soText1.blink {
  animation: 500ms blink-animation infinite;
}

.hProSpecialOffer .soText2.blink {
  animation: 500ms blink-animation infinite;
  animation-delay: 250ms;
}

@keyframes blink-animation {
  0% {
    visibility: visible;
  }
  49% {
    visibility: visible;
  }
  50% {
    visibility: hidden;
  }
  100% {
    visibility: hidden;
  }
}

.hproOptions {
  position: absolute;
  right: 8px;
  top: 6px;
  z-index: 2;
}

.genericPopup.lobbyFtueWelcomePopup,
.genericPopup.lobbyFtuePlayNowPopup {
  background-repeat: no-repeat;
  overflow: visible;
  height: 400px;
  background-image: url(assets/images/ftue/Monica02.png);
  background-position: right bottom;
}

.genericPopup.lobbyFtueWelcomePopup:before, .genericPopup.lobbyFtueWelcomePopup:after,
.genericPopup.lobbyFtuePlayNowPopup:before,
.genericPopup.lobbyFtuePlayNowPopup:after {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
}

.genericPopup.lobbyFtueWelcomePopup:before,
.genericPopup.lobbyFtuePlayNowPopup:before {
  bottom: 0;
  height: 145px;
  background-image: url(assets/images/ftue/Glow.png);
}

.genericPopup.lobbyFtueWelcomePopup:after,
.genericPopup.lobbyFtuePlayNowPopup:after {
  bottom: -7px;
  height: 15px;
  background-image: url(assets/images/ftue/Delimiter.png);
}

.genericPopup.lobbyFtueWelcomePopup .actionBtn, .genericPopup.lobbyFtueWelcomePopup .btn-green,
.genericPopup.lobbyFtuePlayNowPopup .actionBtn,
.genericPopup.lobbyFtuePlayNowPopup .btn-green {
  display: inline-block;
  margin-top: 16px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
  font-size: 2.4rem;
}

.lobbyFtueWelcomePopup .lobbyFtueWelcomeBubble {
  position: absolute;
  top: 90px;
  right: 270px;
  width: 280px;
}

.lobbyFtueWelcomePopup .lobbyFtueWelcomeBubble .actionBtn, .lobbyFtueWelcomePopup .lobbyFtueWelcomeBubble .btn-green {
  padding-left: 60px;
  padding-right: 60px;
}

.lobbyFtueWelcomePopup .lobbyFtueWelcomeNameForm .nameInput {
  border: none;
  background-color: transparent;
  background-image: url(assets/images/Atlas.png);
  background-position: -287px -3156px;
  width: 199px;
  height: 40px;
  height: 38px;
  width: 181px;
  color: #FFFFFF;
  padding-left: 10px;
  padding-right: 5px;
  font-family: AkzidGroProCnd;
  font-size: 2.5rem;
}

.lobbyFtueWelcomePopup .lobbyFtueWelcomeNameForm .nameInput::-moz-selection {
  background: #0848ff;
}

.lobbyFtueWelcomePopup .lobbyFtueWelcomeNameForm .nameInput::selection {
  background: #0848ff;
}

.lobbyFtueWelcomePopup .lobbyFtueWelcomeNameForm .lobbyFtueWelcomeNameFormInfo {
  font-size: 0.8em;
  line-height: 32px;
}

.lobbyFtueWelcomePopup .lobbyFtueWelcomeNameForm input[type=submit] {
  position: absolute;
  transform: translate(3000px);
}

.lobbyFtuePlayNowPopup .lobbyFtuePlayNowBubble {
  position: absolute;
  top: 90px;
  right: 270px;
  width: 300px;
  padding: 25px 10px 10px;
}

.lobbyFtuePlayNowPopup .lobbyFtuePlayNowBubble .ftuePlayNowButtons {
  display: flex;
  justify-content: space-between;
}

.lobbyFtuePlayNowPopup .lobbyFtuePlayNowBubble .ftuePlayNowButtons .actionBtn, .lobbyFtuePlayNowPopup .lobbyFtuePlayNowBubble .ftuePlayNowButtons .btn-green {
  box-sizing: border-box;
  width: 47%;
  padding-left: 0;
  padding-right: 0;
}

.lobbyFtueHands {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}

.lobbyFtueHands canvas {
  position: absolute;
  display: block;
  background-color: rgba(0, 0, 0, 0);
  width: 150px;
  height: 150px;
}

.lobbyFtueHands canvas.texasButtonHand {
  top: 210px;
  left: 0;
}

.lobbyFtueHands canvas.playNowButtonHand {
  top: 145px;
  left: 80px;
}

.lobbyFtueHands canvas.braceletHand {
  top: 65px;
  left: 80px;
}

.lobbyFtueHands.clubsEnabled .texasButtonHand {
  top: 148px;
  left: -16px;
}

.lobbyFtueHands.clubsEnabled .playNowButtonHand {
  top: 216px;
  left: 65px;
}

.lobbyFtueHands.clubsEnabled .braceletHand {
  top: 65px;
  left: 80px;
}

/*
 * Social Buttons for Bootstrap
 *
 * Copyright 2013-2015 Panayiotis Lipiridis
 * Licensed under the MIT License
 *
 * https://github.com/lipis/bootstrap-social
 */
.btn-social {
  display: block;
  padding: 10px 12px 10px 78px;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  white-space: nowrap;
  vertical-align: middle;
  /* TODO with display: block vertical-align shouldn't be used */
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
}

.btn-social > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 65px;
  line-height: 54px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  margin: .2em;
}

.btn-social.btn-sm {
  padding-left: 38px;
}

.btn-social.btn-sm > :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}

.btn-social.btn-xs {
  padding-left: 30px;
}

.btn-social.btn-xs > :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}

.btn-social-icon {
  position: relative;
  padding-left: 44px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 34px;
  width: 34px;
  padding: 0;
}

.btn-social-icon > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.btn-social-icon.btn-lg {
  padding-left: 61px;
}

.btn-social-icon.btn-lg > :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}

.btn-social-icon.btn-sm {
  padding-left: 38px;
}

.btn-social-icon.btn-sm > :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}

.btn-social-icon.btn-xs {
  padding-left: 30px;
}

.btn-social-icon.btn-xs > :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}

.btn-social-icon > :first-child {
  border: none;
  text-align: center;
  width: 100% !important;
}

.btn-social-icon.btn-lg {
  height: 45px;
  width: 45px;
  padding-left: 0;
  padding-right: 0;
}

.btn-social-icon.btn-sm {
  height: 30px;
  width: 30px;
  padding-left: 0;
  padding-right: 0;
}

.btn-social-icon.btn-xs {
  height: 22px;
  width: 22px;
  padding-left: 0;
  padding-right: 0;
}

.btn-facebook {
  color: #fff;
  background-color: #3b5998;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:focus, .btn-facebook.focus {
  color: #fff;
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:hover {
  color: #fff;
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook {
  color: #fff;
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:active:hover, .btn-facebook.active:hover, .open > .dropdown-toggle.btn-facebook:hover, .btn-facebook:active:focus, .btn-facebook.active:focus, .open > .dropdown-toggle.btn-facebook:focus, .btn-facebook:active.focus, .btn-facebook.active.focus, .open > .dropdown-toggle.btn-facebook.focus {
  color: #fff;
  background-color: #23345a;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook {
  background-image: none;
}

.btn-facebook.disabled, .btn-facebook[disabled], fieldset[disabled] .btn-facebook, .btn-facebook.disabled:hover, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook:hover, .btn-facebook.disabled:focus, .btn-facebook[disabled]:focus, fieldset[disabled] .btn-facebook:focus, .btn-facebook.disabled.focus, .btn-facebook[disabled].focus, fieldset[disabled] .btn-facebook.focus, .btn-facebook.disabled:active, .btn-facebook[disabled]:active, fieldset[disabled] .btn-facebook:active, .btn-facebook.disabled.active, .btn-facebook[disabled].active, fieldset[disabled] .btn-facebook.active {
  background-color: #3b5998;
  border-color: rgba(0, 0, 0, 0.2);
  opacity: 0.75;
}

.btn-facebook .badge {
  color: #3b5998;
  background-color: #fff;
}

.btn-google {
  color: #fff;
  background-color: #dd4b39;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-google:focus, .btn-google.focus {
  color: #fff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-google:hover {
  color: #fff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-google:active, .btn-google.active, .open > .dropdown-toggle.btn-google {
  color: #fff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-google:active:hover, .btn-google.active:hover, .open > .dropdown-toggle.btn-google:hover, .btn-google:active:focus, .btn-google.active:focus, .open > .dropdown-toggle.btn-google:focus, .btn-google:active.focus, .btn-google.active.focus, .open > .dropdown-toggle.btn-google.focus {
  color: #fff;
  background-color: #a32b1c;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-google:active, .btn-google.active, .open > .dropdown-toggle.btn-google {
  background-image: none;
}

.btn-google.disabled, .btn-google[disabled], fieldset[disabled] .btn-google, .btn-google.disabled:hover, .btn-google[disabled]:hover, fieldset[disabled] .btn-google:hover, .btn-google.disabled:focus, .btn-google[disabled]:focus, fieldset[disabled] .btn-google:focus, .btn-google.disabled.focus, .btn-google[disabled].focus, fieldset[disabled] .btn-google.focus, .btn-google.disabled:active, .btn-google[disabled]:active, fieldset[disabled] .btn-google:active, .btn-google.disabled.active, .btn-google[disabled].active, fieldset[disabled] .btn-google.active {
  background-color: #dd4b39;
  border-color: rgba(0, 0, 0, 0.2);
  opacity: 0.75;
}

.btn-google .badge {
  color: #dd4b39;
  background-color: #fff;
}

.btn-one-connect {
  color: #fff;
  background-color: #9E000F;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-one-connect:focus, .btn-one-connect.focus, .btn-one-connect:hover, .btn-one-connect:active, .btn-one-connect.active {
  color: #fff;
  background-color: #6b000a;
  border-color: rgba(0, 0, 0, 0.2);
}

.open > .dropdown-toggle.btn-one-connect {
  color: #fff;
  background-color: #6b000a;
  border-color: rgba(0, 0, 0, 0.2);
}

.open > .dropdown-toggle.btn-one-connect:hover, .open > .dropdown-toggle.btn-one-connect:focus, .open > .dropdown-toggle.btn-one-connect.focus {
  color: #fff;
  background-color: #380005;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-one-connect:active:hover, .btn-one-connect.active:hover, .btn-one-connect:active:focus, .btn-one-connect.active:focus, .btn-one-connect:active.focus, .btn-one-connect.active.focus {
  color: #fff;
  background-color: #380005;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-one-connect:active,
.btn-one-connect.active,
.open > .dropdown-toggle.btn-one-connect {
  background-image: none;
}

.btn-one-connect.disabled,
.btn-one-connect[disabled],
fieldset[disabled] .btn-one-connect,
.btn-one-connect.disabled:hover,
.btn-one-connect[disabled]:hover,
fieldset[disabled] .btn-one-connect:hover,
.btn-one-connect.disabled:focus,
.btn-one-connect[disabled]:focus,
fieldset[disabled] .btn-one-connect:focus,
.btn-one-connect.disabled.focus,
.btn-one-connect[disabled].focus,
fieldset[disabled] .btn-one-connect.focus,
.btn-one-connect.disabled:active,
.btn-one-connect[disabled]:active,
fieldset[disabled] .btn-one-connect:active,
.btn-one-connect.disabled.active,
.btn-one-connect[disabled].active,
fieldset[disabled] .btn-one-connect.active {
  background-color: #9E000F;
  border-color: rgba(0, 0, 0, 0.2);
  opacity: 0.75;
}

.btn-one-connect .badge {
  color: #9E000F;
  background-color: #fff;
}

/********
 *** -> See the file pie_chart_timer.scss for the generic styles
 *** This file give a mixin allowing to customize the PCT
 *******/
#loadingScreen {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  overflow: hidden;
}

#loadingScreen:after {
  content: '';
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  transition: opacity 600ms ease-out 1000ms;
}

#loadingScreen:before {
  content: '';
  background: #000 url(assets/images/loading/old/LoadingBg.jpg) 50% 0 no-repeat;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
  transition: opacity 600ms ease-out 250ms;
}

#loadingScreen.completed:after {
  opacity: 0;
}

#loadingScreen.completed:before {
  opacity: 0;
}

#loadingScreen.completed #loadingArea {
  opacity: 0;
}

#loadingScreen #loadingArea {
  position: relative;
  width: 540px;
  height: 200px;
  overflow: hidden;
  margin: 515px auto 0;
  z-index: 1;
  transition: opacity 250ms ease-out 0ms;
}

#loadingScreen #loadingArea .pctTimer {
  font-size: 60px;
}

#loadingScreen #loadingArea .pctTrack,
#loadingScreen #loadingArea .pctPie .pctSlice {
  border: 5px solid #0b1a3a;
  width: 50px;
  height: 50px;
}

#loadingScreen #loadingArea .pctPie .pctSlice {
  background: transparent;
  border-color: #368fff;
}

#loadingScreen #loadingArea .pctTrack {
  opacity: 0.64;
  box-shadow: inset 0 0 5px 1px #0b1a3a, 0 0 5px 1px #0b1a3a;
}

#loadingScreen #loadingArea .pctTimer {
  top: 5px;
  margin: auto 0 0 240px;
}

#loadingScreen #loadingArea .tips {
  text-align: center;
  margin-top: 55px;
  color: #fff;
  opacity: 0.64;
}

header.headContainer {
  height: 60px;
  line-height: 60px;
  width: 760px;
  margin: auto;
  padding-top: 1px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.headFan {
  display: block;
  position: absolute;
  right: 0;
  top: -5px;
  cursor: pointer;
  background-image: url(assets/images/Atlas.png);
  background-position: -3500px -1064px;
  width: 103px;
  height: 71px;
}

.headIcon {
  background-image: url(assets/images/Atlas.png);
  background-position: -2215px -1356px;
  width: 49px;
  height: 49px;
  float: left;
  margin-top: 3px;
}

.header_standAloneLinks {
  position: absolute;
  right: 0;
  top: 5px;
  line-height: 1em;
  padding-top: 16px;
}

.header_standAloneLinks .header_linkText, .header_standAloneLinks .header_linkSpacer {
  color: white;
}

.header_standAloneLinks .header_linkText {
  font-family: AkzidGroProLigCnd;
  font-size: 21px;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
}

.header_standAloneLinks .header_linkText:hover {
  text-decoration: underline;
}

.header_standAloneLinks .header_linkSpacer {
  font-family: AkzidGroProLigCnd;
  font-size: 25px;
}

.headTitle {
  font-size: 3.5rem;
  font-weight: bold;
  padding-left: 10px;
  float: left;
}

.header-strips {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.header-strips:not(.missions-strip-container) .header-strips__current {
  left: 50%;
  z-index: 10;
  position: absolute;
  transition: transform 1s;
  transform: translate(-50%, -100%);
}

.header-strips:not(.missions-strip-container) .header-strips__current.visible {
  transform: translate(-50%, 0);
}

.header-strips .purchase-strip {
  background-image: url(assets/images/Atlas.png);
  background-position: -327px -2416px;
  width: 637px;
  height: 157px;
  font-family: AkzidGroProLigCnd;
  font-size: 1.8rem;
  color: #fff;
  z-index: 10;
}

.header-strips .purchase-strip:before {
  content: '';
  position: absolute;
  top: 0;
  left: 38px;
  background-image: url(assets/images/Atlas.png);
  background-position: -579px -3010px;
  width: 265px;
  height: 129px;
}

.header-strips .purchase-strip.purchase-banner-EQ4 {
  background-image: url(assets/images/Atlas.png);
  background-position: -2134px -1972px;
  width: 637px;
  height: 157px;
}

.header-strips .purchase-strip.purchase-banner-EQ4:before {
  content: '';
  position: absolute;
  top: 1px;
  left: 34px;
  width: 230px;
  height: 129px;
}

.header-strips .purchase-strip .purchase-strip__title {
  color: #66ccfb;
  text-align: center;
  font-size: 2.5rem;
}

.header-strips .purchase-strip.purchase-banner-title-EQ4 {
  font-size: 31.35px;
}

.header-strips .purchase-strip .purchase-strip__amount {
  font-family: AkzidGroProCnd;
  font-size: 4rem;
  text-align: center;
}

.header-strips .purchase-strip .purchase-rewards-wrapper-EQ4 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  width: 355px;
  flex-wrap: wrap;
  position: relative;
  font-family: 'AkzidGroProLigCnd', arial, sans-serif;
  font-size: 18px;
  left: 22%;
  bottom: 7px;
  text-indent: 7px;
}

.header-strips .purchase-strip .purchase-strip__amount-EQ4 {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  text-shadow: 0px 0px 7px #0078ff, 0px 0px 7px #0a4ae0, 0px 0px 7px #0078ff;
  font-family: 'AkzidGroProBolCnd', arial, sans-serif;
  font-size: 46.21px;
  bottom: 7px;
  font-weight: bold;
}

.header-strips .purchase-strip .purchase-strip__status-pts,
.header-strips .purchase-strip .purchase-strip__reward-creds,
.header-strips .purchase-strip .purchase-strip__reward-login {
  position: absolute;
  bottom: 50px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 1.5rem;
}

.header-strips .purchase-strip .trConnected .purchase-strip__status-pts {
  display: block;
}

.header-strips .purchase-strip .purchase-strip__reward-creds {
  bottom: 32px;
}

.header-strips .purchase-strip .purchase-strip__reward-login {
  bottom: 32px;
  color: #66ccfb;
  font-family: AkzidGroProLigCnd;
  cursor: pointer;
}

.header-strips .purchase-strip .purchase-strip__reward-login span {
  color: #cbccff;
  text-decoration: underline;
}

.header-strips .purchase-strip .purchase-strip__reward-login sup {
  color: #cbccff;
}

.header-strips .challenges-strip {
  background-image: url(assets/images/Atlas.png);
  background-position: -327px -2416px;
  width: 637px;
  height: 157px;
  z-index: 4;
}

.header-strips .challenges-strip:before {
  content: '';
  position: absolute;
  background-image: url(assets/images/Atlas.png);
  background-position: -1999px -2793px;
  width: 326px;
  height: 65px;
  left: 50%;
  transform: translateX(-50%);
}

.header-strips .challenges-strip.completed:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -2608px -2732px;
  width: 422px;
  height: 50px;
}

.header-strips .challenges-strip .challenge-details {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  font-size: 2.4rem;
  text-align: center;
  align-items: center;
  justify-content: center;
  top: -15px;
}

.header-strips .challenges-strip .feedback {
  font-family: AkzidGroProLigCnd, sans-serif;
  text-align: center;
  padding-right: 84px;
}

.header-strips .challenges-strip .check-mark {
  background-image: url(assets/images/Atlas.png);
  background-position: -3500px -1137px;
  width: 84px;
  height: 87px;
  position: absolute;
  right: 114px;
  top: 46px;
  transform: scale(0.5);
  animation: checkMarkPop .5s forwards;
}

.header-strips .challenges-strip .challengeIcon {
  transform: scale(0.495) translate(30px, 0px);
  position: relative;
  padding-left: 5px;
  top: 0;
}

.header-strips .challenges-strip .progressiveBox {
  width: 270px;
  bottom: 50px;
  left: 0;
  right: 0;
  margin: auto;
}

.header-strips .challenges-strip .progressiveBox .progressiveBoxBar {
  transition: width 1s;
}

.header-strips .challenges-strip .progressiveBox .progressiveBoxText {
  font-size: 20px;
  line-height: 1;
}

.header-strips .sweepstakes-strip > div {
  display: flex;
  justify-content: center;
}

.header-strips .sweepstakes-strip .sweepstakes-strip__main-text {
  align-items: flex-end;
  font-size: 28px;
  padding-top: 13px;
  display: flex;
  align-items: baseline;
  text-shadow: 0px 0px 5px rgba(0, 120, 255, 0.5), 0px 0px 5px rgba(0, 120, 255, 0.5), 0px 0px 5px rgba(0, 120, 255, 0.5), 0px 0px 5px rgba(0, 120, 255, 0.5), 0px 0px 5px rgba(0, 120, 255, 0.5), 0px 0px 5px rgba(0, 120, 255, 0.5);
}

.header-strips .sweepstakes-strip .sweepstakes-strip__main-text.Munich1Event2021, .header-strips .sweepstakes-strip .sweepstakes-strip__main-text.Munich2Event2021, .header-strips .sweepstakes-strip .sweepstakes-strip__main-text.Munich3Event2021, .header-strips .sweepstakes-strip .sweepstakes-strip__main-text.Munich4Event2021, .header-strips .sweepstakes-strip .sweepstakes-strip__main-text.Munich5Event2021, .header-strips .sweepstakes-strip .sweepstakes-strip__main-text.ValentinesEvent2022, .header-strips .sweepstakes-strip .sweepstakes-strip__main-text.RoyalDynastyEvent2022, .header-strips .sweepstakes-strip .sweepstakes-strip__main-text.LuckyVegasEvent2022, .header-strips .sweepstakes-strip .sweepstakes-strip__main-text.StPatrickEvent2022, .header-strips .sweepstakes-strip .sweepstakes-strip__main-text.CaribbeanFiestaEvent2022, .header-strips .sweepstakes-strip .sweepstakes-strip__main-text.EasterEvent2022, .header-strips .sweepstakes-strip .sweepstakes-strip__main-text.RockEvent2022, .header-strips .sweepstakes-strip .sweepstakes-strip__main-text.GloryEvent2022, .header-strips .sweepstakes-strip .sweepstakes-strip__main-text.RaveEvent2022, .header-strips .sweepstakes-strip .sweepstakes-strip__main-text.RaceEvent2022, .header-strips .sweepstakes-strip .sweepstakes-strip__main-text.MainEvent2022 {
  padding-top: 32px;
  padding-left: 20px;
  padding-right: 20px;
  color: #e4f1f9;
  text-shadow: 2px 2px 5px #2c6a9899, 2px 2px 5px #5bc9d299;
  display: block;
  text-align: center;
  width: 515px;
  align-items: center;
  margin: auto;
  font-size: 27px;
}

.header-strips .sweepstakes-strip .sweepstakes-strip__main-text.Munich1Event2021, .header-strips .sweepstakes-strip .sweepstakes-strip__main-text.Munich2Event2021, .header-strips .sweepstakes-strip .sweepstakes-strip__main-text.Munich3Event2021, .header-strips .sweepstakes-strip .sweepstakes-strip__main-text.Munich4Event2021, .header-strips .sweepstakes-strip .sweepstakes-strip__main-text.Munich5Event2021 {
  color: #FFFFFF;
  text-shadow: 0px 0px 5px rgba(6, 78, 19, 0.6), 0px 0px 5px rgba(0, 255, 90, 0.5), 0px 0px 5px rgba(2, 119, 3, 0.5), 0px 0px 5px rgba(0, 255, 9, 0.5), 0px 0px 5px rgba(0, 255, 131, 0.5), 0px 0px 5px rgba(0, 255, 98, 0.5);
}

.header-strips .sweepstakes-strip .sweepstakes-strip__main-text.ValentinesEvent2022 {
  padding-top: 23px;
  color: #f9e4e4;
  text-shadow: 2px 2px 6px #e53f3f, 2px 2px 6px #df3c3cf0, 2px 2px 6px #cb3c3cfa, 2px 2px 6px #df2f2ff0;
}

.header-strips .sweepstakes-strip .sweepstakes-strip__main-text.RoyalDynastyEvent2022 {
  padding-top: 27px;
  color: #f9e4e4;
  text-shadow: 2px 2px 6px #e53f3f, 2px 2px 6px #df3c3cf0, 2px 2px 6px #cb3c3cfa, 2px 2px 6px #df2f2ff0;
}

.header-strips .sweepstakes-strip .sweepstakes-strip__main-text.LuckyVegasEvent2022 {
  text-shadow: 2px 2px 9px #1c5ef1, -2px -2px 9px #1c5ef1, 2px -2px 9px #1c5ef1, -2px 2px 9px #1c5ef1;
}

.header-strips .sweepstakes-strip .sweepstakes-strip__main-text.StPatrickEvent2022 {
  padding-top: 27px;
  color: #f9e4e4;
  text-shadow: 2px 2px 2px #0a4050, 2px 2px 2px #0a4050, 2px 2px 2px #0a4050, 2px 2px 2px #0a4050;
}

.header-strips .sweepstakes-strip .sweepstakes-strip__main-text.CaribbeanFiestaEvent2022 {
  padding-top: 27px;
  color: #faf4fd;
  text-shadow: 3px 3px 6px #6a23ad, -3px -3px 6px #9347db, 3px 3px 6px #6a23ad, -3px -3px 6px #6a23ad;
}

.header-strips .sweepstakes-strip .sweepstakes-strip__main-text.EasterEvent2022 {
  padding-top: 27px;
  color: #f4fdf7;
  text-shadow: -1px -1px 4px #1b3614, 1px 1px 4px #1b3614, -1px -1px 4px #1b3614, 1px 1px 4px #1b3614;
}

.header-strips .sweepstakes-strip .sweepstakes-strip__main-text.RockEvent2022 {
  padding-top: 27px;
  color: #f4fdf7;
  text-shadow: -1px -1px 4px #4e68be, 1px 1px 4px #4e68be, -1px -1px 4px #445dad, 1px 1px 4px #445dad;
}

.header-strips .sweepstakes-strip .sweepstakes-strip__main-text.GloryEvent2022 {
  padding-top: 27px;
  color: #fffcf7;
  text-shadow: -1px -1px 4px #120c05, 1px 1px 4px #120c05, -1px -1px 4px #120c05, 1px 1px 4px #120c05;
}

.header-strips .sweepstakes-strip .sweepstakes-strip__main-text.RaveEvent2022 {
  padding-top: 27px;
  color: #fffcf7;
  text-shadow: -1px -1px 1px #891691, 1px 1px 1px #891691, -1px -1px 1px #891691, 1px 1px 1px #891691;
}

.header-strips .sweepstakes-strip .sweepstakes-strip__main-text.RaceEvent2022 {
  padding-top: 27px;
  color: #fffcf7;
  text-shadow: -1px -1px 2px #0b010c, 1px 1px 2px #000000, -1px -1px 2px #040004, 1px 1px 2px #000000;
}

.header-strips .sweepstakes-strip .sweepstakes-strip__main-text.MainEvent2022 {
  padding-top: 27px;
  color: #fffcf7;
  text-shadow: -1px -1px 3px #a12a32, 1px 1px 3px #a12a32, -1px -1px 3px #a12a32, 1px 1px 3px #a12a32;
}

.header-strips .sweepstakes-strip .sweepstakes-strip__amount {
  font-size: 1.3em;
  padding: 0 6px;
  text-transform: uppercase;
}

.header-strips .sweepstakes-strip .sweepstakes-strip__tickets {
  margin-left: 10px;
}

.header-strips .sweepstakes-strip .sweepstakes-strip__daily-draw {
  font-family: AkzidGroProLigCnd;
  align-items: center;
  font-size: 30px;
  padding-top: 5px;
}

.header-strips .sweepstakes-strip .sweepstakes-strip__daily-draw.Munich1Event2021, .header-strips .sweepstakes-strip .sweepstakes-strip__daily-draw.Munich2Event2021, .header-strips .sweepstakes-strip .sweepstakes-strip__daily-draw.Munich3Event2021, .header-strips .sweepstakes-strip .sweepstakes-strip__daily-draw.Munich4Event2021, .header-strips .sweepstakes-strip .sweepstakes-strip__daily-draw.Munich5Event2021, .header-strips .sweepstakes-strip .sweepstakes-strip__daily-draw.ValentinesEvent2022, .header-strips .sweepstakes-strip .sweepstakes-strip__daily-draw.RoyalDynastyEvent2022, .header-strips .sweepstakes-strip .sweepstakes-strip__daily-draw.LuckyVegasEvent2022, .header-strips .sweepstakes-strip .sweepstakes-strip__daily-draw.StPatrickEvent2022, .header-strips .sweepstakes-strip .sweepstakes-strip__daily-draw.CaribbeanFiestaEvent2022, .header-strips .sweepstakes-strip .sweepstakes-strip__daily-draw.EasterEvent2022, .header-strips .sweepstakes-strip .sweepstakes-strip__daily-draw.RockEvent2022, .header-strips .sweepstakes-strip .sweepstakes-strip__daily-draw.GloryEvent2022, .header-strips .sweepstakes-strip .sweepstakes-strip__daily-draw.RaveEvent2022, .header-strips .sweepstakes-strip .sweepstakes-strip__daily-draw.RaceEvent2022, .header-strips .sweepstakes-strip .sweepstakes-strip__daily-draw.MainEvent2022 {
  display: none;
}

.header-strips .sweepstakes-strip .sweepstakes-strip__timer-icon {
  margin: 0 7px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3711px -1482px;
  width: 12px;
  height: 20px;
}

.header-strips.missions-strip-container {
  top: 0;
  left: 0;
  position: absolute;
  z-index: 999;
  width: 754px;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}

.header-strips.missions-strip-container .header-strips__current {
  left: 0;
  position: relative;
  height: 120px;
  width: 215px;
  top: 104px;
}

.header-strips.missions-strip-container .header-strips__current.visible {
  animation: 1s bounceInLeft forwards;
}

.header-strips.missions-strip-container .header-strips__current.strip-hidden {
  animation: 1s bounceOutLeft forwards;
}

.header-strips.missions-strip-container .header-strips__current:not(.visible):not(.strip-hidden) {
  transform: translate(-200%, 0);
}

.header-strips.missions-strip-container .missions-strip {
  z-index: 4;
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-flow: column;
  height: 100%;
  padding-bottom: 10px;
}

.header-strips.missions-strip-container .missions-strip .new-slice-tag {
  top: 0;
  position: absolute;
  right: -25px;
  display: block;
  width: 50px;
  height: 30px;
  font-size: 23px;
}

.header-strips.missions-strip-container .missions-strip .new-slice-tag::before {
  content: "";
  background-image: url(assets/images/AtlasSponsorship.png);
  background-position: -1005px -617px;
  width: 59px;
  height: 33px;
  display: block;
  position: absolute;
  z-index: -1;
  right: 4px;
}

.header-strips.missions-strip-container .missions-strip::before {
  content: '';
  background-image: url(assets/images/Atlas.png);
  background-position: -2530px -2416px;
  width: 262px;
  height: 133px;
  display: inline-block;
  position: absolute;
  left: -10px;
  top: 0;
  z-index: -1;
}

.header-strips.missions-strip-container .missions-strip::after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.header-strips.missions-strip-container .missions-strip.completed:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -2608px -2732px;
  width: 422px;
  height: 50px;
}

.header-strips.missions-strip-container .missions-strip .challenge-details {
  flex-flow: column;
  display: flex;
  width: 100%;
  position: absolute;
  top: 0;
  left: 10px;
}

.header-strips.missions-strip-container .missions-strip .feedback {
  font-family: AkzidGroProLigCnd, sans-serif;
  text-align: center;
  width: 100%;
  font-weight: 700;
  font-size: 19px;
  letter-spacing: 1px;
  text-shadow: 0 0 30px #1f4dab, 0 0 30px #1f4dab, 0 0 30px #1f4dab, 0 0 30px #1f4dab;
  margin-top: 36px;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.header-strips.missions-strip-container .missions-strip .check-mark {
  background-image: url(assets/images/Atlas.png);
  background-position: -3500px -1137px;
  width: 84px;
  height: 87px;
  position: absolute;
  right: 114px;
  top: 46px;
  transform: scale(0.5);
  animation: checkMarkPop .5s forwards;
}

.header-strips.missions-strip-container .missions-strip .challengeIcon {
  position: absolute;
  left: 50%;
  top: -50px;
  transform: translateX(-50%);
  padding: 0;
  z-index: -1;
  -webkit-mask-image: linear-gradient(0deg, rgba(30, 76, 170, 0) 0%, black 60%);
}

.header-strips.missions-strip-container .missions-strip .progressiveBox {
  width: calc(100% - 20px);
  transform: skew(-10deg);
  left: 13px;
}

.header-strips.missions-strip-container .missions-strip .progressiveBox .progressiveBoxBar {
  background: linear-gradient(to bottom, #56ffff 0%, #42e1ff 70%, #3ed5ff 100%);
}

.header-strips.missions-strip-container .missions-strip .progressiveBox .progressiveBoxText {
  background: linear-gradient(to bottom, #56ffff 0%, #42e1ff 70%, #3ed5ff 100%);
  transform: skew(10deg);
}

.header-strips.missions-strip-container .missions-strip .progressiveBox .progressiveBoxBar {
  transition: width 1s;
}

.header-strips.missions-strip-container .missions-strip .progressiveBox .progressiveBoxText {
  font-size: 25px;
  line-height: 1;
  position: absolute;
  width: 100%;
  top: -27px;
  transform: translateX(-50%) skew(10deg);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: unset;
}

.header-strips.missions-strip-container .missions-strip .progressiveBox.complete .progressiveBoxBar {
  background: linear-gradient(to bottom, #9fef25 0%, #11e818 70%, #0fc915 100%);
}

.header-strips.missions-strip-container .missions-strip .progressiveBox.complete .progressiveBoxText {
  background: linear-gradient(to bottom, #9fef25 0%, #11e818 70%, #0fc915 100%);
  transform: skew(10deg);
}

.header-strips.missions-strip-container .missions-strip .progressiveBox.complete .progressiveBoxText {
  font-size: 25px;
  line-height: 1;
  position: absolute;
  top: -27px;
  transform: translateX(-50%) skew(10deg);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: unset;
}

@keyframes bounceInLeft {
  0% {
    transform: translate3d(-200%, 0, 0);
    opacity: 0;
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  60% {
    transform: translate3d(10px, 0, 0);
    opacity: 1;
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  75% {
    transform: translate3d(-5px, 0, 0);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  90% {
    transform: translate3d(5px, 0, 0);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  to {
    transform: translate3d(0, 0, 0);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}

@keyframes bounceOutLeft {
  20% {
    transform: translate3d(20px, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(-200%, 0, 0);
    opacity: 0;
  }
}

.generic-round-btn {
  position: relative;
  display: flex;
  height: 40px;
  width: 40px;
  border-radius: 100%;
  justify-content: center;
  background-image: linear-gradient(#2a2f47, #1d2132);
  -webkit-filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.6));
          filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.6));
}

.generic-round-btn .inner-btn {
  cursor: pointer;
  position: relative;
  display: flex;
  height: 82%;
  width: 82%;
  align-self: center;
  background-image: radial-gradient(#1c8dfe, transparent 40%), linear-gradient(#3c447c, #3c447c, #0d133f, #0d133f, #3c447c);
  border-radius: 100%;
  -webkit-filter: drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000);
          filter: drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000);
  box-shadow: inset 0 0 2px 2px black;
}

.generic-round-btn .inner-btn .center-glow {
  position: absolute;
  background-image: radial-gradient(rgba(94, 243, 254, 0), transparent 52%);
  height: 95%;
  width: 95%;
  border-radius: 100%;
  align-self: center;
  z-index: 10;
}

.generic-round-btn .inner-btn .logo {
  position: absolute;
  pointer-events: none;
  -webkit-filter: none;
          filter: none;
}

.generic-round-btn .inner-btn:before {
  content: '';
  background-image: radial-gradient(transparent 0%, rgba(16, 58, 127, 0.8));
  height: 96%;
  width: 96%;
  border-radius: 100%;
  align-self: center;
  margin: 1px;
}

.generic-round-btn .inner-btn:after {
  content: '';
  pointer-events: none;
  position: absolute;
  display: flex;
  top: -2px;
  left: -2px;
  height: 32px;
  width: 32px;
  background-image: rgba(0, 0, 0, 0);
  border: white solid 0;
  border-radius: 100%;
  z-index: 2;
  -webkit-filter: drop-shadow(0 0 1px #0a87ff) drop-shadow(0 0 1px #0a87ff) drop-shadow(0 0 1px #0a87ff);
          filter: drop-shadow(0 0 1px #0a87ff) drop-shadow(0 0 1px #0a87ff) drop-shadow(0 0 1px #0a87ff);
}

.generic-round-btn .inner-btn:hover .center-glow {
  background-image: radial-gradient(rgba(154, 255, 255, 0.4), transparent 60%);
}

.generic-round-btn .inner-btn:active {
  background-image: radial-gradient(rgba(0, 99, 197, 0.8), transparent 60%), linear-gradient(#303662, #303662, #0d133f, #0d133f, #0d133f);
}

.generic-round-btn .inner-btn:active:before {
  content: '';
  background-image: radial-gradient(transparent 20%, rgba(0, 0, 0, 0.8));
  height: 95%;
  width: 95%;
  border-radius: 100%;
  align-self: center;
  margin: 1px;
}

.generic-round-btn .inner-btn.disabled, .generic-round-btn .inner-btn[disabled] {
  cursor: default;
  -webkit-filter: drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) grayscale(50%);
          filter: drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) grayscale(50%);
}

.generic-round-btn.collectables.trophy .logo {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -384px;
  width: 29px;
  height: 29px;
  margin: 3px 0px 0px 1px;
}

.generic-round-btn.trophy.comparison {
  transform: scale(0.8);
  margin: 3px 0 0 3px;
}

.generic-round-btn.pluschips {
  position: absolute;
  top: -5px;
  bottom: 0;
  right: -7px;
}

.generic-round-btn.pluschips .logo {
  background-image: url(assets/images/Atlas.png);
  background-position: -1186px -3337px;
  width: 46px;
  height: 45px;
  margin: -6px 0 0 -7px;
}

.generic-round-btn.pluschips:active .center-glow {
  background-image: -webkit-radial-gradient(rgba(154, 255, 255, 0), transparent 60%);
}

.generic-round-btn.pluschips:active .logo {
  opacity: 0.5;
  margin: -5px 0 0 -7px;
}

.generic-round-btn.bp .inner-btn {
  background: -webkit-radial-gradient(#f8a885, transparent 30%), -webkit-linear-gradient(top, #fc553b, #fc553b, #de3016, #de3016, #de3016);
}

.generic-round-btn.bp .inner-btn .center-glow {
  background: -webkit-radial-gradient(rgba(248, 168, 133, 0), transparent 52%);
}

.generic-round-btn.bp .inner-btn .logo {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -415px;
  width: 26px;
  height: 32px;
  margin: 0px 0px 0px 4px;
}

.generic-round-btn.bp .inner-btn:before {
  content: '';
  background: -webkit-radial-gradient(transparent 46%, #f2bf19 76%);
}

.generic-round-btn.bp .inner-btn:hover .center-glow {
  background: -webkit-radial-gradient(rgba(248, 189, 133, 0.8), transparent 60%);
}

.generic-round-btn.bp .inner-btn:active {
  background: -webkit-radial-gradient(rgba(207, 121, 84, 0.8), transparent 30%), -webkit-linear-gradient(top, #fc553b, #fc553b, #de3016, #de3016, #de3016);
}

.generic-round-btn.bp .inner-btn:active .center-glow {
  background: -webkit-radial-gradient(rgba(248, 189, 133, 0), transparent 60%);
}

.generic-round-btn.bp .inner-btn:active .logo {
  margin: 1px 0px 0px 4px;
}

.generic-round-btn.bp .inner-btn:active:before {
  content: '';
  background: -webkit-radial-gradient(transparent 48%, rgba(242, 191, 25, 0.8) 75%, rgba(162, 62, 41, 0.8) 80%);
}

.generic-round-btn.bp .inner-btn.disabled, .generic-round-btn.bp .inner-btn[disabled] {
  cursor: default;
  -webkit-filter: drop-shadow(0px 0px 1px #000) drop-shadow(0px 0px 1px #000) drop-shadow(0px 0px 1px #000) drop-shadow(0px 0px 1px #000) grayscale(50%);
          filter: drop-shadow(0px 0px 1px #000) drop-shadow(0px 0px 1px #000) drop-shadow(0px 0px 1px #000) drop-shadow(0px 0px 1px #000) grayscale(50%);
}

.generic-round-btn.activeeffect {
  background-image: linear-gradient(#2a2f47, #1d2132);
  -webkit-filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.6));
          filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.6));
  margin: 0;
}

.generic-round-btn.activeeffect .inner-btn {
  background-image: radial-gradient(#7b00ff, transparent 60%), linear-gradient(#9255c8, #9255c8, #390e88, #390e88, #390e88);
  -webkit-filter: drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000);
          filter: drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000);
  box-shadow: inset 0 0 2px 2px #3a2161;
}

.generic-round-btn.activeeffect .inner-btn .center-glow {
  background-image: radial-gradient(rgba(237, 185, 255, 0.8), rgba(237, 185, 255, 0.4), transparent 54%);
  margin: -2px 0 0 0;
}

.generic-round-btn.activeeffect .inner-btn .logo {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -291px;
  width: 29px;
  height: 29px;
  margin: 4px 0 0 2px;
}

.generic-round-btn.activeeffect .inner-btn:before {
  content: '';
  background-image: radial-gradient(transparent 45%, rgba(153, 78, 223, 0.8));
}

.generic-round-btn.activeeffect .inner-btn:after {
  content: '';
  background-image: rgba(0, 0, 0, 0);
  border: white solid 0;
  -webkit-filter: drop-shadow(0 0 1px #0a87ff) drop-shadow(0 0 1px #0a87ff) drop-shadow(0 0 1px #0a87ff);
          filter: drop-shadow(0 0 1px #0a87ff) drop-shadow(0 0 1px #0a87ff) drop-shadow(0 0 1px #0a87ff);
}

.generic-round-btn.activeeffect .inner-btn:hover .center-glow {
  background-image: radial-gradient(rgba(255, 232, 255, 0.6) 26%, rgba(237, 98, 246, 0.4) 49%, transparent 65%);
}

.generic-round-btn.activeeffect .inner-btn:active {
  background-image: radial-gradient(#7b44b7, transparent 60%), linear-gradient(#5e34ad, #5e34ad, #390e88, #390e88, #390e88);
}

.generic-round-btn.activeeffect .inner-btn:active .center-glow {
  background-image: radial-gradient(rgba(255, 232, 255, 0) 26%, rgba(237, 98, 246, 0) 49%, transparent 65%);
}

.generic-round-btn.activeeffect .inner-btn:active .logo {
  margin: 5px 0 0 2px;
}

.generic-round-btn.activeeffect .inner-btn:active:before {
  content: '';
  background-image: radial-gradient(transparent 20%, rgba(0, 0, 0, 0.8));
}

.generic-round-btn.activeeffect .inner-btn.disabled, .generic-round-btn.activeeffect .inner-btn[disabled] {
  cursor: default;
  -webkit-filter: drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) grayscale(50%);
          filter: drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) grayscale(50%);
}

.active-effect-text {
  position: relative;
  display: flex;
  font-family: AkzidGroProCnd;
  font-size: 2.4rem;
  margin: -35px 0px 0 52px;
}

.profileTopBtns .generic-round-btn.activeeffect {
  margin: 12px 0 0 5px;
}

.profileTopBtns .active-effect-text {
  display: none;
}

.generic-round-btn.collectables.bracelet {
  margin: 9px 0 0 0;
}

.generic-round-btn.collectables.bracelet .logo {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -322px;
  width: 29px;
  height: 29px;
  margin: 3px 0 0 1px;
}

.generic-round-btn.bracelet.comparison {
  transform: scale(0.8);
  margin: 3px 0 0 3px;
}

.generic-round-btn.collectables {
  display: flex;
  background: linear-gradient(#2a2f47, #1d2132);
  -webkit-filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.6));
          filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.6));
}

.generic-round-btn.collectables .inner-btn {
  height: 80%;
  width: 80%;
  background: radial-gradient(#1c8dfe, transparent 60%), linear-gradient(#303662, #303662, #0d133f, #0d133f, #0d133f);
  -webkit-filter: drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000);
          filter: drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000);
  box-shadow: inset 0 0 2px 2px black;
}

.generic-round-btn.collectables .inner-btn .center-glow {
  background: radial-gradient(rgba(154, 255, 255, 0), transparent 52%);
}

.generic-round-btn.collectables .inner-btn:before {
  content: '';
  background: radial-gradient(transparent 45%, rgba(16, 58, 127, 0.8));
}

.generic-round-btn.collectables .inner-btn:after {
  background: rgba(0, 0, 0, 0);
  border: white solid 0;
  border-radius: 100%;
  z-index: 2;
  -webkit-filter: drop-shadow(0 0 2px #0a87ff) drop-shadow(0 0 2px #0a87ff) drop-shadow(0 0 2px #0a87ff);
          filter: drop-shadow(0 0 2px #0a87ff) drop-shadow(0 0 2px #0a87ff) drop-shadow(0 0 2px #0a87ff);
}

.generic-round-btn.collectables .inner-btn:hover {
  -webkit-filter: none;
          filter: none;
}

.generic-round-btn.collectables .inner-btn:hover .center-glow {
  background: radial-gradient(rgba(154, 255, 255, 0.8), transparent 50%);
}

.generic-round-btn.collectables .inner-btn:hover:after {
  border: white solid 2px;
}

.generic-round-btn.collectables .inner-btn:active {
  -webkit-filter: none;
          filter: none;
}

.generic-round-btn.collectables .inner-btn:active .center-glow {
  background: radial-gradient(rgba(154, 255, 255, 0.8), transparent 50%);
}

.generic-round-btn.collectables .inner-btn:active:after {
  border: white solid 2px;
}

.generic-round-btn.collectables .inner-btn.disabled, .generic-round-btn.collectables .inner-btn[disabled] {
  -webkit-filter: drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) grayscale(50%);
          filter: drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) grayscale(50%);
}

.generic-round-btn.collectables .inner-btn.disabled:after, .generic-round-btn.collectables .inner-btn[disabled]:after {
  border: white solid 0;
}

.generic-round-btn.collectables.active {
  display: flex;
  background: linear-gradient(#2a2f47, #1d2132);
  -webkit-filter: none;
          filter: none;
}

.generic-round-btn.collectables.active .inner-btn {
  height: 80%;
  width: 80%;
  background: radial-gradient(#1c8dfe, transparent 60%), linear-gradient(#303662, #303662, #0d133f, #0d133f, #0d133f);
  -webkit-filter: drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000);
          filter: drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000);
  box-shadow: inset 0 0 2px 2px black;
}

.generic-round-btn.collectables.active .inner-btn .center-glow {
  background: radial-gradient(rgba(154, 255, 255, 0.8), transparent 50%);
}

.generic-round-btn.collectables.active .inner-btn:before {
  content: '';
  background: radial-gradient(transparent 45%, rgba(16, 58, 127, 0.8));
}

.generic-round-btn.collectables.active .inner-btn:after {
  background: rgba(0, 0, 0, 0);
  border: white solid 2px;
  border-radius: 100%;
  z-index: 2;
  -webkit-filter: drop-shadow(0 0 2px #0a87ff) drop-shadow(0 0 2px #0a87ff) drop-shadow(0 0 2px #0a87ff);
          filter: drop-shadow(0 0 2px #0a87ff) drop-shadow(0 0 2px #0a87ff) drop-shadow(0 0 2px #0a87ff);
}

.generic-round-btn.collectables.ring .logo {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -353px;
  width: 29px;
  height: 29px;
  margin: 3px 0px 0px 1px;
}

.generic-round-btn.ring.comparison {
  transform: scale(0.8);
  margin: 3px 0 0 3px;
}

.generic-round-btn.trs {
  margin: 0;
}

.generic-round-btn.trs .logo {
  background-image: url(assets/images/Atlas.png);
  background-position: -86px -3648px;
  width: 41px;
  height: 42px;
  margin: -3px 0 0 -4px;
}

.generic-round-btn.trs:active .center-glow {
  background-image: radial-gradient(rgba(154, 255, 255, 0), transparent 60%);
}

.generic-round-btn.trs:active .logo {
  opacity: 0.7;
  margin: -2px 0 0 -4px;
}

footer {
  clear: both;
  text-align: center;
}

footer a, footer a:hover, footer a:visited {
  color: #fff;
  text-decoration: underline;
}

.mobileIcon {
  background-image: url(assets/images/Atlas.png);
  background-position: -3085px -877px;
  width: 125px;
  height: 38px;
  display: inline-block;
  margin: 10px 5px 0 5px;
}

.mobileIcon.android {
  background-position: -3085px -1222px;
}

.mobileIcon.amazon {
  background-position: -3079px -2914px;
}

.mobileIcon a {
  display: block;
  width: 125px;
  height: 38px;
}

.release-version {
  font-size: 1.5rem;
}

#optList {
  position: absolute;
  top: 30px;
}

#sceneOptionsContainer #optList {
  top: 40px;
  right: 0;
}

#headerProfile .options-container .optCogBtn {
  margin-top: -9px;
  margin-right: -11px;
}

#headerProfile .options-container #optList {
  right: -9px;
}

.optBtn {
  position: relative;
  z-index: 1;
}

.optBtn .tooltip {
  background-image: url(assets/images/Atlas.png);
  background-position: -2199px -3385px;
  width: 153px;
  height: 56px;
  position: absolute;
  display: none;
  left: -150px;
  top: -5px;
  z-index: 20001;
}

.optBtn:hover .tooltip {
  display: block;
}

.optTipTxt {
  text-align: center;
  padding: 9px 19px 0 10px;
}

.options-container .options .optCogBtn {
  background-image: url(assets/images/Atlas.png);
  background-position: -3398px -3280px;
  width: 47px;
  height: 47px;
}

.options-container .options .optCogBtn:hover {
  background-position: -3349px -3280px;
}

.options-container .options .optCogBtn:active {
  background-position: -3300px -3280px;
}

#soundButton.on {
  background-image: url(assets/images/Atlas.png);
  background-position: -2228px -3337px;
  width: 48px;
  height: 40px;
}

#soundButton.on:hover {
  background-position: -2178px -3337px;
}

#soundButton.on:active {
  background-position: -2128px -3337px;
}

#soundButton.on_no_slot {
  background-image: url(assets/images/Atlas.png);
  background-position: -3478px -3337px;
  width: 48px;
  height: 40px;
}

#soundButton.on_no_slot:hover {
  background-position: -3378px -3337px;
}

#soundButton.on_no_slot:active {
  background-position: -3428px -3337px;
}

#soundButton.off {
  background-image: url(assets/images/Atlas.png);
  background-position: -2378px -3337px;
  width: 48px;
  height: 40px;
}

#soundButton.off:hover {
  background-position: -2328px -3337px;
}

#soundButton.off:active {
  background-position: -2278px -3337px;
}

#visualsQualityButton.on {
  background-image: url(assets/images/Atlas.png);
  background-position: -3128px -3337px;
  width: 48px;
  height: 40px;
}

#visualsQualityButton.on:hover {
  background-position: -3078px -3337px;
}

#visualsQualityButton.on:active {
  background-position: -3028px -3337px;
}

#visualsQualityButton.off {
  background-image: url(assets/images/Atlas.png);
  background-position: -3278px -3337px;
  width: 48px;
  height: 40px;
}

#visualsQualityButton.off:hover {
  background-position: -3228px -3337px;
}

#visualsQualityButton.off:active {
  background-position: -3178px -3337px;
}

#chatButton.on {
  background-image: url(assets/images/Atlas.png);
  background-position: -1328px -3337px;
  width: 48px;
  height: 40px;
}

#chatButton.on:hover {
  background-position: -2773px -2087px;
}

#chatButton.on:active {
  background-position: -3417px -1216px;
}

#chatButton.off {
  background-image: url(assets/images/Atlas.png);
  background-position: -1478px -3337px;
  width: 48px;
  height: 40px;
}

#chatButton.off:hover {
  background-position: -1428px -3337px;
}

#chatButton.off:active {
  background-position: -1378px -3337px;
}

#strengthButton.on {
  background-image: url(assets/images/Atlas.png);
  background-position: -1628px -3337px;
  width: 48px;
  height: 40px;
}

#strengthButton.on:hover {
  background-position: -1578px -3337px;
}

#strengthButton.on:active {
  background-position: -1528px -3337px;
}

#strengthButton.off {
  background-image: url(assets/images/Atlas.png);
  background-position: -1778px -3337px;
  width: 48px;
  height: 40px;
}

#strengthButton.off:hover {
  background-position: -1728px -3337px;
}

#strengthButton.off:active {
  background-position: -1678px -3337px;
}

#rebuyButton.on {
  background-image: url(assets/images/Atlas.png);
  background-position: -1928px -3337px;
  width: 48px;
  height: 40px;
}

#rebuyButton.on.locked {
  background-image: url(assets/images/Atlas.png);
  background-position: -3328px -3337px;
  width: 48px;
  height: 40px;
  cursor: default;
}

#rebuyButton.on:hover:not(.locked) {
  background-position: -1878px -3337px;
}

#rebuyButton.on:active:not(.locked) {
  background-position: -1828px -3337px;
}

#rebuyButton.off:not(.locked) {
  background-image: url(assets/images/Atlas.png);
  background-position: -2078px -3337px;
  width: 48px;
  height: 40px;
}

#rebuyButton.off:hover:not(.locked) {
  background-position: -2028px -3337px;
}

#rebuyButton.off:active:not(.locked) {
  background-position: -1978px -3337px;
}

#acceptTableGiftsButton.on {
  background-image: url(assets/images/Atlas.png);
  background-position: -2828px -3337px;
  width: 48px;
  height: 40px;
}

#acceptTableGiftsButton.on:hover {
  background-position: -2728px -3337px;
}

#acceptTableGiftsButton.on:active {
  background-position: -2778px -3337px;
}

#acceptTableGiftsButton.off {
  background-image: url(assets/images/Atlas.png);
  background-position: -2978px -3337px;
  width: 48px;
  height: 40px;
}

#acceptTableGiftsButton.off:hover {
  background-position: -2878px -3337px;
}

#acceptTableGiftsButton.off:active {
  background-position: -2928px -3337px;
}

#topoffButton.on {
  background-image: url(assets/images/Atlas.png);
  background-position: -2528px -3337px;
  width: 48px;
  height: 40px;
}

#topoffButton.on.locked {
  background-image: url(assets/images/Atlas.png);
  background-position: -3528px -3337px;
  width: 48px;
  height: 40px;
  cursor: default;
}

#topoffButton.on:hover:not(.locked) {
  background-position: -2478px -3337px;
}

#topoffButton.on:active:not(.locked) {
  background-position: -2428px -3337px;
}

#topoffButton.off:not(.locked) {
  background-image: url(assets/images/Atlas.png);
  background-position: -2678px -3337px;
  width: 48px;
  height: 40px;
}

#topoffButton.off:hover:not(.locked) {
  background-position: -2628px -3337px;
}

#topoffButton.off:active:not(.locked) {
  background-position: -2578px -3337px;
}

#topoffButton.last.on {
  background-image: url(assets/images/Atlas.png);
  background-position: -408px -3337px;
  width: 48px;
  height: 46px;
}

#topoffButton.last.on.locked {
  background-image: url(assets/images/Atlas.png);
  background-position: -608px -3337px;
  width: 48px;
  height: 46px;
  cursor: default;
}

#topoffButton.last.on:hover:not(.locked) {
  background-position: -358px -3337px;
}

#topoffButton.last.on:active:not(.locked) {
  background-position: -308px -3337px;
}

#topoffButton.last.off:not(.locked) {
  background-image: url(assets/images/Atlas.png);
  background-position: -558px -3337px;
  width: 48px;
  height: 46px;
}

#topoffButton.last.off:hover:not(.locked) {
  background-position: -508px -3337px;
}

#topoffButton.last.off:active:not(.locked) {
  background-position: -458px -3337px;
}

/*

#languageButton { @include sprite($OptionLanguages); z-index: 0; }
#languageButton:hover { @include sprite-position($OptionLanguages_hover) }
#languageButton:active { @include sprite-position($OptionLanguages_active) }

#languagePopup
{
    display: none;
    position: absolute;
    width: 257px;
    height: 142px;
    right: 45px;
    top: -37px;
    text-align: center;
    font-size: 0.6em;
    font-weight: bold;
    color: #000;
    z-index: 20001;
}

#languagePopup .bgLeft
{
    float: left;
    background-image: url(../../images/Options/LanguagesBgLeft.png);
    width: 19px;
    height: 142px;
}

#languagePopup .bgMiddle
{
    float: left;
    background-image: url(../../images/Options/LanguagesBgMiddle.png);
    width: 214px;
    height: 115px;
    padding-top: 22px;
}

#languagePopup .bgRight
{
    float: left;
    background-image: url(../../images/Options/LanguagesBgRight.png);
    width: 24px;
    height: 142px;
}

/*
#languagePopupInfo
{
    position: relative;
    background-image: url(../../images/Options/InfoLanguage.png);
    background-repeat: no-repeat;
    display: none;
    width: 85px;
    height: 55px;
    left: -16px;
    top: -9px;
    padding-top: 21px;
    padding-left: 1px;
    text-align: center;
    font-size: 0.6em;
    color: #000;
}
//

.languageButtons
{
    @include sprite-image($FlagEnglish);
    @include sprite-width($FlagEnglish);
    @include sprite-height($FlagEnglish);

    position: relative;
    float: left;
    margin-left: 2px;
    margin-top: 5px;
}

.languageButtons.english { @include sprite-position($FlagEnglish); }
.languageButtons.english:hover { @include sprite-position($FlagEnglish_hover); }
.languageButtons.english:active { @include sprite-position($FlagEnglish_active); }
.languageButtons.english.selected { @include sprite-position($FlagEnglish_selected); }

.languageButtons.french { @include sprite-position($FlagFrench); }
.languageButtons.french:hover { @include sprite-position($FlagFrench_hover); }
.languageButtons.french:active { @include sprite-position($FlagFrench_active); }
.languageButtons.french.selected { @include sprite-position($FlagFrench_selected); }

.languageButtons.german { @include sprite-position($FlagGerman); }
.languageButtons.german:hover { @include sprite-position($FlagGerman_hover); }
.languageButtons.german:active { @include sprite-position($FlagGerman_active); }
.languageButtons.german.selected { @include sprite-position($FlagGerman_selected); }

.languageButtons.spanish { @include sprite-position($FlagSpanish); }
.languageButtons.spanish:hover { @include sprite-position($FlagSpanish_hover); }
.languageButtons.spanish:active { @include sprite-position($FlagSpanish_active); }
.languageButtons.spanish.selected { @include sprite-position($FlagSpanish_selected); }

.languageButtons.italian { @include sprite-position($FlagItalian); }
.languageButtons.italian:hover { @include sprite-position($FlagItalian_hover); }
.languageButtons.italian:active { @include sprite-position($FlagItalian_active); }
.languageButtons.italian.selected { @include sprite-position($FlagItalian_selected); }

.languageButtons.dutch { @include sprite-position($FlagDutch); }
.languageButtons.dutch:hover { @include sprite-position($FlagDutch_hover); }
.languageButtons.dutch:active { @include sprite-position($FlagDutch_active); }
.languageButtons.dutch.selected { @include sprite-position($FlagDutch_selected); }

.languageButtons.brazilianPortuguese { @include sprite-position($FlagBrazil); }
.languageButtons.brazilianPortuguese:hover { @include sprite-position($FlagBrazil_hover); }
.languageButtons.brazilianPortuguese:active { @include sprite-position($FlagBrazil_active); }
.languageButtons.brazilianPortuguese.selected { @include sprite-position($FlagBrazil_selected); }

.languageButtons.russian { @include sprite-position($FlagRussian); }
.languageButtons.russian:hover { @include sprite-position($FlagRussian_hover); }
.languageButtons.russian:active { @include sprite-position($FlagRussian_active); }
.languageButtons.russian.selected { @include sprite-position($FlagRussian_selected); }


#languagePopup .rollover
{
    display:none;
    position:absolute;
    width:88px;
    height:55px;
    background-image:url(../../images/Options/InfoLanguage.png);
    margin: 36px 0 0 -18px; /** 2*height/3 width/4-4 /
}

#languagePopup .rollover .label
{
    position:relative;
    text-align: center;
    font-size:11px;
    font-weight:bold;
    color: #000;
    top:22px;
    width:125px;
}

*/
.piggy-container {
  position: absolute;
  right: 41px;
  top: 0px;
  z-index: 1;
}

#headerProfile .piggy-container {
  margin-top: -6px;
  margin-right: -7px;
}

.piggy-info-popup {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: 0px 0px;
  width: 776px;
  height: 515px;
  width: 768px;
  height: 512px;
  position: absolute;
  top: 113px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
}

.piggy-info-popup .close-btn {
  background-image: url(assets/images/Atlas.png);
  background-position: -2957px -3280px;
  width: 47px;
  height: 47px;
  position: absolute;
  right: 0;
  top: 0;
}

.piggy-info-popup .close-btn:hover {
  background-position: -2908px -3280px;
}

.piggy-info-popup .close-btn:active {
  background-position: -2859px -3280px;
}

.piggy-info-popup .piggy-info-popup-title {
  font-size: 45px;
  font-family: AkzidGroProLigCnd;
  font-weight: bold;
  text-align: center;
}

.piggy-info-popup .piggy-info-popup-text {
  font-size: 30px;
  margin-top: 10px;
}

.piggy-info-popup .piggy-offer-popup-text {
  font-size: 40px;
  text-align: center;
  margin-top: 25%;
}

.piggy-info-popup .piggy-btn-price {
  height: 67px;
  width: 227px;
  font-size: 40px;
  text-align: center;
  top: 199px;
  left: 134px;
  margin: 0px;
  font-family: AkzidGroProBolCnd;
  position: absolute;
  box-sizing: border-box;
  z-index: 1;
  line-height: 1.3;
}

.piggy-info-popup .piggy-btn-price:disabled, .piggy-info-popup .piggy-btn-price[disabled] {
  opacity: 1;
}

.piggy-info-popup .piggy-btn-price .glassScreen {
  position: absolute;
  background: none;
}

.piggy-info-popup .piggy-offer-popup-details ~ .piggy-btn-price {
  margin-top: 0;
}

.piggy-info-popup .piggy-info-popup-image-container {
  width: 20%;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
}

.piggy-info-popup .piggy-info-popup-inner {
  padding: 1.2rem 4rem 0rem 4rem;
}

.piggy-info-popup .piggy-info-popup-queen {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2474px -979px;
  width: 86px;
  height: 89px;
}

.piggy-info-popup .piggy-info-popup-goldpiggy {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2474px -1070px;
  width: 84px;
  height: 86px;
}

.piggy-info-popup .piggy-info-popup-chips {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2474px -1338px;
  width: 83px;
  height: 78px;
}

.piggy-info-popup .piggy-info-popup-hammer {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2692px -2212px;
  width: 61px;
  height: 82px;
  transform: scale(-1.2, 1.2);
}

.piggy-info-popup .piggy-info-popup-separator {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -778px -505px;
  width: 440px;
  height: 10px;
}

.piggy-info-popup .piggy-info-popup-content__item {
  padding: 0.4rem 0rem 0.4rem 0rem;
}

.piggy-info-popup .piggy-info-popup-content {
  color: #ffffff;
  font-size: 3rem;
  line-height: 100%;
  font-family: AkzidGroProBolCnd;
  margin-left: 8.5rem;
}

.piggy-info-popup .piggy-info-popup-content__item {
  display: flex;
  align-items: center;
}

.piggy-info-popup .piggy-info-popup-content__separator {
  display: flex;
  align-items: center;
  justify-content: center;
}

.piggy-info-popup .piggy-info-popup-content.isPiggyUnLocked .piggy-info-popup-content__item {
  height: 115px;
}

.piggy-info-popup .close-btn {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2704px -1600px;
  width: 52px;
  height: 53px;
  margin-top: 36px;
  margin-right: 22px;
}

.piggy-info-popup .close-btn:hover {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2474px -2391px;
  width: 52px;
  height: 52px;
}

.piggy-info-popup .close-btn:active {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2528px -2336px;
  width: 52px;
  height: 52px;
}

.piggy-info-popup-inner {
  padding: 5rem;
}

.piggy-icon-text {
  position: absolute;
  z-index: 1;
  top: 13px;
  left: -2px;
}

.piggy-btn-price > .SecondaryCurrencyPrizeTag {
  position: absolute;
  top: 180px;
  left: 115px;
  z-index: 2;
}

.piggy-collect-popup {
  width: 768px;
  height: 512px;
  position: absolute;
  top: 127px;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-around;
}

.piggy-collect-popup .close-btn {
  background-image: url(assets/images/Atlas.png);
  background-position: -2957px -3280px;
  width: 47px;
  height: 47px;
  position: absolute;
  right: 0;
  top: 0;
}

.piggy-collect-popup .close-btn:hover {
  background-position: -2908px -3280px;
}

.piggy-collect-popup .close-btn:active {
  background-position: -2859px -3280px;
}

.piggy-collect-popup .piggy-info-popup-title {
  font-size: 45px;
  font-family: AkzidGroProLigCnd;
  font-weight: bold;
  text-align: center;
}

.piggy-collect-popup .piggy-info-popup-text {
  font-size: 30px;
  margin-top: 10px;
}

.piggy-collect-popup .piggy-offer-popup-text {
  font-size: 40px;
  text-align: center;
  margin-top: 25%;
}

.piggy-collect-popup .piggy-btn-price {
  height: 67px;
  width: 227px;
  font-size: 40px;
  text-align: center;
  top: 199px;
  left: 134px;
  margin: 0px;
  font-family: AkzidGroProBolCnd;
  position: absolute;
  box-sizing: border-box;
  z-index: 1;
  line-height: 1.3;
}

.piggy-collect-popup .piggy-btn-price:disabled, .piggy-collect-popup .piggy-btn-price[disabled] {
  opacity: 1;
}

.piggy-collect-popup .piggy-btn-price .glassScreen {
  position: absolute;
  background: none;
}

.piggy-collect-popup .piggy-offer-popup-details ~ .piggy-btn-price {
  margin-top: 0;
}

.piggy-collect-popup .piggy-info-popup-image-container {
  width: 20%;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
}

.piggy-collect-popup .piggy-info-popup-inner {
  padding: 1.2rem 4rem 0rem 4rem;
}

.piggy-collect-popup .piggy-info-popup-queen {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2474px -979px;
  width: 86px;
  height: 89px;
}

.piggy-collect-popup .piggy-info-popup-goldpiggy {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2474px -1070px;
  width: 84px;
  height: 86px;
}

.piggy-collect-popup .piggy-info-popup-chips {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2474px -1338px;
  width: 83px;
  height: 78px;
}

.piggy-collect-popup .piggy-info-popup-hammer {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2692px -2212px;
  width: 61px;
  height: 82px;
  transform: scale(-1.2, 1.2);
}

.piggy-collect-popup .piggy-info-popup-separator {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -778px -505px;
  width: 440px;
  height: 10px;
}

.piggy-collect-popup .piggy-info-popup-content__item {
  padding: 0.4rem 0rem 0.4rem 0rem;
}

.piggy-collect-popup .piggy-info-popup-content {
  color: #ffffff;
  font-size: 3rem;
  line-height: 100%;
  font-family: AkzidGroProBolCnd;
  margin-left: 8.5rem;
}

.piggy-collect-popup .piggy-info-popup-content__item {
  display: flex;
  align-items: center;
}

.piggy-collect-popup .piggy-info-popup-content__separator {
  display: flex;
  align-items: center;
  justify-content: center;
}

.piggy-collect-popup .piggy-info-popup-content.isPiggyUnLocked .piggy-info-popup-content__item {
  height: 115px;
}

.piggy-collect-popup:before {
  content: '';
  display: block;
  margin: 0;
}

.piggy-collect-popup .piggy-collect-2d-bg {
  background-image: url(assets/images/AtlasPiggy.png);
  background-position: -768px 0px;
  width: 761px;
  height: 504px;
  position: absolute;
  left: 2px;
  top: 4px;
}

.piggy-collect-popup .piggy-collect-popup-neon {
  background-image: url(assets/images/AtlasPiggy.png);
  background-position: 0px 0px;
  width: 766px;
  height: 510px;
  position: absolute;
}

.piggy-collect-popup .piggy-collect-logo {
  background-image: url(assets/images/AtlasPiggy.png);
  background-position: -1531px -508px;
  width: 319px;
  height: 196px;
  position: absolute;
  top: 26px;
  padding-right: 0px;
}

.piggy-collect-popup .piggy-collect-popup-content {
  text-shadow: 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff;
  font-size: 12.5rem;
  font-family: AkzidGroProBolCnd;
  top: 70px;
  position: relative;
}

.piggy-collect-popup .btn {
  font-weight: bold;
  width: 227px;
  height: 68px;
  font-size: 4rem;
  line-height: 100%;
  top: 4px;
}

.piggy-collect-popup .bank-roll-chips-animation-container {
  margin-top: 38px;
}

.piggy-ftue {
  text-align: center;
  top: 306px;
  margin-left: -182px;
}

.piggy-ftue .speechBubble {
  height: 121px;
  width: 367px;
}

.piggy-ftue .piggy-speech-title {
  text-shadow: 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff;
  font-size: 2.9rem;
  text-align: center;
  font-family: AkzidGroProBolCnd;
  color: #50f9ff;
  font-weight: bold;
  line-height: 100%;
  margin-top: -12px;
}

.piggy-ftue .piggy-speech-descr {
  font-size: 3.1rem;
  font-weight: bold;
  line-height: 100%;
  padding-top: 5px;
  font-family: AkzidGroProLigCnd;
  color: #b3baff;
  width: 292px;
  left: 50%;
  margin-left: 35px;
  padding-bottom: 10px;
}

.piggy-ftue .actionBtn, .piggy-ftue .btn-green {
  font-size: 3.1rem;
  text-align: center;
  font-family: AkzidGroProBolCnd;
  line-height: 100%;
  font-weight: bold;
  width: 146px;
  height: 31px;
  white-space: nowrap;
}

.piggy-ftue .pf-logo {
  background-image: url(assets/images/AtlasPiggy.png);
  background-position: -507px -1166px;
  width: 472px;
  height: 181px;
  margin-left: -214px;
  top: -151px;
}

.piggy-ftue .ftueMonica {
  margin-left: -421px;
  top: -84.5%;
  width: 202px;
  height: 449px;
  background-image: url(assets/images/ftue/Monica.png);
  background-repeat: no-repeat;
  transform: scaleX(-1);
  z-index: 3;
}

.piggy-ftue.step-0 .piggy-speech-descr {
  padding-bottom: 5px;
}

.piggy-ftue.step-0 .pf-glow-icon {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2556px -833px;
  width: 53px;
  height: 45px;
  margin-left: 278px;
  top: -246px;
}

.piggy-ftue.step-0 .pf-pulse-icon {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2554px -726px;
  width: 53px;
  height: 45px;
  margin-left: 278px;
  top: -246px;
}

.piggy-ftue.step-0 .pf-bgchip1 {
  background-image: url(assets/images/AtlasPiggy.png);
  background-position: -1852px -508px;
  width: 49px;
  height: 62px;
  top: -28%;
  margin-left: -205px;
}

.piggy-ftue.step-0 .pf-bgchip2 {
  background-image: url(assets/images/AtlasPiggy.png);
  background-position: -1852px -572px;
  width: 51px;
  height: 54px;
  top: -25%;
  margin-left: 128px;
}

.piggy-ftue.step-0 .pf-separator {
  background-image: url(assets/images/AtlasPiggy.png);
  background-position: -507px -1018px;
  width: 737px;
  height: 146px;
  margin-left: -390px;
  top: 165px;
}

.piggy-ftue.step-0 .pf-icon {
  cursor: pointer;
}

.piggy-ftue.step-0 .pf-icon:hover .pf-pulse-icon {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2554px -511px;
  width: 53px;
  height: 45px;
}

.piggy-ftue.step-0 .pf-icon:active:hover .pf-pulse-icon {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2554px -618px;
  width: 53px;
  height: 45px;
}

.piggy-ftue.step-1 {
  top: 39%;
}

.piggy-ftue.step-1 .ftueMonica {
  top: -89.5%;
}

.piggy-ftue.step-1 .piggy-speech-descr {
  width: 298px;
  padding-bottom: 6px;
}

.piggy-ftue.step-1 .actionBtn, .piggy-ftue.step-1 .btn-green {
  width: 133px;
}

.pf {
  position: absolute;
  left: 50%;
}

#popupCont.isPlaying .piggy-ftue.step-1 {
  margin-top: 260px;
  z-index: 1;
}

.info-button, .activeEffectsPopup > .content > div ul > li .infoButton, .srInfos .title > button {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -853px;
  width: 25px;
  height: 25px;
}

.info-button:hover, .activeEffectsPopup > .content > div ul > li .infoButton:hover, .srInfos .title > button:hover {
  background-position: -3697px -826px;
}

.info-button:active, .activeEffectsPopup > .content > div ul > li .infoButton:active, .srInfos .title > button:active {
  background-position: -3697px -958px;
}

.activeEffectsPopup {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 520px;
  background-color: #25073c;
}

.activeEffectsPopup .iScrollVerticalScrollbar {
  background: #19042b !important;
  border: 1px solid #3b044c !important;
}

.activeEffectsPopup .iScrollVerticalScrollbar .iScrollIndicator {
  background: #662a8f !important;
}

.activeEffectsPopup > .header {
  background-image: url(assets/images/Atlas.png);
  background-position: -327px -2575px;
  width: 441px;
  height: 129px;
  position: absolute;
  top: -57px;
  margin: auto;
  left: 0;
  right: 0;
  z-index: 1;
}

.activeEffectsPopup > .back {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
}

.activeEffectsPopup > .back:before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 307px;
  top: 0;
  left: 0;
  background: linear-gradient(#450d5d, #3d0b56 18%, #25073c 24%, #25073c);
}

.activeEffectsPopup:after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  border: solid 1px #e9c6ff;
  box-shadow: 0 0 0 1px rgba(233, 198, 255, 0.3), inset 0 0 0 1px rgba(233, 198, 255, 0.3), inset 0 0 5px 2px #5c1f7f, 0 0 5px 2px #5c1f7f;
  border-radius: 4px;
  pointer-events: none;
}

.activeEffectsPopup > .pmClose {
  background-image: url(assets/images/Atlas.png);
  background-position: -1698px -3582px;
  width: 51px;
  height: 51px;
}

.activeEffectsPopup > .pmClose:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -1645px -3582px;
  width: 51px;
  height: 51px;
}

.activeEffectsPopup > .pmClose:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -1751px -3582px;
  width: 51px;
  height: 51px;
}

.activeEffectsPopup > svg {
  position: absolute;
  top: 18px;
  left: 0;
}

.activeEffectsPopup > svg text {
  font-family: AkzidGroProXBolCnd;
  font-size: 3.5rem;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: uppercase;
  line-height: 1em;
}

.activeEffectsPopup > .separator, .challengeStore .activeEffectsPopup > .challengeCountdown:after, .challengeStore .activeEffectsPopup > .challengeItem:after {
  display: block;
  position: absolute;
  height: 1px;
  background: linear-gradient(-90deg, #e6baef, #e6baef, #e6baef, #e6baef, #e6baef);
  box-shadow: 0 0 2px #efc8f7,0 0 5px #671a8a,0 0 5px #551174;
  width: 185px;
  top: 53px;
  left: 50%;
  transform: translateX(-50%);
}

.activeEffectsPopup > .separator:before, .activeEffectsPopup > .separator:after, .challengeStore .activeEffectsPopup > .challengeCountdown:after, .challengeStore .activeEffectsPopup > .challengeItem:after {
  content: "";
  display: block;
  position: absolute;
  height: 7px;
  width: 70px;
  top: -3px;
}

.activeEffectsPopup > .separator:before {
  left: -10px;
  background: linear-gradient(-90deg, rgba(62, 9, 87, 0), #3b0b54 90%);
}

.activeEffectsPopup > .separator:after, .challengeStore .activeEffectsPopup > .challengeCountdown:after, .challengeStore .activeEffectsPopup > .challengeItem:after {
  right: -10px;
  background: linear-gradient(90deg, rgba(62, 9, 87, 0), #3b0b54 90%);
}

.activeEffectsPopup > .content {
  display: block;
  padding-top: 78px;
  padding-bottom: 19px;
  padding-right: 3px;
  margin: 0;
}

.activeEffectsPopup > .content .empty {
  line-height: 3;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 1.2em;
}

.activeEffectsPopup > .content .gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.activeEffectsPopup > .content .gradient:before, .activeEffectsPopup > .content .gradient:after {
  content: "";
  position: absolute;
  width: 100%;
  pointer-events: none;
}

.activeEffectsPopup > .content .gradient:before {
  top: 77px;
  height: 10px;
  background-image: linear-gradient(to bottom, #25073c 0%, rgba(37, 7, 60, 0) 100%);
}

.activeEffectsPopup > .content .gradient:after {
  height: 5px;
  bottom: 19px;
  background-image: linear-gradient(to top, #25073c 0%, rgba(37, 7, 60, 0) 100%);
}

.activeEffectsPopup > .content > .tooltip {
  position: absolute;
  text-align: center;
  transform: translateX(-50%);
}

.activeEffectsPopup > .content > div ul {
  position: relative;
  display: block;
  list-style-type: none;
  margin: 0;
}

.activeEffectsPopup > .content > div ul > li {
  position: relative;
  display: block;
  height: 52px;
  font-size: 0;
}

.activeEffectsPopup > .content > div ul > li:before {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  content: "";
  margin: 2px 11px 2px 2px;
}

.activeEffectsPopup > .content > div ul > li:after {
  position: absolute;
  top: 4px;
  right: 10px;
  z-index: 1;
  display: block;
  content: "";
  background-image: url(assets/images/Atlas.png);
  background-position: -3643px -1557px;
  width: 50px;
  height: 49px;
}

.activeEffectsPopup > .content > div ul > li > span {
  display: inline-block;
  vertical-align: middle;
}

.activeEffectsPopup > .content > div ul > li > span.label {
  width: 254px;
  font-family: AkzidGroProBolCnd;
  font-weight: 400;
  font-size: 1.9rem;
  padding-top: 1px;
  text-shadow: 2px 1px 1px #000;
}

.activeEffectsPopup > .content > div ul > li > span.label sup {
  font-size: 0.6em;
}

.activeEffectsPopup > .content > div ul > li > span.hidden {
  display: none;
}

.activeEffectsPopup > .content > div ul > li > span.time {
  position: relative;
  width: 67px;
  text-align: left;
  font-size: 2.2rem;
  font-family: AkzidGroProLigCnd;
  font-weight: 400;
  line-height: 1em;
  padding: 5px 0 0 20px;
  text-shadow: 1px 1px 1px #000;
}

.activeEffectsPopup > .content > div ul > li > span.time:before {
  position: absolute;
  display: block;
  content: "";
  top: 7px;
  left: 6px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1555px;
  width: 11px;
  height: 17px;
}

.activeEffectsPopup > .content > div ul > li > .separator, .activeEffectsPopup > .content > div .challengeStore ul > li > .challengeCountdown:after, .challengeStore .activeEffectsPopup > .content > div ul > li > .challengeCountdown:after, .activeEffectsPopup > .content > div .challengeStore ul > li > .challengeItem:after, .challengeStore .activeEffectsPopup > .content > div ul > li > .challengeItem:after {
  display: block;
  position: absolute;
  height: 1px;
  background: linear-gradient(-90deg, #7ecbdd, #7ecbdd, #7ecbdd, #7ecbdd, #7ecbdd);
  box-shadow: 0 0 2px #352598, 0 0 5px #4c2ffd, 0 0 5px #4c2ffd, 0 0 11px #4c2ffd;
  width: 220px;
  bottom: -3px;
  left: 0;
  right: 40px;
  margin: auto;
}

.activeEffectsPopup > .content > div ul > li > .separator:before, .activeEffectsPopup > .content > div ul > li > .separator:after, .activeEffectsPopup > .content > div .challengeStore ul > li > .challengeCountdown:after, .challengeStore .activeEffectsPopup > .content > div ul > li > .challengeCountdown:after, .activeEffectsPopup > .content > div .challengeStore ul > li > .challengeItem:after, .challengeStore .activeEffectsPopup > .content > div ul > li > .challengeItem:after {
  content: "";
  display: block;
  position: absolute;
  height: 11px;
  width: 70px;
  top: -5px;
}

.activeEffectsPopup > .content > div ul > li > .separator:before {
  left: -10px;
  background: linear-gradient(-90deg, rgba(32, 7, 53, 0), #25073c 80%);
}

.activeEffectsPopup > .content > div ul > li > .separator:after, .activeEffectsPopup > .content > div .challengeStore ul > li > .challengeCountdown:after, .challengeStore .activeEffectsPopup > .content > div ul > li > .challengeCountdown:after, .activeEffectsPopup > .content > div .challengeStore ul > li > .challengeItem:after, .challengeStore .activeEffectsPopup > .content > div ul > li > .challengeItem:after {
  right: -10px;
  background: linear-gradient(90deg, rgba(32, 7, 53, 0), #25073c 80%);
}

.activeEffectsPopup > .content > div ul > li:last-child > .separator, .activeEffectsPopup > .content > div .challengeStore ul > li:last-child > .challengeCountdown:after, .challengeStore .activeEffectsPopup > .content > div ul > li:last-child > .challengeCountdown:after, .activeEffectsPopup > .content > div .challengeStore ul > li:last-child > .challengeItem:after, .challengeStore .activeEffectsPopup > .content > div ul > li:last-child > .challengeItem:after {
  display: none;
}

.activeEffectsPopup > .content > div ul > li .infoButton {
  display: inline-block;
  vertical-align: middle;
  padding: 2px 0 0 0;
}

.activeEffectsPopup > .content > div ul > li .generalTooltip {
  position: absolute;
  text-align: center;
  transform: translateX(-50%);
}

.activeEffectsPopup > .content > div ul > li.read:after {
  display: none;
}

.activeEffectsPopup > .content > div ul > li.baseBoostEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3173px -3385px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.maxBoostEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -835px -3582px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.freeChipsEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3551px -3385px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.freeEntryEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -937px -3280px;
  width: 50px;
  height: 50px;
}

.activeEffectsPopup > .content > div ul > li.freeMysteryTournamentEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -673px -3582px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.freeSlotSpinEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -727px -3582px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.instantMegaBonusEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -781px -3582px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.turboTimeEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -1483px -3582px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.xpMultiplierEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -1591px -3582px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.friendGiftMultiplierEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3227px -3385px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.boostedGoldenWedgeEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3281px -3385px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.extraGoldenWedgeEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3497px -3385px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.pokerRecallCardBoostEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -1105px -3582px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.pokerRecallCardRushEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3335px -3385px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.pokerRecallRecallsEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -1159px -3582px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.statusBoostEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -1321px -3582px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.megaMayhemEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -889px -3582px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.clubsPointsMultiplierBoost:before, .activeEffectsPopup > .content > div ul > li.boostClubRank:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3443px -3385px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.cashbackMax:before, .activeEffectsPopup > .content > div ul > li.cashbackRate:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3389px -3385px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.pigDeal:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -997px -3582px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.pigStarter:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -1051px -3582px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.supersizeMax:before, .activeEffectsPopup > .content > div ul > li.supersizeRate:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -1375px -3582px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.wheelBlast:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -1537px -3582px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.hourlyBonusBaseInterval:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -1267px -3582px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.pokerRecallPrimeEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -1213px -3582px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.followersMultiplierEffect:before {
  margin-right: 17px;
  margin-left: 8px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3458px -2378px;
  width: 40px;
  height: 40px;
}

.activeEffectsPopup > .content > div ul > li.miniBarSpinBoost:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -943px -3582px;
  width: 52px;
  height: 52px;
}

#popupCont.isPlaying .activeEffectsPopup {
  top: 750px;
}

.piggy-offer-popup {
  width: 768px;
  height: 512px;
  position: absolute;
  top: 127px;
  left: 0;
  right: 0;
  margin: auto;
}

.piggy-offer-popup .close-btn {
  background-image: url(assets/images/Atlas.png);
  background-position: -2957px -3280px;
  width: 47px;
  height: 47px;
  position: absolute;
  right: 0;
  top: 0;
}

.piggy-offer-popup .close-btn:hover {
  background-position: -2908px -3280px;
}

.piggy-offer-popup .close-btn:active {
  background-position: -2859px -3280px;
}

.piggy-offer-popup .piggy-info-popup-title {
  font-size: 45px;
  font-family: AkzidGroProLigCnd;
  font-weight: bold;
  text-align: center;
}

.piggy-offer-popup .piggy-info-popup-text {
  font-size: 30px;
  margin-top: 10px;
}

.piggy-offer-popup .piggy-offer-popup-text {
  font-size: 40px;
  text-align: center;
  margin-top: 25%;
}

.piggy-offer-popup .piggy-btn-price {
  height: 67px;
  width: 227px;
  font-size: 40px;
  text-align: center;
  top: 199px;
  left: 134px;
  margin: 0px;
  font-family: AkzidGroProBolCnd;
  position: absolute;
  box-sizing: border-box;
  z-index: 1;
  line-height: 1.3;
}

.piggy-offer-popup .piggy-btn-price:disabled, .piggy-offer-popup .piggy-btn-price[disabled] {
  opacity: 1;
}

.piggy-offer-popup .piggy-btn-price .glassScreen {
  position: absolute;
  background: none;
}

.piggy-offer-popup .piggy-offer-popup-details ~ .piggy-btn-price {
  margin-top: 0;
}

.piggy-offer-popup .piggy-info-popup-image-container {
  width: 20%;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
}

.piggy-offer-popup .piggy-info-popup-inner {
  padding: 1.2rem 4rem 0rem 4rem;
}

.piggy-offer-popup .piggy-info-popup-queen {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2474px -979px;
  width: 86px;
  height: 89px;
}

.piggy-offer-popup .piggy-info-popup-goldpiggy {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2474px -1070px;
  width: 84px;
  height: 86px;
}

.piggy-offer-popup .piggy-info-popup-chips {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2474px -1338px;
  width: 83px;
  height: 78px;
}

.piggy-offer-popup .piggy-info-popup-hammer {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2692px -2212px;
  width: 61px;
  height: 82px;
  transform: scale(-1.2, 1.2);
}

.piggy-offer-popup .piggy-info-popup-separator {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -778px -505px;
  width: 440px;
  height: 10px;
}

.piggy-offer-popup .piggy-info-popup-content__item {
  padding: 0.4rem 0rem 0.4rem 0rem;
}

.piggy-offer-popup .piggy-info-popup-content {
  color: #ffffff;
  font-size: 3rem;
  line-height: 100%;
  font-family: AkzidGroProBolCnd;
  margin-left: 8.5rem;
}

.piggy-offer-popup .piggy-info-popup-content__item {
  display: flex;
  align-items: center;
}

.piggy-offer-popup .piggy-info-popup-content__separator {
  display: flex;
  align-items: center;
  justify-content: center;
}

.piggy-offer-popup .piggy-info-popup-content.isPiggyUnLocked .piggy-info-popup-content__item {
  height: 115px;
}

.piggy-offer-popup .piggy-offer-overlay-bg {
  background-image: url(assets/images/AtlasPiggy.png);
  background-position: -1531px 0px;
  width: 398px;
  height: 506px;
  position: absolute;
  left: 2px;
}

.piggy-offer-popup .piggy-benefits-overlay-bg {
  background-image: url(assets/images/AtlasPiggy.png);
  background-position: 0px -1018px;
  width: 505px;
  height: 505px;
  position: absolute;
  left: 3px;
}

.piggy-offer-popup .piggy-offer-2d-bg {
  background-image: url(assets/images/AtlasPiggy.png);
  background-position: 0px -512px;
  width: 761px;
  height: 504px;
  position: absolute;
  left: 2px;
  top: 4px;
}

.piggy-offer-popup .piggy-offer-popup-neon {
  background-image: url(assets/images/AtlasPiggy.png);
  background-position: 0px 0px;
  width: 766px;
  height: 510px;
  position: absolute;
}

.piggy-offer-popup .piggy-offer-popup-text, .piggy-offer-popup .piggy-offer-popup-details {
  font-family: AkzidGroProLigCnd;
  font-size: 4.7rem;
  color: #50f9ff;
  text-shadow: 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff;
  text-align: left;
  position: relative;
  padding-left: 26px;
  padding-top: 13px;
  z-index: 1;
}

.piggy-offer-popup .piggy-offer-popup-details {
  font-size: 3.6rem;
  padding-left: 26px;
  padding-top: 13px;
  height: 25px;
}

.piggy-offer-popup .piggy-offer-popup-price {
  font-size: 8rem;
  font-family: AkzidGroProBolCnd;
  text-shadow: 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff;
  text-align: left;
  line-height: 85%;
  padding-left: 26px;
  position: relative;
}

.piggy-offer-popup .status-points {
  font-size: 2.5rem;
  text-align: center;
  top: 466px;
  left: 306px;
  margin: 0px;
  position: absolute;
  z-index: 1;
}

.piggy-offer-popup .how-to-play-button {
  font-size: 3.7rem;
  text-align: center;
  margin-bottom: 4.5%;
}

.piggy-offer-popup .close-btn {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2528px -2391px;
  width: 52px;
  height: 52px;
  margin-right: 23px;
  margin-top: 23px;
  z-index: 1;
}

.piggy-offer-popup .close-btn:hover {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2474px -2391px;
  width: 52px;
  height: 52px;
}

.piggy-offer-popup .close-btn:active {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2528px -2336px;
  width: 52px;
  height: 52px;
}

.piggy-offer-popup .piggy-offer-album-pack {
  position: absolute;
  bottom: 30px;
  left: 40px;
}

.piggy-offer-popup .piggy-offer-hammer {
  background-image: url(assets/images/AtlasPiggy.png);
  background-position: 0px -1525px;
  width: 409px;
  height: 205px;
  position: absolute;
  top: 316px;
  left: 201px;
  z-index: 1;
}

.piggy-offer-popup.full .piggy-offer-2d-bg {
  background-image: url(assets/images/AtlasPiggy.png);
  background-position: -763px -512px;
  width: 761px;
  height: 504px;
  position: absolute;
  left: 2px;
  top: 4px;
}

.piggy-offer-popup.full .close-btn {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2392px -807px;
  width: 52px;
  height: 52px;
}

.piggy-offer-popup.full .close-btn:hover {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2392px -753px;
  width: 52px;
  height: 52px;
}

.piggy-offer-popup.full .close-btn:active {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2392px -699px;
  width: 52px;
  height: 52px;
}

.piggy-offer-popup.inProgress .piggy-offer-popup-details {
  font-size: 3.6rem;
  padding-left: 26px;
  padding-top: 16px;
  height: 25px;
  line-height: 100%;
}

.full.storeComparisonPO .piggy-offer-2d-bg {
  background-image: url(assets/images/AtlasPiggy.png);
  background-position: 0px -512px;
  width: 761px;
  height: 504px;
}

.full.storeComparisonPO .close-btn {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2528px -2391px;
  width: 52px;
  height: 52px;
  margin-right: 23px;
  margin-top: 23px;
}

.full.storeComparisonPO .close-btn:hover {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2474px -2391px;
  width: 52px;
  height: 52px;
}

.full.storeComparisonPO .close-btn:active {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2528px -2336px;
  width: 52px;
  height: 52px;
}

.fullTargeted .full-store-comparison-popup .piggy-offer-popup-price {
  top: 215px;
  font-size: 4.8rem;
  font-family: AkzidGroProLigCnd;
  color: #50f9ff;
  text-shadow: 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff;
}

.fullTargeted .full-store-comparison-popup .piggy-offer-popup-text {
  font-size: 5rem;
  font-family: AkzidGroProBolCnd;
  color: #ffffff;
  text-shadow: 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff;
  line-height: 90%;
  top: 25px;
}

.store-comparison-popup.not-full {
  position: absolute;
  padding-left: 26px;
  top: 206px;
  z-index: 1;
}

.store-comparison-popup.not-full > * {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.store-comparison-popup.not-full .top-container > div {
  display: inline-block;
}

.store-comparison-popup.not-full .piggy-offer-popup-price {
  padding: 0;
  font-size: 12.5rem;
  color: #ffffff;
  text-shadow: 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff;
}

.store-comparison-popup.not-full .more-chips {
  font-size: 6rem;
  line-height: 80%;
  word-wrap: break-word;
  width: 128px;
}

.store-comparison-popup.not-full .blue-text {
  font-size: 6.4rem;
  position: relative;
  color: #50f9ff;
}

.store-comparison-popup.not-full .base-percentage {
  display: inline;
}

.isPigDeal .label-text, .isPiggyPlus .label-text {
  margin: 36px 10px 0 0;
}

.isPigStarter .label-text {
  margin: 52px 12px 0 0;
}

.isPigDeal .piggy-promo-tag, .isPigStarter .piggy-promo-tag, .isPiggyPlus .piggy-promo-tag {
  background-image: url(assets/images/AtlasPiggy.png);
  background-position: -1531px -1243px;
  width: 251px;
  height: 176px;
  position: absolute;
  right: 5px;
  top: 195px;
  z-index: 3;
}

.isPigDeal .piggy-promo-tag .label-text, .isPigStarter .piggy-promo-tag .label-text, .isPiggyPlus .piggy-promo-tag .label-text {
  font-family: AkzidGroProBolCnd;
  text-align: center;
  transform: rotate(-7deg);
  text-shadow: 0px 0px 5px #d322f4, 0px 0px 5px #d322f4, 0px 0px 5px #d322f4, 0px 0px 5px #d322f4, 0px 0px 5px #d322f4, 0px 0px 5px #d322f4;
}

.isPigDeal .piggy-promo-tag .label-text .line-0, .isPigStarter .piggy-promo-tag .label-text .line-0, .isPiggyPlus .piggy-promo-tag .label-text .line-0 {
  font-size: 28px;
}

.isPigDeal .piggy-promo-tag .label-text .line-1, .isPigStarter .piggy-promo-tag .label-text .line-1, .isPiggyPlus .piggy-promo-tag .label-text .line-1 {
  font-size: 38px;
}

.isPigDeal .piggy-promo-tag .label-text .line-2, .isPigStarter .piggy-promo-tag .label-text .line-2, .isPiggyPlus .piggy-promo-tag .label-text .line-2 {
  font-size: 24px;
}

.isPigDeal .piggy-promo-tag .label-text .pigstarter-0, .isPigStarter .piggy-promo-tag .label-text .pigstarter-0, .isPiggyPlus .piggy-promo-tag .label-text .pigstarter-0 {
  font-size: 24px;
  width: 100%;
}

.isPigDeal .piggy-promo-tag .label-text .pigstarter-1, .isPigStarter .piggy-promo-tag .label-text .pigstarter-1, .isPiggyPlus .piggy-promo-tag .label-text .pigstarter-1 {
  font-size: 58px;
}

.isPigDeal .piggy-promo-tag:before, .isPigStarter .piggy-promo-tag:before, .isPiggyPlus .piggy-promo-tag:before {
  content: '';
  width: 251px;
  height: 176px;
  left: 20px;
  bottom: 13px;
  opacity: 0.7;
  position: absolute;
  background-image: url(assets/images/piggy/PiggyBank_TagSparkAnim.gif);
  background-repeat: no-repeat;
}

.isPigDeal .piggy-promo-tag:after, .isPigStarter .piggy-promo-tag:after, .isPiggyPlus .piggy-promo-tag:after {
  content: '';
  width: 251px;
  height: 176px;
  right: 0;
  top: 0;
  opacity: 0.5;
  position: absolute;
  background-image: url(assets/images/piggy/PiggyBank_promoTag_anim.gif);
  background-repeat: no-repeat;
}

.isPigDeal, .isPiggyPlus {
  line-height: 33px;
}

.isPigStarter .label-text {
  line-height: 83px;
}

.isPiggyPlus .piggy-promo-tag {
  cursor: pointer;
}

.isPigDeal .piggy-offer-popup-price,
.isPigDeal .piggy-promo,
.isPigDeal.storeComparisonPO .piggy-offer-popup-price:not(.blue-text) {
  text-shadow: 0px 0px 5px #d825ff, 0px 0px 5px #d825ff, 0px 0px 5px #d825ff, 0px 0px 5px #d825ff, 0px 0px 5px #d825ff, 0px 0px 5px #d825ff;
}

.isPigDeal .crossed-content {
  position: relative;
}

.isPigDeal .crossed-content:before {
  position: absolute;
  content: '';
  left: 0;
  top: 45%;
  right: 0;
  border-top: 3px solid;
  border-color: #d825ff;
  transform: skewY(-10deg);
}

.isPigDeal.storeComparisonPO .showBasePercentage .top-container .percentage {
  font-size: 10rem;
  right: 10px;
}

.isPigDeal.storeComparisonPO .showBasePercentage .blue-text {
  font-size: 5rem;
}

.isPigDeal.storeComparisonPO .showBasePercentage .more-chips {
  font-size: 5rem;
}

.piggy-plus-popup {
  height: 300px;
  position: relative;
}

.piggy-plus-popup .back-btn {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2706px -2119px;
  width: 48px;
  height: 49px;
  top: 23px;
  left: 303px;
}

.piggy-plus-popup .back-btn:hover {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2708px -1437px;
  width: 48px;
  height: 49px;
}

.piggy-plus-popup .back-btn:active {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2562px -979px;
  width: 48px;
  height: 49px;
}

.piggy-plus-popup .benefits-text, .piggy-plus-popup .benefits-amount {
  font-family: AkzidGroProBolCnd;
  text-shadow: 0px 0px 5px #d825ff, 0px 0px 5px #d825ff, 0px 0px 5px #d825ff, 0px 0px 5px #d825ff, 0px 0px 5px #d825ff, 0px 0px 5px #d825ff;
}

.piggy-plus-popup .benefits-text {
  margin: 67px 0px 0px 15px;
  font-size: 32px;
}

.piggy-plus-popup .benefits-amount {
  font-size: 45px;
}

.piggy-plus-fadeout-top {
  background-image: url(assets/images/AtlasPiggy.png);
  background-position: -1531px -1432px;
  width: 397px;
  height: 9px;
  position: absolute;
  z-index: 1;
  left: 5px;
}

.piggy-plus-fadeout-bottom {
  background-image: url(assets/images/AtlasPiggy.png);
  background-position: -1531px -1421px;
  width: 397px;
  height: 9px;
  position: absolute;
  z-index: 1;
  left: 5px;
  top: 365px;
}

.benefits-list {
  padding: 5px;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: -3px;
}

.benefits-list .benefit {
  height: 50px;
  display: flex;
  align-items: center;
}

.benefits-list .benefit .benefit-icon {
  width: 40px;
  margin-right: 10px;
}

.benefits-list .benefit .benefit-icon.baseBoostEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3173px -3385px;
  width: 52px;
  height: 52px;
}

.benefits-list .benefit .benefit-icon.maxBoostEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -835px -3582px;
  width: 52px;
  height: 52px;
}

.benefits-list .benefit .benefit-icon.freeChipsEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3551px -3385px;
  width: 52px;
  height: 52px;
}

.benefits-list .benefit .benefit-icon.freeEntryEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -937px -3280px;
  width: 50px;
  height: 50px;
}

.benefits-list .benefit .benefit-icon.freeMysteryTournamentEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -673px -3582px;
  width: 52px;
  height: 52px;
}

.benefits-list .benefit .benefit-icon.freeSlotSpinEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -727px -3582px;
  width: 52px;
  height: 52px;
}

.benefits-list .benefit .benefit-icon.instantMegaBonusEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -781px -3582px;
  width: 52px;
  height: 52px;
}

.benefits-list .benefit .benefit-icon.turboTimeEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -1483px -3582px;
  width: 52px;
  height: 52px;
}

.benefits-list .benefit .benefit-icon.xpMultiplierEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -1591px -3582px;
  width: 52px;
  height: 52px;
}

.benefits-list .benefit .benefit-icon.friendGiftMultiplierEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3227px -3385px;
  width: 52px;
  height: 52px;
}

.benefits-list .benefit .benefit-icon.boostedGoldenWedgeEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3281px -3385px;
  width: 52px;
  height: 52px;
}

.benefits-list .benefit .benefit-icon.extraGoldenWedgeEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3497px -3385px;
  width: 52px;
  height: 52px;
}

.benefits-list .benefit .benefit-icon.pokerRecallCardBoostEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -1105px -3582px;
  width: 52px;
  height: 52px;
}

.benefits-list .benefit .benefit-icon.pokerRecallCardRushEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3335px -3385px;
  width: 52px;
  height: 52px;
}

.benefits-list .benefit .benefit-icon.pokerRecallRecallsEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -1159px -3582px;
  width: 52px;
  height: 52px;
}

.benefits-list .benefit .benefit-icon.statusBoostEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -1321px -3582px;
  width: 52px;
  height: 52px;
}

.benefits-list .benefit .benefit-icon.megaMayhemEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -889px -3582px;
  width: 52px;
  height: 52px;
}

.benefits-list .benefit .benefit-icon.clubsPointsMultiplierBoost:before, .benefits-list .benefit .benefit-icon.boostClubRank:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3443px -3385px;
  width: 52px;
  height: 52px;
}

.benefits-list .benefit .benefit-icon.cashbackMax:before, .benefits-list .benefit .benefit-icon.cashbackRate:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3389px -3385px;
  width: 52px;
  height: 52px;
}

.benefits-list .benefit .benefit-icon.pigDeal:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -997px -3582px;
  width: 52px;
  height: 52px;
}

.benefits-list .benefit .benefit-icon.pigStarter:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -1051px -3582px;
  width: 52px;
  height: 52px;
}

.benefits-list .benefit .benefit-icon.supersizeMax:before, .benefits-list .benefit .benefit-icon.supersizeRate:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -1375px -3582px;
  width: 52px;
  height: 52px;
}

.benefits-list .benefit .benefit-icon.wheelBlast:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -1537px -3582px;
  width: 52px;
  height: 52px;
}

.benefits-list .benefit .benefit-icon.hourlyBonusBaseInterval:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -1267px -3582px;
  width: 52px;
  height: 52px;
}

.benefits-list .benefit .benefit-icon.pokerRecallPrimeEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -1213px -3582px;
  width: 52px;
  height: 52px;
}

.benefits-list .benefit .benefit-icon.followersMultiplierEffect:before {
  margin-right: 17px;
  margin-left: 8px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3458px -2378px;
  width: 40px;
  height: 40px;
}

.benefits-list .benefit .benefit-icon.miniBarSpinBoost:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -943px -3582px;
  width: 52px;
  height: 52px;
}

.benefits-list .benefit .benefit-icon:before {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  content: "";
  margin-right: 10px;
}

.benefits-list .benefit .label {
  width: 254px;
  font-family: AkzidGroProBolCnd;
  font-weight: 400;
  font-size: 1.9rem;
  padding-top: 1px;
  text-shadow: 2px 1px 1px #000;
  margin-top: 7px;
  width: 305px;
  text-transform: uppercase;
}

.benefits-list .benefit .label sup {
  font-size: 0.6em;
}

.benefits-list .benefit .label:not(:first-child) {
  line-height: 1.7rem;
}

.benefits-list .benefit .time {
  position: relative;
  width: 67px;
  text-align: left;
  font-size: 2.2rem;
  font-family: AkzidGroProLigCnd;
  font-weight: 400;
  line-height: 1em;
  padding: 5px 0 0 20px;
  text-shadow: 1px 1px 1px #000;
  margin-top: 4px;
}

.benefits-list .benefit .time:before {
  position: absolute;
  display: block;
  content: "";
  top: 7px;
  left: 6px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1555px;
  width: 11px;
  height: 17px;
}

.benefits-list .benefit .scrollableArea {
  height: 100%;
}

.benefits-list .success-not-supported {
  width: 254px;
  font-family: AkzidGroProBolCnd;
  font-weight: 400;
  font-size: 1.9rem;
  padding-top: 1px;
  text-shadow: 2px 1px 1px #000;
  width: 100%;
  text-align: center;
  font-size: 4rem;
  margin-top: 40px;
  display: inline-block;
}

.benefits-list .success-not-supported sup {
  font-size: 0.6em;
}

.piggy-tooltip {
  position: absolute;
  top: 41px;
  right: -21px;
  font-family: AkzidGroProBolCnd;
}

.piggy-tooltip.onGameScene {
  right: -4px;
}

.piggy-tooltip .piggy-tooltip-button {
  position: absolute;
  width: 197px;
  height: 48px;
  line-height: 100%;
  font-family: AkzidGroProBolCnd;
  text-align: center;
}

.piggy-tooltip .piggy-tooltip-button:disabled {
  opacity: 1;
}

.piggy-tooltip .tooltip-title {
  font-size: 2.7rem;
  text-align: center;
  color: #50f9ff;
  text-shadow: 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff;
  padding-left: 14px;
  padding-top: 18px;
  padding-bottom: 3px;
  width: 200px;
  line-height: 100%;
}

.piggy-tooltip.locked .piggy-logo-in-tooltip {
  background-image: url(assets/images/AtlasPiggy.png);
  background-position: -1531px -508px;
  width: 319px;
  height: 196px;
  position: absolute;
  transform: scale(0.546);
  right: 0px;
  top: -89px;
  z-index: -1;
}

.piggy-tooltip.locked .tooltip-content {
  padding-top: 28px;
}

.piggy-tooltip.locked .piggy-tooltip-button {
  margin-left: 10px;
  padding: 0;
}

.piggy-tooltip.full .piggy-blue-tooltip-bg {
  background-image: url(assets/images/AtlasPiggy.png);
  background-position: -1531px -1064px;
  width: 276px;
  height: 177px;
  position: absolute;
  right: -8px;
  top: -8px;
  z-index: -2;
}

.piggy-tooltip.full .tooltip-title {
  font-size: 3.2rem;
  color: #ffffff;
  text-shadow: 0px 0px 5px #c12424, 0px 0px 5px #c12424, 0px 0px 5px #c12424, 0px 0px 5px #c12424, 0px 0px 5px #c12424, 0px 0px 5px #c12424;
  padding-right: 29px;
  padding-top: 15px;
}

.piggy-tooltip.full .tooltip-content {
  font-size: 4.4rem;
  font-family: AkzidGroProBolCnd;
  text-shadow: 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff;
  padding: 24px 29px 32px 12px;
}

.piggy-tooltip.full .tooltip-content .break-it-now {
  font-size: 2.8rem;
  line-height: 100%;
  padding-top: 4px;
  width: 250px;
  position: absolute;
}

.piggy-tooltip.full .piggy-tooltip-hammer {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2692px -2212px;
  width: 61px;
  height: 82px;
  position: absolute;
  top: 87px;
  right: 3px;
}

.piggy-tooltip.full .piggy-tooltip-button {
  width: 161px;
  left: 32px;
}

.piggy-tooltip.full .piggy-btn-close {
  background-image: url(assets/images/AtlasPiggy.png);
  background-position: -1852px -655px;
  width: 26px;
  height: 25px;
}

.piggy-tooltip.full .piggy-btn-close:hover {
  background-image: url(assets/images/AtlasPiggy.png);
  background-position: -1880px -655px;
  width: 26px;
  height: 25px;
}

.piggy-tooltip.full .piggy-btn-close:active {
  background-image: url(assets/images/AtlasPiggy.png);
  background-position: -1880px -628px;
  width: 26px;
  height: 25px;
}

.piggy-tooltip.claimable .piggy-blue-tooltip-bg {
  background-image: url(assets/images/AtlasPiggy.png);
  background-position: -1531px -706px;
  width: 276px;
  height: 177px;
  position: absolute;
  right: -8px;
  top: -8px;
  z-index: -2;
}

.piggy-tooltip.claimable .tooltip-title {
  text-shadow: 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff;
  padding-right: 29px;
}

.piggy-tooltip.claimable .tooltip-content {
  font-size: 4.4rem;
  line-height: 100%;
  font-family: AkzidGroProBolCnd;
  text-shadow: 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff;
  padding: 6px 29px 8px 12px;
}

.piggy-tooltip.claimable .piggy-tooltip-button {
  width: 161px;
  left: 33px;
}

.piggy-tooltip.claimable.isPlaying {
  right: -6px;
}

.piggy-tooltip.empty .tooltip-title {
  text-shadow: 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff;
  padding-left: 21px;
  padding-bottom: 0px;
}

.piggy-tooltip.empty .tooltip-content {
  font-size: 2.4rem;
  line-height: 110%;
  text-shadow: 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff;
  width: 230px;
  padding: 4px 12px 6px 8px;
}

.piggy-tooltip.empty .piggy-tooltip-button {
  left: 12px;
  width: 218px;
}

.piggy-tooltip.inProgress {
  font-family: AkzidGroProBolCnd;
}

.piggy-tooltip.inProgress .tooltip-title {
  text-shadow: 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff;
  padding-left: 21px;
  padding-bottom: 0px;
}

.piggy-tooltip.inProgress .tooltip-content {
  font-size: 4.4rem;
  line-height: 110%;
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-shadow: 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff;
  width: 230px;
  padding: 4px 12px 6px 8px;
  position: relative;
}

.piggy-tooltip.inProgress .piggy-tooltip-button {
  width: 161px;
  left: 41px;
}

.piggy-tooltip.inProgress .more-chips-than {
  font-size: 2.8rem;
  margin-bottom: -10px;
  margin-left: -4px;
  line-height: 100%;
  padding-top: 4px;
  width: 250px;
  position: absolute;
}

.piggy-tooltip.inProgress .piggy-tooltip-hammer {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2692px -2212px;
  width: 61px;
  height: 82px;
  position: absolute;
  top: 87px;
  right: 3px;
}

.piggy-tooltip.inProgress .piggy-smoke-behind {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -256px -2083px;
  width: 266px;
  height: 125px;
  position: absolute;
  margin-left: -13px;
  margin-top: 54px;
}

.piggy-tooltip.inProgress .piggy-store-compare-line0 {
  font-size: 3.4rem;
}

.piggy-tooltip .piggy-blue-tooltip-bg {
  background-image: url(assets/images/AtlasPiggy.png);
  background-position: -1531px -885px;
  width: 276px;
  height: 177px;
  position: absolute;
  right: -8px;
  top: -8px;
  z-index: -2;
}

.piggy-tooltip .piggy-btn-close {
  background-image: url(assets/images/AtlasPiggy.png);
  background-position: -1903px -535px;
  width: 26px;
  height: 25px;
  position: absolute;
  z-index: 2;
  right: 2px;
  top: 12px;
  cursor: pointer;
}

.piggy-tooltip .piggy-btn-close:hover {
  background-image: url(assets/images/AtlasPiggy.png);
  background-position: -1852px -628px;
  width: 26px;
  height: 25px;
}

.piggy-tooltip .piggy-btn-close:active {
  background-image: url(assets/images/AtlasPiggy.png);
  background-position: -1903px -508px;
  width: 26px;
  height: 25px;
}

.piggy-tooltip .tooltip-content {
  font-size: 2.7rem;
  text-align: center;
  line-height: 100%;
  text-shadow: 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff, 0px 0px 5px #0654ff;
  width: 200px;
  padding: 49px 29px 3px 8px;
}

.is-piggy-tooltip {
  left: inherit;
  right: -60px;
  margin: inherit;
  top: 60px;
  z-index: 3;
}

.apeCaption {
  position: absolute;
  display: flex;
  width: inherit;
  height: inherit;
  word-wrap: break-word;
  top: 0;
  left: 0;
}

.apeCaption.top {
  align-items: flex-start;
}

.apeCaption.middle {
  align-items: center;
}

.apeCaption.bottom {
  align-items: flex-end;
}

.apeCaption.left {
  justify-content: flex-start;
}

.apeCaption.center {
  justify-content: center;
}

.apeCaption.right {
  justify-content: flex-end;
}

.apeCaption.justify {
  text-align: justify;
}

.apeCaption.styleUnderline {
  text-decoration: underline;
}

.apeCaption.styleUnderline text {
  text-decoration: underline;
}

#plpPopupContainer {
  z-index: 2021 !important;
}

#plpOverlay {
  z-index: 2020 !important;
}

#popupAddBuddy .gpContentCont {
  height: auto;
}

#popupAddBuddy > .gpContentCont {
  background: #030a20;
  background: radial-gradient(rgba(0, 0, 255, 0.55) 5%, rgba(0, 0, 255, 0.15) 25%, rgba(3, 10, 32, 0) 45%) no-repeat, linear-gradient(0deg, rgba(3, 10, 32, 0.5) 0%, rgba(3, 10, 32, 0.5) 100%) no-repeat, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUM0ODMyOTZEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUM0ODMyOTVEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pld80tkAAADSSURBVHjadNCxDsFQFMbxW4pEbRbxAFYRITGw6gNYPYPdKjGZhMFLSEzaUbcONjsGg0kiZSAR/8ttcnPTnuTXk7T9em6PlXP6gtqghQgP8a83Kri8Iq8jjMqogBSghobEy236FuV8yZ2YQYuJPr0O+dVj/ICgIFBUp7iiqeWceKKvh7TwkzZDASeclYPNJYu9SK8dRuiq6b+SwTGmmKcEVwiZHprLWapNBmaCfxzI5RDqmc9s1YfwUNVCDm2BddIx4qCLu1qApe59IJdzSwp+BRgADnE2lChoGq4AAAAASUVORK5CYII=") repeat #030a20;
  background-size: 100% 52%,100% 100%,14px 9px;
  background-position: 50% -25%, 0 0, 0 0;
  background-attachment: fixed;
}

#popupAddBuddy .popupTxt {
  padding-top: 2px;
  font-size: 2.2rem;
}

#ABP_playerPortrait {
  width: 80px;
  height: 80px;
  margin: 10px auto;
  background-size: cover;
  background-position: 50% 0;
  position: relative;
}

#ABP_playerPortrait > div:first-child {
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 50%;
}

#ABP_playerPortrait > div:first-child:before {
  position: absolute;
  top: 4px;
  left: 4px;
  content: "";
  background-image: url(assets/images/Atlas.png);
  background-position: -3500px -538px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  transform: translate3d(0, 0, 0) scale(0.75);
  transform-origin: top left;
}

#ABP_playerPortrait > div:first-child > div {
  position: absolute;
  top: 4px;
  left: 4px;
  background-size: cover;
  background-position: 50% 50%;
  height: 75px;
  width: 75px;
  border-radius: 50%;
  z-index: 4;
}

#ABP_playerPortrait > div:first-child img[src=""] {
  visibility: hidden;
}

#ABP_playerPortrait > div:last-child {
  background-image: url(assets/images/Atlas.png);
  background-position: -3500px -1226px;
  width: 82px;
  height: 82px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}

#ABP_acceptBtn {
  display: block;
  position: relative;
  margin: 23px auto 0 auto;
  padding: 3px;
  width: 175px;
  font-family: AkzidGroProBolCnd;
  font-weight: normal;
}

#ABP_denyBtn {
  font-size: 2rem;
  line-height: 1em;
  display: block;
  font-weight: normal;
  font-family: AkzidGroProLigCnd;
  margin: 3px auto;
  border-bottom: solid 1px;
  padding: 0;
}

#popupAddBuddyConfirmation .ABC_playerPortrait1,
#popupAddBuddyConfirmation .ABC_playerPortrait2 {
  width: 80px;
  height: 80px;
  margin: 30px 10px 0;
  display: inline-block;
  background-size: cover;
  background-position: 50% 0;
  position: relative;
  border-radius: 50%;
}

#popupAddBuddyConfirmation .ABC_playerPortrait1:after,
#popupAddBuddyConfirmation .ABC_playerPortrait2:after {
  content: '';
  position: absolute;
  background-image: url(assets/images/Atlas.png);
  background-position: -3500px -1226px;
  width: 82px;
  height: 82px;
  left: -1px;
}

#popupAddBuddyConfirmation .ABC_acceptBtn {
  width: 150px;
  height: 50px;
  margin-top: 20px;
  line-height: 100%;
  font-family: AkzidGroProXBolCnd;
  font-size: 1.7rem;
  text-shadow: 0 2px 0 #6284e6;
}

#popupAddBuddyConfirmation .ABC_acceptBtn:active {
  padding-top: 1px;
}

#popupAddBuddyConfirmation .popupTxt {
  padding-top: 5px;
}

.wheelBlastPromoPopup {
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  margin: auto;
  background-image: url(assets/images/Atlas.png);
  background-position: -770px 0px;
  width: 768px;
  height: 512px;
}

.wheelBlastPromoPopup .wheelBlastMultiplierContainer {
  display: inline-block;
  text-align: center;
  position: absolute;
  font-size: 28px;
  top: 226px;
  left: 202px;
  transform: translateX(-50%);
}

.wheelBlastPromoPopup .wheelBlastMultiplierContainer .wheelBlastMultiplier {
  line-height: 0.9;
  font-size: 68px;
  text-shadow: 0px 0px 7px #ce01df, 0px 0px 7px #ce01df, 0px 0px 7px #ce01df;
}

.wheelBlastPromoPopup .wheelBlastTimeLeft {
  display: inline;
}

.wheelBlastPromoPopup .timeLeftContainer {
  font-size: 24px;
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 63px;
}

.wheelBlastPromoPopup .genericButton {
  bottom: 100px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 95px;
  font-size: 24px;
}

#scene {
  position: relative;
}

#GameScene {
  position: relative;
  margin: 0 11px;
}

#GameScene:before,
#GameScene:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(90deg, transparent, #5c6683 1px, transparent 2px), radial-gradient(circle at 0px 80px, rgba(255, 255, 255, 0.35) 2%, transparent 10%), radial-gradient(circle at 0px 90%, rgba(0, 0, 0, 0.75) 1%, transparent 10%), linear-gradient(90deg, #5c6683, #7b84a8 33.3%, #363d4f 50%, #363d4f 66.6%, #303646);
  height: 100%;
  width: 7px;
  box-shadow: inset 0px 4px 0px #303646, inset 0px -4px 10px #6a7188, inset 0 0 0px 1px #111, 0 0 5px #000;
}

#GameScene:after {
  left: auto;
  right: 0;
  z-index: 0;
  transform: scaleX(-1);
}

/** Overrides for BP Bar in GameScene **/
#GameScene .gsMenuContainer {
  position: relative;
  z-index: 9;
}

#GameScene .bpBarWrapper {
  position: absolute;
  bottom: 170px;
  left: 320px;
  transition: opacity 125ms;
  opacity: 0;
  pointer-events: none;
}

#GameScene .bpBarWrapper .bpBarContainer.withChip {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 19px;
  width: 119px;
  padding-right: 18px;
}

#GameScene .bpBarWrapper .bpBarContainer.withChip .bpBarMeterContainer {
  transition: none;
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

#GameScene .bpBarWrapper .bpBarContainer.withChip .bpBarMeterContainer span {
  line-height: 2rem;
}

#GameScene .bpBarWrapper .bpBarContainer.withChip > .bpBarChipContainer {
  width: 31px;
  height: 31px;
  right: -14px;
  top: -3px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5) inset, 0 1px 0px 0 rgba(255, 255, 255, 0.5);
}

#GameScene .bpBarWrapper .bpBarContainer.withChip > .bpBarChipContainer > .bpBarNextChip {
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  transform-origin: center;
  transform: translate(-50%, -50%);
}

#GameScene .bpBarWrapper canvas {
  position: absolute;
  top: -75px;
  left: 10px;
  transform: scale(0.65);
  pointer-events: none;
}

#GameScene #miniBarWidget {
  position: absolute;
  top: 315px;
  left: 505px;
  z-index: 1;
}

.menuContent {
  position: absolute;
  left: 0;
  top: -3px;
  color: #FFF;
  text-shadow: 0 1px 3px #000;
  z-index: 3;
}

/************************
      POSITIONNING
*************************/
.gsMenu {
  position: absolute;
  top: 412px;
  left: -14px;
  width: 786px;
  height: 89px;
}

.gsMenu .gsMenuBarContainer {
  position: relative;
  top: 25px;
  left: 3px;
  width: 781px;
  height: 64px;
}

.gsMenu .gsMenuBarContainer .gsMenuButtonsBar {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
}

.gsMenu .gsMenuBarContainer .gsMenuButtonsBar .gsStoreBtnsContainer {
  display: flex;
  position: relative;
  top: 6px;
  width: 35%;
  justify-content: center;
  margin: 0 0 0 2px;
}

.gsMenu .gsMenuBarContainer .gsMenuButtonsBar .gsActionButtonsContainer {
  display: flex;
  position: relative;
  width: 65%;
  margin: 6px 0 7px -13px;
}

.gsMenu .gsMenuBarContainer .gsMenuButtonsBar #RaiseBar {
  position: absolute;
  top: -441px;
  right: 0;
}

.gsMenu .gsMenuBarContainer .gsMenuButtonsBar .gsTurboChat {
  position: absolute;
  top: 1px;
  left: 261px;
}

.gsMenu .gsMenuBarContainer .gsMenuTabsBar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.gsMenu .gsMenuBarContainer .gsMenuTabsBar .gsxp {
  position: absolute;
  top: 0px;
  left: 0px;
}

.gsMenu .gsMenuBarContainer .gsMenuTabsBar .gsLevel {
  position: absolute;
  top: -24px;
  left: 9px;
}

.gsMenu .gsMenuBarContainer .gsMenuTabsBar .gsLevel.withXPBoost:before {
  content: '';
  position: absolute;
  left: -163px;
  top: -31px;
  transform: scale(0.41);
  z-index: 1;
  background-image: url(assets/images/Atlas.png);
  background-position: -1311px -2575px;
  width: 537px;
  height: 81px;
  animation: GameScene_XPMultiplier 300ms steps(1, end) infinite;
}

.gsMenu .gsMenuBarContainer .gsMenuTabsBar .gsLevel.withXPBoost .multiplier {
  position: absolute;
  right: 0;
  top: -38px;
  z-index: 2;
  pointer-events: none;
}

.gsMenu .gsMenuBarContainer .gsMenuTabsBar .gsLevel.withXPBoost .multiplier text {
  font-family: AkzidGroProXBolCnd;
  font-size: 1.7em;
  stroke-width: 3px;
  fill: #1631f2;
  stroke: white;
  text-anchor: end;
  stroke-linejoin: round;
  paint-order: stroke;
  pointer-events: none;
  text-shadow: none;
}

.gsMenu .gsMenuBarContainer .gsMenuTabsBar .gsHandStrength {
  position: absolute;
  top: -24px;
  right: 9px;
}

.gsMenu .gsMenuBarContainer .gsMenuTabsBar .momentumBarContainer {
  position: absolute;
  top: -24px;
  right: 9px;
}

/************************
        SKINNING
*************************/
.gsxp {
  height: 100%;
  width: 786px;
}

.gsStoreBtnsContainer .gsStoreBtn {
  height: 55px;
  width: 55px;
  background: linear-gradient(#8782ad, #575471 8.2%, #575471 62.2%, #111116 100%);
  box-shadow: inset 3px 0 3px -3px #000, inset -3px 0 3px -3px #000, inset 0 3px 3px -3px #fff;
  border: 2px solid #000;
  border-radius: 2px;
  font-family: AkzidGroProXBolCnd;
  font-size: 2.5rem;
  text-shadow: 0 3px 5px #000;
  color: #fff;
  position: relative;
  text-align: center;
  display: inline-block;
  margin: 0px 4px;
  box-sizing: border-box;
}

@keyframes opacityAnim {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes tick-tock {
  to {
    transform: rotate(360deg);
  }
}

.gsStoreBtnsContainer .gsStoreBtn.new:before {
  position: absolute;
  width: 36px;
  height: 10px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.6);
  z-index: 2;
  left: 6px;
  top: -5px;
  border-radius: 3px;
}

.gsStoreBtnsContainer .gsStoreBtn.new:after {
  content: attr(data-string);
  position: absolute;
  left: 0;
  right: 0;
  width: 36px;
  margin: auto;
  top: -11px;
  height: 19px;
  background: radial-gradient(ellipse at center, #FF9B30 0%, #FF9B30 30%, #F8DF67 100%);
  font-size: 16px;
  border-radius: 2px;
  box-shadow: 0 2px 3px black;
  z-index: 2;
  color: #fff;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  line-height: 1.2;
}

.gsStoreBtnsContainer .gsStoreBtn:hover {
  border: 2px solid #000;
}

.gsStoreBtnsContainer .gsStoreBtn:hover .icon:before {
  content: "";
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(rgba(255, 255, 255, 0.5) 25%, transparent 75%);
}

.gsStoreBtnsContainer .gsStoreBtn:focus {
  border: 2px solid #000;
}

.gsStoreBtnsContainer .gsStoreBtn:active {
  background: linear-gradient(#1c1c1c, #0b0b0b 8.3%, #171717 80.5%, #1f1f1f 94.4%, #151515 94.4%, #010101);
  padding-top: 1px;
  border: 2px solid #000;
}

.gsStoreBtnsContainer .gsStoreBtn:active .icon:before {
  background: none;
}

.gsStoreBtnsContainer .gsStoreBtn.disabled, .gsStoreBtnsContainer .gsStoreBtn[disabled] {
  background: #1F1F1F;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset, 0 2px 2px rgba(255, 255, 255, 0.25) inset;
  padding: 0;
  border: 2px solid #000;
  cursor: auto;
  color: #464646;
  pointer-events: none;
}

.gsStoreBtnsContainer .gsStoreBtn.active, .gsStoreBtnsContainer .gsStoreBtn:active {
  box-shadow: 0 0 5px black inset;
  background: linear-gradient(to bottom, #202020 0%, #363636 36%, #2d2d2d 80%, #4b4b4b 95%);
}

@keyframes bump-icon {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}

.gsStoreBtnsContainer .gsStoreBtn.notification:after {
  content: attr(data-notificationcount);
  position: absolute;
  top: -13px;
  right: 5px;
  min-width: 20px;
  height: 20px;
  font-size: 1.5rem;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  background-color: #EB2E24;
  background-image: linear-gradient(#ee1d32 7.4%, #ff4964 74%, #ed5d74 92.5%);
  border-radius: 3px;
  text-shadow: 0 2px 2px #000;
  box-shadow: 1px 1px 1px #000;
  z-index: 2;
  animation: bump-icon 350ms ease-in-out;
}

.gsStoreBtnsContainer .gsStoreBtn.glowing {
  border-radius: 2px;
  border-style: solid;
  border-width: 2px;
}

.gsStoreBtnsContainer .gsStoreBtn.glowing:before {
  content: '';
  position: absolute;
  left: -2px;
  top: -2px;
  width: 50px;
  height: 50px;
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  border-radius: 2px;
  animation: opacityAnim 2s infinite ease-in-out;
}

.gsStoreBtnsContainer .gsStoreBtn:before {
  content: "";
  position: relative;
  display: block;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
}

.gsStoreBtnsContainer .gsStoreBtn:first-child {
  margin-left: 0;
}

.gsStoreBtnsContainer .gsChallengesBtn .icon {
  background-image: url(assets/images/Atlas.png);
  background-position: -1704px -3280px;
  width: 49px;
  height: 49px;
  margin: 2px;
}

.gsStoreBtnsContainer .gsChallengesBtn.new:after {
  content: 'NEW';
  position: absolute;
  width: 36px;
  margin: auto;
  top: -11px;
  height: 19px;
  background: radial-gradient(ellipse at center, #FF9B30 0%, #FF9B30 30%, #F8DF67 100%);
  font-size: 16px;
  border-radius: 2px;
  box-shadow: 0 2px 3px black;
  z-index: 2;
  color: #fff;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  line-height: 1.2;
}

.gsStoreBtnsContainer .gsChallengesBtn.hasClaimableChallenges:not(.new):after {
  content: attr(data-count);
  position: absolute;
  top: -13px;
  right: 5px;
  min-width: 20px;
  height: 20px;
  font-size: 1.5rem;
  text-align: center;
  color: #fff;
  box-shadow: 1px 1px 1px #000;
  background-image: linear-gradient(to top, #ed5d73, #ee1d32);
  border-radius: 3px;
  font-family: AkzidGroProBolCnd;
}

.gsStoreBtnsContainer .gsInbox .icon {
  background-image: url(assets/images/Atlas.png);
  background-position: -2214px -3280px;
  width: 49px;
  height: 49px;
  transform: translate(-6px, 0px);
}

.gsStoreBtnsContainer .gsInbox.smallerEnvelope .icon {
  height: 68px;
  transform: translate(-6px, -9px) scale(0.8);
}

.gsStoreBtnsContainer .gsInbox.boosted .icon::after {
  content: '';
  position: absolute;
  left: -7px;
  top: -7px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3623px -1674px;
  width: 65px;
  height: 65px;
  animation: tick-tock 350ms steps(4, end) infinite;
}

.gsStoreBtnsContainer .gsGiftBtn .icon {
  background-image: url(assets/images/Atlas.png);
  background-position: -2215px -1305px;
  width: 49px;
  height: 49px;
  transform: scale(0.9);
  margin: 1px;
}

.gsStoreBtnsContainer .gsSlotBtn .icon {
  background-image: url(assets/images/Atlas.png);
  background-position: -885px -3280px;
  width: 50px;
  height: 50px;
}

.gsStoreBtnsContainer .gsSlotBtn.freeSpin:after {
  content: attr(data-title);
  position: absolute;
  top: -13px;
  right: 5px;
  min-width: 20px;
  height: 20px;
  font-size: 1.5rem;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  background-color: #EB2E24;
  background-image: linear-gradient(#ee1d32 7.4%, #ff4964 74%, #ed5d74 92.5%);
  border-radius: 3px;
  text-shadow: 0 2px 2px #000;
  box-shadow: 1px 1px 1px #000;
  z-index: 2;
}

.gsStoreBtnsContainer .gsSlotBtn.autospin .icon {
  background-image: url(assets/images/slotsIconAnimation.gif);
  background-position: center center;
}

.gsActionButtonsContainer .action-button {
  display: inline-block;
  height: 51px;
  width: 161px;
  margin: 0 0 0 3px;
  background: linear-gradient(#8782ad, #575471 8.2%, #575471 62.2%, #111116 100%);
  box-shadow: inset 3px 0 3px -3px #000, inset -3px 0 3px -3px #000, inset 0 3px 3px -3px #fff;
  border: 2px solid #000;
  border-radius: 2px;
}

.gsActionButtonsContainer .action-button .lblCont {
  display: table;
  height: 100%;
  width: calc(100% + 10px);
}

.gsActionButtonsContainer .action-button .lbl {
  vertical-align: middle;
  text-align: center;
  display: table-cell;
  width: 100%;
  font-family: AkzidGroProXBolCnd;
  font-size: 2rem;
}

.gsActionButtonsContainer .action-button.onlyTwoBtns {
  flex-basis: 40%;
}

.gsActionButtonsContainer .action-button .glow-hover {
  height: 60px;
  width: 170px;
  border-radius: 50%;
  position: absolute;
}

.gsActionButtonsContainer .action-button .indicator {
  position: absolute;
  height: 38px;
  width: 8px;
  margin: 4px 0 0px 3px;
  background: linear-gradient(#000, #253228 40%, #243127 70%, #000 120%);
  border: 1px solid #454a5c;
  box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.1);
}

.gsActionButtonsContainer .action-button .indicator:after {
  content: "";
  position: absolute;
  bottom: -2px;
  height: 1px;
  width: 8px;
  background: #fff;
  -webkit-filter: blur(1px);
          filter: blur(1px);
}

.gsActionButtonsContainer .action-button:hover:not(.disabled), .gsActionButtonsContainer .action-button:focus:not(.disabled) {
  background: linear-gradient(#fff, #8782ad 8.2%, #575471 70%, #111116 100%);
}

.gsActionButtonsContainer .action-button:hover:not(.disabled) .glow-hover, .gsActionButtonsContainer .action-button:focus:not(.disabled) .glow-hover {
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
}

.gsActionButtonsContainer .action-button:active:not(.disabled) {
  background: linear-gradient(to bottom, #202020 0%, #363636 50%, #2d2d2d 80%, #4b4b4b 95%);
  box-shadow: inset 2px 0px 4px 0px #000, inset -3px 0 3px -3px #000;
}

.gsActionButtonsContainer .action-button:active:not(.disabled) .indicator {
  border: 1px solid #313443;
  box-shadow: 0px 2px 0px 0px #888;
}

.gsActionButtonsContainer .action-button.disabled {
  background: linear-gradient(#3e3c52 8.2%, #3e3c52 50%, #111116 100%);
  box-shadow: inset 2px 0px 4px 0px #000, inset -3px 0 3px -3px #000;
}

.gsActionButtonsContainer .action-button.checked .indicator {
  background: linear-gradient(#50a214, #50a214 8.2%, #b0e027 35%, #b0e027 65%, #50a214 90%);
  border: 1px solid #c4eb45;
  box-shadow: 0 3px 2px 0px #0c0c0c;
  margin: 6px 0 0px 3px;
}

.gsActionButtonsContainer .action-button.checked .indicator .indicator-glow {
  position: absolute;
  height: 60px;
  width: 60px;
  margin: -10px 0 0px -26px;
  border-radius: 50%;
  background-image: radial-gradient(ellipse at center, rgba(176, 224, 39, 0.35) 0%, rgba(176, 224, 39, 0) 70%, rgba(176, 224, 39, 0) 100%), radial-gradient(ellipse at center, #f3f9af 0%, rgba(243, 249, 175, 0) 70%, rgba(243, 249, 175, 0) 100%);
  background-size: 60px 60px, 8px 49px;
  background-position: center, center;
  background-repeat: no-repeat;
}

.gsActionButtonsContainer .action-button.checked#ActionBtn1 .indicator, .gsActionButtonsContainer .action-button.checked.action-button-fold .indicator {
  background-image: linear-gradient(#da3151, #ba1831 8.2%, #da3151 35%, #da3151 65%, #ba1831 90%);
  border: 1px solid #ff869f;
  box-shadow: 0 3px 2px 0px #0c0c0c;
}

.gsActionButtonsContainer .action-button.checked#ActionBtn1 .indicator .indicator-glow, .gsActionButtonsContainer .action-button.checked.action-button-fold .indicator .indicator-glow {
  background-image: radial-gradient(ellipse at center, rgba(218, 49, 81, 0.8) 0%, rgba(218, 49, 81, 0) 70%, rgba(218, 49, 81, 0) 100%), radial-gradient(ellipse at center, #fa7ea9 0%, rgba(250, 126, 169, 0) 70%, rgba(250, 126, 169, 0) 100%);
}

.gsActionButtonsContainer.tournament {
  width: 487px;
}

.gsMenuButtonsBar {
  box-sizing: border-box;
  border: none;
  border-left: 1px solid rgba(0, 0, 0, 0.65);
  border-right: 1px solid rgba(0, 0, 0, 0.65);
  border-top: 1px solid #8B94B9;
  border-radius: 0px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-color: #757887;
  background: linear-gradient(#8782ad 0.3%, #575471 2.3%);
  box-shadow: -3px 0 3px -3px rgba(0, 0, 0, 0.5), 3px 0 3px -3px rgba(0, 0, 0, 0.5);
}

@keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

.actionButton.blink .indicator-glow {
  animation: blink 0.25s steps(1) infinite;
}

#ActionBtn3.confirm {
  background: linear-gradient(#ffff7b, #d9b019 8.2%, #855f15 80%, #855f15 100%);
  box-shadow: inset 3px 0 3px -3px #000, inset -3px 0 3px -3px #000, inset 0 3px 3px -3px #fff;
}

#ActionBtn3.confirm:not(.disabled):hover {
  background: linear-gradient(#ffff7b, #eccc00 8.2%, #eccc00 60%, #855f15 100%);
  box-shadow: inset 3px 0 3px -3px #000, inset -3px 0 3px -3px #000, inset 0 3px 3px -3px #fff;
}

#ActionBtn3.confirm:not(.disabled):hover .glow-hover {
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
}

#ActionBtn3.confirm:not(.disabled):active:active {
  background: linear-gradient(#322502, #523d04 8.2%, #523d04 30%, #a87a33 100%);
  box-shadow: inset 3px 0 3px -3px #000, inset -3px 0 3px -3px #000, inset 0 3px 3px -3px #322502;
}

.actionButton.disabled,
#ActionBtn1.disabled,
#ActionBtn3.disabled {
  cursor: auto;
  color: #999;
}

/************************
*************************/
#LobbyBtn {
  left: 10px;
  top: 10px;
}

/************************
*************************/
.gsLevel {
  background-color: #757887;
  background-image: linear-gradient(to bottom, #757887 0%, #3E404C 100%);
  box-sizing: border-box;
  border: none;
  border-left: 1px solid rgba(0, 0, 0, 0.65);
  border-right: 1px solid rgba(0, 0, 0, 0.65);
  border-top: 1px solid #8B94B9;
  border-radius: 0px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding-left: 6px;
  padding-right: 4px;
}

.gsLevel .gsLevelMeterCont {
  background-image: url(assets/images/Atlas.png);
  background-position: -327px -2706px;
  width: 201px;
  height: 22px;
}

.gsLevel .gsLevelMeterCont:after {
  content: '';
  background-image: url(assets/images/Atlas.png);
  background-position: -3716px -1394px;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 6px;
  left: 17px;
}

.gsLevel .gsLevelMeterCont .gsLevelMeter {
  background-image: url(assets/images/Atlas.png);
  background-position: -530px -2706px;
  width: 197px;
  height: 16px;
  position: relative;
  top: 3px;
  left: 3px;
  overflow: hidden;
}

.gsLevel .gsLevelMeterCont .gsLevelMeter:after {
  content: '';
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1040px;
  width: 25px;
  height: 18px;
  position: absolute;
  right: -2px;
  top: -1px;
  opacity: 0;
  transition: opacity 0.5s;
}

.gsLevel .gsLevelMeterCont .gsLevelMeter.anim {
  transition: width 1s;
}

.gsLevel .gsLevelMeterCont .gsLevelMeter.anim:after {
  opacity: 1;
}

/************************
*************************/
.gsHandStrength {
  background-color: #757887;
  background-image: linear-gradient(to bottom, #757887 0%, #3E404C 100%);
  box-sizing: border-box;
  border: none;
  border-left: 1px solid rgba(0, 0, 0, 0.65);
  border-right: 1px solid rgba(0, 0, 0, 0.65);
  border-top: 1px solid #8B94B9;
  border-radius: 0px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  width: 314px;
  height: 28px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
}

.gsHandStrength.hidden {
  display: block;
  transform: translateY(100%);
}

.gsHandStrength .gsHandInfoCont {
  position: absolute;
  top: 2px;
  right: 7px;
  width: 192px;
  height: 18px;
  text-align: center;
  box-shadow: inset 0 0 3px black;
  background-image: linear-gradient(to bottom, #c354e6 0%, #931bb9 17%, #4c0e60 67%, #290833 88%, #c354e6 100%);
}

.gsHandStrength .gsHandInfoTitle {
  position: absolute;
  left: -5px;
  top: -20px;
  overflow: hidden;
  text-anchor: start;
  font-weight: bold;
  font-size: 16px;
}

.gsHandStrength .gsHandMeterCont {
  position: absolute;
  top: 2px;
  right: 7px;
  width: 192px;
  height: 18px;
  background-color: #292929;
  background-image: linear-gradient(to bottom, #000000 0%, #292929 17%, #000000 67%, #1A1A1A 78%, #020202 100%);
  border-radius: 0px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.gsHandStrength .gsHandMeterCont:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  background-image: url(assets/images/Atlas.png);
  background-position: -2567px -1952px;
  width: 192px;
  height: 18px;
}

.gsHandStrength .gsHandMeter {
  position: relative;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  border-radius: 1px;
  transition: 1s;
}

.gsHandStrength .gsHandText {
  position: absolute;
  top: 3px;
  left: 6px;
  width: 104px;
  height: 16px;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  background-image: linear-gradient(to bottom, rgba(41, 41, 41, 0.7) 0%, rgba(75, 75, 75, 0.7) 17%, rgba(18, 18, 18, 0.7) 67%, rgba(0, 0, 0, 0.7) 100%);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.25), 0 0 2px 0 rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}

.gsHandStrength .gsHandText .powerhand {
  text-transform: uppercase;
  background: #111111;
}

.gsHandStrength.isElectrified:before {
  content: '';
  position: absolute;
  left: -7px;
  top: -7px;
  z-index: 1;
  background-image: url(assets/images/Atlas.png);
  background-position: -2832px -2683px;
  width: 328px;
  height: 37px;
  animation: WEB_Powerhand_handStrengthFXDouble 300ms steps(1, end) infinite;
}

/************************
*************************/
#gsXpBubble {
  height: 35px;
  text-align: center;
  line-height: 38px;
  padding: 0 5px;
  font-size: 2.2rem;
  text-shadow: none;
  font-weight: bold;
  z-index: 100;
  background-image: linear-gradient(to bottom, #0121e6 10%, #0121e6 30%, #376efc 85%, #24379d 95%, #000000 100%);
  box-shadow: 0 5px 5px 0 #000, 0 0 2px 1px #000;
  border-radius: 5px;
  opacity: 0;
  transition: top 1.5s cubic-bezier(0.02, 1.365, 0.985, 0.88);
  position: absolute;
  top: 0px;
  left: 155px;
  pointer-events: none;
}

#gsXpBubble.show {
  opacity: 1;
  top: -40px;
}

#gsXpBubble.show.fadeOut {
  opacity: 0;
  transition: opacity .25s ease-in-out;
}

.abcBuyIn {
  position: absolute;
  right: 23px;
  top: 6px;
  font-family: AkzidGroProCnd;
  font-size: 3rem;
  width: 168px;
  height: 46px;
  font-weight: bold;
  padding: 5px 0px;
  line-height: 1;
}

.abcBuyInTxt {
  position: absolute;
  top: 0;
  line-height: 56px;
  right: 200px;
  font-family: AkzidGroProLigCnd;
  font-size: 3rem;
  color: white;
  text-shadow: none;
}

#RaiseBar {
  background-image: url(assets/images/Atlas.png);
  background-position: -3500px 0px;
  width: 107px;
  height: 434px;
  touch-action: none;
}

.RaiseButton {
  position: absolute;
  left: 12px;
  bottom: 10px;
  z-index: 1;
  background-image: url(assets/images/Atlas.png);
  background-position: -2619px -3201px;
  width: 82px;
  height: 40px;
  display: table;
}

.RaiseButton.disabled {
  background-position: -2739px -2131px;
  cursor: auto;
}

.RaiseButton:not(.disabled):hover {
  background-position: -2535px -3201px;
}

.RaiseButton:not(.disabled):active {
  background-position: -3414px -2936px;
}

#RaisePot {
  bottom: 50px;
}

#RaiseAllIn {
  bottom: 90px;
}

.RaiseButtonLabel {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #FFF;
  text-transform: uppercase;
  font-size: 2rem;
  text-align: center;
  text-shadow: -1px -1px 0px #520000, 1px -1px 0 #520000, -1px 1px 0 #520000, 1px 1px 0 #520000;
}

#RaiseSlider {
  position: relative;
  left: 28px;
  top: 27px;
}

.RaiseZoneHit {
  position: absolute;
  width: 65px;
  height: 225px;
  z-index: 19;
  left: -5px;
  top: 5px;
  cursor: pointer;
}

.RaiseTrailMask {
  background-image: url(assets/images/Atlas.png);
  background-position: -3623px -1379px;
  width: 18px;
  height: 227px;
  position: absolute;
  top: 3px;
  left: 31px;
}

.RaiseDragger {
  background-image: url(assets/images/Atlas.png);
  background-position: -3623px -1741px;
  width: 48px;
  height: 87px;
  position: absolute;
  left: 16px;
  top: 161px;
  cursor: pointer;
  z-index: 101;
}

.RaiseAmountLabelBackground {
  position: absolute;
  background-image: url(assets/images/Atlas.png);
  background-position: -1968px -2914px;
  width: 186px;
  height: 55px;
  left: -190px;
  top: 20px;
  z-index: 100;
}

.RaiseAmountLabel {
  position: absolute;
  display: block;
  width: 150px;
  height: 20px;
  left: 10px;
  top: 5px;
  z-index: 100;
  font-size: 3.3rem;
  color: #000;
  text-shadow: none;
}

.RaiseAmountLabel.largeRaiseAmount {
  font-size: 2.9rem;
  top: 7px;
}

.chatBubble {
  background-color: rgba(255, 255, 255, 0.9);
  color: #000;
  width: 120px;
  margin: 0 auto 10px auto;
  font-size: 1.6rem;
  border-top: none;
  border-radius: 6px;
  position: absolute;
  padding: 5px 3px 5px 3px;
  word-wrap: break-word;
  z-index: 1;
  text-align: center;
  padding: 5px;
  padding-top: 7px;
  padding-bottom: 7px;
}

.chatBubble:before {
  content: "";
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1611px;
  width: 11px;
  height: 8px;
  position: absolute;
  left: -11px;
  bottom: 8px;
  opacity: 0.9;
}

.chatBubble.seat0:before {
  left: 8px;
  bottom: -9px;
  transform: rotate(-90deg);
}

.chatBubble.seat5:before, .chatBubble.seat6:before, .chatBubble.seat7:before, .chatBubble.seat8:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1611px;
  width: 11px;
  height: 8px;
  transform: scaleX(-1);
  position: absolute;
  left: 130px;
  bottom: 8px;
}

.chatBubble.dealerBubble {
  position: absolute;
  width: 185px;
}

.chatBubble.dealerBubble:before {
  content: "";
  background-image: url(assets/images/Atlas.png);
  background-position: -3703px -1589px;
  width: 11px;
  height: 11px;
  transform: scaleX(-1) rotate(90deg);
  position: absolute;
  left: 130px;
  top: -9px;
}

.chatBubble.seat5 .chatMute,
.chatBubble.seat6 .chatMute,
.chatBubble.seat7 .chatMute,
.chatBubble.seat8 .chatMute {
  left: -20px;
}

.chatBubble.seat5 .txt,
.chatBubble.seat6 .txt,
.chatBubble.seat7 .txt,
.chatBubble.seat8 .txt {
  padding-left: 10px;
  padding-right: 0;
}

#MiniGiftStore {
  height: 182px;
  width: 236px;
  position: absolute;
  z-index: 8;
  transition: opacity .4s;
  display: none;
  box-shadow: inset 0 0 7px 2px #0042ff, 0 0 7px 1px #0042ff;
  border: solid 1px #59d1ff;
  border-radius: 5px;
}

#MiniGiftStore.displayed {
  display: block;
  opacity: 1;
  animation-name: fadeIn;
  animation-duration: 400ms;
}

#MiniGiftStore.closing {
  display: block;
  opacity: 0;
  animation-name: fadeOut;
  animation-duration: 200ms;
}

.MiniGiftStoreBkg {
  position: absolute;
  display: inline-block;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(to bottom, #0A0A0E 0%, rgba(0, 0, 0, 0) 100%);
  overflow: hidden;
  background: radial-gradient(at top right, rgba(6, 6, 20, 0) 5%, rgba(0, 0, 255, 0.2) 25%, rgba(3, 10, 32, 0) 45%) 50% 20% no-repeat, linear-gradient(to bottom, rgba(0, 0, 255, 0.6), rgba(3, 10, 32, 0.5)), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUM0ODMyOTZEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUM0ODMyOTVEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pld80tkAAADSSURBVHjadNCxDsFQFMbxW4pEbRbxAFYRITGw6gNYPYPdKjGZhMFLSEzaUbcONjsGg0kiZSAR/8ttcnPTnuTXk7T9em6PlXP6gtqghQgP8a83Kri8Iq8jjMqogBSghobEy236FuV8yZ2YQYuJPr0O+dVj/ICgIFBUp7iiqeWceKKvh7TwkzZDASeclYPNJYu9SK8dRuiq6b+SwTGmmKcEVwiZHprLWapNBmaCfxzI5RDqmc9s1YfwUNVCDm2BddIx4qCLu1qApe59IJdzSwp+BRgADnE2lChoGq4AAAAASUVORK5CYII=") repeat #030a20;
  border-radius: 5px;
}

#MiniGiftStore .MiniGiftStoreBkg .left {
  background-image: url(assets/images/Atlas.png);
  background-position: -3623px -810px;
  width: 22px;
  height: 191px;
  float: left;
}

#MiniGiftStore .MiniGiftStoreBkg .mid {
  background-image: url(assets/images/Atlas.png);
  background-position: -3242px -2994px;
  width: 228px;
  height: 191px;
  float: left;
}

#MiniGiftStore .MiniGiftStoreBkg .right {
  background-image: url(assets/images/Atlas.png);
  background-position: -3647px -810px;
  width: 22px;
  height: 191px;
  float: left;
}

.mgsArrows {
  background-image: url(assets/images/Atlas.png);
  background-position: -3460px -1899px;
  width: 30px;
  height: 57px;
  cursor: pointer;
  position: absolute;
  z-index: 1000;
  top: 53px;
}

.mgsArrows:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -3460px -1981px;
  width: 30px;
  height: 57px;
}

.mgsArrows:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -3460px -2063px;
  width: 30px;
  height: 57px;
}

.mgsArrows.disabled {
  -webkit-filter: grayscale(1) brightness(70%);
          filter: grayscale(1) brightness(70%);
  background-image: url(assets/images/Atlas.png);
  background-position: -3460px -1899px;
  width: 30px;
  height: 57px;
  cursor: default;
}

#MGStitle {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  line-height: 25px;
  font-size: 2rem;
  font-weight: bold;
  text-transform: uppercase;
  z-index: 3;
  text-shadow: 0 2px 10px #0042ff, 0 -2px 10px #0042ff;
  color: #59d1ff;
  border-top: solid 1px rgba(89, 209, 255, 0.7);
  box-shadow: inset 0 5px 7px -3px #0042ff;
  background-color: #01032f;
  border-radius: 0 0 5px 5px;
}

#MGSitems {
  position: relative;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
  width: 90%;
  height: 70%;
  margin: -13px 12px 22px 12px;
}

#MiniGiftStore #MGSclose {
  position: relative;
  background-image: url(assets/images/Atlas.png);
  background-position: -2367px -3280px;
  width: 49px;
  height: 48px;
  z-index: 4;
  transform: scale(0.6);
  top: -36px;
  left: -13px;
}

#MiniGiftStore #MGSclose:hover {
  background-position: -2316px -3280px;
}

#MiniGiftStore #MGSclose:active {
  background-position: -2265px -3280px;
}

#MiniGiftStore #MGSgiftIcon {
  background-image: url(assets/images/Atlas.png);
  background-position: -43px -3648px;
  width: 41px;
  height: 42px;
  right: -16px;
  bottom: -12px;
  z-index: 3;
  position: absolute;
}

#MiniGiftStore #MGSgiftIcon:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: 0px -3648px;
  width: 41px;
  height: 42px;
  cursor: pointer;
}

#MiniGiftStore.flipped-x #MGSclose {
  top: -36px;
  left: 199px;
}

#MiniGiftStore.flipped-x #MGSgiftIcon {
  left: -16px;
  bottom: -12px;
}

#MiniGiftStore.flipped-x #MGSitems {
  margin: -13px 12px 22px 12px;
}

#MiniGiftStore.flipped-x #MGSleftArrow, #MiniGiftStore.flipped-x #MGSrightArrow {
  top: 52px;
}

#MiniGiftStore.flipped-x #MGStitle {
  border-top: solid 1px rgba(89, 209, 255, 0.7);
  box-shadow: inset 0 5px 7px -3px #0042ff;
  border-radius: 0 0 5px 5px;
}

#MiniGiftStore.flipped-x.flipped-y #MGSclose {
  top: -193px;
  left: 199px;
}

#MiniGiftStore.flipped-x.flipped-y #MGSleftArrow, #MiniGiftStore.flipped-x.flipped-y #MGSrightArrow {
  top: 75px;
}

#MiniGiftStore.flipped-x.flipped-y #MGSgiftIcon {
  left: -16px;
  top: -12px;
}

#MiniGiftStore.flipped-x.flipped-y #MGStitle {
  border-bottom: solid 1px rgba(89, 209, 255, 0.7);
  box-shadow: 0 5px 7px -3px #0042ff;
  border-radius: 5px 5px 0 0;
  top: -1px;
}

#MiniGiftStore.flipped-y #MGSclose {
  top: -193px;
  left: -12px;
}

#MiniGiftStore.flipped-y #MGSgiftIcon {
  right: -16px;
  top: -12px;
}

#MiniGiftStore.flipped-y #MGStitle {
  border-bottom: solid 1px rgba(89, 209, 255, 0.7);
  box-shadow: 0 5px 7px -3px #0042ff;
  border-radius: 5px 5px 0 0;
  top: -1px;
}

#MiniGiftStore.flipped-y #MGSleftArrow, #MiniGiftStore.flipped-y #MGSrightArrow {
  top: 75px;
}

#MiniGiftStore.flipped-y #MGSitems {
  margin: 6px 12px 22px 12px;
}

#MGSleftArrow {
  left: -15px;
  transform: scaleX(-1);
}

#MGSrightArrow {
  right: -15px;
}

.MGSitem {
  position: relative;
  text-align: center;
  margin-bottom: 6px;
  vertical-align: top;
  background-image: url(assets/images/Atlas.png);
  background-position: -2215px -1238px;
  width: 48px;
  height: 65px;
  margin: 1px;
  display: inline-block;
  margin-bottom: 7px;
  box-shadow: inset 0 0 7px 2px #0042ff, 0 0 7px 1px #0042ff;
  border: solid 1px #59d1ff;
  border-radius: 5px;
}

.MGSitem:hover {
  background-position: -2215px -1171px;
}

.MGSitem:active {
  background-position: -2215px -1104px;
}

.MGSitemImg {
  margin: auto;
  width: 34px;
  height: 34px;
  position: relative;
  top: 12px;
  left: 0;
}

.MGScurrency {
  position: relative;
  top: 14px;
  left: 3px;
  width: 46px;
  height: 21px;
}

.MGSprice {
  font-size: 12px;
  position: absolute;
  bottom: 9px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  font-weight: bold;
}

.MGScurrency.MGSchipsbonus .MGSprice {
  bottom: 5px;
  color: #000;
}

.MGSprice.MGShide {
  left: 0;
  bottom: 12px;
  color: white;
  font-size: 10px;
}

.MGSPriceBeforeBonus {
  font-size: 9px;
  text-decoration: line-through;
  position: absolute;
  bottom: 22px;
  left: 0;
  width: 100%;
  text-align: center;
  color: white;
}

#GiftStore {
  height: 393px;
  width: 785px;
  position: relative;
  left: -2px;
  z-index: 7;
  margin-top: 5px;
}

#GiftStore .pmClose {
  top: 5px;
  right: 16px;
  z-index: 20;
}

#GiftStore .jspVerticalBar {
  margin-top: 11%;
  height: 89%;
}

#GiftStore .leftContainer, #GiftStore .rightContainer {
  background: #020203;
  background: linear-gradient(to bottom, #020203 0%, #1e2032 100%);
  box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.8);
  position: absolute;
  height: 381px;
  border-radius: 4px;
  top: 3px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

#GiftStore .leftContainer {
  left: 15px;
  width: 179px;
}

#GiftStore .rightContainer {
  left: 198px;
  width: 570px;
}

#GiftStore .giftIcon {
  position: absolute;
  top: -24px;
  left: -22px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3076px -1492px;
  width: 126px;
  height: 107px;
  transform: scale(0.4, 0.4);
}

#GiftStore .scrollableArea > div:nth-child(1) {
  display: inline-block;
}

#GiftStore .scrollableArea .iScrollVerticalScrollbar {
  margin-right: 24px;
}

#StoreTitle {
  position: absolute;
  top: 15px;
  left: 70px;
  font-family: AkzidGroProXBolCnd;
  font-size: 2.5rem;
}

#GiftStoreButtons {
  position: relative;
  top: 70px;
  left: 20px;
  width: 180px;
}

#GiftStoreButtons .btn {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  font-size: 1.3em;
  margin-top: 4px;
  width: 115px;
  height: 38px;
  line-height: 32px;
  font-family: AkzidGroProXBolCnd;
  font-size: 1.7rem;
  padding: 0;
  text-shadow: 0 1px 0 black;
}

.GiftStoreItems {
  position: absolute;
  width: 380px;
  height: 381px;
  left: 380px;
  top: 3px;
  color: #000;
}

.GiftStoreSelectedItem {
  position: absolute;
  width: 115px;
  height: 155px;
  left: 238px;
  top: 111px;
}

.GiftStoreSelectedItem.itemImgGoogle .GiftStoreSelectedItemImage {
  background-image: url(assets/images/googleAvatar.png) !important;
  background-size: 120px 120px !important;
  background-position: 0px !important;
}

.GiftStoreSelectedItem.isAvatar .overlay {
  background-image: url(assets/images/Atlas.png);
  background-position: -176px -3385px;
  width: 178px;
  height: 178px;
  width: 176px;
  position: absolute;
  left: -34px;
  top: -38px;
}

.GiftStoreSelectedItem.isAvatar .GiftStoreSelectedItemImage {
  position: absolute;
  width: 120px;
  height: 120px;
  background-repeat: no-repeat;
  border-radius: 50%;
  top: -8px;
  left: -5px;
}

.GiftStoreSelectedItem.isAvatar.isSpecial .sidesRemover {
  overflow: hidden;
  width: 117px;
  height: 117px;
  left: -10px;
  top: -10px;
  border-radius: 50%;
  position: absolute;
  margin-left: 5px;
  margin-top: 5px;
}

.GiftStoreSelectedItem.isAvatar.isSpecial .sidesRemover .GiftStoreSelectedItemImage {
  top: -2px;
  left: -2px;
  transform: scale(1.2);
}

.GiftStoreSelectedItemImageContainer {
  left: 0;
  top: 0;
}

.GiftStoreSelectedItemImage {
  position: absolute;
  width: 120px;
  height: 120px;
  background-repeat: no-repeat;
}

.GiftStoreSelectedItemCurrency {
  position: absolute;
  width: 111px;
  height: 58px;
  left: 2px;
  top: 162px;
  background-image: url(assets/images/giftStore/BigPrice.png);
}

.GiftStoreSelectedItemCurrencyChips {
  background-position: 0px -160px;
}

.GiftStoreSelectedItemCurrencyGold {
  background-position: 0px 0px;
}

.GiftStoreSelectedItemPrice {
  position: absolute;
  width: 63px;
  height: 19px;
  left: 32px;
  top: 18px;
  font-weight: bold;
  font-size: 17px;
  text-align: center;
  color: #000;
}

.GiftStoreSelectedItemName {
  position: absolute;
  width: 100px;
  height: 35px;
  left: 5px;
  top: 126px;
  font-weight: bold;
  font-style: italic;
  font-size: 15px;
  color: #FFF;
  display: table;
  text-align: center;
}

.language_5 #GiftStore .GiftStoreSelectedItemName {
  font-size: 13px;
}

.GiftStoreSelectedItemName p {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

#GiftStorePlayersContainer {
  position: absolute;
  left: 410px;
  top: 45px;
  z-index: 10;
}

.GiftStoreLight {
  background-image: url(assets/images/AtlasJPEG.png);
  background-position: 0px -687px;
  width: 195px;
  height: 381px;
  position: absolute;
  top: 3px;
  left: 198px;
}

.GiftStoreNoSelectedItem {
  background-image: url(assets/images/Atlas.png);
  background-position: -3076px -1492px;
  width: 126px;
  height: 107px;
  position: absolute;
  left: 234px;
  top: 111px;
  z-index: 10;
}

.catPointer {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1305px;
  width: 18px;
  height: 20px;
  position: absolute;
  left: 140px;
  top: 0;
}

/*items price*/
.language_7 .isOwned .GiftStoreItemPrice {
  font-size: 8px;
  padding-top: 2px;
}

/*selected item price*/
.language_5 .isOwned .GiftStoreSelectedItemPrice {
  font-size: 15px;
}

.language_7 .isOwned .GiftStoreSelectedItemPrice {
  font-size: 12px;
}

.GiftStoreItem {
  position: relative;
  float: left;
  display: inline-block;
  width: 86px;
  height: 125px;
  background-image: url(assets/images/giftStore/Item/Background.png);
  left: 0px;
  top: 0px;
}

.GiftStoreItem.itemImgGoogle .GiftStoreItemImage {
  background-image: url(assets/images/googleAvatar.png) !important;
  background-size: 76px 76px !important;
  background-position: 0px !important;
}

.GiftStoreItem .overlay {
  background-image: url(assets/images/Atlas.png);
  background-position: -176px -3385px;
  width: 178px;
  height: 178px;
  width: 176px;
  position: absolute;
  transform: scale(0.55);
  left: -46px;
  top: -47px;
}

.GiftStoreItem .sideRemover.isAvatar {
  overflow: hidden;
  width: 67px;
  height: 67px;
  border-radius: 50%;
  top: 4px;
  left: 4px;
  position: absolute;
  margin-left: 5px;
  margin-top: 5px;
}

.GiftStoreItem:hover {
  background-position: 0px -125px;
}

.GiftStoreItemCurrency {
  position: relative;
  display: inline-block;
  width: 78px;
  height: 49px;
  left: 0px;
  top: 83px;
  background-image: url(assets/images/giftStore/Item/ChipsPrice.png);
}

.GiftStoreItemPrice {
  position: absolute;
  width: 42px;
  height: 20px;
  font-size: 12px;
  text-align: center;
  left: 29px;
  top: 12px;
}

/*
.GiftStoreItemPriceChangeInfo
{
	position: absolute;
	width: 58px;
	height: 20px;
	color: #FFF;
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
	text-align: center;
	left: 15px;
	top: 73px;
	overflow:hidden;
}
*/
.GiftStoreItemImageContainer {
  left: 10px;
  top: 9px;
}

.GiftStoreItemImage {
  position: absolute;
  width: 65px;
  height: 65px;
}

.isAvatar .GiftStoreItemImage {
  border-radius: 50%;
  left: 1px;
  top: 1px;
}

.isAvatar .GiftStoreItemImage.isSpecial {
  left: -4px;
  top: -5px;
  width: 76px;
  height: 76px;
}

#GiftStorePlayers {
  position: absolute;
  width: 375px;
  height: 382px;
  left: 393px;
  top: 3px;
}

#GiftStorePlayers .confirmBtn {
  position: absolute;
  left: 147px;
  top: 303px;
  font-size: 1.5rem;
}

#GiftStorePlayers .cancelBtn {
  position: absolute;
  left: 49px;
  top: 316px;
  width: 80px;
  height: 19px;
  color: #FFF;
  text-decoration: underline;
  text-align: center;
  cursor: pointer;
}

#GiftStorePlayers .selectAllBtn {
  position: absolute;
  top: 47px;
  left: 180px;
  font-family: AkzidGroProCnd;
  font-size: 1.7rem;
  text-shadow: #080464 0 2px 2px;
  width: 94px;
  height: 59px;
}

#GiftStorePlayers .selectAllBtn:active {
  padding-top: 1px;
}

#GiftStorePlayers .players {
  position: relative;
  position: absolute;
  bottom: 75px;
}

#GiftStorePlayers .players .player {
  position: relative;
  display: inline-block;
  width: 90px;
  margin-top: -20px;
  opacity: 0.3;
}

#GiftStorePlayers .players .player.clickable, #GiftStorePlayers .players .gsStoreBtnsContainer .player.gsStoreBtn, .gsStoreBtnsContainer #GiftStorePlayers .players .player.gsStoreBtn, #GiftStorePlayers .players .gsActionButtonsContainer .player.action-button, .gsActionButtonsContainer #GiftStorePlayers .players .player.action-button {
  opacity: 1;
}

#GiftStorePlayers .players .player.mainPlayer {
  position: absolute;
  top: -92px;
  left: 75px;
}

#GiftStorePlayers .players .player .playerCheckbox {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -479px;
  width: 28px;
  height: 28px;
  position: absolute;
  display: block;
  left: 2px;
  top: 8px;
  z-index: 15;
}

#GiftStorePlayers .players .player .playerCheckbox.selected {
  background-position: -3697px -449px;
}

#GiftStorePlayers .players .player .picture {
  background-image: url(assets/images/Atlas.png);
  background-position: -3500px -538px;
  width: 100px;
  height: 100px;
  transform: scale(0.757);
  border-radius: 50%;
  display: inline-block;
}

#GiftStorePlayers .players .player .picture:after {
  content: '';
  background-image: url(assets/images/Atlas.png);
  background-position: -3500px -1226px;
  width: 82px;
  height: 82px;
  position: absolute;
  transform: scale(1.3);
  top: 10px;
  left: 10px;
}

.MASitem .MASitemImg.active:before, .MASitem .MASitemImg.clickable:hover:before, .MASitem .gsStoreBtnsContainer .MASitemImg.gsStoreBtn:hover:before, .gsStoreBtnsContainer .MASitem .MASitemImg.gsStoreBtn:hover:before, .MASitem .gsActionButtonsContainer .MASitemImg.action-button:hover:before, .gsActionButtonsContainer .MASitem .MASitemImg.action-button:hover:before {
  content: ' ';
  pointer-events: none;
  display: block;
  border-radius: 50em;
  box-shadow: inset 0 0 50px rgba(168, 211, 255, 0.9);
  position: absolute;
  width: 100%;
  height: 98%;
  z-index: 2;
}

.profileMedallion {
  position: relative;
}

.profileMedallion.chosen:before, .profileMedallion.clickable:hover:before, .gsStoreBtnsContainer .profileMedallion.gsStoreBtn:hover:before, .gsActionButtonsContainer .profileMedallion.action-button:hover:before {
  content: ' ';
  pointer-events: none;
  display: block;
  border-radius: 50em;
  box-shadow: inset 0 0 50px rgba(168, 211, 255, 0.9);
  position: absolute;
  width: 100%;
  height: 98%;
  z-index: 2;
}

.profileMedallion .profileMedallion_crop img {
  border-radius: 50%;
}

.profileMedallion .profileMedallion_tournamentsSlot {
  width: auto;
  height: auto;
  z-index: 2;
}

.profileMedallion div.profileMedallion_tournamentsSlot {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.profileMedallion div.profileMedallion_tournamentsSlot.profileMedallion_tournamentsSlot.isRing {
  width: 50%;
  height: 50%;
}

.profileMedallion div.profileMedallion_tournamentsSlot.profileMedallion_tournamentsSlot.isTrophy {
  transform: scale(1.2);
  width: 50%;
  height: 45%;
}

.profileMedallion .profileMedallion_bracelet {
  z-index: 2;
}

.profileMedallion:not(.profileMedallionComparison) .profileMedallion_overlay {
  position: absolute;
  left: -48px;
  top: -45px;
  pointer-events: none;
  background-image: url(assets/images/Atlas.png);
  background-position: -2832px -2289px;
  width: 286px;
  height: 285px;
}

.profileMedallion.profileMedallionComparison .profileMedallion_overlay {
  background-image: url(assets/images/Atlas.png);
  background-position: -176px -3385px;
  width: 178px;
  height: 178px;
  left: -26px;
  top: -26px;
  position: absolute;
  pointer-events: none;
}

.profileMedallion.profileMedallionComparison .profileMedallion_overlay.profileMedallionViewOpen {
  transform: translate(-3px, 5px) scale(1.14);
  width: 131px;
  height: 131px;
  transform-origin: unset;
  top: 0;
  left: 0;
}

.profileMedallion.starQuestEnabled {
  transform: scale(0.7);
  position: relative;
  display: flex;
  height: 186px;
  width: 186px;
}

.profileMedallion.starQuestEnabled .profileMedallion_crop {
  position: absolute;
  width: 90%;
  height: 90%;
  left: 6.5%;
  top: 5.5%;
  border-radius: 50%;
  overflow: hidden;
}

.profileMedallion.starQuestEnabled .profileMedallion_crop .profileMedallion_image {
  height: 100%;
}

.profileMedallion.starQuestEnabled .profileMedallion_crop.isPokerAcademyTutorialInProgress {
  box-shadow: 0 0 0 12px #00e4ff, 0 0 0 14px #0030ff;
}

.profileMedallion.starQuestEnabled .profileMedallion_overlay {
  background-image: url(assets/images/AtlasSponsorship.png);
  background-position: -908px -406px;
  width: 131px;
  height: 131px;
  transform-origin: top left;
  transform: scale(1.41);
  top: 4px;
  left: 3px;
}

.profileMedallion.starQuestEnabled svg {
  position: absolute;
  top: 5%;
  left: 7%;
  z-index: 1;
}

.profileMedallion.starQuestEnabled:hover::before {
  top: 5px;
  left: 6px;
  width: 96%;
  height: 96%;
}

.profileMedallion .neonRingComparisonView {
  transform: translate(-34px, -25px) scale(0.8);
}

.profileMedallion .childrenContainer .addBuddy {
  z-index: 1;
}

.alreadyAnimated {
  animation-play-state: paused !important;
  animation-duration: 0s !important;
}

#inbox {
  position: relative;
  display: block;
  width: 752px;
  height: 498px;
  margin: 10px auto;
  border-radius: 5px;
  background: #000000;
  display: flex;
  flex-direction: column;
  z-index: 1;
}

#inbox button {
  border-radius: 0;
  border-width: 1px;
}

#inbox .titleBar {
  border-bottom: #1941E3;
  color: #99f0ff;
  background: #070E38;
  box-shadow: 0 0 7px 3px #1941E3 inset;
  border-bottom: 1px solid #99f0ff;
  text-align: center;
  font-family: AkzidGroProBolCnd;
  font-size: 35px;
  line-height: 1.4;
  text-shadow: 0px 0px 7px #0a4ae0, 0px 0px 7px #0a4ae0, 0px 0px 7px #0a4ae0;
}

#inbox .pmClose.small {
  top: -9px;
  right: -9px;
  z-index: 25;
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -599px;
  width: 27px;
  height: 28px;
}

#inbox .pmClose.small:hover {
  background-position: -3697px -539px;
}

#inbox .pmClose.small:active {
  background-position: -3697px -569px;
}

#inbox .medallionContainer {
  position: absolute;
  width: 150px;
  height: 150px;
  transform: scale(0.38);
}

#inbox .scrollableArea {
  background: radial-gradient(ellipse at top center, rgba(0, 0, 255, 0.3) 25%, rgba(3, 10, 32, 0) 42%, #000000 100%), linear-gradient(rgba(0, 0, 255, 0.6), rgba(3, 10, 32, 0.5)), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUM0ODMyOTZEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUM0ODMyOTVEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pld80tkAAADSSURBVHjadNCxDsFQFMbxW4pEbRbxAFYRITGw6gNYPYPdKjGZhMFLSEzaUbcONjsGg0kiZSAR/8ttcnPTnuTXk7T9em6PlXP6gtqghQgP8a83Kri8Iq8jjMqogBSghobEy236FuV8yZ2YQYuJPr0O+dVj/ICgIFBUp7iiqeWceKKvh7TwkzZDASeclYPNJYu9SK8dRuiq6b+SwTGmmKcEVwiZHprLWapNBmaCfxzI5RDqmc9s1YfwUNVCDm2BddIx4qCLu1qApe59IJdzSwp+BRgADnE2lChoGq4AAAAASUVORK5CYII=");
  background-repeat: no-repeat, repeat, repeat;
}

#inbox .content {
  flex: 1;
}

#inbox .content .sections .inboxSection {
  position: relative;
  border-bottom: 1px solid #a6fffe;
  box-shadow: 0 0 5px 2px #1941E3 inset;
}

#inbox .content .sections .inboxSection .titleContainer {
  position: relative;
  cursor: pointer;
}

#inbox .content .sections .inboxSection .titleContainer .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 3px;
}

#inbox .content .sections .inboxSection .titleContainer .title {
  position: relative;
  display: inline-block;
  font-family: AkzidGroProBolCnd;
  line-height: 2.2;
  padding-left: 60px;
  font-size: 25px;
}

#inbox .content .sections .inboxSection .titleContainer .arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 18px;
  background-image: url(assets/images/Atlas.png);
  background-position: -2344px -3156px;
  width: 33px;
  height: 22px;
}

#inbox .content .sections .inboxSection .titleContainer .collectAll {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 65px;
}

#inbox .content .sections .inboxSection.gifts .titleContainer .icon {
  background-image: url(assets/images/Atlas.png);
  background-position: -3059px -3385px;
  width: 55px;
  height: 53px;
}

#inbox .content .sections .inboxSection.bonuses .titleContainer .icon {
  background-image: url(assets/images/Atlas.png);
  background-position: -3002px -3385px;
  width: 55px;
  height: 53px;
}

#inbox .content .sections .inboxSection.notifications .titleContainer .icon {
  background-image: url(assets/images/Atlas.png);
  background-position: -3116px -3385px;
  width: 55px;
  height: 53px;
}

#inbox .content .sections .inboxSection.coupons .titleContainer .icon {
  background-image: url(assets/images/Atlas.png);
  background-position: -1804px -3582px;
  width: 51px;
  height: 51px;
}

#inbox .content .sections .inboxSection.albumCardGifts .titleContainer .icon {
  background-image: url(assets/images/Atlas.png);
  background-position: -2001px -3582px;
  width: 44px;
  height: 50px;
}

#inbox .content .sections .inboxSection.hasNewItems .titleContainer .title:after {
  content: attr(data-pending);
  position: absolute;
  top: 5px;
  right: -28px;
  min-width: 20px;
  height: 20px;
  font-size: 16px;
  line-height: 1.4;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  background-color: #EB2E24;
  background-image: linear-gradient(#ee1d32 7.4%, #ff4964 74%, #ed5d74 92.5%);
  border-radius: 3px;
  box-shadow: inset 0px 1px 1px -1px white, 0 1px 2px #000;
}

#inbox .content .sections .inboxSection.opened .titleContainer .arrow {
  transform: translateY(-50%) rotate(180deg);
}

#inbox .content .sections .inboxSection .sectionContent {
  position: relative;
  padding: 10px 20px 0;
}

#inbox .content .sections .inboxSection .sectionContent .loaderContainer .spinner {
  top: 50%;
}

#inbox .content .sections .inboxSection .sectionContent .loaderContainer .chip {
  top: 50%;
}

#inbox .content .sections .inboxSection .sectionContent .emptySection {
  background-image: url(assets/images/Atlas.png);
  background-position: 0px -1595px;
  width: 755px;
  height: 375px;
}

#inbox .content .sections .inboxSection .sectionContent .emptySection .tooltipContainer {
  position: absolute;
  width: 465px;
  height: 88px;
  left: 265px;
  top: 18px;
}

#inbox .content .sections .inboxSection .sectionContent .emptySection .tooltipContainer > div {
  position: relative;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  color: #000000;
  font-size: 28px;
  font-family: AkzidGroProLigCnd;
}

#inbox .content .sections .inboxSection .sectionContent .emptySection button {
  position: absolute;
  left: 393px;
  top: 151px;
  text-transform: uppercase;
  font-size: 28px;
  border: 2px solid black;
  border-radius: 0;
  padding: 5px 30px;
}

#inbox .content .sections .inboxSection.isEmpty .sectionContent {
  padding: 0;
}

#inbox .content .sections .inboxSection.blocked.opened .inboxChipGift {
  -webkit-filter: blur(3px);
          filter: blur(3px);
}

#inbox .content .sections .inboxSection.blocked.opened .chips-gifts-blocker {
  opacity: 1;
}

#inbox .content .sections .inboxSection.blocked.opened.Jack .chips-gifts-blocker, #inbox .content .sections .inboxSection.blocked.opened.Jack .titleContainer {
  background: linear-gradient(to right, rgba(34, 40, 127, 0.4) 0%, rgba(29, 187, 125, 0.4) 50%, rgba(34, 40, 127, 0.4) 100%);
}

#inbox .content .sections .inboxSection.blocked.opened.Jack .chips-gifts-blocker-content:not(.reachedMaxGiftsCap) .bottom-text {
  text-shadow: 0px 0px 3px #1dbb7d, 0px 0px 3px #1dbb7d, 0px 0px 3px #1dbb7d, 0px 0px 3px #1dbb7d, 0px 0px 3px #1dbb7d, 0px 0px 3px #1dbb7d;
}

#inbox .content .sections .inboxSection.blocked.opened.Queen .chips-gifts-blocker, #inbox .content .sections .inboxSection.blocked.opened.Queen .titleContainer {
  background: linear-gradient(to right, rgba(34, 40, 127, 0.4) 0%, rgba(139, 14, 219, 0.4) 50%, rgba(34, 40, 127, 0.4) 100%);
}

#inbox .content .sections .inboxSection.blocked.opened.Queen .chips-gifts-blocker-content:not(.reachedMaxGiftsCap) .bottom-text {
  text-shadow: 0px 0px 3px #8b0edb, 0px 0px 3px #8b0edb, 0px 0px 3px #8b0edb, 0px 0px 3px #8b0edb, 0px 0px 3px #8b0edb, 0px 0px 3px #8b0edb;
}

#inbox .content .sections .inboxSection.blocked.opened.King .chips-gifts-blocker, #inbox .content .sections .inboxSection.blocked.opened.King .titleContainer {
  background: linear-gradient(to right, rgba(34, 40, 127, 0.4) 0%, rgba(255, 158, 65, 0.4) 50%, rgba(34, 40, 127, 0.4) 100%);
}

#inbox .content .sections .inboxSection.blocked.opened.King .chips-gifts-blocker-content:not(.reachedMaxGiftsCap) .bottom-text {
  text-shadow: 0px 0px 3px #ff9e41, 0px 0px 3px #ff9e41, 0px 0px 3px #ff9e41, 0px 0px 3px #ff9e41, 0px 0px 3px #ff9e41, 0px 0px 3px #ff9e41;
}

#inbox .content .sections .inboxSection.blocked.opened.Ace .chips-gifts-blocker, #inbox .content .sections .inboxSection.blocked.opened.Ace .titleContainer {
  background: linear-gradient(to right, rgba(34, 40, 127, 0.4) 0%, rgba(255, 47, 63, 0.4) 50%, rgba(34, 40, 127, 0.4) 100%);
}

#inbox .content .sections .inboxSection.blocked.opened.Ace .chips-gifts-blocker-content:not(.reachedMaxGiftsCap) .bottom-text {
  text-shadow: 0px 0px 3px #ff2f3f, 0px 0px 3px #ff2f3f, 0px 0px 3px #ff2f3f, 0px 0px 3px #ff2f3f, 0px 0px 3px #ff2f3f, 0px 0px 3px #ff2f3f;
}

#inbox .content .sections .inboxSection.blocked.opened.Master .chips-gifts-blocker, #inbox .content .sections .inboxSection.blocked.opened.Master .titleContainer {
  background: linear-gradient(to right, rgba(34, 40, 127, 0.4) 0%, rgba(255, 219, 92, 0.4) 50%, rgba(34, 40, 127, 0.4) 100%);
}

#inbox .content .sections .inboxSection.blocked.opened.Master .chips-gifts-blocker-content:not(.reachedMaxGiftsCap) .bottom-text {
  text-shadow: 0px 0px 3px #ffdb5c, 0px 0px 3px #ffdb5c, 0px 0px 3px #ffdb5c, 0px 0px 3px #ffdb5c, 0px 0px 3px #ffdb5c, 0px 0px 3px #ffdb5c;
}

#inbox .content .sections .inboxSection.blocked.opened.Grand-Master .chips-gifts-blocker, #inbox .content .sections .inboxSection.blocked.opened.Grand-Master .titleContainer {
  background: linear-gradient(to right, rgba(34, 40, 127, 0.4) 0%, rgba(134, 237, 255, 0.4) 50%, rgba(34, 40, 127, 0.4) 100%);
}

#inbox .content .sections .inboxSection.blocked.opened.Grand-Master .chips-gifts-blocker-content:not(.reachedMaxGiftsCap) .bottom-text {
  text-shadow: 0px 0px 3px #86edff, 0px 0px 3px #86edff, 0px 0px 3px #86edff, 0px 0px 3px #86edff, 0px 0px 3px #86edff, 0px 0px 3px #86edff;
}

#inbox .content .footer {
  background-image: url(assets/images/AtlasJPEG.png);
  background-position: 0px -406px;
  width: 757px;
  height: 279px;
  box-shadow: 0 0 5px 2px #1941E3 inset;
}

#inbox .inboxChipGift {
  width: 135px;
  height: 160px;
  position: relative;
  display: inline-block;
  margin: 3px 3px 25px 3px;
  -webkit-filter: blur(0px);
          filter: blur(0px);
  transition: -webkit-filter 0.5s;
  transition: filter 0.5s;
  transition: filter 0.5s, -webkit-filter 0.5s;
}

#inbox .inboxChipGift .logoContainer {
  width: 100%;
  height: 92px;
}

#inbox .inboxChipGift .logoContainer .unclaimedLogo {
  background-image: url(assets/images/Atlas.png);
  background-position: -1183px -3385px;
  width: 160px;
  height: 160px;
  position: absolute;
  left: -10px;
  right: 0;
  top: 0;
  margin: auto;
}

#inbox .inboxChipGift .logoContainer .claimedLogo {
  background-image: url(assets/images/Atlas.png);
  background-position: -1021px -3385px;
  width: 160px;
  height: 160px;
  position: absolute;
  left: -10px;
  top: -26px;
  transform: scale(0.83);
  opacity: 0;
  pointer-events: none;
}

.claimedLogo #inbox .inboxChipGift .logoContainer.dynamic-img,
.unclaimedLogo #inbox .inboxChipGift .logoContainer.dynamic-img {
  width: 100%;
  height: 100%;
}

#inbox .inboxChipGift.isBoosted .logoContainer:before {
  content: attr(data-fgmultiplier);
  position: absolute;
  left: 13px;
  top: 17px;
  font-size: 16px;
  z-index: 1;
  text-align: center;
  padding: 1px 7px;
  vertical-align: middle;
  font-family: AkzidGroProBolCnd;
  color: #fff;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  background-color: #EB2E24;
  background-image: linear-gradient(#ee1d32 7.4%, #ff4964 74%, #ed5d74 92.5%);
  border-radius: 3px;
  box-shadow: inset 0px 1px 1px -1px white, 0 1px 2px #000;
}

#inbox .inboxChipGift.isBoosted .claimedLogo:before {
  content: '';
  position: absolute;
  background-image: url(assets/images/Atlas.png);
  background-position: -3114px -372px;
  width: 124px;
  height: 124px;
  left: 28px;
  top: 20px;
  transform: scale(1.2);
}

#inbox .inboxChipGift .medallionContainer {
  top: -50px;
  right: -56px;
}

@keyframes claimedLogoAnim {
  from {
    opacity: 0;
    transform: translateX(30px) scale(0.83);
  }
  to {
    opacity: 1;
    transform: translateX(0) scale(0.83);
  }
}

@keyframes bonusAnimation {
  0% {
    transform: translateY(100%);
  }
  5% {
    transform: translateY(0);
  }
  95% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(100%);
  }
}

#inbox .inboxChipGift.claimed .logoContainer .unclaimedLogo {
  display: none;
}

#inbox .inboxChipGift.claimed .logoContainer .claimedLogo {
  opacity: 1;
  animation-name: claimedLogoAnim;
  animation-duration: .5s;
}

#inbox .inboxChipGift.claimed .outputContainer {
  border: 1px solid #37a7ff;
  box-shadow: 0 0 7px 3px #1941E3 inset, 0 0 7px 3px #1941E3;
  background: #070E38;
}

#inbox .inboxChipGift.claimed .outputContainer .grantedValue {
  line-height: 2.2;
}

#inbox .inboxChipGift.claimed .outputContainer .bonusContainer {
  animation-name: bonusAnimation;
  animation-duration: 2s;
}

#inbox .inboxChipGift.claimed .outputContainer button {
  display: none;
}

#inbox .inboxChipGift .informationContainer {
  position: absolute;
  box-sizing: border-box;
  left: 0;
  right: 0;
  margin: auto;
  width: 122px;
  height: 32px;
  border: 1px solid #37a7ff;
  box-shadow: 0 0 7px 3px #1941E3 inset, 0 0 7px 3px #1941E3;
  background: #070E38;
  border-radius: 3px;
  overflow: hidden;
  text-align: center;
  line-height: 1.9;
}

#inbox .inboxChipGift .outputContainer {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  box-sizing: border-box;
  width: 122px;
  margin: 32px auto 5px auto;
  height: 37px;
  border-radius: 3px;
  overflow: hidden;
  text-align: center;
  line-height: 23px;
}

#inbox .inboxChipGift .outputContainer > * {
  width: 100%;
  height: 100%;
}

#inbox .inboxChipGift .outputContainer .bonusContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: translateY(100%);
  background: #070E38;
  font-family: AkzidGroProBolCnd;
}

#inbox .inboxChipGift .outputContainer .bonusContainer .trs-icon {
  position: absolute;
  left: 2px;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  height: 2em;
}

#inbox .inboxChipGift .outputContainer .bonusContainer .rewards {
  position: absolute;
  left: 60px;
  bottom: 10px;
  left: 39px;
  top: 10px;
  font-size: 12px;
}

#inbox .inboxChipGift .outputContainer .bonusContainer .rewards:after {
  content: '';
}

#inbox .inboxChipGift .outputContainer .bonusContainer .multiplier {
  position: absolute;
  left: 88px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: auto;
  font-size: 23px;
}

#inbox .inboxChipGift .outputContainer button {
  padding: 5px 0;
}

#inbox .inboxCoupons,
#inbox .inboxAlbumGifts {
  cursor: pointer;
  display: inline-block;
  position: relative;
  padding-bottom: 20px;
  vertical-align: top;
}

#inbox .inboxCoupons > *,
#inbox .inboxAlbumGifts > * {
  box-sizing: border-box;
  margin: auto;
}

#inbox .inboxCoupons .logoContainer,
#inbox .inboxAlbumGifts .logoContainer {
  position: relative;
  width: 142px;
  height: 98px;
  overflow: hidden;
}

#inbox .inboxCoupons .logoContainer .logo,
#inbox .inboxAlbumGifts .logoContainer .logo {
  position: absolute;
  top: -10px;
}

#inbox .inboxCoupons .logoContainer .logo.customLogo,
#inbox .inboxAlbumGifts .logoContainer .logo.customLogo {
  transform: scale(0.9);
}

#inbox .inboxCoupons .logoContainer .logo.genericLogo,
#inbox .inboxAlbumGifts .logoContainer .logo.genericLogo {
  background-image: url(assets/images/Atlas.png);
  background-position: -456px -3201px;
  width: 140px;
  height: 130px;
  left: -2px;
  transform: scale(0.9);
}

#inbox .inboxCoupons .timerContainer,
#inbox .inboxAlbumGifts .timerContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#inbox .inboxCoupons .timerContainer .timerBackgroundBlue,
#inbox .inboxAlbumGifts .timerContainer .timerBackgroundBlue {
  position: absolute;
  left: -8px;
  top: -3px;
}

#inbox .inboxCoupons .timerContainer .timerBackgroundRed,
#inbox .inboxAlbumGifts .timerContainer .timerBackgroundRed {
  position: absolute;
  left: -8px;
  top: -2px;
  transform: scale(0.95);
}

#inbox .inboxCoupons .timerContainer .timerText,
#inbox .inboxAlbumGifts .timerContainer .timerText {
  margin: -1px;
  display: flex;
}

#inbox .inboxCoupons .timerContainer .timerText .season-timer-icon,
#inbox .inboxAlbumGifts .timerContainer .timerText .season-timer-icon {
  float: left;
  position: relative;
  width: 12px;
  height: 20px;
  left: -4px;
  top: 2px;
  transform: scale(0.75);
  background-image: url(assets/images/Atlas.png);
  background-position: -3711px -1482px;
  width: 12px;
  height: 20px;
}

#inbox .inboxCoupons .timerContainer .timerText .timeLeft,
#inbox .inboxAlbumGifts .timerContainer .timerText .timeLeft {
  flex-grow: 1;
}

#inbox .inboxCoupons .buttonContainer,
#inbox .inboxAlbumGifts .buttonContainer {
  width: 126px;
  height: 35px;
  font-weight: bold;
}

#inbox .inboxCoupons .buttonContainer.btnIdle,
#inbox .inboxAlbumGifts .buttonContainer.btnIdle {
  background: linear-gradient(to bottom, #0754fd, #2ad2ff 17%, #0856fd 47%, #28d0ff 85%, #0754fd 100%);
}

#inbox .inboxCoupons .buttonContainer.btnHovered,
#inbox .inboxAlbumGifts .buttonContainer.btnHovered {
  background: linear-gradient(to bottom, #0754fd 0%, #2ad2ff 17%, #aeecfd 47%, #28d0ff 85%, #0754fd 100%);
}

#inbox .inboxCoupons .buttonContainer .redeemButton,
#inbox .inboxAlbumGifts .buttonContainer .redeemButton {
  height: inherit;
  line-height: 35px;
  text-align: center;
  font-size: 20px;
  -webkit-filter: drop-shadow(0 1px 3px #000000);
          filter: drop-shadow(0 1px 3px #000000);
}

#inbox .inboxCoupons .informationContainer,
#inbox .inboxAlbumGifts .informationContainer {
  width: 122px;
  height: 145px;
  border: 1px solid #37a7ff;
  box-shadow: 0 0 7px 3px #1941E3 inset, 0 0 7px 3px #1941E3;
  background: #070E38;
  border-radius: 2px;
  padding: 4px 10px;
  font-size: 18px;
  position: relative;
}

#inbox .inboxCoupons .informationContainer .couponLabel,
#inbox .inboxAlbumGifts .informationContainer .couponLabel {
  max-height: 70px;
  overflow: hidden;
  text-align: center;
  margin-top: 18px;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-weight: 600;
  font-family: 'Akzidenz-Grotesk Pro Bold Cnd', arial, sans-serif;
}

#inbox .inboxCoupons .informationContainer .couponLabel.noTimer,
#inbox .inboxAlbumGifts .informationContainer .couponLabel.noTimer {
  margin-top: 39px;
}

#inbox .inboxCoupons .informationContainer .couponUssage,
#inbox .inboxAlbumGifts .informationContainer .couponUssage {
  text-align: center;
  margin-top: 28px;
  width: 122px;
  position: absolute;
  bottom: 4px;
  left: 0;
}

#inbox .albumCardGifts .albumNoGifts {
  margin: -30px -20px 0;
}

#inbox .albumCardGifts .error {
  margin: -12px -20px 0;
}

#inbox .inboxAlbumGifts {
  width: 100%;
  padding-bottom: 0;
  cursor: default;
}

#inbox .inboxAlbumGifts .albumCardGiftExpiryTime {
  padding-left: 5px;
}

#inbox .inboxAlbumGifts .inboxAlbumGiftsLimitContainer {
  display: flex;
  align-items: center;
  position: absolute;
  top: -62px;
  right: 30px;
  font-family: 'AkzidGroProCnd';
  font-size: 17px;
  color: #fff;
}

#inbox .inboxAlbumGifts .inboxAlbumGiftsLimitContainer .inboxAlbumGiftsItemCardImageSmallOverlay {
  transform: scale(0.75);
  width: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#inbox .inboxAlbumGifts .inboxAlbumGiftsLimitContainer .inboxAlbumGiftsItemCardImageSmallOverlay .inboxAlbumGiftsItemCardImageSmall {
  background-image: url(assets/images/Atlas.png);
  background-position: -2001px -3582px;
  width: 44px;
  height: 50px;
}

#inbox .inboxAlbumGifts .inboxAlbumGiftsLimitContainer.expired {
  color: red;
  right: 40px;
  top: -48px;
}

#inbox .inboxAlbumGifts .inboxAlbumGiftsItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 120px;
  padding: 6px 12px;
  box-shadow: 0 0 7px 3px #1941E3 inset, 0 0 7px 3px #1941E3;
  background: #070E38;
  border-radius: 3px;
  border: 1px solid #37a7ff;
  margin-bottom: 5px;
}

#inbox .inboxAlbumGifts .inboxAlbumGiftsItem:last-child {
  margin-bottom: 20px;
}

#inbox .inboxAlbumGifts .inboxAlbumGiftsItem .inboxAlbumGiftsItemCardImage {
  width: 58px;
  height: 85px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3414px -2693px;
  width: 58px;
  height: 85px;
  margin-left: 10px;
}

#inbox .inboxAlbumGifts .inboxAlbumGiftsItem .inboxAlbumGiftsItemCardImage.collected {
  background-image: url(assets/images/Atlas.png);
  background-position: -3414px -2780px;
  width: 58px;
  height: 85px;
}

#inbox .inboxAlbumGifts .inboxAlbumGiftsItem .inboxAlbumGiftsItemDetails {
  width: 430px;
  display: flex;
  align-items: center;
  justify-content: left;
  margin-left: 30px;
}

#inbox .inboxAlbumGifts .inboxAlbumGiftsItem .inboxAlbumGiftsItemDetails .inboxAlbumGiftsSenderProfile {
  width: 40px;
  height: 40px;
  position: relative;
}

#inbox .inboxAlbumGifts .inboxAlbumGiftsItem .inboxAlbumGiftsItemDetails .inboxAlbumGiftsSenderProfile .inboxAlbumGiftsSenderProfileOverlay {
  background-image: url(assets/images/Atlas.png);
  background-position: -176px -3385px;
  width: 178px;
  height: 178px;
  width: 176px;
  position: absolute;
  transform: scale(0.5);
  left: -68px;
  top: -68px;
}

#inbox .inboxAlbumGifts .inboxAlbumGiftsItem .inboxAlbumGiftsItemDetails .inboxAlbumGiftsSenderProfile .inboxAlbumGiftsItemSenderImg {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background-size: contain;
  position: absolute;
  left: -8px;
  top: -8px;
}

#inbox .inboxAlbumGifts .inboxAlbumGiftsItem .inboxAlbumGiftsItemDetails .inboxAlbumGiftsItemDescription {
  font-family: 'AkzidGroProCnd';
  font-size: 20px;
  padding-left: 30px;
  color: #fff;
}

#inbox .inboxAlbumGifts .inboxAlbumGiftsItem .inboxAlbumGiftsActions {
  width: 146px;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-evenly;
}

#inbox .inboxAlbumGifts .inboxAlbumGiftsItem .inboxAlbumGiftsActions .inboxAlbumGiftsExpiry {
  font-size: 18px;
  font-family: 'AkzidGroProLigCnd';
  display: flex;
  align-items: center;
  justify-content: center;
}

#inbox .inboxAlbumGifts .inboxAlbumGiftsItem .inboxAlbumGiftsActions .inboxAlbumGiftsExpiry span {
  text-transform: uppercase;
}

#inbox .inboxAlbumGifts .inboxAlbumGiftsItem .inboxAlbumGiftsActions .buttonContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}

#inbox .inboxAlbumGifts .inboxAlbumGiftsItem .inboxAlbumGiftsActions .buttonContainer .btn {
  box-shadow: 0 0 7px 3px #1941E3 inset, 0 0 7px 3px #1941E3;
  width: 250px;
  cursor: pointer;
}

#inbox .inboxAlbumGifts .inboxAlbumGiftsItem .inboxAlbumGiftsActions .buttonContainer .genericButton {
  border: 2px solid black;
}

#inbox .inboxAlbumGifts .inboxAlbumGiftsItem .inboxAlbumGiftsActions .buttonContainer .btn {
  box-shadow: 0 0 3px -4px #1941e3 inset, 0 0 5px 3px #1941e3;
}

#inbox .inboxAlbumGifts .inboxAlbumGiftsItem .inboxAlbumGiftsActions .buttonContainer .genericButton.collected {
  background: #070E38;
  background-color: #070E38;
  cursor: default;
}

#inbox .inboxAlbumGifts .inboxAlbumGiftsItem .inboxAlbumGiftsActions .buttonContainer .genericButton.collected:hover {
  color: #fff;
  text-shadow: 0 0 #000;
}

#inbox .inboxAlbumGifts .inboxAlbumGiftsItem .inboxAlbumGiftsActions .buttonContainer .genericButton.collected .collectedText {
  padding-left: 20px;
  font-family: 'AkzidGroProLigCnd';
}

#inbox .inboxAlbumGifts .inboxAlbumGiftsItem .inboxAlbumGiftsActions .buttonContainer .genericButton.collected .collectedCheckmark {
  background-image: url(assets/images/AtlasWsopBank.png);
  background-position: -916px -102px;
  width: 50px;
  height: 50px;
  position: absolute;
  left: -4px;
  bottom: -8px;
  transform: scale(0.4);
}

#inbox .inboxAlbumGifts .inboxAlbumGiftsItem .inboxAlbumGiftsActions .disabled .tooltipContainer {
  width: 126px;
  display: flex;
}

#inbox .inboxAlbumGifts .inboxAlbumGiftsItem .inboxAlbumGiftsActions .disabled .tooltipContainer .generalTooltip {
  width: 102px;
  text-align: center;
  font-size: 18px;
  font-family: 'AkzidGroProLigCnd';
  color: #000;
}

#inbox .inboxAlbumGifts .inboxAlbumGiftsItem .inboxAlbumGiftsActions .disabled .tooltipContainer .generalTooltip.bottomArrow:before {
  content: none;
}

#inbox .inboxAlbumGifts .inboxAlbumGiftsItem .inboxAlbumGiftsActions .disabled .btn {
  box-shadow: 0 0 3px -4px transparent inset, 0 0 5px 3px transparent;
  background: linear-gradient(to bottom, #999999, #545454 17%, #545454 47%, #545454 85%, #999999 100%);
  color: #fff;
  pointer-events: none;
  cursor: default;
}

#inbox .inboxBonus {
  display: inline-block;
  position: relative;
  padding-bottom: 20px;
  vertical-align: top;
}

#inbox .inboxBonus > * {
  box-sizing: border-box;
  margin: auto;
}

#inbox .inboxBonus .logoContainer {
  position: relative;
  width: 142px;
  height: 98px;
  overflow: hidden;
}

#inbox .inboxBonus .logoContainer .clubsRankBadgeInboxContainer {
  transform: translate(-50%, -4%) scale(1.25);
  left: 50%;
  position: absolute;
}

#inbox .inboxBonus .logoContainer .inboxBonusAlbumGiftBadgeContainer {
  position: absolute;
  right: 0;
  top: 12px;
  border: 2px solid #61D1F3;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  background-color: #0F1C3D;
  display: flex;
  align-items: center;
  justify-content: center;
}

#inbox .inboxBonus .logoContainer .inboxBonusAlbumGiftBadgeContainer .inboxBonusAlbumGiftBadge {
  background-image: url(assets/images/Atlas.png);
  background-position: -2001px -3582px;
  width: 44px;
  height: 50px;
}

#inbox .inboxBonus .logoContainer .logo {
  position: absolute;
  top: -10px;
}

#inbox .inboxBonus .logoContainer .logo.genericLogo {
  left: -10px;
  background-image: url(assets/images/Atlas.png);
  background-position: -859px -3385px;
  width: 160px;
  height: 160px;
}

#inbox .inboxBonus .logoContainer .logo.correlationLogo {
  left: -10px;
  width: 160px;
  height: 160px;
}

#inbox .inboxBonus .logoContainer .logo.claimedLogo {
  opacity: 0;
}

#inbox .inboxBonus .logoContainer .logo.AlbumPack {
  background-repeat: no-repeat;
  background-size: contain;
  width: 160px;
  height: 160px;
  left: -8px;
  transition: opacity 1s ease-in-out;
}

#inbox .inboxBonus .logoContainer .logo.AlbumPackHidden {
  opacity: 0;
}

#inbox .inboxBonus .logoContainer .claimedCheckmark {
  background-image: url(assets/images/AtlasWsopBank.png);
  background-position: -916px -102px;
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0px;
  bottom: -7px;
  transform: scale(0.8);
}

#inbox .inboxBonus .medallionContainer {
  top: -48px;
  right: -48px;
}

#inbox .inboxBonus .buttonAmountContainer {
  width: 126px;
  height: 35px;
  font-weight: bold;
}

#inbox .inboxBonus .buttonAmountContainer > * {
  width: 100%;
  height: 100%;
  text-align: center;
}

#inbox .inboxBonus .buttonAmountContainer .amount {
  line-height: 2;
}

@keyframes bonusClaimedLogoAnim {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes bonusClaimedLogoAnimWithSize {
  from {
    opacity: 0;
    transform: translateX(30px) scale(0.86);
  }
  to {
    opacity: 1;
    transform: translateX(0) scale(0.86);
  }
}

#inbox .inboxBonus.claimed .logo {
  animation-duration: .5s;
}

#inbox .inboxBonus.claimed .logo.unclaimedLogo {
  display: none;
}

#inbox .inboxBonus.claimed .logo.claimedLogo {
  opacity: 1;
  animation-name: bonusClaimedLogoAnim;
  animation-duration: .5s;
}

#inbox .inboxBonus.claimed .logo.genericLogo, #inbox .inboxBonus.claimed .logo.AlbumPack {
  animation-name: bonusClaimedLogoAnimWithSize;
  transform: scale(0.86);
}

#inbox .inboxBonus.claimed .logo .genericLogo {
  left: -23px;
  top: -25px;
  background-image: url(assets/images/Atlas.png);
  background-position: -697px -3385px;
  width: 160px;
  height: 160px;
}

#inbox .inboxBonus.claimed .buttonAmountContainer {
  box-shadow: 0 0 7px 3px #1941E3 inset, 0 0 7px 3px #1941E3;
  background: #070E38;
  border-radius: 2px;
  border: 1px solid #37a7ff;
}

#inbox .inboxBonus .informationContainer {
  width: 122px;
  height: 145px;
  border: 1px solid #37a7ff;
  box-shadow: 0 0 7px 3px #1941E3 inset, 0 0 7px 3px #1941E3;
  background: #070E38;
  border-radius: 2px;
  padding: 4px 10px;
  font-size: 18px;
}

#inbox .inboxBonus .informationContainer.SUPER_SIZE_V2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

#inbox .inboxBonus .informationContainer .supersize-reward {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#inbox .inboxBonus .informationContainer .supersize-timer {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#inbox .inboxBonus .informationContainer .supersize-timer .icon-timer-supersize {
  background-image: url(assets/images/Atlas.png);
  background-position: -3711px -1482px;
  width: 12px;
  height: 20px;
  margin-top: 2px;
  margin-right: 5px;
  float: left;
  -webkit-filter: invert(28%) sepia(100%) hue-rotate(-180deg) saturate(3);
          filter: invert(28%) sepia(100%) hue-rotate(-180deg) saturate(3);
}

#inbox .inboxBonus .informationContainer .supersize-timer .timer-container {
  display: flex;
  color: #64ACE6;
}

#inbox .inboxBonus.bet_insurance .logo {
  background-image: url(assets/images/Atlas.png);
  background-position: -3076px -2112px;
  width: 160px;
  height: 160px;
  left: 3px;
  top: -12px;
}

#inbox .inboxBonus.bet_insurance.claimed .logo {
  animation-name: bonusClaimedLogoAnim;
  background-image: url(assets/images/Atlas.png);
  background-position: -535px -3385px;
  width: 160px;
  height: 160px;
}

#inbox .inboxNotification {
  box-sizing: border-box;
  width: 100%;
  height: 84px;
  padding: 3px 25px 15px 60px;
  margin-bottom: 10px;
}

#inbox .inboxNotification .contentContainer {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 20px;
  border-radius: 2px;
  border: 1px solid #37a7ff;
  box-shadow: 0 0 7px 3px #1941E3 inset, 0 0 7px 3px #1941E3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #070E38;
}

#inbox .inboxNotification .contentContainer .medallionContainer {
  position: absolute;
  width: 85px;
  height: 85px;
  left: -52px;
  top: 50%;
  transform: translateY(-50%);
}

#inbox .inboxNotification .contentContainer .informationContainer {
  position: relative;
  margin-left: 80px;
}

#inbox .inboxNotification .contentContainer .informationContainer:before {
  content: '';
  position: absolute;
  transform: translateX(-100%);
  left: -7px;
  top: -3px;
}

#inbox .inboxNotification .contentContainer .informationContainer .title {
  font-weight: bold;
}

#inbox .inboxNotification .contentContainer .informationContainer .description {
  font-family: AkzidGroProLigCnd;
}

#inbox .inboxNotification .contentContainer .buttonsContainer {
  position: relative;
  padding-right: 10px;
}

#inbox .inboxNotification .contentContainer .buttonsContainer .timeAgo {
  vertical-align: top;
  padding-right: 10px;
}

#inbox .inboxNotification .contentContainer .buttonsContainer button {
  border: 1px solid black;
  margin: 0 5px;
  padding: 0;
  width: 45px;
  height: 45px;
}

#inbox .inboxNotification .contentContainer .buttonsContainer button:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
}

#inbox .inboxNotification.inviteAccepted .buttonsContainer button {
  visibility: hidden;
}

#inbox .inboxNotification.friend_request .informationContainer:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -942px -3648px;
  width: 35px;
  height: 32px;
}

#inbox .inboxNotification.friend_request.seen .informationContainer:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -979px -3648px;
  width: 35px;
  height: 32px;
}

#inbox .inboxNotification.friend_request button.deny:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -462px -3648px;
  width: 40px;
  height: 39px;
}

#inbox .inboxNotification.friend_request button.accept:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -2215px -1458px;
  width: 40px;
  height: 39px;
}

#inbox .inboxNotification.table_invite .informationContainer:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -1016px -3648px;
  width: 35px;
  height: 32px;
}

#inbox .inboxNotification.table_invite.seen .informationContainer:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -1053px -3648px;
  width: 35px;
  height: 32px;
}

#inbox .inboxNotification.table_invite button.deny:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -462px -3648px;
  width: 40px;
  height: 39px;
}

#inbox .inboxNotification.table_invite button.accept:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -378px -3648px;
  width: 40px;
  height: 39px;
}

#inbox:after {
  content: '';
  position: absolute;
  border-radius: 5px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  border: 1px solid #37a7ff;
  box-shadow: 0 0 7px 2px #1941E3;
  pointer-events: none;
}

.chips-gifts-blocker {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s;
}

.chips-gifts-blocker:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
}

.chips-gifts-blocker .blocker-particles {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.chips-gifts-blocker .blocker-particles .blocker-particle {
  background-image: url(assets/images/Atlas.png);
  background-position: -3242px 0px;
  width: 256px;
  height: 256px;
  border-radius: 50%;
  position: absolute;
  left: 70px;
  top: -200px;
}

@keyframes particle-animation-1 {
  20% {
    opacity: 0.14;
  }
  50% {
    opacity: 0.78;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translate3d(8%, 44%, 14px);
    opacity: 0;
  }
}

.chips-gifts-blocker .blocker-particles .blocker-particle:nth-child(1) {
  animation: particle-animation-1 10s infinite;
  animation-delay: -0.6s;
  transform: translate3d(16%, 42%, 14px);
  opacity: 0;
}

@keyframes particle-animation-2 {
  20% {
    opacity: 0.6;
  }
  50% {
    opacity: 0.37;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translate3d(147%, 86%, 38px);
    opacity: 0;
  }
}

.chips-gifts-blocker .blocker-particles .blocker-particle:nth-child(2) {
  animation: particle-animation-2 10s infinite;
  animation-delay: -1.2s;
  transform: translate3d(130%, 79%, 38px);
  opacity: 0;
}

@keyframes particle-animation-3 {
  20% {
    opacity: 0.81;
  }
  50% {
    opacity: 0.64;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translate3d(83%, 61%, 32px);
    opacity: 0;
  }
}

.chips-gifts-blocker .blocker-particles .blocker-particle:nth-child(3) {
  animation: particle-animation-3 10s infinite;
  animation-delay: -1.8s;
  transform: translate3d(91%, 69%, 32px);
  opacity: 0;
}

@keyframes particle-animation-4 {
  20% {
    opacity: 0.26;
  }
  50% {
    opacity: 0.31;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translate3d(132%, 31%, 61px);
    opacity: 0;
  }
}

.chips-gifts-blocker .blocker-particles .blocker-particle:nth-child(4) {
  animation: particle-animation-4 10s infinite;
  animation-delay: -2.4s;
  transform: translate3d(122%, 42%, 61px);
  opacity: 0;
}

@keyframes particle-animation-5 {
  20% {
    opacity: 0.23;
  }
  50% {
    opacity: 0.66;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translate3d(136%, 63%, 57px);
    opacity: 0;
  }
}

.chips-gifts-blocker .blocker-particles .blocker-particle:nth-child(5) {
  animation: particle-animation-5 10s infinite;
  animation-delay: -3s;
  transform: translate3d(142%, 80%, 57px);
  opacity: 0;
}

@keyframes particle-animation-6 {
  20% {
    opacity: 0.26;
  }
  50% {
    opacity: 0.8;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translate3d(113%, 89%, 54px);
    opacity: 0;
  }
}

.chips-gifts-blocker .blocker-particles .blocker-particle:nth-child(6) {
  animation: particle-animation-6 10s infinite;
  animation-delay: -3.6s;
  transform: translate3d(95%, 89%, 54px);
  opacity: 0;
}

@keyframes particle-animation-7 {
  20% {
    opacity: 0.64;
  }
  50% {
    opacity: 0.34;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translate3d(160%, 55%, 97px);
    opacity: 0;
  }
}

.chips-gifts-blocker .blocker-particles .blocker-particle:nth-child(7) {
  animation: particle-animation-7 10s infinite;
  animation-delay: -4.2s;
  transform: translate3d(143%, 53%, 97px);
  opacity: 0;
}

@keyframes particle-animation-8 {
  20% {
    opacity: 0.6;
  }
  50% {
    opacity: 0.74;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translate3d(30%, 49%, 45px);
    opacity: 0;
  }
}

.chips-gifts-blocker .blocker-particles .blocker-particle:nth-child(8) {
  animation: particle-animation-8 10s infinite;
  animation-delay: -4.8s;
  transform: translate3d(37%, 61%, 45px);
  opacity: 0;
}

@keyframes particle-animation-9 {
  20% {
    opacity: 0.78;
  }
  50% {
    opacity: 0.37;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translate3d(47%, 57%, 95px);
    opacity: 0;
  }
}

.chips-gifts-blocker .blocker-particles .blocker-particle:nth-child(9) {
  animation: particle-animation-9 10s infinite;
  animation-delay: -5.4s;
  transform: translate3d(66%, 59%, 95px);
  opacity: 0;
}

@keyframes particle-animation-10 {
  20% {
    opacity: 0.59;
  }
  50% {
    opacity: 0.38;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translate3d(108%, 109%, 71px);
    opacity: 0;
  }
}

.chips-gifts-blocker .blocker-particles .blocker-particle:nth-child(10) {
  animation: particle-animation-10 10s infinite;
  animation-delay: -6s;
  transform: translate3d(107%, 97%, 71px);
  opacity: 0;
}

@keyframes particle-animation-11 {
  20% {
    opacity: 0.59;
  }
  50% {
    opacity: 0.45;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translate3d(60%, -4%, 54px);
    opacity: 0;
  }
}

.chips-gifts-blocker .blocker-particles .blocker-particle:nth-child(11) {
  animation: particle-animation-11 10s infinite;
  animation-delay: -6.6s;
  transform: translate3d(64%, 1%, 54px);
  opacity: 0;
}

@keyframes particle-animation-12 {
  20% {
    opacity: 0.32;
  }
  50% {
    opacity: 0.44;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translate3d(-2%, 47%, 50px);
    opacity: 0;
  }
}

.chips-gifts-blocker .blocker-particles .blocker-particle:nth-child(12) {
  animation: particle-animation-12 10s infinite;
  animation-delay: -7.2s;
  transform: translate3d(8%, 45%, 50px);
  opacity: 0;
}

@keyframes particle-animation-13 {
  20% {
    opacity: 0.9;
  }
  50% {
    opacity: 0.57;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translate3d(78%, 78%, 22px);
    opacity: 0;
  }
}

.chips-gifts-blocker .blocker-particles .blocker-particle:nth-child(13) {
  animation: particle-animation-13 10s infinite;
  animation-delay: -7.8s;
  transform: translate3d(74%, 76%, 22px);
  opacity: 0;
}

@keyframes particle-animation-14 {
  20% {
    opacity: 0.54;
  }
  50% {
    opacity: 0.79;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translate3d(118%, 90%, 12px);
    opacity: 0;
  }
}

.chips-gifts-blocker .blocker-particles .blocker-particle:nth-child(14) {
  animation: particle-animation-14 10s infinite;
  animation-delay: -8.4s;
  transform: translate3d(117%, 87%, 12px);
  opacity: 0;
}

@keyframes particle-animation-15 {
  20% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.73;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translate3d(89%, 26%, 19px);
    opacity: 0;
  }
}

.chips-gifts-blocker .blocker-particles .blocker-particle:nth-child(15) {
  animation: particle-animation-15 10s infinite;
  animation-delay: -9s;
  transform: translate3d(69%, 14%, 19px);
  opacity: 0;
}

@keyframes particle-animation-16 {
  20% {
    opacity: 0.43;
  }
  50% {
    opacity: 0.63;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translate3d(116%, 77%, 44px);
    opacity: 0;
  }
}

.chips-gifts-blocker .blocker-particles .blocker-particle:nth-child(16) {
  animation: particle-animation-16 10s infinite;
  animation-delay: -9.6s;
  transform: translate3d(125%, 67%, 44px);
  opacity: 0;
}

@keyframes particle-animation-17 {
  20% {
    opacity: 0.39;
  }
  50% {
    opacity: 0.56;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translate3d(85%, 30%, 65px);
    opacity: 0;
  }
}

.chips-gifts-blocker .blocker-particles .blocker-particle:nth-child(17) {
  animation: particle-animation-17 10s infinite;
  animation-delay: -10.2s;
  transform: translate3d(67%, 20%, 65px);
  opacity: 0;
}

@keyframes particle-animation-18 {
  20% {
    opacity: 0.03;
  }
  50% {
    opacity: 0.44;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translate3d(124%, 59%, 38px);
    opacity: 0;
  }
}

.chips-gifts-blocker .blocker-particles .blocker-particle:nth-child(18) {
  animation: particle-animation-18 10s infinite;
  animation-delay: -10.8s;
  transform: translate3d(113%, 59%, 38px);
  opacity: 0;
}

@keyframes particle-animation-19 {
  20% {
    opacity: 0.03;
  }
  50% {
    opacity: 0.7;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translate3d(132%, 69%, 13px);
    opacity: 0;
  }
}

.chips-gifts-blocker .blocker-particles .blocker-particle:nth-child(19) {
  animation: particle-animation-19 10s infinite;
  animation-delay: -11.4s;
  transform: translate3d(117%, 68%, 13px);
  opacity: 0;
}

@keyframes particle-animation-20 {
  20% {
    opacity: 0.62;
  }
  50% {
    opacity: 0.62;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translate3d(97%, 79%, 74px);
    opacity: 0;
  }
}

.chips-gifts-blocker .blocker-particles .blocker-particle:nth-child(20) {
  animation: particle-animation-20 10s infinite;
  animation-delay: -12s;
  transform: translate3d(103%, 91%, 74px);
  opacity: 0;
}

.chips-gifts-blocker .chips-gifts-blocker-content {
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 40px;
  animation: fadeIn .5s;
}

.chips-gifts-blocker .chips-gifts-blocker-content .crest {
  position: absolute;
  top: -58px;
  left: 0;
  transform: translateX(-88%) scale(0.8);
}

.chips-gifts-blocker .chips-gifts-blocker-content .top-text {
  font-size: 22px;
  line-height: 0.5;
}

.chips-gifts-blocker .chips-gifts-blocker-content .main-text {
  font-size: 60px;
}

.chips-gifts-blocker .chips-gifts-blocker-content .bottom-text {
  font-size: 26px;
  font-family: AkzidGroProLigCnd;
}

.chips-gifts-blocker .chips-gifts-blocker-content .bottom-text .dire {
  color: red;
}

.chips-gifts-blocker .chips-gifts-blocker-content .blocker-separator {
  position: relative;
  width: 300px;
  margin-top: 5px;
}

.chips-gifts-blocker .chips-gifts-blocker-content .blocker-separator:after, .chips-gifts-blocker .chips-gifts-blocker-content .blocker-separator:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  top: -5px;
}

.chips-gifts-blocker .chips-gifts-blocker-content .blocker-separator:before {
  height: 5px;
  top: -7px;
  -webkit-filter: blur(1px);
          filter: blur(1px);
  background: linear-gradient(to right, transparent, #1941E3 50%, transparent 100%);
}

.chips-gifts-blocker .chips-gifts-blocker-content .blocker-separator:after {
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.3) 50%, transparent 100%);
}

.chips-gifts-blocker .chips-gifts-blocker-content.reachedMaxGiftsCap .crest {
  display: none;
}

.carouselContainer {
  overflow: hidden;
  padding: 0;
}

.carouselContainer .carouselContent {
  height: 100%;
  transition: transform 250ms cubic-bezier(0, -0.02, 0, 1.01);
}

.carouselContainer .carouselContent:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}

.carouselContainer .carouselContent .draggableWrapper {
  min-height: 113px;
  padding: 0px 10px;
}

.carouselContainer .carouselContent .leftCarouselButton {
  left: 0;
}

.carouselContainer .carouselContent .leftCarouselButton:after {
  transform: scale(-0.8, 0.8);
  left: 15px;
}

.carouselContainer .carouselContent .rightCarouselButton {
  right: 0;
  transform: scaleX(-1);
}

.carouselContainer .carouselContent .rightCarouselButton:after {
  transform: scale(-0.8, 0.8);
  left: 15px;
}

.carouselContainer .carouselContent .leftCarouselButton,
.carouselContainer .carouselContent .rightCarouselButton {
  background-image: linear-gradient(to left, transparent, black);
}

.carouselContainer .spacer {
  position: relative;
  height: 109px;
  width: 10px;
  display: inline-block;
}

.carouselContainer .statRing,
.carouselContainer .statBracelet {
  position: relative;
  height: 104px;
  display: inline-block;
  color: #FFFFFF;
  margin: 0 10px;
}

.carouselContainer .statRing .title,
.carouselContainer .statBracelet .title {
  position: absolute;
  top: -2px;
  display: block;
  font-family: AkzidGroProCnd;
  font-size: 1.5rem;
  text-align: left;
  text-transform: uppercase;
  text-shadow: -1px -1px 2px #0848ff, 1px -1px 2px #0848ff, -1px 1px 2px #0848ff, 1px 1px 2px #0848ff;
}

.carouselContainer .statRing:not(:nth-child(2)) .title:after,
.carouselContainer .statBracelet:not(:nth-child(2)) .title:after {
  content: "";
  position: absolute;
  left: -14px;
  top: 0px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3592px -640px;
  width: 14px;
  height: 102px;
}

.carouselContainer .statRing .name,
.carouselContainer .statBracelet .name {
  position: absolute;
  top: 86px;
  width: 91px;
  font-family: AkzidGroProCnd;
  font-size: 1.4rem;
  text-align: center;
  text-overflow: ellipsis;
  text-transform: capitalize;
  white-space: nowrap;
  opacity: 0.4;
}

.carouselContainer .statRing .name:after,
.carouselContainer .statBracelet .name:after {
  content: "";
  position: absolute;
  left: 0px;
  top: -7px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3378px -2678px;
  width: 91px;
  height: 12px;
}

.carouselContainer .statRing .glow,
.carouselContainer .statBracelet .glow {
  position: absolute;
  top: -8px;
  left: -15px;
  z-index: -1;
  opacity: 0;
  background-image: url(assets/images/Atlas.png);
  background-position: -1643px -3385px;
  width: 123px;
  height: 115px;
}

.carouselContainer .statBracelet {
  width: 95px;
  transition: opacity 250ms linear;
}

.carouselContainer .statBracelet:not(.owned) {
  cursor: default;
}

.carouselContainer .statBracelet .braceletContainer {
  position: relative;
  top: 20px;
  opacity: 0.4;
  width: 85px;
}

.carouselContainer .statBracelet .braceletContainer > div {
  margin-left: auto;
  margin-right: auto;
  background-repeat: no-repeat;
}

.carouselContainer .statBracelet .name {
  width: 85px;
}

.carouselContainer .statBracelet .name:after {
  content: "";
  position: absolute;
  left: -2px;
  top: -7px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3378px -2678px;
  width: 91px;
  height: 12px;
}

.carouselContainer .statBracelet.owned .multiple {
  position: absolute;
  top: 3px;
  right: -9px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3460px -2145px;
  width: 34px;
  height: 50px;
  color: #FFFFFF;
  z-index: 1;
  text-align: center;
  font-size: 1.5rem;
  line-height: 2.4;
}

.carouselContainer .statBracelet.socketsActivated .braceletContainer {
  top: 25px;
}

.carouselContainer .statBracelet.socketsActivated .name:after {
  display: none;
}

.carouselContainer .statRing {
  width: 59px;
}

.carouselContainer .statRing .name {
  width: 69px;
}

.carouselContainer .statRing .name > span {
  position: absolute;
  transform: translateX(-50%);
}

.carouselContainer .statRing .name:after {
  content: none;
}

.carouselContainer .statRing .name .overline {
  content: "";
  position: absolute;
  left: -9px;
  top: -7px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3378px -2678px;
  width: 91px;
  height: 12px;
  transform: scale(0.75, 1);
}

.carouselContainer .statRing .ringImage {
  position: relative;
  left: 0px;
  top: 22px;
  width: 69px;
  height: 71px;
  margin: auto;
  background-size: 65px 60px !important;
  background-repeat: no-repeat !important;
}

.carouselContainer .statRing .ringImage .ringOwned {
  position: absolute;
  top: -16px;
  right: -3px;
  text-align: center;
  opacity: 0;
}

.carouselContainer .statRing .ringImage .ringOwned span {
  color: #FFFFFF;
  font-size: 1.5rem;
  line-height: 34px;
  visibility: hidden;
}

.carouselContainer .statRing .ringImage .ringOwned.multiple {
  background-image: url(assets/images/Atlas.png);
  background-position: -3460px -2145px;
  width: 34px;
  height: 50px;
}

.carouselContainer .statRing .ringImage .ringOwned.multiple span {
  visibility: visible;
}

.carouselContainer .statRing .glow {
  left: -29px;
  transform: scale(0.8);
}

.carouselContainer .statRing.socketsActivated .name {
  opacity: 0.5;
}

.carouselContainer .statRing.socketsActivated .ringImage {
  opacity: 1;
}

.carouselContainer .statRing.socketsActivated .ringImage {
  top: 30px;
}

.carouselContainer .statRing.socketsActivated .overline {
  display: none;
}

.carouselContainer .statRing .ringImage,
.carouselContainer .statBracelet .ringImage {
  opacity: .4;
}

.carouselContainer .statRing.equipped .glow,
.carouselContainer .statBracelet.equipped .glow {
  opacity: 1;
}

.carouselContainer .statRing.owned:hover .glow,
.carouselContainer .statBracelet.owned:hover .glow {
  opacity: 1;
}

.carouselContainer .statRing.owned .name,
.carouselContainer .statRing.owned .braceletContainer,
.carouselContainer .statRing.owned .ringImage,
.carouselContainer .statRing.owned .ringOwned,
.carouselContainer .statBracelet.owned .name,
.carouselContainer .statBracelet.owned .braceletContainer,
.carouselContainer .statBracelet.owned .ringImage,
.carouselContainer .statBracelet.owned .ringOwned {
  opacity: 1;
  cursor: pointer;
}

.statsComparisonHeader .statBracelet {
  margin: 0;
}

.statsComparisonHeader .tournaments-slot-items {
  transform-origin: left top;
  transform: scale(0.8);
  display: inline-flex;
  min-height: 110px;
}

.statsComparisonHeader .tournaments-slot-items .statRing {
  display: inline-flex;
  height: 93px;
}

.statsComparisonHeader .tournaments-slot-items .statRing, .statsComparisonHeader .tournaments-slot-items .trophy-item {
  position: relative;
  bottom: -5px;
}

.inComparison .tournaments-slot-items {
  pointer-events: none;
}

.comparePlayer .inComparison .isSocket {
  display: none;
}

.inComparison .hideInComparision, .inComparison .trophy-item-glow, .inComparison .glow {
  display: none;
}

.inComparison.carouselContent .braceletContainer, .inComparison.carouselContent .ringImage, .inComparison.carouselContent .clickable, .inComparison.carouselContent .gsStoreBtnsContainer .gsStoreBtn, .gsStoreBtnsContainer .inComparison.carouselContent .gsStoreBtn, .inComparison.carouselContent .gsActionButtonsContainer .action-button, .gsActionButtonsContainer .inComparison.carouselContent .action-button, .inComparison.carouselContent .name {
  pointer-events: none;
  cursor: default;
}

.StatsProfile .statsTable .jspPane {
  width: 747px !important;
}

.value,
.value2,
.value3,
.value4,
.myvalue,
.myvalue2,
.myvalue3,
.myvalue4 {
  padding-right: 15px;
}

.StatsProfile td .hidden {
  display: none;
}

.ringSelectBtn,
.braceletSelectBtn {
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
  margin-top: -15%;
  transform: translateY(25%);
}

.ringSelectBtn:hover,
.braceletSelectBtn:hover {
  cursor: pointer;
}

.ringSelectBtn {
  background-image: url(assets/images/Atlas.png);
  background-position: -501px -3582px;
  width: 56px;
  height: 54px;
}

.ringSelectBtn:hover, .ringSelectBtn.active {
  background-image: url(assets/images/Atlas.png);
  background-position: -559px -3582px;
  width: 56px;
  height: 54px;
}

.braceletSelectBtn {
  background-image: url(assets/images/Atlas.png);
  background-position: -2773px -2031px;
  width: 56px;
  height: 54px;
}

.braceletSelectBtn:hover, .braceletSelectBtn.active {
  background-image: url(assets/images/Atlas.png);
  background-position: -443px -3582px;
  width: 56px;
  height: 54px;
}

.StatsProfile {
  position: relative;
  height: 415px;
  width: 779px;
  overflow: hidden;
  color: #FFFFFF;
  z-index: 5;
  margin: 0 auto;
}

.StatsProfile .leftStatsCompareContainer,
.StatsProfile .rightStatsCompareContainer,
.StatsProfile .statsCompareSeparator,
.StatsProfile .statsComparisonHeader {
  display: none;
}

.StatsProfile #resortRings,
.StatsProfile #myResortRings {
  height: auto;
  text-align: center;
}

.StatsProfile .mainStatsView {
  width: 750px;
  height: 405px;
  top: 5px;
  left: 15px;
  z-index: -1;
  margin: 0 auto;
  position: absolute;
  overflow: hidden;
  border-radius: 6px;
  box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  border: solid 1px #59d1ff;
  box-shadow: inset 0 0 7px 2px #0042ff,0 0 7px 2px #0042ff;
}

.StatsProfile .content {
  /* Weird positionning due to the remake from img borders to css*/
  top: -6px;
  left: -17px;
  position: absolute;
  width: 781px;
  background: linear-gradient(to bottom, #00004b 0%, black 20%);
  height: 732px;
}

.StatsProfile .content.withTransition {
  transition-delay: 0ms;
  transition-duration: 350ms, 350ms, 500ms, 500ms;
  transition-property: transform, -webkit-filter;
  transition-property: transform, filter;
  transition-property: transform, filter, -webkit-filter;
  transition-timing-function: cubic-bezier(0, 0.15, 0.21, 1.04), cubic-bezier(0, 0.15, 0.21, 1.04), linear, linear;
}

.StatsProfile.loadingStats .content {
  pointer-events: none;
  -webkit-filter: blur(15px);
          filter: blur(15px);
}

.StatsProfile:not(.loadingStats) .content {
  -webkit-filter: blur(0px);
          filter: blur(0px);
}

.StatsProfile.movedUp .content {
  transform: translateY(-371px);
}

.StatsProfile.movedDown .content {
  transform: translateY(0px);
}

.StatsProfile .pmClose.small {
  top: 1px;
  right: 7px;
  z-index: 25;
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -599px;
  width: 27px;
  height: 28px;
}

.StatsProfile .pmClose.small:hover {
  background-position: -3697px -539px;
}

.StatsProfile .pmClose.small:active {
  background-position: -3697px -569px;
}

.StatsProfile .statsToggle {
  font-size: 2.2rem;
  width: 754px;
  height: 33px;
  margin: 0 auto;
  cursor: pointer;
  text-shadow: 0em 0em 2rem #0848ff;
  background: linear-gradient(to bottom, #000674 0%, #000043 100%);
}

.StatsProfile .statsToggle:hover {
  background-image: url(assets/images/AtlasJPEG.png);
  background-position: -406px -687px;
  width: 754px;
  height: 33px;
}

.StatsProfile .statsToggle:active {
  background-image: url(assets/images/AtlasJPEG.png);
  background-position: -406px -722px;
  width: 754px;
  height: 33px;
}

.StatsProfile .statsToggle .descr {
  position: absolute;
  width: 150px;
  left: 317.5px;
  text-align: center;
  cursor: pointer;
  color: #FFFFFF;
  line-height: 35px;
  text-shadow: -1px -1px 2px #0848ff, 1px -1px 2px #0848ff, -1px 1px 2px #0848ff, 1px 1px 2px #0848ff;
}

.StatsProfile .statsToggle:hover .descr {
  text-shadow: 0em 0em 3rem #0848ff;
}

.StatsProfile .statsToggle .leftArrow {
  background-image: url(assets/images/Atlas.png);
  background-position: -3126px -3201px;
  width: 31px;
  height: 24px;
  position: absolute;
  top: 380px;
  left: 315px;
}

.StatsProfile .statsToggle .rightArrow {
  background-image: url(assets/images/Atlas.png);
  background-position: -3126px -3201px;
  width: 31px;
  height: 24px;
  position: absolute;
  top: 380px;
  right: 315px;
}

.StatsProfile .profileMainUser .carouselSelector:not(.hidden) {
  display: flex;
  position: relative;
  width: 56px;
  height: 110px;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0px 0px 0px 20px;
}

.StatsProfile .profileMainUser .carouselContainer {
  position: absolute;
  height: 110px;
  padding: 0 16px;
  box-sizing: border-box;
  width: 100%;
}

.StatsProfile .profileMainUser .carouselContainer.hasLeftSelector {
  width: calc(100% - 56px);
  left: 56px;
}

.StatsProfile .profileMainUser .carouselContainer .draggableLoader {
  min-height: 110px;
  height: 110px;
  width: 100%;
}

.StatsProfile .profileMainUser .carouselContainer .carouselContent {
  position: relative;
}

.StatsProfile .profileMainUser .carouselContainer .carouselContent.avatarStore {
  transform: translateY(-121px);
}

.StatsProfile .profileMainUser .carouselContainer .carouselContent.resortRings {
  transform: translateY(0px);
}

.StatsProfile .profileMainUser .carouselContainer .carouselContent > div {
  margin-bottom: 9px !important;
}

.StatsProfile .profileMainUser .carouselContainer .carouselContent #MiniAvatarStore {
  width: 100%;
}

.StatsProfile .profileMainUser .carouselContainer .statBracelet {
  width: 80px;
}

.StatsProfile .profileMainUser .carouselContainer .statBracelet .braceletImage {
  top: 18px;
  left: 0;
}

.StatsProfile .profileMainUser .carouselContainer .statBracelet .name {
  left: -6px;
}

.StatsProfile .profileMainUser .profileMedallion {
  position: absolute;
  height: 180px;
  width: 180px;
}

.StatsProfile .profileMainUser .profileMedallion .profileMedallion_crop {
  position: absolute;
  background-color: #000;
  border-radius: 50%;
  width: 180px;
  height: 180px;
  left: 2px;
  overflow: hidden;
}

.StatsProfile .profileMainUser .profileMedallion .profileMedallion_crop .profileMedallion_image {
  position: absolute;
  top: -4px;
  left: -3px;
  width: 186px;
  height: 186px;
}

.StatsProfile .profileMainUser .profileMedallion .profileMedallion_bracelet {
  position: absolute;
  top: 110px;
  left: -53px;
  z-index: 2;
}

.StatsProfile .profileMainUser .profileMedallion .profileMedallion_tournamentsSlot {
  position: absolute;
  top: 110px;
  right: -36px;
  z-index: 2;
}

.StatsProfile .profileMainUser .profileMedallion .profileMedallion_itemToDisplay {
  position: absolute;
  left: -16px;
  width: 50px;
  height: 50px;
  z-index: 2;
}

.StatsProfile .profileMainUser .profileMedallion.starQuestEnabled .profileMedallion_overlay {
  transform: scale(1.51);
  top: 4px;
  left: -8px;
}

.StatsProfile .profileMainUser .profileMedallion.starQuestEnabled svg {
  transform-origin: top left;
  transform: scale(1.08);
  top: 5%;
  left: 1%;
}

.StatsProfile .statsTable {
  position: relative;
  width: 749px;
  overflow: hidden;
  border-radius: 5px;
  margin-left: 18px;
  margin-top: 58px;
  height: 308px;
  background: linear-gradient(to bottom, #0303c3 0%, #010141 100%);
  border-top: 1px solid;
  border-image: linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgba(30, 87, 153, 0.8) 15%, #1e5799 19%, #1e5799 20%, #3179cd 50%, #1e5799 80%, #1e5799 81%, rgba(30, 87, 153, 0.8) 85%, rgba(30, 87, 153, 0) 100%);
  border-image-slice: 1;
}

.StatsProfile .statsTable td {
  padding: 0;
  text-align: right;
  height: inherit;
  float: right;
}

.StatsProfile .statsTable tbody tr td:nth-of-type(3) {
  display: none;
}

.StatsProfile .statsTable tr {
  height: 29px;
  position: relative;
  display: block;
}

.StatsProfile .statsTable tr.rows-4 {
  height: 116px;
}

.StatsProfile .statsTable tr.rows-4 td:nth-of-type(1) {
  line-height: 116px;
}

.StatsProfile .statsTable tr .inlineStat {
  position: relative;
  padding-top: 6px;
}

.StatsProfile .statsTable tr .inlineStat .desc {
  float: left;
  color: #51c1f5;
}

.StatsProfile .statsTable tr .inlineStat.underlined:after {
  content: "";
  background-image: url(assets/images/Atlas.png);
  background-position: -2134px -2179px;
  width: 440px;
  height: 11px;
  position: absolute;
  left: -18px;
  bottom: -8px;
}

.StatsProfile .statsTable tr::after {
  content: "";
  background-image: url(assets/images/Atlas.png);
  background-position: -1428px -1564px;
  width: 772px;
  height: 11px;
  position: absolute;
  left: -18px;
  bottom: 0;
}

.StatsProfile .statsTable tbody tr:last-child::after {
  background: none;
}

.StatsProfile .statsTable tr.avgTimePerHand,
.StatsProfile .statsTable tr.bestHand,
.StatsProfile .statsTable tr.tableStakes,
.StatsProfile .statsTable tr.sitngoTournaments,
.StatsProfile .statsTable tr.challengesProgression {
  height: 58px;
}

.StatsProfile .statsTable tr.avgTimePerHand td:nth-of-type(1),
.StatsProfile .statsTable tr.bestHand td:nth-of-type(1),
.StatsProfile .statsTable tr.tableStakes td:nth-of-type(1),
.StatsProfile .statsTable tr.sitngoTournaments td:nth-of-type(1),
.StatsProfile .statsTable tr.challengesProgression td:nth-of-type(1) {
  line-height: 3;
}

.StatsProfile .statsTable tr.challengesProgression td:nth-of-type(1) .descr {
  margin-left: 55px;
}

.StatsProfile .statsTable tr.challengesProgression td:nth-of-type(1) .missionIcon {
  position: absolute;
  top: -11px;
  left: -3px;
}

.StatsProfile .statsTable tr.challengesProgression td:nth-of-type(1) .missionIcon:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
}

.StatsProfile .statsTable tr.challengesProgression td:nth-of-type(1) .missionIcon.casual, .StatsProfile .statsTable tr.challengesProgression td:nth-of-type(1) .missionIcon.normal, .StatsProfile .statsTable tr.challengesProgression td:nth-of-type(1) .missionIcon.expert, .StatsProfile .statsTable tr.challengesProgression td:nth-of-type(1) .missionIcon.overlord {
  background-image: url(assets/images/Atlas.png);
  background-position: -3623px 0px;
  width: 72px;
  height: 65px;
}

.StatsProfile .statsTable tr.challengesProgression td:nth-of-type(1) .missionIcon.overall {
  background-image: url(assets/images/Atlas.png);
  background-position: -3623px -67px;
  width: 72px;
  height: 65px;
}

.StatsProfile .statsTable tr.challengesProgression td:nth-of-type(1) .missionIcon.casual:after {
  background-image: url(assets/images/Atlas.png);
  background-position: -3120px -2343px;
  width: 72px;
  height: 65px;
}

.StatsProfile .statsTable tr.challengesProgression td:nth-of-type(1) .missionIcon.normal:after {
  background-image: url(assets/images/Atlas.png);
  background-position: -2757px -2221px;
  width: 72px;
  height: 65px;
}

.StatsProfile .statsTable tr.challengesProgression td:nth-of-type(1) .missionIcon.expert:after {
  background-image: url(assets/images/Atlas.png);
  background-position: -3120px -2477px;
  width: 72px;
  height: 65px;
}

.StatsProfile .statsTable tr.challengesProgression td:nth-of-type(1) .missionIcon.overlord:after {
  background-image: url(assets/images/Atlas.png);
  background-position: -2757px -2288px;
  width: 72px;
  height: 65px;
}

.StatsProfile .statsTable tr.bpProgressionStat {
  height: 60px;
}

.StatsProfile .statsTable tr.bpProgressionStat .descr {
  margin-top: 5px;
  margin-left: -3px;
  padding-bottom: 5px;
}

.StatsProfile .statsTable tr.bpProgressionStat td {
  float: none;
  width: 333px;
}

.StatsProfile .statsTable tr.bpProgressionStat td:nth-of-type(2) {
  text-align: left;
  width: 310px;
  color: #51c1f5;
}

.StatsProfile .statsTable tr.bpProgressionStat td:nth-of-type(3) {
  text-align: right;
  display: table-cell;
  width: 80px;
  padding-right: 15px;
}

.StatsProfile .statsTable tr.bpProgressionStat:after {
  bottom: -5px;
}

.StatsProfile .statsTable tr.bpProgressionStat .underlined {
  position: relative;
}

.StatsProfile .statsTable tr.bpProgressionStat .underlined:after {
  content: "";
  background-image: url(assets/images/Atlas.png);
  background-position: -2134px -2179px;
  width: 440px;
  height: 11px;
  position: absolute;
  left: -18px;
  bottom: -6px;
}

.StatsProfile .statsTable td:nth-of-type(1) {
  text-align: left;
  padding-left: 10px;
  color: #51c1f5;
  float: left;
  width: 250px;
}

.StatsProfile .statsTable td:nth-of-type(2) {
  width: 407.5px;
}

.StatsProfile .statsTable .bestHand .bestHandName,
.StatsProfile .statsTable .bestHand .myBestHandName {
  line-height: 3;
  float: left;
}

.StatsProfile .statsTable .bestHand canvas {
  padding-top: 3px;
}

.StatsProfile .statsTable .bestHand .value,
.StatsProfile .statsTable .bestHand .myvalue {
  padding-right: 10px;
}

.StatsProfile .statsTable .bestHand .stat2 {
  height: 58px !important;
}

.StatsProfile .statsTable .fastMode,
.StatsProfile .statsTable .highest,
.StatsProfile .statsTable .victories {
  position: relative;
}

.StatsProfile .statsTable .fastMode::after,
.StatsProfile .statsTable .highest::after,
.StatsProfile .statsTable .victories::after {
  content: "";
  background-image: url(assets/images/Atlas.png);
  background-position: -2134px -2179px;
  width: 440px;
  height: 11px;
  position: absolute;
  left: -18px;
  bottom: -8px;
}

.StatsProfile .statsTable .normalMode,
.StatsProfile .statsTable .mostPlayed,
.StatsProfile .statsTable .top3 {
  line-height: 2;
}

.StatsProfile .statsTable .avgTimePerHand {
  position: relative;
}

.StatsProfile .statsTable .avgTimePerHand .desc {
  white-space: nowrap;
  float: left;
  text-transform: capitalize;
  color: #51c1f5;
}

.StatsProfile .statsTable .card {
  position: relative;
  display: inline;
  margin-right: 3px;
}

.StatsProfile .statsTable .bpBarContainer .bpBarMeterContainer span {
  width: 125px;
  font-size: 18px;
}

.StatsProfile.withMyStats .statsTable {
  height: 177px;
  top: 58px;
  font-family: AkzidGroProCnd;
  font-size: 2rem;
  margin-top: 0px;
}

.StatsProfile.withMyStats .statsTable tbody tr {
  line-height: 15px;
  height: 30px;
}

.StatsProfile.withMyStats .statsTable tbody tr:after {
  background: none !important;
}

.StatsProfile.withMyStats .statsTable tbody tr td {
  display: inline-block;
  float: none;
  line-height: 15px;
  height: 30px;
}

.StatsProfile.withMyStats .statsTable tbody tr td > div {
  line-height: 15px;
  height: 30px;
  padding-top: 0 !important;
}

.StatsProfile.withMyStats .statsTable td:nth-of-type(1) {
  width: 175px;
}

.StatsProfile.withMyStats .statsTable tr.playerFolded {
  height: 122px;
  padding-top: 6px;
}

.StatsProfile.withMyStats .statsTable tr.playerFolded td:nth-of-type(1) > div {
  line-height: 102px;
}

.StatsProfile.withMyStats .statsTable tr.bpProgressionStat {
  height: 130px;
}

.StatsProfile.withMyStats .statsTable tr.bpProgressionStat .descr {
  margin-left: 0;
}

.StatsProfile.withMyStats .statsTable tr.bpProgressionStat .bpProgressSpacer {
  height: 50px;
  text-align: left;
}

.StatsProfile.withMyStats .statsTable tr.bpProgressionStat td {
  float: none;
  width: 260px;
}

.StatsProfile.withMyStats .statsTable tr.bpProgressionStat td .bpBarContainer {
  margin: 5px 0;
  line-height: 28px;
}

.StatsProfile.withMyStats .statsTable tr.bpProgressionStat td:nth-of-type(2) {
  text-align: right;
  color: #fff;
  width: 85px;
  padding-right: 15px;
}

.StatsProfile.withMyStats .statsTable tr.bpProgressionStat td:nth-of-type(3) {
  text-align: right;
  width: 345px;
  padding: 0 15px;
}

.StatsProfile.withMyStats .statsTable tr.bpProgressionStat td:nth-of-type(3) .bpBarContainer {
  display: inline-block;
  margin-right: 22px;
}

.StatsProfile.withMyStats .statsTable tr.bpProgressionStat:after {
  bottom: -5px;
}

.StatsProfile.withMyStats .statsTable tr.bpProgressionStat .underlined:after {
  left: initial;
  width: 100%;
  right: -20px;
  bottom: 2px;
}

.StatsProfile.withMyStats .statsTable tr.avgTimePerHand {
  height: 62px;
}

.StatsProfile.withMyStats .statsTable tr.avgTimePerHand td:nth-of-type(1) > div {
  line-height: 42px;
}

.StatsProfile.withMyStats .statsTable tr.bestHand {
  height: 62px;
}

.StatsProfile.withMyStats .statsTable tr.bestHand td:nth-of-type(1) > div {
  line-height: 42px;
}

.StatsProfile.withMyStats .statsTable tr.bestHand .bestHandName {
  position: absolute;
  right: 562px;
  top: -8px;
}

.StatsProfile.withMyStats .statsTable tr.bestHand .myBestHandName {
  position: absolute;
  right: 203px;
  top: -8px;
}

.StatsProfile.withMyStats .statsTable tr.sitngoTournaments {
  height: 62px;
}

.StatsProfile.withMyStats .statsTable tr.sitngoTournaments td {
  height: 100%;
}

.StatsProfile.withMyStats .statsTable tr.sitngoTournaments td .entry2 {
  line-height: 42px;
}

.StatsProfile.withMyStats .statsTable tr.tableStakes,
.StatsProfile.withMyStats .statsTable tr.challengesProgression {
  height: 62px;
}

.StatsProfile.withMyStats .statsTable tr.tableStakes td,
.StatsProfile.withMyStats .statsTable tr.challengesProgression td {
  height: 100%;
}

.StatsProfile.withMyStats .statsTable tr.tableStakes td .entry2,
.StatsProfile.withMyStats .statsTable tr.challengesProgression td .entry2 {
  line-height: 42px;
}

.StatsProfile.withMyStats .statsTable tr.tableStakes td:nth-of-type(2) .highest,
.StatsProfile.withMyStats .statsTable tr.tableStakes td:nth-of-type(2) .mostPlayed,
.StatsProfile.withMyStats .statsTable tr.tableStakes td:nth-of-type(3) .highest,
.StatsProfile.withMyStats .statsTable tr.tableStakes td:nth-of-type(3) .mostPlayed,
.StatsProfile.withMyStats .statsTable tr.challengesProgression td:nth-of-type(2) .highest,
.StatsProfile.withMyStats .statsTable tr.challengesProgression td:nth-of-type(2) .mostPlayed,
.StatsProfile.withMyStats .statsTable tr.challengesProgression td:nth-of-type(3) .highest,
.StatsProfile.withMyStats .statsTable tr.challengesProgression td:nth-of-type(3) .mostPlayed {
  position: relative;
}

.StatsProfile.withMyStats .statsTable tr.tableStakes td:nth-of-type(2) .highest span,
.StatsProfile.withMyStats .statsTable tr.tableStakes td:nth-of-type(2) .mostPlayed span,
.StatsProfile.withMyStats .statsTable tr.tableStakes td:nth-of-type(3) .highest span,
.StatsProfile.withMyStats .statsTable tr.tableStakes td:nth-of-type(3) .mostPlayed span,
.StatsProfile.withMyStats .statsTable tr.challengesProgression td:nth-of-type(2) .highest span,
.StatsProfile.withMyStats .statsTable tr.challengesProgression td:nth-of-type(2) .mostPlayed span,
.StatsProfile.withMyStats .statsTable tr.challengesProgression td:nth-of-type(3) .highest span,
.StatsProfile.withMyStats .statsTable tr.challengesProgression td:nth-of-type(3) .mostPlayed span {
  position: absolute;
  right: 0;
  left: -175px;
  text-align: right;
  line-height: 15px;
}

.StatsProfile.withMyStats .statsTable tr.tableStakes td:nth-of-type(3) .highest span,
.StatsProfile.withMyStats .statsTable tr.tableStakes td:nth-of-type(3) .mostPlayed span,
.StatsProfile.withMyStats .statsTable tr.challengesProgression td:nth-of-type(3) .highest span,
.StatsProfile.withMyStats .statsTable tr.challengesProgression td:nth-of-type(3) .mostPlayed span {
  right: 0;
}

.StatsProfile.withMyStats .statsTable tbody tr td:nth-of-type(1):after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 10px;
  background-image: url(assets/images/Atlas.png);
  background-position: -2327px -2369px;
  width: 347px;
  height: 13px;
}

.StatsProfile.withMyStats .statsTable tbody tr td:nth-of-type(2) {
  width: 196px;
}

.StatsProfile.withMyStats .statsTable tbody tr td:nth-of-type(2) .fastMode:after,
.StatsProfile.withMyStats .statsTable tbody tr td:nth-of-type(2) .highest:after,
.StatsProfile.withMyStats .statsTable tbody tr td:nth-of-type(2) .victories:after,
.StatsProfile.withMyStats .statsTable tbody tr td:nth-of-type(2) .preFlop:after,
.StatsProfile.withMyStats .statsTable tbody tr td:nth-of-type(2) .flop:after,
.StatsProfile.withMyStats .statsTable tbody tr td:nth-of-type(2) .turn:after {
  background: none;
  content: "";
  position: absolute;
  bottom: 0;
  left: -26px;
  background-image: url(assets/images/Atlas.png);
  background-position: -1557px -2387px;
  width: 213px;
  height: 13px;
}

.StatsProfile.withMyStats .statsTable tbody tr td:nth-of-type(2) .avgTimePerHand .desc,
.StatsProfile.withMyStats .statsTable tbody tr td:nth-of-type(2) .bestHandName,
.StatsProfile.withMyStats .statsTable tbody tr td:nth-of-type(2) .myBestHandName,
.StatsProfile.withMyStats .statsTable tbody tr td:nth-of-type(2) .preFlop,
.StatsProfile.withMyStats .statsTable tbody tr td:nth-of-type(2) .flop,
.StatsProfile.withMyStats .statsTable tbody tr td:nth-of-type(2) .turn,
.StatsProfile.withMyStats .statsTable tbody tr td:nth-of-type(2) .river {
  margin-left: 5px;
}

.StatsProfile.withMyStats .statsTable tbody tr td:nth-of-type(3) {
  width: 360px;
  display: inline-block;
}

.StatsProfile.withMyStats .statsTable tbody tr td:nth-of-type(3):after {
  content: "";
  background-image: url(assets/images/Atlas.png);
  background-position: -2327px -2369px;
  width: 347px;
  height: 13px;
  position: absolute;
  left: 384px;
  bottom: 0;
}

.StatsProfile.withMyStats .statsTable tbody tr td:nth-of-type(3) .fastMode:after,
.StatsProfile.withMyStats .statsTable tbody tr td:nth-of-type(3) .highest:after,
.StatsProfile.withMyStats .statsTable tbody tr td:nth-of-type(3) .victories:after,
.StatsProfile.withMyStats .statsTable tbody tr td:nth-of-type(3) .preFlop:after,
.StatsProfile.withMyStats .statsTable tbody tr td:nth-of-type(3) .flop:after,
.StatsProfile.withMyStats .statsTable tbody tr td:nth-of-type(3) .turn:after {
  content: "";
  background-image: url(assets/images/Atlas.png);
  background-position: -1557px -2387px;
  width: 213px;
  height: 13px;
  position: absolute;
  left: 17px;
  bottom: 0;
}

.StatsProfile.withMyStats .statsTable tbody tr td:nth-of-type(3) .avgTimePerHand .desc,
.StatsProfile.withMyStats .statsTable tbody tr td:nth-of-type(3) .bestHandName,
.StatsProfile.withMyStats .statsTable tbody tr td:nth-of-type(3) .myBestHandName,
.StatsProfile.withMyStats .statsTable tbody tr td:nth-of-type(3) .preFlop,
.StatsProfile.withMyStats .statsTable tbody tr td:nth-of-type(3) .flop,
.StatsProfile.withMyStats .statsTable tbody tr td:nth-of-type(3) .turn,
.StatsProfile.withMyStats .statsTable tbody tr td:nth-of-type(3) .river,
.StatsProfile.withMyStats .statsTable tbody tr td:nth-of-type(3) .fastMode,
.StatsProfile.withMyStats .statsTable tbody tr td:nth-of-type(3) .normalMode,
.StatsProfile.withMyStats .statsTable tbody tr td:nth-of-type(3) .highest,
.StatsProfile.withMyStats .statsTable tbody tr td:nth-of-type(3) .mostPlayed,
.StatsProfile.withMyStats .statsTable tbody tr td:nth-of-type(3) .victories {
  margin-left: 90px;
}

.StatsProfile.withMyStats .statsTable tbody tr:last-child td:nth-of-type(2):after {
  background: none;
}

.StatsProfile.withMyStats .jspVerticalBar {
  right: 5px;
}

.StatsProfile.withMyStats .jspVerticalBar .jspTrack {
  box-shadow: -2px 1px 5px 2px #0e101c;
}

.StatsProfile.withMyStats .statsToggle,
.StatsProfile.withMyStats .statsMainHeader {
  display: none;
}

.StatsProfile.withMyStats .leftStatsCompareContainer,
.StatsProfile.withMyStats .rightStatsCompareContainer,
.StatsProfile.withMyStats .statsCompareSeparator,
.StatsProfile.withMyStats .statsComparisonHeader {
  display: block;
}

.StatsProfile.withMyStats .statsComparisonHeader {
  position: relative;
  width: 744px;
  height: 228px;
  background-color: #000;
  background-image: linear-gradient(to bottom, #000052 0%, #000 80%, #000 100%);
  border-bottom: 1px solid #4076ff;
}

.StatsProfile.withMyStats .statsComparisonHeader > div {
  position: absolute;
  z-index: 1;
}

.StatsProfile.withMyStats .statsComparisonHeader .playerProfile {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
}

.StatsProfile.withMyStats .statsComparisonHeader .playerProfile .profileMedallion {
  position: absolute;
  top: 2px;
  left: 28px;
}

.StatsProfile.withMyStats .statsComparisonHeader .playerProfile .profileMedallion .profileMedallion_crop {
  position: absolute;
  background-color: #000;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  left: 2px;
  overflow: hidden;
}

.StatsProfile.withMyStats .statsComparisonHeader .playerProfile .profileMedallion .profileMedallion_crop .profileMedallion_image {
  width: 100%;
  height: 100%;
}

.StatsProfile.withMyStats .statsComparisonHeader .playerProfile .playerName {
  position: absolute;
  top: 1px;
  left: 207px;
}

.StatsProfile.withMyStats .statsComparisonHeader .playerProfile .level {
  position: absolute;
  top: 9px;
  left: 302px;
}

.StatsProfile.withMyStats .statsComparisonHeader .playerProfile .clubs-progress-container {
  top: 60px;
  left: -60px;
}

.StatsProfile.withMyStats .statsComparisonHeader .playerProfile .BankrollBar {
  position: absolute;
  top: 35px;
  left: 208px;
}

.StatsProfile.withMyStats .statsComparisonHeader .playerProfile .braceletPoints {
  position: absolute;
  top: 68px;
  left: 208px;
}

.StatsProfile.withMyStats .statsComparisonHeader .playerProfile .options {
  position: absolute;
  top: 98px;
  left: 206px;
  z-index: 3;
}

.StatsProfile.withMyStats .statsComparisonHeader .playerProfile .carouselSelector {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  background-color: #000;
  border-top: 1px solid #4076ff;
  background-image: linear-gradient(to bottom, #4076ff 0%, #000052 1%, #000 80%, #000 100%);
  height: 89px;
}

.StatsProfile.withMyStats .statsComparisonHeader .playerProfile .ringSelectBtn {
  transform-origin: 0% 0%;
  transform: scale(0.75);
  display: inline-block;
  position: relative;
}

.StatsProfile.withMyStats .statsComparisonHeader .playerProfile .braceletSelectBtn {
  transform-origin: 0% 0%;
  transform: translateY(20%) scale(0.75);
  display: inline-block;
  position: relative;
}

.StatsProfile.withMyStats .statsComparisonHeader .playerProfile .carouselContainer {
  position: absolute;
  top: 138px;
  left: 40px;
}

.StatsProfile.withMyStats .statsComparisonHeader .playerProfile.comparePlayer {
  left: 0px;
  z-index: 200;
}

.StatsProfile.withMyStats .statsComparisonHeader .playerProfile.myPlayer {
  left: 372px;
}

.StatsProfile.withMyStats .statsComparisonHeader .playerProfile.myPlayer .carouselContainer {
  right: 0;
  left: initial;
}

.StatsProfile.withMyStats .statsComparisonHeader .profileMedallion {
  height: 180px;
  width: 180px;
}

.StatsProfile.withMyStats .statsComparisonHeader .profileMedallion .profileMedallion_bracelet {
  position: absolute;
  top: 80px;
  left: -20px;
}

.StatsProfile.withMyStats .statsComparisonHeader .profileMedallion .profileMedallion_tournamentsSlot {
  position: absolute;
  top: 78px;
  left: 80px;
  width: 60px;
  height: 60px;
}

.StatsProfile.withMyStats .statsComparisonHeader .profileMedallion .profileMedallion_itemToDisplay {
  position: absolute;
  top: 0;
  left: -16px;
  width: 50px;
  height: 50px;
}

.StatsProfile.withMyStats .statsComparisonHeader .profileMedallion .addBuddy {
  position: absolute;
  left: 103px;
  top: 0;
  background-image: url(assets/images/Atlas.png);
  background-position: -258px -3582px;
  width: 62px;
  height: 62px;
  display: none;
}

.StatsProfile.withMyStats .statsComparisonHeader .profileMedallion .addBuddy.clickable, .StatsProfile.withMyStats .statsComparisonHeader .profileMedallion .gsStoreBtnsContainer .addBuddy.gsStoreBtn, .gsStoreBtnsContainer .StatsProfile.withMyStats .statsComparisonHeader .profileMedallion .addBuddy.gsStoreBtn, .StatsProfile.withMyStats .statsComparisonHeader .profileMedallion .gsActionButtonsContainer .addBuddy.action-button, .gsActionButtonsContainer .StatsProfile.withMyStats .statsComparisonHeader .profileMedallion .addBuddy.action-button {
  display: block;
  cursor: pointer;
}

.StatsProfile.withMyStats .statsComparisonHeader .profileMedallion .addBuddy.clickable:hover, .StatsProfile.withMyStats .statsComparisonHeader .profileMedallion .gsStoreBtnsContainer .addBuddy.gsStoreBtn:hover, .gsStoreBtnsContainer .StatsProfile.withMyStats .statsComparisonHeader .profileMedallion .addBuddy.gsStoreBtn:hover, .StatsProfile.withMyStats .statsComparisonHeader .profileMedallion .gsActionButtonsContainer .addBuddy.action-button:hover, .gsActionButtonsContainer .StatsProfile.withMyStats .statsComparisonHeader .profileMedallion .addBuddy.action-button:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -130px -3582px;
  width: 62px;
  height: 62px;
}

.StatsProfile.withMyStats .statsComparisonHeader .profileMedallion .addBuddy.clickable:active, .StatsProfile.withMyStats .statsComparisonHeader .profileMedallion .gsStoreBtnsContainer .addBuddy.gsStoreBtn:active, .gsStoreBtnsContainer .StatsProfile.withMyStats .statsComparisonHeader .profileMedallion .addBuddy.gsStoreBtn:active, .StatsProfile.withMyStats .statsComparisonHeader .profileMedallion .gsActionButtonsContainer .addBuddy.action-button:active, .gsActionButtonsContainer .StatsProfile.withMyStats .statsComparisonHeader .profileMedallion .addBuddy.action-button:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -194px -3582px;
  width: 62px;
  height: 62px;
}

.StatsProfile.withMyStats .statsComparisonHeader .profileMedallion .addBuddy.waiting {
  display: block;
  opacity: 0.3;
}

.StatsProfile.withMyStats .statsComparisonHeader .playerName {
  font-size: 1.6em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 124px;
}

.StatsProfile.withMyStats .statsComparisonHeader .level {
  background-image: url(assets/images/Atlas.png);
  background-position: -2709px -3093px;
  width: 41px;
  height: 20px;
}

.StatsProfile.withMyStats .statsComparisonHeader .level .levelValue {
  left: 16px;
  text-align: center;
  position: absolute;
  width: 24px;
  color: #9da8df;
  font-size: 1em;
}

.StatsProfile.withMyStats .statsComparisonHeader canvas {
  position: absolute;
}

.StatsProfile.withMyStats .statsComparisonHeader .bankroll {
  font-size: 1em;
  width: 125px;
  height: 20px;
  background-color: #000000;
  border-radius: 5px;
  box-shadow: 0 -1px 4px #052fbf, 0 1px 3px #394B88;
}

.StatsProfile.withMyStats .statsComparisonHeader .bankroll .bankrollValue {
  position: absolute;
  top: 0;
  left: 22px;
}

.StatsProfile.withMyStats .statsComparisonHeader .bankroll .bankrollChip {
  position: absolute;
  top: -1px;
  left: 3px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1327px;
  width: 18px;
  height: 20px;
  transform: scale(0.8, 0.8);
}

.StatsProfile.withMyStats .statsComparisonHeader .braceletPoints .bpBarContainer {
  width: 95px;
  height: 15px;
  line-height: 15px;
  border-radius: 10.5px;
  padding: 3px;
}

.StatsProfile.withMyStats .statsComparisonHeader .braceletPoints .bpBarContainer .bpBarMeterContainer {
  border-radius: 10.5px;
}

.StatsProfile.withMyStats .statsComparisonHeader .braceletPoints .bpBarContainer .bpMeterValue {
  width: 95px;
  border-radius: 7.5px;
}

.StatsProfile.withMyStats .statsComparisonHeader .braceletPoints .bpBarContainer.interactive {
  cursor: pointer;
}

.StatsProfile.withMyStats .statsComparisonHeader .braceletPoints .bpBarContainer.interactive:hover {
  box-shadow: 0 0 10px 0 #4076ff;
}

.StatsProfile.withMyStats .statsComparisonHeader .braceletPoints .bpBarContainer.interactive:hover .bpBarChipContainer {
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.5) inset, 0 1px 2px 0px rgba(255, 255, 255, 0.5), 3px 0 10px -1px #4076ff;
}

.StatsProfile.withMyStats .statsComparisonHeader .braceletPoints .bpBarContainer.interactive:active {
  box-shadow: 0 0 10px 2px #4076ff;
}

.StatsProfile.withMyStats .statsComparisonHeader .braceletPoints .bpBarContainer.interactive:active .bpBarChipContainer {
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.5) inset, 0 1px 2px 0px rgba(255, 255, 255, 0.5), 3px 0 10px 0px #4076ff;
}

.StatsProfile.withMyStats .statsComparisonHeader .braceletPoints .bpBarContainer.withChip {
  padding-right: 17px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.StatsProfile.withMyStats .statsComparisonHeader .braceletPoints .bpBarContainer .bpBarChipContainer {
  width: 28px;
  height: 28px;
  top: -3px;
  right: -14px;
  border-radius: 50%;
}

.StatsProfile.withMyStats .statsComparisonHeader .braceletPoints .bpBarContainer .bpBarChipContainer .bpBarNextChip {
  top: 4.5px;
  left: 4.5px;
}

.StatsProfile.withMyStats .statsComparisonHeader .braceletPoints .bpBarContainer {
  font-family: AkzidGroProCnd;
  font-size: 1.6rem;
}

.StatsProfile.withMyStats .statsComparisonHeader .braceletPoints .bpBarContainer .bpBarChipContainer .bpBarNextChip {
  top: 2px;
  left: 1px;
}

.StatsProfile.withMyStats .statsComparisonHeader .options .optionsToggle {
  cursor: pointer;
  background-image: url(assets/images/Atlas.png);
  background-position: -2663px -3093px;
  width: 44px;
  height: 24px;
}

.StatsProfile.withMyStats .statsComparisonHeader .options .optionsToggle:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -2571px -3093px;
  width: 44px;
  height: 24px;
}

.StatsProfile.withMyStats .statsComparisonHeader .options .optionsToggle:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -2617px -3093px;
  width: 44px;
  height: 24px;
}

.StatsProfile.withMyStats .statsComparisonHeader .options.sq-placeOnTopRight {
  transform: translate(108px, -91px);
}

.StatsProfile.withMyStats .statsComparisonHeader .options .optionsPanel {
  cursor: initial;
  position: absolute;
  top: 18px;
  left: -3px;
  z-index: 400;
  background-image: url(assets/images/Atlas.png);
  background-position: -2685px -2575px;
  width: 128px;
  height: 78px;
}

.StatsProfile.withMyStats .statsComparisonHeader .options .optionsPanel.friend {
  background-image: url(assets/images/Atlas.png);
  background-position: -1768px -3385px;
  width: 128px;
  height: 97px;
}

.StatsProfile.withMyStats .statsComparisonHeader .options .optionsPanel > div {
  cursor: pointer;
}

.StatsProfile.withMyStats .statsComparisonHeader .options .optionsPanel .mutePlayer {
  top: 15px;
  position: absolute;
  left: 8px;
  background-image: url(assets/images/Atlas.png);
  background-position: -1683px -3093px;
  width: 108px;
  height: 27px;
}

.StatsProfile.withMyStats .statsComparisonHeader .options .optionsPanel .mutePlayer:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -1573px -3093px;
  width: 108px;
  height: 27px;
}

.StatsProfile.withMyStats .statsComparisonHeader .options .optionsPanel .mutePlayer.unmute {
  background-image: url(assets/images/Atlas.png);
  background-position: -2343px -3093px;
  width: 108px;
  height: 27px;
}

.StatsProfile.withMyStats .statsComparisonHeader .options .optionsPanel .mutePlayer.unmute:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -2233px -3093px;
  width: 108px;
  height: 27px;
}

.StatsProfile.withMyStats .statsComparisonHeader .options .optionsPanel .reportPlayer {
  top: 38px;
  position: absolute;
  left: 8px;
  background-image: url(assets/images/Atlas.png);
  background-position: -2123px -3093px;
  width: 108px;
  height: 27px;
}

.StatsProfile.withMyStats .statsComparisonHeader .options .optionsPanel .reportPlayer:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -2013px -3093px;
  width: 108px;
  height: 27px;
}

.StatsProfile.withMyStats .statsComparisonHeader .options .optionsPanel .removePlayer {
  display: none;
}

.StatsProfile.withMyStats .statsComparisonHeader .options .optionsPanel.friend .removePlayer {
  display: block;
  top: 61px;
  position: absolute;
  left: 8px;
  background-image: url(assets/images/Atlas.png);
  background-position: -1903px -3093px;
  width: 108px;
  height: 27px;
}

.StatsProfile.withMyStats .statsComparisonHeader .options .optionsPanel.friend .removePlayer:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -1793px -3093px;
  width: 108px;
  height: 27px;
}

.StatsProfile.withMyStats .statsComparisonHeader .sq-player-portrait-info-container {
  transform: translate(188px, 91px);
  display: flex;
  flex-direction: row;
  height: 45px;
  position: absolute;
  justify-content: center;
  align-items: center;
}

.StatsProfile.withMyStats .statsComparisonHeader .sq-player-portrait-info-container .sq-player-portrait-followers-counter {
  width: 129px;
  height: 67px;
  position: relative;
  justify-content: center;
  align-items: center;
  transform: scale(0.9);
  display: flex;
  left: -3px;
}

.StatsProfile.withMyStats .statsComparisonHeader .sq-player-portrait-info-container .sq-player-portrait-followers-counter span {
  left: 17px;
  position: relative;
  font-size: 19px;
  font-family: AkzidGroProBolCnd, serif;
  color: #ffe005;
  top: 2px;
}

.StatsProfile.withMyStats .statsComparisonHeader .sq-player-portrait-info-container .sq-player-portrait-sponsor-logo {
  transform: scale(0.4) translate(-117px, 4px);
}

.StatsProfile.withMyStats .statsComparisonHeader .carouselContainer {
  width: 100%;
  height: 89px;
  padding: 0;
  background-color: #000;
  border-top: 1px solid #4076ff;
  background-image: linear-gradient(to bottom, #4076ff 0%, #000052 1%, #000 80%, #000 100%);
}

.StatsProfile.withMyStats .statsComparisonHeader .carouselContainer.otherCarouselContainer {
  width: calc(100% - 40px);
}

.StatsProfile.withMyStats .statsComparisonHeader .carouselContainer .spacer.before {
  width: 0;
}

.StatsProfile.withMyStats .statsComparisonHeader .carouselContainer .spacer.after {
  width: 20px;
}

.StatsProfile.withMyStats .statsComparisonHeader .carouselContainer .statBracelet .title,
.StatsProfile.withMyStats .statsComparisonHeader .carouselContainer .statRing .title {
  padding-left: 10px;
  font-family: AkzidGroProCnd;
  font-size: 1.2rem;
  top: 2px;
}

.StatsProfile.withMyStats .statsComparisonHeader .carouselContainer .statBracelet .title :after,
.StatsProfile.withMyStats .statsComparisonHeader .carouselContainer .statRing .title :after {
  left: -5px;
}

.StatsProfile.withMyStats .statsComparisonHeader .carouselContainer .statBracelet .name,
.StatsProfile.withMyStats .statsComparisonHeader .carouselContainer .statRing .name {
  top: 70px;
}

.StatsProfile.withMyStats .statsComparisonHeader .carouselContainer .statBracelet {
  width: 85px;
}

.StatsProfile.withMyStats .statsComparisonHeader .carouselContainer .statBracelet .braceletImage {
  top: 18px;
  left: 10px;
}

.StatsProfile.withMyStats .statsComparisonHeader .carouselContainer .statRing {
  width: 55px;
}

.StatsProfile.withMyStats .statsComparisonHeader .carouselContainer .statRing .ringImage {
  top: 16px;
}

.StatsProfile.withMyStats .statsComparisonHeader .carouselContainer .statRing .ringOwned {
  transform: scale(0.75);
}

.StatsProfile .leftStatsCompareContainer {
  position: absolute;
  width: 370px;
  height: 400px;
  margin-left: 17px;
  overflow: hidden;
  border-top-left-radius: 5px;
  border-top-right-radius: 10px;
  border-left: 3px solid #04238d;
  border-top: 3px solid #04238d;
  border-right: none;
  box-shadow: inset 0 0 9px 0 rgba(5, 49, 191, 0.67);
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.37) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.37) 100%);
  pointer-events: none;
}

.StatsProfile .rightStatsCompareContainer {
  position: absolute;
  left: 394px;
  width: 370px;
  height: 400px;
  overflow: hidden;
  border-top-left-radius: 10px;
  border-top-right-radius: 5px;
  border-top: 3px solid #04238d;
  border-right: 3px solid #04238d;
  border-left: none;
  box-shadow: inset 0 0 9px 0 rgba(5, 49, 191, 0.67);
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.37) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.37) 100%);
  pointer-events: none;
}

.StatsProfile .statsCompareSeparator {
  position: absolute;
  top: 350px;
  left: 391px;
  width: 2px;
  height: 367px;
  z-index: 4;
  background-color: #003fd3;
  box-shadow: 0 0 10px 1px #003fd3;
}

.StatsProfile .reputation {
  font-size: 2rem;
  width: 190px;
  height: 35px;
}

.StatsProfile .reputation .reputationContent {
  height: 35px;
  width: 190px;
  background: none;
  text-shadow: -1px 1px 2px #000000;
}

.StatsProfile .reputation .reputationContent .ReputationBarArea {
  background-image: url(assets/images/Atlas.png);
  background-position: -488px -3156px;
  width: 199px;
  height: 40px;
  position: relative;
  top: 0;
  right: 0;
}

.StatsProfile .reputation .reputationContent #ReputationProgress,
.StatsProfile .reputation .reputationContent #myReputationProgress {
  background-image: url(assets/images/Atlas.png);
  background-position: -689px -3156px;
  width: 199px;
  height: 40px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  position: absolute;
  top: 0;
  left: 0;
}

.StatsProfile.isPokerAcademyTutorialInProgress:before {
  content: " ";
  z-index: 10;
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
}

.profileMainUser {
  position: relative;
  height: 347px;
}

.profileMainUser .userTopMenuContainer {
  position: relative;
  display: flex;
  padding: 5px 15px;
  box-sizing: border-box;
  height: calc(100% - 112px);
}

.profileMainUser .userTopMenuContainer .profileLeftSection {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 33%;
  /* default BP Bar styles, with some overrides */
}

.profileMainUser .userTopMenuContainer .profileLeftSection .BankrollBar {
  position: relative;
  display: inline-block;
  width: 100%;
}

.profileMainUser .userTopMenuContainer .profileLeftSection .BankrollBar .BankrollBarArea {
  position: relative;
  display: inline-block;
  width: 178px;
  height: 26px;
  margin: 15px 0 0 31px;
}

.profileMainUser .userTopMenuContainer .profileLeftSection .BankrollBar .BankrollBarArea .bankrollSignContainer {
  position: relative;
  display: flex;
  margin: -7px 0 0 -18px;
}

.profileMainUser .userTopMenuContainer .profileLeftSection .BankrollBar .BankrollBarArea .bankrollValueContainer {
  position: relative;
  display: flex;
  height: 25px;
  align-items: center;
  margin: -31px 0 0 20px;
}

.profileMainUser .userTopMenuContainer .profileLeftSection .BankrollBar .BankrollBarArea .bankrollPlusBtn {
  position: relative;
  display: flex;
  margin: -32px 0 0 147px;
}

.profileMainUser .userTopMenuContainer .profileLeftSection > .ReputationBar {
  position: relative;
  display: inline-block;
  width: 100%;
}

.profileMainUser .userTopMenuContainer .profileLeftSection > .ReputationBar.hasXPBoost:before {
  top: -10px;
  left: 15px;
}

.profileMainUser .userTopMenuContainer .profileLeftSection > .ReputationBar.hasXPBoost:after {
  width: 200px;
  height: 37px;
  left: 22px;
  top: -6px;
}

.profileMainUser .userTopMenuContainer .profileLeftSection > .ReputationBar.hasXPBoost .ReputationBarArea .reputationStarContainer {
  position: relative;
  display: flex;
}

.profileMainUser .userTopMenuContainer .profileLeftSection > .ReputationBar .ReputationBarArea {
  width: 183px;
  height: 27px;
  position: relative;
  display: inline-block;
  margin: -6px 0 0 30px;
}

.profileMainUser .userTopMenuContainer .profileLeftSection > .ReputationBar .ReputationBarArea .reputationStarContainer {
  position: relative;
  display: flex;
  margin: -7px 0 0 -18px;
}

.profileMainUser .userTopMenuContainer .profileLeftSection > .ReputationBar .ReputationBarArea .reputationProgressionContainer {
  width: 162px;
  height: 25px;
  position: relative;
  display: flex;
  align-items: center;
  margin: -30px 0 0 20px;
}

.profileMainUser .userTopMenuContainer .profileLeftSection > div {
  width: 100%;
  position: relative;
  display: inline-block;
}

.profileMainUser .userTopMenuContainer .profileLeftSection > div .bpBarContainer.withChip {
  position: relative;
  display: inline-block;
  width: 161px;
  height: 27px;
  line-height: 24px;
  border-radius: 15px;
  box-shadow: 0 0 10px 0 #4076ff;
  margin: -13px 0 0 17px;
}

.profileMainUser .userTopMenuContainer .profileLeftSection > div .bpBarContainer.withChip .bpBarChipContainer {
  box-shadow: 3px 0 10px -1px #4076ff;
  width: 38px;
  height: 38px;
  position: relative;
  display: flex;
  border-radius: 50%;
  margin: -29px 0 0 138px;
}

.profileMainUser .userTopMenuContainer .profileLeftSection > div .bpBarContainer.withChip .bpBarChipContainer .bpBarNextChip {
  position: relative;
  display: flex;
  margin: -4px 0 0 -3px;
}

.profileMainUser .userTopMenuContainer .profileLeftSection > div .bpBarContainer.withChip.progressionFull {
  box-shadow: 0 0 10px 0 #4076ff, 0 0 15px 4px rgba(250, 178, 101, 0.25);
}

.profileMainUser .userTopMenuContainer .profileLeftSection > div .bpBarContainer.withChip.progressionFull .bpBarChipContainer {
  box-shadow: 3px 0 10px 0 #4076ff, 5px 0 15px 2px rgba(250, 178, 101, 0.25);
}

.profileMainUser .userTopMenuContainer .profileLeftSection > div .bpBarContainer.withChip .bpBarSparkles {
  position: relative;
  display: flex;
  content: '';
  opacity: 0;
  transition: opacity 100ms linear;
  background-image: url(assets/images/Atlas.png);
  background-position: -1295px -3010px;
  width: 229px;
  height: 81px;
}

.profileMainUser .userTopMenuContainer .profileLeftSection > div .bpBarContainer.withChip .bpBarSparkles.progressionFull {
  opacity: 1;
}

.profileMainUser .userTopMenuContainer .profileLeftSection > div {
  position: relative;
  display: inline-block;
  width: 100%;
}

.profileMainUser .userTopMenuContainer .profileLeftSection > div .claimPrizeContainer {
  position: relative;
  display: flex;
  width: 178px;
  height: 34px;
  font-family: AkzidGroProCnd;
  font-size: 2.2rem;
}

.profileMainUser .userTopMenuContainer .profileLeftSection > div .claimPrizeContainer .claimPrizeContent {
  position: relative;
  display: inline-block;
  width: 178px;
  height: 26px;
  margin: -6px 0 0 1px;
}

.profileMainUser .userTopMenuContainer .profileLeftSection > div .claimPrizeContainer .claimPrizeContent:before {
  content: '';
  position: relative;
  display: flex;
  opacity: .5;
  background-image: url(assets/images/Atlas.png);
  background-position: -729px -3201px;
  width: 186px;
  height: 77px;
  align-items: center;
  margin: -22px 0 0 47px;
}

.profileMainUser .userTopMenuContainer .profileLeftSection > div .claimPrizeContainer .claimPrizeContent .label {
  position: relative;
  display: flex;
  width: 110px;
  text-align: right;
  text-shadow: 2px 2px 12px rgba(64, 118, 255, 0.75), 2px -2px 12px rgba(64, 118, 255, 0.75), -2px 2px 12px rgba(64, 118, 255, 0.75), -2px -2px 12px rgba(64, 118, 255, 0.75);
  margin: -49px 0 0 88px;
}

.profileMainUser .userTopMenuContainer .profileLeftSection > div .claimPrizeContainer .claimPrizeContent .button {
  transform: scale(-0.85, 0.85);
  position: relative;
  display: flex;
  cursor: pointer;
  margin: -38px 0 0 176px;
  background-image: url(assets/images/Atlas.png);
  background-position: -2383px -3582px;
  width: 46px;
  height: 47px;
}

.profileMainUser .userTopMenuContainer .profileLeftSection > div .claimPrizeContainer .claimPrizeContent .button:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -2335px -3582px;
  width: 46px;
  height: 47px;
}

.profileMainUser .userTopMenuContainer .profileLeftSection > div .claimPrizeContainer .claimPrizeContent .button:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -2239px -3582px;
  width: 46px;
  height: 47px;
}

.profileMainUser .userTopMenuContainer .profileLeftSection > div .claimPrizeContainer .claimPrizeContent .button.disabled, .profileMainUser .userTopMenuContainer .profileLeftSection > div .claimPrizeContainer .claimPrizeContent .button[disabled] {
  background-image: url(assets/images/Atlas.png);
  background-position: -2287px -3582px;
  width: 46px;
  height: 47px;
}

.profileMainUser .userTopMenuContainer .profileLeftSection > div .claimPrizeContainer.progressionFull .claimPrizeContent:before {
  opacity: 1;
  position: relative;
  display: flex;
}

.profileMainUser .userTopMenuContainer .profileLeftSection > div .claimPrizeContainer.progressionFull .claimPrizeContent .button {
  position: relative;
  display: flex;
  transform: scale(1);
  margin: -49px 0 0 166px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3623px -274px;
  width: 68px;
  height: 68px;
}

.profileMainUser .userTopMenuContainer .profileLeftSection > div .claimPrizeContainer.progressionFull .claimPrizeContent .button:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -3623px -204px;
  width: 68px;
  height: 68px;
}

.profileMainUser .userTopMenuContainer .profileLeftSection > div .claimPrizeContainer.progressionFull .claimPrizeContent .button:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -3623px -344px;
  width: 68px;
  height: 68px;
}

.profileMainUser .userTopMenuContainer .profileLeftSection > div .claimPrizeContainer.progressionFull .claimPrizeContent .button.disabled, .profileMainUser .userTopMenuContainer .profileLeftSection > div .claimPrizeContainer.progressionFull .claimPrizeContent .button[disabled] {
  background-image: url(assets/images/Atlas.png);
  background-position: -3623px -134px;
  width: 68px;
  height: 68px;
}

.profileMainUser .userTopMenuContainer .profileLeftSection > div .claimPrizeContainer.progressionFull .claimPrizeContent .label {
  text-shadow: 2px 2px 12px rgba(250, 178, 101, 0.75), 2px -2px 12px rgba(250, 178, 101, 0.75), -2px 2px 12px rgba(250, 178, 101, 0.75), -2px -2px 12px rgba(250, 178, 101, 0.75);
}

.profileMainUser .userTopMenuContainer .profileCenterSection {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 33%;
  justify-content: center;
}

.profileMainUser .userTopMenuContainer .profileCenterSection .playerName {
  position: relative;
  z-index: 5;
  color: #FFFFFF;
  width: 100%;
  text-align: center;
  font-size: 2.5rem;
  margin: 2px 0 0 0;
}

.profileMainUser .userTopMenuContainer .profileCenterSection .playerName .value {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 41px;
  max-width: 150px;
  position: relative;
  padding-left: 41px;
  padding-right: 0;
}

.profileMainUser .userTopMenuContainer .profileCenterSection .playerName .nameEditToggle {
  background-image: url(assets/images/Atlas.png);
  background-position: -3061px -3582px;
  width: 41px;
  height: 40px;
  position: relative;
  display: inline-block;
  cursor: pointer;
  z-index: 1;
}

.profileMainUser .userTopMenuContainer .profileCenterSection .playerName .nameEditToggle:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -2975px -3582px;
  width: 41px;
  height: 40px;
}

.profileMainUser .userTopMenuContainer .profileCenterSection .playerName .nameEditToggle:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -3018px -3582px;
  width: 41px;
  height: 40px;
}

.profileMainUser .userTopMenuContainer .profileCenterSection .playerName .nameInput {
  position: relative;
  display: flex;
  box-shadow: 1px 1px 1px #4c5ab0;
  background-color: #000;
  border-radius: 10px;
  height: 35px;
  width: 180px;
  border: 1px solid #17246e;
  box-sizing: border-box;
  z-index: 2;
  color: #FFFFFF;
  padding-left: 10px;
  padding-right: 5px;
  font-family: AkzidGroProCnd;
  font-size: 2.5rem;
  font-weight: lighter;
  vertical-align: middle;
  margin: 7px 0 -23px 30px;
}

.profileMainUser .userTopMenuContainer .profileCenterSection .playerName .nameInput::-moz-selection {
  background: #0848ff;
}

.profileMainUser .userTopMenuContainer .profileCenterSection .playerName .nameInput::selection {
  background: #0848ff;
}

.profileMainUser .userTopMenuContainer .profileCenterSection .playerName .nameEditAction {
  display: flex;
  position: relative;
  flex-direction: column;
  margin: -35px 0 0 211px;
}

.profileMainUser .userTopMenuContainer .profileCenterSection .playerName .nameEditExit {
  position: relative;
  display: inline-block;
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1170px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 3;
}

.profileMainUser .userTopMenuContainer .profileCenterSection .playerName .nameEditExit:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1126px;
  width: 20px;
  height: 20px;
}

.profileMainUser .userTopMenuContainer .profileCenterSection .playerName .nameEditExit:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1148px;
  width: 20px;
  height: 20px;
}

.profileMainUser .userTopMenuContainer .profileCenterSection .playerName .nameEditAccept {
  position: relative;
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1104px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 3;
}

.profileMainUser .userTopMenuContainer .profileCenterSection .playerName .nameEditAccept:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1060px;
  width: 20px;
  height: 20px;
}

.profileMainUser .userTopMenuContainer .profileCenterSection .playerName .nameEditAccept:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1082px;
  width: 20px;
  height: 20px;
}

.profileMainUser .userTopMenuContainer .profileCenterSection .profileMedallion {
  height: 180px;
  width: 180px;
  margin-top: -17px;
  display: flex;
  position: relative;
  z-index: 2;
  order: 1;
  margin: -17px 0 0 0;
}

.profileMainUser .userTopMenuContainer .profileCenterSection .profileMedallion .profileMedallion_crop {
  position: absolute;
  background-color: #000;
  border-radius: 50%;
  width: 180px;
  height: 180px;
  left: 2px;
  overflow: hidden;
}

.profileMainUser .userTopMenuContainer .profileCenterSection .profileMedallion .profileMedallion_crop .profileMedallion_image {
  position: absolute;
  top: -4px;
  left: -3px;
  width: 186px;
  height: 186px;
}

.profileMainUser .userTopMenuContainer .profileCenterSection .profileMedallion .profileMedallion_bracelet {
  position: absolute;
  top: 110px;
  left: -53px;
  z-index: 2;
}

.profileMainUser .userTopMenuContainer .profileCenterSection .profileMedallion .profileMedallion_tournamentsSlot {
  position: absolute;
  top: 110px;
  right: -36px;
  z-index: 2;
}

.profileMainUser .userTopMenuContainer .profileCenterSection .profileMedallion .profileMedallion_itemToDisplay {
  position: absolute;
  left: -16px;
  width: 50px;
  height: 50px;
  z-index: 2;
}

.profileMainUser .userTopMenuContainer .profileRightSection {
  position: relative;
  display: flex;
  width: 33%;
  align-items: center;
  flex-wrap: wrap;
}

.profileMainUser .userTopMenuContainer .profileRightSection .mainStatsContainer {
  width: 100%;
}

.profileMainUser .userTopMenuContainer .profileRightSection .mainStatsContainer .profileMainStats {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  font-size: 1.75rem;
}

.profileMainUser .userTopMenuContainer .profileRightSection .mainStatsContainer .profileMainStats::before {
  position: relative;
  display: flex;
  content: '';
  background: linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgba(30, 87, 153, 0.8) 15%, #1e5799 19%, #1e5799 20%, #3179cd 50%, #1e5799 80%, #1e5799 81%, rgba(30, 87, 153, 0.8) 85%, rgba(30, 87, 153, 0) 100%);
  width: 140%;
  height: 1px;
  opacity: 0.7;
  margin: 0 0 0 -94px;
}

.profileMainUser .userTopMenuContainer .profileRightSection .mainStatsContainer .profileMainStats .handsPlayed {
  width: 100%;
  margin: 3px 0 3px 25px;
}

.profileMainUser .userTopMenuContainer .profileRightSection .mainStatsContainer .profileMainStats .handsPlayed .descr {
  position: relative;
  color: #51c1f5;
  display: inline-block;
  width: 47%;
}

.profileMainUser .userTopMenuContainer .profileRightSection .mainStatsContainer .profileMainStats .handsPlayed .value {
  position: relative;
  color: #FFFFFF;
  display: inline-block;
  text-align: right;
  width: 40%;
}

.profileMainUser .userTopMenuContainer .profileRightSection .mainStatsContainer .profileMainStats .handsPlayed::after {
  position: relative;
  display: flex;
  content: '';
  background: linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgba(30, 87, 153, 0.8) 15%, #1e5799 19%, #1e5799 20%, #3179cd 50%, #1e5799 80%, #1e5799 81%, rgba(30, 87, 153, 0.8) 85%, rgba(30, 87, 153, 0) 100%);
  width: 140%;
  height: 1px;
  opacity: 0.7;
  margin: 2px 0 0 -94px;
}

.profileMainUser .userTopMenuContainer .profileRightSection .mainStatsContainer .profileMainStats .avgWinHand {
  width: 100%;
  margin: 3px 0 3px 25px;
}

.profileMainUser .userTopMenuContainer .profileRightSection .mainStatsContainer .profileMainStats .avgWinHand .descr {
  position: relative;
  color: #51c1f5;
  display: inline-block;
  width: 47%;
}

.profileMainUser .userTopMenuContainer .profileRightSection .mainStatsContainer .profileMainStats .avgWinHand .value {
  position: relative;
  color: #FFFFFF;
  display: inline-block;
  text-align: right;
  width: 40%;
}

.profileMainUser .userTopMenuContainer .profileRightSection .mainStatsContainer .profileMainStats .avgWinHand::after {
  position: relative;
  display: flex;
  content: '';
  background: linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgba(30, 87, 153, 0.8) 15%, #1e5799 19%, #1e5799 20%, #3179cd 50%, #1e5799 80%, #1e5799 81%, rgba(30, 87, 153, 0.8) 85%, rgba(30, 87, 153, 0) 100%);
  width: 140%;
  height: 1px;
  opacity: 0.7;
  margin: 2px 0 0 -94px;
}

.profileMainUser .userTopMenuContainer .profileRightSection .mainStatsContainer .profileMainStats .biggestPot {
  width: 100%;
  margin: 3px 0 3px 25px;
}

.profileMainUser .userTopMenuContainer .profileRightSection .mainStatsContainer .profileMainStats .biggestPot .descr {
  position: relative;
  color: #51c1f5;
  display: inline-block;
  width: 47%;
}

.profileMainUser .userTopMenuContainer .profileRightSection .mainStatsContainer .profileMainStats .biggestPot .value {
  position: relative;
  color: #FFFFFF;
  display: inline-block;
  text-align: right;
  width: 40%;
}

.profileMainUser .userTopMenuContainer .profileRightSection .mainStatsContainer .profileMainStats .biggestPot::after {
  position: relative;
  display: flex;
  content: '';
  background: linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgba(30, 87, 153, 0.8) 15%, #1e5799 19%, #1e5799 20%, #3179cd 50%, #1e5799 80%, #1e5799 81%, rgba(30, 87, 153, 0.8) 85%, rgba(30, 87, 153, 0) 100%);
  width: 140%;
  height: 1px;
  opacity: 0.7;
  margin: 2px 0 0 -94px;
}

.profileMainUser .userTopMenuContainer .profileRightSection .effects {
  position: relative;
  display: flex;
  align-items: flex-end;
}

.profileMainUser .userTopMenuContainer .profileRightSection .effects span {
  position: relative;
  display: flex;
  margin: 8px;
  font-family: AkzidGroProCnd;
  font-size: 2.4rem;
}

.profileMainUser .userTopMenuContainer .profileRightSection .effects.active {
  display: block;
}

.profileMainUser .userTopMenuContainer .profileRightSection .effects.active .btn-active-effect {
  position: relative;
  margin: -35px 0 -51px -1px;
}

.profileMainUser .userTopMenuContainer .profileRightSection .effects.active .btn-active-effect .activeEffectHighlight {
  position: relative;
  margin: -5px 0 0 -11px;
}

.profileMainUser .userTopMenuContainer .profileRightSection .effects.active span {
  margin: 13px 0 0 49px;
}

.profileMainUser .userTopMenuContainer .profileRightSection .effects button {
  display: flex;
  border: none;
  background-color: transparent;
  background-image: url(assets/images/Atlas.png);
  background-position: -2525px -3582px;
  width: 42px;
  height: 44px;
}

.profileMainUser .userTopMenuContainer .profileRightSection .effects button:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -2787px -1004px;
  width: 42px;
  height: 44px;
}

.profileMainUser .userTopMenuContainer .profileRightSection .effects button:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -2569px -3582px;
  width: 42px;
  height: 44px;
}

.trsProfileBtn {
  background-color: transparent;
  position: relative;
  display: flex;
  align-items: flex-start;
  margin: 8px 0 0 0;
}

.trsProfileBtn .trsStatsBtn {
  cursor: pointer;
  background-image: url(assets/images/Atlas.png);
  background-position: -2657px -3582px;
  width: 42px;
  height: 44px;
}

.trsProfileBtn .trsStatsBtn:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -2701px -3582px;
  width: 42px;
  height: 44px;
}

.trsProfileBtn .trsStatsBtn:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -2745px -3582px;
  width: 42px;
  height: 44px;
}

.trsProfileBtn .trsStatsBtn.disabled, .trsProfileBtn .trsStatsBtn[disabled] {
  cursor: default;
  background-image: url(assets/images/Atlas.png);
  background-position: -2613px -3582px;
  width: 42px;
  height: 44px;
}

.trsProfileBtn > span {
  position: relative;
  display: flex;
  margin: 8px;
  vertical-align: middle;
  font-family: AkzidGroProCnd;
  font-size: 2.4rem;
}

.statsUsers {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 0 -58px 0;
  background: linear-gradient(to bottom, #000040 0%, #000018 100%);
  border-top: 1px solid;
  overflow: visible;
  border-image: linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgba(30, 87, 153, 0.8) 15%, #1e5799 19%, #1e5799 20%, #3179cd 50%, #1e5799 80%, #1e5799 81%, rgba(30, 87, 153, 0.8) 85%, rgba(30, 87, 153, 0) 100%);
  border-image-slice: 1;
}

.statsUsers .statsMainHeader {
  height: 63px;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
}

.statsUsers .statsMainHeader .statsUsersMedallionName {
  position: relative;
  display: flex;
  width: 30%;
  margin: -15px 0 0 27px;
}

.statsUsers .statsMainHeader .statsUsersMedallionName .playerName {
  color: #FFFFFF;
  text-align: left;
  position: relative;
  width: 201px;
  font-size: 2.5rem;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin: 13px 0 0 61px;
  z-index: 2;
  order: 1;
}

.statsUsers .statsMainHeader .statsUsersMedallionName .smallPortrait {
  position: relative;
  display: flex;
  margin: 4px 0 0 0;
  z-index: 1;
  order: 0;
}

.statsUsers .statsMainHeader .statsUsersMedallionName .smallPortrait .profileMedallion_crop {
  position: absolute;
  background-color: #000;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  left: 2px;
  overflow: hidden;
}

.statsUsers .statsMainHeader .statsUsersMedallionName .smallPortrait .profileMedallion_crop .profileMedallion_image {
  width: 100%;
  height: 100%;
}

.statsUsers .statsMainHeader .statsUsersMedallionName .smallPortrait .smallOverlayLayer {
  background-image: url(assets/images/Atlas.png);
  background-position: -176px -3385px;
  width: 178px;
  height: 178px;
  left: -24px;
  top: -26px;
  position: absolute;
  pointer-events: none;
  transform: scale(0.4);
  transform-origin: 25px 25px;
}

.statsUsers .statsMainHeader .statsUsersMedallionName .smallPortrait .profileMedallion_tournamentsSlot {
  top: 30px;
  right: -18px;
  height: 38px;
}

.statsUsers .statsMainHeader .statsUsersMedallionName .smallPortrait .profileMedallion_tournamentsSlot[src=""] {
  display: none;
}

.statsUsers .statsMainHeader .BankrollBar {
  position: relative;
  display: flex;
  width: 30%;
  margin: -3px 0 0 0;
}

.statsUsers .statsMainHeader .ReputationBar {
  position: relative;
  display: flex;
  width: 30%;
  margin: -3px -9px 0 11px;
}

.statsUsers .statsMainHeader .trsStatsBtnContainer {
  display: flex;
  position: relative;
  width: 10%;
  margin: 20px 0 21px 15px;
}

.statsUsers .statsMainHeader .trsStatsBtnContainer .trsStatsBtn {
  cursor: pointer;
  background-image: url(assets/images/Atlas.png);
  background-position: -2657px -3582px;
  width: 42px;
  height: 44px;
}

.statsUsers .statsMainHeader .trsStatsBtnContainer .trsStatsBtn:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -2701px -3582px;
  width: 42px;
  height: 44px;
}

.statsUsers .statsMainHeader .trsStatsBtnContainer .trsStatsBtn:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -2745px -3582px;
  width: 42px;
  height: 44px;
}

.statsUsers .statsMainHeader .trsStatsBtnContainer .trsStatsBtn.disabled, .statsUsers .statsMainHeader .trsStatsBtnContainer .trsStatsBtn[disabled] {
  background-image: url(assets/images/Atlas.png);
  background-position: -2613px -3582px;
  width: 42px;
  height: 44px;
}

.statsUsers .newStatsMainHeader {
  display: none;
}

.mainCarouselContainer {
  width: 100%;
  overflow: hidden;
}

.mainCarouselContainer .itemsCarouselContainer {
  display: inline-block;
  margin: 0 auto;
}

.mainCarouselContainer .itemsCarouselContainer .itemsCarousel {
  display: inline-block;
}

.mainCarouselContainer .itemsCarouselContainer .itemsCarousel .carouselItemContainer {
  float: left;
}

.mainCarouselContainer .clickBlock {
  position: absolute;
  top: 0;
}

.mainCarouselContainer .clickBlock.hidden {
  display: none;
}

#dealerBubble {
  position: absolute;
  width: 200px;
}

.dbArr {
  position: absolute;
  left: -11px;
  top: 9px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3706px -1441px;
  width: 11px;
  height: 12px;
}

#dbTxt {
  color: #000;
  text-align: center;
  padding: 5px;
  padding-top: 7px;
  padding-bottom: 7px;
  background: #eeeeee;
  border-radius: 7px;
  box-shadow: 0px 0px 18px 6px #627cff;
  min-height: 18px;
  max-width: 180px;
}

#MiniAvatarStore {
  position: absolute;
  width: 750px;
  margin: 0 auto;
}

#MiniAvatarStore .mainCarouselContainer {
  padding: 6px 10px;
  box-sizing: border-box;
}

#MiniAvatarStore .bClose {
  background-image: url(assets/images/Atlas.png);
  background-position: -3710px -1555px;
  width: 12px;
  height: 13px;
  position: absolute;
  top: 4px;
  right: 0px;
  cursor: pointer;
  color: white;
  text-shadow: 0px 0px 1em white;
  z-index: 6;
}

#MiniAvatarStore .bClose:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -3713px -1523px;
  width: 12px;
  height: 13px;
}

#MiniAvatarStore .bClose:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -3713px -1539px;
  width: 12px;
  height: 13px;
}

#MASitems div {
  padding: 0;
  display: inline-block;
}

.MASitem {
  position: relative;
  width: 90px;
  height: 91px;
  top: -7px;
  text-align: center;
}

.MASitem .overlay {
  background-image: url(assets/images/Atlas.png);
  background-position: -176px -3385px;
  width: 178px;
  height: 178px;
  width: 176px;
  position: absolute;
  transform: scale(0.65);
  left: -43px;
  top: -44px;
}

.MASitem .promo {
  position: absolute;
  width: 74px;
  height: 74px;
  border-radius: 50%;
  background-color: #FFD700;
  top: 8px;
  left: 9px;
  opacity: 0.2;
}

.MASitem .sideRemover {
  overflow: hidden;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  top: 0px;
  position: absolute;
  margin-left: 5px;
  margin-top: 5px;
}

.MASitemImg {
  margin: 0 0px !important;
  width: 90px;
  height: 90px;
  position: absolute;
  top: 0px;
  margin-left: 3px;
  border-radius: 40px;
  box-shadow: 0px 0px 2em #0848ff;
  top: -5px;
  left: -3px;
}

.MASitemImgGoogle {
  background-image: url(assets/images/googleAvatar.png) !important;
  background-size: 90px 90px !important;
  background-position: 0px !important;
}

.MAScurrency {
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  position: absolute;
  top: 81px;
  left: 4px;
  height: 20px;
  width: 56px;
  margin: 7px;
  margin-left: 13px;
  text-shadow: -1px -1px 2px #0848ff, 1px -1px 2px #0848ff, -1px 1px 2px #0848ff, 1px 1px 2px #0848ff;
  color: white;
}

.MAScurrency::after {
  content: "";
  background-image: url(assets/images/Atlas.png);
  background-position: -3378px -2678px;
  width: 91px;
  height: 12px;
  position: absolute;
  left: -16px;
  top: -4px;
}

#waitingForHand {
  position: absolute;
  width: 362px;
  height: 190px;
  top: 105px;
  left: 198px;
  text-align: center;
  z-index: 2;
  background-color: #01032f;
  border-radius: 5px;
  box-shadow: inset 0 0 7px 2px #0042ff, 0 0 7px 2px #0042ff;
  border: solid 1px #59d1ff;
  border-bottom: solid 1px rgba(89, 209, 255, 0.7);
}

#waitingForHand .content {
  position: relative;
  display: flex;
  width: 362px;
  height: 153px;
  justify-content: center;
  flex-wrap: wrap;
  z-index: 2;
  background-repeat: repeat;
  overflow: hidden;
  background: radial-gradient(at top right, rgba(6, 6, 20, 0) 5%, rgba(0, 0, 255, 0.2) 25%, rgba(3, 10, 32, 0) 45%) 50% 20% no-repeat, linear-gradient(to bottom, rgba(0, 0, 255, 0.6), rgba(3, 10, 32, 0.5)), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUM0ODMyOTZEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUM0ODMyOTVEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pld80tkAAADSSURBVHjadNCxDsFQFMbxW4pEbRbxAFYRITGw6gNYPYPdKjGZhMFLSEzaUbcONjsGg0kiZSAR/8ttcnPTnuTXk7T9em6PlXP6gtqghQgP8a83Kri8Iq8jjMqogBSghobEy236FuV8yZ2YQYuJPr0O+dVj/ICgIFBUp7iiqeWceKKvh7TwkzZDASeclYPNJYu9SK8dRuiq6b+SwTGmmKcEVwiZHprLWapNBmaCfxzI5RDqmc9s1YfwUNVCDm2BddIx4qCLu1qApe59IJdzSwp+BRgADnE2lChoGq4AAAAASUVORK5CYII=") repeat #030a20;
}

#waitingForHand .content .message {
  position: relative;
  width: 100%;
  height: 20%;
  margin: 10px 20px 0 20px;
  font-size: 1.7em;
}

#waitingForHand .content .containerInfos {
  position: relative;
  display: flex;
  width: 100%;
  height: 30%;
  margin: 0 20px;
  justify-content: space-around;
}

#waitingForHand .content .containerInfos .stakesContainer, #waitingForHand .content .containerInfos .speedContainer, #waitingForHand .content .containerInfos .buyInContainer {
  display: flex;
  width: 30%;
  justify-content: space-around;
  text-align: center;
  align-self: center;
  flex-direction: column;
  font-size: 1.1em;
}

#waitingForHand .content .containerInfos .stakesContainer .desc, #waitingForHand .content .containerInfos .speedContainer .desc, #waitingForHand .content .containerInfos .buyInContainer .desc {
  position: relative;
}

#waitingForHand .content .containerInfos .stakesContainer .value, #waitingForHand .content .containerInfos .speedContainer .value, #waitingForHand .content .containerInfos .buyInContainer .value {
  position: relative;
  color: #E6C000;
  padding: 0;
}

#waitingForHand .content .stakesContainer {
  left: 0;
}

#waitingForHand .content .speedContainer {
  left: 136.33333px;
}

#waitingForHand .content .buyInContainer {
  left: 272.66667px;
}

#waitingForHand .btn {
  padding: 5px 52px;
}

#waitingForHand .title {
  width: 363px;
  position: relative;
  display: flex;
  justify-content: center;
  line-height: 36px;
  font-size: 2.7rem;
  font-weight: bold;
  text-transform: uppercase;
  z-index: 3;
  text-shadow: 0 2px 10px #0042ff, 0 -2px 10px #0042ff;
  color: #59d1ff;
  border-bottom: solid 1px rgba(89, 209, 255, 0.7);
  box-shadow: 0 5px 7px -3px #0042ff;
}

#waitingForHand #acceptButton {
  transform: scale(0.65);
  font-size: 3rem;
  z-index: 3;
}

#waitingForHand .pmClose {
  background-image: url(assets/images/Atlas.png);
  background-position: -2367px -3280px;
  width: 49px;
  height: 48px;
  top: -5px;
  right: -5px;
  z-index: 4;
  transform: scale(0.75);
}

#waitingForHand .pmClose:hover {
  background-position: -2316px -3280px;
}

#waitingForHand .pmClose:active {
  background-position: -2265px -3280px;
}

#waitingForHand.king-of-the-table {
  font-family: AkzidGroProLigCnd;
  height: 175px;
  border: none;
  box-shadow: none;
  background: none;
  left: 202px;
  top: 96px;
}

#waitingForHand.king-of-the-table .pmClose {
  background: url(assets/images/kott/waitingForGameCloseBtnBG.png);
  background-size: contain;
  margin: 8px 19px 0 0;
}

#waitingForHand.king-of-the-table .pmClose:after {
  background: url(assets/images/kott/waitingForGameCloseBtn.png);
  background-size: contain;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
}

#waitingForHand.king-of-the-table .pmClose:hover:after {
  content: '';
  background: url(assets/images/kott/waitingForGameCloseBtnH.png);
  background-size: contain;
}

#waitingForHand.king-of-the-table .content {
  background: #2f103d;
  background: url(assets/images/kott/waitingForGameBG.png);
  background-repeat: no-repeat;
  background-size: 95%;
  background-position: 50% 20%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 370px;
  height: 165px;
  left: -5px;
  top: -6px;
}

#waitingForHand.king-of-the-table .content:before, #waitingForHand.king-of-the-table .content:after {
  display: none;
}

#waitingForHand.king-of-the-table .message {
  height: 50px;
  align-self: center;
  display: flex;
  justify-content: center;
}

#waitingForHand.king-of-the-table .message.m--separator {
  background: url(assets/images/kott/waitingForGameMissingSeparator.png);
  background-repeat: no-repeat;
  background-position: 50%;
  margin: 0;
}

#waitingForHand.king-of-the-table .missing-players {
  font-size: 3rem;
  text-transform: uppercase;
}

#waitingForHand.king-of-the-table ~ .slot-machine-incentive-cashgame .slot-machine-access {
  top: 215px;
}

#waitingForHand.king-of-the-table .timer {
  background-image: url(assets/images/Atlas.png);
  background-position: -2955px -3201px;
  width: 83px;
  height: 34px;
  display: flex;
  font-family: AkzidGroProCnd;
  font-size: 2.8rem;
  justify-content: space-around;
  margin: 5px 144px 15px 144px;
}

.waitingBGPopup {
  background-repeat: repeat;
  overflow: hidden;
  border-radius: 6px;
  background: radial-gradient(at top right, rgba(6, 6, 20, 0) 5%, rgba(0, 0, 255, 0.2) 25%, rgba(3, 10, 32, 0) 45%) 50% 20% no-repeat, linear-gradient(to bottom, rgba(0, 0, 255, 0.6), rgba(3, 10, 32, 0.5)), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUM0ODMyOTZEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUM0ODMyOTVEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pld80tkAAADSSURBVHjadNCxDsFQFMbxW4pEbRbxAFYRITGw6gNYPYPdKjGZhMFLSEzaUbcONjsGg0kiZSAR/8ttcnPTnuTXk7T9em6PlXP6gtqghQgP8a83Kri8Iq8jjMqogBSghobEy236FuV8yZ2YQYuJPr0O+dVj/ICgIFBUp7iiqeWceKKvh7TwkzZDASeclYPNJYu9SK8dRuiq6b+SwTGmmKcEVwiZHprLWapNBmaCfxzI5RDqmc9s1YfwUNVCDm2BddIx4qCLu1qApe59IJdzSwp+BRgADnE2lChoGq4AAAAASUVORK5CYII=") repeat #030a20;
}

.popupMenu {
  position: absolute;
  top: 95px;
  text-align: center;
  width: 718px;
  height: 533px;
  overflow: hidden;
  left: 50%;
  margin-left: -359px;
}

.pmClose {
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(assets/images/Atlas.png);
  background-position: -3623px -2220px;
  width: 64px;
  height: 64px;
  cursor: pointer;
}

.pmClose:hover {
  background-position: -3623px -2154px;
}

.pmClose:active {
  background-position: -3623px -2088px;
}

.pmClose.small {
  background-image: url(assets/images/Atlas.png);
  background-position: -1156px -3648px;
  width: 31px;
  height: 32px;
  top: 20px;
  right: 20px;
}

.pmClose.small:hover {
  background-position: -1123px -3648px;
}

.pmClose.small:active {
  background-position: -1090px -3648px;
}

.pmClose.tiny {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -798px;
  width: 26px;
  height: 26px;
  top: 20px;
  right: 20px;
}

.pmClose.tiny:hover {
  background-position: -3697px -770px;
}

.pmClose.tiny:active {
  background-position: -3697px -742px;
}

.pmClose.resort {
  background-image: url(assets/images/Atlas.png);
  background-position: -2367px -3280px;
  width: 49px;
  height: 48px;
  top: -20px;
  right: -20px;
  z-index: 2;
}

.pmClose.resort:hover {
  background-position: -2316px -3280px;
}

.pmClose.resort:active {
  background-position: -2265px -3280px;
}

.pmClose.silver {
  background-image: url(assets/images/Atlas.png);
  background-position: -3251px -3280px;
  width: 47px;
  height: 47px;
  top: -12px;
  right: 0px;
}

.pmClose.silver:hover {
  background-position: -3202px -3280px;
}

.pmClose.silver:active {
  background-position: -3153px -3280px;
}

.pmClose.miniblue {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -932px;
  width: 25px;
  height: 24px;
  top: -10px;
  right: -10px;
}

.pmClose.miniblue:hover {
  background-position: -3697px -906px;
}

.pmClose.miniblue:active {
  background-position: -3697px -880px;
}

.pmTitle {
  font-family: AkzidGroProBolCnd;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  line-height: 36px;
  font-size: 2.7rem;
  font-weight: bold;
  text-transform: uppercase;
  z-index: 3;
  text-shadow: 0 2px 10px #0042ff, 0 -2px 10px #0042ff;
  color: #59d1ff;
  border-bottom: solid 1px rgba(89, 209, 255, 0.7);
  box-shadow: 0 5px 7px -3px #0042ff;
}

.pmTabs {
  text-align: left;
  margin-top: 2px;
  line-height: 57px;
  background-image: url(assets/images/Atlas.png);
  background-position: -1168px -2732px;
  width: 718px;
  height: 59px;
}

.nonFacebookLogin .pmTabs {
  background-image: url(assets/images/Atlas.png);
  background-position: -1888px -2732px;
  width: 718px;
  height: 59px;
}

.nonFacebookLogin .pmTabs .pmTab {
  cursor: auto !important;
  background: none !important;
}

.nonFacebookLogin .pmTabs .pmTab:before {
  display: none;
}

.nonFacebookLogin .pmTabs#pmscg_collectGiftsTab {
  cursor: auto;
  background-image: none;
}

.pmTab {
  height: 57px;
  width: 217px;
  float: left;
  text-align: center;
  position: relative;
  left: 4px;
}

.pmTab.active:not(:first-child) {
  background-image: url(assets/images/Atlas.png);
  background-position: -1749px -3010px;
  width: 228px;
  height: 57px;
  box-shadow: -5px 1px 4px #222;
  left: -11px;
  top: 0;
}

.pmTab:hover:before,
.pmTab.active:before {
  content: "";
  background-image: url(assets/images/Atlas.png);
  background-position: -2209px -3010px;
  width: 228px;
  height: 57px;
  position: absolute;
  left: 0;
  top: 0;
}

.pmTab.active:before {
  background-position: -1979px -3010px;
}

.pmTabLbl {
  position: relative;
  width: 100%;
  height: 100%;
  text-transform: capitalize;
}

.pmGradient {
  height: 182px;
  position: absolute;
  left: 7px;
  bottom: 90px;
  width: 704px;
  height: 182px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 4, 24, 0.29) 88%, rgba(0, 3, 24, 0.34) 100%);
  border-bottom: 2px solid #0F1346;
}

.pmPanel {
  height: 466px;
  width: 704px;
  margin: auto;
  position: relative;
}

.pmPanel.loading .glassScreen {
  opacity: 1;
  pointer-events: all;
}

.pmPanel .glassScreen {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transition: opacity .5s;
}

.popupMenu[data-tab="0"] .pmPanel:first-child {
  display: block;
}

.popupMenu[data-tab="1"] .pmPanel:nth-child(2) {
  display: block;
}

.nPopupMenu {
  position: absolute;
  top: 95px;
  text-align: center;
  width: 763px;
  height: 533px;
  overflow: hidden;
  left: 50%;
  transform: translate3d(0, 0, 0) translateX(-50%);
}

.nPopupMenu.nPopupMenu--small {
  width: 650px;
}

.nPopupMenu .pmClose {
  background-image: url(assets/images/Atlas.png);
  background-position: -3104px -3280px;
  width: 47px;
  height: 47px;
  top: -12px;
  right: 0px;
}

.nPopupMenu .pmClose:hover {
  background-position: -3055px -3280px;
}

.nPopupMenu .pmClose:active {
  background-position: -3006px -3280px;
}

.npmTitle {
  background-image: url(assets/images/AtlasRibbon.png);
  background-position: -770px -168px;
  width: 768px;
  height: 82px;
  position: absolute;
  top: -27px;
  left: -25px;
}

.npmTitle span {
  height: 82px;
  line-height: 80px;
  font-family: AkzidGroProCnd;
  font-size: 3rem;
  font-weight: bold;
  color: #934C18;
  text-shadow: 0px -1px 0px #000000, 0px 1px 1px #FAE979;
}

.nPopupMenu.silver .npmTitle {
  background-position: -770px -252px;
}

.nPopupMenu.silver .npmTitle span {
  color: #323252;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75), 0 1px 0 rgba(255, 255, 255, 0.75);
}

.nPopupMenu.silver .pmClose {
  background-position: -3251px -3280px;
}

.nPopupMenu.silver .pmClose:hover {
  background-position: -3202px -3280px;
}

.nPopupMenu.silver .pmClose:active {
  background-position: -3153px -3280px;
}

.nPopupMenu.testRibbon .npmTitle {
  width: 500px;
  position: relative;
  background: #e2e2e2;
  background: linear-gradient(to right, #e2e2e2 0%, white 23%, #d1d1d1 55%, white 77%, #d1d1d1 100%);
  color: #323252;
  text-align: center;
  padding: 1em 2em;
  margin: 2em auto 3em;
}

.inAppRedeemCodeSuccess, .inAppRedeemCodeInput {
  transition: 1s;
}

.inAppRedeemCodeSuccess .congratulationText, .inAppRedeemCodeInput .congratulationText {
  display: block;
  font-size: 32px;
  font-weight: bold;
  position: absolute;
  top: 165px;
  left: 403px;
  width: 280px;
  line-height: 37px;
  text-shadow: 0px 0px 15px #2C75E7;
}

.how-to-play-button {
  cursor: pointer;
  position: absolute;
  right: 25px;
  bottom: 5px;
  height: 25px;
  font-size: 20px;
  pointer-events: all;
}

.how-to-play-button .info-icon, .how-to-play-button .info-icon-large {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}

.how-to-play-button .info-icon {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -853px;
  width: 25px;
  height: 25px;
}

.how-to-play-button .info-icon-large {
  background-image: url(assets/images/Atlas.png);
  background-position: -3204px -1531px;
  width: 36px;
  height: 37px;
}

.how-to-play-button .info-text {
  text-decoration: underline;
  margin-right: 10px;
  text-shadow: #0888ff 0 0 5px, #0888ff 0 0 6px, #0888ff 0 0 7px, #0888ff 0 0 9px;
  color: #ffffff;
}

.how-to-play-button:hover .info-text {
  text-shadow: #58b1ff 0 0 5px, #58b1ff 0 0 6px, #58b1ff 0 0 7px, #58b1ff 0 0 9px;
}

.how-to-play-button:hover .info-icon {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -826px;
  width: 25px;
  height: 25px;
}

.how-to-play-button:hover .info-icon-large {
  background-image: url(assets/images/Atlas.png);
  background-position: -3162px -2683px;
  width: 36px;
  height: 37px;
}

.how-to-play-button:active .info-text {
  color: #a5b4c6;
  text-shadow: #005dad 0 0 5px, #005dad 0 0 6px, #005dad 0 0 7px, #005dad 0 0 9px;
}

.how-to-play-button:active .info-icon {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -958px;
  width: 24px;
  height: 25px;
}

.how-to-play-button:active .info-icon-large {
  background-image: url(assets/images/Atlas.png);
  background-position: -3204px -1492px;
  width: 36px;
  height: 37px;
}

.how-to-play-button.all-in-or-fold {
  width: 100%;
  right: 150px;
  bottom: 10px;
}

.division-up-popup-container {
  position: relative;
  justify-content: center;
  top: 100px;
  height: 100%;
  display: flex;
}

.division-up-popup-container .division-up-popup-content {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: 0px 0px;
  width: 768px;
  height: 512px;
  display: flex;
}

.division-up-popup-container .division-up-popup-content .division-up-popup-canvas {
  position: relative;
  left: -35px;
  top: 35px;
  width: 300px;
  height: 300px;
  top: 75px;
}

.division-up-popup-container .division-up-popup-content .division-up-popup-canvas .canvas-animation-crest {
  position: absolute;
  left: -100px;
  top: -100px;
}

.division-up-popup-container .division-up-popup-content .division-up-reward-content {
  text-align: center;
  width: 100%;
  padding: 25px;
  font-size: 35px;
  text-transform: uppercase;
  position: relative;
}

.division-up-popup-container .division-up-popup-content .division-up-reward-content .division-up-svg-text {
  font-size: 76px;
  stroke: #ffffff;
  stroke-width: 1px;
}

.division-up-popup-container .division-up-popup-content .division-up-reward-content .division-up-reward-title,
.division-up-popup-container .division-up-popup-content .division-up-reward-content .division-up-reward-description {
  margin: 15px 0;
}

.division-up-popup-container .division-up-popup-content .division-up-reward-content .division-up-reward-description .division-up-reward-text {
  margin: 40px 0;
}

.division-up-popup-container .division-up-popup-content .division-up-reward-content .division-up-reward-description .division-up-reward-text .link-to-benefits-page {
  font-size: 25px;
  margin-top: 15px;
  text-decoration: underline;
  cursor: pointer;
}

.division-up-popup-container .division-up-popup-content .division-up-reward-content .division-up-reward-description .division-up-reward-text .link-to-benefits-page:hover {
  text-decoration: none;
}

.division-up-popup-container .division-up-popup-content .division-up-reward-content .division-up-reward-description .genericButton {
  padding: 10px 50px;
  font-size: 3rem;
}

.genericPopup {
  position: absolute;
  top: 95px;
  text-align: center;
  width: 768px;
  height: 545px;
  overflow: hidden;
  z-index: 150;
  left: 50%;
  margin-left: -384px;
}

.genericPopup .pmClose {
  background-image: url(assets/images/Atlas.png);
  background-position: -3623px -3408px;
  width: 64px;
  height: 64px;
  top: 5px;
  right: 20px;
}

.genericPopup .pmClose:hover {
  background-position: -3623px -3342px;
}

.genericPopup .pmClose:active {
  background-position: -3623px -3276px;
}

.genericPopup .genericBtn {
  width: 115px;
  height: 38px;
  font-family: AkzidGroProXBolCnd;
  font-size: 1.7rem;
  text-shadow: 0 2px 0 #6284e6;
}

.popupMask:before {
  content: '';
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  z-index: 145;
}

.apePopup {
  width: 960px;
  height: 640px;
  position: fixed;
  display: inline-block;
  z-index: 160;
}

.ape-element {
  position: absolute;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  box-sizing: border-box;
}

.ape-element.actionBtn, .ape-element.btn-green {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ape-element.sprite_button {
  cursor: pointer;
}

.ape-element.sprite_button.split_sprite_2 {
  background-size: 200% 100%;
}

.ape-element.sprite_button.split_sprite_2:active {
  background-position-x: 100%;
}

.ape-element.sprite_button.split_sprite_3 {
  background-size: 300% 100%;
}

.ape-element.sprite_button.split_sprite_3:hover {
  background-position-x: 100%;
}

.ape-element.sprite_button.split_sprite_3:active {
  background-position-x: 50%;
}

.gpTitle {
  font-weight: bold;
  font-size: 4rem;
  text-align: center;
}

.gpContentCont {
  width: 697px;
  position: relative;
  background: #000c4b;
  background: radial-gradient(300px at 350px 0px, #1330a5, transparent), linear-gradient(to right, #081333 0%, #000c4b 15%, #000c4b 85%, #081333 100%);
  /* TODO: This will need to go eventually, and we will need to use the border-glow mixin instead */
}

.gpContentCont:before, .gpContentCont:after {
  content: "";
  background-image: url(assets/images/Atlas.png);
  background-position: -3609px 0px;
  width: 12px;
  height: 467px;
  position: absolute;
  bottom: 0;
  left: -12px;
}

.gpContentCont:after {
  transform: scaleX(-1);
  left: auto;
  right: -10px;
}

.gpContentCont .gpBot {
  /* TODO: This will need to go eventually, and we will need to use the border-glow mixin instead */
  background-image: url(assets/images/Atlas.png);
  background-position: -708px -1580px;
  width: 720px;
  height: 10px;
  margin-left: 21px;
}

.genericPopup.small {
  width: 426px;
  max-height: 250px;
  background-color: #01032f;
  border-radius: 5px;
}

.genericPopup.small:after {
  content: '';
  position: absolute;
  border-radius: 5px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 4;
  border: 1px solid #59d1ff;
  box-shadow: 0 0 7px 2px #0042ff, 0 0 7px 2px #0042ff inset;
  pointer-events: none;
}

.genericPopup.small .pmClose {
  background-image: url(assets/images/Atlas.png);
  background-position: -2367px -3280px;
  width: 49px;
  height: 48px;
  top: -5px;
  right: -5px;
  z-index: 4;
  transform: scale(0.75);
}

.genericPopup.small .pmClose:hover {
  background-position: -2316px -3280px;
}

.genericPopup.small .pmClose:active {
  background-position: -2265px -3280px;
}

.genericPopup.small .gpTitle {
  font-family: AkzidGroProBolCnd;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  line-height: 36px;
  font-size: 2.7rem;
  font-weight: bold;
  text-transform: uppercase;
  z-index: 3;
  text-shadow: 0 2px 10px #0042ff, 0 -2px 10px #0042ff;
  color: #59d1ff;
  border-bottom: solid 1px rgba(89, 209, 255, 0.7);
  box-shadow: 0 5px 7px -3px #0042ff;
}

.genericPopup.small .gpContentCont {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  min-height: 190px;
  height: 85%;
  width: 100%;
  font-size: 2.6rem;
  z-index: 1;
}

.genericPopup.small .gpBot {
  display: none;
}

.genericPopup.gpGold .gpTitle {
  background-position: -770px -336px;
  color: #9b4a2c;
}

.genericPopup.gpGold .pmClose {
  background-position: -3623px -2418px;
}

.genericPopup.gpGold .pmClose:hover {
  background-position: -3623px -2352px;
}

.genericPopup.gpGold .pmClose:active {
  background-position: -3623px -2286px;
}

.genericPopup.msgP .text {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  justify-content: center;
  align-items: center;
  min-height: 120px;
  padding: 15px 20px 0 20px;
  font-size: 2.6rem;
}

.genericPopup.msgP .text a {
  text-decoration: none;
  color: #fff;
}

.genericPopup.msgP .buttons {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 65px;
}

.genericPopup.msgP.catastrophicError {
  top: 147px;
  left: 0;
  right: 0;
  margin: auto;
}

.genericPopup.msgP.catastrophicError .text > div {
  margin-bottom: 10px;
}

.genericPopup.msgP.catastrophicError .buttons .action-btn {
  font-size: 2rem;
}

.genericPopup.gpOldBrowser .gpTitle {
  font-size: 2.5em !important;
}

.genericPopup.gpOldBrowser .gpContentCont {
  position: relative;
  width: 720px;
  margin: -9px 0 0 21px;
}

.genericPopup.gpOldBrowser .gpContentCont:before, .genericPopup.gpOldBrowser .gpContentCont:after {
  content: none;
}

.genericPopup.gpOldBrowser .gpContentCont .gpFrameLeft {
  background-image: url(assets/images/Atlas.png);
  background-position: -3609px 0px;
  width: 12px;
  height: 467px;
  position: absolute;
  left: 0px;
}

.genericPopup.gpOldBrowser .gpContentCont .gpFrameRight {
  background-image: url(assets/images/Atlas.png);
  background-position: -3609px -469px;
  width: 12px;
  height: 467px;
  position: absolute;
  right: 1px;
}

.genericPopup.gpOldBrowser .gpContentCont .text {
  font-size: 2em !important;
  padding-top: 110px !important;
}

.genericPopup.gpOldBrowser .gpContentCont ul.gpSuggestedBrowsers {
  list-style-type: none !important;
  padding: 30px 0 0 0 !important;
}

.genericPopup.gpOldBrowser .gpContentCont ul.gpSuggestedBrowsers li {
  display: inline !important;
  margin: 0 12px !important;
}

.genericPopup.gpOldBrowser .gpContentCont ul.gpSuggestedBrowsers li a {
  text-decoration: none;
  border: none !important;
}

.genericPopup.gpOldBrowser .gpContentCont ul.gpSuggestedBrowsers li a img {
  border: none !important;
}

.genericBGPopup {
  background-repeat: repeat;
  min-height: 225px;
  background: radial-gradient(at top right, rgba(6, 6, 20, 0) 5%, rgba(0, 0, 255, 0.2) 25%, rgba(3, 10, 32, 0) 45%) 50% 20% no-repeat, linear-gradient(to bottom, rgba(0, 0, 255, 0.6), rgba(3, 10, 32, 0.5)), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUM0ODMyOTZEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUM0ODMyOTVEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pld80tkAAADSSURBVHjadNCxDsFQFMbxW4pEbRbxAFYRITGw6gNYPYPdKjGZhMFLSEzaUbcONjsGg0kiZSAR/8ttcnPTnuTXk7T9em6PlXP6gtqghQgP8a83Kri8Iq8jjMqogBSghobEy236FuV8yZ2YQYuJPr0O+dVj/ICgIFBUp7iiqeWceKKvh7TwkzZDASeclYPNJYu9SK8dRuiq6b+SwTGmmKcEVwiZHprLWapNBmaCfxzI5RDqmc9s1YfwUNVCDm2BddIx4qCLu1qApe59IJdzSwp+BRgADnE2lChoGq4AAAAASUVORK5CYII=") repeat #030a20;
  background-size: 200% 90%, 100% 100%, 14px 8px;
  background-position: 50% 0, 50% 50%, 50% 50%;
}

.genericPopupV2 {
  overflow: visible;
}

.genericPopupV2 > .gpTitle {
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: AkzidGroProBolCndIt;
  font-weight: normal;
  font-style: normal;
  font-size: 40px;
  line-height: 40px;
  background-image: url(assets/images/AtlasRibbon.png);
  background-position: 0px 0px;
  width: 768px;
  height: 82px;
}

.genericPopupV2 > .gpTitle text {
  font-family: 'AkzidGroProBolCndIt';
  font-style: italic;
  font-weight: bold;
  font-size: 1em;
  text-transform: uppercase;
}

.genericPopupV2 > .pmClose {
  width: 64px;
  height: 64px;
  top: 5px;
  right: 20px;
  z-index: 3;
  background-image: url(assets/images/Atlas.png);
  background-position: -3623px -2814px;
  width: 64px;
  height: 64px;
}

.genericPopupV2 > .pmClose:hover {
  background-position: -3623px -2748px;
}

.genericPopupV2 > .pmClose:active {
  background-position: -3623px -2682px;
}

.genericPopupV2 > .pmClose.svgButton {
  background: none;
  width: 50px;
  height: 50px;
  top: 13px;
  right: 29px;
}

.genericPopupV2 > .pmClose.svgButton .glow {
  display: none;
}

.genericPopupV2 > .pmClose.svgButton path {
  fill: #f8b563;
  stroke: #f8b563;
}

.genericPopupV2 > .pmClose.svgButton:hover path {
  fill: #f9bf73;
  stroke: #f9bf73;
}

.genericPopupV2 > .pmClose.svgButton:active .glow {
  display: block;
}

.genericPopupV2 > .pmClose.svgButton:active path {
  fill: #ffffbe;
  stroke: #ffffbe;
}

.genericPopupV2 .gpArtifacts {
  pointer-events: none;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}

.genericPopupV2 > .gpContentCont {
  position: absolute;
  width: 706px;
  height: 496px;
  top: 12px;
  left: 31px;
  z-index: 1;
  margin: 0;
}

.genericPopupV2 > .gpContentCont:before {
  display: none;
}

.genericPopupV2 > .gpContentCont:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  transform: scaleX(1);
  background: none;
  border: solid 1px #59d1ff;
  box-shadow: inset 0 0 7px 2px #0042ff,0 0 7px 2px #0042ff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  pointer-events: none;
}

.genericPopupV2 > .gpContentCont > div {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.genericPopupV2 > .gpContentCont > div:before {
  position: absolute;
  content: "";
  display: block;
  top: auto;
  left: 0;
  bottom: 0;
  right: auto;
}

.genericPopupV2 > .gpContentCont > div:before .overlayBG {
  height: 253px !important;
  padding: 100px 0 0 0;
  background-image: radial-gradient(at center, #062b58 0%, #062b58 40%, transparent 70%), radial-gradient(at center, #062b58 0%, #062b58 40%, transparent 70%), linear-gradient(to bottom, #062b58, #081839, #062b58);
  background-size: 90% 30%, 90% 30%, 100% 100%;
  background-position: center top, center bottom, center center;
  background-repeat: no-repeat;
}

#popupCont .genericPopupV2 > .gpContentCont.genericBGPopup.texasbuyin, #popupCont .genericPopupV2 > .gpContentCont.genericBGPopup.omahabuyin {
  z-index: 2;
  top: 78px;
  height: 476px;
}

#popupCont .genericPopupV2 > .gpContentCont.genericBGPopup.texasbuyin:after, #popupCont .genericPopupV2 > .gpContentCont.genericBGPopup.omahabuyin:after {
  top: -10px;
  border-top: none;
}

#popupCont .genericPopupV2 > .gpContentCont.genericBGPopup.texasbuyin .gpContentHolder, #popupCont .genericPopupV2 > .gpContentCont.genericBGPopup.omahabuyin .gpContentHolder {
  overflow: visible;
}

.genericPopupV2.hasTitle > .gpContentCont {
  top: 58px;
}

.genericPopupV2.frameless > .gpContentCont {
  background: none;
}

.genericPopupV2.frameless > .gpContentCont:after {
  box-shadow: none;
  border: none;
}

.genericPopupV2.frameless > .gpContentCont > div:before {
  background: none;
}

.genericPopupV2.frameless > .gpContentCont > .gpTitle {
  background: none;
}

#DEFAULT_SUCCESS_LAYOUT_Popup > .gpContentCont {
  height: 404px;
}

#DEFAULT_SUCCESS_LAYOUT_Popup > .gpContentCont > .gpContentCont {
  background: none;
}

#DEFAULT_SUCCESS_LAYOUT_Popup > .gpContentCont > .gpContentCont > div:before {
  background: none;
}

.default-success-popup .benefits-list {
  width: 99.3%;
  height: 100%;
  margin-top: 55px;
  margin-left: 0px;
  text-align: left;
}

.default-success-popup .benefits-list .benefit {
  height: 60px;
  margin-left: 82px;
}

.default-success-popup .benefits-list .benefit:last-child {
  padding-bottom: 10px;
}

.default-success-popup .benefits-list .benefit .benefit-icon {
  margin-top: 7px;
  margin-right: 28px;
}

.default-success-popup .benefits-list .benefit .benefit-icon.isPrime {
  position: relative;
}

.default-success-popup .benefits-list .benefit .benefit-icon.isPrime::before {
  display: block;
  position: absolute;
  top: -30px;
  left: -36px;
  width: 99px;
  height: 116px;
  transform: scale(0.35);
  background-image: url(assets/imgSrc/gameCanvas/pokerRecall/Prime/primePack_bottomOverlay.png);
  content: '';
}

.default-success-popup .benefits-list .benefit .benefit-icon.isPrime::after {
  position: absolute;
  top: -45px;
  left: -28px;
  width: 99px;
  height: 116px;
  transform: scale(0.35);
  background-image: url(assets/imgSrc/gameCanvas/pokerRecall/Prime/primePack_topOverlay.png);
  content: '';
  z-index: 1;
}

.default-success-popup .benefits-list .benefit .label {
  font-size: 2.3rem;
  width: 355px;
  padding-top: 7px;
  line-height: 1.25;
}

.default-success-popup .benefits-list .benefit .turns {
  font-size: 2.2rem;
  margin-top: 7px;
  padding-top: 7px;
  font-family: AkzidGroProLigCnd;
  font-weight: 400;
  text-shadow: 1px 1px 1px #000;
  padding-left: 5px;
}

.default-success-popup .benefits-list .benefit .time {
  padding: 12px 0 0 20px;
}

.default-success-popup .benefits-list .benefit .time:before {
  top: 15px;
}

.default-success-popup .benefits-list .benefits-top-fadeout {
  background-image: url(assets/images/AtlasPiggy.png);
  background-position: -981px -1178px;
  width: 525px;
  height: 10px;
  position: absolute;
  top: 60px;
  left: 90px;
  z-index: 1;
}

.default-success-popup .benefits-list .benefits-bottom-fadeout {
  background-image: url(assets/images/AtlasPiggy.png);
  background-position: -981px -1166px;
  width: 525px;
  height: 10px;
  position: absolute;
  top: 275px;
  left: 90px;
  z-index: 1;
}

#SWEEPSTAKES_TICKETS_Popup .gpArtifacts :not(:first-child) {
  animation: blink-animation 0s ease-in 6s forwards;
}

#debugPopup dl {
  text-align: left;
  font-size: 1.6em;
  padding: 10px;
  margin: 0;
}

#debugPopup dl dt {
  border-bottom: 1px solid;
}

#debugPopup dl dd {
  margin-bottom: 5px;
}

#inAppPopup_MegaBonusUnlockedPopup .pmClose {
  display: none;
}

.genericPopup.promoPopup {
  display: block;
}

.genericPopup.promoPopup .pmClose {
  display: none;
}

.genericPopup.promoPopup > .gpTitle {
  background-image: url(assets/images/AtlasRibbon.png);
  background-position: 0px -168px;
  width: 768px;
  height: 82px;
}

.genericPopup.promoPopup > .gpContentCont {
  position: absolute;
  height: 405px;
  left: 28px;
}

.genericPopup.promoPopup > .gpContentCont > div {
  display: block;
}

.genericPopup.promoPopup .actionBtn, .genericPopup.promoPopup .btn-green {
  position: absolute;
  bottom: 25px;
  display: inline-block;
  font-family: AkzidGroProBolCnd;
  font-size: 4rem;
  font-weight: 700;
  text-transform: uppercase;
  padding: 7px;
  width: 270px;
  height: 65px;
  left: 50%;
  transform: translateX(-50%);
}

.genericPopup.promoPopup .actionBtn.button-small, .genericPopup.promoPopup .button-small.btn-green {
  bottom: 40px;
  font-family: AkzidGroProCnd;
  font-size: 3.5rem;
  font-weight: 100;
  padding: 5px;
  width: 157px;
  height: 55px;
}

.genericPopup.promoPopup.frameless .poker-recall-popup .actionBtn, .genericPopup.promoPopup.frameless .poker-recall-popup .btn-green {
  left: 63%;
}

.genericPopup.promoPopup.frameless .actionBtn, .genericPopup.promoPopup.frameless .btn-green {
  left: 69%;
}

.genericPopup.promoPopup .body-svg-text {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}

.genericPopup.promoPopup .body-svg-text text {
  font-size: 40px;
  font-family: AkzidGroProBolCnd;
  text-transform: uppercase;
  -webkit-filter: url(#bodyTextInnerShadow);
          filter: url(#bodyTextInnerShadow);
  fill: #fff;
  pointer-events: none;
}

.genericPopup.promoPopup .body-svg-text text.bigger {
  font-size: 100px;
}

.genericPopup.promoPopup .body-svg-text text.gradient {
  fill: url(#BodyTextGradient);
  -webkit-filter: url(#bodyTextInnerShadow);
          filter: url(#bodyTextInnerShadow);
}

.genericPopup.promoPopup .body-svg-text text.glow {
  -webkit-filter: url(#bodyTextGlow);
          filter: url(#bodyTextGlow);
  fill: #005aff;
}

.genericPopup.promoPopup.giftOnPurchasePopup#SWEEPSTAKES_TICKETS_Popup .gpContentCont:after {
  border: solid 2px #00b4ff;
  box-shadow: inset 0 0 7px 2px #00b4ff, 0 0 7px 2px #00b4ff;
}

.genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.Munich1Event2021 .gpContentCont:after, .genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.Munich2Event2021 .gpContentCont:after, .genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.Munich3Event2021 .gpContentCont:after, .genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.Munich4Event2021 .gpContentCont:after, .genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.Munich5Event2021 .gpContentCont:after {
  border: solid 2px #f1df8a;
  box-shadow: inset 0 0 7px 2px #824516, 0 0 7px 2px #6d3612;
}

.genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.Munich1Event2021 .gpContentCont.secondary-currency-popup, .genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.Munich2Event2021 .gpContentCont.secondary-currency-popup, .genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.Munich3Event2021 .gpContentCont.secondary-currency-popup, .genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.Munich4Event2021 .gpContentCont.secondary-currency-popup, .genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.Munich5Event2021 .gpContentCont.secondary-currency-popup {
  background-position: center 0;
}

.genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.ValentinesEvent2022 .gpTitle div:first-of-type {
  letter-spacing: 1.8px;
  text-shadow: -1px 1px 2px #d994dd;
}

.genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.ValentinesEvent2022 .gpContentCont:after {
  border: solid 1px #f3eaca;
  box-shadow: inset 0 0 7px 3px #e9d374, 0 0 7px 3px #ebe780;
}

.genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.RoyalDynastyEvent2022 .gpTitle div:first-of-type {
  letter-spacing: 1.8px;
  text-shadow: -1px 1px 2px #d994dd;
}

.genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.RoyalDynastyEvent2022 .gpContentCont:after {
  border: solid 1px #db8dd5;
  box-shadow: inset 0 0 7px 3px #78417e, 0 0 7px 3px #78417e;
}

.genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.LuckyVegasEvent2022 .gpContentCont:after {
  border: solid 1px #8ffffa;
  box-shadow: inset 0 0 7px 2px #ebb541, 0 0 7px 2px #ebbb80;
}

.genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.StPatrickEvent2022 .gpTitle {
  background-repeat: no-repeat;
}

.genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.StPatrickEvent2022 .gpTitle div:first-of-type {
  letter-spacing: 1.8px;
  text-shadow: -4px 4px 3px #08130e, -4px 4px 3px #08130e;
}

.genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.StPatrickEvent2022 .gpContentCont:after {
  border: solid 1px #e9d15f;
  box-shadow: inset 1px 1px 1px 1px #e9d15f, 1px 1px 1px 1px #e9d15f;
}

.genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.CaribbeanFiestaEvent2022 .gpTitle {
  background-repeat: no-repeat;
}

.genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.CaribbeanFiestaEvent2022 .gpTitle div:first-of-type {
  letter-spacing: 1.8px;
  text-shadow: -4px 4px 3px #08130e, -4px 4px 3px #08130e;
}

.genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.CaribbeanFiestaEvent2022 .gpContentCont:after {
  border: solid 1px #e3f9f1;
  box-shadow: inset 0 0 5px 4px #168b59, 0 0 7px 4px #27a370;
}

.genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.EasterEvent2022 .gpTitle {
  background-repeat: no-repeat;
}

.genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.EasterEvent2022 .gpTitle div:first-of-type {
  letter-spacing: 1.8px;
  text-shadow: -2px 2px 2px #0b2017, -2px 2px 2px #0b2017;
}

.genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.EasterEvent2022 .gpContentCont:after {
  border: solid 1px #e3f9f1;
  box-shadow: inset 0 0 4px 3px #15971f, 0 0 6px 3px #15971f;
}

.genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.RockEvent2022 .gpTitle {
  background-repeat: no-repeat;
}

.genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.RockEvent2022 .gpTitle div:first-of-type {
  letter-spacing: 1.8px;
}

.genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.RockEvent2022 .gpContentCont:after {
  border: solid 1px #e3f9f1;
  box-shadow: inset 0 0 4px 3px #0b29cb, 0 0 6px 3px #0b29cb;
}

.genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.GloryEvent2022 .gpTitle {
  background-repeat: no-repeat;
}

.genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.GloryEvent2022 .gpTitle div:first-of-type {
  letter-spacing: 1.8px;
}

.genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.GloryEvent2022 .gpContentCont:after {
  border: solid 1px #e3f9f1;
  box-shadow: inset 0 0 4px 3px #0b29cb, 0 0 6px 3px #0b29cb;
}

.genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.RaveEvent2022 .gpTitle {
  background-repeat: no-repeat;
}

.genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.RaveEvent2022 .gpTitle div:first-of-type {
  letter-spacing: 1.8px;
}

.genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.RaveEvent2022 .gpContentCont:after {
  border: solid 1px #e3f9f1;
  box-shadow: inset 0 0 4px 3px #0b29cb, 0 0 6px 3px #0b29cb;
}

.genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.RaceEvent2022 .gpTitle {
  background-repeat: no-repeat;
  text-shadow: 1px 1px 2px #d9353abd, -1px -1px 2px #d9353abd, 1px 1px 2px #d9353abd, -1px -1px 2px #d9353abd;
}

.genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.RaceEvent2022 .gpTitle div:first-of-type {
  letter-spacing: 1.8px;
}

.genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.RaceEvent2022 .gpContentCont:after {
  border: solid 1px #e3f9f1;
  box-shadow: inset 0 0 4px 3px #0b29cb, 0 0 6px 3px #0b29cb;
}

.genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.MainEvent2022 .gpTitle {
  background-repeat: no-repeat;
  text-shadow: 1px 1px 5px #1560db94, -1px -1px 5px #1560db94, 1px 1px 5px #1560db94, -1px -1px 5px #1560db94;
}

.genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.MainEvent2022 .gpTitle div:first-of-type {
  letter-spacing: 1.8px;
}

.genericPopup.promoPopup.giftOnPurchasePopup#SECONDARY_CURRENCY_Popup.MainEvent2022 .gpContentCont:after {
  border: solid 1px #e3f9f1;
  box-shadow: inset 0 0 4px 3px #0b29cb, 0 0 6px 3px #0b29cb;
}

.genericPopup.promoPopup.giftOnPurchasePopup .gpContentCont {
  text-transform: uppercase;
  background: radial-gradient(300px at 350px 0px, #1330a5, transparent), linear-gradient(to right, #081333 0%, #000c4b 15%, #000c4b 85%, #081333 100%);
}

.genericPopup.promoPopup.giftOnPurchasePopup .gpContentCont > div:before {
  display: none;
}

.genericPopup.promoPopup.giftOnPurchasePopup .textBlock {
  position: absolute;
  font-family: AkzidGroProBolCnd;
}

.genericPopup.promoPopup.giftOnPurchasePopup .textBlock.rawText {
  text-shadow: 0px 0px 7px #0a4ae0, 0px 0px 7px #0a4ae0, 0px 0px 7px #0a4ae0;
}

.genericPopup.promoPopup.giftOnPurchasePopup .textBlock.center {
  text-align: center;
}

.genericPopup.promoPopup.giftOnPurchasePopup .textBlock.center > * {
  left: 0;
  right: 0;
  margin: auto;
}

.genericPopup.promoPopup.giftOnPurchasePopup .textBlock.left {
  text-align: left;
}

.genericPopup.promoPopup.giftOnPurchasePopup .textBlock sup {
  font-size: .6em;
}

.genericPopup.promoPopup.giftOnPurchasePopup .textBlock.clubsEffect svg {
  padding: 0 12px 0 0;
}

.genericPopup.promoPopup.giftOnPurchasePopup .textBlock.clubsEffect svg text {
  paint-order: stroke;
  stroke: rgba(0, 0, 0, 0.2);
  stroke-width: 5px;
  stroke-linecap: butt;
  stroke-linejoin: miter;
  font-style: italic;
}

.genericPopup.promoPopup.giftOnPurchasePopup .artifact {
  position: absolute;
}

.genericPopup.promoPopup.giftOnPurchasePopup#HOURLY_BONUS_BASE_INTERVAL_OVERRIDE_Popup .blue {
  left: 70%;
  bottom: 85px;
}

.genericPopup.promoPopup.giftOnPurchasePopup#SUPERSIZE_EXTREME_Popup .actionBtn, .genericPopup.promoPopup.giftOnPurchasePopup#SUPERSIZE_EXTREME_Popup .btn-green {
  bottom: 80px;
  left: 72%;
  width: 220px;
}

.genericPopup.promoPopup.giftOnPurchasePopup#SUPERSIZE_EXTREME_Popup .actionBtn:focus, .genericPopup.promoPopup.giftOnPurchasePopup#SUPERSIZE_EXTREME_Popup .btn-green:focus {
  border: 0;
}

.genericPopup.promoPopup.giftOnPurchasePopup.starquest-success-popup .benefits-list .benefit .benefit-icon.SITGO_REBATE {
  padding-right: 10px;
}

.genericPopup.promoPopup.giftOnPurchasePopup.starquest-success-popup .benefits-list .benefit .benefit-icon.SITGO_REBATE > img {
  width: 70px;
  height: 70px;
  position: relative;
  bottom: 26px;
}

.genericPopup.promoPopup.giftOnPurchasePopup.sq-milestone-success-claim-popup {
  position: absolute;
  top: 505px;
}

.genericPopup.promoPopup.giftOnPurchasePopup.sq-milestone-success-claim-popup-gamescene {
  position: absolute;
  top: 574px;
}

.genericPopup.promoPopup.freeChipsPopup > .gpContentCont > div:before {
  background-image: url(assets/images/AtlasJPEG.png);
  background-position: 0px 0px;
  width: 710px;
  height: 404px;
}

.genericPopup.promoPopup.freeChipsPopup .freeChipsContent {
  font-family: AkzidGroProLigCnd;
  font-size: 2.4rem;
  font-weight: 700;
  height: 100%;
  width: 350px;
  position: absolute;
  top: 0;
}

.genericPopup.promoPopup.freeChipsPopup .freeChipsContent .freeChipsAmount {
  font-size: 5rem;
  font-family: AkzidGroProCnd;
  line-height: 50px;
}

.genericPopup.promoPopup.freeChipsPopup .freeChipsContent .trs-info {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 235px;
  transform: translateX(-50%);
  width: 250px;
}

.genericPopup.promoPopup.freeChipsPopup .freeChipsContent .trs-info .trs-icon {
  height: 30px;
  width: 36px;
}

.promoPopup {
  position: absolute;
  width: 768px;
  height: 588px;
  top: 100px;
  left: 50%;
  margin-left: -382px;
  text-align: center;
}

.promoPopup .pmClose {
  top: 28px;
  right: 27px;
  z-index: 2;
}

.promoPopup .btn-green {
  top: 447px;
}

.popup_neon {
  position: relative;
  background-color: #01032f;
  border-radius: 10px;
  z-index: 2;
  box-shadow: inset 0 0 7px 2px #0042ff, 0 0 7px 2px #0042ff;
  border: solid 1px #59d1ff;
  border-bottom: solid 1px rgba(89, 209, 255, 0.7);
  display: flex;
  flex-direction: column;
}

.popup_neon .header {
  text-shadow: 0 2px 10px #0042ff, 0 -2px 10px #0042ff;
  color: #59d1ff;
  font-size: 30px;
  padding: 5px;
  border-bottom: solid 1px rgba(89, 209, 255, 0.7);
  position: relative;
  box-shadow: 0 5px 7px -3px #0042ff;
  z-index: 3;
}

.popup_neon .header .popupNeonTitle {
  font-weight: bold;
}

.popup_neon .header .close-btn {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1.4em;
  height: 1.4em;
  right: 3px;
  cursor: pointer;
}

.popup_neon .header .close-btn path {
  fill: #2481dc;
  stroke: #2481dc;
}

.popup_neon .header .close-btn:hover path {
  fill: #74c1fd;
  stroke: #74c1fd;
}

.popup_neon .header .close-btn:active path {
  fill: #2d8eec;
  stroke: #2d8eec;
}

.popup_neon .content {
  border-radius: 0 0 10px 10px;
  background-color: #030213;
  position: relative;
  height: 93%;
  overflow: hidden;
}

.popup_neon .content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  box-shadow: inset 0 0 7px 2px #0042ff, 0 0 7px 2px #0042ff;
  border-radius: 10px;
}

.popup_neon.couponStore {
  box-shadow: inset 0 0 7px 2px #cfc21a, 0 0 7px 2px #cfc21a;
  border: solid 1px #ffd400;
  background-color: #250007;
}

.popup_neon.couponStore .header {
  box-shadow: 0 4px 15px -12px rgba(255, 115, 115, 0.6);
  border-bottom: solid 1px #e50041;
}

.popup_neon.couponStore .header .chip-store-header-line {
  position: absolute;
  top: 47px;
  left: 0;
  box-shadow: 0 0 6px 2px rgba(255, 115, 115, 0.8);
}

.popup_neon.couponStore .header .couponsApplied {
  background-image: url(assets/images/Atlas.png);
  background-position: -3076px -1914px;
  width: 154px;
  height: 27px;
  width: 154px;
  height: 27px;
  position: absolute;
  top: 49px;
  left: calc(50% - 77px);
}

.popup_neon.couponStore .header .popupNeonTitle {
  text-shadow: none;
  background: -webkit-linear-gradient(top, #fcf5bd, #fcf5bd, #ffea6f, #ffea6f, #ce8c16, #ffea6f, #ffea6f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}

.popup_neon.couponStore .header .close-btn path {
  fill: #ffd400;
  stroke: #ffd400;
}

.popup_neon.couponStore .header .close-btn:hover path {
  fill: #eafd1d;
  stroke: #eafd1d;
}

.popup_neon.couponStore .header .close-btn:active path {
  fill: #c7b107;
  stroke: #c7b107;
}

.popup_neon.couponStore .content:after {
  box-shadow: inset 0 0 7px 2px #87560a, 0 0 7px 2px #87560a;
}

#popups,
#popupCont {
  z-index: 10;
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
}

#popups:not(.isPlaying) > div,
#popupCont:not(.isPlaying) > div {
  transform: translate3d(0, 0, 0);
  width: 100%;
  height: 100%;
  position: absolute;
}

#popups:not(.isPlaying) > div:not(.keepStacked),
#popupCont:not(.isPlaying) > div:not(.keepStacked) {
  display: none;
}

#popups:not(.isPlaying) > div:last-child,
#popupCont:not(.isPlaying) > div:last-child {
  display: block;
  z-index: 2;
}

#popups:not(.isPlaying) > div:last-child:not(.noOverlay):before,
#popupCont:not(.isPlaying) > div:last-child:not(.noOverlay):before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.75;
  top: 0;
  left: 0;
}

#popups.forced,
#popupCont.forced {
  z-index: 2010;
}

#popupCont {
  display: block;
  position: absolute;
}

#popupCont.isPlaying, #popupCont.is-piggy-tooltip {
  width: 760px;
  height: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#popupCont.backdropMainView {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.76);
}

#popupCont.backdropMainView .punchIt-main-view {
  top: 175px;
}

#popupCont.backdropMainView .punchIt-main-view-backdrop {
  top: 0;
}

#popupCont.backdropMainView.connectedFromFb .punchIt-main-view {
  top: 0;
}

#popupCont.backdropMainView.connectedFromFb .punchIt-main-view-backdrop {
  background-color: rgba(0, 0, 0, 0.95);
}

#popupCont.isMainViewOpenedFromInapp {
  z-index: 200;
}

.popup {
  position: absolute;
  left: 50%;
}

/* Generic popup */
.gPopup {
  /** Hide buttons by default if opened with PopupManager **/
}

.gPopup .pmTitle {
  background: none;
  width: 100%;
}

.gPopup .buttons {
  text-align: center;
  position: absolute;
  bottom: 25px;
  width: 100%;
}

.gPopup .buttons .btn {
  margin: auto;
  display: block;
}

.gPopup.gen .btn {
  display: none;
}

.popupTxt {
  padding: 20px 20px 0 20px;
  font-size: 2.6rem;
}

.videoPlayerPopup {
  height: 515px;
  width: 750px;
}

.slot-machine-incentive-tournament .slot-machine-access {
  position: absolute;
  top: 225px;
  left: 155px;
  z-index: 1;
}

.slot-machine-incentive-tournament .slot-machine-access .genericButton, .slot-machine-incentive-tournament .slot-machine-access .play-slots-text {
  text-transform: uppercase;
  position: absolute;
}

.slot-machine-incentive-tournament .slot-machine-access .play-slots-text {
  width: 100%;
  text-align: center;
  top: 75px;
  font-family: AkzidGroProBolCnd;
  color: #04d8fd;
}

.slot-machine-incentive-tournament .slot-machine-access .play-slots-text :first-child {
  font-size: 30px;
  height: 32px;
}

.slot-machine-incentive-tournament .slot-machine-access .play-slots-text :last-child {
  font-size: 20px;
}

.slot-machine-incentive-tournament .slot-machine-access .genericButton {
  top: 85px;
  right: 35px;
  padding: 0 12px;
}

.slot-machine-incentive-tournament .freeSpin .btn:after {
  content: attr(data-title);
  font-size: 13px;
  color: #fff;
  box-shadow: 1px 1px 1px #000;
  position: absolute;
  top: -10px;
  width: 16px;
  height: 16px;
  background-color: #eb2e24;
  border-radius: 3px;
  margin-right: -25px;
}

.slot-machine-incentive-tournament .slot-machine-icon {
  background-image: url(assets/images/Atlas.png);
  background-position: -3378px -1612px;
  width: 109px;
  height: 95px;
  position: absolute;
  z-index: 3;
  top: 285px;
  left: 200px;
}

.slot-machine-incentive-tournament .slot-machine-access {
  background-image: url(assets/images/Atlas.png);
  background-position: -456px -2732px;
  width: 448px;
  height: 179px;
}

.slot-machine-incentive-cashgame .slot-machine-access {
  position: absolute;
  top: 225px;
  left: 155px;
  z-index: 1;
}

.slot-machine-incentive-cashgame .slot-machine-access .genericButton, .slot-machine-incentive-cashgame .slot-machine-access .play-slots-text {
  text-transform: uppercase;
  position: absolute;
}

.slot-machine-incentive-cashgame .slot-machine-access .play-slots-text {
  width: 100%;
  text-align: center;
  top: 75px;
  font-family: AkzidGroProBolCnd;
  color: #04d8fd;
}

.slot-machine-incentive-cashgame .slot-machine-access .play-slots-text :first-child {
  font-size: 30px;
  height: 32px;
}

.slot-machine-incentive-cashgame .slot-machine-access .play-slots-text :last-child {
  font-size: 20px;
}

.slot-machine-incentive-cashgame .slot-machine-access .genericButton {
  top: 85px;
  right: 35px;
  padding: 0 12px;
}

.slot-machine-incentive-cashgame .freeSpin .btn:after {
  content: attr(data-title);
  font-size: 13px;
  color: #fff;
  box-shadow: 1px 1px 1px #000;
  position: absolute;
  top: -10px;
  width: 16px;
  height: 16px;
  background-color: #eb2e24;
  border-radius: 3px;
  margin-right: -25px;
}

.slot-machine-incentive-cashgame .slot-machine-icon {
  background-image: url(assets/images/Atlas.png);
  background-position: -3378px -1612px;
  width: 109px;
  height: 95px;
  position: absolute;
  z-index: 3;
  top: 285px;
  left: 200px;
}

.slot-machine-incentive-cashgame .slot-machine-access {
  background-image: url(assets/images/Atlas.png);
  background-position: 0px -2732px;
  width: 454px;
  height: 180px;
}

.slot-machine-incentive-cashgame .slot-machine-access.m--king-of-the-table {
  background-image: url(assets/images/kott/waitingForGameSlotsBG.png);
  background-position: unset;
}

.popupAlert {
  display: none;
  overflow: hidden;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 150px;
  z-index: 1;
}

#browserAlert {
  margin-left: 0;
  transform: translateX(-50%);
}

#browserAlert .text {
  padding: 30px;
  font-size: 2.6rem;
}

#statsprofile {
  position: relative;
  top: -2px;
  width: 779px;
}

#scoreboard {
  /** Set this element as layout boundary **/
  position: relative;
  text-align: center;
  height: 191px;
  padding: 8px 14px 6px 15px;
}

#scoreboard .scoreboardContent {
  position: relative;
  display: flex;
  min-height: 190px;
  background: linear-gradient(to bottom, #020203 1%, #1c1f31 100%);
  border-radius: 3px;
  box-shadow: inset 0 0 7px 2px #0042ff, 0 0 7px 2px #0042ff;
  border: solid 1px #59d1ff;
}

#scoreboard .scoreboardContent .sbUsers {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  border-left: 1px solid #59d1ff;
  text-align: left;
}

#scoreboard .scoreboardContent .sbUsers .sbArrow {
  position: relative;
  cursor: pointer;
}

#scoreboard .scoreboardContent .sbUsers .sbArrow .sbArr {
  position: relative;
  background: linear-gradient(to bottom, #00f6ff, #00e0ff 3%, #04b9ff 21%, #0271ff 75%);
  min-width: 27px;
  height: 49%;
  border-radius: 0px 3px 3px 0px;
  border: 1px solid #59d1ff;
  border-left: 0;
  box-shadow: inset 0px -2px 1px rgba(0, 63, 143, 0.8), inset 0 2px 1px #00f6ff;
  -webkit-filter: grayscale(0) brightness(100%);
          filter: grayscale(0) brightness(100%);
}

#scoreboard .scoreboardContent .sbUsers .sbArrow .sbArr:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  mix-blend-mode: color-burn;
}

#scoreboard .scoreboardContent .sbUsers .sbArrow:not(.disabled) .sbArr:hover {
  background: radial-gradient(at top left, rgba(0, 246, 255, 0.5) 20%, rgba(0, 246, 255, 0.2) 35%, rgba(0, 246, 255, 0) 65%) 50% 20% no-repeat, linear-gradient(to bottom, #95f2ff, #95f2ff 3%, #00e0ff 33%, #04b9ff 64%, #0271ff 94%);
}

#scoreboard .scoreboardContent .sbUsers .sbArrow:not(.disabled) .sbArr:active, #scoreboard .scoreboardContent .sbUsers .sbArrow:not(.disabled) .sbArr:focus {
  background: linear-gradient(to top, #00f6ff, #04b9ff 0%, #0271ff 40%, #0734ff 109%);
  box-shadow: inset 2px -2px 5px rgba(0, 63, 143, 0.8), inset -2px 3px 5px rgba(0, 63, 143, 0.8);
}

#scoreboard .scoreboardContent .sbUsers .sbArrow .sbArr1:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1504px;
  width: 13px;
  height: 17px;
}

#scoreboard .scoreboardContent .sbUsers .sbArrow .sbArr2:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1349px;
  width: 21px;
  height: 17px;
}

#scoreboard .scoreboardContent .sbUsers .sbArrow.disabled .sbArr {
  cursor: default;
  -webkit-filter: grayscale(1) brightness(70%);
          filter: grayscale(1) brightness(70%);
}

#scoreboard .scoreboardContent .sbUsers .sbArrow.sbArrowR {
  transform: scaleX(-1);
}

#scoreboard .scoreboardContent .sbInvites {
  width: 98.33333px;
  position: absolute;
  top: 0;
  right: 0;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 3px;
  overflow: hidden;
}

#scoreboard .scoreboardContent .sbItem {
  min-width: 94.33333px;
  min-height: 175px;
  margin: 7px 0;
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 7px 2px #0042ff;
  border: solid 1px #59d1ff;
  border-radius: 4px;
}

#scoreboard .scoreboardContent .sbItem .clubs-badge-container {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 5;
}

#scoreboard .scoreboardContent .sbItem .overlay {
  pointer-events: none;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

#scoreboard .scoreboardContent .sbItem:not(:last-child):after {
  content: "";
  position: absolute;
  top: 0;
  right: -5px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3671px -810px;
  width: 9px;
  height: 182px;
  height: 172px;
}

#scoreboard .scoreboardContent .sbItem .sbiLevel {
  position: absolute;
  left: 3px;
}

#scoreboard .scoreboardContent .sbItem .sbiPlayerRingImg {
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 25%;
  right: 3px;
  width: 40%;
  height: 30%;
  z-index: 5;
}

#scoreboard .scoreboardContent .sbItem .sbiPlayerRingImg.isRing {
  background-size: contain;
}

#scoreboard .scoreboardContent .sbItem .sbiPlayerRingImg.isTrophy {
  background-size: cover;
}

#scoreboard .scoreboardContent .sbItem .sbiPlayerBraceletImg {
  position: absolute;
  top: 43px;
  left: -5px;
  z-index: 5;
  transform: scale(0.58);
}

#scoreboard .scoreboardContent .sbItem .sbiPlayerBraceletImg img {
  width: 100%;
}

#scoreboard .scoreboardContent .sbItem .sbiPlayerBraceletImg img[src=''] {
  visibility: hidden;
}

#scoreboard .scoreboardContent .sbItem.isEmpty .sbiBankroll,
#scoreboard .scoreboardContent .sbItem.isEmpty .sbiLevel {
  display: none;
}

#scoreboard .scoreboardContent .sbItem.isEmpty .sbiPlayerImg {
  cursor: default;
}

#scoreboard .scoreboardContent .sbItem.isEmpty .btn-scoreboard {
  pointer-events: none;
}

#scoreboard .scoreboardContent .sbItem.isEmpty .sbiPlayerImg img {
  display: none;
}

#scoreboard .scoreboardContent .sbItem.isEmpty .overlay {
  display: block;
}

#scoreboard .scoreboardContent .sbItem.isPlayer {
  background-image: linear-gradient(to bottom, #000 0%, #102775 100%);
}

#scoreboard .scoreboardContent .sbItem.disabled:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.7;
}

#scoreboard .scoreboardContent .sbItem .sbiPlayerImg {
  width: 80px;
  height: 80px;
  margin: auto;
  background-size: cover;
  background-position: 50% 0;
  position: relative;
  cursor: pointer;
}

#scoreboard .scoreboardContent .sbItem .sbiPlayerImg .sbiPlayerImgBackground {
  position: absolute;
  top: 10px;
  left: 10px;
  border-radius: 50%;
  background-image: url(assets/images/Atlas.png);
  background-position: -322px -3582px;
  width: 59px;
  height: 60px;
}

#scoreboard .scoreboardContent .sbItem .sbiPlayerImg .sbiPlayerImgBackground > div {
  position: absolute;
  top: 0px;
  left: 0px;
  background-size: cover;
  background-position: 50% 50%;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  z-index: 4;
}

#scoreboard .scoreboardContent .sbItem .sbiPlayerImg .sbiPlayerImgBackground img[src=""] {
  visibility: hidden;
}

#scoreboard .scoreboardContent .sbItem .sbiPlayerImg .sbiPlayerImgBorder {
  background-image: url(assets/images/Atlas.png);
  background-position: -3500px -2058px;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
}

#scoreboard .scoreboardContent .sbItem .sbiRankAndName {
  height: 17px;
  line-height: 17px;
  background-color: #000000;
  position: relative;
  font-family: AkzidGroProCnd;
  font-size: 1.5rem;
  color: #aaa;
}

#scoreboard .scoreboardContent .sbItem .sbiRankAndName .clubs-badge {
  position: absolute;
  top: -15px;
  right: 0;
}

#scoreboard .scoreboardContent .sbItem .sbiRankAndName .sbiPlayerName {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 4px;
  height: 17px;
  width: 61px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1rem;
}

#scoreboard .scoreboardContent .sbItem .sbiRankAndName .sbiPlayerName .name {
  font-size: 1.5rem;
}

#scoreboard .scoreboardContent .sbItem .sbiRankAndName .sbiRank {
  background-image: url(assets/images/Atlas.png);
  background-position: -2249px -2870px;
  width: 93px;
  height: 17px;
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}

#scoreboard .scoreboardContent .sbItem .sbiRankAndName .sbiRank span {
  display: inline-block;
  width: 23px;
  text-align: center;
}

#scoreboard .scoreboardContent .sbItem .sbiBankroll {
  font-family: AkzidGroProCnd;
  font-size: 1.7rem;
  text-align: center;
}

#scoreboard .scoreboardContent .sbItem .sbiBtnCont {
  position: absolute;
  width: 93.33333px;
  bottom: 0;
  left: 1px;
}

#scoreboard .scoreboardContent .sbItem .sbiBtnCont .btn-scoreboard {
  font-family: AkzidGroProCnd;
  font-size: 1.5rem;
  text-align: center;
  display: block;
  box-shadow: inset 0 0 7px 2px #0042ff, 0 0 7px 2px #0042ff;
  border: solid 1px #59d1ff;
  border-bottom: solid 1px rgba(89, 209, 255, 0.7);
  width: 90.33333px;
}

#scoreboard .scoreboardContent .sbItem.isOnline .sbiPlayerImg .sbiPlayerImgBorder {
  background-image: url(assets/images/Atlas.png);
  background-position: -3500px -1976px;
  width: 80px;
  height: 80px;
}

#scoreboard .scoreboardContent .sbItem.isOnline .sbiPlayerImg .sbiPlayerImgBorder:hover {
  background-position: -3500px -1894px;
}

#scoreboard .scoreboardContent .sbItem .sbiCheck {
  display: none;
}

#scoreboard .scoreboardContent .sbItem.isFb {
  background-image: linear-gradient(to bottom, #000 0%, #102775 100%);
}

#scoreboard .scoreboardContent .sbItem.isFb:after {
  background: none;
}

#scoreboard .scoreboardContent .sbItem.isFb .sbiPlayerImg:after,
#scoreboard .scoreboardContent .sbItem.isFb .sbiBankroll,
#scoreboard .scoreboardContent .sbItem.isFb .sbiBtnCont {
  display: none;
}

#scoreboard .scoreboardContent .sbItem.isFb .sbiPlayerName {
  width: 70.33333px;
  margin-left: 28px;
}

#scoreboard .scoreboardContent .sbItem.isFb .sbiCheck {
  display: block;
  position: absolute;
  top: 60px;
  left: -5px;
}

#scoreboard .sbPlaceHolderContainer {
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 2em;
  color: #846b6b;
}

#scoreboard .sbPlaceHolderContainer .sbPlaceHolderContent {
  top: 70px;
  position: relative;
}

.scoreboard-actions {
  box-sizing: border-box;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  width: 9%;
  min-height: 55px;
  border-radius: 3px;
  background: linear-gradient(to bottom, #020203 1%, #1c1f31 100%);
  box-shadow: inset 0 0 7px 2px #0042ff;
  z-index: 1;
  justify-content: center;
  align-items: center;
}

.scoreboard-actions .scoreboard-button-gift-btn {
  position: relative;
  cursor: pointer;
  background-image: url(assets/images/Atlas.png);
  background-position: -2565px -3280px;
  width: 47px;
  height: 48px;
}

.scoreboard-actions .scoreboard-button-gift-btn:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -2614px -3280px;
  width: 47px;
  height: 48px;
}

.scoreboard-actions .scoreboard-button-gift-btn:active, .scoreboard-actions .scoreboard-button-gift-btn:focus {
  background-image: url(assets/images/Atlas.png);
  background-position: -2663px -3280px;
  width: 47px;
  height: 48px;
}

.scoreboard-actions .scoreboard-button-add-friends-btn {
  position: relative;
  cursor: pointer;
  background-image: url(assets/images/Atlas.png);
  background-position: -2418px -3280px;
  width: 47px;
  height: 48px;
}

.scoreboard-actions .scoreboard-button-add-friends-btn:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -2467px -3280px;
  width: 47px;
  height: 48px;
}

.scoreboard-actions .scoreboard-button-add-friends-btn:active, .scoreboard-actions .scoreboard-button-add-friends-btn:focus {
  background-image: url(assets/images/Atlas.png);
  background-position: -2516px -3280px;
  width: 47px;
  height: 48px;
}

/**
 * Make an element "blink" by transitioning on its opacity.
 * $param {number} $times - the number of time the element blinks
 * $param {time} $duration - the time each iteration takes
 */
@keyframes neonblink {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.sm-root-container {
  position: relative;
  top: 3px;
  left: 14px;
  box-sizing: border-box;
  width: 754px;
  height: 208px;
  margin-bottom: 8px;
  z-index: 9;
  text-align: center;
  text-transform: uppercase;
}

.sm-root-container * {
  box-sizing: border-box;
}

.sm-root-container .sm-machine-content {
  height: 100%;
}

.sm-root-container .sm-machine-content .sm-machine-background {
  position: absolute;
  width: 754px;
  height: 208px;
  overflow: hidden;
}

.sm-root-container .sm-machine-content > .bankrollValueCont {
  position: absolute;
  top: 108px;
  width: 156px;
  height: 30px;
  left: 19px;
  background-color: #000000;
  border-radius: 5px;
  box-shadow: 0 -1px 4px #052fbf, 0 1px 3px #394B88;
  background-image: none;
}

.sm-root-container .sm-machine-content > .bankrollValueCont:after {
  position: absolute;
  content: "";
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1327px;
  width: 18px;
  height: 20px;
  left: 6px;
  top: 5px;
}

.sm-root-container .sm-machine-content > .bankrollValueCont > .bankrollPlusBtn {
  top: -1px;
  right: -1px;
}

.sm-root-container .sm-machine-content > .bankrollValueCont > .bankrollValue {
  top: 1px;
}

.sm-root-container .sm-lines-numbers-container * {
  position: absolute;
}

.sm-root-container .sm-lines-numbers-container .sm-lines-number-left {
  left: 189px;
}

.sm-root-container .sm-lines-numbers-container .sm-lines-number-left.sm-lines-number-4 {
  top: 29px;
}

.sm-root-container .sm-lines-numbers-container .sm-lines-number-left.sm-lines-number-5 {
  top: 169px;
}

.sm-root-container .sm-lines-numbers-container .sm-lines-number-right {
  right: 185px;
}

.sm-root-container .sm-lines-numbers-container .sm-lines-number-right.sm-lines-number-4 {
  top: 169px;
}

.sm-root-container .sm-lines-numbers-container .sm-lines-number-right.sm-lines-number-5 {
  top: 29px;
}

.sm-root-container .sm-lines-numbers-container .sm-lines-number-1,
.sm-root-container .sm-lines-numbers-container .sm-lines-number-2,
.sm-root-container .sm-lines-numbers-container .sm-lines-number-3,
.sm-root-container .sm-lines-numbers-container .sm-lines-number-4,
.sm-root-container .sm-lines-numbers-container .sm-lines-number-5 {
  width: 22px;
  height: 22px;
}

.sm-root-container .sm-lines-numbers-container .sm-lines-number-1 {
  top: 98px;
}

.sm-root-container .sm-lines-numbers-container .sm-lines-number-2 {
  top: 49px;
}

.sm-root-container .sm-lines-numbers-container .sm-lines-number-3 {
  top: 149px;
}

.sm-root-container .sm-reels-root-container {
  position: absolute;
  top: 4px;
  left: 203px;
  width: 348px;
  height: 199px;
}

.sm-root-container .sm-reels-root-container canvas {
  width: 100%;
  height: 100%;
}

.sm-root-container .sm-spin-button-container {
  position: absolute;
  top: 9px;
  right: 4px;
  width: 179px;
  height: 73px;
  /* smaller button on autospin */
}

.sm-root-container .sm-spin-button-container .btn.sm-spin-btn {
  font-family: AkzidGroProXBolCnd;
  font-size: 1.7em;
  text-transform: uppercase;
  letter-spacing: .015em;
  color: #184905;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
  width: 179px;
  height: 73px;
  background-position: left;
}

.sm-root-container .sm-spin-button-container .btn.sm-spin-btn:hover {
  color: #59b337;
  background-position: -358px;
}

.sm-root-container .sm-spin-button-container .btn.sm-spin-btn:active {
  color: #184905;
  background-position: -179px;
}

.sm-root-container .sm-spin-button-container .btn.sm-spin-btn[disabled] {
  color: #282b26;
  background-position: 179px;
}

.sm-root-container .sm-spin-button-container.auto-spin-enabled .btn.sm-spin-btn {
  position: absolute;
  left: -8px;
  top: -5px;
  padding-top: 2px;
  padding-left: 8px;
  width: 145px;
  height: 83px;
}

.sm-root-container .sm-spin-button-container.auto-spin-enabled .btn.sm-spin-btn:hover {
  color: #59b337;
  background-position: -290px;
}

.sm-root-container .sm-spin-button-container.auto-spin-enabled .btn.sm-spin-btn:active {
  color: #184905;
  background-position: -145px;
}

.sm-root-container .sm-spin-button-container.auto-spin-enabled .btn.sm-spin-btn[disabled] {
  color: #282b26;
  background-position: right;
}

.sm-root-container .sm-spin-button-container.auto-spin-enabled .btn.sm-autospin-btn {
  font-family: AkzidGroProXBolCnd;
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: .015em;
  color: #ddd;
  position: absolute;
  right: 2px;
  top: -2px;
  padding-top: 2px;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  width: 68px;
  height: 73px;
  background-position: left;
}

.sm-root-container .sm-spin-button-container.auto-spin-enabled .btn.sm-autospin-btn:hover {
  color: white;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.6), 0 0 4px rgba(255, 255, 255, 0.9);
  background-position: -136px;
}

.sm-root-container .sm-spin-button-container.auto-spin-enabled .btn.sm-autospin-btn.on, .sm-root-container .sm-spin-button-container.auto-spin-enabled .btn.sm-autospin-btn.active {
  color: #4f2;
  background-position: -68px;
}

.sm-root-container .sm-spin-button-container.auto-spin-enabled .btn.sm-autospin-btn.on:active, .sm-root-container .sm-spin-button-container.auto-spin-enabled .btn.sm-autospin-btn.on:hover, .sm-root-container .sm-spin-button-container.auto-spin-enabled .btn.sm-autospin-btn:active {
  color: #2d0;
  background-position: right;
}

.sm-root-container .sm-latest-win-container {
  position: absolute;
  top: 30px;
  left: 27px;
  width: 143px;
  height: 54px;
  font-family: AkzidGroProCnd;
  font-size: 1em;
  color: white;
  text-shadow: -7.5px -7.5px 15px #0086e6, -7.5px 7.5px 15px #0086e6, 7.5px -7.5px 15px #0086e6, 7.5px 7.5px 15px #0086e6;
}

.sm-root-container .sm-latest-win-container .sm-latest-win-title {
  position: relative;
  font-family: AkzidGroProXBolCnd;
  font-size: 1.2em;
  letter-spacing: .015em;
}

.sm-root-container .sm-latest-win-container .sm-latest-win-amount {
  position: relative;
  font-family: AkzidGroProCnd;
  font-size: 1.5em;
  line-height: .6em;
}

.sm-root-container .sm-latest-win-container .sm-latest-win-neon-glow {
  position: absolute;
  top: -36px;
  left: -30px;
  width: 246px;
  height: 118px;
  opacity: 1;
}

.sm-root-container.sm-animation-big .sm-latest-win-neon-glow {
  animation-name: neonblink;
  animation-duration: 125ms;
  animation-fill-mode: both;
  animation-iteration-count: 10;
}

.sm-root-container .sm-bet-control-container {
  position: absolute;
  top: 83px;
  right: 25px;
  width: 139px;
  height: 102px;
  font-family: AkzidGroProCnd;
  font-size: 1em;
}

.sm-root-container .sm-bet-control-container .sm-bet-amount-container {
  color: white;
  text-shadow: -7.5px -7.5px 15px #0086e6, -7.5px 7.5px 15px #0086e6, 7.5px -7.5px 15px #0086e6, 7.5px 7.5px 15px #0086e6;
}

.sm-root-container .sm-bet-control-container .sm-bet-amount-container .sm-bet-amount-frame {
  position: absolute;
  width: 143px;
  height: 54px;
}

.sm-root-container .sm-bet-control-container .sm-bet-amount-container .sm-bet-title {
  padding-top: 3px;
  position: relative;
  display: block;
  width: 100%;
  font-family: AkzidGroProCnd;
  font-size: 1em;
}

.sm-root-container .sm-bet-control-container .sm-bet-amount-container .sm-bet-amount {
  position: relative;
  display: block;
  width: 100%;
  font-family: AkzidGroProCnd;
  font-size: 1.5em;
  line-height: .9em;
}

.sm-root-container .sm-bet-control-container .sm-bet-amount-container .sm-bet-freespin {
  display: block;
  width: 100%;
  padding: 10px 5px;
}

.sm-root-container .sm-bet-control-container .sm-bet-btn {
  position: absolute;
  top: 52px;
  box-sizing: border-box;
  font-family: AkzidGroProXBolCnd;
  font-size: 1em;
  line-height: 1.2em;
  color: #fff;
  text-shadow: #080464 0 2px 2px;
  background: #354555;
  background-image: linear-gradient(to bottom, #071134 0%, #102775 100%);
  border: solid #071134 1px;
  border-radius: 4px;
  box-shadow: 0 3px 10px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 3px 10px 2px rgba(0, 0, 0, 0.6);
  width: 62px;
  height: 27px;
}

.sm-root-container .sm-bet-control-container .sm-bet-btn:hover {
  text-shadow: none;
  background: #59d1ff;
  background-image: linear-gradient(to bottom, #59d1ff 0%, #0042ff 25%, #000000 100%);
}

.sm-root-container .sm-bet-control-container .sm-bet-btn:active {
  color: #97c6ff;
  background: #090F18;
  background-image: linear-gradient(to bottom, #090F18 0%, #142233 100%);
  border-color: #1D2D40;
}

.sm-root-container .sm-bet-control-container .sm-bet-btn.disabled, .sm-root-container .sm-bet-control-container .sm-bet-btn.disabled:hover, .sm-root-container .sm-bet-control-container .sm-bet-btn.disabled:active, .sm-root-container .sm-bet-control-container .sm-bet-btn[disabled] {
  cursor: auto;
  background: #1A222A;
  background-image: linear-gradient(to bottom, #1A222A 0%, #0D1115 100%);
  border-color: #232C35;
  color: #aaa;
}

.sm-root-container .sm-bet-control-container .sm-bet-btn.sm-btn-minus {
  left: 7px;
  font-family: AkzidGroProCnd;
  font-size: 2.3em;
  line-height: .6em;
}

.sm-root-container .sm-bet-control-container .sm-bet-btn.sm-btn-minus span {
  position: absolute;
  top: 0;
  left: 27px;
}

.sm-root-container .sm-bet-control-container .sm-bet-btn.sm-btn-plus {
  right: 2px;
  font-family: AkzidGroProCnd;
  font-size: 2.3em;
  line-height: .6em;
}

.sm-root-container .sm-bet-control-container .sm-bet-btn.sm-btn-plus span {
  position: absolute;
  top: 0;
  left: 22px;
}

.sm-root-container .sm-bet-control-container .sm-bet-btn.sm-btn-max-bet {
  top: 82px;
  left: 7px;
  width: 131px;
  font-size: 1em;
  line-height: 1.25em;
  letter-spacing: .1em;
  text-transform: capitalize;
}

.sm-root-container .sm-bet-btn.sm-btn-pay-table {
  position: absolute;
  top: 166px;
  left: 28px;
  color: #fff;
  text-shadow: #080464 0 2px 2px;
  background: #354555;
  background-image: linear-gradient(to bottom, #071134 0%, #102775 100%);
  border: solid #071134 1px;
  border-radius: 4px;
  box-shadow: 0 3px 10px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 3px 10px 2px rgba(0, 0, 0, 0.6);
  width: 139px;
  height: 27px;
  font-family: AkzidGroProXBolCnd;
  font-size: 1em;
  line-height: 1.5em;
  letter-spacing: .1em;
  text-transform: capitalize;
}

.sm-root-container .sm-bet-btn.sm-btn-pay-table:hover {
  text-shadow: none;
  background: #59d1ff;
  background-image: linear-gradient(to bottom, #59d1ff 0%, #0042ff 25%, #000000 100%);
}

.sm-root-container .sm-bet-btn.sm-btn-pay-table:active {
  color: #97c6ff;
  background: #090F18;
  background-image: linear-gradient(to bottom, #090F18 0%, #142233 100%);
  border-color: #1D2D40;
}

.sm-root-container .sm-bet-btn.sm-btn-pay-table.disabled, .sm-root-container .sm-bet-btn.sm-btn-pay-table.disabled:hover, .sm-root-container .sm-bet-btn.sm-btn-pay-table.disabled:active, .sm-root-container .sm-bet-btn.sm-btn-pay-table[disabled] {
  cursor: auto;
  background: #1A222A;
  background-image: linear-gradient(to bottom, #1A222A 0%, #0D1115 100%);
  border-color: #232C35;
  color: #aaa;
}

.sm-root-container .sm-info-text-container {
  position: absolute;
  top: 3px;
  left: 216px;
  width: 336px;
  height: 35px;
  text-shadow: -3.5px -3.5px 7px #0086e6, -3.5px 3.5px 7px #0086e6, 3.5px -3.5px 7px #0086e6, 3.5px 3.5px 7px #0086e6;
  overflow: hidden;
}

.sm-root-container .sm-info-text-container.error {
  z-index: 13;
}

.sm-root-container .sm-info-text-container .sm-info-text-content {
  transition: transform 200ms ease-in-out;
  transform: translate(0, -55px);
  font-family: AkzidGroProCnd;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  letter-spacing: -0.025em;
  box-shadow: 7px 7px 9px 3px rgba(0, 0, 0, 0.5);
}

.sm-root-container .sm-info-text-container .sm-info-text-content .sm-info-text-bg {
  position: absolute;
  width: 336px;
  height: 32px;
}

.sm-root-container .sm-info-text-container .sm-info-text-content .sm-info-text {
  display: inline-block;
  position: relative;
}

.sm-root-container .sm-info-text-container.shown .sm-info-text-content {
  transform: translate(0, 0);
}

.sm-root-container .sm-pay-table {
  z-index: 11;
}

.sm-root-container .sm-pay-table .sm-pay-table-bg {
  position: absolute;
  margin-left: -4px;
  width: 760px;
  height: 557px;
}

.sm-root-container .sm-pay-table > button {
  position: absolute;
  top: 0;
  right: 0;
}

.sm-root-container .sm-pay-table > h3 {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  text-shadow: -7.5px -7.5px 15px #0086e6, -7.5px 7.5px 15px #0086e6, 7.5px -7.5px 15px #0086e6, 7.5px 7.5px 15px #0086e6;
  margin: 0 auto;
  padding-top: 10px;
  font-family: AkzidGroProCnd;
  font-weight: normal;
  font-style: normal;
  font-size: 26px;
}

.sm-root-container .sm-pay-table aside {
  position: absolute;
  bottom: 23px;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 6px #3997f7;
  font-family: AkzidGroProCnd;
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
}

.sm-root-container .sm-pay-table .sm-pay-list {
  margin: 0;
  padding: 55px 33px 0 30px;
  font-size: 0;
  text-align: left;
  display: block;
}

.sm-root-container .sm-pay-table .sm-pay-list .sm-symbol-container {
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 50%;
  height: 48px;
}

.sm-root-container .sm-pay-table .sm-pay-list .sm-symbol-container > span {
  display: inline-block;
  vertical-align: top;
  width: 200px;
  height: 61px;
  position: relative;
  text-align: center;
}

.sm-root-container .sm-pay-table .sm-pay-list .sm-symbol-container > span:first-child > .symbol {
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 100%;
  width: 48px;
  top: -6px;
}

.sm-root-container .sm-pay-table .sm-pay-list .sm-symbol-container > span:first-child > .symbol.ANY_ONE {
  width: 95px;
  height: 35px;
  top: 8px;
}

.sm-root-container .sm-pay-table .sm-pay-list .sm-symbol-container > span:first-child > .symbol.ANY_TWO {
  width: 105px;
  height: 35px;
  top: 8px;
}

.sm-root-container .sm-pay-table .sm-pay-list .sm-symbol-container > span:first-child > .symbol.ANY_7 {
  width: 56px;
  height: 61px;
}

.sm-root-container .sm-pay-table .sm-pay-list .sm-symbol-container > span:first-child > .symbol.BL {
  width: 54px;
}

.sm-root-container .sm-pay-table .sm-pay-list .sm-symbol-container > span:first-child > .symbol.B1 {
  top: -5px;
}

.sm-root-container .sm-pay-table .sm-pay-list .sm-symbol-container > span:first-child > .symbol.B2 {
  top: -5px;
}

.sm-root-container .sm-pay-table .sm-pay-list .sm-symbol-container > span:first-child > .symbol.B3 {
  top: -6px;
}

.sm-root-container .sm-pay-table .sm-pay-list .sm-symbol-container > span:first-child > .symbol.ANY_BLUE {
  width: 52px;
}

.sm-root-container .sm-pay-table .sm-pay-list .sm-symbol-container > span:first-child > .symbol.ANY_BAR {
  width: 51px;
  height: 42px;
  top: 4px;
}

.sm-root-container .sm-pay-table .sm-pay-list .sm-symbol-container > span:first-child > .symbol.ANY_RED {
  width: 52px;
}

.sm-root-container .sm-pay-table .sm-pay-list .sm-symbol-container > span:first-child > .symbol.ANY_PURPLE {
  width: 53px;
}

.sm-root-container .sm-pay-table .sm-pay-list .sm-symbol-container > span:first-child > .symbol.WI {
  margin-top: -5px;
  margin-left: 1px;
  top: -1px;
}

.sm-root-container .sm-pay-table .sm-pay-list .sm-symbol-container > span:last-child {
  font-family: AkzidGroProXBolCnd;
  font-size: 30px;
  line-height: 1.55em;
  width: 145px;
}

.sm-root-container .sm-pay-table .sm-pay-list .sm-symbol-container:nth-child(2n) > span:first-child {
  width: 203px;
}

.sm-root-container .sm-pay-table .sm-pay-list .sm-symbol-container:nth-child(2n) > span:last-child {
  width: 142px;
}

.sm-root-container .pmClose {
  top: -6px;
  right: -6px;
  z-index: 11;
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -599px;
  width: 27px;
  height: 28px;
}

.sm-root-container .pmClose:hover {
  background-position: -3697px -539px;
}

.sm-root-container .pmClose:active {
  background-position: -3697px -569px;
}

.sm-root-container.paytable {
  height: 560px;
  margin-bottom: 0;
}

.sm-root-container.paytable .sm-machine-content {
  display: none;
}

.sm-root-container .sm-out-of-order {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 12;
  background: radial-gradient(ellipse at center, rgba(162, 179, 229, 0.66) 0, rgba(16, 38, 133, 0.5) 100%);
  pointer-events: none;
  animation: 1s fadeOut forwards;
}

.sm-root-container .sm-out-of-order.visible {
  cursor: not-allowed;
  pointer-events: all;
  animation: 1s fadeIn forwards;
}

.debugger-bar .reelIndexInputs {
  position: relative;
}

.debugger-bar .reelIndexInputs:after {
  content: ' ';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) scale(0.4, 0.4);
}

.debugger-bar .reelIndexInputs.B1:after {
  background-image: url(assets/images/AtlasSlotmachineReels.png);
  background-position: 0px 0px;
  width: 102px;
  height: 104px;
}

.debugger-bar .reelIndexInputs.B2:after {
  background-image: url(assets/images/AtlasSlotmachineReels.png);
  background-position: -104px 0px;
  width: 102px;
  height: 104px;
}

.debugger-bar .reelIndexInputs.B3:after {
  background-image: url(assets/images/AtlasSlotmachineReels.png);
  background-position: -208px 0px;
  width: 102px;
  height: 104px;
}

.debugger-bar .reelIndexInputs.BL:after {
  background-image: url(assets/images/AtlasSlotmachineReels.png);
  background-position: -104px -106px;
  width: 102px;
  height: 104px;
}

.debugger-bar .reelIndexInputs.B7:after {
  background-image: url(assets/images/AtlasSlotmachineReels.png);
  background-position: 0px -106px;
  width: 102px;
  height: 104px;
}

.debugger-bar .reelIndexInputs.R7:after {
  background-image: url(assets/images/AtlasSlotmachineReels.png);
  background-position: -208px -106px;
  width: 102px;
  height: 104px;
}

.debugger-bar .reelIndexInputs.W7:after {
  background-image: url(assets/images/AtlasSlotmachineReels.png);
  background-position: -312px 0px;
  width: 102px;
  height: 104px;
}

.debugger-bar .reelIndexInputs.WI:after {
  background-image: url(assets/images/AtlasSlotmachineReels.png);
  background-position: -312px -106px;
  width: 102px;
  height: 104px;
}

/**
 * Make an element "blink" by transitioning on its opacity.
 * $param {number} $times - the number of time the element blinks
 * $param {time} $duration - the time each iteration takes
 */
@keyframes neonblink {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

#decorations .decorations-container .sm-decoration-container {
  position: absolute;
  top: 0px;
  left: -177px;
  display: none;
}

.onLobby #decorations .decorations-container .sm-decoration-container {
  top: 376px;
}

.onGameScene #decorations .decorations-container .sm-decoration-container {
  top: 444px;
}

.slot-machine-displayed #decorations .decorations-container .sm-decoration-container {
  display: block;
}

.sm-root-container .sm-decoration-container {
  position: absolute;
  top: 0px;
  left: -182px;
}

.sm-root-container .sm-decoration-container .sm-deco-left, .sm-root-container .sm-decoration-container .sm-deco-right {
  background: none !important;
}

.sm-root-container.sm-animation-big .sm-deco-items .item {
  animation-name: neonblink;
  animation-duration: 125ms;
  animation-fill-mode: both;
  animation-iteration-count: 10;
}

.sm-root-container.sm-animation-small .sm-deco-items .item {
  animation-name: neonblink;
  animation-duration: 125ms;
  animation-fill-mode: both;
  animation-iteration-count: 1;
}

.sm-decoration-container {
  width: 1118px;
  height: 301px;
  pointer-events: none;
}

.onLobby .sm-decoration-container {
  top: -55px;
}

.onGameScene .sm-decoration-container {
  top: -50px;
}

.sm-decoration-container .sm-decoration-content {
  position: relative;
  width: 100%;
  height: 100%;
}

.sm-decoration-container .sm-decoration-content .sm-deco-left {
  position: absolute;
  top: 29px;
  left: 24px;
}

.sm-decoration-container .sm-decoration-content .sm-deco-right {
  position: absolute;
  top: 29px;
  right: 27px;
  transform: scaleX(-1);
}

.sm-decoration-container .sm-deco-left > .sm-deco-items, .sm-decoration-container .sm-deco-right > .sm-deco-items {
  position: absolute;
  width: 156px;
  height: 288px;
}

.sm-decoration-container .sm-deco-left > .sm-deco-items .item, .sm-decoration-container .sm-deco-right > .sm-deco-items .item {
  position: absolute;
  opacity: 0;
}

.sm-decoration-container .sm-deco-left > .sm-deco-items .item.item-1, .sm-decoration-container .sm-deco-right > .sm-deco-items .item.item-1 {
  top: 20px;
  right: -10px;
  width: 103px;
  height: 102px;
}

.sm-decoration-container .sm-deco-left > .sm-deco-items .item.item-2, .sm-decoration-container .sm-deco-right > .sm-deco-items .item.item-2 {
  top: 64px;
  right: 53px;
  width: 72px;
  height: 97px;
}

.sm-decoration-container .sm-deco-left > .sm-deco-items .item.item-3, .sm-decoration-container .sm-deco-right > .sm-deco-items .item.item-3 {
  top: 114px;
  right: 77px;
  width: 64px;
  height: 82px;
}

.sm-decoration-container .sm-deco-left > .sm-deco-items .item.item-4, .sm-decoration-container .sm-deco-right > .sm-deco-items .item.item-4 {
  top: 171px;
  right: 71px;
  width: 75px;
  height: 63px;
}

.sm-decoration-container .sm-deco-left > .sm-deco-items .item.item-5, .sm-decoration-container .sm-deco-right > .sm-deco-items .item.item-5 {
  top: 80px;
  right: -11px;
  width: 55px;
  height: 137px;
}

.sm-decoration-container .sm-deco-left > .sm-deco-items .item.item-6, .sm-decoration-container .sm-deco-right > .sm-deco-items .item.item-6 {
  top: 150px;
  right: 1px;
  width: 91px;
  height: 100px;
}

.sm-decoration-container .sm-deco-left > .sm-deco-items .item:not(.on), .sm-decoration-container .sm-deco-right > .sm-deco-items .item:not(.on) {
  visibility: hidden;
}

.sm-decoration-container .sm-deco-left .sm-deco-cards, .sm-decoration-container .sm-deco-right .sm-deco-cards {
  position: absolute;
  width: 156px;
  height: 288px;
}

#FreeRewardsButton {
  flex: 1 1 auto;
  height: 50px;
  position: relative;
  border-radius: 0 0 10px 10px;
  text-align: center;
  padding: 5px 0 0;
  background-image: linear-gradient(#504f56, #403f45 50%, #414046 100%);
  box-shadow: inset 0px -2px 8px #000;
  margin-top: 5px;
  min-width: 272px;
}

#FreeRewardsButton.isTurboTime:before {
  content: '';
  background-image: url(assets/images/Atlas.png);
  background-position: -2646px -2658px;
  width: 169px;
  height: 27px;
  display: block;
  position: absolute;
  top: -14px;
  left: 50%;
  transform: rotate(180deg) translateX(84.5px);
  z-index: 2;
}

#FreeRewardsButton.isTurboTime:after {
  content: 'Turbo Time';
  position: absolute;
  top: -10px;
  left: 0;
  text-shadow: 0px 0px 5px #cc4afc, 0px 0px 5px #cc4afc;
  width: 100%;
  text-align: center;
  color: #fff1f4;
  font-family: AkzidGroProCnd;
  text-transform: uppercase;
  z-index: 2;
}

#FreeRewardsButton.isTurboTime .free-rewards-placeholder .chips-bonus {
  padding-left: 39px;
}

#FreeRewardsButton.isTurboTime .chips-bonus .remaining-time {
  color: #cc4afc;
}

#FreeRewardsButton.isTurboTime .turbo-time-icon {
  position: absolute;
  left: -15px;
  top: -10px;
  background-image: url(assets/images/Atlas.png);
  background-position: -1483px -3582px;
  width: 52px;
  height: 52px;
}

#FreeRewardsButton .hbCollectBtn {
  position: relative;
  width: 236px;
  border-radius: 5px;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
}

#FreeRewardsButton .hbCollectBtn:hover {
  color: #FFF;
}

#FreeRewardsButton .dailyBlitzButton {
  background-image: url(assets/images/AtlasDailyBlitz.png);
  background-position: -910px -1558px;
  width: 272px;
  height: 70px;
  position: absolute;
  padding: 0;
  z-index: 1;
  top: -5px;
  color: #fff;
}

#FreeRewardsButton .dailyBlitzButton:hover {
  background-image: url(assets/images/AtlasDailyBlitz.png);
  background-position: -1369px -1346px;
  width: 272px;
  height: 70px;
}

#FreeRewardsButton .dailyBlitzButton:active {
  background-image: url(assets/images/AtlasDailyBlitz.png);
  background-position: -1184px -1558px;
  width: 272px;
  height: 70px;
  top: -4px;
}

#FreeRewardsButton .dailyBlitzButton:after {
  background-image: url(assets/images/AtlasDailyBlitz.png);
  background-position: 0px -1748px;
  width: 140px;
  height: 70px;
  content: '';
  position: absolute;
  top: -8px;
  left: 0;
  right: 0;
  margin: auto;
}

.hbCollectTxt {
  position: relative;
  text-align: center;
  font-family: AkzidGroProXBolCnd;
  font-size: 2.3rem;
  text-shadow: 0 3px 5px #000;
}

.megaBonusAvailable .hbCollectTxt[title]:after {
  content: attr(title);
  position: absolute;
  top: -24px;
  right: 5px;
  min-width: 20px;
  height: 20px;
  font-size: 1.5rem;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  background-color: #EB2E24;
  background-image: linear-gradient(#ee1d32 7.4%, #ff4964 74%, #ed5d74 92.5%);
  border-radius: 3px;
  text-shadow: 0 2px 2px #000;
  box-shadow: 1px 1px 1px #000;
}

.hourlyBonusAvailable .hbCollectBtn:after {
  content: attr(data-info);
  height: 20px;
  background: #000;
  background-image: linear-gradient(to bottom, #0e0c10 0%, #423f55 95%, #0e0c10 100%);
  border-radius: 5px;
  padding: 0 5px;
  line-height: 20px;
  position: absolute;
  top: -24px;
  right: 3px;
  text-align: center;
  font-size: 1.5rem;
  z-index: 2;
}

.free-rewards-placeholder {
  position: relative;
  text-align: center;
  color: #aaa;
  font-size: 2rem;
  box-sizing: border-box;
  width: 230px;
  background: linear-gradient(#111114, #292830 15.7%, #28282f 28.9%, #141417 84.2%, #18181c 84.2%, #28272e);
  box-shadow: inset 0px 0px 8px #000;
  display: inline-block;
  border-radius: 5px;
  padding: 8px 20px;
  white-space: nowrap;
  height: 41px;
  overflow: hidden;
}

.free-rewards-placeholder .cycling-container {
  width: 100%;
}

.free-rewards-placeholder span {
  color: #fff;
  padding: 0 3px;
}

#hbr {
  position: absolute;
  top: -45px;
  left: -135px;
  z-index: 15;
  text-align: center;
  color: #E5E2EF;
  font-size: 2.5rem;
  opacity: 0;
  transition: all 1s ease;
  transform: translateY(0px);
  pointer-events: none;
  height: 365px;
  width: 519px;
  background: radial-gradient(rgba(0, 0, 255, 0.5) 0%, rgba(3, 10, 32, 0.75) 95%, rgba(3, 10, 32, 0) 100%), linear-gradient(rgba(0, 0, 255, 0.6) 0%, rgba(3, 10, 32, 0.5) 200px, rgba(3, 10, 32, 0.5) 100%), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUM0ODMyOTZEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUM0ODMyOTVEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pld80tkAAADSSURBVHjadNCxDsFQFMbxW4pEbRbxAFYRITGw6gNYPYPdKjGZhMFLSEzaUbcONjsGg0kiZSAR/8ttcnPTnuTXk7T9em6PlXP6gtqghQgP8a83Kri8Iq8jjMqogBSghobEy236FuV8yZ2YQYuJPr0O+dVj/ICgIFBUp7iiqeWceKKvh7TwkzZDASeclYPNJYu9SK8dRuiq6b+SwTGmmKcEVwiZHprLWapNBmaCfxzI5RDqmc9s1YfwUNVCDm2BddIx4qCLu1qApe59IJdzSwp+BRgADnE2lChoGq4AAAAASUVORK5CYII=") repeat #030a20;
}

#hbr:after {
  content: '';
  position: absolute;
  border-radius: 5px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  border: 1px solid #59d1ff;
  box-shadow: 0 0 7px 2px #1941E3, 0 0 7px 2px #1941E3 inset;
  pointer-events: none;
}

#hbr .m {
  text-transform: uppercase;
}

#hbr.visible {
  opacity: 1;
  transform: translateY(-300px);
  pointer-events: all;
}

#hbr .hbrTitle {
  background-image: url(assets/images/Atlas.png);
  background-position: -1067px -3201px;
  width: 186px;
  height: 58px;
  margin: 15px auto 0;
}

#hbr .chips-glow {
  background-image: url(assets/images/Atlas.png);
  background-position: -1605px -2416px;
  width: 512px;
  height: 146px;
  position: absolute;
}

#hbr .hbrYouGet {
  font-size: 30px;
  font-family: AkzidGroProLigCnd;
  position: relative;
}

#hbr .hbrYouGet span {
  display: block;
  font-size: 50px;
  font-family: AkzidGroProBolCnd;
  line-height: 40px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.56);
}

#hbr .hbrCurrentStatus {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#hbr .hbrCurrentStatus .trs-multiplier-container {
  cursor: pointer;
}

#hbr .hbrCurrentStatus .clubs-bonus {
  margin-left: 33px;
}

#hbr .hbrCurrentStatus .clubs-bonus .clubs-badge-container {
  height: 1em;
}

#hbr .hbrCurrentStatus .hbrCurrentStatusText {
  display: block;
  float: left;
}

#hbr .hbrCurrentStatus .hbrCurrentStatusButton {
  display: block;
  float: left;
  padding-top: 5px;
  padding-left: 5px;
}

#hbr .hbrCurrentStatus .hbrCurrentStatusButton button {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -260px;
  width: 29px;
  height: 29px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

#hbr .hbrCurrentStatus .hbrCurrentStatusButton button:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -229px;
  width: 29px;
  height: 29px;
}

#hbr .hbrCurrentStatus .hbrCurrentStatusButton button:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -198px;
  width: 29px;
  height: 29px;
}

#hbr .hbrCloseButton {
  background-image: url(assets/images/Atlas.png);
  background-position: -2810px -3280px;
  width: 47px;
  height: 47px;
  background-color: transparent;
  border: none;
  position: absolute;
  top: 3px;
  right: 3px;
  cursor: pointer;
}

#hbr .hbrCloseButton:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -2761px -3280px;
  width: 47px;
  height: 47px;
}

#hbr .hbrCloseButton:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -2712px -3280px;
  width: 47px;
  height: 47px;
}

#hbr .hbrShareChips {
  position: absolute;
  bottom: 1px;
  left: 5px;
  font-size: 16px;
  display: block;
  line-height: 45px;
}

#hbr .hbrShareChips:before {
  top: -1px;
}

#hbr .actionBtn, #hbr .btn-green {
  display: inline-block;
  font-family: AkzidGroProBolCnd;
  text-align: center;
  margin-top: -5px;
}

.hbr-bar .hbmb {
  position: relative;
  display: inline-block;
  top: 10px;
  background-image: url(assets/images/Atlas.png);
  background-position: -1003px -2914px;
  width: 363px;
  height: 93px;
}

.hbr-bar .mega-mayhem {
  background-image: url(assets/images/Atlas.png);
  background-position: -2119px -2416px;
  width: 409px;
  height: 143px;
  left: -20px;
  top: -28px;
  position: absolute;
}

.hbr-bar .meter-end {
  background-image: url(assets/images/Atlas.png);
  background-position: -3378px -2458px;
  width: 75px;
  height: 75px;
  position: relative;
  float: right;
  top: 9px;
  margin-right: 9px;
}

.hbr-bar #hb-slot-1, .hbr-bar #hb-slot-1 .bg,
.hbr-bar #hb-empty-slot-1, .hbr-bar #hb-empty-slot-1 .bg {
  width: calc(270px / 1);
}

.hbr-bar #hb-slot-2, .hbr-bar #hb-slot-2 .bg,
.hbr-bar #hb-empty-slot-2, .hbr-bar #hb-empty-slot-2 .bg {
  width: calc(270px / 2);
}

.hbr-bar #hb-slot-3, .hbr-bar #hb-slot-3 .bg,
.hbr-bar #hb-empty-slot-3, .hbr-bar #hb-empty-slot-3 .bg {
  width: calc(270px / 3);
}

.hbr-bar #hb-slot-4, .hbr-bar #hb-slot-4 .bg,
.hbr-bar #hb-empty-slot-4, .hbr-bar #hb-empty-slot-4 .bg {
  width: calc(270px / 4);
}

.hbr-bar .hbmbMeter {
  width: 100%;
  position: absolute;
  top: 26px;
  margin-left: 12px;
  text-align: left;
}

.hbr-bar .hbmbMeter :first-child .bg {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.hbr-bar .hbmbMeter * {
  display: inline-block;
  height: 43px;
}

.hbr-bar .hbmbMeter .bg {
  position: absolute;
}

.hbr-bar .hbmbMeter .check {
  position: relative;
}

.hbr-bar .hbmbMeter .hb-slot {
  border-right: 3px solid #343346;
}

.hbr-bar .hbmbMeter .hb-slot .bg {
  box-shadow: 0 0 7px black inset;
}

.hbr-bar .hbmbMeter .hb-slot .check-default {
  background-image: url(assets/images/Atlas.png);
  background-position: -2834px -3582px;
  width: 45px;
  height: 40px;
}

.hbr-bar .hbmbMeter .hb-slot .check-mega-mayhem {
  background-image: url(assets/images/Atlas.png);
  background-position: -2881px -3582px;
  width: 45px;
  height: 40px;
}

.hbr-bar .hbmbMeter .hb-empty-slot .bg {
  background: transparent;
}

.hbr-bar .hbmbMeter .hb-empty-slot .check {
  background-image: url(assets/images/Atlas.png);
  background-position: -2928px -3582px;
  width: 45px;
  height: 40px;
}

.hbr-bar .hbmbMeter .check-container {
  width: 100%;
  text-align: center;
}

.hbr-bar .hbmbMeter .hb-slot, .hbr-bar .hbmbMeter .hb-empty-slot {
  border-right: 3px solid transparent;
  border-image-slice: 1;
  border-image-source: linear-gradient(#292739, #3f3d54);
}

.hbrTrs {
  position: absolute;
  top: -1px;
  left: 12px;
}

.hbr-clubs .hbrYouGet {
  margin-top: 25px;
}

.sliderRange {
  background-image: url(assets/images/Atlas.png);
  background-position: -2134px -2131px;
  width: 603px;
  height: 46px;
  margin: 0 auto 0 auto;
  position: absolute;
  z-index: 20;
  top: 308px;
  left: 0;
  right: 0;
}

.sliderRange.dark-slider {
  background-image: url(assets/images/Atlas.png);
  background-position: -770px -2658px;
  width: 603px;
  height: 46px;
}

.srSliderDivider {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1574px;
  width: 4px;
  height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 20px;
}

.srSliderDivider .srSliderArrows {
  z-index: -1;
  background-image: url(assets/images/Atlas.png);
  background-position: -3084px -3201px;
  width: 40px;
  height: 30px;
  position: relative;
  top: 0;
  left: 6px;
}

.srMinus,
.srPlus {
  position: absolute;
  top: 0px;
}

.srMinus {
  background-image: url(assets/images/Atlas.png);
  background-position: -946px -3337px;
  width: 46px;
  height: 46px;
  left: 0px;
}

.srMinus.disabled {
  background-image: url(assets/images/Atlas.png);
  background-position: -850px -3337px;
  width: 46px;
  height: 46px;
  cursor: auto;
}

.srMinus:not(.disabled):hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -898px -3337px;
  width: 46px;
  height: 46px;
}

.srMinus:not(.disabled):active {
  background-image: url(assets/images/Atlas.png);
  background-position: -802px -3337px;
  width: 46px;
  height: 46px;
}

.srPlus {
  background-image: url(assets/images/Atlas.png);
  background-position: -1138px -3337px;
  width: 46px;
  height: 46px;
  right: 0px;
}

.srPlus.disabled {
  background-image: url(assets/images/Atlas.png);
  background-position: -1042px -3337px;
  width: 46px;
  height: 46px;
  cursor: auto;
}

.srPlus:not(.disabled):hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -1090px -3337px;
  width: 46px;
  height: 46px;
}

.srPlus:not(.disabled):active {
  background-image: url(assets/images/Atlas.png);
  background-position: -994px -3337px;
  width: 46px;
  height: 46px;
}

.srSlideArea, .preferred-club-slider, .step-dots-container {
  display: block;
  width: 507px;
  position: relative;
  top: 8px;
  left: 48px;
  margin: 0;
}

.srFiller {
  position: relative;
  width: 500px;
  height: 29px;
  left: 2px;
  overflow: hidden;
}

.srFiller:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 500px;
  height: 29px;
  border-radius: 17px;
  background: linear-gradient(to right, #3ea500, #6ddd27);
  box-shadow: inset 0 0 11px #000;
}

.srFiller.practice:after {
  background: linear-gradient(to right, #e43b00, #fab600);
  box-shadow: inset 0 0 11px #000;
}

.srHighligthedArea {
  position: absolute;
  width: 500px;
  height: 29px;
  border-radius: 17px;
  overflow: hidden;
  left: 3px;
}

.srHighligthedStep {
  position: absolute;
  height: 29px;
  left: 0;
  top: 0;
  background-image: linear-gradient(to bottom, #5f1788 3%, #9127ce 7%, #a137de 15%, #9127ce 17%, #590d85 30%, #590d85 50%, #340052 67%, #340052 70%, #490670 80%, #640e96 85%, #8117be 90%, #11011b 100%);
}

.srDragger {
  position: absolute;
  background-image: url(assets/images/Atlas.png);
  background-position: -1953px -3582px;
  width: 46px;
  height: 50px;
  top: -10px;
  left: 0px;
  z-index: 0;
}

.srDragger:hover {
  background-position: -1905px -3582px;
}

.srDragger:active {
  background-position: -1857px -3582px;
}

.srInfos {
  position: absolute;
  top: 100px;
  left: 0px;
  color: #000;
}

.preferred-club-slider {
  left: 8px;
  top: -4px;
}

.preferred-club-slider .preferred-club {
  position: absolute;
  transform: scale(0.7);
}

.preferred-club-slider .locked-club {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -985px;
  width: 21px;
  height: 28px;
  position: absolute;
  height: 28px;
  width: 21px;
  display: inline-block;
  margin-top: 12px;
}

.preferred-club-slider .club-dot {
  height: 9px;
  width: 9px;
  background-color: #414141;
  border-radius: 50%;
  display: inline-block;
  margin-top: 15px;
  margin-left: 10px;
}

.preferred-club-slider .club-dot--0 {
  background: #008E80;
}

.preferred-club-slider .club-dot--1 {
  background: #681CC2;
}

.preferred-club-slider .club-dot--2 {
  background: #e46413;
}

.preferred-club-slider .club-dot--3 {
  background: #cc1521;
}

.preferred-club-slider .club-dot--4 {
  background: #dea700;
}

.preferred-club-slider .club-dot--5 {
  background: #4c95df;
}

.step-dots-container {
  left: 8px;
  top: -4px;
}

.step-dots-container .step-dots {
  position: absolute;
  transform: scale(0.7);
}

.step-dots-container .step-dot {
  height: 9px;
  width: 9px;
  background-color: #414141;
  border-radius: 50%;
  display: inline-block;
  margin-top: 15px;
  margin-left: 10px;
  cursor: pointer;
}

.tableBuyInSelectionFrame.eq4BaseMomentumPerTableActivated:not(.anyGameMode) > .gpTitle {
  background-image: url(assets/images/AtlasRibbon.png);
  background-position: 0px -672px;
  width: 768px;
  height: 82px;
}

.tableBuyInSelectionFrame.eq4BaseMomentumPerTableActivated:not(.anyGameMode) > .pmClose.svgButton path {
  fill: #3393D2;
  stroke: #3393D2;
}

.tableBuyInSelectionFrame.eq4BaseMomentumPerTableActivated:not(.anyGameMode) > .pmClose.svgButton:hover path {
  fill: #37A7FF;
  stroke: #37A7FF;
}

.tableBuyInSelectionFrame.eq4BaseMomentumPerTableActivated.Level2_RimFull > .gpContentCont:after {
  border: none;
  box-shadow: none;
  background: url(assets/imgSrc/tableSelect/Level2.png) no-repeat center;
  background-size: contain;
  overflow: visible;
  width: 800px;
  height: 540px;
  left: -48px;
  z-index: 1;
  pointer-events: none;
  top: 10px;
}

.tableBuyInSelectionFrame.eq4BaseMomentumPerTableActivated.Level3_RimFull > .gpContentCont:after {
  border: none;
  box-shadow: none;
  background: url(assets/imgSrc/tableSelect/Level3.png) no-repeat center;
  background-size: contain;
  overflow: visible;
  width: 800px;
  height: 540px;
  left: -48px;
  z-index: 1;
  pointer-events: none;
  top: 10px;
}

.tableBuyInSelectionFrame.eq4BaseMomentumPerTableActivated.Level4_RimFull > .gpContentCont:after {
  border: none;
  box-shadow: none;
  background: url(assets/imgSrc/tableSelect/Level4.png) no-repeat center;
  background-size: contain;
  overflow: visible;
  width: 800px;
  height: 540px;
  left: -48px;
  z-index: 1;
  pointer-events: none;
  top: 10px;
}

.tableBuyInSelectionFrame.eq4BaseMomentumPerTableActivated.Level5_RimFull > .gpContentCont:after {
  border: none;
  box-shadow: none;
  background: url(assets/imgSrc/tableSelect/Level5.png) no-repeat center;
  background-size: contain;
  overflow: visible;
  width: 800px;
  height: 540px;
  left: -48px;
  z-index: 1;
  pointer-events: none;
  top: 10px;
}

.tableBuyInSelectionFrame.eq4BaseMomentumPerTableActivated.Level6_RimFull > .gpContentCont:after {
  border: none;
  box-shadow: none;
  background: url(assets/imgSrc/tableSelect/Level6.png) no-repeat center;
  background-size: contain;
  overflow: visible;
  width: 800px;
  height: 540px;
  left: -48px;
  z-index: 1;
  pointer-events: none;
  top: 10px;
}

#tbiPanels {
  overflow: hidden;
  position: relative;
  height: 100%;
}

#tbiPanels.disablePointerEvents {
  pointer-events: none;
}

.tbiPanel {
  width: 706px;
  position: absolute;
  top: 0;
  left: 0;
}

.tbiPanel.tbiPanel-WildPoker .tbipAuto, .tbiPanel.tbiPanel-RapidRoulette .tbipAuto {
  margin-top: 67px;
}

.tbiPanel.tbiPanel-WildPoker .srInfos, .tbiPanel.tbiPanel-RapidRoulette .srInfos {
  top: 37px !important;
}

.tbiPanel .generalTooltip {
  z-index: 1102;
  position: absolute;
  border-radius: 10px;
  padding: 10px;
  width: 250px;
  background-color: rgba(255, 255, 255, 0.9);
  font-family: AkzidGroProLigCnd;
  font-size: 1.8rem;
  color: black;
}

.tbiPanel .tbiMultiplier {
  z-index: 3;
}

#texasBuyIn, #omahaBuyIn {
  height: 554px;
}

#texasBuyIn .tbiPanel:not(:first-child), #omahaBuyIn .tbiPanel:not(:first-child) {
  left: 706px;
}

.tbiPrevSection {
  position: absolute;
  bottom: 0;
  left: 13px;
  font-family: AkzidGroProLigCnd;
  font-size: 3.2rem;
  padding-left: 52px;
  vertical-align: middle;
  color: white;
}

.tbiPrevSection:before {
  position: absolute;
  content: "";
  display: block;
  left: 0px;
  bottom: -2px;
  top: auto;
  background-image: url(assets/images/Atlas.png);
  background-position: -2383px -3582px;
  width: 46px;
  height: 47px;
}

.tbiPrevSection:hover:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -2335px -3582px;
  width: 46px;
  height: 47px;
}

.tbiPrevSection:active:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -2239px -3582px;
  width: 46px;
  height: 47px;
}

#tbiPlayBtn {
  top: 6px;
  font-family: AkzidGroProMedCndAlt;
  font-size: 5rem;
  height: 69px;
  width: 230px;
  padding: 0;
  text-transform: uppercase;
  pointer-events: all;
}

#tbiPanels .tbiPanel .tbipSpeedReadOnly {
  position: absolute;
  width: 100%;
  top: 290px;
  font-size: 3rem;
}

#tbiPanels .tbiPanel .tbipSpeedReadOnly span {
  display: inline-block;
}

#tbiPanels .tbiPanel .tbipSpeedReadOnly span:first-child {
  padding-right: 0.2em;
}

.tbi-bankroll {
  position: absolute;
  top: 30px;
  right: 20px;
}

.tbi-bankroll .BankrollBar .BankrollBarArea {
  width: 133px;
}

.tbi-bankroll .BankrollBar .BankrollBarArea .bankrollValueContainer {
  width: 115px;
  text-align: right;
}

.tbi-clubs-bar {
  position: absolute;
  top: 5px;
  left: 0;
  width: 194px;
  transform: translateX(-15px);
}

.bthAnteSelectionContent .tbi-bankroll {
  top: 17px;
}

.tbiPowerhandJackpot > .gpTitle {
  background-image: url(assets/images/AtlasRibbon.png);
  background-position: 0px -504px;
  width: 768px;
  height: 82px;
}

.tbiPowerhandJackpot > .gpContentCont > div:before {
  background-image: url(assets/images/Atlas.png);
  background-position: 0px -1104px;
  width: 706px;
  height: 489px;
}

.tbiPowerhandJackpot .srInfos:after {
  border: 1px solid #bb38ff;
  box-shadow: inset 0 0 7px 2px #5f1088, 0 0 7px 2px #5f1088;
}

.tbiPowerhandJackpot .tbipSpeed .tbipSpeedLbl {
  color: #ffffff;
  text-shadow: 0px 0px 6px #0042ff, 0px 0px 6px #0042ff, 0px 0px 6px #0042ff;
}

.tbiCardRush:not(.tbiPowerhandJackpot):not(.MegaMadness) > .gpTitle {
  background-image: url(assets/images/Atlas.png);
  background-position: -770px -514px;
  width: 768px;
  height: 73px;
  top: 7px;
}

.tbiCardRush:not(.tbiPowerhandJackpot):not(.MegaMadness) > .gpContentCont > div:before {
  background-image: url(assets/images/Atlas.png);
  background-position: 0px -1972px;
  width: 722px;
  height: 247px;
}

.tbiCardRush:not(.tbiPowerhandJackpot):not(.MegaMadness) .pmClose.svgButton .glow {
  display: none;
}

.tbiCardRush:not(.tbiPowerhandJackpot):not(.MegaMadness) .pmClose.svgButton path {
  fill: #2ec463;
  stroke: #2ec463;
}

.tbiCardRush:not(.tbiPowerhandJackpot):not(.MegaMadness) .pmClose.svgButton:hover path {
  fill: #b4ffbd;
  stroke: #b4ffbd;
}

.tbiCardRush:not(.tbiPowerhandJackpot):not(.MegaMadness) .pmClose.svgButton:active .glow {
  display: block;
}

.tbiCardRush:not(.tbiPowerhandJackpot):not(.MegaMadness) .pmClose.svgButton:active path {
  fill: #6aff7c;
  stroke: #6aff7c;
}

.tbiCardRush:not(.tbiPowerhandJackpot):not(.MegaMadness).pokerRecallPacksBoosted > .gpContentCont > div:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -1512px -1595px;
  width: 722px;
  height: 247px;
}

.tbiCardRush:not(.tbiPowerhandJackpot):not(.MegaMadness).pokerRecallPacksBoosted > .gpContentCont .pokerRecallTooltip .amount, .tbiCardRush:not(.tbiPowerhandJackpot):not(.MegaMadness).pokerRecallPacksBoosted > .gpContentCont .pokerRecallTooltip .noPacks {
  color: white;
  text-shadow: 0px 0px 7px #009cff, 0px 0px 7px #009cff, 0px 0px 7px #009cff;
}

.banner-bonus-table-selection {
  margin: auto;
  pointer-events: none;
  position: relative;
  top: -80px;
  transform: scale(0.9);
  z-index: 15;
}

.powerhandMaxJackpot ~ .pokerRecallTooltip {
  opacity: 0;
  animation: changeOpactiy 6s;
}

@keyframes changeOpactiy {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.powerhandMaxJackpot,
.pokerRecallTooltip {
  position: absolute;
  left: 50%;
  line-height: 74px;
  margin-left: -148px;
  z-index: 5;
  box-sizing: border-box;
  text-align: left;
  position: absolute;
}

.powerhandMaxJackpot .label,
.pokerRecallTooltip .label {
  font-family: AkzidGroProLigCnd;
  line-height: 23px;
  display: inline-block;
  width: 65px;
  text-align: center;
  font-size: 2rem;
  color: #c88ce9;
  text-shadow: 0 0 5px #460a65, 0 0 5px #460a65, 0 0 5px #460a65;
  vertical-align: top;
  margin: 0 15px 0 0;
  text-transform: uppercase;
}

.powerhandMaxJackpot .amount, .powerhandMaxJackpot .noPacks,
.pokerRecallTooltip .amount,
.pokerRecallTooltip .noPacks {
  line-height: 46px;
  display: inline-block;
  vertical-align: top;
  font-weight: 700;
  font-size: 3.5rem;
  text-shadow: 0 0 10px #cc69ff;
  font-family: AkzidGroProLigCnd;
  text-align: center;
}

.powerhandMaxJackpot .amount,
.pokerRecallTooltip .amount {
  width: 175px;
}

.powerhandMaxJackpot .noPacks,
.pokerRecallTooltip .noPacks {
  width: 100%;
}

.generic-table-tooltip {
  background-image: url(assets/images/Atlas.png);
  background-position: -846px -3010px;
  width: 251px;
  height: 118px;
}

.generic-table-tooltip.m--king-of-the-table-jackpot {
  top: 0 !important;
}

.generic-table-tooltip.m--king-of-the-table-jackpot .title {
  font-family: AkzidGroProBolCnd;
  margin-top: 1.75rem;
  text-transform: uppercase;
}

.generic-table-tooltip.m--king-of-the-table-jackpot .content {
  text-shadow: #0087f2 0 0 5px, #0087f2 0 0 6px, #0087f2 0 0 7px, #0087f2 0 0 9px;
  font-size: 3.5rem;
  margin: 0.5rem 2.5rem;
}

.powerhandMaxJackpot {
  background-image: url(assets/images/Atlas.png);
  background-position: -1701px -2793px;
  width: 296px;
  height: 74px;
  top: 10px;
  padding: 17px 8px 8px;
}

.powerhandMaxJackpot .label {
  font-family: AkzidGroProLigCnd;
  line-height: 23px;
  display: inline-block;
  width: 65px;
  text-align: center;
  font-size: 2rem;
  color: #c88ce9;
  text-shadow: 0 0 5px #460a65, 0 0 5px #460a65, 0 0 5px #460a65;
  vertical-align: top;
  margin: 0 15px 0 0;
}

.powerhandMaxJackpot .noAmount {
  line-height: 46px;
  display: block;
  vertical-align: top;
  font-weight: 700;
  font-size: 3.5rem;
  text-shadow: 0 0 10px #cc69ff;
  text-align: center;
}

.pokerRecallTooltip {
  background-image: url(assets/images/Atlas.png);
  background-position: -1368px -2914px;
  width: 294px;
  height: 80px;
  padding: 28px 8px 8px;
}

.pokerRecallTooltip.cardRushEnabled {
  background-image: url(assets/images/Atlas.png);
  background-position: -2389px -2575px;
  width: 294px;
  height: 81px;
}

.pokerRecallTooltip .label {
  margin: 0;
  padding-left: 50px;
  text-align: left;
  color: #20ca5f;
  width: 50px;
}

.pokerRecallTooltip .amount, .pokerRecallTooltip .noPacks {
  line-height: 51px;
  color: #ffe642;
  text-shadow: none;
}

.pokerRecallTooltip .pokerRecallTooltipPackContainer {
  position: absolute;
  top: -221px;
  left: -229px;
  transform: scale(0.15);
}

.pokerRecallTooltip .pokerRecallTooltipPackContainer.hasBoost:before {
  content: '';
  position: absolute;
  top: -45px;
  left: 3px;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(assets/images/minigames/pokerRecall/cardPackBoosted.png);
  transform: scale(1.2);
}

.pokerRecallTooltip .pokerRecallTooltipPackContainer div {
  z-index: 1;
  position: relative;
}

.sliderRange:hover ~ .banner-bonus-table .powerhandMaxJackpot,
.sliderRange:hover ~ .banner-bonus-table .pokerRecallTooltip {
  transition: opacity 0.5s ease-in;
}

.BPProgressionHandCount {
  position: absolute;
  top: 270px;
  left: 50%;
  z-index: 10;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.75);
  padding: 5px;
  pointer-events: none;
  border: solid 1px #59d1ff;
  box-shadow: inset 0 0 7px 2px #0042ff, 0 0 7px 2px #0042ff;
  animation: WEB_ProgressionHandCount_FadeOut 2s;
  animation-delay: 2s;
  animation-fill-mode: forwards;
}

.tableBuyInSelectionFrame #tbipBuyIn {
  top: 36px;
}

#tbipBuyIn .sliderRange {
  top: 272px;
}

.tbiFooter {
  position: absolute;
  bottom: 10px;
  height: 93px;
  width: 100%;
  pointer-events: none;
}

.tbiFooter #tbiPlayBtn {
  margin-left: -120px;
}

/*** Common things ***/
.tbiTitle {
  margin-top: 35px;
  font-size: 2.5rem;
}

.ape-table-selection {
  width: 768px;
}

.ape-table-selection #tbiPanels, .ape-table-selection .tbiFooter {
  text-align: center;
}

.ape-table-selection .tbiPanel {
  width: 100%;
}

.ape-table-selection .banner-bonus-table-selection {
  top: -15px;
  z-index: 11;
}

.ape-table-selection .BPProgressionHandCount {
  top: 180px;
}

.srInfos {
  background-color: #030f14;
  color: #fff;
  font-size: 2.5rem;
  font-weight: bold;
  height: 126px;
  margin: 55px auto 0;
  position: relative;
  top: 0;
  width: 667px;
}

.srInfos:after {
  border: solid 1px #59d1ff;
  box-shadow: inset 0 0 7px 2px #0042ff,0 0 7px 2px #0042ff;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.srInfos > .braceletContainer {
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
}

.srInfos > .braceletContainer > div {
  margin: 0 auto;
  pointer-events: none;
  position: relative;
  top: -83px;
}

.srInfos.not-preferred > .braceletContainer > div {
  opacity: 0.7;
}

.srInfos.not-preferred #tbiMultiplier .value {
  opacity: 0.7;
}

.srInfos.practice:not(.locked-value) > .braceletContainer,
.srInfos.practice:not(.locked-value) #tbiMultiplier .value,
.srInfos.practice:not(.locked-value) #tbiMultiplier .title {
  opacity: .5;
}

.srInfos .container {
  position: relative;
  height: 100%;
  margin-top: 0;
  overflow: hidden;
  z-index: 1;
  display: flex;
}

.srInfos .value, .srInfos .locked-value {
  display: inline-flex;
  font-size: 3.5rem;
  justify-content: center;
  line-height: 1em;
  margin-top: 40px;
  position: relative;
  vertical-align: bottom;
  width: 100%;
}

.srInfos .value > .clubs-bonus .clubs-badge, .srInfos .locked-value > .clubs-bonus .clubs-badge {
  transform: scale(0.5) translate(-100%, -67%);
}

.srInfos .locked-value {
  background-image: url(assets/images/Atlas.png);
  background-position: -3500px -640px;
  width: 90px;
  height: 104px;
  position: relative;
  margin-top: 12px;
  margin-bottom: -41px;
}

.srInfos .title {
  text-shadow: #0042ff 0 0 5px, #0042ff 0 0 6px, #0042ff 0 0 7px, #0042ff 0 0 9px;
  align-items: center;
  color: #59d1ff;
  display: inline-flex;
  font-family: AkzidGroProLigCnd;
  font-size: 2.15rem;
  font-weight: 400;
  justify-content: center;
  position: relative;
  width: 100%;
}

.srInfos .title > span {
  padding: 0 .5rem;
}

.srInfos .title > button {
  vertical-align: sub;
}

.srInfos .separator, .srInfos .challengeStore .challengeCountdown:after, .challengeStore .srInfos .challengeCountdown:after, .srInfos .challengeStore .challengeItem:after, .challengeStore .srInfos .challengeItem:after {
  position: absolute;
  top: 8px;
  left: auto;
  width: 1px;
  height: 112px;
  position: absolute;
  width: 0;
  border-right: solid 1px #59d1ff;
  box-shadow: 0 0 7px 2px #0042ff;
}

.srInfos .separator:before {
  position: absolute;
  content: "";
  left: -7px;
  top: -7px;
  width: 14px;
  height: 14px;
  background-image: linear-gradient(to bottom, #030f14, #030f14, rgba(3, 15, 20, 0));
}

.srInfos .separator:after, .srInfos .challengeStore .challengeCountdown:after, .challengeStore .srInfos .challengeCountdown:after, .srInfos .challengeStore .challengeItem:after, .challengeStore .srInfos .challengeItem:after {
  position: absolute;
  content: "";
  left: -7px;
  bottom: -7px;
  width: 14px;
  height: 14px;
  background-image: linear-gradient(to bottom, rgba(3, 15, 20, 0), #030f14, #030f14);
}

.srInfos #tbiMultiplier,
.srInfos #tbiStakes,
.srInfos #tbiStakesBuyIn {
  flex: 1;
}

#tbipTexas .tableSliderInfoHidden {
  visibility: hidden;
}

.tooExpensive #tbiStakesBuyIn {
  color: #ff8e1f;
  opacity: 0.7;
}

.tbipSpeed {
  position: absolute;
  bottom: 2rem;
  left: 2rem;
  font-size: 2.5rem;
}

.tbipSpeed .checkbox.big {
  font-family: AkzidGroProLigCnd;
  text-shadow: #0087f2 0 0 5px, #0087f2 0 0 6px, #0087f2 0 0 7px, #0087f2 0 0 9px;
}

.tbipSpeed .checkbox.big:before {
  top: -8px;
}

.ftueMonica ~ .tbipSpeed {
  bottom: 3.8rem;
}

.ante-rules .content,
.how-to-nitro .content,
.how-to-crown-jackpot .content,
.how-to-all-in-or-fold .content {
  width: 100%;
  position: absolute;
  font-family: AkzidGroProBolCnd;
  text-shadow: 2px 1px 1px #ff5174;
  text-align: center;
}

.ante-rules .cash-dash-nitro-info-popup {
  margin-top: 60px;
}

.ante-rules .content {
  font-size: 26px;
}

.ante-rules .content .ante-rule {
  padding: 26px;
}

.how-to-crown-jackpot .crown-jackpot-info-popup {
  width: 410px;
  left: 0;
  right: 0;
  margin: 205px auto;
}

.how-to-crown-jackpot .content .how-to-crown-jackpot-text {
  padding: 7px;
  font-size: 37px;
  font-family: AkzidGroProCnd;
  text-align: left;
  margin-bottom: 25px;
}

.how-to-nitro .cash-dash-nitro-info-popup {
  margin-top: 46px;
}

.how-to-nitro .content .how-to-nitro-text {
  padding: 20px;
  font-size: 21px;
  font-family: AkzidGroProCnd;
}

.how-to-nitro .content .how-to-nitro-text-title {
  font-size: 30px;
}

.how-to-all-in-or-fold .all-in-or-fold-info-popup {
  margin-top: 60px;
}

.how-to-all-in-or-fold .content .all-in-or-fold-text {
  padding: 15px;
  font-size: 32px;
  font-family: AkzidGroProCnd;
}

.how-to-all-in-or-fold .content .all-in-or-fold-text-title {
  font-size: 50px;
  padding-bottom: 20px;
}

.ape-table-selection .progression-completed-container,
.ape-table-selection .progression-reward-amount-container,
.tableBuyInSelectionFrame.hasGameVariant .progression-completed-container,
.tableBuyInSelectionFrame.hasGameVariant .progression-reward-amount-container {
  position: relative;
  width: 100%;
  height: 105px;
  top: -8px;
  transform: none;
}

.ape-table-selection .srInfos,
.tableBuyInSelectionFrame.hasGameVariant .srInfos {
  margin: 35px auto 10px auto;
}

.ape-table-selection .tbi-bankroll,
.tableBuyInSelectionFrame.hasGameVariant .tbi-bankroll {
  top: 7px;
  z-index: 1;
  right: 10px;
}

.ape-table-selection .sliderRange,
.tableBuyInSelectionFrame.hasGameVariant .sliderRange {
  z-index: 1;
  top: 299px;
}

.ape-table-selection .bracelet-bg.TexasCashDashNitro,
.tableBuyInSelectionFrame.hasGameVariant .bracelet-bg.TexasCashDashNitro {
  background-image: url(assets/images/Atlas.png);
  background-position: -1429px -1972px;
  width: 703px;
  height: 224px;
  position: absolute;
  margin-left: -8px;
}

.ape-table-selection #tbipBuyIn .srInfos,
.tableBuyInSelectionFrame.hasGameVariant #tbipBuyIn .srInfos {
  top: 100px;
  margin-left: 178px;
}

.ape-table-selection #tbipBuyIn .srInfos.selector,
.ape-table-selection #tbipBuyIn .srInfos.showAutoSettings,
.tableBuyInSelectionFrame.hasGameVariant #tbipBuyIn .srInfos.selector,
.tableBuyInSelectionFrame.hasGameVariant #tbipBuyIn .srInfos.showAutoSettings {
  top: 40px;
}

.ape-table-selection #tbipBuyIn .sliderRange,
.tableBuyInSelectionFrame.hasGameVariant #tbipBuyIn .sliderRange {
  top: 299px;
}

.ape-table-selection #tbipBuyIn .settings-auto,
.tableBuyInSelectionFrame.hasGameVariant #tbipBuyIn .settings-auto {
  position: absolute;
  left: 0;
  right: 0;
  margin: 55px auto;
}

.ape-table-selection #tbiPanels,
.tableBuyInSelectionFrame.hasGameVariant #tbiPanels {
  top: -5px;
}

.ape-table-selection .bpBarContainer,
.tableBuyInSelectionFrame.hasGameVariant .bpBarContainer {
  top: 15px;
  margin-left: 10px;
}

.ape-table-selection .tbiFooter,
.tableBuyInSelectionFrame.hasGameVariant .tbiFooter {
  bottom: 0;
}

.tableBuyInSelectionFrame.hasGameVariant .gpContentCont .tbiPanel {
  top: 10px;
}

.tableBuyInSelectionFrame.hasGameVariant .gpContentCont .srInfos {
  left: 20px;
}

.locked-table-message {
  padding: 80px 20px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
  font-family: AkzidGroProLigCnd;
  font-size: 3rem;
}

#tbipBuyIn .question, #tbipBuyIn #braceletFullProgression > .help:after, #tbipBuyIn #prizeWheel .prizeWheelContainer .superSpinOverlay .multipliersHelp .toggle .help:after, #prizeWheel .prizeWheelContainer .superSpinOverlay .multipliersHelp .toggle #tbipBuyIn .help:after,
.tablesFtueBuyInMonica .question,
.tablesFtueBuyInMonica #braceletFullProgression > .help:after,
.tablesFtueBuyInMonica #prizeWheel .prizeWheelContainer .superSpinOverlay .multipliersHelp .toggle .help:after,
#prizeWheel .prizeWheelContainer .superSpinOverlay .multipliersHelp .toggle .tablesFtueBuyInMonica .help:after {
  margin-top: 4px;
  margin-left: 9px;
  vertical-align: middle;
}

#tbipBuyIn .srInfos,
.tablesFtueBuyInMonica .srInfos {
  width: 327px;
  line-height: 121px;
  font-size: 4.2rem;
  color: white;
  line-height: inherit;
}

#tbipBuyIn .srInfos .title,
.tablesFtueBuyInMonica .srInfos .title {
  display: inherit;
}

#tbipBuyIn .srInfos.cantBuy,
.tablesFtueBuyInMonica .srInfos.cantBuy {
  color: #ff8e1f;
}

#tbipBuyIn .tbiTitle,
.tablesFtueBuyInMonica .tbiTitle {
  font-size: 2.4rem;
  margin-top: 22px;
  margin-bottom: 6px;
}

.tbipAuto {
  position: relative;
  margin-top: 24px;
  font-size: 3.2rem;
  font-family: AkzidGroProLigCnd;
}

.tbipbiRebuy {
  text-shadow: #0087f2 0 0 5px, #0087f2 0 0 6px, #0087f2 0 0 7px, #0087f2 0 0 9px;
}

.tbipTopOff {
  text-shadow: #0087f2 0 0 5px, #0087f2 0 0 6px, #0087f2 0 0 7px, #0087f2 0 0 9px;
  margin-left: 52px;
}

.popupOverlay {
  position: absolute;
  z-index: 151;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.popupOverlayWithTableMonica,
.popupOverlayWithBuyInMonica {
  position: absolute;
  z-index: 151;
  width: 100%;
  height: 100%;
}

.popupOverlayWithTableMonica {
  background: rgba(0, 0, 0, 0.4);
  animation: fadeIn 0ms linear forwards;
}

.popupOverlayWithBuyInMonica {
  background: rgba(0, 0, 0, 0.7);
  animation: fadeIn 0ms linear forwards;
}

.tablesFtueMonicaContainer {
  position: absolute;
  top: 0;
  z-index: 151;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.tablesFtueMonicaContainer .tablesFtueTableMonica,
.tablesFtueMonicaContainer .tablesFtueBuyInMonica {
  height: 554px;
  text-align: center;
  overflow: visible;
  top: -50px;
  left: 0;
  margin: auto;
  width: 100%;
}

.tablesFtueMonicaContainer .tablesFtueTableMonica .ftueMonica,
.tablesFtueMonicaContainer .tablesFtueBuyInMonica .ftueMonica {
  position: absolute;
  width: 202px;
  height: 449px;
  right: -15px;
  bottom: 2px;
  background-image: url(assets/images/ftue/Monica.png);
  background-repeat: no-repeat;
  z-index: 4;
}

.tablesFtueMonicaContainer .tablesFtueTableMonica .speechBubble,
.tablesFtueMonicaContainer .tablesFtueBuyInMonica .speechBubble {
  max-width: 300px;
}

.tablesFtueMonicaContainer .tablesFtueTableMonica .actionBtn, .tablesFtueMonicaContainer .tablesFtueTableMonica .btn-green,
.tablesFtueMonicaContainer .tablesFtueBuyInMonica .actionBtn,
.tablesFtueMonicaContainer .tablesFtueBuyInMonica .btn-green {
  display: inline-block;
  margin-top: 16px;
  padding-left: 60px;
  padding-right: 60px;
}

.tablesFtueMonicaContainer .tablesFtueTableMonica .speechBubble {
  margin-top: 170px;
}

.tablesFtueMonicaContainer .tablesFtueTableMonica.speedAnnouncement .speechBubble {
  margin-top: 140px;
  margin-bottom: 10px;
}

.tablesFtueMonicaContainer .tablesFtueTableMonica.speedAnnouncement .speechBubble.arrowPositionTop .arrow,
.tablesFtueMonicaContainer .tablesFtueTableMonica.speedAnnouncement .speechBubble.arrowPositionTop .junction {
  top: 65px;
}

.tablesFtueMonicaContainer .tablesFtueTableMonica.speedAnnouncement .speedAnnouncementDisclaimer {
  height: 20px;
  font-size: 0.8em;
  line-height: 30px;
}

.tablesFtueMonicaContainer .tablesFtueTableMonica.braceletAnnouncement .srInfos {
  margin-top: 146px;
}

.tablesFtueMonicaContainer .tablesFtueTableMonica.braceletAnnouncement .speechBubble {
  margin-top: 12px;
}

.tablesFtueMonicaContainer .tablesFtueBuyInMonica .srInfos {
  margin-top: 141px;
}

.tablesFtueMonicaContainer .tablesFtueBuyInMonica .speechBubble {
  margin-top: 12px;
}

.tablesFtueMonicaContainer .tablesFtueBuyInMonica.autoAnnouncement .speechBubble {
  margin-top: 74px;
}

.tablesFtueMonicaContainer .tablesFtueBuyInMonica.autoAnnouncement .speechBubble.arrowPositionTop .arrow,
.tablesFtueMonicaContainer .tablesFtueBuyInMonica.autoAnnouncement .speechBubble.arrowPositionTop .junction {
  top: 135px;
}

.tablesFtueMonicaContainer .tablesFtueBuyInMonica.autoAnnouncement .tbipAuto {
  z-index: 3;
}

.tablesFtueMonicaContainer.tablesFtueBuyInMonicaContainer {
  opacity: 1;
  animation: fadeIn 0ms linear forwards;
  animation-delay: 1000ms;
}

.ftueInlineHelp {
  padding: 30px 20px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
  font-size: 2.4rem;
}

.banner-bonus-table {
  display: flex;
  justify-content: center;
  margin: 15px auto;
  position: relative;
  pointer-events: all;
}

.banner-bonus-table.smaller-icons .tooltip-banner-bonus-table-item, .banner-bonus-table.smaller-icons .locked-perk {
  padding-right: 5px;
}

.banner-bonus-table.smaller-icons .tooltip-banner-bonus-table-item:nth-of-type(6), .banner-bonus-table.smaller-icons .locked-perk:nth-of-type(6) {
  display: none;
}

.banner-bonus-table.old-design {
  margin: auto;
}

.banner-bonus-table .tooltip-banner-bonus-table-item, .banner-bonus-table .locked-perk {
  position: relative;
  background-color: #030f14;
  height: 60px;
  border-radius: 4px;
  padding-left: 65px;
  padding-right: 15px;
  display: flex;
  align-items: center;
  margin-left: 10px;
}

.banner-bonus-table .tooltip-banner-bonus-table-item:before, .banner-bonus-table .locked-perk:before {
  content: "";
  pointer-events: none;
  position: absolute;
  border-radius: 4px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: solid 1px #59d1ff;
  box-shadow: inset 0 0 7px 2px #0042ff, 0 0 7px 2px #0042ff;
}

.banner-bonus-table .tooltip-banner-bonus-table-item.bonus-powerhand-jackpot-border:before, .banner-bonus-table .locked-perk.bonus-powerhand-jackpot-border:before {
  border: solid 1px #e3a8ff;
  box-shadow: inset 0 0 7px 2px #6e00c9, 0 0 7px 2px #6e00c9;
}

.banner-bonus-table .tooltip-banner-bonus-table-item.practice:before,
.banner-bonus-table .tooltip-banner-bonus-table-item.practice .icon-bonus, .banner-bonus-table .locked-perk.practice:before,
.banner-bonus-table .locked-perk.practice .icon-bonus {
  opacity: .5;
}

.banner-bonus-table .tooltip-banner-bonus-table-item .banner-bonus-table-item, .banner-bonus-table .locked-perk .banner-bonus-table-item {
  font-family: AkzidGroProLigCnd;
  font-size: 22px;
  width: 57px;
  line-height: 20px;
}

.banner-bonus-table .tooltip-banner-bonus-table-item .banner-bonus-table-item .icon-bonus, .banner-bonus-table .locked-perk .banner-bonus-table-item .icon-bonus {
  position: absolute;
  transform: scale(0.75);
  top: -20px;
  left: -16px;
  z-index: 50;
}

.banner-bonus-table .tooltip-banner-bonus-table-item .banner-bonus-table-item.bonus-poker-recall, .banner-bonus-table .locked-perk .banner-bonus-table-item.bonus-poker-recall {
  color: #40c579;
}

.banner-bonus-table .tooltip-banner-bonus-table-item .banner-bonus-table-item.bonus-poker-recall .icon-bonus, .banner-bonus-table .tooltip-banner-bonus-table-item .banner-bonus-table-item.bonus-no-poker-recall .icon-bonus, .banner-bonus-table .locked-perk .banner-bonus-table-item.bonus-poker-recall .icon-bonus, .banner-bonus-table .locked-perk .banner-bonus-table-item.bonus-no-poker-recall .icon-bonus {
  top: -225px;
  left: -220px;
  transform: scale(0.15);
}

.banner-bonus-table .tooltip-banner-bonus-table-item .banner-bonus-table-item.bonus-poker-recall .prime-overlay::before, .banner-bonus-table .tooltip-banner-bonus-table-item .banner-bonus-table-item.bonus-no-poker-recall .prime-overlay::before, .banner-bonus-table .locked-perk .banner-bonus-table-item.bonus-poker-recall .prime-overlay::before, .banner-bonus-table .locked-perk .banner-bonus-table-item.bonus-no-poker-recall .prime-overlay::before {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: 0px -1533px;
  width: 489px;
  height: 621px;
  position: absolute;
  top: -55px;
  left: -2px;
  content: '';
}

.banner-bonus-table .tooltip-banner-bonus-table-item .banner-bonus-table-item.bonus-supersize .icon-bonus, .banner-bonus-table .tooltip-banner-bonus-table-item .banner-bonus-table-item.bonus-no-supersize .icon-bonus, .banner-bonus-table .locked-perk .banner-bonus-table-item.bonus-supersize .icon-bonus, .banner-bonus-table .locked-perk .banner-bonus-table-item.bonus-no-supersize .icon-bonus {
  background-image: url(assets/images/AtlasWsopBank.png);
  background-position: -916px 0px;
  width: 100px;
  height: 100px;
}

.banner-bonus-table .tooltip-banner-bonus-table-item .banner-bonus-table-item.bonus-supersize .icon-bonus.supersize-extreme, .banner-bonus-table .tooltip-banner-bonus-table-item .banner-bonus-table-item.bonus-no-supersize .icon-bonus.supersize-extreme, .banner-bonus-table .locked-perk .banner-bonus-table-item.bonus-supersize .icon-bonus.supersize-extreme, .banner-bonus-table .locked-perk .banner-bonus-table-item.bonus-no-supersize .icon-bonus.supersize-extreme {
  background-image: url(assets/images/AtlasWsopBank.png);
  background-position: -712px -408px;
  width: 151px;
  height: 150px;
  top: -45px;
  left: -45px;
  transform: scale(0.65);
}

.banner-bonus-table .tooltip-banner-bonus-table-item .banner-bonus-table-item.bonus-album-pack, .banner-bonus-table .tooltip-banner-bonus-table-item .banner-bonus-table-item.bonus-no-album-pack, .banner-bonus-table .locked-perk .banner-bonus-table-item.bonus-album-pack, .banner-bonus-table .locked-perk .banner-bonus-table-item.bonus-no-album-pack {
  font-size: 20px;
  width: 67px;
  margin-left: -16px;
}

.banner-bonus-table .tooltip-banner-bonus-table-item .banner-bonus-table-item.bonus-album-pack .icon-bonus, .banner-bonus-table .tooltip-banner-bonus-table-item .banner-bonus-table-item.bonus-no-album-pack .icon-bonus, .banner-bonus-table .locked-perk .banner-bonus-table-item.bonus-album-pack .icon-bonus, .banner-bonus-table .locked-perk .banner-bonus-table-item.bonus-no-album-pack .icon-bonus {
  background-image: url(assets/images/Atlas.png);
  background-position: -3500px -436px;
  width: 100px;
  height: 100px;
  left: -30px;
}

.banner-bonus-table .tooltip-banner-bonus-table-item .banner-bonus-table-item.bonus-powerhand-jackpot, .banner-bonus-table .tooltip-banner-bonus-table-item .banner-bonus-table-item.bonus-no-powerhand-jackpot, .banner-bonus-table .locked-perk .banner-bonus-table-item.bonus-powerhand-jackpot, .banner-bonus-table .locked-perk .banner-bonus-table-item.bonus-no-powerhand-jackpot {
  color: #e3a8ff;
}

.banner-bonus-table .tooltip-banner-bonus-table-item .banner-bonus-table-item.bonus-powerhand-jackpot .icon-bonus, .banner-bonus-table .tooltip-banner-bonus-table-item .banner-bonus-table-item.bonus-no-powerhand-jackpot .icon-bonus, .banner-bonus-table .locked-perk .banner-bonus-table-item.bonus-powerhand-jackpot .icon-bonus, .banner-bonus-table .locked-perk .banner-bonus-table-item.bonus-no-powerhand-jackpot .icon-bonus {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2162px -1644px;
  width: 100px;
  height: 100px;
}

.banner-bonus-table .tooltip-banner-bonus-table-item .banner-bonus-table-item.bonus-base-momentum .icon-bonus, .banner-bonus-table .tooltip-banner-bonus-table-item .banner-bonus-table-item.bonus-no-base-momentum .icon-bonus, .banner-bonus-table .locked-perk .banner-bonus-table-item.bonus-base-momentum .icon-bonus, .banner-bonus-table .locked-perk .banner-bonus-table-item.bonus-no-base-momentum .icon-bonus {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2575px -1879px;
  width: 100px;
  height: 100px;
}

.banner-bonus-table .tooltip-banner-bonus-table-item .banner-bonus-table-item.bonus-golden-card, .banner-bonus-table .tooltip-banner-bonus-table-item .banner-bonus-table-item.bonus-promocode-rewards, .banner-bonus-table .locked-perk .banner-bonus-table-item.bonus-golden-card, .banner-bonus-table .locked-perk .banner-bonus-table-item.bonus-promocode-rewards {
  color: #f6f58d;
}

.banner-bonus-table .tooltip-banner-bonus-table-item .banner-bonus-table-item.bonus-no-golden-card, .banner-bonus-table .tooltip-banner-bonus-table-item .banner-bonus-table-item.bonus-no-promocode-rewards, .banner-bonus-table .tooltip-banner-bonus-table-item .banner-bonus-table-item.bonus-no-poker-recall, .banner-bonus-table .tooltip-banner-bonus-table-item .banner-bonus-table-item.bonus-no-powerhand-jackpot, .banner-bonus-table .locked-perk .banner-bonus-table-item.bonus-no-golden-card, .banner-bonus-table .locked-perk .banner-bonus-table-item.bonus-no-promocode-rewards, .banner-bonus-table .locked-perk .banner-bonus-table-item.bonus-no-poker-recall, .banner-bonus-table .locked-perk .banner-bonus-table-item.bonus-no-powerhand-jackpot {
  color: #ff8e1f;
  opacity: 0.7;
}

.banner-bonus-table .locked-perk:first-child {
  margin-left: 0;
}

.banner-bonus-table .locked-perk-bg {
  background-image: url(assets/images/Atlas.png);
  background-position: -3500px -640px;
  width: 90px;
  height: 104px;
  right: -9px;
  position: absolute;
  transform: scale(0.6);
}

.anim-scaleup-bonus {
  animation: scaleUpBonus 2s linear;
}

.anim-scalup-PR {
  animation: scaleUpPR 2s linear;
}

.anim-scaledown-bonus {
  animation: scaleDownBonus 2s linear;
}

.anim-scaledown-PR {
  animation: scaleDownPR 2s linear;
}

.anim-lightsup-bg {
  animation: lightsUpBG 2s linear;
}

.anim-lightsup {
  animation: lightsUp 2s linear;
}

@keyframes scaleUpBonus {
  0% {
    transform: scale(0.75);
  }
  5% {
    transform: scale(2.1);
  }
  10% {
    transform: scale(0.75);
    top: -30px;
  }
  15% {
    top: -20px;
  }
  20% {
    top: -25px;
  }
  25% {
    top: -20px;
  }
}

@keyframes scaleUpPR {
  0% {
    transform: scale(0.15);
  }
  5% {
    transform: scale(0.4);
  }
  10% {
    transform: scale(0.15);
    top: -235px;
  }
  15% {
    top: -225px;
  }
  20% {
    top: -230px;
  }
  25% {
    top: -225px;
  }
}

@keyframes scaleDownBonus {
  0% {
    transform: scale(0.75);
  }
  5% {
    transform: scale(0.25);
  }
  10% {
    transform: scale(0.75);
    top: -30px;
  }
  15% {
    top: -20px;
  }
  20% {
    top: -25px;
  }
  25% {
    top: -20px;
  }
}

@keyframes scaleDownPR {
  0% {
    transform: scale(0.15);
  }
  5% {
    transform: scale(0.05);
  }
  10% {
    transform: scale(0.15);
    top: -235px;
  }
  15% {
    top: -225px;
  }
  20% {
    top: -230px;
  }
  25% {
    top: -225px;
  }
}

@keyframes lightsUp {
  0% {
    border: solid 1px #59d1ff;
    box-shadow: inset 0 0 7px 2px #0042ff, 0 0 7px 2px #0042ff;
  }
  5% {
    border: solid 1px #a0faff;
    box-shadow: inset 0 0 5px 5px #007cff, 0 0 5px 5px #007cff;
  }
  20% {
    border: solid 1px #59d1ff;
    box-shadow: inset 0 0 7px 2px #0042ff, 0 0 7px 2px #0042ff;
  }
}

@keyframes lightsUpBG {
  0% {
    background-color: #030f14;
  }
  5% {
    background-color: #093853;
  }
  20% {
    background-color: #030f14;
  }
}

#chipstore {
  height: auto;
  width: 775px;
}

#chipstore .content .bloc-left {
  width: 166px;
  height: 480px;
  position: relative;
}

#chipstore .content .bloc-left .csSidebar {
  position: relative;
  height: 415px;
}

#chipstore .content .bloc-left .csSidebar > * {
  margin: auto;
  left: 0;
  right: 0;
}

#chipstore .content .bloc-left .csSidebar:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  margin-top: 5px;
  background-image: url(assets/images/Atlas.png);
  background-position: -2079px -1075px;
  width: 170px;
  height: 13px;
}

#chipstore .content .bloc-left .csSidebar .csSidebarContent {
  margin: auto;
  box-shadow: 0px 0px 15px 0px #0628A4;
  border-radius: 10px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3242px -2296px;
  width: 134px;
  height: 395px;
  margin-top: 5px;
}

#chipstore .content .bloc-left .csSidebar .csSidebarContent.default:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -3242px -1899px;
  width: 134px;
  height: 395px;
}

#chipstore .content .bloc-left .csSidebar .csSidebarContent.default:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -3242px -1502px;
  width: 134px;
  height: 395px;
}

#chipstore .content .bloc-left .csSidebar .clubsBannerContainer {
  position: relative;
  width: 134px;
  height: 395px;
  margin: auto;
  margin-top: 4px;
}

#chipstore .content .bloc-left .csSidebar .clubsBannerContainer.boosted::before, #chipstore .content .bloc-left .csSidebar .clubsBannerContainer.boosted::after {
  content: '';
  display: block;
  position: absolute;
  z-index: 2;
  bottom: -15px;
}

#chipstore .content .bloc-left .csSidebar .clubsBannerContainer.boosted::before {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2584px -1065px;
  width: 82px;
  height: 363px;
  left: -43px;
}

#chipstore .content .bloc-left .csSidebar .clubsBannerContainer.boosted::after {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2704px 0px;
  width: 82px;
  height: 363px;
  right: -48px;
}

#chipstore .content .bloc-left .csSidebar .clubsBannerContainer.boosted .banner {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2448px -1065px;
  width: 134px;
  height: 395px;
}

#chipstore .content .bloc-left .csSidebar .clubsBannerContainer > div {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
}

#chipstore .content .bloc-left .csSidebar .clubsBannerContainer .clubGlow {
  border-radius: 10px;
  width: 140px;
  height: 401px;
  -webkit-filter: blur(1px);
          filter: blur(1px);
  left: -1px;
  top: -1px;
}

#chipstore .content .bloc-left .csSidebar .clubsBannerContainer .clubGlow.Jack {
  background: linear-gradient(to bottom, #10bebc, transparent 50%, #10bebc 100%);
}

#chipstore .content .bloc-left .csSidebar .clubsBannerContainer .clubGlow.Queen {
  background: linear-gradient(to bottom, #8B0EDB, transparent 50%, #8B0EDB 100%);
}

#chipstore .content .bloc-left .csSidebar .clubsBannerContainer .clubGlow.King {
  background: linear-gradient(to bottom, #ec7f18, transparent 50%, #ec7f18 100%);
}

#chipstore .content .bloc-left .csSidebar .clubsBannerContainer .clubGlow.Ace {
  background: linear-gradient(to bottom, #d21b43, transparent 50%, #d21b43 100%);
}

#chipstore .content .bloc-left .csSidebar .clubsBannerContainer .clubGlow.Master {
  background: linear-gradient(to bottom, #f1b90f, transparent 50%, #f1b90f 100%);
}

#chipstore .content .bloc-left .csSidebar .clubsBannerContainer .clubGlow.Grand-Master {
  background: linear-gradient(to bottom, #2cd0ff, transparent 50%, #2cd0ff 100%);
}

#chipstore .content .bloc-left .csSidebar .clubsBannerContainer .banner {
  top: 2px;
  left: 2px;
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2312px -1065px;
  width: 134px;
  height: 395px;
}

#chipstore .content .bloc-left .csSidebar .clubsBannerContainer .crest-my-club {
  top: 76px;
  transform: scale(0.95);
  left: -24px;
  z-index: 3;
}

#chipstore .content .bloc-left .genTF {
  position: relative;
  margin: auto;
}

#chipstore .content .bloc-left .csPromoBtn {
  width: 124px;
  height: 24px;
  font-size: 1.8rem;
  margin-top: 3px;
  border-width: 0;
}

#chipstore .content .bloc-left .csPromoBtn:active {
  font-size: 1.7rem;
}

#chipstore .content .bloc-right {
  width: 568px;
  position: absolute;
  top: 0;
  right: 0;
}

#chipstore .content .trs-icon {
  position: absolute;
  width: 32px;
  height: 30px;
  left: 23%;
}

.csHeader {
  height: 45px;
  width: 560px;
  font-weight: 700;
  font-family: AkzidGroProLigCnd;
  color: #9aaad9;
  font-family: AkzidGroProLigCnd;
  font-size: 2.2rem;
  display: flex;
  align-items: center;
}

.csAmount {
  width: 44%;
  text-align: left;
  margin: 0 0 0 28px;
}

.csTotal {
  width: 16%;
  text-align: left;
}

.csRewards {
  display: none;
  width: 20%;
  text-align: left;
}

.trConnected .csRewards {
  display: block;
}

.csUSD {
  position: absolute;
  top: 10px;
  right: 15px;
  width: 20%;
  text-align: center;
}

#csItems {
  position: absolute;
  right: 5px;
  width: 598px;
  height: 434px;
}

#csItems .scrollWrapper {
  padding: 5px;
  padding-left: 5px;
  padding-right: 35px;
}

#csItems .scrollWrapper.punchItBottom8 {
  padding-bottom: 60px;
}

#csItems .scrollWrapper.punchItBottom5 {
  padding-bottom: 70px;
}

#csItems .scrollWrapper.punchItBottom {
  padding-bottom: 80px;
}

.clubsBackground .content {
  background: radial-gradient(rgba(6, 6, 20, 0) 5%, rgba(0, 0, 255, 0.2) 25%, rgba(3, 10, 32, 0) 45%) 50% 20% no-repeat, linear-gradient(rgba(0, 0, 255, 0.6), rgba(3, 10, 32, 0.5)), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUM0ODMyOTZEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUM0ODMyOTVEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pld80tkAAADSSURBVHjadNCxDsFQFMbxW4pEbRbxAFYRITGw6gNYPYPdKjGZhMFLSEzaUbcONjsGg0kiZSAR/8ttcnPTnuTXk7T9em6PlXP6gtqghQgP8a83Kri8Iq8jjMqogBSghobEy236FuV8yZ2YQYuJPr0O+dVj/ICgIFBUp7iiqeWceKKvh7TwkzZDASeclYPNJYu9SK8dRuiq6b+SwTGmmKcEVwiZHprLWapNBmaCfxzI5RDqmc9s1YfwUNVCDm2BddIx4qCLu1qApe59IJdzSwp+BRgADnE2lChoGq4AAAAASUVORK5CYII=") repeat #030a20;
  background-size: 200% 90%, 100% 100%, 14px 8px;
  background-position: 50% 80%, 50% 50%, 50% 50%;
  box-shadow: inset 0 0 7px 2px #0042ff;
}

.clubsBackground.couponStore .content {
  background: radial-gradient(rgba(116, 17, 5, 0) 5%, rgba(99, 30, 30, 0.2) 25%, rgba(3, 10, 32, 0) 45%) 50% 20% no-repeat, linear-gradient(rgba(116, 17, 5, 0.6), rgba(39, 0, 9, 0.5)), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTJDBGvsAAAARUlEQVQYV2MQFBSqB2ExCRUoVq8XFVeoZxARlaoXEZUEC4LYoqIyYDaDmIQWWBWIg6ybQUREEsgRA0uKisuAdYlJqNQDAJSvEqzTUGj9AAAAAElFTkSuQmCC") repeat #741105;
  box-shadow: inset 0 0 7px 2px #87560a;
}

#chipstore.cardBoost .csItemBox .bonusPanel.pokerRecallBonus:before {
  content: '';
  background-image: url(assets/images/Atlas.png);
  background-position: -3496px -3280px;
  width: 47px;
  height: 47px;
  position: absolute;
  left: -44px;
  top: -26px;
}

#chipstore.cardBoost .csItemBox .bonusPanel.pokerRecallBonus .bonusIconContainer:before {
  content: '';
  background-image: url(assets/images/Atlas.png);
  background-position: -617px -3582px;
  width: 54px;
  height: 54px;
  position: absolute;
  left: -8px;
  top: -8px;
  z-index: 0;
}

#chipstore.cardBoost .csItemBox:hover .bonusPanel.pokerRecallBonus:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3447px -3280px;
  width: 47px;
  height: 47px;
}

.csItem {
  margin: 8px 0 8px 3px;
  position: relative;
  font-size: 2.8rem;
}

.csItem[class*="tag_"]:before {
  content: "";
  position: absolute;
  top: -5px;
  left: -15px;
  z-index: 5;
}

.csItem .chip-store-badge {
  position: absolute;
  top: 18px;
  left: 14px;
  transform: translate(-50%, -50%) rotate(-27deg);
  z-index: 9;
  border-radius: 50em;
  overflow: hidden;
  font-family: AkzidGroProLigCnd;
}

.csItem .punchItBadge {
  position: absolute;
  z-index: 5;
  height: 54px;
  right: -35px;
  top: 7px;
  cursor: pointer;
}

.csItem:not(:hover) .chip-store-badge {
  background-color: transparent !important;
}

.csItem .csItemBox {
  position: relative;
  z-index: 3;
  height: 100%;
}

.csItem .buy-btn {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  right: 10px;
  top: 8px;
  width: 96px;
  height: 55px;
  color: #194c05;
  text-shadow: #a8e212 0px 2px 3px;
  font-family: AkzidGroProXBolCnd;
  font-size: 2.2rem;
  line-height: 1;
}

.csItem .buy-btn .csiInitialPrice {
  position: relative;
}

.csItem .buy-btn .csiInitialPrice:after {
  content: '';
  background-image: url(assets/images/Atlas.png);
  background-position: -2344px -2870px;
  width: 70px;
  height: 17px;
  position: absolute;
  margin: auto;
  left: 50%;
  top: 50%;
  transform: translate3d(-45%, -50%, 0) scale(0.8);
}

.csItem:hover {
  z-index: 10;
}

.csItem:hover .glow {
  stroke-width: 4;
}

.csItem:hover .regPath:not(.glow) {
  fill: rgba(3, 13, 187, 0.4);
  stroke: #9BD3E9;
}

.csItem.hasBonus {
  background: none;
  border: none;
  box-shadow: none;
}

.csItem .bonusPanel {
  display: flex;
  position: relative;
  right: -14px;
  align-items: center;
  width: 545px;
  padding: 5px;
  font-size: 2.5rem;
  text-align: right;
  z-index: -1;
  box-sizing: border-box;
}

.csItem .bonusPanel .emptyTooltip {
  width: 25px;
}

.csItem .bonusPanel .bonusPlusSign {
  font-weight: bold;
  padding: 0 10px 0 20px;
}

.csItem .bonusPanel .bonusIconContainer {
  width: 40px;
  text-align: center;
  position: relative;
}

.csItem .bonusPanel .bonusIconContainer img {
  width: 40px;
}

.csItem .bonusPanel .bonusIconContainer .bonusIcon {
  z-index: 1;
  position: relative;
}

.csItem .bonusPanel .bonusIconContainer .bonusIcon.Icon_BaseBoost {
  background-image: url(assets/images/Atlas.png);
  background-position: -3146px -3582px;
  width: 40px;
  height: 40px;
}

.csItem .bonusPanel .bonusIconContainer .bonusIcon.Icon_FreeChips {
  background-image: url(assets/images/Atlas.png);
  background-position: -3314px -3582px;
  width: 40px;
  height: 40px;
}

.csItem .bonusPanel .bonusIconContainer .bonusIcon.Icon_FreeEntryMysteryTournament {
  background-image: url(assets/images/Atlas.png);
  background-position: -3356px -3582px;
  width: 40px;
  height: 40px;
}

.csItem .bonusPanel .bonusIconContainer .bonusIcon.Icon_FreeSlotSpins {
  background-image: url(assets/images/Atlas.png);
  background-position: -3398px -3582px;
  width: 40px;
  height: 40px;
}

.csItem .bonusPanel .bonusIconContainer .bonusIcon.Icon_InstantMegabonus {
  background-image: url(assets/images/Atlas.png);
  background-position: -3440px -3582px;
  width: 40px;
  height: 40px;
}

.csItem .bonusPanel .bonusIconContainer .bonusIcon.Icon_MaxBoost {
  background-image: url(assets/images/Atlas.png);
  background-position: -3482px -3582px;
  width: 40px;
  height: 40px;
}

.csItem .bonusPanel .bonusIconContainer .bonusIcon.Icon_XPMultiplier {
  background-image: url(assets/images/Atlas.png);
  background-position: -3566px -3582px;
  width: 40px;
  height: 40px;
}

.csItem .bonusPanel .bonusIconContainer .bonusIcon.Icon_Turbo {
  background-image: url(assets/images/Atlas.png);
  background-position: -3524px -3582px;
  width: 40px;
  height: 40px;
}

.csItem .bonusPanel .bonusIconContainer .bonusIcon.Icon_ExtraGoldenWedge {
  background-image: url(assets/images/Atlas.png);
  background-position: -3272px -3582px;
  width: 40px;
  height: 40px;
}

.csItem .bonusPanel .bonusIconContainer .bonusIcon.Icon_BoostedGoldenWedge {
  background-image: url(assets/images/Atlas.png);
  background-position: -3230px -3582px;
  width: 40px;
  height: 40px;
}

.csItem .bonusPanel .bonusIconContainer .bonusIcon.Icon_BoostedFriendGift {
  background-image: url(assets/images/Atlas.png);
  background-position: -3188px -3582px;
  width: 40px;
  height: 40px;
}

.csItem .bonusPanel .bonusIconContainer [class*='icon-POKER_RECALL'].isPrimeEvent::before {
  position: absolute;
  top: -29px;
  left: -36px;
  width: 99px;
  height: 116px;
  transform: scale(0.35);
  background-image: url(assets/imgSrc/gameCanvas/pokerRecall/Prime/primePack_bottomOverlay.png);
  content: '';
}

.csItem .bonusPanel .bonusIconContainer [class*='icon-POKER_RECALL'].isPrimeEvent::after {
  position: absolute;
  top: -44px;
  left: -28px;
  width: 99px;
  height: 116px;
  transform: scale(0.35);
  background-image: url(assets/imgSrc/gameCanvas/pokerRecall/Prime/primePack_topOverlay.png);
  content: '';
  z-index: 1;
}

.csItem .bonusPanel .bonusText {
  text-align: left;
  width: auto;
  padding: 0 0 0 10px;
  font-size: 1.8rem;
  text-transform: uppercase;
}

.csItem .bonusPanel .bonusText pokerrecallstorebold {
  font-size: 3rem;
  vertical-align: sub;
  color: transparent;
  background-image: url(assets/images/minigames/pokerRecall/maxLabel.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 0 -4px 0 -2px;
}

.csItem .bonusPanel .bonusText sup {
  font-size: 0.5em;
}

.csItem .bonusPanel .generalTooltip {
  width: 230px;
  text-align: center;
}

.csItem .bonusPanel .bonusDetails {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: flex-end;
}

.csItem .bonusPanel .bonusDetails .bonusDetailsIcon {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1278px;
  width: 15px;
  height: 25px;
  margin-right: 5px;
}

.csItem .bonusPanel .bonusDetails .bonusDetailsText {
  padding-right: 10px;
}

.csItem .csiSlidePanel {
  position: absolute;
  bottom: 0;
  height: 0;
  overflow: hidden;
  z-index: 2;
  width: 100%;
}

.csItem.slidePanelOpened {
  transition: padding 1s;
  padding-bottom: 204px;
}

.csItem.slidePanelOpened .csiSlidePanel {
  transition: height 1s;
  height: 215px;
}

.csItem.slidePanelOpened .csiSlidePanel .panelPath {
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  top: -3px;
  left: -3px;
}

.csItem.slidePanelOpened .csiSlidePanel .paymentPanel {
  padding: 5px;
}

.csItem.slidePanelOpened.hasBonus .csiSlidePanel {
  padding-top: 46px;
}

.csiStatPts,
.csiCredPts {
  display: none;
  font-size: 1.7rem;
  font-family: AkzidGroProLigCnd;
}

.trConnected .csiStatPts {
  display: block;
}

.trConnected.trLogged .csiCredPts {
  display: block;
}

.csItem.sale_price .csiPrevTotal {
  left: 483px;
  top: 36px;
  z-index: 1;
  color: #194c05;
  text-shadow: 0 2px 3px #A8E212;
}

.csItemContent {
  border: solid 2px #1054b8;
  border-radius: 10px;
  background-color: #010330;
  width: 100%;
  height: 70px;
  display: flex;
  align-items: center;
  max-width: 560px;
}

.csItemContent .csiMultiplierContent {
  height: 70px;
  width: 45%;
  display: flex;
  font-size: 2.5rem;
  align-items: center;
}

.csItemContent .csiMultiplierContent .csiAmount {
  width: 80px;
  text-align: right;
}

.csItemContent .csiMultiplierContent .csiExtra {
  margin-right: 1.2em;
  margin-left: 45px;
  position: relative;
}

.csItemContent .csiMultiplierContent .csiExtra:after {
  content: "=";
  position: absolute;
  right: -25px;
  top: 50%;
  color: #fff;
  transform: translateY(-50%);
}

.csItemContent .csiTotal {
  position: relative;
  width: 18%;
  text-align: left;
  font-weight: bold;
  font-size: 3.3rem;
}

.csItemContent .csiTotal .csiImg {
  width: 40px;
  height: 46px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.csItemContent .csiTotal .csiPrevTotal {
  position: absolute;
  top: 30px;
  left: 0;
  width: 70px;
  font-size: 2rem;
  text-align: center;
}

.csItemContent .csiTotal .csiPrevTotal:after {
  content: "";
  position: absolute;
  background-image: url(assets/images/Atlas.png);
  background-position: -2344px -2870px;
  width: 70px;
  height: 17px;
  top: 5px;
  left: 0;
}

.csItemContent .csiRewards {
  width: 23%;
}

.csItemContent.hasCsiPrevTotal .csiTotal {
  margin-top: -12px;
}

.csItemContent.hasCsiPrevTotal .csiTotal .csiImg {
  top: 70%;
}

[class*="tag_"].csItem:not(.hasBonus) .csItemContent {
  box-shadow: inset 0 0 7px 2px #0042ff, 0 0 7px 2px #0042ff;
  border-color: #59d1ff;
  background-color: transparent;
}

[class*="tag_"].csItem:not(.hasBonus):hover {
  background-color: #010330;
}

.csItem.hasBonus .csItemContent {
  border-color: #7c76af;
  border-bottom-right-radius: 0;
  background-color: #16012e;
}

.csItem.hasBonus .bonusPanel {
  border: solid 2px #7c76af;
  border-top: none;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-image: linear-gradient(#1f0831, #642583);
}

.csItem.hasBonus .bonusPanel.multiBonusPanel {
  background-image: url(assets/images/chipStore/ChipStore_BenefitsCell_BG.jpg);
  background-size: 100% 100%;
}

.csItem.hasBonus:hover .csItemContent {
  background-color: #1f0831;
  box-shadow: 0 0 0 1px #d565ff, inset 0 0 0 1px #d565ff, inset 0 0 5px 2px #d565ff, 0 0 5px 2px #d565ff;
  border-color: #fffcfb;
}

.csItem.hasBonus:hover .bonusPanel {
  box-shadow: 0 0 0 1px #d565ff, inset 0 0 0 1px #d565ff, inset 0 0 5px 2px #d565ff, 0 0 5px 2px #d565ff;
  border: solid 2px #fffcfb;
  border-top: none;
}

.couponStore [class*="tag_coupon"].csItem:not(.hasBonus) .csItemContent,
.couponStore [class*="tag_coupon"].csItem .csItemContent,
.couponStore [class*="tag_coupon"].csItem.hasBonus .csItemContent,
.couponStore [class*="tag_coupon"].csItem.hasBonus.LUCKY_LOUNGE_AVAILABLE_TO_PURCHASE .csItemContent {
  border-color: #ffd400;
  background-color: transparent;
  box-shadow: none;
}

.couponStore [class*="tag_coupon"].csItem:not(.hasBonus) .bonusPanel,
.couponStore [class*="tag_coupon"].csItem .bonusPanel,
.couponStore [class*="tag_coupon"].csItem.hasBonus .bonusPanel,
.couponStore [class*="tag_coupon"].csItem.hasBonus.LUCKY_LOUNGE_AVAILABLE_TO_PURCHASE .bonusPanel {
  border: solid 2px #ffd400;
  border-top: 0;
  background-color: transparent;
  background-image: none;
}

.couponStore [class*="tag_coupon"].csItem:not(.hasBonus) .bonusPanel.multiBonusPanel,
.couponStore [class*="tag_coupon"].csItem .bonusPanel.multiBonusPanel,
.couponStore [class*="tag_coupon"].csItem.hasBonus .bonusPanel.multiBonusPanel,
.couponStore [class*="tag_coupon"].csItem.hasBonus.LUCKY_LOUNGE_AVAILABLE_TO_PURCHASE .bonusPanel.multiBonusPanel {
  background-image: none;
}

.couponStore [class*="tag_coupon"].csItem:not(.hasBonus):hover,
.couponStore [class*="tag_coupon"].csItem:hover,
.couponStore [class*="tag_coupon"].csItem.hasBonus:hover,
.couponStore [class*="tag_coupon"].csItem.hasBonus.LUCKY_LOUNGE_AVAILABLE_TO_PURCHASE:hover {
  background-color: transparent;
}

.couponStore [class*="tag_coupon"].csItem:not(.hasBonus):hover .csItemContent,
.couponStore [class*="tag_coupon"].csItem:hover .csItemContent,
.couponStore [class*="tag_coupon"].csItem.hasBonus:hover .csItemContent,
.couponStore [class*="tag_coupon"].csItem.hasBonus.LUCKY_LOUNGE_AVAILABLE_TO_PURCHASE:hover .csItemContent {
  box-shadow: inset 0 0 7px 2px #ffd400, 0 0 7px 2px #ffd400;
  border-color: #ffd400;
}

.couponStore [class*="tag_coupon"].csItem:not(.hasBonus):hover .bonusPanel,
.couponStore [class*="tag_coupon"].csItem:hover .bonusPanel,
.couponStore [class*="tag_coupon"].csItem.hasBonus:hover .bonusPanel,
.couponStore [class*="tag_coupon"].csItem.hasBonus.LUCKY_LOUNGE_AVAILABLE_TO_PURCHASE:hover .bonusPanel {
  box-shadow: 0 0 0 1px #ffd400, inset 0 0 0 1px #ffd400, inset 0 0 5px 2px #ffd400, 0 0 5px 2px #ffd400;
}

.bonusPanel .tooltipContainer {
  top: 8px;
}

.bonusPanel.multiBonusPanel {
  flex-wrap: wrap;
  padding: 0 15px 0 15px;
}

.bonusPanel.multiBonusPanel .bonusText {
  font-size: 1.8rem;
  padding: 0 10px 0 0;
}

.bonusPanel.multiBonusPanel .displayAmount {
  font-size: 1.8rem;
  text-transform: uppercase;
}

.bonusPanel.multiBonusPanel .bonusContainer {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin: 5px 15px;
  font-size: 2.4rem;
}

.bonusPanel.multiBonusPanel .bonusIconContainer {
  margin-right: 5px;
}

.bonusPanel.multiBonusPanel .tooltipContainer {
  position: absolute;
  right: 5px;
  top: 2px;
}

.csItemBoxClubs .csItemContent .csiMultiplierContent {
  position: relative;
}

.csItemBoxClubs .csItemContent .csiMultiplierContent.multiplierContentBonus:after {
  background: linear-gradient(to bottom, rgba(71, 124, 252, 0) 0%, #c05fcb 51%, transparent 100%);
}

.csItemBoxClubs .csItemContent .csiMultiplierContent:after {
  content: '';
  background: linear-gradient(to bottom, rgba(71, 124, 252, 0) 0%, #477cfc 51%, transparent 100%);
  display: block;
  width: 1px;
  height: 85%;
  position: absolute;
  right: 0;
}

.csItemBoxClubs .csItemContent .csiMultiplierContent .csiExtra {
  margin-right: 36px;
  margin-left: 5px;
  position: relative;
  text-align: left;
}

.csItemBoxClubs .csItemContent .csiMultiplierContent .csiExtra:after {
  content: '';
}

.csItemBoxClubs .csItemContent .csiMultiplierContent .csiExtra .trs-icon {
  right: -4px;
  left: unset;
  transform: translate(100%, -50%);
  top: 50%;
  height: 1em;
  width: 1.1em;
}

.csItemBoxClubs .csItemContent .csiMultiplierContent .csiClubMultiplier {
  position: relative;
  margin-left: 4px;
  display: flex;
  align-items: center;
}

.csItemBoxClubs .csItemContent .csiMultiplierContent .csiClubMultiplier.multiplier-Jack {
  color: #1dbb7d;
}

.csItemBoxClubs .csItemContent .csiMultiplierContent .csiClubMultiplier.multiplier-Queen {
  color: #8b0edb;
}

.csItemBoxClubs .csItemContent .csiMultiplierContent .csiClubMultiplier.multiplier-King {
  color: #ff9e41;
}

.csItemBoxClubs .csItemContent .csiMultiplierContent .csiClubMultiplier.multiplier-Ace {
  color: #ff2f3f;
}

.csItemBoxClubs .csItemContent .csiMultiplierContent .csiClubMultiplier.multiplier-Master {
  color: #ffdb5c;
}

.csItemBoxClubs .csItemContent .csiMultiplierContent .csiClubMultiplier.multiplier-Grand-Master {
  color: #86edff;
}

.csItemBoxClubs .csItemContent .csiMultiplierContent .csiClubMultiplier .clubs-badge-container {
  position: relative;
  margin-left: 7px;
}

.csItemBoxClubs .csItemContent .csiTotal {
  width: 15%;
  text-align: right;
  font-family: AkzidGroProLigCnd;
}

.csItemBoxClubs .csItemContent .csiTotal .csiPrevTotal {
  left: 18px;
}

.csItemBoxClubs .csItemContent .csiTotal .csiImg {
  right: -30px;
}

.csItemBoxClubs .csItemContent .csiRewards {
  width: 25%;
}

.nPopupMenu.couponStore [class*="tag_coupon"] .csItemBoxClubs .csItemContent .tooltipContainer:after {
  background: linear-gradient(to bottom, rgba(225, 221, 0, 0) 0%, #ffdd00 55%, transparent 100%);
}

.nPopupMenu.couponStore [class*="tag_coupon"] .csItemBoxClubs .csItemContent .csiMultiplierContent {
  position: relative;
}

.nPopupMenu.couponStore [class*="tag_coupon"] .csItemBoxClubs .csItemContent .csiMultiplierContent.multiplierContentBonus:after {
  background: linear-gradient(to bottom, rgba(225, 221, 0, 0) 0%, #ffdd00 55%, transparent 100%);
}

.nPopupMenu.couponStore [class*="tag_coupon"] .csItemBoxClubs .csItemContent .csiMultiplierContent:after {
  background: linear-gradient(to bottom, rgba(225, 221, 0, 0) 0%, #ffdd00 55%, transparent 100%);
}

.mgop-info-popup {
  width: 484px;
  height: 280px;
  position: relative;
  left: 50%;
  margin-left: -242px;
  top: 150px;
}

.mgop-info-popup.multipleGOPInfoPopup-starquest-arena {
  position: absolute;
  top: 600px;
  margin-top: 0;
}

.mgop-info-popup .benefits-neon-frame {
  height: 100%;
  width: 100%;
  position: absolute;
  box-shadow: 0 0 2px 2px #d565ffad, inset 0 0 2px 2px #d565ffba;
  border: solid 1px #fffcfb;
  border-radius: 5px;
  z-index: 10;
  pointer-events: none;
}

.mgop-info-popup .close-btn {
  background-image: url(assets/images/Atlas.png);
  background-position: -129px -3648px;
  width: 39px;
  height: 40px;
  position: absolute;
  right: -2px;
  top: -1px;
  z-index: 30;
}

.mgop-info-popup .close-btn:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -211px -3648px;
  width: 39px;
  height: 40px;
}

.mgop-info-popup .close-btn:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -170px -3648px;
  width: 39px;
  height: 40px;
}

.mgop-info-popup .benefits-text, .mgop-info-popup .benefits-amount {
  font-family: AkzidGroProBolCnd;
  text-shadow: 0px 0px 5px #d825ff, 0px 0px 5px #d825ff, 0px 0px 5px #d825ff, 0px 0px 5px #d825ff, 0px 0px 5px #d825ff, 0px 0px 5px #d825ff;
}

.mgop-info-popup .benefits-header {
  font-family: AkzidGroProCnd, arial, sans-serif;
  font-size: 27px;
  width: 100%;
  height: 35px;
  text-align: center;
  text-shadow: 0 0 3px #d565ff, 0 0 3px #d565ff, 0 0 3px #d565ff;
  background-color: #06000c;
  text-transform: uppercase;
}

.mgop-info-popup .benefits-text {
  margin: 67px 0px 0px 15px;
  font-size: 32px;
}

.mgop-info-popup .benefits-amount {
  font-size: 45px;
}

.mgop-info-popup .benefits-top-fadeout {
  height: 20px;
}

.mgop-info-popup .benefits-list {
  margin-left: 40px;
}

.mgop-info-popup .benefits-list .scrollableArea {
  z-index: 3;
}

.mgop-info-popup .benefits-list .benefit {
  height: 40px;
  margin-top: 10px;
}

.mgop-info-popup .benefits-list .benefit:last-child {
  padding-bottom: 10px;
}

.mgop-info-popup .benefits-list .label {
  padding-top: unset;
  margin-top: unset;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  white-space: pre-wrap;
}

.mgop-info-popup .benefits-list .benefit-icon {
  display: flex;
  align-items: center;
}

.mgop-info-popup .benefits-list .benefit-icon img {
  width: 100%;
}

.mgop-info-popup .benefits-list .benefit-icon::before {
  display: none;
}

.mgop-info-popup .benefits-list .benefit-icon.isPrime {
  position: relative;
}

.mgop-info-popup .benefits-list .benefit-icon.isPrime::before {
  display: block;
  position: absolute;
  top: -30px;
  left: -36px;
  width: 99px;
  height: 116px;
  transform: scale(0.35);
  background-image: url(assets/imgSrc/gameCanvas/pokerRecall/Prime/primePack_bottomOverlay.png);
  content: '';
}

.mgop-info-popup .benefits-list .benefit-icon.isPrime::after {
  position: absolute;
  top: -45px;
  left: -28px;
  width: 99px;
  height: 116px;
  transform: scale(0.35);
  background-image: url(assets/imgSrc/gameCanvas/pokerRecall/Prime/primePack_topOverlay.png);
  content: '';
  z-index: 1;
}

.mgop-info-popup .benefits-list .benefit-icon .sqChipsMultiplierRewardInfo {
  letter-spacing: 1px;
  left: 190px;
  position: absolute;
  font-size: 18px;
  font-weight: bold;
  top: 7px;
}

.mgop-info-popup .benefits-header-separator {
  width: 100%;
  height: 1px;
  top: 35px;
  left: 1px;
  border-bottom: 1px solid white;
  position: absolute;
  box-shadow: 0 0 3px 1px #d565ffad, inset 0 0 3px 1px #d565ffba;
  z-index: 10;
}

.mgop-info-popup .benefits-popup-bg {
  background-image: url(assets/images/chipStore/ChipStore_BenefitsPopup_BG.jpg);
  background-size: 100% 100%;
  width: 100%;
  height: calc(100% - 34px);
  position: absolute;
  z-index: 0;
}

.mgop-info-popup .benefits-popup-fadeout-top {
  background-image: url(assets/images/chipStore/ChipStore_BenefitsPopup_BG_FadeOutTop.png);
  background-size: 100% 100%;
  width: 100%;
  height: 5px;
  position: absolute;
  top: 57px;
  z-index: 3;
}

.mgop-info-popup .benefits-popup-fadeout-bottom {
  background-image: url(assets/images/chipStore/ChipStore_BenefitsPopup_BG_FadeOutBottom.png);
  background-size: 100% 100%;
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: 23px;
  z-index: 3;
}

.mgop-info-popup .iScrollVerticalScrollbar {
  background: #170622;
  border: 1px solid #0e0216;
}

.mgop-info-popup .iScrollVerticalScrollbar .iScrollIndicator {
  background: #672a92 !important;
}

.benefit-star-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 3px;
  background-image: url(assets/images/chipStore/RarityStar_StoreIcon_Big.png);
}

#popupCont .eq5HeaderText {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 86px;
  left: calc(50% - 377px);
  background: linear-gradient(to bottom, white, #78e0fd);
  border-radius: 5px;
  z-index: 3;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  color: #011574;
  width: 255px;
  font-family: 'Akzidenz-Grotesk Pro XBold Cnd';
}

#popupCont .eq5HeaderText.hasClubBoost {
  width: 265px;
  top: 84px;
}

#popupCont .eq5TooltipBackdrop {
  position: absolute;
  background: transparent;
  width: 100%;
  height: 100vh;
  top: -10px;
  left: 0;
  z-index: 4;
}

#popupCont .eq5TooltipBackdrop .eq5TooltipHighlighter {
  position: absolute;
  width: 28px;
  height: 28px;
  box-shadow: 0 0 0 1000vh rgba(0, 0, 0, 0.6);
  top: 120px;
  left: calc(50% - 228px);
  background: transparent;
}

#popupCont .eq5TooltipBackdrop .eq5TooltipHighlighter:hover {
  cursor: pointer;
}

#popupCont .eq5TooltipBackdrop .eq5TooltipHighlighter.hasClubBoost {
  left: calc(50% - 222px);
}

#popupCont .eq5TooltipBackdrop .eq5Tooltip {
  position: absolute;
  background: white;
  top: 165px;
  left: calc(50% - 379px);
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  color: black;
  font-size: 18px;
}

#popupCont .eq5TooltipBackdrop .eq5Tooltip:hover {
  cursor: pointer;
}

#popupCont .eq5TooltipBackdrop .eq5Tooltip.hasClubBoost {
  left: calc(50% - 374px);
}

#popupCont .eq5TooltipBackdrop .eq5Tooltip::before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: white;
  top: -10px;
  transform: rotate(45deg);
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.nPopupMenu.chipsStoreEQ4.eq5StickyClubMultiplier, .nPopupMenu.eq5StickyClubMultiplier.eq5StickyClubMultiplier {
  border-radius: 5px;
}

.nPopupMenu.chipsStoreEQ4.eq5StickyClubMultiplier header, .nPopupMenu.eq5StickyClubMultiplier.eq5StickyClubMultiplier header {
  margin-top: 4px;
}

.nPopupMenu.chipsStoreEQ4 header, .nPopupMenu.eq5StickyClubMultiplier header {
  display: flex;
}

.nPopupMenu.chipsStoreEQ4 header .header-bonus-EarthQuake, .nPopupMenu.eq5StickyClubMultiplier header .header-bonus-EarthQuake {
  display: flex;
}

.nPopupMenu.chipsStoreEQ4 header .header-bonus-EarthQuake .multiplier-club-earthQuake-container, .nPopupMenu.eq5StickyClubMultiplier header .header-bonus-EarthQuake .multiplier-club-earthQuake-container {
  color: #1b9dfc;
  margin-right: 20px;
  position: relative;
  left: 4px;
  font-size: 25px;
  display: flex;
  align-items: center;
}

.nPopupMenu.chipsStoreEQ4 header .header-bonus-EarthQuake .multiplier-club-earthQuake-container.eq5StickyClubMultiplier, .nPopupMenu.eq5StickyClubMultiplier header .header-bonus-EarthQuake .multiplier-club-earthQuake-container.eq5StickyClubMultiplier {
  font-size: 20px;
  margin-right: 15px;
  left: 7px;
}

.nPopupMenu.chipsStoreEQ4 header .header-bonus-EarthQuake .multiplier-club-earthQuake-container.eq5StickyClubMultiplier .eq5Text, .nPopupMenu.eq5StickyClubMultiplier header .header-bonus-EarthQuake .multiplier-club-earthQuake-container.eq5StickyClubMultiplier .eq5Text {
  background: -webkit-linear-gradient(top, #fcf5bd, #fcf5bd, #ffea6f, #ffea6f, #ce8c16, #ffea6f, #ffea6f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
  font-weight: bold;
}

.nPopupMenu.chipsStoreEQ4 header .header-bonus-EarthQuake .multiplier-club-earthQuake-container.eq5StickyClubMultiplier .eq5Text.hasClubBoost, .nPopupMenu.eq5StickyClubMultiplier header .header-bonus-EarthQuake .multiplier-club-earthQuake-container.eq5StickyClubMultiplier .eq5Text.hasClubBoost {
  margin-right: 5px;
}

.nPopupMenu.chipsStoreEQ4 header .header-bonus-EarthQuake .multiplier-club-earthQuake-container.eq5StickyClubMultiplier:hover, .nPopupMenu.eq5StickyClubMultiplier header .header-bonus-EarthQuake .multiplier-club-earthQuake-container.eq5StickyClubMultiplier:hover {
  cursor: pointer;
}

.nPopupMenu.chipsStoreEQ4 header .header-bonus-EarthQuake .multiplier-club-earthQuake-container .clubMultiplier-earthQuake, .nPopupMenu.eq5StickyClubMultiplier header .header-bonus-EarthQuake .multiplier-club-earthQuake-container .clubMultiplier-earthQuake {
  display: flex;
  padding: 0px 10px 0px 10px;
  align-items: center;
}

.nPopupMenu.chipsStoreEQ4 header .header-bonus-EarthQuake .multiplier-club-earthQuake-container .clubMultiplier-earthQuake .multiplier-club-icon, .nPopupMenu.eq5StickyClubMultiplier header .header-bonus-EarthQuake .multiplier-club-earthQuake-container .clubMultiplier-earthQuake .multiplier-club-icon {
  display: flex;
  padding: 0px 5px 0px 5px;
  font-weight: bold;
}

.nPopupMenu.chipsStoreEQ4 header .header-bonus-EarthQuake .multiplier-club-earthQuake-container .clubMultiplier-earthQuake .multiplier-club-icon.multiplier-Jack, .nPopupMenu.eq5StickyClubMultiplier header .header-bonus-EarthQuake .multiplier-club-earthQuake-container .clubMultiplier-earthQuake .multiplier-club-icon.multiplier-Jack {
  color: #1dbb7d;
}

.nPopupMenu.chipsStoreEQ4 header .header-bonus-EarthQuake .multiplier-club-earthQuake-container .clubMultiplier-earthQuake .multiplier-club-icon.multiplier-Queen, .nPopupMenu.eq5StickyClubMultiplier header .header-bonus-EarthQuake .multiplier-club-earthQuake-container .clubMultiplier-earthQuake .multiplier-club-icon.multiplier-Queen {
  color: #8b0edb;
}

.nPopupMenu.chipsStoreEQ4 header .header-bonus-EarthQuake .multiplier-club-earthQuake-container .clubMultiplier-earthQuake .multiplier-club-icon.multiplier-King, .nPopupMenu.eq5StickyClubMultiplier header .header-bonus-EarthQuake .multiplier-club-earthQuake-container .clubMultiplier-earthQuake .multiplier-club-icon.multiplier-King {
  color: #ff9e41;
}

.nPopupMenu.chipsStoreEQ4 header .header-bonus-EarthQuake .multiplier-club-earthQuake-container .clubMultiplier-earthQuake .multiplier-club-icon.multiplier-Ace, .nPopupMenu.eq5StickyClubMultiplier header .header-bonus-EarthQuake .multiplier-club-earthQuake-container .clubMultiplier-earthQuake .multiplier-club-icon.multiplier-Ace {
  color: #ff2f3f;
}

.nPopupMenu.chipsStoreEQ4 header .header-bonus-EarthQuake .multiplier-club-earthQuake-container .clubMultiplier-earthQuake .multiplier-club-icon.multiplier-Master, .nPopupMenu.eq5StickyClubMultiplier header .header-bonus-EarthQuake .multiplier-club-earthQuake-container .clubMultiplier-earthQuake .multiplier-club-icon.multiplier-Master {
  color: #ffdb5c;
}

.nPopupMenu.chipsStoreEQ4 header .header-bonus-EarthQuake .multiplier-club-earthQuake-container .clubMultiplier-earthQuake .multiplier-club-icon.multiplier-Grand-Master, .nPopupMenu.eq5StickyClubMultiplier header .header-bonus-EarthQuake .multiplier-club-earthQuake-container .clubMultiplier-earthQuake .multiplier-club-icon.multiplier-Grand-Master {
  color: #86edff;
}

.nPopupMenu.chipsStoreEQ4 header .header-bonus-EarthQuake .multiplier-club-earthQuake-container .clubMultiplier-earthQuake.eq5StickyClubMultiplier, .nPopupMenu.eq5StickyClubMultiplier header .header-bonus-EarthQuake .multiplier-club-earthQuake-container .clubMultiplier-earthQuake.eq5StickyClubMultiplier {
  padding: 0;
}

.nPopupMenu.chipsStoreEQ4 header .header-bonus-EarthQuake .multiplier-club-earthQuake-container .clubMultiplier-earthQuake.eq5StickyClubMultiplier .multiplier-club-icon, .nPopupMenu.eq5StickyClubMultiplier header .header-bonus-EarthQuake .multiplier-club-earthQuake-container .clubMultiplier-earthQuake.eq5StickyClubMultiplier .multiplier-club-icon {
  padding: 0;
  align-items: center;
}

.nPopupMenu.chipsStoreEQ4 header .header-bonus-EarthQuake .multiplier-club-earthQuake-container .clubMultiplier-earthQuake.eq5StickyClubMultiplier .multiplier-club-icon .eq5MultiplierValueText, .nPopupMenu.eq5StickyClubMultiplier header .header-bonus-EarthQuake .multiplier-club-earthQuake-container .clubMultiplier-earthQuake.eq5StickyClubMultiplier .multiplier-club-icon .eq5MultiplierValueText {
  font-size: 19px;
  background: -webkit-linear-gradient(top, #fcf5bd, #fcf5bd, #ffea6f, #ffea6f, #ce8c16, #ffea6f, #ffea6f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
}

.nPopupMenu.chipsStoreEQ4 header .header-bonus-EarthQuake .multiplier-club-earthQuake-container .clubMultiplier-earthQuake.eq5StickyClubMultiplier .eq5TooltipButton, .nPopupMenu.eq5StickyClubMultiplier header .header-bonus-EarthQuake .multiplier-club-earthQuake-container .clubMultiplier-earthQuake.eq5StickyClubMultiplier .eq5TooltipButton {
  margin: 0 5px 0 1px;
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2704px -884px;
  width: 28px;
  height: 34px;
}

.nPopupMenu.chipsStoreEQ4 header .header-bonus-EarthQuake .multiplier-club-earthQuake-container .clubMultiplier-earthQuake.eq5StickyClubMultiplier .multiplier-club-icon .clubs-badge-container .clubs-badge, .nPopupMenu.eq5StickyClubMultiplier header .header-bonus-EarthQuake .multiplier-club-earthQuake-container .clubMultiplier-earthQuake.eq5StickyClubMultiplier .multiplier-club-icon .clubs-badge-container .clubs-badge {
  margin: 0 3px 0 1px;
}

.nPopupMenu.chipsStoreEQ4 header .header-bonus-EarthQuake .multiplier-club-earthQuake-container .clubMultiplier-earthQuake.eq5StickyClubMultiplier.hasClubBoost .multiplier-club-icon .clubs-badge-container .clubs-badge, .nPopupMenu.eq5StickyClubMultiplier header .header-bonus-EarthQuake .multiplier-club-earthQuake-container .clubMultiplier-earthQuake.eq5StickyClubMultiplier.hasClubBoost .multiplier-club-icon .clubs-badge-container .clubs-badge {
  position: relative;
  left: -1px;
  top: 1px;
}

.nPopupMenu.chipsStoreEQ4 header .header-bonus-EarthQuake .multiplier-club-earthQuake-container.multiplierContentBonus:after, .nPopupMenu.eq5StickyClubMultiplier header .header-bonus-EarthQuake .multiplier-club-earthQuake-container.multiplierContentBonus:after {
  background: linear-gradient(to bottom, rgba(71, 124, 252, 0) 0%, #c05fcb 51%, transparent 100%);
}

.nPopupMenu.chipsStoreEQ4 header .header-bonus-EarthQuake .multiplier-club-earthQuake-container:after, .nPopupMenu.eq5StickyClubMultiplier header .header-bonus-EarthQuake .multiplier-club-earthQuake-container:after {
  content: '';
  position: absolute;
  right: 0;
  display: block;
  width: 1px;
  height: 85%;
  background: linear-gradient(to bottom, rgba(71, 124, 252, 0) 0%, #477cfc 51%, transparent 100%);
}

.nPopupMenu.chipsStoreEQ4 header .header-bonus-EarthQuake .csiExtra-earthQuake, .nPopupMenu.eq5StickyClubMultiplier header .header-bonus-EarthQuake .csiExtra-earthQuake {
  font-size: 25px;
  display: flex;
  flex-direction: row-reverse;
  padding-right: 50px;
  align-items: center;
}

.nPopupMenu.chipsStoreEQ4 header .header-bonus-EarthQuake .csiExtra-earthQuake.notrs, .nPopupMenu.eq5StickyClubMultiplier header .header-bonus-EarthQuake .csiExtra-earthQuake.notrs {
  padding-right: 100px;
}

.nPopupMenu.chipsStoreEQ4 header .header-bonus-EarthQuake .csiExtra-earthQuake .reward-icon, .nPopupMenu.eq5StickyClubMultiplier header .header-bonus-EarthQuake .csiExtra-earthQuake .reward-icon {
  padding-left: 5px;
}

.nPopupMenu.chipsStoreEQ4 .csHeader, .nPopupMenu.eq5StickyClubMultiplier .csHeader {
  display: none;
}

.nPopupMenu.chipsStoreEQ4 #csItems, .nPopupMenu.eq5StickyClubMultiplier #csItems {
  height: 484px;
}

.nPopupMenu.chipsStoreEQ4 .csItemContent .csiTotal, .nPopupMenu.eq5StickyClubMultiplier .csItemContent .csiTotal {
  width: 100px;
}

.nPopupMenu.chipsStoreEQ4 .csItemContent .csiTotal .csiPrevTotal, .nPopupMenu.eq5StickyClubMultiplier .csItemContent .csiTotal .csiPrevTotal {
  left: initial;
}

.nPopupMenu.chipsStoreEQ4 .csItemContent .csiTotal .csiImg, .nPopupMenu.eq5StickyClubMultiplier .csItemContent .csiTotal .csiImg {
  transform: translate(-60px, -22px);
  right: -25px;
}

.nPopupMenu.chipsStoreEQ4 .csItemContent .csiRewardsEQ4, .nPopupMenu.eq5StickyClubMultiplier .csItemContent .csiRewardsEQ4 {
  position: relative;
  left: 50px;
  display: flex;
  flex-direction: row;
  font-size: 17px;
}

.nPopupMenu.chipsStoreEQ4 .csItemContent .csiRewardsEQ4 .csiRewardsItemEQ4, .nPopupMenu.eq5StickyClubMultiplier .csItemContent .csiRewardsEQ4 .csiRewardsItemEQ4 {
  display: block;
  position: relative;
  margin-right: 13px;
}

.nPopupMenu.chipsStoreEQ4 .csItemContent .csiRewardsEQ4 .csiRewardsItemEQ4 > img, .nPopupMenu.eq5StickyClubMultiplier .csItemContent .csiRewardsEQ4 .csiRewardsItemEQ4 > img {
  height: 50px;
}

.nPopupMenu.chipsStoreEQ4 .csItemContent .csiRewardsEQ4 .csiRewardsItemEQ4 .bonusIconReward, .nPopupMenu.eq5StickyClubMultiplier .csItemContent .csiRewardsEQ4 .csiRewardsItemEQ4 .bonusIconReward {
  margin: 5px auto 0;
}

.nPopupMenu.chipsStoreEQ4 .csItemContent .csiRewardsEQ4 .csiRewardsItemEQ4 .rewardItemAmount, .nPopupMenu.eq5StickyClubMultiplier .csItemContent .csiRewardsEQ4 .csiRewardsItemEQ4 .rewardItemAmount {
  margin-top: 2px;
  white-space: nowrap;
}

.nPopupMenu.chipsStoreEQ4 .csItemContent .csiRewardsEQ4 .csiRewardsItemEQ4 .csiStatPtsEQ4, .nPopupMenu.eq5StickyClubMultiplier .csItemContent .csiRewardsEQ4 .csiRewardsItemEQ4 .csiStatPtsEQ4 {
  font-family: AkzidGroProLigCnd;
  display: block;
  margin: 0px;
  position: relative;
  bottom: 8px;
  font-weight: 800;
  white-space: nowrap;
}

.nPopupMenu.chipsStoreEQ4 .csItemContent .tooltipContainer, .nPopupMenu.eq5StickyClubMultiplier .csItemContent .tooltipContainer {
  position: absolute;
  right: 120px;
}

.nPopupMenu.chipsStoreEQ4 .csItemContent .tooltipContainer:after, .nPopupMenu.eq5StickyClubMultiplier .csItemContent .tooltipContainer:after {
  content: '';
  position: absolute;
  right: -8px;
  top: -12px;
  display: block;
  width: 1px;
  height: 65px;
  background: linear-gradient(to bottom, rgba(71, 124, 252, 0) 0%, #c05fcb 55%, transparent 100%);
}

.nPopupMenu.chipsStoreEQ4 .csiMultiplierContentEQ4, .nPopupMenu.eq5StickyClubMultiplier .csiMultiplierContentEQ4 {
  display: flex;
  margin-left: 10px;
  margin-top: 2px;
  justify-content: space-between;
  transform: translate(40px, 0px);
}

.nPopupMenu.chipsStoreEQ4 .csiMultiplierContentEQ4.multiplier-Jack, .nPopupMenu.eq5StickyClubMultiplier .csiMultiplierContentEQ4.multiplier-Jack {
  color: #1dbb7d;
}

.nPopupMenu.chipsStoreEQ4 .csiMultiplierContentEQ4.multiplier-Queen, .nPopupMenu.eq5StickyClubMultiplier .csiMultiplierContentEQ4.multiplier-Queen {
  color: #8b0edb;
}

.nPopupMenu.chipsStoreEQ4 .csiMultiplierContentEQ4.multiplier-King, .nPopupMenu.eq5StickyClubMultiplier .csiMultiplierContentEQ4.multiplier-King {
  color: #ff9e41;
}

.nPopupMenu.chipsStoreEQ4 .csiMultiplierContentEQ4.multiplier-Ace, .nPopupMenu.eq5StickyClubMultiplier .csiMultiplierContentEQ4.multiplier-Ace {
  color: #ff2f3f;
}

.nPopupMenu.chipsStoreEQ4 .csiMultiplierContentEQ4.multiplier-Master, .nPopupMenu.eq5StickyClubMultiplier .csiMultiplierContentEQ4.multiplier-Master {
  color: #ffdb5c;
}

.nPopupMenu.chipsStoreEQ4 .csiMultiplierContentEQ4.multiplier-Grand-Master, .nPopupMenu.eq5StickyClubMultiplier .csiMultiplierContentEQ4.multiplier-Grand-Master {
  color: #86edff;
}

.nPopupMenu.chipsStoreEQ4 .csiMultiplierContentEQ4.multiplierContentBonus:after, .nPopupMenu.eq5StickyClubMultiplier .csiMultiplierContentEQ4.multiplierContentBonus:after {
  background: linear-gradient(to bottom, rgba(71, 124, 252, 0) 0%, #c05fcb 55%, transparent 100%);
}

.nPopupMenu.chipsStoreEQ4 .csiMultiplierContentEQ4.multiplierContentBonus .line-separator:after, .nPopupMenu.eq5StickyClubMultiplier .csiMultiplierContentEQ4.multiplierContentBonus .line-separator:after {
  border: 1px solid #c05fcb;
}

.nPopupMenu.chipsStoreEQ4 .csiMultiplierContentEQ4:after, .nPopupMenu.eq5StickyClubMultiplier .csiMultiplierContentEQ4:after {
  content: '';
  background: linear-gradient(to bottom, rgba(71, 124, 252, 0) 0%, #477cfc 55%, transparent 100%);
  display: block;
  width: 1px;
  height: 65px;
  position: absolute;
  right: 0;
  top: -10px;
}

.nPopupMenu.chipsStoreEQ4 .csiMultiplierContentEQ4 .line-separator, .nPopupMenu.eq5StickyClubMultiplier .csiMultiplierContentEQ4 .line-separator {
  width: 16%;
}

.nPopupMenu.chipsStoreEQ4 .csiMultiplierContentEQ4.hasCsiPrevTotal, .nPopupMenu.eq5StickyClubMultiplier .csiMultiplierContentEQ4.hasCsiPrevTotal {
  margin-top: -12px;
}

.nPopupMenu.chipsStoreEQ4.hasClubBoost .clubs-badge-container, .nPopupMenu.eq5StickyClubMultiplier.hasClubBoost .clubs-badge-container {
  position: relative;
}

.nPopupMenu.chipsStoreEQ4.hasClubBoost .clubs-badge-container .clubs-badge, .nPopupMenu.eq5StickyClubMultiplier.hasClubBoost .clubs-badge-container .clubs-badge {
  margin-right: 5px;
}

.nPopupMenu.chipsStoreEQ4.couponStore [class*="tag_coupon"] .csiMultiplierContentEQ4.multiplierContentBonus:after {
  background: linear-gradient(to bottom, rgba(225, 221, 0, 0) 0%, #ffdd00 55%, transparent 100%) !important;
}

.nPopupMenu.chipsStoreEQ4.couponStore [class*="tag_coupon"] .csiMultiplierContentEQ4:after {
  background: linear-gradient(to bottom, rgba(225, 221, 0, 0) 0%, #ffdd00 55%, transparent 100%) !important;
}

.couponStore.nPopupMenu.chipsStoreEQ4.eq5StickyClubMultiplier header .header-bonus-EarthQuake .multiplier-club-earthQuake-container:after, .nPopupMenu.eq5StickyClubMultiplier.eq5StickyClubMultiplier header .header-bonus-EarthQuake .multiplier-club-earthQuake-container:after {
  background: linear-gradient(to bottom, rgba(225, 221, 0, 0) 0%, #ffdd00 55%, transparent 100%);
}

.couponStore.nPopupMenu.chipsStoreEQ4 header .header-bonus-EarthQuake .multiplier-club-earthQuake-container:after, .nPopupMenu.eq5StickyClubMultiplier header .header-bonus-EarthQuake .multiplier-club-earthQuake-container:after {
  background: linear-gradient(to bottom, rgba(225, 221, 0, 0) 0%, #ffdd00 55%, transparent 100%);
}

#sendCollectGifts {
  /* override the value from PopupMenu.scss */
  /* add 35px because there is a notification outside of the tab */
  height: 568px;
  padding-top: 35px;
  top: 60px;
  overflow: inherit;
}

#sendCollectGifts .pmClose {
  background-image: url(assets/images/Atlas.png);
  background-position: -2367px -3280px;
  width: 49px;
  height: 48px;
  top: 30px;
  right: -5px;
  z-index: 4;
  transform: scale(0.75);
}

#sendCollectGifts .pmClose:hover {
  background-position: -2316px -3280px;
}

#sendCollectGifts .pmClose:active {
  background-position: -2265px -3280px;
}

#pmTabNbGifts.show:after {
  content: attr(data-gifts);
  background-image: url(assets/images/Atlas.png);
  background-position: -383px -3582px;
  width: 58px;
  height: 60px;
  line-height: 60px;
  position: absolute;
  right: -40px;
  top: -35px;
  color: #fff;
  font-size: 2.5rem;
}

#pmTabNbGifts {
  margin-left: -19px;
}

.pmTab.active #pmTabNbGifts {
  margin-left: 0px;
}

.scgsFreeChips {
  background-image: url(assets/images/Atlas.png);
  background-position: -3242px -2693px;
  width: 170px;
  height: 299px;
  position: absolute;
  width: 170px;
  height: 299px;
  top: 80px;
}

.scgsInviteFriends {
  background-image: url(assets/images/AtlasJPEG.png);
  background-position: -1424px 0px;
  width: 170px;
  height: 409px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.scgsDisclaimer {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  font-size: 1.8rem;
  color: #888;
}

.scgsBg {
  background: #141728;
  border-radius: 5px;
  box-shadow: inset 2px 7px 10px #0a0b13, inset -2px 0px 7px #0a0b13, 0 8px 6px -6px #1d275e;
}

.scgsBtns {
  width: 148px;
  position: absolute;
  top: 15px;
  left: 20px;
}

.scgsSearchBar {
  width: 341px;
  height: 35px;
  position: absolute;
  left: 170px;
  top: 25px;
}

.scgsSearchBar input {
  background: none;
  border: 0;
  width: 97%;
  height: 85%;
  color: #fff;
  font-family: AkzidGroProLigCnd;
  font-size: 2.3rem;
}

.scgsFriendList {
  width: 341px;
  height: 347px;
  position: absolute;
  left: 170px;
  top: 70px;
  margin: 0;
  padding: 0;
  text-align: left;
  font-family: AkzidGroProLigCnd;
  font-size: 2.1rem;
}

.scgsFriendList ul {
  padding: 0;
  margin: 0;
}

.scgsFriendList li {
  padding: 0 0 0 28px;
  list-style: none;
  width: 142px;
  position: relative;
  line-height: 28px;
  cursor: pointer;
  display: inline-block;
  margin: -4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.scgsFriendList li.disabled {
  cursor: default;
  opacity: .35;
}

.scgsFriendList li.disabled:before {
  background-position: -3697px -449px;
}

.scgsFriendList li:before {
  content: "";
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -479px;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 0px;
  left: 0px;
}

.scgsSelList {
  width: 169px;
  height: 293px;
  left: auto;
  right: 15px;
}

.scgsSelList li {
  width: 141px;
}

.scgsSelList li:before {
  background-position: -3697px -449px;
}

.scgsSelectAll {
  position: absolute;
  top: 24px;
  right: 12px;
  padding: 5px 0;
  width: 174px;
  font-size: 2.3rem;
  text-shadow: 0 3px 5px #000;
  font-family: AkzidGroProXBolCnd;
}

.scgsSend {
  position: absolute;
  bottom: 48px;
  right: 16px;
}

#chatDealerLog {
  height: 181px;
  width: 785px;
  overflow: hidden;
  margin-top: 7px;
  left: -4px;
  position: relative;
  color: #9093b2;
  z-index: 1;
}

#chatDealerLog .chatBackground, #chatDealerLog .dealerBackground {
  background: #020203;
  background: linear-gradient(to bottom, #000832 0%, #000 100%);
  position: absolute;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.8);
}

#chatDealerLog .chatBackground {
  width: 374px;
  top: 41px;
  height: 138px;
  left: 18px;
}

#chatDealerLog .dealerBackground {
  width: 373px;
  top: 9px;
  height: 170px;
  left: 396px;
}

#chatDealerLog .chatDecoration {
  position: absolute;
  background-color: #e8f9ff;
  box-shadow: inset 0 0 15px #0848ff;
  border-radius: 2px;
  width: 22px;
  height: 14px;
  left: 34px;
  top: 15px;
  z-index: 0;
  line-height: 0;
  text-align: center;
}

#chatDealerLog .chatDecoration:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 4px solid #88a6ff;
  transform: rotate(-40deg);
  left: 0;
  top: 13px;
  z-index: -1;
}

#chatDealerLog .chatDecoration:before {
  content: "...";
  position: absolute;
  color: #14151e;
  font-size: 1.03em;
  transform: scale(1.8, 1.3);
  text-shadow: 0 0 1px rgba(20, 21, 30, 0.5);
  left: 7px;
  top: 0;
}

#chatDealerLog .inputBackground {
  position: absolute;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  width: 374px;
  height: 38px;
  top: 3px;
  left: 18px;
  background: #0d0e18;
  box-shadow: inset 0 0 10px #030164;
  background: linear-gradient(to bottom, #030164 0%, #0012a3 100%);
}

#chatDealerLog .inputBackground:before {
  content: "";
  background-color: #000014;
  width: 275px;
  border-radius: 4px;
  height: 28px;
  position: absolute;
  top: 6px;
  left: 8px;
}

#chatDealerLog .inputBackground:after {
  content: "";
  background-image: url(assets/images/Atlas.png);
  background-position: -2134px -2179px;
  width: 440px;
  height: 11px;
  transform: scaleX(0.85);
  position: absolute;
  left: -29px;
  bottom: -6px;
  z-index: 2;
}

#turboChat {
  width: 506px;
  height: 100%;
  overflow: hidden;
  z-index: 2;
}

#turboChat .buttonsContainer {
  position: relative;
  left: 3px;
  width: 506px;
  transition: top .5s;
  border-radius: 2px;
  background: #575471;
  padding: 5px 0px;
}

#turboChat .buttonsContainer.draggedDown {
  top: 58px;
}

#turboChat .buttonsContainer.draggedUp {
  top: 0;
}

#turboChat .buttonsContainer .turbo-message-button {
  display: inline-block;
  position: relative;
  width: 119px;
  height: 51px;
  margin: 0 0 0 3px;
  border: 2px solid #000;
  border-radius: 2px;
  background: linear-gradient(#8782ad, #575471 8.2%, #575471 62.2%, #111116 101%);
  line-height: 52px;
  text-align: center;
  box-shadow: inset 3px 0 3px -3px #000, inset -3px 0 3px -3px #000, inset 0 3px 3px -3px #fff;
  cursor: pointer;
}

#turboChat .buttonsContainer .turbo-message-button span.message {
  width: 90%;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 2px 0;
  line-height: normal;
  word-wrap: break-word;
  font-size: 1.2em;
}

#turboChat .buttonsContainer .turbo-message-button .glow-hover {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

#turboChat .buttonsContainer .turbo-message-button:hover:not(.disabled) {
  background: linear-gradient(#fff, #8782ad 8.2%, #575471 70%, #111116 101%);
}

#turboChat .buttonsContainer .turbo-message-button:hover:not(.disabled) .glow-hover {
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
}

#turboChat .buttonsContainer .turbo-message-button:active:not(.disabled) {
  background: linear-gradient(to bottom, #202020 0%, #363636 50%, #2d2d2d 80%, #4b4b4b 95%);
  box-shadow: inset 2px 0px 4px 0px #000, inset -3px 0 3px -3px #000;
}

#turboChat .buttonsContainer .turbo-message-button.disabled {
  background: linear-gradient(#3e3c52 8.2%, #3e3c52 50%, #111116 101%);
  box-shadow: inset 2px 0px 4px 0px #000, inset -3px 0 3px -3px #000;
  cursor: default;
}

#turboChat .buttonsContainer .turbo-message-button.disabled .glow-hover {
  background: none;
}

.cdlChat {
  float: left;
  width: 392px;
  height: 181px;
  position: relative;
  overflow: hidden;
}

.cdlChat ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #FFF;
}

.cdlChat :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #FFF;
  opacity: 1;
}

.cdlChat ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #FFF;
  opacity: 1;
}

.cdlChat :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #FFF;
}

.cdlChat .cdlcContainer {
  overflow: auto;
}

.cdlcSend {
  position: absolute;
  text-transform: uppercase;
  right: 9px;
  top: 9px;
  padding-left: 14px;
  padding-right: 14px;
}

#cdlcInput {
  background: none;
  border: 0;
  position: absolute;
  padding-left: 24px;
  left: 38px;
  top: 6px;
  height: 32px;
  width: 240px;
  color: #FFF;
  text-shadow: -1px -1px 2px #0848ff, 1px -1px 2px #0848ff, -1px 1px 2px #0848ff, 1px 1px 2px #0848ff;
  font-size: 1.3rem;
}

#cdlcLogCont {
  height: 132px;
  width: 369px;
  position: absolute;
  top: 45px;
  left: 23px;
}

#cdlcLog {
  margin: 0;
  width: 348px;
  padding: 0 5px;
}

#cdlcLog li {
  clear: both;
  list-style: none;
  padding: 5px;
  position: relative;
  margin-bottom: 5px;
}

#cdlcLog li.fromMainUser .cdlcPict {
  right: 3px;
  left: auto;
}

#cdlcLog li.fromMainUser .cdlcPictureOverlay {
  left: 237px;
}

#cdlcLog li.fromMainUser .cdlcBubble {
  background-color: #02004e;
  float: right;
  margin: 0 50px 0 15px;
}

#cdlcLog li.fromMainUser .cdlcBubble .cdlcTailContainer {
  transform: scaleY(0.7);
  position: absolute;
  overflow: hidden;
  right: -10px;
  left: auto;
  width: 10px;
  height: 19px;
}

#cdlcLog li.fromMainUser .cdlcBubble .cdlcTailContainer .cdlcTail {
  background-color: #02004e;
  border: 1px solid #5274c0;
  width: 15px;
  height: 15px;
  position: absolute;
  right: 3px;
  left: auto;
  top: 1px;
  border-radius: 3px;
  transform: rotate(45deg);
}

.cdlcPict {
  background-size: cover;
  background-position: 50% 0;
  left: 4px;
  width: 38px;
  height: 38px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  float: left;
  border-radius: 50%;
}

.cdlcPictureOverlay {
  background-image: url(assets/images/Atlas.png);
  background-position: -176px -3385px;
  width: 178px;
  height: 178px;
  position: absolute;
  transform: scale(0.315);
  left: -66px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.cdlcBubble {
  line-height: 1.2;
  min-height: 25px;
  position: relative;
  margin: 0 15px 0 50px;
  float: left;
  color: #FFF;
  padding: 5px 8px;
  max-width: 255px;
  border: 1px solid #5274c0;
  word-wrap: break-word;
  text-shadow: -1px -1px 2px #0848ff, 1px -1px 2px #0848ff, -1px 1px 2px #0848ff, 1px 1px 2px #0848ff;
  border-radius: 3px;
  font-family: AkzidGroProLigCnd;
  font-size: 1.2em;
  background-color: #151122;
}

.cdlcBubble > div:nth-of-type(1) {
  display: inline;
}

.cdlcBubble .cdlcTailContainer {
  transform: scaleY(0.7);
  position: absolute;
  overflow: hidden;
  left: -10px;
  width: 10px;
  height: 19px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.cdlcBubble .cdlcTailContainer .cdlcTail {
  background-color: #151122;
  border: 1px solid #5274c0;
  width: 15px;
  height: 15px;
  position: absolute;
  left: 3px;
  top: 1px;
  border-radius: 3px;
  transform: rotate(45deg);
}

.cdlcBubble powerhandannouncement,
.cdlcBubble powerhandjackpotmainplayer,
.cdlcBubble powerhandjackpototherplayer {
  color: #f9b000;
  text-shadow: none;
}

.cdlcBubble .blinds {
  color: #0aff08;
  text-shadow: none;
}

.cdlcName {
  font-family: AkzidGroProCnd;
  font-size: 1em;
  color: #FFF;
}

.cdlcName:after {
  content: ": ";
}

.cdlcChatDisabledTxt {
  display: none;
  position: absolute;
  top: 85px;
  width: 100%;
  text-align: center;
  color: #fff;
  text-shadow: -1px -1px 2px #0848ff, 1px -1px 2px #0848ff, -1px 1px 2px #0848ff, 1px 1px 2px #0848ff;
}

.cdlChat.disabled #cdlcInput {
  display: none;
}

.cdlChat.disabled #cdlcLogCont {
  display: none;
}

.cdlChat.disabled .cdlcChatDisabledTxt {
  display: block;
}

#chatDealerLog #cdlDealer {
  font-family: AkzidGroProLigCnd;
  font-size: 2.2rem;
  position: relative;
  width: 393px;
  height: 181px;
  float: left;
  overflow: hidden;
}

#chatDealerLog #cdlDealer > div {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

#chatDealerLog #cdlDealer #cdldHeaderContainer {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: #0d0e18;
  box-shadow: inset 0 0 10px #030164;
  background: linear-gradient(to bottom, #030164 0%, #0012a3 100%);
  position: absolute;
  top: 3px;
  left: 4px;
  height: 38px;
  width: 373px;
}

#chatDealerLog #cdlDealer #cdldHeaderContainer:after {
  content: "";
  background-image: url(assets/images/Atlas.png);
  background-position: -2134px -2179px;
  width: 440px;
  height: 11px;
  transform: scaleX(0.85);
  position: absolute;
  left: -29px;
  bottom: -6px;
  z-index: 2;
}

#chatDealerLog #cdlDealer #cdldHeaderContainer .cdldHeaderContainerTitle {
  position: absolute;
  top: 3px;
  left: 7px;
  color: #fff;
  font-size: 20px;
  padding: 3px 7px;
  text-shadow: -1px -1px 2px #0848ff, 1px -1px 2px #0848ff, -1px 1px 2px #0848ff, 1px 1px 2px #0848ff;
}

#chatDealerLog #cdlDealer #cdldHeaderContainer .cdldHeaderContainerSwitch {
  position: absolute;
  top: 2px;
  right: 5px;
  height: 38px;
  width: 70px;
  cursor: pointer;
}

#chatDealerLog #cdlDealer #cdldHeaderContainer .cdldHeaderContainerSwitch:before {
  content: "";
  background-color: #000014;
  border-radius: 2px;
  width: 67px;
  height: 17px;
  position: absolute;
  top: 16px;
  box-shadow: 0 0 4px #5274c0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

#chatDealerLog #cdlDealer #cdldHeaderContainer .cdldHeaderContainerSwitch .cdldHeaderContainerLabelDetailedView {
  font-family: AkzidGroProCnd;
  font-size: 14px;
  color: #fff;
  position: absolute;
  top: -1px;
  left: 5px;
  white-space: nowrap;
  text-shadow: -1px -1px 2px #0848ff, 1px -1px 2px #0848ff, -1px 1px 2px #0848ff, 1px 1px 2px #0848ff;
}

#chatDealerLog #cdlDealer #cdldHeaderContainer .cdldHeaderContainerSwitch .cdldHeaderContainerLabelOn {
  font-family: AkzidGroProXBolCnd;
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 17px;
  right: 48px;
}

#chatDealerLog #cdlDealer #cdldHeaderContainer .cdldHeaderContainerSwitch .cdldHeaderContainerLabelOff {
  font-family: AkzidGroProXBolCnd;
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 17px;
  right: 7px;
}

#chatDealerLog #cdlDealer #cdldHeaderContainer .cdldHeaderContainerSwitch .cdldHeaderContainerImgSwitch {
  display: block;
  position: absolute;
  top: 19px;
  left: 34px;
  transition: .3s;
  width: 30px;
  height: 11px;
  border-radius: 1px;
  background: #e5e8f9;
  background: linear-gradient(to bottom, #e5e8f9 0%, #979aab 50%, #e5e8f9 100%);
}

#chatDealerLog #cdlDealer #cdldLogCont {
  height: 132px;
  width: 365px;
  position: absolute;
  top: 45px;
  left: 10px;
}

#chatDealerLog #cdlDealer #cdldLogCont .cyan-chat-log {
  color: #7fe7f0;
}

#chatDealerLog #cdlDealer #cdldLogCont #cdldLog {
  margin: 0;
  width: 355px;
  padding: 0;
}

#chatDealerLog #cdlDealer #cdldLogCont #cdldLog li {
  list-style: none;
  position: relative;
}

#chatDealerLog #cdlDealer #cdldLogCont #cdldLog li.dealerLogType_winFold, #chatDealerLog #cdlDealer #cdldLogCont #cdldLog li.dealerLogType_winHand {
  color: #40e0d0;
  padding-top: 3px;
}

#chatDealerLog #cdlDealer #cdldLogCont #cdldLog li.dealerLogType_winFold.handSplitter:after, #chatDealerLog #cdlDealer #cdldLogCont #cdldLog li.dealerLogType_winHand.handSplitter:after {
  content: "";
  background-image: url(assets/images/Atlas.png);
  background-position: -2134px -2179px;
  width: 440px;
  height: 11px;
  transform: scaleX(0.84);
  position: absolute;
  left: -47px;
  top: -3px;
  z-index: 2;
}

#chatDealerLog #cdlDealer #cdldLogCont #cdldLog li .cdldName.isMainUser {
  color: #fff;
}

#chatDealerLog #cdlDealer.detailedviewonly_inactive #cdldHeaderContainer .cdldHeaderContainerImgSwitch {
  left: 2px;
}

#chatDealerLog #cdlDealer.detailedviewonly_inactive #cdldLogCont #cdldLog li.detailedviewonly {
  display: none;
}

.finalHandContainer .card {
  display: inline-block;
  position: relative;
}

.finalHandContainer .card .cardValue {
  font-family: AkzidGroProCnd;
  font-size: 20px;
  line-height: 20px;
  color: #000;
  position: absolute;
  top: 1px;
  left: 3px;
}

.finalHandContainer .GOLDEN:after,
.finalHandContainer .PROMOCODE_REWARDS:after .GOLDEN_JOKER:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 2px);
  height: 100%;
  background-image: linear-gradient(transparent 10%, #ffd200 60%);
  mix-blend-mode: darken;
  opacity: .4;
}

.finalHandContainer .card_Club {
  background-image: url(assets/images/Atlas.png);
  background-position: -3460px -2197px;
  width: 35px;
  height: 22px;
}

.finalHandContainer .card_Club.win {
  background-image: url(assets/images/Atlas.png);
  background-position: -3204px -1570px;
  width: 35px;
  height: 22px;
}

.finalHandContainer .card_Diamond {
  background-image: url(assets/images/Atlas.png);
  background-position: -2048px -3156px;
  width: 35px;
  height: 22px;
}

.finalHandContainer .card_Diamond.win {
  background-image: url(assets/images/Atlas.png);
  background-position: -2085px -3156px;
  width: 35px;
  height: 22px;
}

.finalHandContainer .card_Heart {
  background-image: url(assets/images/Atlas.png);
  background-position: -2122px -3156px;
  width: 35px;
  height: 22px;
}

.finalHandContainer .card_Heart.win {
  background-image: url(assets/images/Atlas.png);
  background-position: -2159px -3156px;
  width: 35px;
  height: 22px;
}

.finalHandContainer .card_Spade {
  background-image: url(assets/images/Atlas.png);
  background-position: -2196px -3156px;
  width: 35px;
  height: 22px;
}

.finalHandContainer .card_Spade.win {
  background-image: url(assets/images/Atlas.png);
  background-position: -2233px -3156px;
  width: 35px;
  height: 22px;
}

.finalHandContainer .JOKER,
.finalHandContainer .GOLDEN_JOKER {
  background-image: url(assets/images/Atlas.png);
  background-position: -2270px -3156px;
  width: 35px;
  height: 22px;
}

.finalHandContainer .JOKER.win,
.finalHandContainer .GOLDEN_JOKER.win {
  background-image: url(assets/images/Atlas.png);
  background-position: -2307px -3156px;
  width: 35px;
  height: 22px;
}

.finalHandContainer .JOKER .cardValue,
.finalHandContainer .GOLDEN_JOKER .cardValue {
  visibility: hidden;
}

#about {
  text-align: left;
}

p.aboutPopup {
  font-size: 1.55rem;
  text-align: center;
  padding: 5px;
}

.info-button, .activeEffectsPopup > .content > div ul > li .infoButton, .srInfos .title > button {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -853px;
  width: 25px;
  height: 25px;
}

.info-button:hover, .activeEffectsPopup > .content > div ul > li .infoButton:hover, .srInfos .title > button:hover {
  background-position: -3697px -826px;
}

.info-button:active, .activeEffectsPopup > .content > div ul > li .infoButton:active, .srInfos .title > button:active {
  background-position: -3697px -958px;
}

.activeEffectsPopup {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 520px;
  background-color: #25073c;
}

.activeEffectsPopup .iScrollVerticalScrollbar {
  background: #19042b !important;
  border: 1px solid #3b044c !important;
}

.activeEffectsPopup .iScrollVerticalScrollbar .iScrollIndicator {
  background: #662a8f !important;
}

.activeEffectsPopup > .header {
  background-image: url(assets/images/Atlas.png);
  background-position: -327px -2575px;
  width: 441px;
  height: 129px;
  position: absolute;
  top: -57px;
  margin: auto;
  left: 0;
  right: 0;
  z-index: 1;
}

.activeEffectsPopup > .back {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
}

.activeEffectsPopup > .back:before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 307px;
  top: 0;
  left: 0;
  background: linear-gradient(#450d5d, #3d0b56 18%, #25073c 24%, #25073c);
}

.activeEffectsPopup:after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  border: solid 1px #e9c6ff;
  box-shadow: 0 0 0 1px rgba(233, 198, 255, 0.3), inset 0 0 0 1px rgba(233, 198, 255, 0.3), inset 0 0 5px 2px #5c1f7f, 0 0 5px 2px #5c1f7f;
  border-radius: 4px;
  pointer-events: none;
}

.activeEffectsPopup > .pmClose {
  background-image: url(assets/images/Atlas.png);
  background-position: -1698px -3582px;
  width: 51px;
  height: 51px;
}

.activeEffectsPopup > .pmClose:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -1645px -3582px;
  width: 51px;
  height: 51px;
}

.activeEffectsPopup > .pmClose:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -1751px -3582px;
  width: 51px;
  height: 51px;
}

.activeEffectsPopup > svg {
  position: absolute;
  top: 18px;
  left: 0;
}

.activeEffectsPopup > svg text {
  font-family: AkzidGroProXBolCnd;
  font-size: 3.5rem;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: uppercase;
  line-height: 1em;
}

.activeEffectsPopup > .separator, .challengeStore .activeEffectsPopup > .challengeCountdown:after, .challengeStore .activeEffectsPopup > .challengeItem:after {
  display: block;
  position: absolute;
  height: 1px;
  background: linear-gradient(-90deg, #e6baef, #e6baef, #e6baef, #e6baef, #e6baef);
  box-shadow: 0 0 2px #efc8f7,0 0 5px #671a8a,0 0 5px #551174;
  width: 185px;
  top: 53px;
  left: 50%;
  transform: translateX(-50%);
}

.activeEffectsPopup > .separator:before, .activeEffectsPopup > .separator:after, .challengeStore .activeEffectsPopup > .challengeCountdown:after, .challengeStore .activeEffectsPopup > .challengeItem:after {
  content: "";
  display: block;
  position: absolute;
  height: 7px;
  width: 70px;
  top: -3px;
}

.activeEffectsPopup > .separator:before {
  left: -10px;
  background: linear-gradient(-90deg, rgba(62, 9, 87, 0), #3b0b54 90%);
}

.activeEffectsPopup > .separator:after, .challengeStore .activeEffectsPopup > .challengeCountdown:after, .challengeStore .activeEffectsPopup > .challengeItem:after {
  right: -10px;
  background: linear-gradient(90deg, rgba(62, 9, 87, 0), #3b0b54 90%);
}

.activeEffectsPopup > .content {
  display: block;
  padding-top: 78px;
  padding-bottom: 19px;
  padding-right: 3px;
  margin: 0;
}

.activeEffectsPopup > .content .empty {
  line-height: 3;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 1.2em;
}

.activeEffectsPopup > .content .gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.activeEffectsPopup > .content .gradient:before, .activeEffectsPopup > .content .gradient:after {
  content: "";
  position: absolute;
  width: 100%;
  pointer-events: none;
}

.activeEffectsPopup > .content .gradient:before {
  top: 77px;
  height: 10px;
  background-image: linear-gradient(to bottom, #25073c 0%, rgba(37, 7, 60, 0) 100%);
}

.activeEffectsPopup > .content .gradient:after {
  height: 5px;
  bottom: 19px;
  background-image: linear-gradient(to top, #25073c 0%, rgba(37, 7, 60, 0) 100%);
}

.activeEffectsPopup > .content > .tooltip {
  position: absolute;
  text-align: center;
  transform: translateX(-50%);
}

.activeEffectsPopup > .content > div ul {
  position: relative;
  display: block;
  list-style-type: none;
  margin: 0;
}

.activeEffectsPopup > .content > div ul > li {
  position: relative;
  display: block;
  height: 52px;
  font-size: 0;
}

.activeEffectsPopup > .content > div ul > li:before {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  content: "";
  margin: 2px 11px 2px 2px;
}

.activeEffectsPopup > .content > div ul > li:after {
  position: absolute;
  top: 4px;
  right: 10px;
  z-index: 1;
  display: block;
  content: "";
  background-image: url(assets/images/Atlas.png);
  background-position: -3643px -1557px;
  width: 50px;
  height: 49px;
}

.activeEffectsPopup > .content > div ul > li > span {
  display: inline-block;
  vertical-align: middle;
}

.activeEffectsPopup > .content > div ul > li > span.label {
  width: 254px;
  font-family: AkzidGroProBolCnd;
  font-weight: 400;
  font-size: 1.9rem;
  padding-top: 1px;
  text-shadow: 2px 1px 1px #000;
}

.activeEffectsPopup > .content > div ul > li > span.label sup {
  font-size: 0.6em;
}

.activeEffectsPopup > .content > div ul > li > span.hidden {
  display: none;
}

.activeEffectsPopup > .content > div ul > li > span.time {
  position: relative;
  width: 67px;
  text-align: left;
  font-size: 2.2rem;
  font-family: AkzidGroProLigCnd;
  font-weight: 400;
  line-height: 1em;
  padding: 5px 0 0 20px;
  text-shadow: 1px 1px 1px #000;
}

.activeEffectsPopup > .content > div ul > li > span.time:before {
  position: absolute;
  display: block;
  content: "";
  top: 7px;
  left: 6px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1555px;
  width: 11px;
  height: 17px;
}

.activeEffectsPopup > .content > div ul > li > .separator, .activeEffectsPopup > .content > div .challengeStore ul > li > .challengeCountdown:after, .challengeStore .activeEffectsPopup > .content > div ul > li > .challengeCountdown:after, .activeEffectsPopup > .content > div .challengeStore ul > li > .challengeItem:after, .challengeStore .activeEffectsPopup > .content > div ul > li > .challengeItem:after {
  display: block;
  position: absolute;
  height: 1px;
  background: linear-gradient(-90deg, #7ecbdd, #7ecbdd, #7ecbdd, #7ecbdd, #7ecbdd);
  box-shadow: 0 0 2px #352598, 0 0 5px #4c2ffd, 0 0 5px #4c2ffd, 0 0 11px #4c2ffd;
  width: 220px;
  bottom: -3px;
  left: 0;
  right: 40px;
  margin: auto;
}

.activeEffectsPopup > .content > div ul > li > .separator:before, .activeEffectsPopup > .content > div ul > li > .separator:after, .activeEffectsPopup > .content > div .challengeStore ul > li > .challengeCountdown:after, .challengeStore .activeEffectsPopup > .content > div ul > li > .challengeCountdown:after, .activeEffectsPopup > .content > div .challengeStore ul > li > .challengeItem:after, .challengeStore .activeEffectsPopup > .content > div ul > li > .challengeItem:after {
  content: "";
  display: block;
  position: absolute;
  height: 11px;
  width: 70px;
  top: -5px;
}

.activeEffectsPopup > .content > div ul > li > .separator:before {
  left: -10px;
  background: linear-gradient(-90deg, rgba(32, 7, 53, 0), #25073c 80%);
}

.activeEffectsPopup > .content > div ul > li > .separator:after, .activeEffectsPopup > .content > div .challengeStore ul > li > .challengeCountdown:after, .challengeStore .activeEffectsPopup > .content > div ul > li > .challengeCountdown:after, .activeEffectsPopup > .content > div .challengeStore ul > li > .challengeItem:after, .challengeStore .activeEffectsPopup > .content > div ul > li > .challengeItem:after {
  right: -10px;
  background: linear-gradient(90deg, rgba(32, 7, 53, 0), #25073c 80%);
}

.activeEffectsPopup > .content > div ul > li:last-child > .separator, .activeEffectsPopup > .content > div .challengeStore ul > li:last-child > .challengeCountdown:after, .challengeStore .activeEffectsPopup > .content > div ul > li:last-child > .challengeCountdown:after, .activeEffectsPopup > .content > div .challengeStore ul > li:last-child > .challengeItem:after, .challengeStore .activeEffectsPopup > .content > div ul > li:last-child > .challengeItem:after {
  display: none;
}

.activeEffectsPopup > .content > div ul > li .infoButton {
  display: inline-block;
  vertical-align: middle;
  padding: 2px 0 0 0;
}

.activeEffectsPopup > .content > div ul > li .generalTooltip {
  position: absolute;
  text-align: center;
  transform: translateX(-50%);
}

.activeEffectsPopup > .content > div ul > li.read:after {
  display: none;
}

.activeEffectsPopup > .content > div ul > li.baseBoostEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3173px -3385px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.maxBoostEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -835px -3582px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.freeChipsEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3551px -3385px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.freeEntryEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -937px -3280px;
  width: 50px;
  height: 50px;
}

.activeEffectsPopup > .content > div ul > li.freeMysteryTournamentEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -673px -3582px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.freeSlotSpinEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -727px -3582px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.instantMegaBonusEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -781px -3582px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.turboTimeEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -1483px -3582px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.xpMultiplierEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -1591px -3582px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.friendGiftMultiplierEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3227px -3385px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.boostedGoldenWedgeEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3281px -3385px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.extraGoldenWedgeEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3497px -3385px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.pokerRecallCardBoostEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -1105px -3582px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.pokerRecallCardRushEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3335px -3385px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.pokerRecallRecallsEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -1159px -3582px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.statusBoostEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -1321px -3582px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.megaMayhemEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -889px -3582px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.clubsPointsMultiplierBoost:before, .activeEffectsPopup > .content > div ul > li.boostClubRank:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3443px -3385px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.cashbackMax:before, .activeEffectsPopup > .content > div ul > li.cashbackRate:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3389px -3385px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.pigDeal:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -997px -3582px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.pigStarter:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -1051px -3582px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.supersizeMax:before, .activeEffectsPopup > .content > div ul > li.supersizeRate:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -1375px -3582px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.wheelBlast:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -1537px -3582px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.hourlyBonusBaseInterval:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -1267px -3582px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.pokerRecallPrimeEffect:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -1213px -3582px;
  width: 52px;
  height: 52px;
}

.activeEffectsPopup > .content > div ul > li.followersMultiplierEffect:before {
  margin-right: 17px;
  margin-left: 8px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3458px -2378px;
  width: 40px;
  height: 40px;
}

.activeEffectsPopup > .content > div ul > li.miniBarSpinBoost:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -943px -3582px;
  width: 52px;
  height: 52px;
}

#popupCont.isPlaying .activeEffectsPopup {
  top: 750px;
}

.higher-table-popup {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  width: 362px;
  height: 210px;
  top: 140px;
  border-radius: 5px;
}

.higher-table-popup .pmClose {
  background-image: url(assets/images/Atlas.png);
  background-position: -2367px -3280px;
  width: 49px;
  height: 48px;
  top: -5px;
  right: -5px;
  z-index: 4;
  transform: scale(0.75);
}

.higher-table-popup .pmClose:hover {
  background-position: -2316px -3280px;
}

.higher-table-popup .pmClose:active {
  background-position: -2265px -3280px;
}

.higher-table-popup .title {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  line-height: 36px;
  font-size: 2.7rem;
  font-weight: bold;
  text-transform: uppercase;
  z-index: 3;
  text-shadow: 0 2px 10px #0042ff, 0 -2px 10px #0042ff;
  color: #59d1ff;
  border-bottom: solid 1px rgba(89, 209, 25, 0.7);
  box-shadow: 0 5px 7px -3px #0042ff;
}

.higher-table-popup .actionBtnContainer {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: space-evenly;
}

.higher-table-popup .actionBtnContainer .btn {
  width: 140px;
}

.higher-table-popup .content {
  background-repeat: repeat;
  height: 100%;
  overflow: hidden;
  background: radial-gradient(at top right, rgba(6, 6, 20, 0) 5%, rgba(0, 0, 255, 0.2) 25%, rgba(3, 10, 32, 0) 45%) 50% 20% no-repeat, linear-gradient(to bottom, rgba(0, 0, 255, 0.6), rgba(3, 10, 32, 0.5)), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUM0ODMyOTZEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUM0ODMyOTVEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pld80tkAAADSSURBVHjadNCxDsFQFMbxW4pEbRbxAFYRITGw6gNYPYPdKjGZhMFLSEzaUbcONjsGg0kiZSAR/8ttcnPTnuTXk7T9em6PlXP6gtqghQgP8a83Kri8Iq8jjMqogBSghobEy236FuV8yZ2YQYuJPr0O+dVj/ICgIFBUp7iiqeWceKKvh7TwkzZDASeclYPNJYu9SK8dRuiq6b+SwTGmmKcEVwiZHprLWapNBmaCfxzI5RDqmc9s1YfwUNVCDm2BddIx4qCLu1qApe59IJdzSwp+BRgADnE2lChoGq4AAAAASUVORK5CYII=") repeat #030a20;
  border-radius: 5px;
}

.higher-table-popup .content .message {
  font-family: AkzidGroProCnd;
  font-size: 2.6rem;
  text-align: center;
  width: 50%;
  padding: 20px 20px 20px 90px;
  display: flex;
  position: relative;
  justify-content: center;
}

.InviteBuddyPopup {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  width: 362px;
  height: 250px;
  top: 140px;
  border-radius: 5px;
}

.InviteBuddyPopup .pmClose {
  background-image: url(assets/images/Atlas.png);
  background-position: -2367px -3280px;
  width: 49px;
  height: 48px;
  top: -5px;
  right: -5px;
  z-index: 4;
  transform: scale(0.75);
}

.InviteBuddyPopup .pmClose:hover {
  background-position: -2316px -3280px;
}

.InviteBuddyPopup .pmClose:active {
  background-position: -2265px -3280px;
}

.InviteBuddyPopup .pmTitle {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  line-height: 36px;
  font-size: 2.7rem;
  font-weight: bold;
  text-transform: uppercase;
  z-index: 3;
  text-shadow: 0 2px 10px #0042ff, 0 -2px 10px #0042ff;
  color: #59d1ff;
  border-bottom: solid 1px rgba(89, 209, 255, 0.7);
  box-shadow: 0 5px 7px -3px #0042ff;
}

.InviteBuddyPopup .List {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}

.InviteBuddyPopup .actionBtnContainer {
  text-align: center;
}

.InviteBuddyPopup .Invite {
  margin: auto;
  display: block;
  margin-top: 8px;
  font-family: AkzidGroProXBolCnd;
  font-size: 1.7rem;
  line-height: 31px;
  display: inline-block;
  padding: 0 18px;
}

.InviteBuddyPopup .noFriendText {
  position: absolute;
  top: 100px;
  text-align: center;
  width: 100%;
  font-family: AkzidGroProLigCnd;
  font-size: 2rem;
}

.InviteBuddyPopup .inviteContent {
  background-repeat: repeat;
  height: 100%;
  overflow: hidden;
  background: radial-gradient(at top right, rgba(6, 6, 20, 0) 5%, rgba(0, 0, 255, 0.2) 25%, rgba(3, 10, 32, 0) 45%) 50% 20% no-repeat, linear-gradient(to bottom, rgba(0, 0, 255, 0.6), rgba(3, 10, 32, 0.5)), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUM0ODMyOTZEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUM0ODMyOTVEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pld80tkAAADSSURBVHjadNCxDsFQFMbxW4pEbRbxAFYRITGw6gNYPYPdKjGZhMFLSEzaUbcONjsGg0kiZSAR/8ttcnPTnuTXk7T9em6PlXP6gtqghQgP8a83Kri8Iq8jjMqogBSghobEy236FuV8yZ2YQYuJPr0O+dVj/ICgIFBUp7iiqeWceKKvh7TwkzZDASeclYPNJYu9SK8dRuiq6b+SwTGmmKcEVwiZHprLWapNBmaCfxzI5RDqmc9s1YfwUNVCDm2BddIx4qCLu1qApe59IJdzSwp+BRgADnE2lChoGq4AAAAASUVORK5CYII=") repeat #030a20;
  border-radius: 5px;
}

.InviteBuddyItemPopup {
  padding: 5px;
}

.InviteBuddyItemPopup:first-child {
  padding-top: 10px;
}

.InviteBuddyItemPopup:last-child {
  padding-bottom: 10px;
}

.InviteBuddyItemPopup .invite-buddy-item-wrapper {
  display: flex;
  position: relative;
  margin: auto;
  justify-content: space-between;
  background-image: linear-gradient(to bottom, #0A0A0E 0%, rgba(0, 0, 0, 0) 100%);
  box-shadow: inset 0 0 7px 2px #0042ff, 0 0 7px 1px #0042ff;
  border: solid 1px #59d1ff;
  padding: 5px;
  border-radius: 5px;
  width: 287px;
}

.InviteBuddyItemPopup .nameDesc {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  width: 40%;
}

.InviteBuddyItemPopup .nameDesc .Name {
  position: relative;
  width: 100%;
  font-size: 20px;
  margin: 0 0 -18px 0px;
}

.InviteBuddyItemPopup .nameDesc .Description {
  position: relative;
  font-weight: bold;
  font-size: 12px;
  width: 100%;
}

.InviteBuddyItemPopup.sent .btn-ibipInvite {
  cursor: auto;
  color: #888;
  opacity: 0.7;
}

.InviteBuddyItemPopup.sent .btn-ibipInvite:hover, .InviteBuddyItemPopup.sent .btn-ibipInvite:active {
  background-position: -1959px -3156px;
  text-shadow: #080464 0 2px 2px;
}

.ibipPicture {
  background-size: cover;
  position: relative;
  height: 60px;
  width: 60px;
  border-radius: 50%;
}

.ibipPicture .ibiPlayerImgBackground {
  position: absolute;
  border-radius: 50%;
  background-image: url(assets/images/Atlas.png);
  background-position: -3500px -2058px;
  width: 80px;
  height: 80px;
  left: -10px;
  top: -10px;
}

.ibipPicture .ibiPlayerImgBackground > div {
  position: absolute;
  background-size: cover;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  z-index: 4;
}

.ibipPicture .ibiPlayerImgBackground img[src=""] {
  visibility: hidden;
}

.btn-ibipInvite {
  position: relative;
  align-self: flex-end;
}

#plocGetNow {
  margin-top: 30px;
}

.reportAbusePopup {
  border-radius: 5px;
  box-shadow: inset 0 0 7px 2px #0042ff, 0 0 7px 2px #0042ff;
  border: solid 1px #59d1ff;
  background: #01032f;
  max-height: 465px;
}

.reportAbusePopup .raWrapper {
  width: 80%;
  margin: auto;
  text-align: left;
  padding-top: 40px;
  font-size: 2.5rem;
}

.reportAbusePopup .raWrapper .raCategories > div {
  display: inline-block;
  width: 33%;
}

.reportAbusePopup .raWrapper:active {
  background-position: -2265px -3280px;
}

.reportAbusePopup .pmContentAbuse {
  height: 100%;
  background-repeat: repeat;
  background: radial-gradient(at top right, rgba(6, 6, 20, 0) 5%, rgba(0, 0, 255, 0.2) 25%, rgba(3, 10, 32, 0) 45%) 50% 20% no-repeat, linear-gradient(to bottom, rgba(0, 0, 255, 0.6), rgba(3, 10, 32, 0.5)), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUM0ODMyOTZEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUM0ODMyOTVEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pld80tkAAADSSURBVHjadNCxDsFQFMbxW4pEbRbxAFYRITGw6gNYPYPdKjGZhMFLSEzaUbcONjsGg0kiZSAR/8ttcnPTnuTXk7T9em6PlXP6gtqghQgP8a83Kri8Iq8jjMqogBSghobEy236FuV8yZ2YQYuJPr0O+dVj/ICgIFBUp7iiqeWceKKvh7TwkzZDASeclYPNJYu9SK8dRuiq6b+SwTGmmKcEVwiZHprLWapNBmaCfxzI5RDqmc9s1YfwUNVCDm2BddIx4qCLu1qApe59IJdzSwp+BRgADnE2lChoGq4AAAAASUVORK5CYII=") repeat #030a20;
  background-size: 200% 90%, 100% 100%, 14px 8px;
  background-position: 50% 0, 50% 50%, 50% 50%;
}

.reportAbusePopup #raReason {
  width: 100%;
  height: 135px;
  font-size: 1.6rem;
  margin-top: 20px;
}

.reportAbusePopup #reportabuse .csBuyBtn {
  margin: 10px auto;
}

.reportAbusePopup #reportabuse label {
  padding-left: 45px;
}

.reportAbusePopup .pmClose {
  background-image: url(assets/images/Atlas.png);
  background-position: -2367px -3280px;
  width: 49px;
  height: 48px;
  top: -5px;
  right: -5px;
  z-index: 4;
  transform: scale(0.75);
}

.reportAbusePopup .pmClose:hover {
  background-position: -2316px -3280px;
}

.reportAbusePopup .pmClose:active {
  background-position: -2265px -3280px;
}

.reportAbusePopup .pmContentAbuse {
  background-repeat: repeat;
  background: radial-gradient(at top right, rgba(6, 6, 20, 0) 5%, rgba(0, 0, 255, 0.2) 25%, rgba(3, 10, 32, 0) 45%) 50% 20% no-repeat, linear-gradient(to bottom, rgba(0, 0, 255, 0.6), rgba(3, 10, 32, 0.5)), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUM0ODMyOTZEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUM0ODMyOTVEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pld80tkAAADSSURBVHjadNCxDsFQFMbxW4pEbRbxAFYRITGw6gNYPYPdKjGZhMFLSEzaUbcONjsGg0kiZSAR/8ttcnPTnuTXk7T9em6PlXP6gtqghQgP8a83Kri8Iq8jjMqogBSghobEy236FuV8yZ2YQYuJPr0O+dVj/ICgIFBUp7iiqeWceKKvh7TwkzZDASeclYPNJYu9SK8dRuiq6b+SwTGmmKcEVwiZHprLWapNBmaCfxzI5RDqmc9s1YfwUNVCDm2BddIx4qCLu1qApe59IJdzSwp+BRgADnE2lChoGq4AAAAASUVORK5CYII=") repeat #030a20;
  background-size: 200% 90%, 100% 100%, 14px 8px;
  background-position: 50% 0, 50% 50%, 50% 50%;
}

.reportAbusePopup .raDesc {
  font-size: 3rem;
  margin-bottom: 20px;
}

.reportAbusePopup #raReason {
  width: 100%;
  height: 135px;
  font-size: 1.6rem;
  margin-top: 20px;
}

.reportAbusePopup #reportabuse .csBuyBtn {
  margin: 10px auto;
}

.reportAbusePopup #reportabuse label {
  padding-left: 45px;
}

.fb-like {
  overflow: hidden;
  width: 49px;
  height: 20px;
}

#likeUsPopup {
  width: auto;
}

#likeUsPopup .gpContentCont {
  background-image: url(assets/images/AtlasJPEG.png);
  background-position: -759px -406px;
  width: 412px;
  height: 227px;
  line-height: normal;
  padding-top: 0;
  height: 213px;
}

#likeUsPopup .fb-like {
  position: absolute;
  top: 162px;
  left: 182px;
  height: 40px;
}

.liuCheck {
  position: absolute;
  bottom: 0px;
  left: 0px;
}

#oneconnect-back {
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  background: transparent;
  position: fixed !important;
}

#oneconnect-back iframe {
  border: none;
}

#oneconnect-back > div {
  position: fixed;
  z-index: 10000;
  width: 100vw;
  height: 100vh;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (min-width: 640px) {
  #oneconnect-back > div {
    width: 600px;
    height: calc(648px);
  }
}

@media screen and (min-width: 960px) {
  #oneconnect-back > div {
    width: 500px;
    height: calc(540px);
  }
}

.login-popup {
  z-index: 1010;
  height: 100vh;
  width: 100vw;
  position: absolute;
  overflow: hidden;
}

.login-popup::before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  background: #000 url(assets/images/loading/old/LoadingBg.jpg) 50% 0 no-repeat;
}

.login-popup .one-connect-prompt-glassscreen {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.login-popup .login-services-container {
  position: relative;
  top: 520px;
  max-width: 840px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
}

.login-popup .login-services-container .btn-social {
  font-family: AkzidGroProCnd;
  flex-grow: 1;
  margin: 0 8px;
  flex-basis: 0;
}

.login-popup .disclaimer {
  color: #fff;
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
  text-shadow: 1px 1px 2px black;
  pointer-events: none;
}

@media screen and (max-height: 700px) {
  .login-popup .disclaimer {
    position: absolute;
    bottom: initial;
    top: 600px;
  }
}

.login-popup.ftue-rework::before {
  content: "";
  background: none;
}

.login-popup.ftue-rework .login-services-container {
  top: 580px;
}

@keyframes openPortalAnimation {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes bankrollScaling {
  0% {
    transform: scale(1);
  }
  39% {
    transform: scale(1);
  }
  86% {
    transform: scale(1.12);
  }
  89% {
    transform: scale(1.5);
  }
  93% {
    transform: scale(0.9);
  }
  96% {
    transform: scale(1.09);
  }
  100% {
    transform: scale(1);
  }
}

#prizeWheel {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: 0px 0px;
  width: 762px;
  height: 506px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 110px;
}

#prizeWheel.shakePopup {
  animation-name: shaker;
  animation-duration: 0.6s;
  transform-origin: 50% 50%;
  animation-timing-function: linear;
}

#prizeWheel .createJsCanvas {
  pointer-events: none;
}

#prizeWheel .createJsCanvas.chipsBankrollAnim {
  position: absolute;
  right: 47%;
  top: 270px;
}

#prizeWheel .createJsCanvas.winningWedgeFX {
  position: absolute;
  right: 176px;
  top: -31px;
}

#prizeWheel .createJsCanvas.superSpinWheelAppear {
  position: absolute;
  top: -2px;
  left: -1px;
}

#prizeWheel:after {
  content: '';
  position: absolute;
  border-radius: 5px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  border: 1px solid #59d1ff;
  box-shadow: 0 0 7px 2px #1941E3, 0 0 7px 2px #1941E3 inset;
  pointer-events: none;
}

#prizeWheel .prizeWheelContainer {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

#prizeWheel .prizeWheelContainer:after {
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none;
}

#prizeWheel .prizeWheelContainer.fading:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: #000;
  transition: background-color 1s;
  pointer-events: all;
}

#prizeWheel .prizeWheelContainer.isSuperSpin {
  background: #000;
}

#prizeWheel .prizeWheelContainer.isSuperSpin .wheelContainer .bottomGradient {
  display: none;
}

#prizeWheel .prizeWheelContainer .closeButton {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 50px;
  height: 50px;
  cursor: pointer;
}

#prizeWheel .prizeWheelContainer .closeButton path {
  fill: #37a7ff;
  stroke: #37a7ff;
}

#prizeWheel .prizeWheelContainer .closeButton:hover path {
  fill: #74c1fd;
  stroke: #74c1fd;
}

#prizeWheel .prizeWheelContainer .closeButton:active path {
  fill: #a4ffff;
  stroke: #a4ffff;
}

#prizeWheel .prizeWheelContainer .superSpinPanel, #prizeWheel .prizeWheelContainer .megaBonusPanel {
  height: 100%;
}

#prizeWheel .prizeWheelContainer .megaBonusPanel .megaBonusOverlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: default;
  font-size: 32px;
  line-height: .95;
  text-align: center;
  font-family: AkzidGroProBolCnd;
  transform: translateY(-550px);
  transition: transform .75s ease-in;
}

#prizeWheel .prizeWheelContainer .megaBonusPanel .megaBonusOverlay.visible {
  transition: transform 1s;
  transform: translateY(0px);
}

#prizeWheel .prizeWheelContainer .megaBonusPanel .megaBonusOverlay.withBankrollAnim .totalAmount:before {
  content: '';
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -874px -1708px;
  width: 309px;
  height: 94px;
  animation: openPortalAnimation 2.15s;
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
  top: 8px;
}

#prizeWheel .prizeWheelContainer .megaBonusPanel .megaBonusOverlay .youWonTitle {
  padding-top: 20px;
  font-family: AkzidGroProLigCnd;
}

#prizeWheel .prizeWheelContainer .megaBonusPanel .megaBonusOverlay .totalAmount {
  position: relative;
  font-size: 89px;
}

#prizeWheel .prizeWheelContainer .megaBonusPanel .megaBonusOverlay .wonExplanation {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1em;
  padding: 8px 0 15px;
}

#prizeWheel .prizeWheelContainer .megaBonusPanel .megaBonusOverlay .wonExplanation .trs-icon {
  vertical-align: bottom;
}

#prizeWheel .prizeWheelContainer .megaBonusPanel .megaBonusOverlay .wonExplanation .clubs-bonus .container-badge .clubs-badge-container {
  height: 1em;
}

#prizeWheel .prizeWheelContainer .megaBonusPanel .megaBonusOverlay .wonExplanation .clubs-bonus .container-badge .clubs-badge-container .clubs-badge {
  transform: translate(-50%, -50%) scale(0.5);
}

#prizeWheel .prizeWheelContainer .megaBonusPanel .megaBonusOverlay .wonExplanation .clubs-bonus .container-badge .clubs-badge-container .clubs-badge .clubs-division-rank {
  left: 2px;
  top: 52px;
}

#prizeWheel .prizeWheelContainer .megaBonusPanel .megaBonusOverlay .wonExplanation .trsSeparator {
  color: white;
  font-size: .5em;
  vertical-align: middle;
  padding: 0 6px;
}

#prizeWheel .prizeWheelContainer .megaBonusPanel .megaBonusOverlay .wonExplanation > span {
  display: inline-block;
}

#prizeWheel .prizeWheelContainer .megaBonusPanel .megaBonusOverlay .chipsBankrollAnim {
  position: absolute;
  right: 47%;
  top: 80px;
  z-index: -1;
}

#prizeWheel .prizeWheelContainer .megaBonusPanel .megaBonusOverlay .rewards {
  font-family: AkzidGroProLigCnd;
  font-size: 24px;
  line-height: 1;
}

#prizeWheel .prizeWheelContainer .megaBonusPanel .megaBonusOverlay .rewards > span {
  padding: 0 10px;
}

#prizeWheel .prizeWheelContainer .megaBonusPanel .megaBonusOverlay .rewards.empty > span {
  opacity: 0;
}

#prizeWheel .prizeWheelContainer .megaBonusPanel .megaBonusOverlay .respinContainer {
  position: relative;
  display: inline-block;
  margin-top: 13px;
}

#prizeWheel .prizeWheelContainer .megaBonusPanel .megaBonusOverlay .respinContainer .respinDescription {
  position: relative;
  font-family: AkzidGroProBolCnd;
  font-size: 32px;
}

#prizeWheel .prizeWheelContainer .megaBonusPanel .megaBonusOverlay .respinContainer .respinDescription:before {
  content: '';
  position: absolute;
  bottom: 11px;
  left: 0;
  width: 100%;
  height: 5px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 40px 14px rgba(0, 0, 0, 0.4);
  z-index: -1;
}

#prizeWheel .prizeWheelContainer .megaBonusPanel .megaBonusOverlay .BankrollBar {
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

#prizeWheel .prizeWheelContainer .megaBonusPanel .megaBonusOverlay .actionBtn, #prizeWheel .prizeWheelContainer .megaBonusPanel .megaBonusOverlay .btn-green {
  width: 125px;
  line-height: 1.2;
  border-width: 3px;
  font-size: 32px;
  font-family: AkzidGroProBolCnd;
  height: 35px;
  margin: auto;
  left: 0;
  right: 0;
  border-radius: 5px;
}

#prizeWheel .prizeWheelContainer .megaBonusPanel .megaBonusOverlay .actionBtn.noRespin, #prizeWheel .prizeWheelContainer .megaBonusPanel .megaBonusOverlay .noRespin.btn-green {
  width: 160px;
}

#prizeWheel .prizeWheelContainer .megaBonusPanel .megaBonusOverlay .shareContainer {
  position: absolute;
  bottom: 15px;
  left: 15px;
  box-sizing: border-box;
  width: 240px;
  height: 40px;
  background: linear-gradient(to bottom, #101a8c, #11023b 100%);
  border: 1px solid #82d6ed;
  box-shadow: 0 0 5px #4a9dd7, inset 0 0 5px 0 #4a9dd7;
  border-radius: 3px;
}

#prizeWheel .prizeWheelContainer .megaBonusPanel .megaBonusOverlay .shareContainer > div {
  position: relative;
  width: 100%;
  height: 100%;
}

#prizeWheel .prizeWheelContainer .megaBonusPanel .megaBonusOverlay .shareContainer > div .mbbShareChips {
  position: absolute;
  right: 0;
  left: -3px;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  font-family: AkzidGroProLigCnd;
  font-size: 25px;
  padding-left: 37px;
  line-height: .9;
}

#prizeWheel .prizeWheelContainer .megaBonusPanel .megaBonusOverlay .shareContainer > div .mbbShareChips:before {
  top: -11px;
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -2260px -402px;
  width: 44px;
  height: 44px;
}

#prizeWheel .prizeWheelContainer .megaBonusPanel .megaBonusOverlay .shareContainer > div .mbbShareChips.checked:after {
  content: '';
  position: absolute;
  left: 0;
  top: -11px;
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -2260px -494px;
  width: 44px;
  height: 44px;
}

#prizeWheel .prizeWheelContainer .megaBonusPanel .megaBonusOverlay .shareContainer > div .mbbShareChips:active:before {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -2260px -448px;
  width: 44px;
  height: 44px;
}

#prizeWheel .prizeWheelContainer .megaBonusPanel .megaBonusOverlay .shareContainer > div .mbbShareChips:active.checked:after {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -2260px -540px;
  width: 44px;
  height: 44px;
}

#prizeWheel .prizeWheelContainer .bottomGradient {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  height: 100%;
  width: 100%;
  background: linear-gradient(to bottom, transparent, transparent 80%, rgba(17, 2, 59, 0.8) 100%);
}

#prizeWheel .prizeWheelContainer .superSpinBackground {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

#prizeWheel .prizeWheelContainer .superSpinBackground .spotlight_right {
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -1527px 0px;
  width: 410px;
  height: 507px;
}

#prizeWheel .prizeWheelContainer .superSpinBackground .spotlight_left {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -1527px -509px;
  width: 392px;
  height: 507px;
}

#prizeWheel .prizeWheelContainer .superSpinTitleContainer {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay {
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay .gearsCanvas {
  animation: fadeIn 1s;
  position: absolute;
  top: 0;
  left: 0;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay .winBackground {
  position: absolute;
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: 0px -508px;
  width: 761px;
  height: 505px;
  left: 0;
  top: 0;
  opacity: 0;
  transition: opacity 1s;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay .BankrollBar {
  margin-top: 160px;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay .endingSparks {
  position: absolute;
  top: 0;
  left: 0;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay.withBankrollAnim .claimableAmount:before {
  content: '';
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -874px -1708px;
  width: 309px;
  height: 94px;
  animation: openPortalAnimation 2.15s;
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 20px;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay .multipliersHelp {
  position: absolute;
  pointer-events: all;
  left: 20px;
  bottom: 15px;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay .multipliersHelp .toggle {
  cursor: pointer;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay .multipliersHelp .toggle .help {
  position: relative;
  width: 25px;
  height: 25px;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay .multipliersHelp .toggle .help:after {
  content: '';
  transform: translateY(-4px);
}

#prizeWheel .prizeWheelContainer .superSpinOverlay .multipliersHelp .toggle .wheel-blast-help-bg {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -1780px -1708px;
  width: 72px;
  height: 66px;
  position: absolute;
  left: -23px;
  bottom: -11px;
  opacity: 0;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay .multipliersHelp .toggle .name {
  text-shadow: 0px 0px 7px #00b4ff, 0px 0px 7px #00b4ff, 0px 0px 7px #00b4ff;
  font-size: 24px;
  font-family: AkzidGroProLigCnd;
  position: relative;
  margin-left: 5px;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay .multipliersHelp .toggle .name:after {
  content: '';
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #FFFFFF;
  box-shadow: 0 0 3px 1px #00b4ff;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay .multipliersHelp .multipliersContainer {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -1939px -163px;
  width: 150px;
  height: 159px;
  font-size: 36px;
  position: absolute;
  bottom: 32px;
  left: -7px;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay .multipliersHelp .multipliersContainer.count-3 {
  font-size: 32px;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay .multipliersHelp .multipliersContainer .multipliers {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 10px 27px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay .multipliersHelp .multipliersContainer .multipliers .multiplier .trs-multiplier-container {
  margin: 0;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay .multipliersHelp .multipliersContainer .multipliers .multiplier .sign {
  font-size: .4em;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay.hasFocus {
  pointer-events: all;
  padding-top: 70px;
  text-align: center;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay.hasFocus .winBackground {
  opacity: 1;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay.hasFocus .superSpinWinTitleGlow {
  position: absolute;
  left: 0;
  right: 0;
  top: -10px;
  margin: auto;
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -437px -1523px;
  width: 435px;
  height: 342px;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay.hasFocus .wonExplanation {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1em;
  padding: 8px 0 15px;
  font-size: 28px;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay.hasFocus .wonExplanation .trs-icon {
  vertical-align: middle;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay.hasFocus .wonExplanation .clubs-bonus .container-badge .clubs-badge-container {
  height: 1em;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay.hasFocus .wonExplanation .clubs-bonus .container-badge .clubs-badge-container .clubs-badge {
  transform: translate(-50%, -50%) scale(0.5);
}

#prizeWheel .prizeWheelContainer .superSpinOverlay.hasFocus .wonExplanation .clubs-bonus .container-badge .clubs-badge-container .clubs-badge .clubs-division-rank {
  left: 2px;
  top: 52px;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay.hasFocus .wonExplanation .trsSeparator {
  color: white;
  font-size: .5em;
  vertical-align: middle;
  padding: 0 6px;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay.hasFocus .wonExplanation > span {
  display: inline-block;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay.hasFocus .actionBtn, #prizeWheel .prizeWheelContainer .superSpinOverlay.hasFocus .btn-green {
  position: absolute;
  width: 125px;
  line-height: 1.2;
  border-width: 3px;
  font-size: 32px;
  font-family: AkzidGroProBolCnd;
  height: 35px;
  margin: auto;
  left: 0;
  right: 0;
  border-radius: 5px;
  bottom: 75px;
}

@keyframes growAndFadeIn {
  0% {
    opacity: 0;
    font-size: 0px;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    font-size: 100px;
  }
}

#prizeWheel .prizeWheelContainer .superSpinOverlay.hasFocus .claimableAmount {
  position: relative;
  text-align: center;
  font-size: 100px;
  text-shadow: 0px 0px 10px #00b4ff, 0px 0px 10px #00b4ff, 0px 0px 10px #00b4ff;
  font-family: AkzidGroProBolCnd;
  margin-top: 160px;
  animation: growAndFadeIn 1s;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay.hasFocus .claimableAmount > span {
  position: absolute;
  left: 0;
  right: 0;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay.hasFocus .BankrollBar {
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay.hasFocus .superSpinShare {
  padding-left: 45px;
  position: absolute;
  bottom: 12px;
  left: 12px;
  font-size: 24px;
  font-family: AkzidGroProLigCnd;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay.hasFocus .superSpinShare:before {
  top: -7px;
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -2260px -402px;
  width: 44px;
  height: 44px;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay.hasFocus .superSpinShare.checked:after {
  content: '';
  position: absolute;
  left: 0;
  top: -7px;
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -2260px -494px;
  width: 44px;
  height: 44px;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay.hasFocus .superSpinShare:active:before {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -2260px -448px;
  width: 44px;
  height: 44px;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay.hasFocus .superSpinShare:active.checked:after {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -2260px -540px;
  width: 44px;
  height: 44px;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay.yellow-screen .winBackground {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -764px 0px;
  width: 761px;
  height: 505px;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay.yellow-screen .superSpinWinTitleGlow {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: 0px -1523px;
  width: 435px;
  height: 342px;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay.yellow-screen .claimableAmount {
  text-shadow: 0px 0px 10px #ffeb3b, 0px 0px 10px #ffeb3b, 0px 0px 10px #ffeb3b;
}

#prizeWheel.locked:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .75;
  background: #000;
}

@keyframes anim_chip0 {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-8px);
  }
  100% {
    transform: translateY(0px);
  }
}

#prizeWheel .megaBonusFloatingChips .chip0, #prizeWheel .megaBonusFloatingChips .win_chip0 {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -2102px -1262px;
  width: 80px;
  height: 100px;
  transition: all 1s;
  position: absolute;
  animation: anim_chip0 3s infinite ease-in-out;
  animation-delay: 60ms;
}

#prizeWheel .megaBonusFloatingChips .chip0 {
  left: 123px;
  top: 222px;
  z-index: -2;
}

#prizeWheel .megaBonusFloatingChips .win_chip0 {
  left: 61px;
  top: 100%;
  z-index: -2;
}

#prizeWheel .outro .chip0 {
  opacity: 0;
  top: 100%;
}

#prizeWheel .outro .win_chip0 {
  opacity: 1;
  top: 146px;
}

#prizeWheel .intro .chip0 {
  opacity: 0;
  top: 100%;
}

#prizeWheel .intro .win_chip0 {
  opacity: 0;
  top: 100%;
}

@keyframes anim_chip1 {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-2px);
  }
  100% {
    transform: translateY(0px);
  }
}

#prizeWheel .megaBonusFloatingChips .chip1, #prizeWheel .megaBonusFloatingChips .win_chip1 {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -1417px -1258px;
  width: 96px;
  height: 67px;
  transition: all 1s;
  position: absolute;
  animation: anim_chip1 3s infinite ease-in-out;
  animation-delay: 80ms;
}

#prizeWheel .megaBonusFloatingChips .chip1 {
  left: 12px;
  top: 8px;
  z-index: -2;
}

#prizeWheel .megaBonusFloatingChips .win_chip1 {
  left: 131px;
  top: 100%;
  z-index: -2;
}

#prizeWheel .outro .chip1 {
  opacity: 0;
  top: 100%;
}

#prizeWheel .outro .win_chip1 {
  opacity: 1;
  top: 195px;
}

#prizeWheel .intro .chip1 {
  opacity: 0;
  top: 100%;
}

#prizeWheel .intro .win_chip1 {
  opacity: 0;
  top: 100%;
}

@keyframes anim_chip2 {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-8px);
  }
  100% {
    transform: translateY(0px);
  }
}

#prizeWheel .megaBonusFloatingChips .chip2, #prizeWheel .megaBonusFloatingChips .win_chip2 {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -1326px -1374px;
  width: 97px;
  height: 66px;
  transition: all 1s;
  position: absolute;
  animation: anim_chip2 3s infinite ease-in-out;
  animation-delay: 600ms;
}

#prizeWheel .megaBonusFloatingChips .chip2 {
  left: 53px;
  top: 206px;
  z-index: -2;
}

#prizeWheel .megaBonusFloatingChips .win_chip2 {
  left: -18px;
  top: 100%;
  z-index: -2;
}

#prizeWheel .outro .chip2 {
  opacity: 0;
  top: 100%;
}

#prizeWheel .outro .win_chip2 {
  opacity: 1;
  top: 245px;
}

#prizeWheel .intro .chip2 {
  opacity: 0;
  top: 100%;
}

#prizeWheel .intro .win_chip2 {
  opacity: 0;
  top: 100%;
}

@keyframes anim_chip3 {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-8px);
  }
  100% {
    transform: translateY(0px);
  }
}

#prizeWheel .megaBonusFloatingChips .chip3, #prizeWheel .megaBonusFloatingChips .win_chip3 {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -2102px -1676px;
  width: 106px;
  height: 70px;
  transition: all 1s;
  position: absolute;
  animation: anim_chip3 3s infinite ease-in-out;
  animation-delay: 80ms;
}

#prizeWheel .megaBonusFloatingChips .chip3 {
  left: 8px;
  top: 280px;
  z-index: -3;
}

#prizeWheel .megaBonusFloatingChips .win_chip3 {
  left: 45px;
  top: 100%;
  z-index: -2;
}

#prizeWheel .outro .chip3 {
  opacity: 0;
  top: 100%;
}

#prizeWheel .outro .win_chip3 {
  opacity: 1;
  top: 368px;
}

#prizeWheel .intro .chip3 {
  opacity: 0;
  top: 100%;
}

#prizeWheel .intro .win_chip3 {
  opacity: 0;
  top: 100%;
}

@keyframes anim_chip4 {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0px);
  }
}

#prizeWheel .megaBonusFloatingChips .chip4, #prizeWheel .megaBonusFloatingChips .win_chip4 {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -2102px -1748px;
  width: 89px;
  height: 81px;
  transition: all 1s;
  position: absolute;
  animation: anim_chip4 3s infinite ease-in-out;
  animation-delay: 220ms;
}

#prizeWheel .megaBonusFloatingChips .chip4 {
  left: 0px;
  top: 159px;
  z-index: -2;
}

#prizeWheel .megaBonusFloatingChips .win_chip4 {
  left: 92px;
  top: 100%;
  z-index: -2;
}

#prizeWheel .outro .chip4 {
  opacity: 0;
  top: 100%;
}

#prizeWheel .outro .win_chip4 {
  opacity: 1;
  top: 276px;
}

#prizeWheel .intro .chip4 {
  opacity: 0;
  top: 100%;
}

#prizeWheel .intro .win_chip4 {
  opacity: 0;
  top: 100%;
}

@keyframes anim_chip5 {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-8px);
  }
  100% {
    transform: translateY(0px);
  }
}

#prizeWheel .megaBonusFloatingChips .chip5, #prizeWheel .megaBonusFloatingChips .win_chip5 {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -2102px -799px;
  width: 104px;
  height: 95px;
  transition: all 1s;
  position: absolute;
  animation: anim_chip5 3s infinite ease-in-out;
  animation-delay: 80ms;
}

#prizeWheel .megaBonusFloatingChips .chip5 {
  left: 66px;
  top: 72px;
  z-index: -2;
}

#prizeWheel .megaBonusFloatingChips .win_chip5 {
  left: 148px;
  top: 100%;
  z-index: -2;
}

#prizeWheel .outro .chip5 {
  opacity: 0;
  top: 100%;
}

#prizeWheel .outro .win_chip5 {
  opacity: 1;
  top: 267px;
}

#prizeWheel .intro .chip5 {
  opacity: 0;
  top: 100%;
}

#prizeWheel .intro .win_chip5 {
  opacity: 0;
  top: 100%;
}

@keyframes anim_chip6 {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-8px);
  }
  100% {
    transform: translateY(0px);
  }
}

#prizeWheel .megaBonusFloatingChips .chip6, #prizeWheel .megaBonusFloatingChips .win_chip6 {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -1683px -1708px;
  width: 95px;
  height: 67px;
  transition: all 1s;
  position: absolute;
  animation: anim_chip6 3s infinite ease-in-out;
  animation-delay: 160ms;
}

#prizeWheel .megaBonusFloatingChips .chip6 {
  left: 581px;
  top: 126px;
  z-index: -2;
}

#prizeWheel .megaBonusFloatingChips .win_chip6 {
  left: 438px;
  top: 100%;
  z-index: -2;
}

#prizeWheel .outro .chip6 {
  opacity: 0;
  top: 100%;
}

#prizeWheel .outro .win_chip6 {
  opacity: 1;
  top: 259px;
}

#prizeWheel .intro .chip6 {
  opacity: 0;
  top: 100%;
}

#prizeWheel .intro .win_chip6 {
  opacity: 0;
  top: 100%;
}

@keyframes anim_chip7 {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-8px);
  }
  100% {
    transform: translateY(0px);
  }
}

#prizeWheel .megaBonusFloatingChips .chip7, #prizeWheel .megaBonusFloatingChips .win_chip7 {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -2102px -695px;
  width: 97px;
  height: 102px;
  transition: all 1s;
  position: absolute;
  animation: anim_chip7 3s infinite ease-in-out;
  animation-delay: 80ms;
}

#prizeWheel .megaBonusFloatingChips .chip7 {
  left: 642px;
  top: 263px;
  z-index: -1;
}

#prizeWheel .megaBonusFloatingChips .win_chip7 {
  left: 549px;
  top: 100%;
  z-index: -2;
}

#prizeWheel .outro .chip7 {
  opacity: 0;
  top: 100%;
}

#prizeWheel .outro .win_chip7 {
  opacity: 1;
  top: 254px;
}

#prizeWheel .intro .chip7 {
  opacity: 0;
  top: 100%;
}

#prizeWheel .intro .win_chip7 {
  opacity: 0;
  top: 100%;
}

@keyframes anim_chip8 {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0px);
  }
}

#prizeWheel .megaBonusFloatingChips .chip8, #prizeWheel .megaBonusFloatingChips .win_chip8 {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -2102px -1364px;
  width: 80px;
  height: 97px;
  transition: all 1s;
  position: absolute;
  animation: anim_chip8 3s infinite ease-in-out;
  animation-delay: 70ms;
}

#prizeWheel .megaBonusFloatingChips .chip8 {
  left: 560px;
  top: 9px;
  z-index: -1;
}

#prizeWheel .megaBonusFloatingChips .win_chip8 {
  left: 629px;
  top: 100%;
  z-index: -2;
}

#prizeWheel .outro .chip8 {
  opacity: 0;
  top: 100%;
}

#prizeWheel .outro .win_chip8 {
  opacity: 1;
  top: 154px;
}

#prizeWheel .intro .chip8 {
  opacity: 0;
  top: 100%;
}

#prizeWheel .intro .win_chip8 {
  opacity: 0;
  top: 100%;
}

@keyframes anim_chip9 {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-8px);
  }
  100% {
    transform: translateY(0px);
  }
}

#prizeWheel .megaBonusFloatingChips .chip9, #prizeWheel .megaBonusFloatingChips .win_chip9 {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -1971px -1867px;
  width: 87px;
  height: 71px;
  transition: all 1s;
  position: absolute;
  animation: anim_chip9 3s infinite ease-in-out;
  animation-delay: 90ms;
}

#prizeWheel .megaBonusFloatingChips .chip9 {
  left: 670px;
  top: 160px;
  z-index: -2;
}

#prizeWheel .megaBonusFloatingChips .win_chip9 {
  left: 577px;
  top: 100%;
  z-index: -2;
}

#prizeWheel .outro .chip9 {
  opacity: 0;
  top: 100%;
}

#prizeWheel .outro .win_chip9 {
  opacity: 1;
  top: 316px;
}

#prizeWheel .intro .chip9 {
  opacity: 0;
  top: 100%;
}

#prizeWheel .intro .win_chip9 {
  opacity: 0;
  top: 100%;
}

@keyframes anim_chip10 {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-8px);
  }
  100% {
    transform: translateY(0px);
  }
}

#prizeWheel .megaBonusFloatingChips .chip10, #prizeWheel .megaBonusFloatingChips .win_chip10 {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -1425px -1374px;
  width: 96px;
  height: 51px;
  transition: all 1s;
  position: absolute;
  animation: anim_chip10 3s infinite ease-in-out;
  animation-delay: 100ms;
}

#prizeWheel .megaBonusFloatingChips .chip10 {
  left: 595px;
  top: 65px;
  z-index: -2;
}

#prizeWheel .megaBonusFloatingChips .win_chip10 {
  left: 630px;
  top: 100%;
  z-index: -2;
}

#prizeWheel .outro .chip10 {
  opacity: 0;
  top: 100%;
}

#prizeWheel .outro .win_chip10 {
  opacity: 1;
  top: 390px;
}

#prizeWheel .intro .chip10 {
  opacity: 0;
  top: 100%;
}

#prizeWheel .intro .win_chip10 {
  opacity: 0;
  top: 100%;
}

@keyframes anim_chip11 {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-8px);
  }
  100% {
    transform: translateY(0px);
  }
}

#prizeWheel .megaBonusFloatingChips .chip11, #prizeWheel .megaBonusFloatingChips .win_chip11 {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -2102px -1985px;
  width: 74px;
  height: 95px;
  transition: all 1s;
  position: absolute;
  animation: anim_chip11 3s infinite ease-in-out;
  animation-delay: 590ms;
}

#prizeWheel .megaBonusFloatingChips .chip11 {
  left: 616px;
  top: 220px;
  z-index: -2;
}

#prizeWheel .megaBonusFloatingChips .win_chip11 {
  left: 677px;
  top: 100%;
  z-index: -2;
}

#prizeWheel .outro .chip11 {
  opacity: 0;
  top: 100%;
}

#prizeWheel .outro .win_chip11 {
  opacity: 1;
  top: 247px;
}

#prizeWheel .intro .chip11 {
  opacity: 0;
  top: 100%;
}

#prizeWheel .intro .win_chip11 {
  opacity: 0;
  top: 100%;
}

#prizeWheel .superSpinExplodingChips {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}

#prizeWheel .superSpinExplodingChips * {
  position: absolute;
}

@keyframes bounceChip {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(15px);
  }
  100% {
    transform: translateY(0px);
  }
}

#prizeWheel .superSpinExplodingChips .chip0 {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -2102px -1908px;
  width: 94px;
  height: 75px;
  top: 112px;
  left: 332px;
  animation: bounceChip 2s infinite ease-in-out;
  animation-delay: 0.1s;
  opacity: 0;
  transition: all 2s cubic-bezier(0, 0.66, 0.02, 1);
}

#prizeWheel .superSpinExplodingChips.exploded .chip0 {
  opacity: 1;
  left: 51px;
  top: 46px;
}

#prizeWheel .superSpinExplodingChips .chip1 {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -1417px -1190px;
  width: 100px;
  height: 66px;
  top: 112px;
  left: 332px;
  animation: bounceChip 2s infinite ease-in-out;
  animation-delay: 1s;
  opacity: 0;
  transition: all 2s cubic-bezier(0, 0.66, 0.02, 1);
}

#prizeWheel .superSpinExplodingChips.exploded .chip1 {
  opacity: 1;
  left: 8px;
  top: 156px;
}

#prizeWheel .superSpinExplodingChips .chip2 {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -2102px -1171px;
  width: 96px;
  height: 89px;
  top: 112px;
  left: 332px;
  animation: bounceChip 2s infinite ease-in-out;
  animation-delay: 0.3s;
  opacity: 0;
  transition: all 2s cubic-bezier(0, 0.66, 0.02, 1);
}

#prizeWheel .superSpinExplodingChips.exploded .chip2 {
  opacity: 1;
  left: 46px;
  top: 243px;
}

#prizeWheel .superSpinExplodingChips .chip3 {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -866px -1982px;
  width: 81px;
  height: 71px;
  top: 112px;
  left: 332px;
  animation: bounceChip 2s infinite ease-in-out;
  animation-delay: 0.05s;
  opacity: 0;
  transition: all 2s cubic-bezier(0, 0.66, 0.02, 1);
}

#prizeWheel .superSpinExplodingChips.exploded .chip3 {
  opacity: 1;
  left: 153px;
  top: 352px;
}

#prizeWheel .superSpinExplodingChips .chip4 {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -1403px -867px;
  width: 73px;
  height: 93px;
  top: 112px;
  left: 332px;
  animation: bounceChip 2s infinite ease-in-out;
  animation-delay: 0.1s;
  opacity: 0;
  transition: all 2s cubic-bezier(0, 0.66, 0.02, 1);
}

#prizeWheel .superSpinExplodingChips.exploded .chip4 {
  opacity: 1;
  left: -47px;
  top: 322px;
}

#prizeWheel .superSpinExplodingChips .chip5 {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -718px -1982px;
  width: 63px;
  height: 94px;
  top: 112px;
  left: 332px;
  animation: bounceChip 2s infinite ease-in-out;
  animation-delay: 0.3s;
  opacity: 0;
  transition: all 2s cubic-bezier(0, 0.66, 0.02, 1);
}

#prizeWheel .superSpinExplodingChips.exploded .chip5 {
  opacity: 1;
  left: 623px;
  top: 38px;
}

#prizeWheel .superSpinExplodingChips .chip6 {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -1417px -1110px;
  width: 86px;
  height: 78px;
  top: 112px;
  left: 332px;
  animation: bounceChip 2s infinite ease-in-out;
  animation-delay: 0.5s;
  opacity: 0;
  transition: all 2s cubic-bezier(0, 0.66, 0.02, 1);
}

#prizeWheel .superSpinExplodingChips.exploded .chip6 {
  opacity: 1;
  left: 671px;
  top: 125px;
}

#prizeWheel .superSpinExplodingChips .chip7 {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -122px -2097px;
  width: 64px;
  height: 78px;
  top: 112px;
  left: 332px;
  animation: bounceChip 2s infinite ease-in-out;
  animation-delay: 0.35s;
  opacity: 0;
  transition: all 2s cubic-bezier(0, 0.66, 0.02, 1);
}

#prizeWheel .superSpinExplodingChips.exploded .chip7 {
  opacity: 1;
  left: 640px;
  top: 226px;
}

#prizeWheel .superSpinExplodingChips .chip8 {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -1417px -1015px;
  width: 73px;
  height: 93px;
  top: 112px;
  left: 332px;
  animation: bounceChip 2s infinite ease-in-out;
  animation-delay: 0.25s;
  opacity: 0;
  transition: all 2s cubic-bezier(0, 0.66, 0.02, 1);
}

#prizeWheel .superSpinExplodingChips.exploded .chip8 {
  opacity: 1;
  left: 558px;
  top: 346px;
}

#prizeWheel .superSpinExplodingChips .chip9 {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -2102px -988px;
  width: 99px;
  height: 90px;
  top: 112px;
  left: 332px;
  animation: bounceChip 2s infinite ease-in-out;
  animation-delay: 1s;
  opacity: 0;
  transition: all 2s cubic-bezier(0, 0.66, 0.02, 1);
}

#prizeWheel .superSpinExplodingChips.exploded .chip9 {
  opacity: 1;
  left: 695px;
  top: 386px;
}

#prizeWheel .yellow-screen .superSpinExplodingChips .chip0 {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -2102px -1831px;
  width: 94px;
  height: 75px;
  top: 112px;
  left: 332px;
  animation: bounceChip 2s infinite ease-in-out;
  animation-delay: 0.1s;
  opacity: 0;
  transition: all 2s cubic-bezier(0, 0.66, 0.02, 1);
}

#prizeWheel .yellow-screen .superSpinExplodingChips.exploded .chip0 {
  opacity: 1;
  left: 51px;
  top: 46px;
}

#prizeWheel .yellow-screen .superSpinExplodingChips .chip1 {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -1939px -1792px;
  width: 100px;
  height: 66px;
  top: 112px;
  left: 332px;
  animation: bounceChip 2s infinite ease-in-out;
  animation-delay: 1s;
  opacity: 0;
  transition: all 2s cubic-bezier(0, 0.66, 0.02, 1);
}

#prizeWheel .yellow-screen .superSpinExplodingChips.exploded .chip1 {
  opacity: 1;
  left: 8px;
  top: 156px;
}

#prizeWheel .yellow-screen .superSpinExplodingChips .chip2 {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -2102px -1080px;
  width: 96px;
  height: 89px;
  top: 112px;
  left: 332px;
  animation: bounceChip 2s infinite ease-in-out;
  animation-delay: 0.3s;
  opacity: 0;
  transition: all 2s cubic-bezier(0, 0.66, 0.02, 1);
}

#prizeWheel .yellow-screen .superSpinExplodingChips.exploded .chip2 {
  opacity: 1;
  left: 46px;
  top: 243px;
}

#prizeWheel .yellow-screen .superSpinExplodingChips .chip3 {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -783px -1982px;
  width: 81px;
  height: 71px;
  top: 112px;
  left: 332px;
  animation: bounceChip 2s infinite ease-in-out;
  animation-delay: 0.05s;
  opacity: 0;
  transition: all 2s cubic-bezier(0, 0.66, 0.02, 1);
}

#prizeWheel .yellow-screen .superSpinExplodingChips.exploded .chip3 {
  opacity: 1;
  left: 153px;
  top: 352px;
}

#prizeWheel .yellow-screen .superSpinExplodingChips .chip4 {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -1839px -1292px;
  width: 73px;
  height: 93px;
  top: 112px;
  left: 332px;
  animation: bounceChip 2s infinite ease-in-out;
  animation-delay: 0.1s;
  opacity: 0;
  transition: all 2s cubic-bezier(0, 0.66, 0.02, 1);
}

#prizeWheel .yellow-screen .superSpinExplodingChips.exploded .chip4 {
  opacity: 1;
  left: -47px;
  top: 322px;
}

#prizeWheel .yellow-screen .superSpinExplodingChips .chip5 {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -653px -1982px;
  width: 63px;
  height: 94px;
  top: 112px;
  left: 332px;
  animation: bounceChip 2s infinite ease-in-out;
  animation-delay: 0.3s;
  opacity: 0;
  transition: all 2s cubic-bezier(0, 0.66, 0.02, 1);
}

#prizeWheel .yellow-screen .superSpinExplodingChips.exploded .chip5 {
  opacity: 1;
  left: 623px;
  top: 38px;
}

#prizeWheel .yellow-screen .superSpinExplodingChips .chip6 {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -1839px -1387px;
  width: 86px;
  height: 78px;
  top: 112px;
  left: 332px;
  animation: bounceChip 2s infinite ease-in-out;
  animation-delay: 0.5s;
  opacity: 0;
  transition: all 2s cubic-bezier(0, 0.66, 0.02, 1);
}

#prizeWheel .yellow-screen .superSpinExplodingChips.exploded .chip6 {
  opacity: 1;
  left: 671px;
  top: 125px;
}

#prizeWheel .yellow-screen .superSpinExplodingChips .chip7 {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -56px -2097px;
  width: 64px;
  height: 78px;
  top: 112px;
  left: 332px;
  animation: bounceChip 2s infinite ease-in-out;
  animation-delay: 0.35s;
  opacity: 0;
  transition: all 2s cubic-bezier(0, 0.66, 0.02, 1);
}

#prizeWheel .yellow-screen .superSpinExplodingChips.exploded .chip7 {
  opacity: 1;
  left: 640px;
  top: 226px;
}

#prizeWheel .yellow-screen .superSpinExplodingChips .chip8 {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -1328px -867px;
  width: 73px;
  height: 93px;
  top: 112px;
  left: 332px;
  animation: bounceChip 2s infinite ease-in-out;
  animation-delay: 0.25s;
  opacity: 0;
  transition: all 2s cubic-bezier(0, 0.66, 0.02, 1);
}

#prizeWheel .yellow-screen .superSpinExplodingChips.exploded .chip8 {
  opacity: 1;
  left: 558px;
  top: 346px;
}

#prizeWheel .yellow-screen .superSpinExplodingChips .chip9 {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -2102px -896px;
  width: 99px;
  height: 90px;
  top: 112px;
  left: 332px;
  animation: bounceChip 2s infinite ease-in-out;
  animation-delay: 1s;
  opacity: 0;
  transition: all 2s cubic-bezier(0, 0.66, 0.02, 1);
}

#prizeWheel .yellow-screen .superSpinExplodingChips.exploded .chip9 {
  opacity: 1;
  left: 695px;
  top: 386px;
}

#prizeWheel .withBankrollAnim .BankrollBar {
  animation: bankrollScaling 3.1s;
}

#prizeWheel .BankrollBar .value {
  text-align: right;
}

#prizeWheel .btn-shareFb {
  position: absolute;
  left: 20px;
  bottom: 20px;
}

#prizeWheel .btn-shareFb:disabled {
  opacity: 0.5;
}

.leave-super-spin {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: 0px -1015px;
  width: 759px;
  height: 506px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 110px;
  text-align: center;
  font-size: 40px;
}

.leave-super-spin:after {
  content: '';
  position: absolute;
  border-radius: 5px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  border: 1px solid #2467d0;
  box-shadow: 0 0 7px 2px #1941E3, 0 0 7px 2px #1941E3 inset;
  pointer-events: none;
}

.leave-super-spin .confirmationTitle {
  text-shadow: -2px -2px 4px #2163ff, -2px 2px 4px #2163ff, 2px -2px 4px #2163ff, 2px 2px 4px #2163ff;
  font-size: 45px;
  color: #a4ffff;
  line-height: 1;
  font-family: AkzidGroProCnd;
  margin-bottom: 15px;
}

.leave-super-spin .confirmExplanation {
  font-size: 30px;
  margin-bottom: 20px;
}

.leave-super-spin .totalAmount {
  text-shadow: 0px 0px 7px #00b4ff, 0px 0px 7px #00b4ff, 0px 0px 7px #00b4ff, 0px 0px 7px #00b4ff, 0px 0px 7px #00b4ff, 0px 0px 7px #00b4ff;
  font-size: 100px;
  font-family: AkzidGroProBolCnd;
  height: 110px;
  margin-top: -15px;
  z-index: 2;
}

.leave-super-spin .gearsCanvas {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
}

.leave-super-spin .content {
  position: absolute;
  width: 100%;
  height: 100%;
  margin-top: 65px;
  z-index: 2;
}

.leave-super-spin .buttons {
  margin: 10px auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 440px;
}

.leave-super-spin .buttons .blue {
  text-shadow: 0 1px 2px black;
}

.leave-super-spin .buttons button {
  width: 180px;
  font-size: 40px;
  z-index: 2;
  font-family: AkzidGroProBolCnd;
}

.wheel-blast, .wheel-blast-fade-out {
  position: absolute;
  top: 140px;
}

.wheel-blast .wheel-blast-bg, .wheel-blast-fade-out .wheel-blast-bg {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -1434px -1708px;
  width: 247px;
  height: 73px;
  position: absolute;
  opacity: 0.7;
}

.wheel-blast .wheel-blast-bg.wheel-blast-pulse, .wheel-blast-fade-out .wheel-blast-bg.wheel-blast-pulse {
  opacity: 0;
}

.wheel-blast .wheel-blast-subtitle, .wheel-blast-fade-out .wheel-blast-subtitle {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -1185px -1708px;
  width: 247px;
  height: 73px;
  position: absolute;
}

.wheel-blast-fade-out {
  opacity: 0;
  transition-delay: 1s;
  transition: opacity .5s ease-in-out;
}

.wheel-blast-pulse {
  animation-name: pulse;
  animation-duration: 0.5s;
  animation-iteration-count: 2;
}

#resortMenu {
  position: absolute;
  top: 95px;
  left: 50%;
  min-width: 763px;
  height: 533px;
  transform: translateX(-50%);
  text-align: center;
  overflow: hidden;
}

#resortMenu.content-col-3 .content {
  display: flex;
  flex-direction: row;
}

#resortMenu.content-col-3 .content .rm-col {
  padding: 1em 0;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  flex: 0 0 185px;
  min-width: 185px;
}

#resortMenu.content-col-3 .content .rm-col.left {
  padding-top: 0;
}

#resortMenu.content-col-3 .content .rm-col.left .rmLastWinner {
  position: relative;
}

#resortMenu.content-col-3 .content .rm-col.left .rmLastWinner .medallion {
  width: 70px;
  height: 70px;
  margin: auto;
}

#resortMenu.content-col-3 .content .rm-col.left .rmLastWinner .clubs-badge {
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateX(-50%);
}

#resortMenu.content-col-3 .content .rm-col.mid {
  justify-content: flex-start;
  flex: 1 1 460px;
  background: radial-gradient(rgba(6, 6, 20, 0) 5%, rgba(0, 0, 255, 0.2) 25%, rgba(3, 10, 32, 0) 45%) 50% 20% no-repeat, linear-gradient(rgba(0, 0, 255, 0.6), rgba(3, 10, 32, 0.5)), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUM0ODMyOTZEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUM0ODMyOTVEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pld80tkAAADSSURBVHjadNCxDsFQFMbxW4pEbRbxAFYRITGw6gNYPYPdKjGZhMFLSEzaUbcONjsGg0kiZSAR/8ttcnPTnuTXk7T9em6PlXP6gtqghQgP8a83Kri8Iq8jjMqogBSghobEy236FuV8yZ2YQYuJPr0O+dVj/ICgIFBUp7iiqeWceKKvh7TwkzZDASeclYPNJYu9SK8dRuiq6b+SwTGmmKcEVwiZHprLWapNBmaCfxzI5RDqmc9s1YfwUNVCDm2BddIx4qCLu1qApe59IJdzSwp+BRgADnE2lChoGq4AAAAASUVORK5CYII=") repeat #030a20;
  background-size: 200% 90%, 100% 100%, 14px 8px;
  background-position: 50% 80%, 50% 50%, 50% 50%;
  box-shadow: inset 0 0 7px 2px #0042ff;
  padding: 5px 10px;
}

#resortMenu.content-col-3 .content .rm-col.rm-leaders {
  justify-content: space-between;
}

#resortMenu .rmShareChips {
  line-height: 1.8;
}

#resortMenu .rmShareChips label {
  line-height: 28px;
  display: block;
  text-align: left;
  position: absolute;
  bottom: 15px;
  left: 30px;
}

#resortMenu .question, #resortMenu #braceletFullProgression > .help:after, #resortMenu #prizeWheel .prizeWheelContainer .superSpinOverlay .multipliersHelp .toggle .help:after, #prizeWheel .prizeWheelContainer .superSpinOverlay .multipliersHelp .toggle #resortMenu .help:after {
  left: 130px;
  top: 6px;
}

.rmSeparator {
  background-image: url(assets/images/Atlas.png);
  background-position: -935px -2706px;
  width: 128px;
  height: 15px;
}

.rmGetARing {
  background-image: url(assets/images/Atlas.png);
  background-position: -356px -3385px;
  width: 177px;
  height: 178px;
  position: relative;
}

#rmRing {
  width: 143px;
  height: 139px;
  position: relative;
  top: 25px;
  left: 50%;
  transform: translateX(-50%);
}

.rmGRLvl {
  background-image: url(assets/images/Atlas.png);
  background-position: -3378px -1854px;
  width: 106px;
  height: 38px;
  position: relative;
  left: -21px;
}

.rmGRLvlLeftBG {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1415px;
  width: 7px;
  height: 38px;
  position: absolute;
  top: 0;
  left: -7px;
}

.rmGRLvlRightBG {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -41px;
  width: 26px;
  height: 38px;
  position: absolute;
  top: 0;
  left: 106px;
}

.rmGRMeter {
  background-image: url(assets/images/Atlas.png);
  background-position: -2141px -2870px;
  width: 106px;
  height: 23px;
  position: absolute;
  top: 7px;
  left: 0;
  width: 0;
}

.rmGRMeterTxt {
  position: absolute;
  top: 8px;
  left: 10px;
}

.rmMultiply {
  font-size: 2.6rem;
  position: relative;
  margin-left: 65px;
}

.rmMultiply:before {
  content: '';
  position: absolute;
  top: 5px;
  left: -65px;
}

.rmGRTxt {
  font-family: AkzidGroProLigCnd;
  font-size: 2.5rem;
  width: 130px;
  margin: auto;
  position: relative;
  text-transform: uppercase;
  line-height: 1;
}

.rmMultiplyWrapperContainer {
  margin: 5px 0;
}

.rmMultiplyWrapper {
  font-size: 2.5rem;
  display: flex;
  justify-content: center;
}

.rmLWPlayer {
  border-radius: 36px;
  width: 36px;
  height: 36px;
  margin: 12px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3500px -1812px;
}

.rmLWTime, .rmLWTxt {
  font-size: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 95%;
}

.rmLWTime {
  color: #858585;
  font-size: 1.6rem;
}

.rmLeadPlayer {
  position: absolute;
  border-radius: 36px;
  position: absolute;
  top: 2px;
  left: 31px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3500px -1812px;
  width: 80px;
  height: 80px;
  width: 50px;
  height: 50px;
}

.rmWinner {
  font-size: 2rem;
}

.rmPrize {
  width: 314px;
  height: 65px;
  margin: -7px auto;
}

.rmPrize .prizeLabel {
  font-size: 64px;
}

.rmPrize .prizeSuffix {
  font-size: 49px;
  top: 4px;
  position: relative;
}

.rmBuyIn {
  position: absolute;
  bottom: 20px;
  left: 45px;
}

.resort-menu .resort-banner {
  position: relative;
  width: 460px;
  height: 243px;
}

.rmRoundIntro {
  padding: 7px 0;
  font-size: 2rem;
}

.rmRoundStruct {
  background: rgba(0, 2, 29, 0.5);
  border: 1px solid #005e86;
  border-radius: 5px;
  width: 460px;
  height: 88px;
  display: flex;
  position: relative;
  margin: auto;
  box-sizing: border-box;
}

.rmRoundStruct .rroundId {
  padding: 5px 0px 0 12px;
}

.rmRoundStruct:before {
  content: '';
  border-bottom: 1px solid #005e86;
  border-radius: 0 0 5px 0;
  position: absolute;
  width: 70px;
  left: 0;
  height: 30px;
  border-right: 1px solid #005e86;
}

.rmRoundStruct:hover {
  background: rgba(0, 2, 29, 0.95);
  border-color: #55cafe;
  box-shadow: inset 0 0 20px 2px #2676E5, 0 0 20px 2px #2676E5;
}

.rmRoundStruct:hover .rmTrophy {
  opacity: 1;
}

.rmRoundStruct sup {
  text-decoration: underline;
}

.rmRoundStruct.promo:after {
  content: 'PROMO';
  background-image: url(assets/images/Atlas.png);
  background-position: -2453px -3093px;
  width: 116px;
  height: 24px;
  display: block;
  position: absolute;
  top: 74px;
  right: 13px;
  margin-left: -58px;
  z-index: 1;
  line-height: 20px;
  text-shadow: 0 0 5px #cc4afc, 0 0 5px #cc4afc;
  text-align: center;
  color: #fff1f4;
  font-family: 'AkzidGroProCnd';
}

.rmRoundId {
  position: absolute;
  top: 7px;
  left: 7px;
  line-height: 25px;
  height: 25px;
  width: 65px;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
}

.rmPlayers {
  position: absolute;
  top: -1px;
  left: 68px;
  line-height: 32px;
  font-family: AkzidGroProLigCnd;
  font-size: 1.6rem;
  height: 32px;
  width: 65px;
  color: #67A4FF;
}

.rmPrize1, .rmPrize23 {
  position: absolute;
  height: 32px;
  top: 33px;
  left: 10px;
  line-height: 32px;
  font-family: AkzidGroProLigCnd;
  font-size: 1.7rem;
  color: #D2D7DA;
}

.rmPrize23 {
  top: 55px;
  font-family: AkzidGroProLigCnd;
  font-size: 1.5rem;
}

.rm1Val, .rm2Val, .rm3Val {
  font-size: 2.0rem;
  font-weight: bold;
  color: #D2D7DA;
  padding-right: 5px;
}

.rm1Val {
  font-size: 2.8rem;
}

#resortMenu .rmRound {
  margin: .5em;
}

#resortMenu .rmRound .genericButton {
  font-family: AkzidGroProCnd;
  font-size: 1.8rem;
  font-weight: bold;
  position: absolute;
  right: 11px;
  top: 50px;
  width: 124px;
  height: 32px;
  opacity: 1;
}

#resortMenu .rmRound .genericButton:active {
  font-family: AkzidGroProCnd;
  font-size: 1.7rem;
}

#resortMenu .rmRound .genericButton.rmBuyIn-button {
  margin-top: 0;
  border-radius: 4px;
  line-height: 1;
  white-space: nowrap;
  text-transform: uppercase;
  padding-left: 0;
  padding-right: 0;
}

#resortMenu .rmRound .genericButton.rmBuyIn-button.promo:after {
  content: attr(data-resortpromo);
  text-align: center;
  line-height: 1.1;
  font-size: .70em;
  color: #fff;
  box-shadow: 0 1px 1px #000;
  position: absolute;
  top: -6px;
  right: 5px;
  width: 12px;
  height: 12px;
  background-color: #EB2E24;
  border-radius: 1px;
}

.uafirefox #resortMenu .rmRound .rmBuyIn-button, .uamozilla #resortMenu .rmRound .rmBuyIn-button, .uasafari #resortMenu .rmRound .rmBuyIn-button {
  letter-spacing: -1px;
}

.rmTrophy {
  background-image: url(assets/images/Atlas.png);
  background-position: -3378px -2227px;
  width: 92px;
  height: 56px;
  position: absolute;
  right: 25px;
  top: 6px;
  opacity: .5;
}

.rmTrophy.rmTournamentWon {
  background-image: url(assets/images/Atlas.png);
  background-position: -1898px -3385px;
  width: 128px;
  height: 89px;
  right: 10px;
}

.rmTRS {
  position: absolute;
  right: 16px;
  top: 15px;
  width: 115px;
  height: 35px;
  font-family: AkzidGroProLigCnd;
  font-size: 1.7rem;
}

.rmRewardCredits, .rmStatusPts {
  position: absolute;
  right: 0;
  display: none;
}

.rmStatusPts {
  top: 18px;
}

.rmRewardCredits {
  bottom: 0;
}

.trConnected .rmStatusPts {
  display: block;
}

.trConnected.trLogged .rmStatusPts {
  top: 0;
}

.trConnected.trLogged .rmRewardCredits {
  display: block;
}

.rmLead {
  position: relative;
  margin: auto;
}

.rmLead .clubs-badge {
  position: absolute;
  z-index: 2;
  display: inline-block;
  top: 56px;
  left: -47%;
  transform: translateX(-50%);
}

.rmLead .lead-infos {
  position: absolute;
  left: 50%;
  bottom: 5px;
  transform: translate(-50%, 50%);
  height: 20px;
  width: 120px;
  border-radius: 50em;
  overflow: hidden;
  background: linear-gradient(black, rgba(0, 0, 0, 0.5));
  padding: 0.2em .7em;
  text-align: left;
  box-shadow: inset 0 0 7px 2px #0042ff, 0 0 7px 2px #0042ff;
  border: solid 1px #59d1ff;
}

.rmLead .lead-infos:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  box-sizing: border-box;
  padding: 1em;
  top: 50%;
  right: -9%;
  transform: skewX(-20deg) translate(-60px, -50%);
  pointer-events: none;
  box-shadow: inset 0 0 7px 2px #0042ff, 0 0 7px 2px #0042ff;
  border: solid 1px #59d1ff;
}

.rmLead .lead-infos .lead-name,
.rmLead .lead-infos .lead-rings {
  position: absolute;
  white-space: nowrap;
  margin-left: .6em;
}

.rmLead .lead-infos .lead-name {
  width: 60px;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
}

.rmLead .lead-infos .lead-rings {
  left: 114px;
}

.rmLead .lead-infos .lead-rings:before {
  content: '';
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1394px;
  width: 17px;
  height: 19px;
  position: absolute;
  left: -18px;
  top: 50%;
  transform: translateY(-50%);
}

.rmLead .lead-position {
  position: absolute;
  left: calc(50% - 45px);
  z-index: 1;
  top: 0;
  width: 20px;
  height: 20px;
  font-size: 16px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 100%;
  padding: 2px;
  border: solid 1px #0042ff;
}

.rmLead .profileMedallion {
  width: 70px;
  height: 70px;
  margin-bottom: .5em;
}

.rmLead.rmLead1 {
  transform: scale(1.1, 1.1);
}

.rmLead.rmLead1 .lead-position {
  top: 1em;
}

.rmLead.rmLead1 .resort-shark {
  position: absolute;
  padding: 2px .5em;
  font-weight: bold;
  text-transform: uppercase;
  margin: auto;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.rmLead.rmLead1 .resort-shark .ribbon {
  width: 100px;
  background: #1c51e5;
  border-color: #1540b9;
}

.rmLead.rmLead2, .rmLead.rmLead3 {
  transform: scale(1, 1);
}

.rmLeadName {
  color: #808080;
  left: 25px;
}

.rmLeadRing {
  color: #8CB0F7;
  left: 96px;
  top: 44px;
  width: 20px;
  text-align: center;
}

#resortMenu .action-btn {
  width: 124px;
  height: 30px;
  margin-top: 8px;
  margin-bottom: 9px;
  font-size: 1.8rem;
}

#resortMenu .action-btn:active {
  font-size: 1.7rem;
}

#tournamentWaiting {
  position: absolute;
  width: 333px;
  height: 185px;
  top: 111px;
  left: 212px;
  text-align: center;
  z-index: 2;
  background-color: #01032f;
  border-radius: 5px;
  box-shadow: inset 0 0 7px 2px #0042ff, 0 0 7px 2px #0042ff;
  border: solid 1px #59d1ff;
  border-bottom: solid 1px rgba(89, 209, 255, 0.7);
}

#tournamentWaiting .tb {
  width: 333px;
  position: relative;
  display: flex;
  justify-content: center;
  line-height: 36px;
  font-size: 2.7rem;
  font-weight: bold;
  text-transform: uppercase;
  z-index: 3;
  text-shadow: 0 2px 10px #0042ff, 0 -2px 10px #0042ff;
  color: #59d1ff;
  border-bottom: solid 1px rgba(89, 209, 255, 0.7);
  box-shadow: 0 5px 7px -3px #0042ff;
}

#tournamentWaiting .m {
  width: 333px;
  height: 148px;
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  z-index: 2;
  background-repeat: repeat;
  overflow: hidden;
  border-radius: 5px;
  background: radial-gradient(at top right, rgba(6, 6, 20, 0) 5%, rgba(0, 0, 255, 0.2) 25%, rgba(3, 10, 32, 0) 45%) 50% 20% no-repeat, linear-gradient(to bottom, rgba(0, 0, 255, 0.6), rgba(3, 10, 32, 0.5)), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUM0ODMyOTZEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUM0ODMyOTVEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pld80tkAAADSSURBVHjadNCxDsFQFMbxW4pEbRbxAFYRITGw6gNYPYPdKjGZhMFLSEzaUbcONjsGg0kiZSAR/8ttcnPTnuTXk7T9em6PlXP6gtqghQgP8a83Kri8Iq8jjMqogBSghobEy236FuV8yZ2YQYuJPr0O+dVj/ICgIFBUp7iiqeWceKKvh7TwkzZDASeclYPNJYu9SK8dRuiq6b+SwTGmmKcEVwiZHprLWapNBmaCfxzI5RDqmc9s1YfwUNVCDm2BddIx4qCLu1qApe59IJdzSwp+BRgADnE2lChoGq4AAAAASUVORK5CYII=") repeat #030a20;
}

#tournamentWaiting .m .infos {
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  height: 100%;
}

#tournamentWaiting .m .infos #rtwRoundTitle {
  font-size: 2rem;
  position: relative;
  width: 100%;
  height: 20%;
  margin: 5px 0 0 0;
  z-index: 2;
}

#tournamentWaiting .m .infos .rtwShortly {
  width: 100%;
  height: 20%;
  font-size: 2.5rem;
}

#tournamentWaiting .m .infos .rtwTimes {
  display: flex;
  position: relative;
  height: 40%;
}

#tournamentWaiting .m .infos .rtwTimes .rtwTime {
  width: 150px;
}

#tournamentWaiting .m .infos .rtwTimes .rtwTimeTxt {
  font-family: AkzidGroProLigCnd;
  font-size: 1.9rem;
  color: #64B4F5;
}

#tournamentWaiting .m .infos .rtwTimes .rtwTimeBg {
  background-image: url(assets/images/Atlas.png);
  background-position: -2955px -3201px;
  width: 83px;
  height: 34px;
  margin: auto;
  position: relative;
}

#tournamentWaiting .m .infos .rtwTimes #rtwTimeEstM,
#tournamentWaiting .m .infos .rtwTimes #rtwTimeActM,
#tournamentWaiting .m .infos .rtwTimes #rtwTimeEstS,
#tournamentWaiting .m .infos .rtwTimes #rtwTimeActS {
  width: 42px;
  position: absolute;
  top: 4px;
  left: 0;
  font-size: 2.3rem;
}

#tournamentWaiting .m .infos .rtwTimes #rtwTimeEstS,
#tournamentWaiting .m .infos .rtwTimes #rtwTimeActS {
  left: auto;
  right: 0;
}

#tournamentWaiting .m .rtwArrow {
  position: Absolute;
  top: -16px;
  background-image: url(assets/images/Atlas.png);
  background-position: -2028px -3385px;
  width: 169px;
  height: 60px;
}

.tournamentResults {
  width: 397px;
  position: absolute;
  top: 135px;
  left: 50%;
  margin-left: -198.5px;
  text-align: center;
  background: #030a20;
  background: radial-gradient(rgba(0, 0, 255, 0.55) 20%, rgba(0, 0, 255, 0.25) 25%, rgba(3, 10, 32, 0.5) 55%) -100px -200px no-repeat, radial-gradient(rgba(0, 0, 255, 0.45) 20%, rgba(0, 0, 255, 0.25) 25%, rgba(3, 10, 32, 0.5) 55%) -50px 220px no-repeat, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTJDBGvsAAAARUlEQVQYV2MQFBSqB2ExCRUoVq8XFVeoZxARlaoXEZUEC4LYoqIyYDaDmIQWWBWIg6ybQUREEsgRA0uKisuAdYlJqNQDAJSvEqzTUGj9AAAAAElFTkSuQmCC") repeat #030a20;
  background-size: 150% 90%, 125% 100%, 9px 6px;
  border: 1px solid #3b9ae8;
  border-radius: 4px;
  box-shadow: inset 0 0 10px 2px #2e87ff, 0px 0px 10px 2px #2e87ff;
}

.tournamentResults .rtrHeader {
  position: relative;
  width: 100%;
  height: 80px;
}

.tournamentResults .rtrHeader .rtrChip {
  background-image: url(assets/images/Atlas.png);
  background-position: 0px -2914px;
  width: 285px;
  height: 285px;
  position: absolute;
  top: -100px;
  left: 56px;
  margin: auto;
  color: #072679;
  font-weight: bold;
}

.tournamentResults .rtrContent {
  position: relative;
  width: 100%;
  padding: 15px 0;
}

.tournamentResults .rtrContent .rtrTitle {
  width: 100%;
  position: relative;
  font-family: AkzidGroProLigCnd;
  font-size: 4rem;
}

.tournamentResults .rtrContent .rtrTitle:after, .tournamentResults .rtrContent .clubs-info-bonus:before, .tournamentResults .rtrContent .rtrRing-bonus:before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 15px;
  right: 0;
  margin: auto;
  background-image: url(assets/images/Atlas.png);
  background-position: -729px -2706px;
  width: 204px;
  height: 15px;
}

.tournamentResults .rtrContent .value-bonus, .tournamentResults .rtrContent .rtrRing-bonus {
  width: 100%;
}

.tournamentResults .rtrContent .clubs-info-bonus:before, .tournamentResults .rtrContent .rtrRing-bonus:before {
  bottom: auto;
}

.tournamentResults .rtrContent .rtrResultSection {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 10;
}

.tournamentResults .rtrContent .rtrResultSection .rtrValue {
  font-size: 5rem;
  font-weight: bold;
}

.tournamentResults .rtrContent .rtrResultSection .clubs-progress-container {
  width: 260px;
}

.tournamentResults .rtrPos {
  padding-top: 80px;
  font-family: AkzidGroProXBolCnd;
  font-size: 4rem;
  color: #072679;
}

.tournamentResults .rtrPos sup {
  font-family: AkzidGroProLigCnd;
  font-size: 2.3rem;
  position: relative;
  top: 13px;
}

.tournamentResults .wsop-bank-button-canvas {
  position: absolute;
  top: -126px;
  right: -180px;
}

.tournamentResults .wsop-bank-button-canvas.isPiggy {
  right: -142px;
}

.tournamentResults__clubs-notification {
  margin: 0 auto 1rem;
  position: relative;
  width: 100%;
}

.tournamentResults__clubs-notification:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -2327px -2221px;
  width: 428px;
  height: 146px;
  content: '';
  display: block;
  position: absolute;
  right: -14px;
  top: -45px;
  transform: scale(0.67) rotate(180deg);
  z-index: 0;
}

.tournamentResults__clubs-notification strong {
  font-family: AkzidGroProXBolCnd;
  font-size: 28px;
  position: relative;
  z-index: 1;
}

.tournamentResults__clubs-notification p {
  font-size: 22px;
  margin: 0;
  z-index: 1;
}

.rtrRing {
  position: relative;
  height: 120px;
  display: none;
}

.rtrRing .rtrRibbonContainer {
  position: absolute;
  width: 280px;
  height: 50px;
  bottom: 45px;
  left: 0;
  right: 0;
  margin: auto;
}

.rtrRing .rtrRibbonContainer .rtrRibbon {
  position: relative;
}

.rtrRing .rtrRibbonContainer .rtrRibbon:before {
  content: "";
  background-image: url(assets/images/Atlas.png);
  background-position: -3114px -498px;
  width: 125px;
  height: 48px;
  position: absolute;
  left: 0;
}

.rtrRing .rtrRibbonContainer .rtrRibbon:after {
  content: "";
  background-image: url(assets/images/Atlas.png);
  background-position: -3114px -498px;
  width: 125px;
  height: 48px;
  transform: scaleX(-1);
  position: absolute;
  right: 0;
}

.rtrRing .rtrRibbonContainer .rtrRibRing,
.rtrRing .rtrRibbonContainer .rtrRibBonus {
  position: absolute;
  top: 16px;
  width: 48px;
  font-size: 2rem;
}

.rtrRing .rtrRibbonContainer .rtrRibRing {
  left: 35px;
}

.rtrRing .rtrRibbonContainer .rtrRibBonus {
  right: 35px;
}

.rtrRing .rtrRibIcon {
  position: relative;
  margin: auto;
  width: 143px;
  height: 139px;
  z-index: 1;
}

.buttonContent {
  width: 100%;
  display: flex;
  justify-content: space-around;
}

.buttonContainer {
  position: relative;
}

.buttonContainer .rtrArrow {
  background-image: url(assets/images/Atlas.png);
  background-position: -2079px -1010px;
  width: 183px;
  height: 63px;
  margin: auto;
}

.buttonContainer .rtrArrowTitle {
  font-family: AkzidGroProLigCnd;
  font-size: 2rem;
  line-height: 63px;
  padding-top: 5px;
}

.buttonContainer .rtrBuyInTournament {
  font-family: AkzidGroProXBolCnd;
  font-size: 3rem;
}

.buttonContainer .rtrBuyInTournament.rtrBuyInTournament-small, .buttonContainer .rtrBuyInTournament.rtrPayNextRound {
  position: relative;
  width: 168px;
  height: 46px;
  font-family: AkzidGroProCnd;
  font-size: 2.5rem;
  font-weight: bold;
  padding: 0;
}

.buttonContainer .rtrBuyInTournament.rtrBuyInTournament-small.withFreeRounds:after, .buttonContainer .rtrBuyInTournament.rtrPayNextRound.withFreeRounds:after {
  content: attr(data-resortpromo);
  text-align: center;
  line-height: 1.1;
  font-size: .70em;
  color: #fff;
  box-shadow: 0px 1px 1px #000;
  position: absolute;
  top: -6px;
  right: 5px;
  width: 18px;
  height: 18px;
  background-color: #EB2E24;
  border-radius: 4px;
}

.buttonContainer .rtrBuyInTournament.rtrBuyInTournament-small.promo:after, .buttonContainer .rtrBuyInTournament.rtrPayNextRound.promo:after {
  top: 27px;
}

.buttonContainer .rtrBuyInTournament.rtrBuyInTournament-big {
  width: 308px;
  height: 59px;
}

.buttonContainer .rtrBuyInTournament.promo:after {
  content: 'PROMO';
  background-image: url(assets/images/Atlas.png);
  background-position: -2453px -3093px;
  width: 116px;
  height: 24px;
  display: block;
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  line-height: 20px;
  text-shadow: 0 0 5px #cc4afc, 0 0 5px #cc4afc;
  text-align: center;
  color: #fff1f4;
  font-family: AkzidGroProLigCnd;
  font-size: 2rem;
}

#rtrNextRing {
  position: relative;
  height: 40px;
  margin: 10px 0;
}

#rtrNextRingText {
  position: absolute;
  bottom: 10px;
  left: 45px;
  white-space: nowrap;
  font-family: AkzidGroProLigCnd;
  font-size: 2rem;
}

#rtrNextRingBg {
  position: absolute;
  right: 245px;
  width: 41px;
  height: 40px;
  background-size: cover;
}

#rtrShare {
  display: none;
  text-align: left;
  font-family: AkzidGroProLigCnd;
  font-size: 2rem;
}

#rtrShare input[type="checkbox"] + label:before {
  top: -11px;
}

/* SPECIAL CASE */
.tournamentResults.ring .rtrContent .rtrRing {
  display: block;
}

.tournamentResults.ring .rtrContent .rtrRing.rtrRing-bonus {
  display: flex;
  width: 100%;
}

.tournamentResults.ring .rtrContent #rtrShare {
  display: block;
}

.tournamentResults.lost .rtrContent #rtrShare {
  display: none;
}

.tournamentResults.showCheckbox .rtrContent #rtrShare {
  display: block;
}

.tournamentResults .rtrRing-bonus .rtrRibIcon {
  width: 130px;
  transform: scale(0.8);
  margin: 0;
}

.tournamentResults .rtrRing-bonus .ring-bonus-title {
  font-size: 2rem;
  text-align: left;
}

.tournamentResults .rtrRing-bonus .rmMultiplyWrapper {
  font-size: 5rem;
  display: flex;
  justify-content: center;
  margin: 15px 0 0 0;
}

.tournamentResults .clubs-info-bonus .clubs-profile-rank-container {
  top: 10px;
}

.tournamentResults:not(.bonus-enabled).ring .rtrContent #rtrNextRing {
  display: none;
}

.tournamentResults:not(.bonus-enabled).showCheckbox.ring .rtrContent #rtrNextRing {
  display: none;
}

.bonus-enabled .rtr-footer {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.bonus-enabled #rtrShare {
  flex: 1;
  margin: 10px 0;
  width: 40%;
}

.bonus-enabled #rtrNextRing {
  flex: 1;
  width: 60%;
  text-align: right;
  right: -85px;
}

#rtrNoMoneyTitle {
  font-family: AkzidGroProLigCnd;
  font-size: 4rem;
}

#rtruDesc {
  color: #F7FCF6;
  text-shadow: 0 0 20px #818CC4;
  margin-top: 60px;
  font-size: 2.5rem;
}

/**** Round ****/
#rtruRounds {
  height: 100%;
  display: flex;
  justify-content: space-around;
  padding: 0 105px;
  background: radial-gradient(rgba(0, 0, 255, 0.5) 0%, rgba(3, 10, 32, 0.75) 95%, rgba(3, 10, 32, 0) 100%), linear-gradient(rgba(0, 0, 255, 0.6) 0%, rgba(3, 10, 32, 0.5) 200px, rgba(3, 10, 32, 0.5) 100%), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUM0ODMyOTZEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUM0ODMyOTVEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pld80tkAAADSSURBVHjadNCxDsFQFMbxW4pEbRbxAFYRITGw6gNYPYPdKjGZhMFLSEzaUbcONjsGg0kiZSAR/8ttcnPTnuTXk7T9em6PlXP6gtqghQgP8a83Kri8Iq8jjMqogBSghobEy236FuV8yZ2YQYuJPr0O+dVj/ICgIFBUp7iiqeWceKKvh7TwkzZDASeclYPNJYu9SK8dRuiq6b+SwTGmmKcEVwiZHprLWapNBmaCfxzI5RDqmc9s1YfwUNVCDm2BddIx4qCLu1qApe59IJdzSwp+BRgADnE2lChoGq4AAAAASUVORK5CYII=") repeat #030a20;
}

#rtruDesc {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.rtruRound {
  display: inline-block;
  position: relative;
  color: #BCD7FF;
  font-size: 2rem;
}

.rtruRound .box {
  width: 207px;
  height: 335px;
  overflow: hidden;
  text-align: center;
}

.rtruRound .box .boxTop {
  border: solid 1px #59d1ff;
  box-shadow: inset 0 0 7px 2px #0042ff,0 0 7px 2px #0042ff;
  height: 160px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 4, 0.2), #000004);
}

.rtruRound .box .boxBottom {
  border: solid 1px #59d1ff;
  box-shadow: inset 0 0 7px 2px #0042ff,0 0 7px 2px #0042ff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  height: 165px;
}

.rtruRound .box .boxBottom .buyinBox {
  height: 30px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 4, 0.2), #000004);
}

.rtruRound .box .boxBottom .buyinBox .entry {
  position: relative;
  width: 100%;
  top: -5px;
  line-height: 37px;
}

.rtruRound .box .boxBottom .buyinBox.rtrurBuyin.nobuyin {
  color: #5275C7;
}

.rtruRound .box .boxBottom .playersBox {
  height: 30px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 4, 0.2), #000004);
}

.rtruRound .box .boxBottom .playersBox .rtrurPlayers {
  position: relative;
  width: 100%;
  top: -5px;
  line-height: 37px;
}

.rtruRound .box .boxBottom .stackBox {
  height: 30px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 4, 0.2), #000004);
}

.rtruRound .box .boxBottom .stackBox .rtrurStack {
  position: relative;
  width: 100%;
  top: -5px;
  line-height: 37px;
}

.rtruRound .box .boxBottom .blindsRaiseBox {
  height: 74px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 4, 0.2), #000004);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.rtruRound .box .boxBottom .blindsRaiseBox .rtrurBlinds {
  position: relative;
  width: 100%;
  line-height: 37px;
}

.rtruRound .box .boxBottom .blindsRaiseBox .rtrurRaise {
  position: relative;
  width: 100%;
  line-height: 30px;
}

.rtruRound .box .posEntry {
  position: relative;
  display: flex;
  top: 15px;
  left: 15px;
  height: 35px;
  width: 175px;
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  border: solid 1px #59d1ff;
  box-shadow: inset 0 0 7px 2px #0042ff,0 0 7px 2px #0042ff;
}

.rtruRound .box .posEntry.hidden {
  display: none;
}

.rtruRound .box .posEntry .amount {
  font-size: 3rem;
  padding-left: 5px;
}

.rtruRound .box .posEntry:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  box-sizing: border-box;
  padding: 1em;
  top: 50%;
  right: 16px;
  transform: skewX(-20deg) translate(-60px, -50%);
  pointer-events: none;
  box-shadow: inset 0 0 7px 2px #0042ff, 0 0 7px 2px #0042ff;
  border: solid 1px #59d1ff;
}

.rtruRound .box:not(:last-child):after {
  content: "";
  background-image: url(assets/images/Atlas.png);
  background-position: -3378px -2378px;
  width: 78px;
  height: 78px;
  position: absolute;
  z-index: 1;
  top: 142px;
  right: -55px;
}

.rtruridBox {
  padding: 20px 0 0 0;
}

.rtruridBox .rtruridBG {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  align-items: center;
  height: 55px;
  background: repeating-linear-gradient(#edc55b, #ffff83 60%, #ffe860 5%);
  border-top: 2px solid #ffff83;
}

.rtruridBox .rtrurid {
  padding: 8px 0 0 0;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3), 0px -1px 0px black;
  color: #a56f19;
  font-size: 3.2rem;
  font-weight: bold;
  align-items: center;
}

.rtrurPos {
  text-align: right;
  width: 78px;
  padding-right: 5px;
}

.rtrurPos:first-letter {
  font-size: 3rem;
}

.rtrurPos sup {
  text-decoration: underline;
}

#tournamentLeaderboard {
  position: absolute;
  top: 95px;
  text-align: center;
  width: 763px;
  height: 533px;
  overflow: hidden;
  left: 50%;
  transform: translateX(-50%);
}

.rtlScrollArea {
  margin: auto auto 0;
  height: 100%;
  left: 0;
  background: rgba(0, 0, 255, 0.6), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUM0ODMyOTZEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUM0ODMyOTVEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pld80tkAAADSSURBVHjadNCxDsFQFMbxW4pEbRbxAFYRITGw6gNYPYPdKjGZhMFLSEzaUbcONjsGg0kiZSAR/8ttcnPTnuTXk7T9em6PlXP6gtqghQgP8a83Kri8Iq8jjMqogBSghobEy236FuV8yZ2YQYuJPr0O+dVj/ICgIFBUp7iiqeWceKKvh7TwkzZDASeclYPNJYu9SK8dRuiq6b+SwTGmmKcEVwiZHprLWapNBmaCfxzI5RDqmc9s1YfwUNVCDm2BddIx4qCLu1qApe59IJdzSwp+BRgADnE2lChoGq4AAAAASUVORK5CYII=") repeat #030a20;
  background-size: 100% 100%, 14px 8px;
  background-position: 50% 50%, 50% 50%;
}

.rtlBackground {
  background: radial-gradient(rgba(0, 0, 255, 0.5) 0%, rgba(3, 10, 32, 0.75) 95%, rgba(3, 10, 32, 0) 100%), linear-gradient(rgba(0, 0, 255, 0.6) 0%, rgba(3, 10, 32, 0.5) 200px, rgba(3, 10, 32, 0.5) 100%), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUM0ODMyOTZEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUM0ODMyOTVEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pld80tkAAADSSURBVHjadNCxDsFQFMbxW4pEbRbxAFYRITGw6gNYPYPdKjGZhMFLSEzaUbcONjsGg0kiZSAR/8ttcnPTnuTXk7T9em6PlXP6gtqghQgP8a83Kri8Iq8jjMqogBSghobEy236FuV8yZ2YQYuJPr0O+dVj/ICgIFBUp7iiqeWceKKvh7TwkzZDASeclYPNJYu9SK8dRuiq6b+SwTGmmKcEVwiZHprLWapNBmaCfxzI5RDqmc9s1YfwUNVCDm2BddIx4qCLu1qApe59IJdzSwp+BRgADnE2lChoGq4AAAAASUVORK5CYII=") repeat #030a20;
  background-size: 100% 200px, 100% 100%, 14px 8px;
  background-position: 50% 0px, 50% 0, 50% 50%;
  background-repeat: no-repeat, no-repeat, repeat;
}

#rtlTop3 {
  height: 190px;
  position: relative;
  margin-bottom: 10px;
}

#rtlTop3:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translate(-50%, 50%);
  background-image: url(assets/images/Atlas.png);
  background-position: -757px -1947px;
  width: 704px;
  height: 21px;
}

#rtlMPlayer {
  position: absolute;
  top: 11px;
  right: 28px;
}

#rtlMPlayer .medallion {
  width: 50px;
  height: 50px;
}

#rtlMPlayer .position {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-100%);
  padding: 2px;
  font-weight: bold;
}

#rtlMPlayer .ringsCount {
  position: absolute;
  color: #8BB3F8;
  text-align: left;
  left: 50%;
  bottom: 0;
  padding: 0 2px;
  transform: translate(0, 100%);
  font-size: 2rem;
  font-weight: bold;
}

#rtlMPlayer .ringsCount:before {
  content: "";
  position: absolute;
  top: 55%;
  left: 0;
  transform: translate(-100%, -50%);
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1394px;
  width: 17px;
  height: 19px;
  opacity: .75;
}

/***************** Top 3 entry *************/
.rtltPlayer {
  border-radius: 35px;
  width: 70px;
  height: 70px;
  background-size: cover;
  background-position: 50% 0;
  position: absolute;
  top: 43px;
  left: 36px;
}

#rtlTop3 {
  display: flex;
  align-items: flex-end;
  flex-direction: row;
  justify-content: center;
}

#rtlTop3 .rtlTop3Entry {
  display: inline-block;
  position: relative;
  text-align: center;
  margin: 1em;
}

#rtlTop3 .rtlTop3Entry .medallion {
  width: 45px;
  height: 45px;
  margin: auto;
}

#rtlTop3 .rtlTop3Entry.pos1 .medallion {
  width: 90px;
  height: 90px;
}

#rtlTop3 .rtlTop3Entry.pos2 .medallion, #rtlTop3 .rtlTop3Entry.pos3 .medallion {
  width: 70px;
  height: 70px;
}

#rtlTop3 .rtlTop3Entry .rtltPos {
  position: absolute;
  top: 1px;
  left: .5em;
  color: white;
  font-weight: bold;
  text-shadow: 0 0 2px #8BB3F8;
}

#rtlTop3 .rtlTop3Entry .clubs-badge {
  position: absolute;
  left: -4px;
}

#rtlTop3 .rtlTop3Entry .rtltInfos {
  color: white;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  align-content: stretch;
  justify-content: center;
  position: relative;
  border-radius: 50em;
  overflow: hidden;
  background: linear-gradient(black, rgba(0, 0, 0, 0.5));
  box-shadow: inset 0 0 7px 2px #0042ff, 0 0 7px 2px #0042ff;
  border: solid 1px #59d1ff;
}

#rtlTop3 .rtlTop3Entry .rtltInfos:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  box-sizing: border-box;
  padding: 1em;
  top: 50%;
  right: -9%;
  transform: skewX(-20deg) translate(-60px, -50%);
  pointer-events: none;
  box-shadow: inset 0 0 7px 2px #0042ff, 0 0 7px 2px #0042ff;
  border: solid 1px #59d1ff;
}

#rtlTop3 .rtlTop3Entry .rtltInfos .rtltName, #rtlTop3 .rtlTop3Entry .rtltInfos .rtltRings {
  background: rgba(0, 0, 0, 0.5);
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  padding: .25em .5em .25em 1.25em;
}

#rtlTop3 .rtlTop3Entry .rtltInfos .rtltName {
  border-radius: 5px 0 0 5px;
  margin-right: 1px;
  min-width: 40px;
  width: 80px;
}

#rtlTop3 .rtlTop3Entry .rtltInfos .rtltRings {
  border-radius: 0 50em 50em 0;
  position: relative;
}

#rtlTop3 .rtlTop3Entry .rtltInfos .rtltRings .rtltNext {
  text-align: left;
  color: #5C7CF0;
  font-weight: bold;
  margin-left: 2px;
}

#rtlTop3 .rtlTop3Entry .rtltInfos .rtltRings .rtltNext:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0.25em, -50%);
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1394px;
  width: 17px;
  height: 19px;
}

#rtlTop3 .rtlTop3Entry .rtltNextRingInfo {
  color: #B6B7BB;
}

/***************** ENTRY *************/
.rtlEntry {
  padding: 5px 2em;
  position: relative;
  display: flex;
  flex-direction: row;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.rtlEntry hr {
  border: none;
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1455px;
  width: 10px;
  height: 25px;
}

.rtlEntry .entry-col {
  position: relative;
  display: inline-block;
}

.rtlEntry:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  background-image: url(assets/images/Atlas.png);
  background-position: -1463px -1947px;
  width: 704px;
  height: 15px;
}

.rtlEntry.mainuser {
  background: #021766, gradient-horizontal(#030213 0%, #021766 10%, #021766 90%, #030213 100%);
}

.rtlEntry .rtlePlayerContainer {
  width: 250px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.rtlEntry .rtlePlayerContainer .player-col {
  display: inline-block;
}

.rtlEntry .rtlePlayerContainer .profileMedallion {
  margin-left: 46px;
  width: 46px;
  height: 46px;
}

.rtlEntry .rtlePlayerContainer .rtlePosition {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 65px;
  padding: .5em 12px;
  font-size: 2rem;
  background: #0D1178;
  text-align: left;
  border-radius: 5px;
  box-sizing: border-box;
  box-shadow: inset 0 0 5px 5px #111D8C;
  background: linear-gradient(rgba(0, 0, 255, 0.6), rgba(3, 10, 32, 0.5)), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUM0ODMyOTZEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUM0ODMyOTVEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pld80tkAAADSSURBVHjadNCxDsFQFMbxW4pEbRbxAFYRITGw6gNYPYPdKjGZhMFLSEzaUbcONjsGg0kiZSAR/8ttcnPTnuTXk7T9em6PlXP6gtqghQgP8a83Kri8Iq8jjMqogBSghobEy236FuV8yZ2YQYuJPr0O+dVj/ICgIFBUp7iiqeWceKKvh7TwkzZDASeclYPNJYu9SK8dRuiq6b+SwTGmmKcEVwiZHprLWapNBmaCfxzI5RDqmc9s1YfwUNVCDm2BddIx4qCLu1qApe59IJdzSwp+BRgADnE2lChoGq4AAAAASUVORK5CYII=") repeat #030a20;
  background-size: 100% 100%, 14px 8px;
  background-position: 50% 50%, 50% 50%;
}

.rtlEntry .rtlePlayerContainer .rtleName {
  display: inline-block;
  font-size: 2rem;
  width: 110px;
  overflow: hidden;
  text-align: left;
}

.rtlEntry .rtlePlayerContainer .rtleLevel {
  display: inline-block;
  color: #5B82EA;
  padding-left: 15px;
  position: relative;
}

.rtlEntry .rtlePlayerContainer .rtleLevel:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1539px;
  width: 14px;
  height: 14px;
}

.rtlEntry .rtleTotal {
  width: 150px;
  color: #fff;
}

.rtlEntry .rtleTotal span {
  font-weight: bold;
}

.rtlEntry .rtleNext {
  width: 180px;
  color: #BFBECD;
}

.rtlEntry .rtleCount {
  width: 35px;
  text-align: left;
  color: #5C7CF0;
  font-weight: bold;
  margin-left: 1em;
  padding-left: 2px;
}

.rtlEntry .rtleCount:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-100%, -50%);
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1394px;
  width: 17px;
  height: 19px;
}

.container-last-winner {
  width: 100%;
  margin: 30px 11px 37px 11px;
  position: relative;
}

.container-last-winner .rmLastWinner .last-winner {
  position: absolute;
  padding: 2px .5em;
  font-weight: bold;
  text-transform: uppercase;
  margin: auto;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.container-last-winner .rmLastWinner .last-winner .ribbon {
  width: 90px;
  padding: 0;
  color: black;
  background: #e29b01;
  border-color: #ad7901;
}

.container-last-winner .container-lead-infos {
  position: relative;
}

.container-last-winner .container-lead-infos .clubs-badge {
  position: absolute;
  z-index: 2;
  display: inline-block;
  top: -8px;
  left: 13px;
}

.container-last-winner .container-lead-infos .lead-infos {
  position: relative;
  left: 50%;
  bottom: 5px;
  transform: translate(-50%, 0%);
  height: 20px;
  width: 120px;
  border-radius: 50em;
  overflow: hidden;
  background: linear-gradient(black, rgba(0, 0, 0, 0.5));
  padding: 0.2em .7em;
  text-align: left;
  box-shadow: inset 0 0 7px 2px #0042ff, 0 0 7px 2px #0042ff;
  border: solid 1px #59d1ff;
}

.container-last-winner .container-lead-infos .lead-infos:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  box-sizing: border-box;
  padding: 1em;
  top: 50%;
  right: -9%;
  transform: skewX(-20deg) translate(-60px, -50%);
  pointer-events: none;
  box-shadow: inset 0 0 7px 2px #0042ff, 0 0 7px 2px #0042ff;
  border: solid 1px #59d1ff;
}

.container-last-winner .container-lead-infos .lead-infos .lead-name,
.container-last-winner .container-lead-infos .lead-infos .lead-rings {
  position: absolute;
  white-space: nowrap;
  margin-left: .6em;
}

.container-last-winner .container-lead-infos .lead-infos .lead-name {
  width: 60px;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
}

.container-last-winner .container-lead-infos .lead-infos .lead-rings {
  left: 115px;
}

.container-last-winner .container-lead-infos .lead-infos .lead-rings:before {
  content: '';
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1394px;
  width: 17px;
  height: 19px;
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
}

.gameSceneSlideInContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}

.gameSceneSlideInContainer .gameSceneSlideIn {
  position: absolute;
  top: 45px;
  left: 7px;
  color: white;
  transition: transform 1s;
  transform: translateX(-110%);
  background-image: url(assets/images/Atlas.png);
  background-position: -3242px -888px;
  width: 173px;
  height: 371px;
  pointer-events: all;
}

.gameSceneSlideInContainer .gameSceneSlideIn.debugHide {
  pointer-events: none;
  opacity: .2;
}

.gameSceneSlideInContainer .gameSceneSlideIn > * {
  height: 100%;
  top: 0;
  width: 100%;
  left: 0;
  position: absolute;
}

.gameSceneSlideInContainer .gameSceneSlideIn.visible {
  background-image: url(assets/images/Atlas.png);
  background-position: -3242px -888px;
  width: 173px;
  height: 371px;
  transform: translateX(0%);
}

.gameSceneSlideInContainer .gameSceneSlideIn .pmClose {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}

/* Card Pack */
.cardPackContent {
  background-image: url(assets/images/minigames/pokerRecall/SlideInBg.png);
  height: 100%;
  background-position: center 50px;
}

.cardPackContent.has-poker-recall-prime {
  background-image: url(assets/images/minigames/pokerRecall/SlideInPrimeBg.png);
  background-position: -5px 40px;
}

.cardPackContent .prime-pack-overlay::before {
  position: absolute;
  top: 208px;
  left: 23px;
  width: 99px;
  height: 116px;
  background-image: url(assets/imgSrc/gameCanvas/pokerRecall/Prime/primePack_bottomOverlay.png);
  content: '';
  z-index: 1;
}

.cardPackContent .prime-pack-overlay::after {
  position: absolute;
  top: 155px;
  left: 49px;
  width: 99px;
  height: 116px;
  background-image: url(assets/imgSrc/gameCanvas/pokerRecall/Prime/primePack_topOverlay.png);
  content: '';
  z-index: 1;
}

.cardPackContent .cardPackTitle {
  background-image: url(assets/images/Atlas.png);
  background-position: -2084px -1856px;
  width: 173px;
  height: 66px;
  left: -5px;
  position: relative;
  text-align: center;
  margin-top: 20px;
  line-height: 46px;
  font-size: 32px;
}

.cardPackContent .cardPackIcon {
  transform: scale(0.26);
  transform-origin: 0 0 0;
  position: absolute;
  top: 178px;
  left: 26px;
}

.cardPackContent .bigBoostedCard {
  position: absolute;
  z-index: 0;
  top: 140px;
  left: 6px;
  background-image: url(assets/images/Atlas.png);
  background-position: 0px -3385px;
  width: 174px;
  height: 195px;
}

.cardPackContent .cardPackAward {
  position: absolute;
  bottom: 7px;
  left: 0;
  font-size: 23px;
  text-align: center;
  width: calc(100% - 5px);
  text-shadow: 0 0 5px #5555ff, 0 0 5px #5555ff, 0 0 5px #5555ff;
  font-family: AkzidGroProLigCnd;
}

.cardPackContent .cardPackAward strong {
  font-family: AkzidGroProBolCnd;
}

.cardPackContent .cardPackAward .cardPackAwardDescrib {
  color: #41d0ff;
}

/* Bplb */
#bplbSlideIn .pmClose {
  top: -5px;
  right: -5px;
}

#bplbSlideIn .bplbSlideInContent {
  box-sizing: border-box;
  background-image: url(assets/images/bplb/bplb_slidin_slidedown_logo.png);
  background-position: top left;
  background-position-y: 45px;
  background-repeat: no-repeat;
  height: 100%;
  padding-top: 160px;
  text-align: center;
}

#bplbSlideIn .bplbSlideInContent .bplbSlideInContent_correlation {
  top: -5px;
  position: absolute;
  z-index: 10;
  left: 10px;
  pointer-events: none;
}

#bplbSlideIn .bplbSlideInContent .bplbSlideInContent_headline {
  font-size: 22px;
  line-height: 22px;
  text-shadow: 0 0 3px #5555ff, 0 0 3px #5555ff, 0 0 3px #5555ff;
  color: #41d0ff;
}

#bplbSlideIn .bplbSlideInContent .bplbSlideInContent_description {
  font-size: 36px;
  line-height: 36px;
  padding-bottom: 10px;
  margin-top: -7px;
  text-shadow: 0 0 3px #5555ff, 0 0 3px #5555ff, 0 0 3px #5555ff;
  color: #FFF;
}

#bplbSlideIn .bplbSlideInContent .bplbSlideInContent_description span {
  vertical-align: text-top;
  font-size: .6em;
  line-height: 1.7em;
  text-transform: uppercase;
}

#bplbSlideIn .bplbSlideInContent .bplbSlideInContent_prizeTitle {
  font-size: 22px;
  line-height: 22px;
  text-shadow: 0 0 3px #5555ff, 0 0 3px #5555ff, 0 0 3px #5555ff;
  color: #41d0ff;
}

#bplbSlideIn .bplbSlideInContent .bplbSlideInContent_prizeAmount {
  font-size: 36px;
  line-height: 36px;
  color: #FFF;
  text-shadow: 0 0 7px #0a4ae0, 0 0 7px #0a4ae0, 0 0 7px #0a4ae0;
}

#bplbSlideIn .bplbSlideInContent .bplbSlideInContent_prizeVisuals {
  position: relative;
  margin-top: -12px;
}

#bplbSlideIn .bplbSlideInContent .bplbSlideInContent_prizeVisuals .bplbSlideInContent_prizeVisuals_bracelet {
  display: block;
  position: absolute;
  z-index: 11;
  width: 90px;
  top: 30px;
  left: 10px;
}

#bplbSlideIn .bplbSlideInContent .bplbSlideInContent_prizeVisuals .bplbSlideInContent_prizeVisuals_bracelet img {
  max-width: 100%;
  max-height: 100%;
}

#bplbSlideIn .bplbSlideInContent .bplbSlideInContent_prizeVisuals .bplbSlideInContent_prizeVisuals_chips {
  display: block;
  margin: 0 auto;
  width: 129px;
  height: 112px;
  background-image: url(assets/images/bplb/bplbChips_big.png);
  background-size: cover;
  z-index: 10;
}

#bplbSlideIn .bplbSlideInContent .bplbSlideInContent_prizeVisuals .bplbSlideInContent_prizeVisuals_chips:nth-child(2) {
  position: absolute;
  right: -14px;
}

#bplbSlideIn .bplbSlideInContent.bplbSlideInProgressContent {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 170px 15px 30px 10px;
}

/* BIGWIN */
#bigwin {
  width: 179px;
  height: 362px;
  top: 3px;
  text-align: center;
  z-index: 2;
}

#bigwin .t {
  background-image: url(assets/images/Atlas.png);
  background-position: -1540px -1097px;
  width: 179px;
  height: 4px;
}

#bigwin .m {
  background-image: url(assets/images/AtlasJPEG.png);
  background-position: 0px -1070px;
  width: 179px;
  height: 354px;
}

#bigwin .b {
  background-image: url(assets/images/Atlas.png);
  background-position: -2079px -1090px;
  width: 179px;
  height: 4px;
}

#bigwin .btn-shareFb {
  margin-top: 307px;
}

#bigwin .hidden {
  display: none;
}

#bwAmount {
  font-size: 3.5rem;
  position: absolute;
  width: 100%;
  top: 20px;
}

.bwDesc, .bwDesc1 {
  position: absolute;
  top: 260px;
  left: 0;
  width: 100%;
}

.bwDesc1 {
  top: 280px;
}

/* LEVEL UP */
#levelup {
  background-image: url(assets/images/AtlasJPEG.png);
  background-position: -181px -1070px;
  width: 177px;
  height: 354px;
  position: absolute;
  top: 7px;
  text-align: center;
  font-family: AkzidGroProLigCnd;
  font-size: 1.8rem;
  z-index: 2;
  border: 1px solid #2edbdd;
  border-radius: 5px;
}

#levelup .btn-shareFb {
  margin-top: 307px;
}

#levelup .hidden {
  display: none;
}

#lvlUplevel {
  font-family: AkzidGroProCnd;
  font-size: 3.5rem;
  position: absolute;
  width: 100%;
  top: 99px;
  color: #934C18;
  text-shadow: 0 -1px 0 #000, 0 1px 1px #fae979;
}

.lvlUpStatusPtsCont {
  display: none;
  position: absolute;
  top: 200px;
  left: 20px;
  width: 140px;
}

.trConnected .lvlUpStatusPtsCont {
  display: block;
}

#lvlUpBonus:after, .lvlUpStatusPtsCont:before {
  content: "";
  position: absolute;
  top: -15px;
  left: 5px;
  background-image: url(assets/images/Atlas.png);
  background-position: -935px -2706px;
  width: 128px;
  height: 15px;
}

#lvlUpBonus {
  position: absolute;
  top: 230px;
  left: 20px;
  width: 140px;
}

#lvlUpBonus:after {
  top: 20px;
}

#lvlShareTxt, #lvlUpHourly {
  position: absolute;
  top: 262px;
  left: 0;
  width: 100%;
}

#lvlUpT {
  width: 100%;
  position: absolute;
  top: 260px;
  padding-top: 22px;
  left: 0;
}

#lvlUpTImg {
  width: 52px;
  height: 51px;
  vertical-align: middle;
  padding-right: 11px;
}

#lvlUpTTxt {
  display: inline-block;
  vertical-align: middle;
}

#lvlShareTxt {
  top: 275px;
}

.trs-icon.trs-button.trs-level--1 {
  cursor: default;
}

.trs-icon.trs-button.trs-level-1 {
  background-image: url(static/images/misc/TRS_HeaderProfile_Bronze.png);
}

.trs-icon.trs-button.trs-level-1:hover {
  background-image: url(static/images/misc/TRS_HeaderProfile_Bronze_hover.png);
}

.trs-icon.trs-button.trs-level-1:active, .trs-icon.trs-button.trs-level-1:focus {
  background-image: url(static/images/misc/TRS_HeaderProfile_Bronze_active.png);
}

.trs-icon.trs-button.trs-level-2 {
  background-image: url(static/images/misc/TRS_HeaderProfile_Silver.png);
}

.trs-icon.trs-button.trs-level-2:hover {
  background-image: url(static/images/misc/TRS_HeaderProfile_Silver_hover.png);
}

.trs-icon.trs-button.trs-level-2:active, .trs-icon.trs-button.trs-level-2:focus {
  background-image: url(static/images/misc/TRS_HeaderProfile_Silver_active.png);
}

.trs-icon.trs-button.trs-level-3 {
  background-image: url(static/images/misc/TRS_HeaderProfile_Gold.png);
}

.trs-icon.trs-button.trs-level-3:hover {
  background-image: url(static/images/misc/TRS_HeaderProfile_Gold_hover.png);
}

.trs-icon.trs-button.trs-level-3:active, .trs-icon.trs-button.trs-level-3:focus {
  background-image: url(static/images/misc/TRS_HeaderProfile_Gold_active.png);
}

.trs-icon.trs-button.trs-level-4 {
  background-image: url(static/images/misc/TRS_HeaderProfile_Platinum.png);
}

.trs-icon.trs-button.trs-level-4:hover {
  background-image: url(static/images/misc/TRS_HeaderProfile_Platinum_hover.png);
}

.trs-icon.trs-button.trs-level-4:active, .trs-icon.trs-button.trs-level-4:focus {
  background-image: url(static/images/misc/TRS_HeaderProfile_Platinum_active.png);
}

.trs-icon.trs-button.trs-level-5 {
  background-image: url(static/images/misc/TRS_HeaderProfile_Diamond.png);
}

.trs-icon.trs-button.trs-level-5:hover {
  background-image: url(static/images/misc/TRS_HeaderProfile_Diamond_hover.png);
}

.trs-icon.trs-button.trs-level-5:active, .trs-icon.trs-button.trs-level-5:focus {
  background-image: url(static/images/misc/TRS_HeaderProfile_Diamond_active.png);
}

.trs-icon.trs-button.trs-level-6 {
  background-image: url(static/images/misc/TRS_HeaderProfile_RoyalDiamond.png);
}

.trs-icon.trs-button.trs-level-6:hover {
  background-image: url(static/images/misc/TRS_HeaderProfile_RoyalDiamond_hover.png);
}

.trs-icon.trs-button.trs-level-6:active, .trs-icon.trs-button.trs-level-6:focus {
  background-image: url(static/images/misc/TRS_HeaderProfile_RoyalDiamond_active.png);
}

.trs-icon.trs-button.trs-level-7 {
  background-image: url(static/images/misc/TRS_HeaderProfile_BlackDiamond.png);
}

.trs-icon.trs-button.trs-level-7:hover {
  background-image: url(static/images/misc/TRS_HeaderProfile_BlackDiamond_hover.png);
}

.trs-icon.trs-button.trs-level-7:active, .trs-icon.trs-button.trs-level-7:focus {
  background-image: url(static/images/misc/TRS_HeaderProfile_BlackDiamond_active.png);
}

.trs1.trsscope {
  color: #fd9f5f;
}

.trs2.trsscope {
  color: #cad3de;
}

.trs3.trsscope {
  color: #fdd048;
}

.trs4.trsscope {
  color: #49cdfe;
}

.trs5.trsscope {
  color: #b173f6;
}

.trs6.trsscope {
  color: #da56c9;
}

.trs7.trsscope {
  color: #6c9ae6;
}

#trsWelcomePopup {
  text-align: center;
  overflow: hidden;
  display: block;
  z-index: 150;
}

#trsWelcomePopup .nTitle {
  background-image: url(assets/images/AtlasRibbon.png);
  background-position: -770px -336px;
  width: 761px;
  height: 76px;
}

#trsWelcomePopup .nTitle span {
  line-height: 76px;
  font-family: AkzidGroProCnd;
  font-size: 3.5rem;
  font-weight: bold;
  color: #934C18;
  text-shadow: 0px -1px 0px #000000, 0px 1px 1px #FAE979;
}

#trsWelcomePopup .nTitle span sup {
  display: none;
}

#trsWelcomePopup .innerMenu {
  position: relative;
  top: -9px;
  margin: auto;
}

.trsWPBenefit {
  position: absolute;
  left: 40px;
  font-family: AkzidGroProLigCnd;
  font-size: 2rem;
}

.trsWPBenefit span {
  font-family: AkzidGroProCnd;
  font-size: 2.5rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #F7FCF6;
  text-shadow: 0 0 20px blue;
}

.trsWPStatus {
  top: 258px;
}

.trsWPChipBonus {
  top: 286px;
}

.trsWPMore {
  top: 319px;
}

.trsWPDesc {
  left: 20px;
  top: 345px;
}

.trsWPActionBtn {
  top: 393px;
  width: 222px;
  height: 59px;
  font-family: AkzidGroProXBolCnd;
  font-size: 3rem;
}

#conciergePopup {
  background-image: url(assets/images/Atlas.png);
  background-position: 0px 0px;
  width: 768px;
  height: 588px;
  position: absolute;
  top: 95px;
  text-align: center;
  width: 768px;
  height: 588px;
  overflow: hidden;
  font-size: 2rem;
  color: #7e7de3;
  left: 50%;
  margin-left: -384px;
}

#conciergePopup .pmClose {
  position: absolute;
  top: 26px;
  right: 25px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3623px -3210px;
  width: 64px;
  height: 64px;
  cursor: pointer;
}

#conciergePopup .pmClose:hover {
  background-position: -3623px -3144px;
}

#conciergePopup .pmClose:active {
  background-position: -3623px -3078px;
}

.copTitle {
  position: absolute;
  top: 34px;
  width: 100%;
  color: #bf923f;
  text-transform: uppercase;
  line-height: 48px;
  font-family: AkzidGroProCnd;
  font-size: 3rem;
  font-weight: bold;
  text-shadow: 0px -1px 0px #000000, 0px 1px 1px #FAE979;
}

.copSelSubj {
  position: absolute;
  width: 237px;
  top: 220px;
  left: 30px;
}

.copSubjects {
  position: absolute;
  top: 242px;
  left: 66px;
}

.copSubjects, .copSubjects li {
  margin: 0 0 -4px;
  padding: 0;
  list-style: none;
}

.copSubjBtn {
  margin: 5px 0;
  width: 145px;
  height: 50px;
  font-family: AkzidGroProXBolCnd;
  font-size: 2rem;
}

#copEmail,
#copText {
  border: 0;
  background: transparent;
  font-size: 2rem;
  color: #6DC3FF;
  font-family: AkzidGroProLigCnd;
  width: 292px;
  position: absolute;
  top: 121px;
  height: 37px;
  left: 273px;
}

#copText {
  top: 177px;
  width: 417px;
  height: 275px;
}

.copSubmit {
  position: absolute;
  bottom: 58px;
  right: 70px;
  width: 137px;
  height: 49px;
  font-family: AkzidGroProXBolCnd;
  font-size: 2rem;
}

.copSubmit.disabled:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.66);
}

#trsCPphoneNumber {
  position: absolute;
  left: 75px;
  bottom: 35px;
  font-family: AkzidGroProCnd;
  font-size: 2rem;
}

.copIcon {
  position: absolute;
  top: 30px;
  left: 62px;
}

.trs-multiplier-container {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
}

.trs-multiplier-container > * {
  margin: 0 2px;
}

.trs-multiplier-container .sign {
  font-size: .4em;
}

.trs-multiplier-container .trs-icon {
  position: relative;
  left: 0;
}

.trs-multiplier-container.custom-sign > * {
  margin: 0;
}

.trs-multiplier-container.custom-sign .sign {
  font-size: 1em;
}

.trs-multiplier-container.custom-sign .trs-icon {
  margin-left: 2px;
}

.trs-icon {
  display: inline-block;
  width: 1.1em;
  height: 1em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.rpText {
  padding: 20px 40px;
  font-size: 30px;
}

.rpText .s {
  text-transform: uppercase;
}

.rpText .m {
  text-transform: lowercase;
  padding: 0 10px;
}

.actionBtn, .btn-green {
  padding: 5px 20px;
}

.CouponsUnableToRedeemContainer {
  background-image: url(assets/images/coupons/CouponsErrorPopup.png);
  position: -webkit-sticky;
  position: sticky;
  width: 650px;
  height: 380px;
  margin: 0 auto;
  top: 25vh;
}

.CouponsUnableToRedeemContainer .messages {
  position: absolute;
  width: 338px;
  height: 92px;
  left: 242px;
  top: 96px;
  text-align: center;
  font-family: AkzidGroProLigCnd;
  font-size: 25px;
  text-shadow: 1px 1px 10px #1d11be;
}

.CouponsUnableToRedeemContainer .messages div:nth-child(1) {
  font-family: AkzidGroProMedCndAlt;
  font-size: 30px;
}

.CouponsUnableToRedeemContainer .messages div:nth-child(3) {
  line-height: 1;
}

.CouponsUnableToRedeemContainer .close-btn {
  background-image: url(assets/images/Atlas.png);
  background-position: -729px -3280px;
  width: 50px;
  height: 50px;
  position: absolute;
  right: -18px;
  top: -9px;
  cursor: pointer;
}

.CouponsUnableToRedeemContainer .close-btn:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -781px -3280px;
  width: 50px;
  height: 50px;
}

.CouponsUnableToRedeemContainer .close-btn:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -833px -3280px;
  width: 50px;
  height: 50px;
}

.CouponsUnableToRedeemContainer .btn {
  background-image: url(assets/images/coupons/CouponsBtnBg.png);
  font-family: AkzidGroProMedCndAlt;
  color: #fff;
  line-height: 67px;
  width: 214px;
  position: absolute;
  bottom: 55px;
  left: 295px;
  text-align: center;
  font-size: 40px;
  letter-spacing: 1.5px;
}

.isPlaying .CouponsUnableToRedeemContainer {
  margin-top: 90px;
}

.bd_cancelBtn {
  position: absolute;
  bottom: 11px;
  left: 29px;
  text-transform: uppercase;
  font-family: AkzidGroProCnd;
  font-size: 3.1rem;
  font-weight: bold;
  width: 140px;
  line-height: 44px;
}

.bd_RemoveBtn {
  position: absolute;
  bottom: 11px;
  right: 29px;
  text-transform: uppercase;
  font-family: AkzidGroProCnd;
  font-size: 3.1rem;
  font-weight: bold;
  width: 140px;
  line-height: 44px;
}

.bd_picture {
  position: absolute;
  left: 24px;
  top: 21px;
  width: 118px;
  height: 118px;
  background-size: contain;
  border-radius: 60px;
}

.bd_picture_bg {
  position: absolute;
  left: 20px;
  top: 18px;
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2612px -755px;
  width: 126px;
  height: 126px;
}

.bd_text {
  position: absolute;
  top: 23px;
  right: 5px;
  width: 250px;
  height: 115px;
  text-align: center;
}

.genericMultiplier {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.genericMultiplier > * {
  margin: 0 2px;
}

.genericMultiplier.wheelBlast .multiplierIcon {
  background-image: url(assets/images/Atlas.png);
  background-position: -3104px -3582px;
  width: 40px;
  height: 40px;
}

.genericMultiplier.wheelBlast .multiplier {
  text-shadow: 0px 0px 7px #d200ff, 0px 0px 7px #d200ff, 0px 0px 7px #d200ff;
}

#CustomBuyIn {
  position: absolute;
  top: 82px;
  right: 0;
  left: 0;
  width: 768px;
  height: 588px;
  margin: auto;
  background-repeat: no-repeat;
  text-align: center;
  background-position-x: center;
}

#CustomBuyIn .progression-reward-amount-container,
#CustomBuyIn .progression-completed-container {
  position: absolute;
  top: 304px;
  transform: scale(1.4);
}

#CustomBuyIn .progression-reward-amount-container::after {
  top: -35px;
  z-index: 8;
}

#CustomBuyIn #tbiBankrollChip {
  background-image: linear-gradient(to bottom, #000000 0%, #1A1D2E 100%);
  position: absolute;
  top: 71px;
  right: 48px;
  padding: 5px 5px 5px 30px;
  border: 1px solid #34354A;
  border-top: 0;
  border-radius: 0 0 5px 5px;
  background: #000;
  font-size: 2.1rem;
  font-weight: 700;
  box-shadow: 0 2px 0px -1px #808CC8, inset 0 0 0px 1px #000000;
}

#CustomBuyIn #tbiBankrollChip .bankrollChip {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1015px;
  width: 24px;
  height: 23px;
  position: absolute;
  top: 8px;
  left: 4px;
}

#CustomBuyIn .bpBarContainer {
  position: absolute;
  top: 119px;
  right: 70px;
}

#CustomBuyIn .closeBtn {
  position: absolute;
  top: 6px;
  right: 13px;
  height: 64px;
  cursor: pointer;
}

#CustomBuyIn .braceletContainer {
  position: absolute;
  top: 119px;
  left: 0;
  width: 100%;
  z-index: 3;
  pointer-events: none;
}

#CustomBuyIn .braceletContainer > div {
  position: relative;
  top: -53px;
  margin: 0 auto;
  pointer-events: none;
}

#CustomBuyIn > .actionBtn, #CustomBuyIn > .btn-green {
  position: absolute;
  right: 0;
  bottom: 115px;
  left: 0;
  width: 220px;
  height: 69px;
  margin: 0 auto;
  font-family: AkzidGroProXBolCnd;
  font-size: 4rem;
  text-transform: uppercase;
}

#CustomBuyIn > .srInfos {
  top: 110px;
}

#CustomBuyIn .how-to-play-button {
  right: 30px;
  bottom: 100px;
}

.prizes-display-container {
  position: absolute;
  top: 120px;
  left: 134px;
  width: 500px;
  height: 108px;
  overflow: hidden;
}

.prizes-display-container .prize-amount-label {
  height: 75px;
}

.prizes-display-container .prize-position-label {
  position: relative;
  height: 33px;
}

.prizes-display-container .prize-position-label > div {
  position: absolute;
  line-height: 15px;
  color: white;
  font-size: 25px;
  letter-spacing: -0.6px;
}

.prizes-display-container .prize-position-label > div:nth-child(1) {
  left: 200px;
  width: 100px;
}

.prizes-display-container .prize-position-label > div:nth-child(2) {
  left: 34px;
  width: 100px;
}

.prizes-display-container .prize-position-label > div:nth-child(3) {
  right: 40px;
  width: 100px;
}

.default-custom-buyin {
  background-image: radial-gradient(300px at 350px 0px, #1330a5, transparent), linear-gradient(to right, #081333 0%, #000c4b 15%, #000c4b 85%, #081333 100%);
  border: solid 1px #59d1ff;
  box-shadow: inset 0 0 7px 2px #0042ff,0 0 7px 2px #0042ff;
}

.default-custom-buyin .closeBtn {
  background-image: url(assets/images/Atlas.png);
  background-position: -2957px -3280px;
  width: 47px;
  height: 47px;
  right: 35px;
}

.default-custom-buyin .closeBtn:hover {
  background-position: -2908px -3280px;
}

.default-custom-buyin .closeBtn:active {
  background-position: -2859px -3280px;
}

#CustomBuyIn .closeBtn {
  right: 15px;
  width: 64px;
}

#CustomBuyIn.default-custom-buyin .closeBtn {
  width: 50px;
}

.club-video-ftue-container .video-player {
  width: 100%;
  height: 100%;
}

.video-player-popup {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 100px;
  width: 960px;
  height: 640px;
}

.video-player {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 960px;
  height: 640px;
}

.video-player * {
  box-sizing: border-box;
}

.video-player .video-player-title {
  font-family: AkzidGroProLigCnd;
  font-size: 40px;
}

.video-player .video-player-source {
  width: 80%;
  height: 80%;
}

.video-player .video-player-timeline {
  width: 85%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.video-player .video-player-timeline .video-player-slider {
  -webkit-appearance: none;
  width: 100%;
  height: 5px;
  border-radius: 5px;
  background: #2a2c34;
  outline: none;
  opacity: 0.7;
  transition: opacity .2s;
  margin: 10px 10px;
}

.video-player .video-player-timeline .video-player-slider:hover {
  opacity: 1;
}

.video-player .video-player-timeline .video-player-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #2bf394;
  cursor: pointer;
}

.video-player .video-player-timeline .video-player-slider::-moz-range-thumb {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #2bf394;
  cursor: pointer;
}

.video-player .video-player-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
}

.video-player .video-player-controls .video-player-button.replay, .video-player .video-player-controls .video-player-button.sound {
  opacity: 0.6;
  cursor: pointer;
}

.video-player .video-player-controls .video-player-button.replay:hover, .video-player .video-player-controls .video-player-button.replay:active, .video-player .video-player-controls .video-player-button.sound:hover, .video-player .video-player-controls .video-player-button.sound:active {
  opacity: 1;
}

.video-player .video-player-controls .video-player-button.replay {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1236px;
  width: 21px;
  height: 19px;
}

.video-player .video-player-controls .video-player-button.sound {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1214px;
  width: 20px;
  height: 20px;
}

.video-player .video-player-controls .video-player-button.sound.mute {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1192px;
  width: 20px;
  height: 20px;
}

.video-player .video-player-controls .video-player-button.play {
  position: relative;
  width: 27px;
  height: 27px;
  cursor: pointer;
  margin: 0 20px;
}

.video-player .video-player-controls .video-player-button.play:after {
  content: '';
  position: absolute;
  width: 2px;
  height: 2px;
  left: 0;
  right: 0;
  box-shadow: 0 0 10px 10px rgba(0, 228, 255, 0.3), inset 0 0 0px 5px rgba(0, 228, 255, 0.3);
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 228, 255, 0.05);
  z-index: -1;
  border-radius: 50%;
}

.video-player .video-player-controls .video-player-button.play:active:after {
  box-shadow: 0 0 15px 15px rgba(0, 228, 255, 0.6), inset 0 0 0px 5px rgba(0, 228, 255, 0.6);
  background: rgba(0, 228, 255, 0.2);
}

.video-player .video-player-controls .video-player-button.play svg {
  width: 100%;
  height: 100%;
}

.video-player .video-player-controls .video-player-button.play svg path {
  fill: #FFFFFF;
}

.video-player .video-player-close {
  position: absolute;
  bottom: 20%;
  right: 10%;
  background: rgba(0, 0, 0, 0.6);
  padding: 5px 15px;
  border-radius: 5px 0px 0 5px;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.5s;
}

.video-player .video-player-close:hover {
  background: rgba(0, 0, 0, 0.8);
}

#popupCont:not(:only-child) .video-player {
  display: none;
}

.chip-item {
  display: inline-block;
  width: 140px;
  height: 140px;
  background-size: contain;
  image-rendering: optimize-contrast;
  /* CSS3 Proposed                  */
  image-rendering: -webkit-optimize-contrast;
  /* Chrome (and eventually Safari) */
}

.bpBarContainer {
  position: relative;
  font-family: AkzidGroProCnd;
  font-size: 2rem;
  letter-spacing: -0.04em;
  text-align: right;
  color: #ffffff;
  background-color: #1e2132;
  background-image: linear-gradient(to bottom, #292d45 0%, #1e2132 100%);
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.5) inset, 0 1px 2px 0px rgba(255, 255, 255, 0.5);
}

.bpBarContainer .bpBarMeterContainer {
  background-image: url(assets/images/Atlas.png);
  background-position: -3065px -2793px;
  width: 160px;
  height: 40px;
  position: relative;
  height: 100%;
  width: 100%;
  text-align: left;
  padding: 0;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  box-shadow: 0 0px 6px 2px rgba(0, 0, 0, 0.4) inset, 0 1px 0px 0px rgba(255, 255, 255, 0.3);
}

.bpBarContainer .bpMeterValueMask {
  position: relative;
  overflow: hidden;
  width: 5%;
  height: 100%;
}

.bpBarContainer .bpBarWave {
  position: absolute;
  top: 0;
  right: 100%;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform: translate(0, 0);
}

.bpBarContainer .bpBarWave > div {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background-image: url(assets/images/Atlas.png);
  background-position: -3040px -3201px;
  width: 42px;
  height: 31px;
  transform: scale(0.615);
  transform-origin: top right;
}

.bpBarContainer .bpMeterValue {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to left, #e65011 0%, #f9b101 100%);
  box-shadow: inset 0 0 5px black;
}

.bpBarContainer .bpMeterValue.special {
  background-image: url("/assets/images/bracelets/progressbar_texture.png"), linear-gradient(to bottom, #5f460e, #b4851b 4.6%, #f5b72b 10.7%, #fec445 23%, #fdd55c 27.6%, #ebbe46 40%, #b37920 60%, #71462f 90.7%, #492c21 98.4%, #3b2318 98.4%);
  background-position: center center;
  background-size: 225px 60px;
  box-shadow: inset 0 0 10px 3px #b37920, inset 0 0 5px 1px black;
}

.bpBarContainer .bpMeterValue.special:before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: .5;
  background-image: linear-gradient(to bottom, #5f460e, #b4851b 4.6%, #f5b72b 10.7%, #fec445 23%, #fdd55c 27.6%, #ebbe46 40%, #b37920 60%, #71462f 90.7%, #492c21 98.4%, #3b2318 98.4%);
}

.bpBarContainer .bpMeterValue.disabled:after {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: black;
  z-index: 10;
  opacity: .5;
  cursor: default;
}

.bpBarContainer .bpBarLeftAlignedText {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 10px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
  letter-spacing: 1.2px;
}

.bpBarContainer .bpBarCenterAlignedText {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  width: 100%;
  display: block;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
}

.bpBarContainer .bpBarRightAlignedText {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 10px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
}

.bpBarContainer .bpBarChipContainer {
  position: absolute;
  display: block;
  border-radius: 50%;
  background-color: #1e2132;
  background-image: linear-gradient(to bottom, #292d45 0%, #1e2132 100%);
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.5) inset, 0 1px 2px 0px rgba(255, 255, 255, 0.5);
}

.bpBarContainer .bpBarChipContainer .bpBarNextChip {
  position: absolute;
  border-radius: 50%;
}

.bpBarContainer .bpBarChipContainer .bpBarNextChip.disabled {
  cursor: default;
  opacity: 0.5;
}

.bpBarContainer.withoutChip .bpBarChipContainer {
  display: none;
}

.bpBarContainer.invisible {
  opacity: 0;
}

#SpecialeEventInfoPopup {
  position: absolute;
  top: 127px;
  right: 0;
  left: 0;
  width: 768px;
  height: 512px;
  margin: auto;
  background-repeat: no-repeat;
}

#SpecialeEventInfoPopup .SpecialeEventInfoCloseBtn {
  position: absolute;
  top: 21px;
  right: 15px;
  width: 64px;
  height: 64px;
  background-repeat: no-repeat;
  cursor: pointer;
}

#SpecialeEventInfoPopup.kott #BraceletsInfoPopup > .gpContentCont:after {
  box-shadow: 0 0 7px 2px #d14fef;
  border: solid 1px #c98fff;
  border-bottom: solid 1px rgba(254, 101, 215, 0.7);
}

#SpecialeEventInfoPopup.kott #BraceletsInfoPopup > .gpContentCont .content div {
  text-shadow: 0 2px 10px #d14fef, 0 -2px 10px #d14fef;
  color: #fff;
}

#SpecialeEventInfoPopup.executive_week_end {
  top: 64px;
  height: 585px;
}

#SpecialeEventInfoPopup.executive_week_end .SpecialeEventInfoCloseBtn {
  top: 22px;
  right: 21px;
}

.bpBarContainer {
  width: 135px;
  height: 28px;
  line-height: 28px;
  border-radius: 18px;
  padding: 4px;
}

.bpBarContainer .bpBarMeterContainer {
  border-radius: 18px;
}

.bpBarContainer .bpMeterValue {
  width: 135px;
  border-radius: 14px;
}

.bpBarContainer.interactive {
  cursor: pointer;
}

.bpBarContainer.interactive:hover {
  box-shadow: 0 0 10px 0 #4076ff;
}

.bpBarContainer.interactive:hover .bpBarChipContainer {
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.5) inset, 0 1px 2px 0px rgba(255, 255, 255, 0.5), 3px 0 10px -1px #4076ff;
}

.bpBarContainer.interactive:active {
  box-shadow: 0 0 10px 2px #4076ff;
}

.bpBarContainer.interactive:active .bpBarChipContainer {
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.5) inset, 0 1px 2px 0px rgba(255, 255, 255, 0.5), 3px 0 10px 0px #4076ff;
}

.bpBarContainer.withChip {
  padding-right: 26px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.bpBarContainer .bpBarChipContainer {
  width: 44px;
  height: 44px;
  top: -4px;
  right: -22px;
  border-radius: 50%;
}

.bpBarContainer .bpBarChipContainer .bpBarNextChip {
  top: 6px;
  left: 6px;
}

#BraceletsInfoPopup > .gpContentCont {
  height: 497px;
}

#BraceletsInfoPopup > .gpContentCont > div:before {
  z-index: -1;
}

#BraceletsInfoPopup > .gpContentCont .background {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  position: absolute;
}

#BraceletsInfoPopup > .gpContentCont .content {
  width: 100%;
  height: 100%;
}

#BraceletsInfoPopup > .gpContentCont .content div {
  position: absolute;
  width: 50%;
  padding-bottom: 5px;
  font-size: 2.35rem;
  text-transform: uppercase;
  font-family: AkzidGroProBolCnd;
  text-shadow: #2ba5fd 0 0 6px, #2ba5fd 0 0 4px, #2ba5fd 0 0 3px;
}

#BraceletsInfoPopup > .gpContentCont .content div > span {
  display: block;
}

#BraceletsInfoPopup > .gpContentCont .content .desc_1 {
  bottom: 50%;
  left: 0;
}

#BraceletsInfoPopup > .gpContentCont .content .desc_2 {
  bottom: 50%;
  right: -5px;
}

#BraceletsInfoPopup > .gpContentCont .content .desc_3 {
  bottom: 0;
  left: 0;
}

#BraceletsInfoPopup > .gpContentCont .content .desc_4 {
  bottom: 34%;
  right: 0;
}

#BraceletsInfoPopup > .gpContentCont .content .desc_5 {
  top: 86%;
  right: 0;
}

#BraceletsInfoPopup > .gpContentCont .content .desc_6 {
  top: 70%;
  right: 0;
}

.bpProgressionStat .bpBarMeterContainer {
  line-height: 22px;
}

.bpProgressionStat .bpBarContainer {
  height: 22px;
}

.bpProgressionStat .bpBarContainer .bpBarNextChip {
  left: 2px;
  top: 2px;
}

.bpProgressionStat .bpBarContainer .bpBarChipContainer {
  width: 37px;
  height: 37px;
}

#braceletFullProgression {
  position: relative;
  display: block;
  width: 752px;
  height: 416px;
  margin: 3px auto 10px auto;
  left: 2px;
  z-index: 9;
  border-radius: 5px;
  background: black;
}

#braceletFullProgression .dropdown {
  left: 1em;
}

#braceletFullProgression:after {
  position: absolute;
  content: ' ';
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 15;
  border-radius: 5px;
  border: solid 1px #59d1ff;
  box-shadow: inset 0 0 7px 2px #0042ff, 0 0 7px 2px #0042ff, inset 0 -7px 20px -3px black;
}

#braceletFullProgression > .pmClose {
  top: -6px;
  right: -8px;
  z-index: 20;
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -599px;
  width: 27px;
  height: 28px;
}

#braceletFullProgression > .pmClose:hover {
  background-position: -3697px -539px;
}

#braceletFullProgression > .pmClose:active {
  background-position: -3697px -569px;
}

#braceletFullProgression > h1 {
  position: absolute;
  top: 4px;
  left: 0;
  width: 100%;
  margin: 0px;
  text-align: center;
  text-transform: uppercase;
  font-family: AkzidGroProLigCndIt;
  font-size: 3.00rem;
  color: #d1faf0;
  text-shadow: #0078ff 0 0 5px, #0078ff 0 0 6px, #0078ff 0 0 6px, #0078ff 0 0 7px, #0078ff 0 0 9px, #0078ff 0 0 11px;
}

#braceletFullProgression > h1 > span {
  display: block;
}

#braceletFullProgression > h2 {
  position: absolute;
  top: 52px;
  left: 270px;
  width: 100%;
  margin: 0;
  text-align: left;
  text-transform: uppercase;
  font-family: AkzidGroProLigCndIt;
  font-size: 1.81rem;
  color: #d1faf0;
  text-shadow: #0078ff 0 0 5px, #0078ff 0 0 6px, #0078ff 0 0 6px, #0078ff 0 0 7px, #0078ff 0 0 9px, #0078ff 0 0 11px;
}

#braceletFullProgression .bpBarContainer {
  width: 156px;
  height: 21px;
  line-height: 21px;
  border-radius: 14.5px;
  padding: 4px;
}

#braceletFullProgression .bpBarContainer .bpBarMeterContainer {
  border-radius: 14.5px;
}

#braceletFullProgression .bpBarContainer .bpMeterValue {
  width: 156px;
  border-radius: 10.5px;
}

#braceletFullProgression .bpBarContainer.interactive {
  cursor: pointer;
}

#braceletFullProgression .bpBarContainer.interactive:hover {
  box-shadow: 0 0 10px 0 #4076ff;
}

#braceletFullProgression .bpBarContainer.interactive:hover .bpBarChipContainer {
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.5) inset, 0 1px 2px 0px rgba(255, 255, 255, 0.5), 3px 0 10px -1px #4076ff;
}

#braceletFullProgression .bpBarContainer.interactive:active {
  box-shadow: 0 0 10px 2px #4076ff;
}

#braceletFullProgression .bpBarContainer.interactive:active .bpBarChipContainer {
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.5) inset, 0 1px 2px 0px rgba(255, 255, 255, 0.5), 3px 0 10px 0px #4076ff;
}

#braceletFullProgression .bpBarContainer.withChip {
  padding-right: 26px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#braceletFullProgression .bpBarContainer .bpBarChipContainer {
  width: 44px;
  height: 44px;
  top: -4px;
  right: -22px;
  border-radius: 50%;
}

#braceletFullProgression .bpBarContainer .bpBarChipContainer .bpBarNextChip {
  top: 6px;
  left: 6px;
}

#braceletFullProgression > .bpBarContainer {
  position: absolute;
  top: 47px;
  left: 314px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5) inset, 0 1px 2px 0 rgba(25, 255, 255, 0.5), #0078ff 0 0 11px;
}

#braceletFullProgression > .bpBarContainer > .bpBarCenterAlignedText {
  line-height: 1.06em;
  font-size: 2rem;
}

#braceletFullProgression > .help {
  position: absolute;
  right: 16px;
  bottom: 15px;
  width: 25px;
  height: 25px;
  z-index: 4;
}

#braceletFullProgression > .help:after {
  content: '';
}

#braceletFullProgression .help-ftue {
  position: absolute;
  top: -39px;
  left: -37px;
}

#braceletFullProgression > button {
  position: absolute;
  top: 176px;
  z-index: 16;
  border: 0;
  background-color: transparent;
  font-size: 0;
}

#braceletFullProgression > button.next {
  background-image: url(assets/images/Atlas.png);
  background-position: -3460px -1899px;
  width: 30px;
  height: 57px;
  right: -20px;
}

#braceletFullProgression > button.next:hover {
  background-position: -3460px -1981px;
}

#braceletFullProgression > button.next:active {
  background-position: -3460px -2063px;
}

#braceletFullProgression > button.prev {
  background-image: url(assets/images/Atlas.png);
  background-position: -3460px -1899px;
  width: 30px;
  height: 57px;
  left: -20px;
  transform: scaleX(-1);
}

#braceletFullProgression > button.prev:hover {
  background-position: -3460px -1981px;
}

#braceletFullProgression > button.prev:active {
  background-position: -3460px -2063px;
}

#braceletFullProgression > button.disabled {
  background-image: url(assets/images/Atlas.png);
  background-position: -2287px -3582px;
  width: 46px;
  height: 47px;
}

#braceletFullProgression > button.disabled:hover {
  background-position: -2287px -3582px;
}

#braceletFullProgression > button.disabled:active {
  background-position: -2287px -3582px;
}

#braceletFullProgression > .background {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 5px;
  background-color: #000;
}

#braceletFullProgression > .braceletDisplay {
  position: absolute;
  transform: scale(0.93, 0.93);
  transform-origin: top left;
  display: block;
  width: 207px;
  height: 155px;
  top: 139px;
  left: 282px;
}

#braceletFullProgression > .chipsDisplay > div {
  position: absolute;
  transform: scale(0.33, 0.33);
  transform-origin: top left;
}

#braceletFullProgression > .chipsDisplay > div.chip1, #braceletFullProgression > .chipsDisplay > div.chip2, #braceletFullProgression > .chipsDisplay > div.chip3, #braceletFullProgression > .chipsDisplay > div.chip4 {
  top: 130px;
  transform: scale(0.47) translate(-50%, -50%);
}

#braceletFullProgression > .chipsDisplay > div.chip5, #braceletFullProgression > .chipsDisplay > div.chip6 {
  top: 214px;
  transform: scale(0.53) translate(-50%, -50%);
}

#braceletFullProgression > .chipsDisplay > div.chip7, #braceletFullProgression > .chipsDisplay > div.chip8, #braceletFullProgression > .chipsDisplay > div.chip9, #braceletFullProgression > .chipsDisplay > div.chip10 {
  top: 309px;
  transform: scale(0.6) translate(-50%, -50%);
}

#braceletFullProgression > .chipsDisplay > div.chip1 {
  left: 203px;
}

#braceletFullProgression > .chipsDisplay > div.chip2 {
  left: 320px;
}

#braceletFullProgression > .chipsDisplay > div.chip3 {
  left: 437px;
}

#braceletFullProgression > .chipsDisplay > div.chip4 {
  left: 554px;
}

#braceletFullProgression > .chipsDisplay > div.chip5 {
  left: 184px;
}

#braceletFullProgression > .chipsDisplay > div.chip6 {
  left: 574px;
}

#braceletFullProgression > .chipsDisplay > div.chip7 {
  left: 161px;
}

#braceletFullProgression > .chipsDisplay > div.chip8 {
  left: 307px;
}

#braceletFullProgression > .chipsDisplay > div.chip9 {
  left: 451px;
}

#braceletFullProgression > .chipsDisplay > div.chip10 {
  left: 597px;
}

#braceletFullProgression > .chipsDisplay > div > .frontShadow {
  display: block;
  position: absolute;
  width: 163px;
  height: 78px;
  top: 0;
  left: 50%;
  transform-origin: top center;
  transform: translate(-50%, 83%) scale(1.551);
}

#braceletFullProgression > .chipsDisplay > div > div:nth-child(2) {
  position: relative;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transform: translateZ(0) scale(1, 1);
}

#braceletFullProgression > .chipsDisplay > div > .backShadow {
  position: absolute;
  width: 115px;
  height: 79px;
  top: 0;
  left: 50%;
  transform-origin: top center;
  transform: translate(-49%, -65%) scale(1.5, 2);
}

#braceletFullProgression > .overlay {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 16;
  border-radius: 5px;
}

#braceletFullProgression > .overlay.poppedOut .BraceletOverlay, #braceletFullProgression > .overlay.poppedOut .BraceletOverlayEQ4 {
  transform: translateY(-379px);
}

#braceletFullProgression > .overlay .BraceletOverlay, #braceletFullProgression > .overlay .BraceletOverlayEQ4 {
  transition: transform .5s ease-in-out;
  transform: translateY(53px);
  position: relative;
  top: 0;
  width: 443px;
  height: 263px !important;
  padding: 90px 0 0 0;
  margin: 0 auto;
  text-align: center;
  border: solid 1px #59d1ff;
  box-shadow: inset 0 0 7px 2px #0042ff,0 0 7px 2px #0042ff;
  border-radius: 8px;
}

#braceletFullProgression > .overlay .BraceletOverlay:before, #braceletFullProgression > .overlay .BraceletOverlayEQ4:before {
  position: absolute;
  content: "";
  left: 50%;
  top: 0;
  transform: translate(-49%, -41%);
  transform-origin: top left;
  background-image: url(assets/images/Atlas.png);
  background-position: -3242px -258px;
  width: 255px;
  height: 255px;
  pointer-events: none;
}

#braceletFullProgression > .overlay .BraceletOverlay > h1, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > h1 {
  position: relative;
  text-align: center;
  margin: 0;
  z-index: 1;
  text-transform: uppercase;
  font-family: AkzidGroProLigCnd;
  line-height: 1em;
  font-size: 3.8rem;
  color: #f7f7f7;
  font-weight: bold;
  text-shadow: #000000 0 0 5px, #0078ff 0 0 6px, #000000 0 0 20px, #0078ff 0 0 25px, #0078ff 0 0 28px, #0078ff 0 0 33px;
}

#braceletFullProgression > .overlay .BraceletOverlay > h1:after, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > h1:after {
  position: relative;
  display: block;
  content: "";
  margin: -15px auto 0 auto;
  background-image: url(assets/images/Atlas.png);
  background-position: -1375px -2658px;
  width: 434px;
  height: 37px;
}

#braceletFullProgression > .overlay .BraceletOverlay > p, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > p {
  text-transform: uppercase;
  margin: 0;
  z-index: 1;
}

#braceletFullProgression > .overlay .BraceletOverlay > p:after, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > p:after {
  position: absolute;
  display: block;
  content: "";
  left: 50%;
  margin: -15px 0 0 0;
  z-index: 1;
  transform: scale(0.5) translate(-100%, -52%);
  transform-origin: top center;
  background-image: url(assets/images/Atlas.png);
  background-position: -2327px -2221px;
  width: 428px;
  height: 146px;
}

#braceletFullProgression > .overlay .BraceletOverlay > p > span, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > p > span {
  position: relative;
  display: block;
  z-index: 2;
}

#braceletFullProgression > .overlay .BraceletOverlay > p > span:first-child, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > p > span:first-child {
  font-size: 2.15rem;
  font-family: AkzidGroProLigCnd;
}

#braceletFullProgression > .overlay .BraceletOverlay > p > span:last-child, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > p > span:last-child {
  font-size: 6rem;
  line-height: 0.85em;
}

#braceletFullProgression > .overlay .BraceletOverlay > button, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > button {
  z-index: 1;
  text-transform: uppercase;
  font-family: AkzidGroProBolCnd;
  margin: 38px 0 0 0;
  padding: 4px 21px;
}

#braceletFullProgression > .overlay .BraceletOverlay > .image, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > .image {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  pointer-events: none;
  transform-origin: top left;
}

#braceletFullProgression > .overlay .BraceletOverlay > .share, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > .share {
  position: relative;
  display: block;
  text-align: left;
  padding-left: 10px;
}

#braceletFullProgression > .overlay .BraceletOverlay > .share > .checkbox.big, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > .share > .checkbox.big {
  margin-top: 5px;
  font-size: 2.3rem;
  font-family: AkzidGroProLigCnd;
  line-height: 1.4em;
  padding-left: 32px;
  vertical-align: middle;
}

#braceletFullProgression > .overlay .BraceletOverlay > .share > .checkbox.big:before, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > .share > .checkbox.big:before {
  top: 0;
  transform: scale(0.64);
  transform-origin: top left;
}

#braceletFullProgression > .overlay .BraceletOverlay > .progress, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > .progress {
  position: absolute;
  bottom: 0;
  right: 0;
}

#braceletFullProgression > .overlay .BraceletOverlay > .collection-progress, #braceletFullProgression > .overlay .BraceletOverlay > .tooltipContainer, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > .collection-progress, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > .tooltipContainer {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 2.3rem;
  font-family: AkzidGroProLigCnd;
  padding-right: 10px;
  text-shadow: #0087f2 0 0 5px, #0087f2 0 0 6px, #0087f2 0 0 7px, #0087f2 0 0 9px;
}

#braceletFullProgression > .overlay .BraceletOverlay > .collection-progress-eq4, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > .collection-progress-eq4 {
  top: 0;
  bottom: initial;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 {
  padding: 100px 0;
  height: 273px;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 .bracelet-full-progression-won-label {
  text-align: center;
  text-transform: uppercase;
  font-family: AkzidGroProLigCnd;
  font-size: 25px;
  color: #d1faf0;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 .promocodeChipsTable {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 300px;
  text-align: center;
  margin: 0 auto;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 .promocodeChipsTable > div.braceletDivider {
  display: inline-block;
  width: 13px;
  height: 110px;
  margin-left: 18px;
  background-image: url(assets/images/bracelets/Bracelet_Divider.png);
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 .promocodeChipsTable .bonusDescription {
  font-size: 22px;
  margin-top: 10px;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 .promocodeChipsTable .noChips {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 .promocodeChipsTable .noChips .bonusIcon {
  margin: 0 auto;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 .promocodeChipsTable .noChips .bonusDescription {
  font-size: 30px;
  margin-top: 0px;
  width: auto;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 .promocodeChipsTable .braceletChipWrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 .promocodeChipsTable .braceletChipWrapper .braceletChipsPile {
  margin-top: 20px;
  display: block;
  margin-left: 15px;
  width: 82px;
  height: 73px;
  background-image: url(assets/images/bracelets/Bracelet_Chips_Pile.png);
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 .promocodeChipsTable .braceletChipWrapper .chipRewardAmount {
  font-size: 45px;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 > div:after {
  opacity: 0.5;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 .glowing-separator:before {
  position: absolute;
  display: block;
  content: "";
  left: 50%;
  margin: -15px 0 0 0;
  z-index: 1;
  transform: scale(0.5) translate(-420px, -200px);
  transform-origin: bottom center;
  background-image: url(assets/images/Atlas.png);
  background-position: -2327px -2221px;
  width: 428px;
  height: 146px;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 > .tooltipContainer {
  bottom: 10px;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4.hasChipsAndPromocodes .promocodeChipsTable {
  margin-top: 10px;
  width: 400px;
  justify-content: center;
  align-items: flex-start;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4.hasChipsAndPromocodes .promocodeChipsTable .promocodeRewardCell {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  margin: 0px;
  align-items: center;
  position: relative;
  left: 15px;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4.hasChipsAndPromocodes .promocodeChipsTable .chipRewardCell {
  width: 50%;
  display: flex;
  justify-content: center;
  margin: 0px;
  align-items: center;
  left: 40px;
  position: relative;
  left: 0px;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4.hasChipsAndPromocodes .promocodeChipsTable .braceletChipsPile {
  display: block;
  margin: 0 auto;
  width: 82px;
  height: 73px;
  margin-top: 4px;
  margin-bottom: 12px;
  background-image: url(assets/images/bracelets/Bracelet_Chips_Pile.png);
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4.hasChipsAndPromocodes .promocodeChipsTable .chipRewardAmount {
  font-size: 35px;
  bottom: 3px;
  position: relative;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4.hasChipsAndPromocodes .promocodeChipsTable .bonusDescription {
  font-size: 20px;
  width: 140px;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  right: 30px;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4.hasPromocodes.hasNoChips > button {
  margin: 28px 0 0 0;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4.hasPromocodes.hasNoChips > div:after {
  margin-top: 5px;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4.hasPromocodes.hasNoChips .glowing-separator:before {
  margin: -25px 0 0 0;
}

#braceletFullProgression > .overlay.chip .BraceletOverlay, #braceletFullProgression > .overlay.chip .BraceletOverlayEQ4 {
  background-image: radial-gradient(at center, #062b58 0%, #062b58 40%, transparent 70%), radial-gradient(at center, #062b58 0%, #062b58 40%, transparent 70%), linear-gradient(to bottom, #062b58, #081839, #062b58);
  background-size: 90% 30%, 90% 30%, 100% 100%;
  background-position: center top, center bottom, center center;
  background-repeat: no-repeat;
}

#braceletFullProgression > .overlay.chip .BraceletOverlay > .image, #braceletFullProgression > .overlay.chip .BraceletOverlayEQ4 > .image {
  transform: none;
  top: -51px;
  left: calc(50% - 68px);
}

#braceletFullProgression > .overlay.bracelet .BraceletOverlay, #braceletFullProgression > .overlay.bracelet .BraceletOverlayEQ4 {
  height: 253px !important;
  padding: 100px 0 0 0;
  background-image: radial-gradient(at center, #062b58 0%, #062b58 40%, transparent 70%), radial-gradient(at center, #062b58 0%, #062b58 40%, transparent 70%), linear-gradient(to bottom, #062b58, #081839, #062b58);
  background-size: 90% 30%, 90% 30%, 100% 100%;
  background-position: center top, center bottom, center center;
  background-repeat: no-repeat;
}

#braceletFullProgression > .overlay.bracelet .BraceletOverlay:before, #braceletFullProgression > .overlay.bracelet .BraceletOverlayEQ4:before {
  transform: translate(-53%, -42.5%);
}

#braceletFullProgression > .overlay.bracelet .BraceletOverlay:after, #braceletFullProgression > .overlay.bracelet .BraceletOverlayEQ4:after {
  position: absolute;
  content: "";
  display: block;
  background-image: url(assets/images/Atlas.png);
  background-position: -2832px -247px;
  width: 280px;
  height: 324px;
  top: -54px;
  left: 89px;
  pointer-events: none;
}

#braceletFullProgression > .overlay.bracelet .BraceletOverlay > .image, #braceletFullProgression > .overlay.bracelet .BraceletOverlayEQ4 > .image {
  transform: none;
  top: -56px;
  left: calc(50% - 96px);
}

#braceletFullProgression > .overlay.bracelet .BraceletOverlay > h1 > span, #braceletFullProgression > .overlay.bracelet .BraceletOverlayEQ4 > h1 > span {
  position: absolute;
  display: block;
  top: -32px;
  text-align: center;
  width: 100%;
  left: 0;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  color: white;
  text-shadow: rgba(0, 0, 0, 0.2) 3px 3px 3px;
}

#braceletFullProgression > .overlay.bracelet .BraceletOverlay > p, #braceletFullProgression > .overlay.bracelet .BraceletOverlayEQ4 > p {
  margin: -4px 0 0 0;
}

#braceletFullProgression > .overlay.bracelet .BraceletOverlay > button, #braceletFullProgression > .overlay.bracelet .BraceletOverlayEQ4 > button {
  margin: 32px 0 0 0;
}

#braceletFullProgression .emptyCollectionOverlay {
  position: absolute;
  width: 100%;
  height: 100%;
}

#braceletFullProgression .emptyCollectionOverlay .demoChip {
  position: absolute;
  left: 132px;
  top: 60px;
  opacity: 0.4;
  transform: scale(0.448);
}

#braceletFullProgression .emptyCollectionOverlay .demoChipOverlay {
  border-radius: 50%;
  top: 97px;
  left: 168px;
  box-shadow: 0 0 65px 11px #006CE0, 0 0 35px 4px #006CE0 inset;
  position: absolute;
  width: 60px;
  height: 60px;
  border: 4px solid #fff;
  -webkit-filter: blur(1px);
          filter: blur(1px);
}

#braceletFullProgression .emptyCollectionOverlay .monicaDisplay {
  position: absolute;
  bottom: 0;
  right: 2px;
}

#braceletFullProgression .emptyCollectionOverlay .bubble {
  top: 128px;
  left: 83px;
  position: absolute;
  background-image: url(assets/images/Atlas.png);
  background-position: -579px -2914px;
  width: 422px;
  height: 94px;
}

#braceletFullProgression .emptyCollectionOverlay .bubble .feedback {
  color: black;
  position: absolute;
  top: 10px;
  left: 9px;
  text-align: center;
  width: 403px;
  height: 59px;
  font-family: AkzidGroProCnd;
  font-size: 1.15em;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

#braceletFullProgression .emptyCollectionOverlay .bubble .feedback > div {
  width: 100%;
}

#braceletFullProgression > .hamburgerMenu {
  bottom: 10px;
  left: 10px;
}

.momentumBarContainer {
  line-height: 18px;
  background-color: #757887;
  background-image: linear-gradient(to bottom, #757887 0%, #3E404C 100%);
  box-sizing: border-box;
  border: none;
  border-left: 1px solid rgba(0, 0, 0, 0.65);
  border-right: 1px solid rgba(0, 0, 0, 0.65);
  border-top: 1px solid #8B94B9;
  border-radius: 0px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding-left: 6px;
  padding-right: 4px;
  padding-bottom: 5px;
  width: 314px;
  height: 28px;
  padding-left: 6px;
  padding-right: 5px;
  padding-bottom: 6px;
  padding-top: 2px;
}

.momentumBarContainer.hidden {
  display: block;
  transform: translateY(100%);
}

.momentumBarContainer .momentumBarTitle {
  display: inline-block;
  width: 104px;
  height: 16px;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  text-transform: uppercase;
  vertical-align: top;
  margin-top: 1px;
  background-image: linear-gradient(to bottom, rgba(41, 41, 41, 0.7) 0%, rgba(75, 75, 75, 0.7) 17%, rgba(18, 18, 18, 0.7) 67%, rgba(0, 0, 0, 0.7) 100%);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.25), 0 0 2px 0 rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}

.momentumBarContainer .momentumBarLeftText {
  display: inline-block;
  width: 30px;
  text-align: center;
  font-size: 2rem;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s;
}

.momentumBarContainer .momentumBarRightText {
  display: inline-block;
  width: 30px;
  text-align: center;
  font-size: 2rem;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s;
}

.momentumBarContainer .momentumBarLeftText.visible,
.momentumBarContainer .momentumBarRightText.visible {
  opacity: 1;
}

.momentumBarContainer .momentumBarCenterText {
  position: absolute;
  top: 2px;
  left: 140px;
  width: 135px;
  height: 15px;
  text-align: center;
  font-size: 1.7rem;
}

.momentumBarContainer .momentumBarMeterContainer {
  display: inline-block;
  width: 135px;
  height: 14px;
  text-align: left;
  padding: 0;
  padding-top: 1px;
  margin-top: 1px;
  overflow: hidden;
  border-radius: 18px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3065px -2793px;
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.4) inset, 0 1px 0 0 rgba(255, 255, 255, 0.3);
}

.momentumBarContainer .momentumBarMeterContainer .momentumMeterValueMask {
  position: relative;
  overflow: hidden;
  height: 100%;
}

.momentumBarContainer .momentumBarMeterContainer .momentumMeterValueMask .momentumMeterValue {
  background-image: url(assets/images/Atlas.png);
  background-position: -1065px -2706px;
  width: 134px;
  height: 14px;
}

.momentumBarContainer .momentumBarAnimsContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.momentumBarContainer .momentumBarAnimsContainer .momentumBarAnimationCanvasContainer {
  position: absolute;
  top: -88px;
  left: 95px;
}

.momentumBarContainer .momentumBarAnimsContainer .momentumBarAnimationCanvasContainer canvas {
  position: absolute;
}

.momentumBarContainer.overMax .momentumBarTitle {
  background-image: linear-gradient(to bottom, rgba(33, 35, 60, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.momentumBarContainer.overMax .momentumMeterValueMask .momentumMeterValue {
  background-image: url(assets/images/Atlas.png);
  background-position: -2084px -1924px;
  width: 134px;
  height: 14px;
}

.progression-reward-amount-container {
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  margin: auto;
  transform: scale(0.8);
  height: 80px;
  width: 300px;
}

.progression-reward-amount-container:after {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 9;
  pointer-events: none;
  transform: scale(0.7);
  background-image: url(assets/images/Atlas.png);
  background-position: -1526px -3010px;
  width: 221px;
  height: 70px;
}

.progression-reward-amount-container.full-progression:after {
  transform: scale(0.7);
}

.progression-reward-amount-container .progression-reward-amount {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  margin: auto;
}

.progression-reward-amount-container .progression-reward-amount text {
  text-anchor: middle;
  text-transform: uppercase;
  text-shadow: 0 0 2px rgba(255, 255, 210, 0.5), 0 0 15px rgba(255, 171, 50, 0.63);
}

.progression-reward-amount-container .progression-reward-amount text.bonus-amount {
  font-size: 26px;
}

.progression-reward-amount-container .progression-reward-amount text.bonus-text {
  font-size: 13px;
}

.progression-completed-container {
  width: 100%;
}

.progression-completed-container:after {
  content: ' ';
  display: block;
  position: absolute;
  left: 50%;
  top: 32px;
  z-index: 9;
  pointer-events: none;
  transform: translate(-50%, 0);
  background-image: url(assets/images/Atlas.png);
  background-position: -1664px -2914px;
  width: 302px;
  height: 56px;
}

.progression-completed-container .progression-completed {
  position: absolute;
  left: 50%;
  top: 142px;
  z-index: 10;
  transform: translate(-50%, -100px);
}

.progression-completed-container .progression-completed text {
  text-anchor: central;
  text-transform: uppercase;
  text-shadow: 0 0 2px rgba(255, 255, 210, 0.5), 0 0 15px rgba(255, 171, 50, 0.63);
  font-size: 28px;
}

#BraceletsProgressionPopup {
  position: absolute;
  color: white;
  z-index: 2;
  background-image: url(assets/images/Atlas.png);
  background-position: -3242px -888px;
  width: 173px;
  height: 371px;
}

#BraceletsProgressionPopup .bppDiamonds {
  background-image: url(assets/images/Atlas.png);
  background-position: -3242px -515px;
  width: 173px;
  height: 371px;
  position: absolute;
  top: 0;
  left: 0;
}

#BraceletsProgressionPopup .pmClose {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}

#BraceletsProgressionPopup .bppContent {
  position: absolute;
  height: 100%;
  width: 100%;
  text-align: center;
  left: -4px;
}

#BraceletsProgressionPopup .bppContent .bppMainTitle, #BraceletsProgressionPopup .bppContent .bppSubTitle {
  text-shadow: 2px 2px 5px #0365D2, -2px 2px 5px #0365D2, 2px -2px 5px #0365D2, -2px -2px 5px #0365D2;
  line-height: 1;
}

#BraceletsProgressionPopup .bppContent .bppMainTitle {
  margin-top: 15px;
  font-family: AkzidGroProCnd;
  font-size: 2.12em;
}

#BraceletsProgressionPopup .bppContent .bppSubTitle {
  font-family: AkzidGroProLigCnd;
  font-size: 2em;
}

#BraceletsProgressionPopup .bppContent .bppChipSparkles {
  position: absolute;
  background-image: url(assets/images/Atlas.png);
  background-position: -3242px -1261px;
  width: 239px;
  height: 239px;
  top: 37px;
  left: -37px;
}

#BraceletsProgressionPopup .bppContent .bppChip {
  position: absolute;
  background-size: contain;
  width: 144px;
  height: 144px;
  top: 96px;
  left: 50%;
  transform: scale(0.93) translate(-54%, 0%);
  transform-origin: top center;
}

#BraceletsProgressionPopup .bppContent .bppChipEarned {
  font-family: AkzidGroProLigCnd;
  font-size: 1.5em;
  margin-top: 160px;
  line-height: 1;
}

#BraceletsProgressionPopup .bppContent .bppChipEarned .chipEarnedBg {
  position: absolute;
  background-image: url(assets/images/Atlas.png);
  background-position: -2084px -1856px;
  width: 173px;
  height: 66px;
  top: 256px;
  left: 0;
}

#BraceletsProgressionPopup .bppContent .bppChipEarned .label {
  font-size: 0.9em;
  color: #4e93df;
  text-shadow: 0 0 2px #0365D2;
}

#BraceletsProgressionPopup .bppContent .bppChipEarned .progress {
  font-size: 1.5em;
  line-height: 1.3;
  text-shadow: 2px 2px 5px #0365D2, -2px 2px 5px #0365D2, 2px -2px 5px #0365D2, -2px -2px 5px #0365D2;
  position: absolute;
  left: 0;
  right: 0;
}

#BraceletsProgressionPopup .bppContent .bppClaimButton {
  background-image: url(assets/images/Atlas.png);
  background-position: -1193px -3156px;
  width: 96px;
  height: 31px;
  position: absolute;
  bottom: 17px;
  left: 37px;
  cursor: pointer;
}

#BraceletsProgressionPopup .bppContent .bppClaimButton:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -1291px -3156px;
  width: 96px;
  height: 31px;
}

#BraceletsProgressionPopup .bppContent .bppClaimButton:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -1389px -3156px;
  width: 96px;
  height: 31px;
}

@keyframes checkMarkPop {
  0% {
    transform: scale(0.5);
  }
  25% {
    transform: scale(0.7);
  }
  100% {
    transform: scale(0.5);
  }
}

.separator, .challengeStore .challengeCountdown:after, .challengeStore .challengeItem:after {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: linear-gradient(to right, transparent 0%, #0963a6 50%, transparent 100%);
  height: 2px;
  left: 0;
}

.challengeStore {
  position: relative;
  display: block;
  width: 752px;
  height: 416px;
  margin: 10px auto 10px auto;
  border: 0;
  left: 2px;
  z-index: 6;
  border-radius: 5px;
  background: #04142F;
  border: 1px solid #59d1ff;
  box-shadow: inset 0 0 7px 2px #0042ff,0 0 7px 2px #0042ff;
  box-sizing: border-box;
}

.challengeStore .innerBoxShadow {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  box-shadow: 0 0 7px 2px #1941E3 inset;
  z-index: 9;
  pointer-events: none;
}

.challengeStore .generalTooltip {
  text-align: center;
}

.challengeStore .challengeContent {
  position: relative;
  width: 100%;
  height: calc(100% - 80px);
}

.challengeStore .challengeContent .noChallenges {
  padding-top: 45px;
  text-align: center;
  font-family: AkzidGroProLigCnd;
  font-size: 1.5em;
  width: 396px;
  left: 0;
  right: 0;
  margin: auto;
}

.challengeStore .challengeContent .noChallenges .title {
  text-shadow: 2px 2px 3px #4D5FB6, -2px 2px 3px #4D5FB6, -2px -2px 3px #4D5FB6, 2px -2px 3px #4D5FB6;
  text-transform: uppercase;
  font-size: 2.4em;
  line-height: 1;
  padding-bottom: 10px;
}

.challengeStore .challengeContent .challengesDeco {
  position: absolute;
  top: 0;
  z-index: 2;
  width: 154px;
  height: 302px;
}

.challengeStore .challengeContent .challengesDeco.left {
  background-image: url(assets/images/Atlas.png);
  background-position: -3085px -573px;
  width: 154px;
  height: 302px;
  left: -154px;
}

.challengeStore .challengeContent .challengesDeco.right {
  background-image: url(assets/images/Atlas.png);
  background-position: -3085px -918px;
  width: 154px;
  height: 302px;
  left: 753px;
}

.challengeStore .scrollableArea {
  z-index: 6;
}

.challengeStore .scrollableArea:after, .challengeStore .scrollableArea:before {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
  z-index: 8;
  width: 100%;
}

.challengeStore .scrollableArea:before {
  background: linear-gradient(to bottom, #04142F 0%, rgba(31, 35, 55, 0));
}

.challengeStore .scrollableArea:after {
  background: linear-gradient(to top, #04142F 0%, rgba(31, 35, 55, 0));
  bottom: 0;
  top: auto;
}

.challengeStore > .pmClose {
  top: -10px;
  right: -10px;
  z-index: 10;
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -599px;
  width: 27px;
  height: 28px;
}

.challengeStore > .pmClose:hover {
  background-position: -3697px -539px;
}

.challengeStore > .pmClose:active {
  background-position: -3697px -569px;
}

.challengeStore .challengesBox {
  padding-top: 20px;
  padding-bottom: 40px;
}

.challengeStore .challengesBox:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.challengeStore .challengesTitle {
  width: 752px;
  height: 100px;
  font-size: 0;
  margin: 0 auto;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
}

.challengeStore .challengesTitle .challengesHeaderIcon {
  min-width: 552px;
  min-height: 100px;
  position: absolute;
  background: no-repeat;
  top: 15px;
  right: 70px;
  z-index: 60;
}

.challengeStore .challengesTitle .challengesHeaderIcon.customHeader {
  top: 0;
  right: 101px;
}

.challengeStore .challengeSubtitle, .challengeStore .challengeCountdown {
  text-align: center;
}

.challengeStore .challengeSubtitle {
  color: #fff;
  font-size: 32px;
  position: relative;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  background: linear-gradient(to bottom, #041747 0%, #0847DA 100%);
  font-family: AkzidGroProBolCnd;
  text-transform: uppercase;
  border-top: 1px solid #2b83f2;
  border-bottom: 1px solid #2b83f2;
  box-shadow: 0 0 7px 2px #1941E3 inset;
}

.challengeStore .challengeSubtitle:after, .challengeStore .challengeSubtitle:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 4px;
  z-index: 10;
  left: 0;
}

.challengeStore .challengeSubtitle:before {
  top: -5px;
  background: linear-gradient(to top, #1941E3 0%, transparent 100%);
}

.challengeStore .challengeSubtitle:after {
  bottom: -5px;
  background: linear-gradient(to bottom, #1941E3 0%, transparent 100%);
}

.challengeStore .challengeSubtitle.special {
  text-transform: none;
}

.challengeStore .challengeCountdown {
  background: transparent;
  padding: 4px 0;
  font-size: 24px;
  color: #ffffff;
  text-shadow: 2px 2px 5px #000000;
  font-family: AkzidGroProLigCnd;
  position: relative;
}

.challengeStore .challengeCountdown:after {
  content: '';
}

.challengeStore .challengeCountdown .newIn {
  color: #00ffff;
  text-shadow: 1px 1px 2px #0000ff, 1px -1px 2px #0000ff, -1px -1px 2px #0000ff, -1px 1px 2px #0000ff;
}

.challengeStore .hourglass {
  background-image: url(assets/images/Atlas.png);
  background-position: -3711px -1482px;
  width: 12px;
  height: 20px;
  display: inline-block;
  margin: 0 5px;
}

.challengeStore .hourglass.red {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1482px;
  width: 12px;
  height: 20px;
}

.challengeStore .challengeItem {
  text-align: center;
  display: flex;
  align-items: center;
  height: 110px;
  margin-right: 9px;
  position: relative;
  background: radial-gradient(at bottom, #0f4caf 0%, rgba(15, 76, 175, 0.4) 5%, transparent 25%, transparent 100%);
  background-position-x: -63px;
}

.challengeStore .challengeItem.claimable {
  text-align: left;
}

.challengeStore .challengeItem.claimable .claimableInfo {
  text-align: left;
}

.challengeStore .challengeItem .challengeItemInfoContainer {
  margin-left: 114px;
}

.challengeStore .challengeItem .challengeItemInfoContainer .challengeInfo {
  width: 400px;
  text-transform: uppercase;
}

.challengeStore .challengeItem .challengeItemInfoContainer .challengeInfo .goal {
  font-family: AkzidGroProCnd, sans-serif;
  font-size: 24px;
  transform: translateY(-6px);
  line-height: 1;
}

.challengeStore .challengeItem.new .challengeSide:after {
  background-image: url(assets/images/Atlas.png);
  background-position: -3650px -3582px;
  width: 40px;
  height: 40px;
  content: "";
  top: 6px;
  right: 2px;
  pointer-events: none;
  position: absolute;
  z-index: 10;
}

.challengeStore .challengeItem.new.claimable .challengeSide:after {
  display: none;
}

.challengeStore .challengeItem.new.claimable .challengeClaimBtn:after {
  background-image: url(assets/images/Atlas.png);
  background-position: -3650px -3582px;
  width: 40px;
  height: 40px;
  content: "";
  top: -20px;
  right: -14px;
  pointer-events: none;
  position: absolute;
  z-index: 10;
}

.challengeStore .challengeItem.claimed .claimedCover {
  position: absolute;
  top: 2px;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.challengeStore .challengeItem.claimed .claimedCover:after {
  background-image: url(assets/images/Atlas.png);
  background-position: -3608px -3582px;
  width: 40px;
  height: 40px;
  content: "";
  top: -20px;
  right: -18px;
  position: absolute;
  z-index: 21;
}

.challengeStore .challengeItem:after {
  content: '';
}

.challengeStore .challengeItem:not(.claimable) .challengeInfo {
  align-self: flex-start;
}

.challengeStore .challengeItem .challengeSide {
  width: 195px;
  height: 100%;
  right: 0;
  top: 0;
  position: absolute;
  font-size: 24px;
  background: radial-gradient(at bottom, rgba(15, 76, 175, 0.72), transparent 33%, transparent 100%), #020c1c;
  background-size: 114% 56%;
  background-position-x: center;
  background-position-y: bottom;
  background-repeat: no-repeat;
}

.challengeStore .challengeItem .challengeSide .challengeConfig {
  position: relative;
  z-index: 10;
  padding: 0 10px;
  margin: auto;
  line-height: 100%;
  top: 50%;
  transform: translateY(-50%);
}

.challengeStore .challengeItem .challengeSide .challengeConfig div:first-child {
  line-height: 120%;
  font-family: AkzidGroProCnd, sans-serif;
  text-transform: uppercase;
}

.challengeStore .challengeItem .challengeSide .challengeConfig div:not(:first-child) {
  font-family: AkzidGroProLigCnd, sans-serif;
  color: #00ffff;
  text-shadow: 1px 1px 2px #0000ff, 1px -1px 2px #0000ff, -1px -1px 2px #0000ff, -1px 1px 2px #0000ff;
}

.challengeStore .challengeProgressBox {
  background: linear-gradient(to bottom, black 0%, #252525 2%, black 85%, #252525 95%, black 100%);
  box-shadow: 0 1px 3px -1px rgba(255, 255, 255, 0.15);
  border-radius: 3px;
  text-align: center;
  position: relative;
  height: 22px;
  width: 100%;
  border: 2px solid black;
}

.challengeStore .challengeProgressBox .challengeProgressBar {
  box-shadow: -6px 0 3px -5px rgba(0, 0, 0, 0.5) inset, 6px 2px 3px -5px rgba(0, 0, 0, 0.5) inset;
  background: linear-gradient(to bottom, #9fef25 0%, #427d03 88%, #93e726 100%);
  height: 100%;
  position: absolute;
  z-index: 1;
  transition: width 0.5s;
}

.challengeStore .challengeProgressBox .challengeProgressText {
  display: inline-block;
  position: relative;
  z-index: 2;
  text-shadow: 1px 0 1px #000;
  line-height: 1.2;
  font-size: 1.2em;
}

.challengeStore .challengeRewards {
  text-align: left;
  display: inline-block;
}

.challengeStore .challengeRewards .challengeReward {
  display: inline-block;
  position: relative;
  height: 30px;
  min-width: 110px;
}

.challengeStore .challengeRewards .challengeReward > div, .challengeStore .challengeRewards .challengeReward > span {
  display: inline-block;
  vertical-align: middle;
}

.challengeStore .challengeRewards .challengeReward span.challengeBonus {
  color: white;
  -webkit-filter: drop-shadow(2px 2px 5px #000000);
          filter: drop-shadow(2px 2px 5px #000000);
  font-size: 24px;
  font-weight: bold;
  font-family: AkzidGroProCnd, sans-serif;
  cursor: default;
}

.challengeStore .challengeRewards .challengeReward span.challengeBonus text {
  fill: url(#MissionsReward);
}

.challengeStore .challengeRewards .challengeReward [class^='icon'] {
  margin-left: -5px;
  transform: scale(0.8);
  line-height: 24px;
  cursor: pointer;
}

.challengeStore .challengeRewards .challengeReward [class^='icon'].isPrimeEvent::before {
  position: absolute;
  top: -29px;
  left: -36px;
  width: 99px;
  height: 116px;
  transform: scale(0.35);
  background-image: url(assets/imgSrc/gameCanvas/pokerRecall/Prime/primePack_bottomOverlay.png);
  content: '';
}

.challengeStore .challengeRewards .challengeReward [class^='icon'].isPrimeEvent::after {
  position: absolute;
  top: -44px;
  left: -28px;
  width: 99px;
  height: 116px;
  transform: scale(0.35);
  background-image: url(assets/imgSrc/gameCanvas/pokerRecall/Prime/primePack_topOverlay.png);
  content: '';
  z-index: 1;
}

.challengeStore .challengeRewards .challengeReward.boostedPokerRecallPack:before {
  content: '';
  background-image: url(assets/images/Atlas.png);
  background-position: -617px -3582px;
  width: 54px;
  height: 54px;
  transform: scale(0.8);
  position: absolute;
  left: -12px;
  top: -8px;
}

.challengeStore .claimableInfo {
  font-size: 24px;
  text-align: center;
}

.challengeStore .sideItems {
  margin-top: 8px;
  text-align: center;
}

.challengeStore .sideItems .time-left {
  font-family: AkzidGroProLigCnd, sans-serif;
  vertical-align: middle;
  font-size: 24px;
}

.challengeStore .sideItems .time-left.red {
  color: red;
}

.challengeStore .sideItems .challengeClaimBtn {
  font-size: 20px;
  text-transform: uppercase;
  font-family: AkzidGroProCnd, sans-serif;
  width: 87px;
  padding: initial;
  padding-top: 5px;
  padding-bottom: 5px;
  height: 41px;
  overflow: visible;
  margin-top: 10px;
  position: relative;
}

.challengeStore .hourglass {
  vertical-align: middle;
}

.challengeIcon {
  display: inline-block;
  text-align: center;
  position: absolute;
  z-index: 2;
  padding-left: 13px;
  top: 13px;
}

.challengeIcon > div {
  display: inline-block;
  position: relative;
}

.challengeIcon > div:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
}

.challengeIcon > div.Tutorial:after {
  background-image: url(assets/images/Atlas.png);
  background-position: -3378px -2296px;
  width: 80px;
  height: 80px;
}

.challengeIcon > div.Casual:after {
  background-image: url(assets/images/Atlas.png);
  background-position: -3417px -1134px;
  width: 80px;
  height: 80px;
}

.challengeIcon > div.Normal:after {
  background-image: url(assets/images/Atlas.png);
  background-position: -3378px -2063px;
  width: 80px;
  height: 80px;
}

.challengeIcon > div.Expert:after {
  background-image: url(assets/images/Atlas.png);
  background-position: -3378px -1981px;
  width: 80px;
  height: 80px;
}

.challengeIcon > div.Overlord:after {
  background-image: url(assets/images/Atlas.png);
  background-position: -3378px -2145px;
  width: 80px;
  height: 80px;
}

.challengeIcon > div.Epic:after {
  background-image: url(assets/images/Atlas.png);
  background-position: -3378px -1899px;
  width: 80px;
  height: 80px;
}

.challengeIcon > div.CollectChips {
  background-image: url(assets/images/Atlas.png);
  background-position: -3500px -2222px;
  width: 80px;
  height: 80px;
}

.challengeIcon > div.SendGift {
  background-image: url(assets/images/Atlas.png);
  background-position: -3500px -2960px;
  width: 80px;
  height: 80px;
}

.challengeIcon > div.Tournament {
  background-image: url(assets/images/Atlas.png);
  background-position: -3417px -888px;
  width: 80px;
  height: 80px;
}

.challengeIcon > div.XP {
  background-image: url(assets/images/Atlas.png);
  background-position: -3417px -1052px;
  width: 80px;
  height: 80px;
}

.challengeIcon > div.BP {
  background-image: url(assets/images/Atlas.png);
  background-position: -3500px -2140px;
  width: 80px;
  height: 80px;
}

.challengeIcon > div.Slot {
  background-image: url(assets/images/Atlas.png);
  background-position: -3500px -3042px;
  width: 80px;
  height: 80px;
}

.challengeIcon > div.EliminatePlayer {
  background-image: url(assets/images/Atlas.png);
  background-position: -3500px -2304px;
  width: 80px;
  height: 80px;
}

.challengeIcon > div.Hands {
  background-image: url(assets/images/Atlas.png);
  background-position: -3500px -2632px;
  width: 80px;
  height: 80px;
}

.challengeIcon > div.Flush {
  background-image: url(assets/images/Atlas.png);
  background-position: -3500px -2386px;
  width: 80px;
  height: 80px;
}

.challengeIcon > div.ThreeOfAKind {
  background-image: url(assets/images/Atlas.png);
  background-position: -3417px -761px;
  width: 80px;
  height: 80px;
}

.challengeIcon > div.FourOfAKind {
  background-image: url(assets/images/Atlas.png);
  background-position: -3500px -2468px;
  width: 80px;
  height: 80px;
}

.challengeIcon > div.FullHouse {
  background-image: url(assets/images/Atlas.png);
  background-position: -3500px -2550px;
  width: 80px;
  height: 80px;
}

.challengeIcon > div.Pair {
  background-image: url(assets/images/Atlas.png);
  background-position: -3500px -2796px;
  width: 80px;
  height: 80px;
}

.challengeIcon > div.TwoPairs {
  background-image: url(assets/images/Atlas.png);
  background-position: -3417px -970px;
  width: 80px;
  height: 80px;
}

.challengeIcon > div.Royalflush {
  background-image: url(assets/images/Atlas.png);
  background-position: -3500px -2878px;
  width: 80px;
  height: 80px;
}

.challengeIcon > div.Straight {
  background-image: url(assets/images/Atlas.png);
  background-position: -3417px -597px;
  width: 80px;
  height: 80px;
}

.challengeIcon > div.Straightflush {
  background-image: url(assets/images/Atlas.png);
  background-position: -3417px -679px;
  width: 80px;
  height: 80px;
}

.challengeIcon > div.HighCard {
  background-image: url(assets/images/Atlas.png);
  background-position: -3500px -2714px;
  width: 80px;
  height: 80px;
}

.challengeIcon > div.SpecialCard {
  background-image: url(assets/images/Atlas.png);
  background-position: -3417px -515px;
  width: 80px;
  height: 80px;
}

.progressiveBox {
  background: linear-gradient(to bottom, black 0%, #252525 2%, black 85%, #252525 95%, black 100%);
  box-shadow: 0 1px 3px -1px rgba(255, 255, 255, 0.15);
  border-radius: 3px;
  text-align: center;
  position: relative;
  height: 11px;
  width: 100%;
  border: 2px solid black;
  position: absolute;
}

.progressiveBox .progressiveBoxBar {
  box-shadow: -6px 0 3px -5px rgba(0, 0, 0, 0.5) inset, 6px 2px 3px -5px rgba(0, 0, 0, 0.5) inset;
  background: linear-gradient(to bottom, #9fef25 0%, #427d03 88%, #93e726 100%);
  height: 100%;
  position: absolute;
  z-index: 1;
  transition: width 0.5s;
}

.progressiveBox .progressiveBoxText {
  display: inline-block;
  position: relative;
  z-index: 2;
  text-shadow: 1px 0 1px #000;
}

.BankrollBar {
  position: relative;
  margin-top: 5px;
}

.BankrollBar.withButton .bankrollValueContainer {
  width: 126px;
}

.BankrollBar.isInHeader .BankrollBarArea {
  width: 167px;
}

.BankrollBar.isInHeader .BankrollBarArea .bankrollValueContainer {
  width: 149px;
}

.BankrollBar.isInHeader .BankrollBarArea .bankrollValueContainer .value {
  text-align: right;
}

.BankrollBar .bankrollPlusBtn {
  top: 0;
  bottom: 0;
  margin: auto;
  right: -1px;
  position: absolute;
  cursor: pointer;
  background-image: url(assets/images/Atlas.png);
  background-position: -586px -3648px;
  width: 39px;
  height: 39px;
}

.BankrollBar .bankrollPlusBtn:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -545px -3648px;
  width: 39px;
  height: 39px;
}

.BankrollBar .bankrollPlusBtn:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -627px -3648px;
  width: 39px;
  height: 39px;
}

.BankrollBar .bankrollPlusBtn.disabled, .BankrollBar .bankrollPlusBtn[disabled] {
  background-image: url(assets/images/Atlas.png);
  background-position: -504px -3648px;
  width: 39px;
  height: 39px;
}

.BankrollBar .BankrollBarArea {
  width: 168px;
  height: 24px;
  line-height: 1.2;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  padding: 3px;
  margin-left: 20px;
  font-family: AkzidGroProCnd;
  font-size: 2rem;
  letter-spacing: -0.04em;
  background-color: #1e2132;
  background-image: linear-gradient(to bottom, #292d45 0%, #1e2132 100%);
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.5) inset, 0 1px 2px 0px rgba(255, 255, 255, 0.5);
}

.BankrollBar .BankrollBarArea .bankrollSignContainer {
  position: absolute;
  left: 0;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #1e2132;
  background-image: linear-gradient(to bottom, #292d45 0%, #1e2132 100%);
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.5) inset, 0 1px 2px 0px rgba(255, 255, 255, 0.5);
}

.BankrollBar .BankrollBarArea .bankrollSignContainer .bankrollSign {
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: url(assets/images/Atlas.png);
  background-position: -3176px -2642px;
  width: 40px;
  height: 39px;
  position: absolute;
  z-index: 1;
  left: -1px;
}

.BankrollBar .BankrollBarArea .bankrollValueContainer {
  background-image: url(assets/images/Atlas.png);
  background-position: -3065px -2793px;
  width: 160px;
  height: 40px;
  position: relative;
  height: 100%;
  width: 152px;
  text-align: left;
  padding: 0;
  overflow: hidden;
  border-radius: 15px;
  margin-left: 17px;
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  box-shadow: 0 0px 6px 2px rgba(0, 0, 0, 0.4) inset, 0 1px 0px 0px rgba(255, 255, 255, 0.3);
}

.BankrollBar .BankrollBarArea .bankrollValueContainer .value {
  white-space: nowrap;
  position: relative;
  padding-left: 12px;
}

.BankrollBar.small .BankrollBarArea {
  width: 107px;
  height: 15px;
  margin-left: 13px;
  font-family: AkzidGroProCnd;
  font-size: 1.4rem;
}

.BankrollBar.small .BankrollBarArea .bankrollSignContainer {
  width: 24px;
  height: 24px;
}

.BankrollBar.small .BankrollBarArea .bankrollSignContainer .bankrollSign {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -658px;
  width: 26px;
  height: 26px;
}

.BankrollBar.small .BankrollBarArea .bankrollValueContainer {
  width: 98px;
  margin-left: 10px;
}

.BankrollBar.small .BankrollBarArea .bankrollValueContainer .value {
  padding-left: 12px;
}

.sm-machine-content .BankrollBar {
  position: absolute;
  top: 104px;
  margin-top: 0;
}

.sm-machine-content .BankrollBar .BankrollBarArea {
  background: 0 0;
  padding: 0;
  margin: 0;
  box-shadow: none;
  height: 39px;
}

.sm-machine-content .BankrollBar .BankrollBarArea .bankrollSignContainer {
  display: none;
}

.sm-machine-content .BankrollBar .BankrollBarArea .bankrollValueContainer {
  background: 0 0;
  border: none;
  box-shadow: none;
  text-align: right;
  font-size: 2.2rem;
  background-image: url(assets/images/Atlas.png);
  background-position: -3032px -2732px;
  width: 199px;
  height: 40px;
  width: 157px;
}

.sm-machine-content .BankrollBar .BankrollBarArea .bankrollValueContainer .value {
  position: relative;
  top: 6px;
  padding: 0;
  padding-right: 40px;
  line-height: 30px;
}

.sm-machine-content .BankrollBar .BankrollBarArea .bankrollPlusBtn {
  position: absolute;
  right: -6px;
  top: 1px;
  cursor: pointer;
  color: #044b00;
  font-size: 3rem;
  text-align: center;
  border-radius: 5px;
  padding: 0;
  height: 30px;
  width: 30px;
  background-image: linear-gradient(to bottom, #1d7101 0%, #b6ff00 18%, #2ba800 72%, #b6ff00 90%, #217f00 100%);
  background-position: 0 0;
  box-shadow: inset 0 0 2px 2px #1e7203;
}

.sm-machine-content .BankrollBar .BankrollBarArea .bankrollPlusBtn:not([disabled]):hover {
  background-image: linear-gradient(to bottom, #49bb00 0%, #f9ff00 18%, #52ef00 72%, #f9ff00 90%, #5ed300 100%);
  background-position: 0 0;
  box-shadow: inset 0 0 2px 2px #1e7203;
}

.sm-machine-content .BankrollBar .BankrollBarArea .bankrollPlusBtn:not([disabled]):active {
  background-image: linear-gradient(to bottom, #194c05 0%, #061101 18%, #184a05 72%, #194c05 100%);
  background-position: 0 0;
  box-shadow: inset 0 0 2px 2px #154102;
}

.sm-machine-content .BankrollBar .BankrollBarArea .bankrollPlusBtn:before {
  content: "+";
  position: absolute;
  line-height: 29px;
  height: 100%;
  left: 0;
  width: 100%;
  font-weight: 700;
  text-shadow: 0 1px #fdfeff;
  color: #222744;
}

.sm-machine-content .bankrollValueCont {
  text-align: right;
  font-size: 2.2rem;
  background-image: url(assets/images/Atlas.png);
  background-position: -3032px -2732px;
  width: 199px;
  height: 40px;
}

.sm-machine-content .bankrollValueCont .bankrollValue {
  position: relative;
  top: 6px;
  padding-right: 40px;
}

.sm-machine-content .bankrollValueCont .bankrollPlusBtn {
  position: absolute;
  right: 5px;
  top: 4px;
  background-image: url(assets/images/Atlas.png);
  background-position: -1253px -3648px;
  width: 30px;
  height: 31px;
  cursor: pointer;
}

.sm-machine-content .bankrollValueCont .bankrollPlusBtn:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -1189px -3648px;
  width: 30px;
  height: 31px;
}

.sm-machine-content .bankrollValueCont .bankrollPlusBtn:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -1221px -3648px;
  width: 30px;
  height: 31px;
}

.ReputationBar {
  position: relative;
  margin-top: 5px;
}

.ReputationBar.hasXPBoost:before {
  content: '';
  position: absolute;
  width: 42px;
  height: 42px;
  left: -2px;
  top: -4px;
  z-index: -1;
  border-radius: 50%;
  background-color: #c4e8ff;
  box-shadow: 0 0 6px 4px #084efd;
}

.ReputationBar.hasXPBoost:after {
  content: '';
  position: absolute;
  width: 192px;
  height: 34px;
  left: 6px;
  top: 0px;
  border-radius: 18px;
  z-index: -2;
  box-shadow: 0 0 6px 4px #084efd;
}

.ReputationBar.hasXPBoost .ReputationBarArea {
  border: 2px solid #c4e8ff;
}

.ReputationBar.hasXPBoost .ReputationBarArea .multiplier {
  top: 3px;
  right: 14px;
  z-index: 1;
  position: absolute;
}

.ReputationBar.hasXPBoost .ReputationBarArea .multiplier text {
  font-family: AkzidGroProXBolCnd;
  font-size: 1.05em;
  stroke-width: 3px;
  fill: #1631f2;
  stroke: white;
  text-anchor: end;
  stroke-linejoin: round;
  paint-order: stroke;
}

.ReputationBar.hasXPBoost .ReputationBarArea .multiplier:before {
  content: '';
  background-image: url(assets/images/Atlas.png);
  background-position: -2773px -1972px;
  width: 56px;
  height: 57px;
  position: absolute;
  left: -14px;
  top: -17px;
  z-index: -1;
}

.ReputationBar .ReputationBarArea {
  width: 168px;
  height: 24px;
  line-height: 1.2;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  padding: 3px;
  margin-left: 20px;
  font-family: AkzidGroProCnd;
  font-size: 2rem;
  letter-spacing: -0.04em;
  background-color: #1e2132;
  background-image: linear-gradient(to bottom, #292d45 0%, #1e2132 100%);
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.5) inset, 0 1px 2px 0px rgba(255, 255, 255, 0.5);
}

.ReputationBar .ReputationBarArea .reputationStarContainer {
  position: absolute;
  left: 0;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #1e2132;
  background-image: linear-gradient(to bottom, #292d45 0%, #1e2132 100%);
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.5) inset, 0 1px 2px 0px rgba(255, 255, 255, 0.5);
}

.ReputationBar .ReputationBarArea .reputationStarContainer .reputationStar {
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: url(assets/images/Atlas.png);
  background-position: -2787px -1050px;
  width: 40px;
  height: 39px;
  position: absolute;
  z-index: 1;
  left: -1px;
}

.ReputationBar .ReputationBarArea .reputationProgressionContainer {
  background-image: url(assets/images/Atlas.png);
  background-position: -3065px -2793px;
  width: 160px;
  height: 40px;
  position: relative;
  height: 100%;
  width: 152px;
  text-align: left;
  padding: 0;
  overflow: hidden;
  border-radius: 15px;
  margin-left: 17px;
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  box-shadow: 0 0px 6px 2px rgba(0, 0, 0, 0.4) inset, 0 1px 0px 0px rgba(255, 255, 255, 0.3);
}

.ReputationBar .ReputationBarArea .reputationProgressionContainer .reputationProgress {
  position: absolute;
  height: 100%;
  background-color: #0e51f8;
  box-shadow: inset 0 0 7px #000;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

.ReputationBar .ReputationBarArea .reputationProgressionContainer .value {
  white-space: nowrap;
  position: relative;
  padding-left: 12px;
}

.speechBubble {
  position: relative;
  padding: 25px;
  display: inline-block;
}

.speechBubble .arrow,
.speechBubble .junction {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  background: white;
  background: #051c67;
  border-width: 1px;
  border-style: solid;
}

.speechBubble .arrow {
  border-color: transparent;
  box-shadow: 0 0 6px 1px rgba(255, 255, 255, 0.22) inset, 0 0 5px 3px #0770ff;
}

.speechBubble .junction {
  border-color: rgba(0, 0, 0, 0.3);
}

.speechBubble .backgroundBorder,
.speechBubble .backgroundColor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px;
}

.speechBubble .backgroundBorder {
  border: 1px solid black;
  box-shadow: 0 0 5px 2px #0770ff;
}

.speechBubble .backgroundColor {
  background: #051c67;
  border: 1px solid transparent;
  box-shadow: 0 0 6px 1px rgba(255, 255, 255, 0.22) inset;
}

.speechBubble .content {
  position: relative;
  font-family: AkzidGroProLigCnd;
  font-size: 1.5em;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
  font-size: 28px;
}

.speechBubble .content .actionBtn, .speechBubble .content .btn-green {
  display: inline-block;
  font-weight: bold;
}

.speechBubble.arrowSideTop .arrow,
.speechBubble.arrowSideTop .junction {
  top: 0;
}

.speechBubble.arrowSideTop .arrow {
  transform: translateY(-7px) rotate(45deg) skew(20deg, 20deg);
}

.speechBubble.arrowSideTop .junction {
  transform: translateY(-5px) rotate(45deg) skew(20deg, 20deg);
}

.speechBubble.arrowSideBottom .arrow,
.speechBubble.arrowSideBottom .junction {
  bottom: 0;
}

.speechBubble.arrowSideBottom .arrow {
  transform: translateY(7px) rotate(45deg) skew(20deg, 20deg);
}

.speechBubble.arrowSideBottom .junction {
  transform: translateY(5px) rotate(45deg) skew(20deg, 20deg);
}

.speechBubble.arrowSideLeft .arrow,
.speechBubble.arrowSideLeft .junction {
  left: 0;
}

.speechBubble.arrowSideLeft .arrow {
  transform: translateX(-4px) rotate(155deg) skew(27deg, 27deg);
}

.speechBubble.arrowSideLeft .junction {
  transform: translateX(-3px) rotate(155deg) skew(27deg, 27deg);
}

.speechBubble.arrowSideRight .arrow,
.speechBubble.arrowSideRight .junction {
  right: 0;
}

.speechBubble.arrowSideRight .arrow {
  transform: translateX(4px) rotate(115deg) skew(27deg, 27deg);
}

.speechBubble.arrowSideRight .junction {
  transform: translateX(3px) rotate(115deg) skew(27deg, 27deg);
}

.speechBubble.arrowPositionTop .arrow,
.speechBubble.arrowPositionTop .junction {
  top: 55px;
}

.speechBubble.arrowPositionBottom .arrow,
.speechBubble.arrowPositionBottom .junction {
  bottom: 55px;
}

.speechBubble.arrowPositionLeft .arrow,
.speechBubble.arrowPositionLeft .junction {
  left: 55px;
}

.speechBubble.arrowPositionRight .arrow,
.speechBubble.arrowPositionRight .junction {
  right: 55px;
}

.speechBubbleSVG {
  position: relative;
}

.speechBubbleSVG .speechBubbleSvgContent {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.sprite_icon_Clubs_A_Boosted {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -288px -2279px;
  width: 92px;
  height: 92px;
}

.sprite_icon_Clubs_A_Gold {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -382px -2279px;
  width: 92px;
  height: 92px;
}

.sprite_icon_Clubs_A_White {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -476px -2279px;
  width: 92px;
  height: 92px;
}

.sprite_icon_Clubs_A {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -570px -2279px;
  width: 92px;
  height: 92px;
}

.sprite_icon_Clubs_G_Boosted {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -664px -2279px;
  width: 92px;
  height: 92px;
}

.sprite_icon_Clubs_G_Gold {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -758px -2279px;
  width: 92px;
  height: 92px;
}

.sprite_icon_Clubs_G_White {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -852px -2279px;
  width: 92px;
  height: 92px;
}

.sprite_icon_Clubs_G {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -946px -2279px;
  width: 92px;
  height: 92px;
}

.sprite_icon_Clubs_J_Boosted {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -1040px -2279px;
  width: 92px;
  height: 92px;
}

.sprite_icon_Clubs_J_Gold {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -1134px -2279px;
  width: 92px;
  height: 92px;
}

.sprite_icon_Clubs_J_White {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -1228px -2279px;
  width: 92px;
  height: 92px;
}

.sprite_icon_Clubs_J {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -1322px -2279px;
  width: 92px;
  height: 92px;
}

.sprite_icon_Clubs_K_Boosted {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -1416px -2279px;
  width: 92px;
  height: 92px;
}

.sprite_icon_Clubs_K_Gold {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -1510px -2279px;
  width: 92px;
  height: 92px;
}

.sprite_icon_Clubs_K_White {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -1604px -2279px;
  width: 92px;
  height: 92px;
}

.sprite_icon_Clubs_K {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -1698px -2279px;
  width: 92px;
  height: 92px;
}

.sprite_icon_Clubs_M_Boosted {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -1792px -2279px;
  width: 92px;
  height: 92px;
}

.sprite_icon_Clubs_M_Gold {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -1886px -2279px;
  width: 92px;
  height: 92px;
}

.sprite_icon_Clubs_M_White {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -1980px -2279px;
  width: 92px;
  height: 92px;
}

.sprite_icon_Clubs_M {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2074px -2279px;
  width: 92px;
  height: 92px;
}

.sprite_icon_Clubs_Q_Boosted {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2168px -2279px;
  width: 92px;
  height: 92px;
}

.sprite_icon_Clubs_Q_Gold {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2262px -2279px;
  width: 92px;
  height: 92px;
}

.sprite_icon_Clubs_Q_White {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2356px -2279px;
  width: 92px;
  height: 92px;
}

.sprite_icon_Clubs_Q {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2450px -2279px;
  width: 92px;
  height: 92px;
}

.sprite_icon_Clubs_Small_A_EQ5 {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2704px -920px;
  width: 29px;
  height: 32px;
}

.sprite_icon_Clubs_Small_G_EQ5 {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2735px -920px;
  width: 29px;
  height: 32px;
}

.sprite_icon_Clubs_Small_J_EQ5 {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2704px -954px;
  width: 29px;
  height: 32px;
}

.sprite_icon_Clubs_Small_K_EQ5 {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2735px -954px;
  width: 29px;
  height: 32px;
}

.sprite_icon_Clubs_Small_M_EQ5 {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2704px -988px;
  width: 29px;
  height: 32px;
}

.sprite_icon_Clubs_Small_Q_EQ5 {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2735px -988px;
  width: 29px;
  height: 32px;
}

.sprite_icon_Clubs_Small_A_Gold {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2752px -481px;
  width: 31px;
  height: 34px;
}

.sprite_icon_Clubs_Small_G_Gold {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2704px -560px;
  width: 31px;
  height: 34px;
}

.sprite_icon_Clubs_Small_J_Gold {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2737px -560px;
  width: 31px;
  height: 34px;
}

.sprite_icon_Clubs_Small_K_Gold {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2704px -596px;
  width: 31px;
  height: 34px;
}

.sprite_icon_Clubs_Small_M_Gold {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2737px -596px;
  width: 31px;
  height: 34px;
}

.sprite_icon_Clubs_Small_Q_Gold {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2704px -632px;
  width: 31px;
  height: 34px;
}

.sprite_icon_Clubs_Small_A {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2737px -632px;
  width: 31px;
  height: 34px;
}

.sprite_icon_Clubs_Small_Boosted {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2704px -431px;
  width: 48px;
  height: 48px;
}

.sprite_icon_Clubs_Small_G {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2704px -668px;
  width: 31px;
  height: 34px;
}

.sprite_icon_Clubs_Small_J {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2737px -668px;
  width: 31px;
  height: 34px;
}

.sprite_icon_Clubs_Small_K {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2704px -704px;
  width: 31px;
  height: 34px;
}

.sprite_icon_Clubs_Small_M {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2737px -704px;
  width: 31px;
  height: 34px;
}

.sprite_icon_Clubs_Small_Q {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2704px -740px;
  width: 31px;
  height: 34px;
}

.sprite_icon_Clubs_Small_A_White {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2737px -740px;
  width: 31px;
  height: 34px;
}

.sprite_icon_Clubs_Small_G_White {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2704px -776px;
  width: 31px;
  height: 34px;
}

.sprite_icon_Clubs_Small_J_White {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2737px -776px;
  width: 31px;
  height: 34px;
}

.sprite_icon_Clubs_Small_K_White {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2704px -812px;
  width: 31px;
  height: 34px;
}

.sprite_icon_Clubs_Small_M_White {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2737px -812px;
  width: 31px;
  height: 34px;
}

.sprite_icon_Clubs_Small_Q_White {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2704px -848px;
  width: 31px;
  height: 34px;
}

.clubs-badge-container.boostedSmallIcon::before {
  content: '';
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2704px -431px;
  width: 48px;
  height: 48px;
  display: block;
  position: absolute;
  top: -7px;
  left: -10px;
}

.clubs-badge {
  position: relative;
  z-index: 1;
}

.clubs-badge.boostedSmallIcon::before {
  content: '';
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2704px -431px;
  width: 48px;
  height: 48px;
  display: block;
}

.clubs-badge .clubs-division-rank {
  position: absolute;
  font-size: 21px;
  color: #ffffff;
  left: 0;
  right: 0;
  text-align: center;
  top: 48px;
  font-family: 'Akzidenz-Grotesk Pro Bold Cnd';
}

.clubs-badge.sprite_Jack + .clubs-progress-info .clubs-information, .clubs-badge.sprite_Jack + .clubs-progress-info .clubs-progress {
  border-color: #1dbb7d;
}

.clubs-badge.sprite_Queen + .clubs-progress-info .clubs-information, .clubs-badge.sprite_Queen + .clubs-progress-info .clubs-progress {
  border-color: #8b0edb;
}

.clubs-badge.sprite_King + .clubs-progress-info .clubs-information, .clubs-badge.sprite_King + .clubs-progress-info .clubs-progress {
  border-color: #ff9e41;
}

.clubs-badge.sprite_Ace + .clubs-progress-info .clubs-information, .clubs-badge.sprite_Ace + .clubs-progress-info .clubs-progress {
  border-color: #ff2f3f;
}

.clubs-badge.sprite_Master + .clubs-progress-info .clubs-information, .clubs-badge.sprite_Master + .clubs-progress-info .clubs-progress {
  border-color: #ffdb5c;
}

.clubs-badge.sprite_Grand-Master + .clubs-progress-info .clubs-information, .clubs-badge.sprite_Grand-Master + .clubs-progress-info .clubs-progress {
  border-color: #86edff;
}

.clubs-multiplier-badge {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
}

.clubs-multiplier-badge > * {
  margin: 0 2px;
}

.clubs-multiplier-badge .clubs-badge-container {
  position: relative;
  transform: translateY(10%);
}

.clubs-multiplier-badge .clubs-badge {
  position: relative;
  left: 0;
  display: inline-block;
}

.clubs-information {
  border-radius: 6px;
  border: 1.5px solid #cd0ecf;
  height: 15px;
  line-height: 15px;
  background: rgba(0, 0, 0, 0.8);
  padding: 0 7px;
  font-size: 14px;
  color: #ff9e12;
}

.clubs-information.safe {
  color: #a0fe37;
}

.clubs-progress-container {
  position: relative;
}

.clubs-progress-container .clubs-profile-rank-container {
  position: relative;
  z-index: 10;
  width: 100%;
  display: flex;
}

.clubs-progress-container .clubs-profile-rank-container .clubs-rank-info .clubs-badge {
  top: -5px;
}

.clubs-progress-container .clubs-profile-rank-container .clubs-progress-info {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 60px;
}

.clubs-progress-container .clubs-profile-rank-container .clubs-progress-info .clubs-information {
  border-bottom: 0;
  border-left: 0;
}

.clubs-progress-container .clubs-profile-rank-container .clubs-progress-info .clubs-information .clubs-timer {
  float: right;
}

.clubs-progress-container .clubs-profile-rank-container .clubs-progress-info .club-progress {
  border-left: 0;
}

.tbi-clubs-bar .clubs-progress-container .clubs-profile-rank-container .clubs-progress-info {
  transform: translateY(-50%) scale(1.3);
}

.clubsLobbyTitle {
  font-family: AkzidGroProXBolCnd;
  transform: skew(-15deg, 0deg);
  height: 35px;
  font-size: 24px;
  position: absolute;
  top: 4px;
  left: 16px;
  text-shadow: 0 0 1px black;
}

.clubsLobbyTitle.Jack {
  text-shadow: 0 0 3px #1dbb7d;
}

.clubsLobbyTitle.Queen {
  text-shadow: 0 0 3px #8b0edb;
}

.clubsLobbyTitle.King {
  text-shadow: 0 0 3px #ff9e41;
}

.clubsLobbyTitle.Ace {
  text-shadow: 0 0 3px #ff2f3f;
}

.clubsLobbyTitle.Master {
  text-shadow: 0 0 3px #ffdb5c;
}

.clubsLobbyTitle.Grand-Master {
  text-shadow: 0 0 3px #86edff;
}

.clubs-progress {
  position: relative;
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -1964px -1926px;
  width: 188px;
  height: 36px;
}

.clubs-progress .progress-mask {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 98%;
  height: 80%;
  overflow: hidden;
  border-radius: 0 50px 50px 0;
}

.clubs-progress .progress-mask .bar {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(to right, #ffd301 0%, #ff6c00 100%);
  box-shadow: inset 0px 0px 0px 2px #ffff02;
}

.clubs-progress .progress-mask .required-container {
  display: block;
  position: relative;
  width: 1px;
  height: 25px;
  z-index: 1;
}

.clubs-progress .progress-mask .required-container .required {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2737px -848px;
  width: 36px;
  height: 27px;
  position: absolute;
  left: -25px;
}

.clubs-progress.safe .progress-mask .required-container .checkmark {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2704px -1043px;
  width: 27px;
  height: 27px;
  position: absolute;
  right: -12px;
  top: 1px;
}

.clubs-progress.safe .progress-mask .bar {
  background: linear-gradient(to right, #148226 0%, #29e602 100%);
  box-shadow: inset 0px 0px 0px 2px #46fb24;
}

.clubs-lobby {
  transition: transform 250ms ease-in-out;
  transition-delay: 250ms;
  transform: translateX(0);
  height: 100%;
}

.clubs-lobby.open {
  transform: translateX(190px);
}

.clubs-lobby.open #lbySlices {
  padding-left: 193px;
}

.clubs-lobby .scrollableArea {
  height: 100%;
}

.clubs-lobby .lby-clubs-profile {
  position: absolute;
  transform: translateX(-190px);
  z-index: 3;
  display: block;
  pointer-events: none;
  background-image: url(assets/images/Atlas.png);
  background-position: -2578px -1091px;
  width: 225px;
  height: 343px;
}

.clubs-lobby .lby-clubs-profile .tooltip {
  width: 90px;
  text-align: center;
  left: 15%;
  top: 40%;
}

.clubs-lobby .lby-clubs-profile::before {
  content: '';
  background-color: #52ddfc;
  width: 3px;
  height: 100%;
  box-shadow: 0px 0 13px 5px #0220cc, inset -0.5px 0 1px 0px #636363;
  display: block;
  position: absolute;
  top: 0;
  right: 64px;
  transform: skew(-11deg);
}

.clubs-lobby .lby-clubs-profile.Jack::after {
  content: '';
  background-color: #cefefe;
  width: 4px;
  height: 100%;
  box-shadow: 0 0 4px 1px #32ffaf, inset 3px 0 1px 0 #32ffaf;
  display: block;
  position: absolute;
  top: 0;
  right: 57px;
  transform: skew(-11deg);
}

.clubs-lobby .lby-clubs-profile.Queen::after {
  content: '';
  background-color: #f5a2fe;
  width: 4px;
  height: 100%;
  box-shadow: 0 0 4px 1px #9626f7, inset 3px 0 1px 0 #de71ff;
  display: block;
  position: absolute;
  top: 0;
  right: 57px;
  transform: skew(-11deg);
}

.clubs-lobby .lby-clubs-profile.King::after {
  content: '';
  background-color: #ffefbd;
  width: 4px;
  height: 100%;
  box-shadow: 0 0 4px 1px #ff5613, inset 3px 0 1px 0 #ff8938;
  display: block;
  position: absolute;
  top: 0;
  right: 57px;
  transform: skew(-11deg);
}

.clubs-lobby .lby-clubs-profile.Ace::after {
  content: '';
  background-color: #ff5613;
  width: 4px;
  height: 100%;
  box-shadow: 0 0 4px 1px #f90c17, inset 3px 0 1px 0 #fe332f;
  display: block;
  position: absolute;
  top: 0;
  right: 57px;
  transform: skew(-11deg);
}

.clubs-lobby .lby-clubs-profile.Master::after {
  content: '';
  background-color: #feffc5;
  width: 4px;
  height: 100%;
  box-shadow: 0 0 4px 1px #ffda38, inset 3px 0 1px 0 #ffff6c;
  display: block;
  position: absolute;
  top: 0;
  right: 57px;
  transform: skew(-11deg);
}

.clubs-lobby .lby-clubs-profile.Grand-Master::after {
  content: '';
  background-color: #cdfffe;
  width: 4px;
  height: 100%;
  box-shadow: 0 0 4px 1px #21fffe, inset 3px 0 1px 0 #5bffff;
  display: block;
  position: absolute;
  top: 0;
  right: 57px;
  transform: skew(-11deg);
}

.clubs-lobby .lby-clubs-profile .lby-clubs-profile-container {
  width: 185px;
  position: relative;
  height: 100%;
}

.clubs-lobby .lby-clubs-profile .crest-my-club {
  position: absolute;
  transform: scale(0.8);
  right: 5px;
  top: -20px;
  cursor: pointer;
  pointer-events: auto;
  z-index: 1;
}

.clubs-lobby .lby-clubs-profile .crest-my-club.crest-Grand-Master {
  top: -10px;
}

.clubs-lobby .lby-clubs-profile .container-profile {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 175px;
}

.clubs-lobby .lby-clubs-profile .clubs-progress-container {
  top: 142px;
  left: -35px;
  cursor: pointer;
  pointer-events: auto;
}

.clubs-lobby .lby-clubs-profile .clubs-timer-container {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 70%;
  text-align: center;
}

.clubs-lobby .lby-clubs-profile .btn-my-club {
  position: absolute;
  padding-left: 12px;
  left: 0;
  right: 0;
  top: 29px;
  width: 100%;
  z-index: 3;
  transform: skewX(11deg);
  text-transform: uppercase;
  font-size: 28px;
  text-shadow: 0 0 5px rgba(245, 168, 78, 0.55);
  display: block !important;
  margin: auto;
}

.clubs-lobby .lby-clubs-profile .btn-my-club .svg-btn-club {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.clubs-lobby .lby-clubs-profile .btn-my-club.subtitle-btn {
  top: 53px;
  font-size: 14px;
}

.clubs-lobby .lby-clubs-profile .btn-my-club.subtitle-btn .shadow-wrapper {
  -webkit-filter: drop-shadow(1px 2px 0px #000000);
          filter: drop-shadow(1px 2px 0px #000000);
}

.clubs-timer-container {
  position: relative;
}

.clubs-timer-container .clubs-timer {
  transition: color 0.5s;
  color: white;
  font-family: AkzidGroProLigCnd;
  font-size: 2rem;
  display: flex;
  align-content: center;
  justify-content: center;
}

.clubs-timer-container .clubs-timer.timerWarning {
  color: red;
}

.clubs-timer-container .clubs-timer.timerWarning .icon-timer-clubs {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1482px;
  width: 12px;
  height: 20px;
}

.clubs-timer-container .icon-timer-clubs {
  float: left;
  margin-top: 2px;
  margin-right: 5px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3711px -1482px;
  width: 12px;
  height: 20px;
}

.lby-clubs-profile.Jack .lbyMyClub:hover {
  box-shadow: inset #1dbb7d 0 0 0 2px, inset #656565 0 0 0 3px;
}

.lby-clubs-profile.Jack .lbyMyClub:hover::before {
  box-shadow: inset 0px 0px 20px 5px rgba(29, 187, 125, 0.8);
}

.lby-clubs-profile.Jack .lbyMyClub::after {
  background: linear-gradient(to top, #1dbb7d 50%, #1f1b27 80%);
}

.lby-clubs-profile.Queen .lbyMyClub:hover {
  box-shadow: inset #8b0edb 0 0 0 2px, inset #656565 0 0 0 3px;
}

.lby-clubs-profile.Queen .lbyMyClub:hover::before {
  box-shadow: inset 0px 0px 20px 5px rgba(139, 14, 219, 0.8);
}

.lby-clubs-profile.Queen .lbyMyClub::after {
  background: linear-gradient(to top, #8b0edb 50%, #1f1b27 80%);
}

.lby-clubs-profile.King .lbyMyClub:hover {
  box-shadow: inset #ff9e41 0 0 0 2px, inset #656565 0 0 0 3px;
}

.lby-clubs-profile.King .lbyMyClub:hover::before {
  box-shadow: inset 0px 0px 20px 5px rgba(255, 158, 65, 0.8);
}

.lby-clubs-profile.King .lbyMyClub::after {
  background: linear-gradient(to top, #ff9e41 50%, #1f1b27 80%);
}

.lby-clubs-profile.Ace .lbyMyClub:hover {
  box-shadow: inset #ff2f3f 0 0 0 2px, inset #656565 0 0 0 3px;
}

.lby-clubs-profile.Ace .lbyMyClub:hover::before {
  box-shadow: inset 0px 0px 20px 5px rgba(255, 47, 63, 0.8);
}

.lby-clubs-profile.Ace .lbyMyClub::after {
  background: linear-gradient(to top, #ff2f3f 50%, #1f1b27 80%);
}

.lby-clubs-profile.Master .lbyMyClub:hover {
  box-shadow: inset #ffdb5c 0 0 0 2px, inset #656565 0 0 0 3px;
}

.lby-clubs-profile.Master .lbyMyClub:hover::before {
  box-shadow: inset 0px 0px 20px 5px rgba(255, 219, 92, 0.8);
}

.lby-clubs-profile.Master .lbyMyClub::after {
  background: linear-gradient(to top, #ffdb5c 50%, #1f1b27 80%);
}

.lby-clubs-profile.Grand-Master .lbyMyClub:hover {
  box-shadow: inset #86edff 0 0 0 2px, inset #656565 0 0 0 3px;
}

.lby-clubs-profile.Grand-Master .lbyMyClub:hover::before {
  box-shadow: inset 0px 0px 20px 5px rgba(134, 237, 255, 0.8);
}

.lby-clubs-profile.Grand-Master .lbyMyClub::after {
  background: linear-gradient(to top, #86edff 50%, #1f1b27 80%);
}

.lbyMyClub {
  position: absolute;
  top: 217px;
  left: -20px;
  z-index: 2;
  pointer-events: auto;
  width: 167px;
  transform: skewX(-11deg);
  height: 70px;
  border-radius: 3px;
  color: #ffffff;
  font-size: 3rem;
  text-transform: uppercase;
  border: 2px solid #000000;
  box-shadow: inset #88828e 0 0 0 2px, inset #656565 0 0 0 3px;
  overflow: hidden;
  font-weight: 700;
  text-align: center;
  background-image: linear-gradient(to bottom, #5a5366, #88858f 4.1%, #8f8c95 6.9%, #474052 19.4%, #2c2937 30.5%, #241f2d 37.5%, #17151e 87.5%, #24212d);
}

.lbyMyClub:active, .lbyMyClub.active {
  border-width: 3px;
  box-shadow: inset #88828e -1px -1px 0 0;
  background-image: linear-gradient(to bottom, #000 14.4%, #1c1a24 36.8%, #353141 85.5%, #3e394a 85.5%, #544f5f 92.1%, #423c4e);
}

.lbyMyClub:active::after, .lbyMyClub.active::after {
  display: none;
}

.lbyMyClub:hover::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  left: -2px;
  z-index: 2;
}

.lbyMyClub::after {
  display: block;
  width: 105%;
  height: 100%;
  bottom: -35px;
  left: 0;
  right: 0;
  top: initial;
  opacity: 0.6;
  margin: auto;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
}

.clubsUnderscene {
  position: relative;
  z-index: 1;
  position: relative;
  display: block;
  width: 752px;
  margin: 10px auto;
  border-radius: 5px;
  background: #041535;
  color: white;
}

.clubsUnderscene:after {
  content: '';
  position: absolute;
  border-radius: 5px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  border: 1px solid #59d1ff;
  box-shadow: 0 0 7px 2px #1941E3, 0 0 7px 2px #1941E3 inset;
  pointer-events: none;
}

.clubsUnderscene.ftue .btn-carousel-left, .clubsUnderscene.ftue .btn-carousel-right {
  background-image: url(assets/images/Atlas.png);
  background-position: -3460px -1899px;
  width: 30px;
  height: 57px;
  position: absolute;
  z-index: 21;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
}

.clubsUnderscene.ftue .btn-carousel-left:hover, .clubsUnderscene.ftue .btn-carousel-right:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -3460px -1981px;
  width: 30px;
  height: 57px;
}

.clubsUnderscene.ftue .btn-carousel-left:active, .clubsUnderscene.ftue .btn-carousel-right:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -3460px -2063px;
  width: 30px;
  height: 57px;
}

.clubsUnderscene.ftue .btn-carousel-left {
  left: -25px;
  transform: translateY(-50%) scaleX(-1);
}

.clubsUnderscene.ftue .btn-carousel-right {
  right: -25px;
}

.clubsUnderscene .pmClose {
  z-index: 10021;
}

.clubsUnderscene .header {
  position: relative;
}

.clubsUnderscene .header:before {
  content: "";
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -905px -2056px;
  width: 752px;
  height: 90px;
  display: block;
  position: absolute;
  top: -3px;
  left: 0;
  right: 0;
  margin: auto;
}

.clubsUnderscene .my-club {
  height: 478px;
  position: relative;
}

.carousel-paginator-container {
  position: absolute;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
  text-align: center;
  pointer-events: none;
}

.carousel-paginator-container .paginator-position {
  position: relative;
}

.carousel-paginator-container .paginator-position .page-dot {
  position: relative;
  padding-left: 10px;
  margin: 0 4px;
}

.carousel-paginator-container .paginator-position .page-dot:after {
  content: '';
  position: absolute;
  border-radius: 50%;
  left: -1px;
  top: 15px;
  width: 6px;
  height: 6px;
  background-color: #095f53;
}

.carousel-paginator-container .paginator-position .page-dot.current:after {
  background-color: #afcfd4;
  box-shadow: 0 0 5px 2px #0167ff;
}

.simple-carousel-container .simple-carousel {
  transition: transform .5s ease-out;
}

.simple-carousel-container .btn-carousel-left, .simple-carousel-container .btn-carousel-right {
  background-image: url(assets/images/Atlas.png);
  background-position: -3460px -1899px;
  width: 30px;
  height: 57px;
  position: absolute;
  z-index: 21;
  cursor: pointer;
}

.simple-carousel-container .btn-carousel-left:hover, .simple-carousel-container .btn-carousel-right:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -3460px -1981px;
  width: 30px;
  height: 57px;
}

.simple-carousel-container .btn-carousel-left:active, .simple-carousel-container .btn-carousel-right:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -3460px -2063px;
  width: 30px;
  height: 57px;
}

.simple-carousel-container .btn-carousel-left {
  left: -25px;
  transform: scaleX(-1);
}

.simple-carousel-container .btn-carousel-right {
  right: -25px;
}

.container-profile {
  height: 160px;
  width: 190px;
  margin: auto;
}

.container-profile .medallion-container {
  width: 150px;
  height: 150px;
  margin: auto;
}

.container-profile .clubs-progress-container {
  top: -45px;
  left: -45px;
}

.crest-Jack {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -1028px -514px;
  width: 184px;
  height: 210px;
  margin: auto;
}

.crest-Queen {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -1542px -1240px;
  width: 184px;
  height: 210px;
  margin: auto;
}

.crest-King {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -1028px -726px;
  width: 184px;
  height: 210px;
  margin: auto;
}

.crest-Ace {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2312px -1667px;
  width: 184px;
  height: 210px;
  margin: auto;
}

.crest-Master {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -1542px -1028px;
  width: 184px;
  height: 210px;
  margin: auto;
}

.crest-Grand-Master {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2498px -1667px;
  width: 184px;
  height: 210px;
  margin: auto;
}

.clubsIntroPopup {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 100px;
  width: 768px;
  height: 512px;
}

.clubsIntroPopup:before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.clubsIntroPopup.Jack:before {
  background: rgba(16, 190, 188, 0.15);
}

.clubsIntroPopup.Queen:before {
  background: rgba(139, 14, 219, 0.15);
}

.clubsIntroPopup.King:before {
  background: rgba(236, 127, 24, 0.15);
}

.clubsIntroPopup.Ace:before {
  background: rgba(210, 27, 67, 0.15);
}

.clubsIntroPopup.Master:before {
  background: rgba(241, 185, 15, 0.15);
}

.clubsIntroPopup.Grand-Master:before {
  background: rgba(44, 208, 255, 0.15);
}

.clubsIntroPopup .content {
  position: relative;
  width: 100%;
  height: 100%;
}

.clubsIntroPopup .content .title {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -1028px -1823px;
  width: 768px;
  height: 156px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
}

.clubsIntroPopup .content .description {
  text-align: center;
  position: absolute;
  top: 100px;
  width: 100%;
  font-size: 24px;
  text-shadow: 0px 0px 7px #1941E3, 0px 0px 7px #1941E3, 0px 0px 7px #1941E3;
  font-family: AkzidGroProBolCnd;
}

.clubsIntroPopup .content .description .big {
  font-size: 26px;
}

.clubsIntroPopup .content .background {
  width: 768px;
  height: 512px;
}

.clubsIntroPopup .content .crest-my-club {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 155px;
}

.clubsIntroPopup .content .genericButton {
  left: 0;
  right: 0;
  position: absolute;
  width: 80px;
  margin: auto;
  bottom: 103px;
}

.clubs-Jack {
  color: #1dbb7d;
}

.clubs-Queen {
  color: #8b0edb;
}

.clubs-King {
  color: #ff9e41;
}

.clubs-Ace {
  color: #ff2f3f;
}

.clubs-Master {
  color: #ffdb5c;
}

.clubs-Grand-Master {
  color: #86edff;
}

.clubs-bonus {
  position: relative;
  display: flex;
  padding-left: .75em;
}

.clubs-bonus.gradient-Jack {
  background: linear-gradient(to right, rgba(44, 192, 160, 0.77) 0%, rgba(44, 192, 160, 0) 100%);
}

.clubs-bonus.gradient-Queen {
  background: linear-gradient(to right, rgba(223, 0, 249, 0.77) 0%, rgba(223, 0, 249, 0) 100%);
}

.clubs-bonus.gradient-King {
  background: linear-gradient(to right, rgba(255, 107, 37, 0.77) 0%, rgba(255, 107, 37, 0) 100%);
}

.clubs-bonus.gradient-Ace {
  background: linear-gradient(to right, rgba(255, 42, 58, 0.77) 0%, rgba(255, 42, 58, 0) 100%);
}

.clubs-bonus.gradient-Master {
  background: linear-gradient(to right, rgba(255, 156, 0, 0.77) 0%, rgba(255, 156, 0, 0) 100%);
}

.clubs-bonus.gradient-Grand-Master {
  background: linear-gradient(to right, rgba(31, 173, 255, 0.77) 0%, rgba(31, 173, 255, 0) 100%);
}

.clubs-bonus .container-badge {
  position: absolute;
  left: 0;
  top: 0;
  height: 1em;
}

.clubs-bonus .container-badge .clubs-badge {
  top: 50%;
  transform: translate(-50%, -49%) scale(0.45);
}

.clubs-bonus.practice {
  color: #ff8e1f;
  opacity: 0.7;
  background: none;
}

.collapse:hover {
  cursor: pointer;
}

.collapse .collapse-title {
  background: #333367;
  text-align: center;
  position: relative;
  border-bottom: #3d3d71 2px solid;
}

.collapse .collapse-title .clubs-badge {
  vertical-align: middle;
}

.collapse .collapse-title:after, .collapse .collapse-title:before {
  content: '';
  width: 10px;
  height: 10px;
  border: 2px transparent solid;
  border-bottom: 2px #717dab solid;
  border-left: 2px #717dab solid;
  position: absolute;
  display: inline-block;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  transition: transform 0.5s cubic-bezier(1, 0, 0, 1);
}

.collapse .collapse-title:after {
  left: 10px;
}

.collapse .collapse-title:before {
  right: 10px;
}

.collapse .collapse-title.active:after, .collapse .collapse-title.active:before {
  transform: translateY(-50%) rotate(135deg);
}

.collapse .collapse-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 500ms cubic-bezier(1, 0, 0, 1);
}

.collapse .collapse-content.active {
  max-height: 100vh;
}

.club-benefits-content {
  position: relative;
  height: 346px;
  width: 752px;
  display: inline-block;
  overflow: hidden;
  font-family: AkzidGroProLigCnd;
  font-weight: bold;
}

.club-benefits-content > * {
  box-sizing: border-box;
}

.club-benefits-content .club-benefits-container {
  height: 249px;
  z-index: 3;
  position: absolute;
  left: 0;
  width: 100%;
  padding-right: 8px;
}

.club-benefits-content .clubs-benefits-background {
  left: 190px;
  width: 561px;
  height: 100%;
  position: absolute;
  background: linear-gradient(to right, #0f3260, #0b1933 48%, #0b1933 52%, #0e1e4a 100%);
}

.club-benefits-content .clubs-benefits-background:before {
  content: '';
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -1798px -1823px;
  width: 164px;
  height: 156px;
  opacity: 0.3;
  position: absolute;
  left: 0;
  bottom: 0;
}

.club-benefits-content .clubs-benefits-background:after {
  content: '';
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2564px -273px;
  width: 120px;
  height: 170px;
  opacity: 0.6;
  position: absolute;
  right: -2px;
  top: 0;
}

.club-benefits-content::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2312px -273px;
  width: 250px;
  height: 346px;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.club-benefits-content.Jack::after {
  content: '';
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2312px -273px;
  width: 250px;
  height: 346px;
  animation: fadeIn 1s;
  background-color: #10bebc;
  background-blend-mode: hard-light;
}

.club-benefits-content.Queen::after {
  content: '';
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2312px -273px;
  width: 250px;
  height: 346px;
  animation: fadeIn 1s;
  background-color: #8b0edb;
  background-blend-mode: hard-light;
}

.club-benefits-content.King::after {
  content: '';
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2312px -273px;
  width: 250px;
  height: 346px;
  animation: fadeIn 1s;
  background-color: #ec7f18;
  background-blend-mode: hard-light;
}

.club-benefits-content.Ace::after {
  content: '';
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2312px -273px;
  width: 250px;
  height: 346px;
  animation: fadeIn 1s;
  background-color: #d21b43;
  background-blend-mode: hard-light;
}

.club-benefits-content.Master::after {
  content: '';
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2312px -273px;
  width: 250px;
  height: 346px;
  animation: fadeIn 1s;
  background-color: #f1b90f;
  background-blend-mode: hard-light;
}

.club-benefits-content.Grand-Master::after {
  content: '';
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2312px -273px;
  width: 250px;
  height: 346px;
  animation: fadeIn 1s;
  background-color: #2cd0ff;
  background-blend-mode: hard-light;
}

.club-benefits-content.Jack .club-border:after, .club-benefits-content.Jack .club-border:before {
  content: '';
  background-color: #1dbb7d;
  height: 100%;
  position: absolute;
  top: 0;
}

.club-benefits-content.Jack .club-border:before {
  background: linear-gradient(to bottom, transparent, rgba(29, 187, 125, 0.8) 50%, transparent 100%);
  -webkit-filter: blur(1px);
          filter: blur(1px);
  width: 5px;
  right: -3px;
}

.club-benefits-content.Jack .club-border:after {
  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.66) 50%, transparent 100%);
  width: 1px;
  right: -1px;
}

.club-benefits-content.Queen .club-border:after, .club-benefits-content.Queen .club-border:before {
  content: '';
  background-color: #8b0edb;
  height: 100%;
  position: absolute;
  top: 0;
}

.club-benefits-content.Queen .club-border:before {
  background: linear-gradient(to bottom, transparent, rgba(139, 14, 219, 0.8) 50%, transparent 100%);
  -webkit-filter: blur(1px);
          filter: blur(1px);
  width: 5px;
  right: -3px;
}

.club-benefits-content.Queen .club-border:after {
  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.66) 50%, transparent 100%);
  width: 1px;
  right: -1px;
}

.club-benefits-content.King .club-border:after, .club-benefits-content.King .club-border:before {
  content: '';
  background-color: #ff9e41;
  height: 100%;
  position: absolute;
  top: 0;
}

.club-benefits-content.King .club-border:before {
  background: linear-gradient(to bottom, transparent, rgba(255, 158, 65, 0.8) 50%, transparent 100%);
  -webkit-filter: blur(1px);
          filter: blur(1px);
  width: 5px;
  right: -3px;
}

.club-benefits-content.King .club-border:after {
  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.66) 50%, transparent 100%);
  width: 1px;
  right: -1px;
}

.club-benefits-content.Ace .club-border:after, .club-benefits-content.Ace .club-border:before {
  content: '';
  background-color: #ff2f3f;
  height: 100%;
  position: absolute;
  top: 0;
}

.club-benefits-content.Ace .club-border:before {
  background: linear-gradient(to bottom, transparent, rgba(255, 47, 63, 0.8) 50%, transparent 100%);
  -webkit-filter: blur(1px);
          filter: blur(1px);
  width: 5px;
  right: -3px;
}

.club-benefits-content.Ace .club-border:after {
  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.66) 50%, transparent 100%);
  width: 1px;
  right: -1px;
}

.club-benefits-content.Master .club-border:after, .club-benefits-content.Master .club-border:before {
  content: '';
  background-color: #ffdb5c;
  height: 100%;
  position: absolute;
  top: 0;
}

.club-benefits-content.Master .club-border:before {
  background: linear-gradient(to bottom, transparent, rgba(255, 219, 92, 0.8) 50%, transparent 100%);
  -webkit-filter: blur(1px);
          filter: blur(1px);
  width: 5px;
  right: -3px;
}

.club-benefits-content.Master .club-border:after {
  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.66) 50%, transparent 100%);
  width: 1px;
  right: -1px;
}

.club-benefits-content.Grand-Master .club-border:after, .club-benefits-content.Grand-Master .club-border:before {
  content: '';
  background-color: #86edff;
  height: 100%;
  position: absolute;
  top: 0;
}

.club-benefits-content.Grand-Master .club-border:before {
  background: linear-gradient(to bottom, transparent, rgba(134, 237, 255, 0.8) 50%, transparent 100%);
  -webkit-filter: blur(1px);
          filter: blur(1px);
  width: 5px;
  right: -3px;
}

.club-benefits-content.Grand-Master .club-border:after {
  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.66) 50%, transparent 100%);
  width: 1px;
  right: -1px;
}

.club-benefits-content .club-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 190px;
  height: 346px;
  z-index: 2;
  pointer-events: none;
}

.club-benefits-content::before, .club-benefits-content::after {
  width: 190px !important;
}

.club-benefits-header {
  position: relative;
  height: 96px;
  border-bottom: 3px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 2px 5px #000000;
  z-index: 2;
}

.club-benefits-header > * {
  box-sizing: border-box;
}

.club-benefits-header .club-benefits-crest, .club-benefits-header .club-benefits-division {
  height: 100%;
}

.club-benefits-header .club-benefits-crest {
  display: inline-block;
  width: 190px;
  pointer-events: none;
}

.club-benefits-header .club-benefits-crest .crest-my-club {
  transform: scale(0.5) translateY(-60%);
}

.club-benefits-header .club-benefits-division {
  display: inline-block;
  width: calc(100% - 190px);
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 8px;
}

.club-benefits-header .club-benefits-division .badge-container {
  width: 20%;
  display: inline-block;
  position: relative;
}

.club-benefits-header .club-benefits-division .badge-container.active::after {
  content: '';
  width: 100%;
  height: 350px;
  background: linear-gradient(to bottom, rgba(32, 179, 236, 0) 0%, rgba(32, 179, 236, 0.5) 9%, #2cd8f7 18%, #34f1ff 24%, #32ecfd 29%, #25c4f1 66%, #25c3f1 67%, rgba(32, 179, 236, 0.55) 82%, rgba(5, 171, 224, 0) 100%);
  display: block;
  position: absolute;
  top: 0;
  opacity: 0.6;
  border-left: 1px solid #34f1ff;
  border-right: 1px solid #34f1ff;
}

.club-benefits-header .club-benefits-division .badge-container.active .boosted {
  position: absolute;
  z-index: 2;
  width: 100%;
}

.club-benefits-header .club-benefits-division .badge-container.active .boosted::before {
  content: '';
  display: block;
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2584px -1065px;
  width: 82px;
  height: 363px;
  position: absolute;
  top: -4px;
  left: -45px;
}

.club-benefits-header .club-benefits-division .badge-container.active .boosted::after {
  content: '';
  display: block;
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2704px 0px;
  width: 82px;
  height: 363px;
  position: absolute;
  top: -4px;
  right: -48px;
}

.club-benefits-header .club-benefits-division .badge-container .clubs-badge {
  display: block;
  margin: auto;
}

.club-benefits-info {
  box-sizing: border-box;
  position: relative;
  padding: 10px 0;
  font-size: 20px;
}

.club-benefits-info > * {
  box-sizing: border-box;
}

.club-benefits-info:last-child {
  padding-bottom: 20px;
}

.club-benefits-info .club-benefits-label {
  width: 190px;
  color: white;
  display: inline-block;
  padding: 0 20px;
  text-align: right;
}

.club-benefits-info .club-benefits-label.eq5StickyMultiplierString {
  padding: 0 20px 0 0;
}

.club-benefits-info .club-benefits-label .question, .club-benefits-info .club-benefits-label #braceletFullProgression > .help:after, .club-benefits-info .club-benefits-label #prizeWheel .prizeWheelContainer .superSpinOverlay .multipliersHelp .toggle .help:after, #prizeWheel .prizeWheelContainer .superSpinOverlay .multipliersHelp .toggle .club-benefits-info .club-benefits-label .help:after {
  margin-left: 5px;
}

.club-benefits-info .club-benefits-label span {
  left: 10px;
}

.club-benefits-info .club-benefits-bonus {
  display: inline-block;
  width: calc(100% - 190px);
}

.club-benefits-info .club-benefits-bonus .badge-container {
  width: 20%;
  display: inline-block;
  padding: 10px 0;
  height: 0px;
  transform: translate(0, -225%);
}

.club-benefits-info .club-benefits-bonus .badge-container .clubs-badge {
  transform: scale(0.5);
  display: block;
  margin: auto;
}

.club-benefits-info .club-benefits-bonus span {
  width: 20%;
  display: inline-block;
  text-align: center;
}

.club-benefits-info .club-benefits-bonus span.active {
  color: #00edff;
}

.clubs-benefits-container .simple-carousel-container .btn-carousel-left, .clubs-benefits-container .simple-carousel-container .btn-carousel-right {
  top: 60%;
}

.clubs-benefits-container .carousel-paginator-container {
  bottom: 10px;
}

.club-underscene-help {
  background: linear-gradient(to right, #144b8c, #0a0f22 47%, #0a0f22 53%, #0a307b 100%);
  font-family: AkzidGroProLigCnd;
  height: 346px;
  font-size: 24px;
}

.club-underscene-help .background-textures {
  position: absolute;
  width: 100%;
  height: 346px;
  overflow: hidden;
}

.club-underscene-help .background-textures:before {
  content: '';
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -1798px -1823px;
  width: 164px;
  height: 156px;
  opacity: 0.3;
  position: absolute;
  left: 0;
  bottom: 0;
}

.club-underscene-help .background-textures:after {
  content: '';
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2564px -273px;
  width: 120px;
  height: 170px;
  opacity: 0.6;
  position: absolute;
  right: -1px;
  top: 0;
}

.club-underscene-help .simple-carousel-container {
  height: 100%;
}

.club-underscene-help .simple-carousel-container .simple-carousel {
  position: relative;
  height: 100%;
}

.club-underscene-help .simple-carousel-container .arrow {
  top: 60%;
}

.club-underscene-help .simple-carousel-container .clubs-help-page {
  position: relative;
  display: inline-block;
  height: 100%;
  width: 752px;
  vertical-align: top;
}

.club-underscene-help .simple-carousel-container .clubs-help-page .page-header {
  position: relative;
  text-align: center;
  line-height: 1.6;
  font-weight: bold;
  font-size: 26px;
}

.club-underscene-help .simple-carousel-container .clubs-help-page .page-header:after, .club-underscene-help .simple-carousel-container .clubs-help-page .page-header:before {
  content: '';
  position: absolute;
  width: 65%;
  height: 1px;
  bottom: 0px;
  left: -1px;
  right: -1px;
  margin: auto;
}

.club-underscene-help .simple-carousel-container .clubs-help-page .page-header:before {
  height: 5px;
  bottom: -2px;
  -webkit-filter: blur(1px);
          filter: blur(1px);
  background: linear-gradient(to right, transparent, #1941E3 50%, transparent 100%);
}

.club-underscene-help .simple-carousel-container .clubs-help-page .page-header:after {
  background: linear-gradient(to right, transparent, #2467d0 50%, transparent 100%);
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page1 .info-container {
  position: absolute;
  top: 128px;
  left: 66px;
  width: 305px;
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page1 .info-container .line {
  position: relative;
  padding-bottom: 10px;
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page1 .video-container {
  position: absolute;
  top: 74px;
  right: 45px;
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page1 .video-container .video-preview {
  position: relative;
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2312px -870px;
  width: 304px;
  height: 193px;
  cursor: pointer;
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page1 .video-container .video-preview > div {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page1 .video-container .video-preview .playBtnBg {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(6, 20, 42, 0.85);
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page1 .video-container .video-preview .playBtnContainer {
  position: relative;
  width: 46px;
  height: 46px;
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page1 .video-container .video-preview .playBtnContainer .playBtn {
  margin-left: 5px;
  width: 100%;
  height: 100%;
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page1 .video-container .video-preview .playBtnContainer .playBtn path {
  fill: #FFFFFF;
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page1 .video-container .video-preview .playBtnContainer:after {
  content: '';
  position: absolute;
  width: 2px;
  height: 2px;
  left: 0;
  right: 0;
  box-shadow: 0 0 17px 16px rgba(0, 228, 255, 0.9), inset 0 0 0px 5px rgba(0, 228, 255, 0.9);
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 228, 255, 0.8);
  z-index: -1;
  border-radius: 50%;
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page1 .video-container .video-preview:active .playBtnContainer:after {
  box-shadow: 0 0 29px 27px rgba(0, 228, 255, 0.9), inset 0 0 0px 5px rgba(0, 228, 255, 0.9);
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page2 .clubs-display-container {
  position: absolute;
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -1028px -1542px;
  width: 702px;
  height: 279px;
  bottom: 12px;
  left: 0;
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page2 .info-container {
  text-align: center;
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page2 .info-container .line {
  position: relative;
  display: inline-block;
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page3 .clubs-display-container {
  position: absolute;
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -1028px -1542px;
  width: 702px;
  height: 279px;
  bottom: 12px;
  left: 0;
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page3 .line {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page3 .desc1 {
  top: 65px;
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page3 .progress-bar {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 100px;
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2312px -1879px;
  width: 261px;
  height: 146px;
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page3 .desc2 {
  bottom: 70px;
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page4 .clubs-boosts-container {
  position: absolute;
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2312px 0px;
  width: 390px;
  height: 271px;
  right: 40px;
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page4 .eq5-clubs-boosts-container {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  top: 60px;
  right: 55px;
  width: 250px;
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page4 .eq5-clubs-boosts-container .boost {
  width: 100%;
  height: auto;
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page4 .eq5-clubs-boosts-container .boost.top {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -1659px -2056px;
  width: 216px;
  height: 88px;
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page4 .eq5-clubs-boosts-container .boost.mid {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -1542px -1452px;
  width: 216px;
  height: 88px;
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page4 .eq5-clubs-boosts-container .boost.bottom {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -1028px -938px;
  width: 216px;
  height: 88px;
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page4 .info-container {
  position: absolute;
  top: 100px;
  left: 66px;
  width: 290px;
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page4 .info-container .line {
  position: relative;
  padding-bottom: 10px;
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page4 .info-container.es5StickyMultiplierInfoContainer {
  width: 350px;
  top: 55px;
  font-size: 23px;
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page4 .info-container.es5StickyMultiplierInfoContainer .line {
  padding-bottom: 0;
  font-weight: bolder;
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page4 .info-container.es5StickyMultiplierInfoContainer .p-line {
  position: relative;
  left: -25px;
  margin-bottom: 17px;
  line-height: 22px;
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page4 .info-container.es5StickyMultiplierInfoContainer .p-line.last {
  font-weight: bolder;
  margin-bottom: 0;
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page5 .info-container {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 440px;
  text-align: left;
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page5 .info-container .subtitle {
  padding: 20px 0 15px 0;
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page5 .info-container .line {
  position: relative;
  margin: 0 0 10px 25px;
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page6 .info-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.club-underscene-help .simple-carousel-container .clubs-help-page.page6 .golden-card {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -468px -2056px;
  width: 435px;
  height: 175px;
}

.club-underscene-help .with-dot:before {
  content: '';
  position: absolute;
  top: 13px;
  left: -22px;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  background: #04e9ec;
  box-shadow: 0 0 5px 2px #2546E9;
}

.club-underscene-help .emphasis {
  color: #00ffff;
  text-shadow: 1px 1px 2px #0000ff, 1px -1px 2px #0000ff, -1px -1px 2px #0000ff, -1px 1px 2px #0000ff;
}

.club-underscene-my-club {
  position: relative;
  font-family: AkzidGroProLigCnd;
  font-weight: bold;
}

.club-underscene-my-club .profile-my-club,
.club-underscene-my-club .statistique-my-club {
  display: inline-block;
}

.club-underscene-my-club .profile-my-club {
  position: relative;
  padding-left: 1px;
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2312px -273px;
  width: 250px;
  height: 346px;
}

.club-underscene-my-club .profile-my-club:after {
  content: "";
  width: 100%;
  height: 140px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%);
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
}

.club-underscene-my-club .profile-my-club .club-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.club-underscene-my-club .profile-my-club.Jack::after {
  content: '';
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2312px -273px;
  width: 250px;
  height: 346px;
  animation: fadeIn 1s;
  background-color: #10bebc;
  background-blend-mode: hard-light;
}

.club-underscene-my-club .profile-my-club.Queen::after {
  content: '';
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2312px -273px;
  width: 250px;
  height: 346px;
  animation: fadeIn 1s;
  background-color: #8b0edb;
  background-blend-mode: hard-light;
}

.club-underscene-my-club .profile-my-club.King::after {
  content: '';
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2312px -273px;
  width: 250px;
  height: 346px;
  animation: fadeIn 1s;
  background-color: #ec7f18;
  background-blend-mode: hard-light;
}

.club-underscene-my-club .profile-my-club.Ace::after {
  content: '';
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2312px -273px;
  width: 250px;
  height: 346px;
  animation: fadeIn 1s;
  background-color: #d21b43;
  background-blend-mode: hard-light;
}

.club-underscene-my-club .profile-my-club.Master::after {
  content: '';
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2312px -273px;
  width: 250px;
  height: 346px;
  animation: fadeIn 1s;
  background-color: #f1b90f;
  background-blend-mode: hard-light;
}

.club-underscene-my-club .profile-my-club.Grand-Master::after {
  content: '';
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2312px -273px;
  width: 250px;
  height: 346px;
  animation: fadeIn 1s;
  background-color: #2cd0ff;
  background-blend-mode: hard-light;
}

.club-underscene-my-club .profile-my-club.Jack .club-border:after, .club-underscene-my-club .profile-my-club.Jack .club-border:before {
  content: '';
  background-color: #1dbb7d;
  height: 100%;
  position: absolute;
  top: 0;
}

.club-underscene-my-club .profile-my-club.Jack .club-border:before {
  background: linear-gradient(to bottom, transparent, rgba(29, 187, 125, 0.8) 50%, transparent 100%);
  -webkit-filter: blur(1px);
          filter: blur(1px);
  width: 5px;
  right: -3px;
}

.club-underscene-my-club .profile-my-club.Jack .club-border:after {
  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.66) 50%, transparent 100%);
  width: 1px;
  right: -1px;
}

.club-underscene-my-club .profile-my-club.Queen .club-border:after, .club-underscene-my-club .profile-my-club.Queen .club-border:before {
  content: '';
  background-color: #8b0edb;
  height: 100%;
  position: absolute;
  top: 0;
}

.club-underscene-my-club .profile-my-club.Queen .club-border:before {
  background: linear-gradient(to bottom, transparent, rgba(139, 14, 219, 0.8) 50%, transparent 100%);
  -webkit-filter: blur(1px);
          filter: blur(1px);
  width: 5px;
  right: -3px;
}

.club-underscene-my-club .profile-my-club.Queen .club-border:after {
  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.66) 50%, transparent 100%);
  width: 1px;
  right: -1px;
}

.club-underscene-my-club .profile-my-club.King .club-border:after, .club-underscene-my-club .profile-my-club.King .club-border:before {
  content: '';
  background-color: #ff9e41;
  height: 100%;
  position: absolute;
  top: 0;
}

.club-underscene-my-club .profile-my-club.King .club-border:before {
  background: linear-gradient(to bottom, transparent, rgba(255, 158, 65, 0.8) 50%, transparent 100%);
  -webkit-filter: blur(1px);
          filter: blur(1px);
  width: 5px;
  right: -3px;
}

.club-underscene-my-club .profile-my-club.King .club-border:after {
  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.66) 50%, transparent 100%);
  width: 1px;
  right: -1px;
}

.club-underscene-my-club .profile-my-club.Ace .club-border:after, .club-underscene-my-club .profile-my-club.Ace .club-border:before {
  content: '';
  background-color: #ff2f3f;
  height: 100%;
  position: absolute;
  top: 0;
}

.club-underscene-my-club .profile-my-club.Ace .club-border:before {
  background: linear-gradient(to bottom, transparent, rgba(255, 47, 63, 0.8) 50%, transparent 100%);
  -webkit-filter: blur(1px);
          filter: blur(1px);
  width: 5px;
  right: -3px;
}

.club-underscene-my-club .profile-my-club.Ace .club-border:after {
  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.66) 50%, transparent 100%);
  width: 1px;
  right: -1px;
}

.club-underscene-my-club .profile-my-club.Master .club-border:after, .club-underscene-my-club .profile-my-club.Master .club-border:before {
  content: '';
  background-color: #ffdb5c;
  height: 100%;
  position: absolute;
  top: 0;
}

.club-underscene-my-club .profile-my-club.Master .club-border:before {
  background: linear-gradient(to bottom, transparent, rgba(255, 219, 92, 0.8) 50%, transparent 100%);
  -webkit-filter: blur(1px);
          filter: blur(1px);
  width: 5px;
  right: -3px;
}

.club-underscene-my-club .profile-my-club.Master .club-border:after {
  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.66) 50%, transparent 100%);
  width: 1px;
  right: -1px;
}

.club-underscene-my-club .profile-my-club.Grand-Master .club-border:after, .club-underscene-my-club .profile-my-club.Grand-Master .club-border:before {
  content: '';
  background-color: #86edff;
  height: 100%;
  position: absolute;
  top: 0;
}

.club-underscene-my-club .profile-my-club.Grand-Master .club-border:before {
  background: linear-gradient(to bottom, transparent, rgba(134, 237, 255, 0.8) 50%, transparent 100%);
  -webkit-filter: blur(1px);
          filter: blur(1px);
  width: 5px;
  right: -3px;
}

.club-underscene-my-club .profile-my-club.Grand-Master .club-border:after {
  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.66) 50%, transparent 100%);
  width: 1px;
  right: -1px;
}

.club-underscene-my-club .profile-my-club .profile-content {
  position: relative;
  z-index: 2;
}

.club-underscene-my-club .profile-my-club .profile-content .crest-my-club {
  top: 15px;
  position: relative;
}

.club-underscene-my-club .profile-my-club .timer {
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  bottom: -40px;
  width: 100%;
}

.club-underscene-my-club .profile-my-club .timer .clubs-timer {
  text-transform: lowercase;
  color: #379efb;
  text-shadow: #71abff 0 0 20px;
  font-size: 25px;
  font-family: AkzidGroProCnd;
}

.club-underscene-my-club .statistique-my-club {
  width: 502px;
  height: 345px;
  position: absolute;
  top: 0;
}

.club-underscene-my-club .statistique-my-club .statistique-my-club-background {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  background: linear-gradient(to right, #0f3260, #0b1933 48%, #0b1933 52%, #0e1e4a 100%);
}

.club-underscene-my-club .statistique-my-club .statistique-my-club-background:before {
  content: '';
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -1798px -1823px;
  width: 164px;
  height: 156px;
  opacity: 0.3;
  position: absolute;
  left: 0px;
  bottom: 0;
}

.club-underscene-my-club .statistique-my-club .statistique-my-club-background:after {
  content: '';
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2564px -273px;
  width: 120px;
  height: 170px;
  opacity: 0.6;
  position: absolute;
  right: 0;
  top: 0;
}

.club-underscene-my-club .statistique-my-club h1 {
  font-size: 24px;
  text-transform: uppercase;
  margin-left: 28px;
}

.club-underscene-my-club .statistique-my-club .container-benefits {
  display: flex;
  position: relative;
  justify-content: center;
  height: 120px;
  width: 505px;
  margin-bottom: 35px;
}

.club-underscene-my-club .statistique-my-club .container-benefits .leftCarouselButton {
  left: 0;
}

.club-underscene-my-club .statistique-my-club .container-benefits .leftCarouselButton:after {
  transform: scale(-1, 1);
  left: 15px;
}

.club-underscene-my-club .statistique-my-club .container-benefits .rightCarouselButton {
  right: 0;
  transform: scaleX(-1);
}

.club-underscene-my-club .statistique-my-club .container-benefits .rightCarouselButton:after {
  transform: scale(-1, 1);
  left: 15px;
}

.club-underscene-my-club .statistique-my-club .container-benefits .leftCarouselButton,
.club-underscene-my-club .statistique-my-club .container-benefits .rightCarouselButton {
  top: 11px;
}

.club-underscene-my-club .statistique-my-club .container-benefits.eq5ContainerBenefits {
  height: 140px;
  margin-bottom: 20px;
  top: -10px;
}

.club-underscene-my-club .statistique-my-club .container-benefits.eq5ContainerBenefits .scrollableArea {
  padding: 12px 0;
}

.club-underscene-my-club .statistique-my-club .container-benefits .scrollableArea {
  padding: 5px 0;
}

.club-underscene-my-club .statistique-my-club .container-benefits .scrollableArea .draggableWrapper {
  padding: 5px 35px;
}

.club-underscene-my-club .statistique-my-club .container-benefits .eq5BenefitsCircles {
  display: flex;
  justify-content: center;
  align-items: start;
  position: relative;
  top: -10px;
}

.club-underscene-my-club .statistique-my-club .container-benefits .container-benefits-circle {
  display: inline-block;
  text-align: center;
  margin: 0 27px;
  font-size: 24px;
}

.club-underscene-my-club .statistique-my-club .container-benefits .container-benefits-circle.eq5BenefitsCircle {
  font-size: 22px;
}

.club-underscene-my-club .statistique-my-club .container-benefits .container-benefits-circle .benefits-circle {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2544px -2279px;
  width: 91px;
  height: 91px;
  position: relative;
  left: 0;
  right: 0;
  margin: auto;
}

.club-underscene-my-club .statistique-my-club .container-benefits .container-benefits-circle .benefits-circle.boosted::after, .club-underscene-my-club .statistique-my-club .container-benefits .container-benefits-circle .benefits-circle.boosted::before {
  content: '';
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2553px -741px;
  width: 110px;
  height: 110px;
  position: absolute;
  left: -10px;
  top: -10px;
}

.club-underscene-my-club .statistique-my-club .container-benefits .container-benefits-circle .benefits-circle.boosted::before {
  transform: rotate(45deg);
}

.club-underscene-my-club .statistique-my-club .container-benefits .container-benefits-circle .benefits-circle span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  font-size: 24px;
  text-shadow: 0 0 15px #92bcff;
  color: #8edeff;
}

.club-underscene-my-club .statistique-my-club .container-statistique-clubs {
  position: relative;
  margin: auto;
  z-index: 2;
}

.club-underscene-my-club .statistique {
  position: relative;
  margin: auto;
  color: #ffffff;
  font-size: 20px;
  padding: 2px 28px 12px;
}

.club-underscene-my-club .statistique:after, .club-underscene-my-club .statistique:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  top: -5px;
}

.club-underscene-my-club .statistique:before {
  height: 5px;
  top: -7px;
  -webkit-filter: blur(1px);
          filter: blur(1px);
  background: linear-gradient(to right, transparent, #1941E3 50%, transparent 100%);
}

.club-underscene-my-club .statistique:after {
  background: linear-gradient(to right, transparent, #2467d0 50%, transparent 100%);
}

.club-underscene-my-club .statistique .tooltip-myclub {
  display: inline-block;
  margin-left: 5px;
}

.club-underscene-my-club .statistique .icon-token {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2766px -519px;
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 10px;
  margin-top: 3px;
}

.club-underscene-my-club .statistique .tooltipContainer {
  padding-left: 10px;
}

.club-underscene-my-club .statistique .description {
  color: #3ca1fb;
  float: right;
}

.club-underscene-my-club .statistique .description .clubs-badge-container {
  height: 1em;
  transform: translate(35px, -25px);
}

.club-underscene-my-club .statistique .description .clubs-badge-container .clubs-badge {
  transform: scale(0.4);
  margin: -10px 0;
}

.club-video-ftue-container {
  position: absolute;
  left: 1px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  border-radius: 5px;
  overflow: hidden;
  z-index: 10000;
  background-color: #000000;
}

.club-video-ftue-container .skip-video-btn {
  position: absolute;
  z-index: 2;
  bottom: 14px;
  right: 15px;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.6);
  font-family: AkzidGroProLigCnd;
  font-size: 20px;
}

.club-video-ftue-container .skip-video-btn:hover, .club-video-ftue-container .skip-video-btn:active {
  color: #FFFFFF;
}

.container-profile-carousel {
  position: absolute;
  bottom: 0;
  height: 110px;
  width: 100%;
  background-image: radial-gradient(at top right, rgba(6, 6, 20, 0) 5%, rgba(0, 0, 255, 0.2) 25%, rgba(3, 10, 32, 0) 45%) 50% 20% no-repeat, linear-gradient(to bottom, rgba(0, 0, 255, 0.3), rgba(3, 10, 32, 0.2)), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUM0ODMyOTZEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUM0ODMyOTVEQ0U5MTFFNkFGOTlEMTU5NThDOEE4QjEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Q0MwMDUwQ0QzRENFNjExQTVGMDk0MTVDRkM5MDY2RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pld80tkAAADSSURBVHjadNCxDsFQFMbxW4pEbRbxAFYRITGw6gNYPYPdKjGZhMFLSEzaUbcONjsGg0kiZSAR/8ttcnPTnuTXk7T9em6PlXP6gtqghQgP8a83Kri8Iq8jjMqogBSghobEy236FuV8yZ2YQYuJPr0O+dVj/ICgIFBUp7iiqeWceKKvh7TwkzZDASeclYPNJYu9SK8dRuiq6b+SwTGmmKcEVwiZHprLWapNBmaCfxzI5RDqmc9s1YfwUNVCDm2BddIx4qCLu1qApe59IJdzSwp+BRgADnE2lChoGq4AAAAASUVORK5CYII=") repeat #030a20;
  background-size: 200% 90%, 100% 100%, 14px 8px;
  background-position: 50% 0, 50% 50%, 50% 50%;
  border-bottom: 1px solid;
  border-top: 1px solid;
  border-image: linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgba(30, 87, 153, 0.8) 15%, #1e5799 19%, #1e5799 20%, #3179cd 50%, #1e5799 80%, #1e5799 81%, rgba(30, 87, 153, 0.8) 85%, rgba(30, 87, 153, 0) 100%);
  border-image-slice: 1;
}

.container-profile-carousel .carouselContainer.hasLeftSelector {
  position: absolute;
  top: 0 !important;
}

.chip-item {
  display: inline-block;
  width: 140px;
  height: 140px;
  background-size: contain;
  image-rendering: optimize-contrast;
  /* CSS3 Proposed                  */
  image-rendering: -webkit-optimize-contrast;
  /* Chrome (and eventually Safari) */
}

.bpBarContainer {
  position: relative;
  font-family: AkzidGroProCnd;
  font-size: 2rem;
  letter-spacing: -0.04em;
  text-align: right;
  color: #ffffff;
  background-color: #1e2132;
  background-image: linear-gradient(to bottom, #292d45 0%, #1e2132 100%);
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.5) inset, 0 1px 2px 0px rgba(255, 255, 255, 0.5);
}

.bpBarContainer .bpBarMeterContainer {
  background-image: url(assets/images/Atlas.png);
  background-position: -3065px -2793px;
  width: 160px;
  height: 40px;
  position: relative;
  height: 100%;
  width: 100%;
  text-align: left;
  padding: 0;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  box-shadow: 0 0px 6px 2px rgba(0, 0, 0, 0.4) inset, 0 1px 0px 0px rgba(255, 255, 255, 0.3);
}

.bpBarContainer .bpMeterValueMask {
  position: relative;
  overflow: hidden;
  width: 5%;
  height: 100%;
}

.bpBarContainer .bpBarWave {
  position: absolute;
  top: 0;
  right: 100%;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform: translate(0, 0);
}

.bpBarContainer .bpBarWave > div {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background-image: url(assets/images/Atlas.png);
  background-position: -3040px -3201px;
  width: 42px;
  height: 31px;
  transform: scale(0.615);
  transform-origin: top right;
}

.bpBarContainer .bpMeterValue {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to left, #e65011 0%, #f9b101 100%);
  box-shadow: inset 0 0 5px black;
}

.bpBarContainer .bpMeterValue.special {
  background-image: url("/assets/images/bracelets/progressbar_texture.png"), linear-gradient(to bottom, #5f460e, #b4851b 4.6%, #f5b72b 10.7%, #fec445 23%, #fdd55c 27.6%, #ebbe46 40%, #b37920 60%, #71462f 90.7%, #492c21 98.4%, #3b2318 98.4%);
  background-position: center center;
  background-size: 225px 60px;
  box-shadow: inset 0 0 10px 3px #b37920, inset 0 0 5px 1px black;
}

.bpBarContainer .bpMeterValue.special:before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: .5;
  background-image: linear-gradient(to bottom, #5f460e, #b4851b 4.6%, #f5b72b 10.7%, #fec445 23%, #fdd55c 27.6%, #ebbe46 40%, #b37920 60%, #71462f 90.7%, #492c21 98.4%, #3b2318 98.4%);
}

.bpBarContainer .bpMeterValue.disabled:after {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: black;
  z-index: 10;
  opacity: .5;
  cursor: default;
}

.bpBarContainer .bpBarLeftAlignedText {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 10px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
  letter-spacing: 1.2px;
}

.bpBarContainer .bpBarCenterAlignedText {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  width: 100%;
  display: block;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
}

.bpBarContainer .bpBarRightAlignedText {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 10px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
}

.bpBarContainer .bpBarChipContainer {
  position: absolute;
  display: block;
  border-radius: 50%;
  background-color: #1e2132;
  background-image: linear-gradient(to bottom, #292d45 0%, #1e2132 100%);
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.5) inset, 0 1px 2px 0px rgba(255, 255, 255, 0.5);
}

.bpBarContainer .bpBarChipContainer .bpBarNextChip {
  position: absolute;
  border-radius: 50%;
}

.bpBarContainer .bpBarChipContainer .bpBarNextChip.disabled {
  cursor: default;
  opacity: 0.5;
}

.bpBarContainer.withoutChip .bpBarChipContainer {
  display: none;
}

.bpBarContainer.invisible {
  opacity: 0;
}

#SpecialeEventInfoPopup {
  position: absolute;
  top: 127px;
  right: 0;
  left: 0;
  width: 768px;
  height: 512px;
  margin: auto;
  background-repeat: no-repeat;
}

#SpecialeEventInfoPopup .SpecialeEventInfoCloseBtn {
  position: absolute;
  top: 21px;
  right: 15px;
  width: 64px;
  height: 64px;
  background-repeat: no-repeat;
  cursor: pointer;
}

#SpecialeEventInfoPopup.kott #BraceletsInfoPopup > .gpContentCont:after {
  box-shadow: 0 0 7px 2px #d14fef;
  border: solid 1px #c98fff;
  border-bottom: solid 1px rgba(254, 101, 215, 0.7);
}

#SpecialeEventInfoPopup.kott #BraceletsInfoPopup > .gpContentCont .content div {
  text-shadow: 0 2px 10px #d14fef, 0 -2px 10px #d14fef;
  color: #fff;
}

#SpecialeEventInfoPopup.executive_week_end {
  top: 64px;
  height: 585px;
}

#SpecialeEventInfoPopup.executive_week_end .SpecialeEventInfoCloseBtn {
  top: 22px;
  right: 21px;
}

.bpBarContainer {
  width: 135px;
  height: 28px;
  line-height: 28px;
  border-radius: 18px;
  padding: 4px;
}

.bpBarContainer .bpBarMeterContainer {
  border-radius: 18px;
}

.bpBarContainer .bpMeterValue {
  width: 135px;
  border-radius: 14px;
}

.bpBarContainer.interactive {
  cursor: pointer;
}

.bpBarContainer.interactive:hover {
  box-shadow: 0 0 10px 0 #4076ff;
}

.bpBarContainer.interactive:hover .bpBarChipContainer {
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.5) inset, 0 1px 2px 0px rgba(255, 255, 255, 0.5), 3px 0 10px -1px #4076ff;
}

.bpBarContainer.interactive:active {
  box-shadow: 0 0 10px 2px #4076ff;
}

.bpBarContainer.interactive:active .bpBarChipContainer {
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.5) inset, 0 1px 2px 0px rgba(255, 255, 255, 0.5), 3px 0 10px 0px #4076ff;
}

.bpBarContainer.withChip {
  padding-right: 26px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.bpBarContainer .bpBarChipContainer {
  width: 44px;
  height: 44px;
  top: -4px;
  right: -22px;
  border-radius: 50%;
}

.bpBarContainer .bpBarChipContainer .bpBarNextChip {
  top: 6px;
  left: 6px;
}

#BraceletsInfoPopup > .gpContentCont {
  height: 497px;
}

#BraceletsInfoPopup > .gpContentCont > div:before {
  z-index: -1;
}

#BraceletsInfoPopup > .gpContentCont .background {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  position: absolute;
}

#BraceletsInfoPopup > .gpContentCont .content {
  width: 100%;
  height: 100%;
}

#BraceletsInfoPopup > .gpContentCont .content div {
  position: absolute;
  width: 50%;
  padding-bottom: 5px;
  font-size: 2.35rem;
  text-transform: uppercase;
  font-family: AkzidGroProBolCnd;
  text-shadow: #2ba5fd 0 0 6px, #2ba5fd 0 0 4px, #2ba5fd 0 0 3px;
}

#BraceletsInfoPopup > .gpContentCont .content div > span {
  display: block;
}

#BraceletsInfoPopup > .gpContentCont .content .desc_1 {
  bottom: 50%;
  left: 0;
}

#BraceletsInfoPopup > .gpContentCont .content .desc_2 {
  bottom: 50%;
  right: -5px;
}

#BraceletsInfoPopup > .gpContentCont .content .desc_3 {
  bottom: 0;
  left: 0;
}

#BraceletsInfoPopup > .gpContentCont .content .desc_4 {
  bottom: 34%;
  right: 0;
}

#BraceletsInfoPopup > .gpContentCont .content .desc_5 {
  top: 86%;
  right: 0;
}

#BraceletsInfoPopup > .gpContentCont .content .desc_6 {
  top: 70%;
  right: 0;
}

.bpProgressionStat .bpBarMeterContainer {
  line-height: 22px;
}

.bpProgressionStat .bpBarContainer {
  height: 22px;
}

.bpProgressionStat .bpBarContainer .bpBarNextChip {
  left: 2px;
  top: 2px;
}

.bpProgressionStat .bpBarContainer .bpBarChipContainer {
  width: 37px;
  height: 37px;
}

#braceletFullProgression {
  position: relative;
  display: block;
  width: 752px;
  height: 416px;
  margin: 3px auto 10px auto;
  left: 2px;
  z-index: 9;
  border-radius: 5px;
  background: black;
}

#braceletFullProgression .dropdown {
  left: 1em;
}

#braceletFullProgression:after {
  position: absolute;
  content: ' ';
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 15;
  border-radius: 5px;
  border: solid 1px #59d1ff;
  box-shadow: inset 0 0 7px 2px #0042ff, 0 0 7px 2px #0042ff, inset 0 -7px 20px -3px black;
}

#braceletFullProgression > .pmClose {
  top: -6px;
  right: -8px;
  z-index: 20;
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -599px;
  width: 27px;
  height: 28px;
}

#braceletFullProgression > .pmClose:hover {
  background-position: -3697px -539px;
}

#braceletFullProgression > .pmClose:active {
  background-position: -3697px -569px;
}

#braceletFullProgression > h1 {
  position: absolute;
  top: 4px;
  left: 0;
  width: 100%;
  margin: 0px;
  text-align: center;
  text-transform: uppercase;
  font-family: AkzidGroProLigCndIt;
  font-size: 3.00rem;
  color: #d1faf0;
  text-shadow: #0078ff 0 0 5px, #0078ff 0 0 6px, #0078ff 0 0 6px, #0078ff 0 0 7px, #0078ff 0 0 9px, #0078ff 0 0 11px;
}

#braceletFullProgression > h1 > span {
  display: block;
}

#braceletFullProgression > h2 {
  position: absolute;
  top: 52px;
  left: 270px;
  width: 100%;
  margin: 0;
  text-align: left;
  text-transform: uppercase;
  font-family: AkzidGroProLigCndIt;
  font-size: 1.81rem;
  color: #d1faf0;
  text-shadow: #0078ff 0 0 5px, #0078ff 0 0 6px, #0078ff 0 0 6px, #0078ff 0 0 7px, #0078ff 0 0 9px, #0078ff 0 0 11px;
}

#braceletFullProgression .bpBarContainer {
  width: 156px;
  height: 21px;
  line-height: 21px;
  border-radius: 14.5px;
  padding: 4px;
}

#braceletFullProgression .bpBarContainer .bpBarMeterContainer {
  border-radius: 14.5px;
}

#braceletFullProgression .bpBarContainer .bpMeterValue {
  width: 156px;
  border-radius: 10.5px;
}

#braceletFullProgression .bpBarContainer.interactive {
  cursor: pointer;
}

#braceletFullProgression .bpBarContainer.interactive:hover {
  box-shadow: 0 0 10px 0 #4076ff;
}

#braceletFullProgression .bpBarContainer.interactive:hover .bpBarChipContainer {
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.5) inset, 0 1px 2px 0px rgba(255, 255, 255, 0.5), 3px 0 10px -1px #4076ff;
}

#braceletFullProgression .bpBarContainer.interactive:active {
  box-shadow: 0 0 10px 2px #4076ff;
}

#braceletFullProgression .bpBarContainer.interactive:active .bpBarChipContainer {
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.5) inset, 0 1px 2px 0px rgba(255, 255, 255, 0.5), 3px 0 10px 0px #4076ff;
}

#braceletFullProgression .bpBarContainer.withChip {
  padding-right: 26px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#braceletFullProgression .bpBarContainer .bpBarChipContainer {
  width: 44px;
  height: 44px;
  top: -4px;
  right: -22px;
  border-radius: 50%;
}

#braceletFullProgression .bpBarContainer .bpBarChipContainer .bpBarNextChip {
  top: 6px;
  left: 6px;
}

#braceletFullProgression > .bpBarContainer {
  position: absolute;
  top: 47px;
  left: 314px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5) inset, 0 1px 2px 0 rgba(25, 255, 255, 0.5), #0078ff 0 0 11px;
}

#braceletFullProgression > .bpBarContainer > .bpBarCenterAlignedText {
  line-height: 1.06em;
  font-size: 2rem;
}

#braceletFullProgression > .help {
  position: absolute;
  right: 16px;
  bottom: 15px;
  width: 25px;
  height: 25px;
  z-index: 4;
}

#braceletFullProgression > .help:after {
  content: '';
}

#braceletFullProgression .help-ftue {
  position: absolute;
  top: -39px;
  left: -37px;
}

#braceletFullProgression > button {
  position: absolute;
  top: 176px;
  z-index: 16;
  border: 0;
  background-color: transparent;
  font-size: 0;
}

#braceletFullProgression > button.next {
  background-image: url(assets/images/Atlas.png);
  background-position: -3460px -1899px;
  width: 30px;
  height: 57px;
  right: -20px;
}

#braceletFullProgression > button.next:hover {
  background-position: -3460px -1981px;
}

#braceletFullProgression > button.next:active {
  background-position: -3460px -2063px;
}

#braceletFullProgression > button.prev {
  background-image: url(assets/images/Atlas.png);
  background-position: -3460px -1899px;
  width: 30px;
  height: 57px;
  left: -20px;
  transform: scaleX(-1);
}

#braceletFullProgression > button.prev:hover {
  background-position: -3460px -1981px;
}

#braceletFullProgression > button.prev:active {
  background-position: -3460px -2063px;
}

#braceletFullProgression > button.disabled {
  background-image: url(assets/images/Atlas.png);
  background-position: -2287px -3582px;
  width: 46px;
  height: 47px;
}

#braceletFullProgression > button.disabled:hover {
  background-position: -2287px -3582px;
}

#braceletFullProgression > button.disabled:active {
  background-position: -2287px -3582px;
}

#braceletFullProgression > .background {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 5px;
  background-color: #000;
}

#braceletFullProgression > .braceletDisplay {
  position: absolute;
  transform: scale(0.93, 0.93);
  transform-origin: top left;
  display: block;
  width: 207px;
  height: 155px;
  top: 139px;
  left: 282px;
}

#braceletFullProgression > .chipsDisplay > div {
  position: absolute;
  transform: scale(0.33, 0.33);
  transform-origin: top left;
}

#braceletFullProgression > .chipsDisplay > div.chip1, #braceletFullProgression > .chipsDisplay > div.chip2, #braceletFullProgression > .chipsDisplay > div.chip3, #braceletFullProgression > .chipsDisplay > div.chip4 {
  top: 130px;
  transform: scale(0.47) translate(-50%, -50%);
}

#braceletFullProgression > .chipsDisplay > div.chip5, #braceletFullProgression > .chipsDisplay > div.chip6 {
  top: 214px;
  transform: scale(0.53) translate(-50%, -50%);
}

#braceletFullProgression > .chipsDisplay > div.chip7, #braceletFullProgression > .chipsDisplay > div.chip8, #braceletFullProgression > .chipsDisplay > div.chip9, #braceletFullProgression > .chipsDisplay > div.chip10 {
  top: 309px;
  transform: scale(0.6) translate(-50%, -50%);
}

#braceletFullProgression > .chipsDisplay > div.chip1 {
  left: 203px;
}

#braceletFullProgression > .chipsDisplay > div.chip2 {
  left: 320px;
}

#braceletFullProgression > .chipsDisplay > div.chip3 {
  left: 437px;
}

#braceletFullProgression > .chipsDisplay > div.chip4 {
  left: 554px;
}

#braceletFullProgression > .chipsDisplay > div.chip5 {
  left: 184px;
}

#braceletFullProgression > .chipsDisplay > div.chip6 {
  left: 574px;
}

#braceletFullProgression > .chipsDisplay > div.chip7 {
  left: 161px;
}

#braceletFullProgression > .chipsDisplay > div.chip8 {
  left: 307px;
}

#braceletFullProgression > .chipsDisplay > div.chip9 {
  left: 451px;
}

#braceletFullProgression > .chipsDisplay > div.chip10 {
  left: 597px;
}

#braceletFullProgression > .chipsDisplay > div > .frontShadow {
  display: block;
  position: absolute;
  width: 163px;
  height: 78px;
  top: 0;
  left: 50%;
  transform-origin: top center;
  transform: translate(-50%, 83%) scale(1.551);
}

#braceletFullProgression > .chipsDisplay > div > div:nth-child(2) {
  position: relative;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transform: translateZ(0) scale(1, 1);
}

#braceletFullProgression > .chipsDisplay > div > .backShadow {
  position: absolute;
  width: 115px;
  height: 79px;
  top: 0;
  left: 50%;
  transform-origin: top center;
  transform: translate(-49%, -65%) scale(1.5, 2);
}

#braceletFullProgression > .overlay {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 16;
  border-radius: 5px;
}

#braceletFullProgression > .overlay.poppedOut .BraceletOverlay, #braceletFullProgression > .overlay.poppedOut .BraceletOverlayEQ4 {
  transform: translateY(-379px);
}

#braceletFullProgression > .overlay .BraceletOverlay, #braceletFullProgression > .overlay .BraceletOverlayEQ4 {
  transition: transform .5s ease-in-out;
  transform: translateY(53px);
  position: relative;
  top: 0;
  width: 443px;
  height: 263px !important;
  padding: 90px 0 0 0;
  margin: 0 auto;
  text-align: center;
  border: solid 1px #59d1ff;
  box-shadow: inset 0 0 7px 2px #0042ff,0 0 7px 2px #0042ff;
  border-radius: 8px;
}

#braceletFullProgression > .overlay .BraceletOverlay:before, #braceletFullProgression > .overlay .BraceletOverlayEQ4:before {
  position: absolute;
  content: "";
  left: 50%;
  top: 0;
  transform: translate(-49%, -41%);
  transform-origin: top left;
  background-image: url(assets/images/Atlas.png);
  background-position: -3242px -258px;
  width: 255px;
  height: 255px;
  pointer-events: none;
}

#braceletFullProgression > .overlay .BraceletOverlay > h1, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > h1 {
  position: relative;
  text-align: center;
  margin: 0;
  z-index: 1;
  text-transform: uppercase;
  font-family: AkzidGroProLigCnd;
  line-height: 1em;
  font-size: 3.8rem;
  color: #f7f7f7;
  font-weight: bold;
  text-shadow: #000000 0 0 5px, #0078ff 0 0 6px, #000000 0 0 20px, #0078ff 0 0 25px, #0078ff 0 0 28px, #0078ff 0 0 33px;
}

#braceletFullProgression > .overlay .BraceletOverlay > h1:after, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > h1:after {
  position: relative;
  display: block;
  content: "";
  margin: -15px auto 0 auto;
  background-image: url(assets/images/Atlas.png);
  background-position: -1375px -2658px;
  width: 434px;
  height: 37px;
}

#braceletFullProgression > .overlay .BraceletOverlay > p, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > p {
  text-transform: uppercase;
  margin: 0;
  z-index: 1;
}

#braceletFullProgression > .overlay .BraceletOverlay > p:after, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > p:after {
  position: absolute;
  display: block;
  content: "";
  left: 50%;
  margin: -15px 0 0 0;
  z-index: 1;
  transform: scale(0.5) translate(-100%, -52%);
  transform-origin: top center;
  background-image: url(assets/images/Atlas.png);
  background-position: -2327px -2221px;
  width: 428px;
  height: 146px;
}

#braceletFullProgression > .overlay .BraceletOverlay > p > span, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > p > span {
  position: relative;
  display: block;
  z-index: 2;
}

#braceletFullProgression > .overlay .BraceletOverlay > p > span:first-child, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > p > span:first-child {
  font-size: 2.15rem;
  font-family: AkzidGroProLigCnd;
}

#braceletFullProgression > .overlay .BraceletOverlay > p > span:last-child, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > p > span:last-child {
  font-size: 6rem;
  line-height: 0.85em;
}

#braceletFullProgression > .overlay .BraceletOverlay > button, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > button {
  z-index: 1;
  text-transform: uppercase;
  font-family: AkzidGroProBolCnd;
  margin: 38px 0 0 0;
  padding: 4px 21px;
}

#braceletFullProgression > .overlay .BraceletOverlay > .image, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > .image {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  pointer-events: none;
  transform-origin: top left;
}

#braceletFullProgression > .overlay .BraceletOverlay > .share, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > .share {
  position: relative;
  display: block;
  text-align: left;
  padding-left: 10px;
}

#braceletFullProgression > .overlay .BraceletOverlay > .share > .checkbox.big, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > .share > .checkbox.big {
  margin-top: 5px;
  font-size: 2.3rem;
  font-family: AkzidGroProLigCnd;
  line-height: 1.4em;
  padding-left: 32px;
  vertical-align: middle;
}

#braceletFullProgression > .overlay .BraceletOverlay > .share > .checkbox.big:before, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > .share > .checkbox.big:before {
  top: 0;
  transform: scale(0.64);
  transform-origin: top left;
}

#braceletFullProgression > .overlay .BraceletOverlay > .progress, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > .progress {
  position: absolute;
  bottom: 0;
  right: 0;
}

#braceletFullProgression > .overlay .BraceletOverlay > .collection-progress, #braceletFullProgression > .overlay .BraceletOverlay > .tooltipContainer, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > .collection-progress, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > .tooltipContainer {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 2.3rem;
  font-family: AkzidGroProLigCnd;
  padding-right: 10px;
  text-shadow: #0087f2 0 0 5px, #0087f2 0 0 6px, #0087f2 0 0 7px, #0087f2 0 0 9px;
}

#braceletFullProgression > .overlay .BraceletOverlay > .collection-progress-eq4, #braceletFullProgression > .overlay .BraceletOverlayEQ4 > .collection-progress-eq4 {
  top: 0;
  bottom: initial;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 {
  padding: 100px 0;
  height: 273px;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 .bracelet-full-progression-won-label {
  text-align: center;
  text-transform: uppercase;
  font-family: AkzidGroProLigCnd;
  font-size: 25px;
  color: #d1faf0;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 .promocodeChipsTable {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 300px;
  text-align: center;
  margin: 0 auto;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 .promocodeChipsTable > div.braceletDivider {
  display: inline-block;
  width: 13px;
  height: 110px;
  margin-left: 18px;
  background-image: url(assets/images/bracelets/Bracelet_Divider.png);
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 .promocodeChipsTable .bonusDescription {
  font-size: 22px;
  margin-top: 10px;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 .promocodeChipsTable .noChips {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 .promocodeChipsTable .noChips .bonusIcon {
  margin: 0 auto;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 .promocodeChipsTable .noChips .bonusDescription {
  font-size: 30px;
  margin-top: 0px;
  width: auto;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 .promocodeChipsTable .braceletChipWrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 .promocodeChipsTable .braceletChipWrapper .braceletChipsPile {
  margin-top: 20px;
  display: block;
  margin-left: 15px;
  width: 82px;
  height: 73px;
  background-image: url(assets/images/bracelets/Bracelet_Chips_Pile.png);
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 .promocodeChipsTable .braceletChipWrapper .chipRewardAmount {
  font-size: 45px;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 > div:after {
  opacity: 0.5;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 .glowing-separator:before {
  position: absolute;
  display: block;
  content: "";
  left: 50%;
  margin: -15px 0 0 0;
  z-index: 1;
  transform: scale(0.5) translate(-420px, -200px);
  transform-origin: bottom center;
  background-image: url(assets/images/Atlas.png);
  background-position: -2327px -2221px;
  width: 428px;
  height: 146px;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4 > .tooltipContainer {
  bottom: 10px;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4.hasChipsAndPromocodes .promocodeChipsTable {
  margin-top: 10px;
  width: 400px;
  justify-content: center;
  align-items: flex-start;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4.hasChipsAndPromocodes .promocodeChipsTable .promocodeRewardCell {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  margin: 0px;
  align-items: center;
  position: relative;
  left: 15px;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4.hasChipsAndPromocodes .promocodeChipsTable .chipRewardCell {
  width: 50%;
  display: flex;
  justify-content: center;
  margin: 0px;
  align-items: center;
  left: 40px;
  position: relative;
  left: 0px;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4.hasChipsAndPromocodes .promocodeChipsTable .braceletChipsPile {
  display: block;
  margin: 0 auto;
  width: 82px;
  height: 73px;
  margin-top: 4px;
  margin-bottom: 12px;
  background-image: url(assets/images/bracelets/Bracelet_Chips_Pile.png);
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4.hasChipsAndPromocodes .promocodeChipsTable .chipRewardAmount {
  font-size: 35px;
  bottom: 3px;
  position: relative;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4.hasChipsAndPromocodes .promocodeChipsTable .bonusDescription {
  font-size: 20px;
  width: 140px;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  right: 30px;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4.hasPromocodes.hasNoChips > button {
  margin: 28px 0 0 0;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4.hasPromocodes.hasNoChips > div:after {
  margin-top: 5px;
}

#braceletFullProgression > .overlay .BraceletOverlayEQ4.hasPromocodes.hasNoChips .glowing-separator:before {
  margin: -25px 0 0 0;
}

#braceletFullProgression > .overlay.chip .BraceletOverlay, #braceletFullProgression > .overlay.chip .BraceletOverlayEQ4 {
  background-image: radial-gradient(at center, #062b58 0%, #062b58 40%, transparent 70%), radial-gradient(at center, #062b58 0%, #062b58 40%, transparent 70%), linear-gradient(to bottom, #062b58, #081839, #062b58);
  background-size: 90% 30%, 90% 30%, 100% 100%;
  background-position: center top, center bottom, center center;
  background-repeat: no-repeat;
}

#braceletFullProgression > .overlay.chip .BraceletOverlay > .image, #braceletFullProgression > .overlay.chip .BraceletOverlayEQ4 > .image {
  transform: none;
  top: -51px;
  left: calc(50% - 68px);
}

#braceletFullProgression > .overlay.bracelet .BraceletOverlay, #braceletFullProgression > .overlay.bracelet .BraceletOverlayEQ4 {
  height: 253px !important;
  padding: 100px 0 0 0;
  background-image: radial-gradient(at center, #062b58 0%, #062b58 40%, transparent 70%), radial-gradient(at center, #062b58 0%, #062b58 40%, transparent 70%), linear-gradient(to bottom, #062b58, #081839, #062b58);
  background-size: 90% 30%, 90% 30%, 100% 100%;
  background-position: center top, center bottom, center center;
  background-repeat: no-repeat;
}

#braceletFullProgression > .overlay.bracelet .BraceletOverlay:before, #braceletFullProgression > .overlay.bracelet .BraceletOverlayEQ4:before {
  transform: translate(-53%, -42.5%);
}

#braceletFullProgression > .overlay.bracelet .BraceletOverlay:after, #braceletFullProgression > .overlay.bracelet .BraceletOverlayEQ4:after {
  position: absolute;
  content: "";
  display: block;
  background-image: url(assets/images/Atlas.png);
  background-position: -2832px -247px;
  width: 280px;
  height: 324px;
  top: -54px;
  left: 89px;
  pointer-events: none;
}

#braceletFullProgression > .overlay.bracelet .BraceletOverlay > .image, #braceletFullProgression > .overlay.bracelet .BraceletOverlayEQ4 > .image {
  transform: none;
  top: -56px;
  left: calc(50% - 96px);
}

#braceletFullProgression > .overlay.bracelet .BraceletOverlay > h1 > span, #braceletFullProgression > .overlay.bracelet .BraceletOverlayEQ4 > h1 > span {
  position: absolute;
  display: block;
  top: -32px;
  text-align: center;
  width: 100%;
  left: 0;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  color: white;
  text-shadow: rgba(0, 0, 0, 0.2) 3px 3px 3px;
}

#braceletFullProgression > .overlay.bracelet .BraceletOverlay > p, #braceletFullProgression > .overlay.bracelet .BraceletOverlayEQ4 > p {
  margin: -4px 0 0 0;
}

#braceletFullProgression > .overlay.bracelet .BraceletOverlay > button, #braceletFullProgression > .overlay.bracelet .BraceletOverlayEQ4 > button {
  margin: 32px 0 0 0;
}

#braceletFullProgression .emptyCollectionOverlay {
  position: absolute;
  width: 100%;
  height: 100%;
}

#braceletFullProgression .emptyCollectionOverlay .demoChip {
  position: absolute;
  left: 132px;
  top: 60px;
  opacity: 0.4;
  transform: scale(0.448);
}

#braceletFullProgression .emptyCollectionOverlay .demoChipOverlay {
  border-radius: 50%;
  top: 97px;
  left: 168px;
  box-shadow: 0 0 65px 11px #006CE0, 0 0 35px 4px #006CE0 inset;
  position: absolute;
  width: 60px;
  height: 60px;
  border: 4px solid #fff;
  -webkit-filter: blur(1px);
          filter: blur(1px);
}

#braceletFullProgression .emptyCollectionOverlay .monicaDisplay {
  position: absolute;
  bottom: 0;
  right: 2px;
}

#braceletFullProgression .emptyCollectionOverlay .bubble {
  top: 128px;
  left: 83px;
  position: absolute;
  background-image: url(assets/images/Atlas.png);
  background-position: -579px -2914px;
  width: 422px;
  height: 94px;
}

#braceletFullProgression .emptyCollectionOverlay .bubble .feedback {
  color: black;
  position: absolute;
  top: 10px;
  left: 9px;
  text-align: center;
  width: 403px;
  height: 59px;
  font-family: AkzidGroProCnd;
  font-size: 1.15em;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

#braceletFullProgression .emptyCollectionOverlay .bubble .feedback > div {
  width: 100%;
}

#braceletFullProgression > .hamburgerMenu {
  bottom: 10px;
  left: 10px;
}

.momentumBarContainer {
  line-height: 18px;
  background-color: #757887;
  background-image: linear-gradient(to bottom, #757887 0%, #3E404C 100%);
  box-sizing: border-box;
  border: none;
  border-left: 1px solid rgba(0, 0, 0, 0.65);
  border-right: 1px solid rgba(0, 0, 0, 0.65);
  border-top: 1px solid #8B94B9;
  border-radius: 0px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding-left: 6px;
  padding-right: 4px;
  padding-bottom: 5px;
  width: 314px;
  height: 28px;
  padding-left: 6px;
  padding-right: 5px;
  padding-bottom: 6px;
  padding-top: 2px;
}

.momentumBarContainer.hidden {
  display: block;
  transform: translateY(100%);
}

.momentumBarContainer .momentumBarTitle {
  display: inline-block;
  width: 104px;
  height: 16px;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  text-transform: uppercase;
  vertical-align: top;
  margin-top: 1px;
  background-image: linear-gradient(to bottom, rgba(41, 41, 41, 0.7) 0%, rgba(75, 75, 75, 0.7) 17%, rgba(18, 18, 18, 0.7) 67%, rgba(0, 0, 0, 0.7) 100%);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.25), 0 0 2px 0 rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}

.momentumBarContainer .momentumBarLeftText {
  display: inline-block;
  width: 30px;
  text-align: center;
  font-size: 2rem;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s;
}

.momentumBarContainer .momentumBarRightText {
  display: inline-block;
  width: 30px;
  text-align: center;
  font-size: 2rem;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s;
}

.momentumBarContainer .momentumBarLeftText.visible,
.momentumBarContainer .momentumBarRightText.visible {
  opacity: 1;
}

.momentumBarContainer .momentumBarCenterText {
  position: absolute;
  top: 2px;
  left: 140px;
  width: 135px;
  height: 15px;
  text-align: center;
  font-size: 1.7rem;
}

.momentumBarContainer .momentumBarMeterContainer {
  display: inline-block;
  width: 135px;
  height: 14px;
  text-align: left;
  padding: 0;
  padding-top: 1px;
  margin-top: 1px;
  overflow: hidden;
  border-radius: 18px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3065px -2793px;
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.4) inset, 0 1px 0 0 rgba(255, 255, 255, 0.3);
}

.momentumBarContainer .momentumBarMeterContainer .momentumMeterValueMask {
  position: relative;
  overflow: hidden;
  height: 100%;
}

.momentumBarContainer .momentumBarMeterContainer .momentumMeterValueMask .momentumMeterValue {
  background-image: url(assets/images/Atlas.png);
  background-position: -1065px -2706px;
  width: 134px;
  height: 14px;
}

.momentumBarContainer .momentumBarAnimsContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.momentumBarContainer .momentumBarAnimsContainer .momentumBarAnimationCanvasContainer {
  position: absolute;
  top: -88px;
  left: 95px;
}

.momentumBarContainer .momentumBarAnimsContainer .momentumBarAnimationCanvasContainer canvas {
  position: absolute;
}

.momentumBarContainer.overMax .momentumBarTitle {
  background-image: linear-gradient(to bottom, rgba(33, 35, 60, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.momentumBarContainer.overMax .momentumMeterValueMask .momentumMeterValue {
  background-image: url(assets/images/Atlas.png);
  background-position: -2084px -1924px;
  width: 134px;
  height: 14px;
}

.container-profile-avatar-clubs {
  position: relative;
  height: 377px;
}

.container-profile-avatar-clubs .profileTopSection {
  width: 100%;
  position: relative;
  display: flex;
  height: 57px;
}

.container-profile-avatar-clubs .profileTopSection .BankrollBar {
  position: relative;
  display: flex;
  justify-content: flex-end;
  width: 50%;
  margin: 2px 0 0 -56px;
}

.container-profile-avatar-clubs .profileTopSection .BankrollBar .BankrollBarArea {
  position: relative;
  display: inline-block;
  width: 178px;
  height: 26px;
  margin: 15px 0 0 31px;
}

.container-profile-avatar-clubs .profileTopSection .BankrollBar .BankrollBarArea .bankrollSignContainer {
  position: relative;
  display: flex;
  margin: -7px 0 0 -18px;
}

.container-profile-avatar-clubs .profileTopSection .BankrollBar .BankrollBarArea .bankrollValueContainer {
  position: relative;
  display: flex;
  height: 25px;
  align-items: center;
  margin: -31px 0 0 20px;
}

.container-profile-avatar-clubs .profileTopSection .BankrollBar .BankrollBarArea .bankrollPlusBtn {
  position: relative;
  display: flex;
  margin: -32px 0 0 147px;
}

.container-profile-avatar-clubs .profileMiddleSection {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.container-profile-avatar-clubs .profileMiddleSection::before {
  content: '';
  position: relative;
  background: linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgba(30, 87, 153, 0.8) 15%, #1e5799 19%, #1e5799 20%, #3179cd 50%, #1e5799 80%, #1e5799 81%, rgba(30, 87, 153, 0.8) 85%, rgba(30, 87, 153, 0) 100%);
  width: 100%;
  height: 2px;
  opacity: 0.7;
  margin: 3px 0 0 0;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar {
  height: 178px;
  position: relative;
  display: flex;
  width: 100%;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .clubs-container-content {
  position: relative;
  display: flex;
  width: 33%;
  flex-wrap: wrap;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .clubs-container-content .crest-my-club {
  position: relative;
  transform: scale(0.7);
  cursor: pointer;
  margin: -45px 0 -58px 40px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .clubs-container-content .clubs-progress-container {
  cursor: pointer;
  width: 100%;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .clubs-container-content .clubs-progress-container .clubs-profile-rank-container {
  transform: scale(0.8);
  margin: -7px 0 0 0;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .clubs-container-content .clubs-progress-container .clubs-profile-rank-container .clubs-rank-info {
  z-index: 1;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 33%;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .sq-profile-medallion-container {
  position: relative;
  bottom: 1px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .sq-profile-medallion-container .profileMedallion {
  transform: scale(0.8);
  position: relative;
  display: flex;
  height: 186px;
  width: 186px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .sq-profile-medallion-container .profileMedallion .profileMedallion_bracelet {
  position: absolute;
  top: 124px;
  left: -20px;
  z-index: 2;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .sq-profile-medallion-container .profileMedallion .profileMedallion_ring,
.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .sq-profile-medallion-container .profileMedallion .profileMedallion_tournamentsSlot {
  position: absolute;
  bottom: -20px;
  right: -25px;
  z-index: 2;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .sq-profile-edit-name-container {
  bottom: 6px;
  position: relative;
  left: 2px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .sq-profile-edit-name-container .playerName {
  color: #4c92f1;
  text-shadow: 0px 0px 20px #090a0c;
  position: relative;
  display: flex;
  font-size: 2.5rem;
  margin: -23px 0 -1px 38px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .sq-profile-edit-name-container .playerName .value {
  min-width: 40px;
  max-width: 200px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .sq-profile-edit-name-container .playerName .nameEditToggle {
  background-image: url(assets/images/Atlas.png);
  background-position: -3061px -3582px;
  width: 41px;
  height: 40px;
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin: -4px 0 0 -15px;
  z-index: 1;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .sq-profile-edit-name-container .playerName .nameEditToggle:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -2975px -3582px;
  width: 41px;
  height: 40px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .sq-profile-edit-name-container .playerName .nameEditToggle:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -3018px -3582px;
  width: 41px;
  height: 40px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .sq-profile-edit-name-container .playerName .nameInput {
  position: relative;
  display: flex;
  box-shadow: 1px 1px 1px #4c5ab0;
  background-color: #000;
  border-radius: 10px;
  height: 35px;
  width: 180px;
  border: 1px solid #17246e;
  box-sizing: border-box;
  z-index: 2;
  color: #FFFFFF;
  padding-left: 10px;
  padding-right: 5px;
  font-family: AkzidGroProCnd;
  font-size: 2.5rem;
  font-weight: lighter;
  vertical-align: middle;
  margin: -1px -32px 0 -57px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .sq-profile-edit-name-container .playerName .nameInput::-moz-selection {
  background: #0848ff;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .sq-profile-edit-name-container .playerName .nameInput::selection {
  background: #0848ff;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .sq-profile-edit-name-container .playerName .nameEditAction {
  display: flex;
  position: relative;
  margin: -4px -33px 0 34px;
  flex-direction: column;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .sq-profile-edit-name-container .playerName .nameEditExit {
  position: relative;
  display: inline-block;
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1170px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 3;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .sq-profile-edit-name-container .playerName .nameEditExit:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1126px;
  width: 20px;
  height: 20px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .sq-profile-edit-name-container .playerName .nameEditExit:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1148px;
  width: 20px;
  height: 20px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .sq-profile-edit-name-container .playerName .nameEditAccept {
  position: relative;
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1104px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 3;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .sq-profile-edit-name-container .playerName .nameEditAccept:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1060px;
  width: 20px;
  height: 20px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .sq-profile-edit-name-container .playerName .nameEditAccept:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1082px;
  width: 20px;
  height: 20px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .sq-sponsors-followers-info-container {
  display: flex;
  flex-direction: row;
  height: 45px;
  position: absolute;
  bottom: 18px;
  justify-content: center;
  align-items: center;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .sq-sponsors-followers-info-container .sq-profile-followers-counter {
  width: 129px;
  height: 67px;
  position: relative;
  justify-content: center;
  align-items: center;
  transform: scale(0.9);
  display: flex;
  left: -3px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .sq-sponsors-followers-info-container .sq-profile-followers-counter span {
  left: 17px;
  position: relative;
  font-size: 19px;
  font-family: AkzidGroProBolCnd, serif;
  color: #ffe005;
  top: 2px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .sq-sponsors-followers-info-container .sq-profile-followers-counter.hasSponsorSigned {
  left: 18px;
  margin-left: 20px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .sq-sponsors-followers-info-container .sq-profile-sponsor-logo {
  transform: scale(0.5) translate(-45px, 1px);
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .sq-reputation-container {
  position: relative;
  top: 35px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .sq-reputation-container.isSqFtueActivated {
  top: 0;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .profileMedallion {
  transform: scale(0.7);
  position: relative;
  display: flex;
  margin: -72px -16px 0 -18px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .profileMedallion .clubs-progress-container {
  display: none;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .profileMedallion .profileMedallion_tournamentsSlot {
  right: -35px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .playerName {
  color: #4c92f1;
  text-shadow: 0px 0px 20px #090a0c;
  position: relative;
  display: flex;
  font-size: 2.5rem;
  margin: -23px 0 -1px 38px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .playerName .value {
  min-width: 40px;
  max-width: 200px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .playerName .nameEditToggle {
  background-image: url(assets/images/Atlas.png);
  background-position: -3061px -3582px;
  width: 41px;
  height: 40px;
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin: -4px 0 0 -15px;
  z-index: 1;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .playerName .nameEditToggle:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -2975px -3582px;
  width: 41px;
  height: 40px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .playerName .nameEditToggle:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -3018px -3582px;
  width: 41px;
  height: 40px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .playerName .nameInput {
  position: relative;
  display: flex;
  box-shadow: 1px 1px 1px #4c5ab0;
  background-color: #000;
  border-radius: 10px;
  height: 35px;
  width: 180px;
  border: 1px solid #17246e;
  box-sizing: border-box;
  z-index: 2;
  color: #FFFFFF;
  padding-left: 10px;
  padding-right: 5px;
  font-family: AkzidGroProCnd;
  font-size: 2.5rem;
  font-weight: lighter;
  vertical-align: middle;
  margin: -1px -32px 0 -57px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .playerName .nameInput::-moz-selection {
  background: #0848ff;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .playerName .nameInput::selection {
  background: #0848ff;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .playerName .nameEditAction {
  display: flex;
  position: relative;
  margin: -4px -33px 0 34px;
  flex-direction: column;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .playerName .nameEditExit {
  position: relative;
  display: inline-block;
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1170px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 3;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .playerName .nameEditExit:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1126px;
  width: 20px;
  height: 20px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .playerName .nameEditExit:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1148px;
  width: 20px;
  height: 20px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .playerName .nameEditAccept {
  position: relative;
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1104px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 3;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .playerName .nameEditAccept:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1060px;
  width: 20px;
  height: 20px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .playerName .nameEditAccept:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1082px;
  width: 20px;
  height: 20px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .ReputationBar {
  margin: 1px 0 17px -14px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .ReputationBar.hasXPBoost:before {
  display: none;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .ReputationBar.hasXPBoost:after {
  left: 19px;
  width: 173px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .ReputationBar .ReputationBarArea {
  width: 162px;
  border-radius: 21px;
  position: relative;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .ReputationBar .ReputationBarArea .reputationProgressionContainer {
  margin: 0 0 0 1px;
  position: relative;
  height: 25px;
  width: 160px;
  text-align: left;
  overflow: hidden;
  border-radius: 15px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .profile-container-content .ReputationBar .ReputationBarArea .reputationStarContainer {
  display: none;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .bracelet-container-content {
  position: relative;
  display: flex;
  width: 33%;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .bracelet-container-content .bpBarContainer {
  top: 126px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .bracelet-container-content .bigBracelet {
  background-image: url(assets/images/Atlas.png);
  background-position: -3076px -1947px;
  width: 163px;
  height: 163px;
  position: relative;
  display: flex;
  margin: -16px -128px 0 36px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .bracelet-container-content .bigBracelet .clickable, .container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .bracelet-container-content .bigBracelet .gsStoreBtnsContainer .gsStoreBtn, .gsStoreBtnsContainer .container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .bracelet-container-content .bigBracelet .gsStoreBtn, .container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .bracelet-container-content .bigBracelet .gsActionButtonsContainer .action-button, .gsActionButtonsContainer .container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .bracelet-container-content .bigBracelet .action-button {
  position: absolute;
  top: 13px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .bracelet-container-content .bpBarContainer {
  width: 161px;
  height: 27px;
  line-height: 27px;
  border-radius: 17.5px;
  padding: 4px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .bracelet-container-content .bpBarContainer .bpBarMeterContainer {
  border-radius: 17.5px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .bracelet-container-content .bpBarContainer .bpMeterValue {
  width: 161px;
  border-radius: 13.5px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .bracelet-container-content .bpBarContainer.interactive {
  cursor: pointer;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .bracelet-container-content .bpBarContainer.interactive:hover {
  box-shadow: 0 0 10px 0 #4076ff;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .bracelet-container-content .bpBarContainer.interactive:hover .bpBarChipContainer {
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.5) inset, 0 1px 2px 0px rgba(255, 255, 255, 0.5), 3px 0 10px -1px #4076ff;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .bracelet-container-content .bpBarContainer.interactive:active {
  box-shadow: 0 0 10px 2px #4076ff;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .bracelet-container-content .bpBarContainer.interactive:active .bpBarChipContainer {
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.5) inset, 0 1px 2px 0px rgba(255, 255, 255, 0.5), 3px 0 10px 0px #4076ff;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .bracelet-container-content .bpBarContainer.withChip {
  padding-right: 23px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .bracelet-container-content .bpBarContainer .bpBarChipContainer {
  width: 38px;
  height: 38px;
  top: -4px;
  right: -19px;
  border-radius: 50%;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .bracelet-container-content .bpBarContainer .bpBarChipContainer .bpBarNextChip {
  top: 6px;
  left: 6px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .bracelet-container-content .bpBarContainer {
  position: relative;
  margin: 1px 0 0 -76px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .bracelet-container-content .bpBarContainer .bpBarChipContainer {
  right: -27px;
  margin: 1px 4px 0 0;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .bracelet-container-content .bpBarContainer .bpBarChipContainer .chip-item {
  width: 33px;
  height: 33px;
  background-size: contain;
  transition: opacity 280ms ease 0s;
  margin: -2px 0 0 -4px;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .bracelet-container-content .bpBarContainer.withChip {
  left: 31px;
  width: 161px;
  height: 27px;
  line-height: 24px;
  border-radius: 15px;
  padding: 3px 18px 3px 3px;
  box-shadow: 0 0 10px 0 #4076ff;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .bracelet-container-content .claimPrizeContainer {
  display: none;
  top: 106px;
  left: 67px;
  transform: scale(0.9);
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .bracelet-container-content .claimPrizeContainer.progressionFull {
  display: block;
}

.container-profile-avatar-clubs .profileMiddleSection .content-profile-avatar .bracelet-container-content .claimPrizeContainer.progressionFull .claimPrizeContent .label {
  width: 170px;
  border-radius: 12px;
  left: -46px;
  background-image: linear-gradient(to left, #e65011 0%, #f9b101 100%);
  box-shadow: inset 0 0 5px black;
  text-align: left;
  padding-left: 7px;
}

.profileTopBtns {
  width: 50%;
  position: relative;
  display: flex;
}

.profileTopBtns .trsProfileBtn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 10px 2px -2px 25px;
}

.profileTopBtns .trsProfileBtn .trsStatsBtn {
  background-image: url(assets/images/Atlas.png);
  background-position: -2657px -3582px;
  width: 42px;
  height: 44px;
}

.profileTopBtns .trsProfileBtn .trsStatsBtn:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -2701px -3582px;
  width: 42px;
  height: 44px;
}

.profileTopBtns .trsProfileBtn .trsStatsBtn:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -2745px -3582px;
  width: 42px;
  height: 44px;
}

.profileTopBtns .trsProfileBtn .trsStatsBtn.disabled, .profileTopBtns .trsProfileBtn .trsStatsBtn[disabled] {
  background-image: url(assets/images/Atlas.png);
  background-position: -2613px -3582px;
  width: 42px;
  height: 44px;
}

.profileTopBtns .effects {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0 0 0;
}

.profileTopBtns .effects .btn-active-effect {
  position: relative;
}

.profileTopBtns .effects .btn-active-effect .activeEffectHighlight {
  position: absolute;
  top: -4px;
  left: -5px;
}

.profileTopBtns .effects span {
  display: none;
}

.profileTopBtns .effects button {
  background-image: url(assets/images/Atlas.png);
  background-position: -2525px -3582px;
  width: 42px;
  height: 44px;
  display: inline-block;
  vertical-align: middle;
  border: none;
  background-color: transparent;
  margin: 1px 0 -2px 0;
}

.profileTopBtns .effects button:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -2787px -1004px;
  width: 42px;
  height: 44px;
}

.profileTopBtns .effects button:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -2569px -3582px;
  width: 42px;
  height: 44px;
}

.row {
  padding: 4px 15px 4px 10px;
  position: relative;
  color: #51c1f5;
  overflow: hidden;
}

.row::after {
  content: "";
  background-image: url(assets/images/Atlas.png);
  background-position: -1428px -1564px;
  width: 772px;
  height: 11px;
  width: 100%;
  height: 11px;
  position: absolute;
  bottom: -5px;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
}

.row .title {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.row .title.active-icon {
  transform: translateY(-50%) translateX(-15px);
}

.row .title.active-icon .icon {
  width: 72px;
  height: 65px;
  float: left;
}

.row .title.active-icon .icon:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
}

.row .title.active-icon .icon.casual, .row .title.active-icon .icon.normal, .row .title.active-icon .icon.expert, .row .title.active-icon .icon.overlord {
  background-image: url(assets/images/Atlas.png);
  background-position: -3623px 0px;
  width: 72px;
  height: 65px;
}

.row .title.active-icon .icon.overall {
  background-image: url(assets/images/Atlas.png);
  background-position: -3623px -67px;
  width: 72px;
  height: 65px;
}

.row .title.active-icon .icon.casual:after {
  background-image: url(assets/images/Atlas.png);
  background-position: -3120px -2343px;
  width: 72px;
  height: 65px;
}

.row .title.active-icon .icon.normal:after {
  background-image: url(assets/images/Atlas.png);
  background-position: -2757px -2221px;
  width: 72px;
  height: 65px;
}

.row .title.active-icon .icon.expert:after {
  background-image: url(assets/images/Atlas.png);
  background-position: -3120px -2477px;
  width: 72px;
  height: 65px;
}

.row .title.active-icon .icon.overlord:after {
  background-image: url(assets/images/Atlas.png);
  background-position: -2757px -2288px;
  width: 72px;
  height: 65px;
}

.row .title span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 120px;
}

.row .information {
  color: white;
  float: right;
  width: 50%;
}

.row.compare .information {
  display: inline-block;
  float: none;
}

.row.compare .information .more-entry, .row.compare .information .entry {
  display: inline-block;
  float: none;
}

.row.compare .information .more-entry .title-stats, .row.compare .information .entry .title-stats {
  left: 50%;
}

.row.compare .information:not(:last-child) .more-entry.first-child:after, .row.compare .information:not(:last-child) .more-entry.other-child:after {
  content: "";
  background-image: url(assets/images/Atlas.png);
  background-position: -2134px -2179px;
  width: 440px;
  height: 11px;
  width: 50%;
  height: 11px;
  position: absolute;
  bottom: -5px;
  right: 8px;
}

.row.compare .information:last-child .more-entry .title-stats, .row.compare .information:last-child .entry .title-stats {
  display: none;
}

.row .information .more-entry, .row .information .entry {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.row .information .more-entry.stats-clubs, .row .information .entry.stats-clubs {
  max-height: 20px;
}

.row .information .more-entry.stats-clubs .clubs-badge, .row .information .entry.stats-clubs .clubs-badge {
  transform: scale(0.4) translate(55px, -96px);
}

.row .information .more-entry .title-stats, .row .information .entry .title-stats {
  position: absolute;
  left: 5%;
  float: none;
  color: #51c1f5;
}

.row .information .more-entry .title-best-hand, .row .information .entry .title-best-hand {
  left: 25%;
  top: 50%;
  transform: translateY(-50%);
  color: white;
  position: absolute;
  float: none;
}

.row .information .more-entry span, .row .information .entry span {
  float: right;
}

.row .information .entry {
  padding-right: 10px;
}

.row .information .more-entry:first-child {
  padding-bottom: 4px;
  padding-right: 10px;
}

.row .information .more-entry:last-child {
  padding-top: 4px;
  padding-right: 10px;
}

.row .information .more-entry.other-child {
  padding: 4px 10px 4px 0;
}

.row .information .more-entry.first-child:after, .row .information .more-entry.other-child:after {
  content: "";
  background-image: url(assets/images/Atlas.png);
  background-position: -2134px -2179px;
  width: 440px;
  height: 11px;
  width: 100%;
  height: 11px;
  position: absolute;
  bottom: -5px;
}

.row.row-bracelet-point {
  padding: 5px 15px 5px 10px;
}

.row.row-bracelet-point.compareBp, .row.row-bracelet-point.mainBp {
  display: inline-block;
  width: 46%;
}

.row.row-bracelet-point.compareBp .title, .row.row-bracelet-point.mainBp .title {
  position: relative;
  top: 0;
  transform: translateY(10%);
  padding-bottom: 15px;
}

.row.row-bracelet-point.compareBp .information, .row.row-bracelet-point.mainBp .information {
  float: none;
  width: 100%;
}

.row.row-bracelet-point.mainBp .information .more-entry .title-stats {
  display: none;
}

.row.row-bracelet-point .information .more-entry:first-child {
  padding-bottom: 5px;
  padding-right: 10px;
}

.row.row-bracelet-point .information .more-entry:last-child {
  padding-top: 5px;
  padding-right: 10px;
}

.row.row-bracelet-point .information .more-entry.other-child {
  padding: 5px 10px 5px 0;
}

/*
    Underscene component
*/
.bplb {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 752px;
  margin: 10px auto;
  border-radius: 5px;
  background: #041535;
  color: black;
}

.bplb * {
  box-sizing: border-box;
}

.bplb:after {
  content: '';
  position: absolute;
  border-radius: 5px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  border: 1px solid #26b8ff;
  box-shadow: 0 0 7px 2px #1941E3, 0 0 7px 2px #1941E3 inset;
  pointer-events: none;
}

.bplb .pmClose {
  z-index: 21;
}

/*
    Header
*/
.bplbHeader_background {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
}

.defaultBPEvent .bplbHeader_background {
  height: 83px;
}

.main_event_2018 .bplbHeader_background {
  top: 3px;
}

.bplbBoard {
  display: flex;
}

.bplbBoard .loader {
  display: block;
  transform: scale(0.7);
  position: absolute;
  top: 44%;
  left: 50%;
}

.bplbBoard .loader:before {
  content: '';
  position: absolute;
  overflow: hidden;
  display: inline-block;
  left: -77px;
  top: -77px;
  animation: centerSpin2 1s infinite linear;
  background-image: url(assets/images/Atlas.png);
  background-position: -1345px -3385px;
  width: 154px;
  height: 154px;
}

.bplbBoard .loader:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url(assets/images/Atlas.png);
  background-position: -3378px -1502px;
  width: 108px;
  height: 108px;
}

.bplbBoard .bplbBoard_refreshButton {
  position: absolute;
  top: 17px;
  left: 20px;
  display: block;
  width: 53px;
  height: 53px;
  background-image: url(assets/images/bplb/bplbRefreshButton_normal.png);
  cursor: pointer;
}

.bplbBoard .bplbBoard_refreshButton:hover {
  background-image: url(assets/images/bplb/bplbRefreshButton_hover.png);
}

.bplbBoard .bplbBoard_refreshButton:active {
  background-image: url(assets/images/bplb/bplbRefreshButton_active.png);
}

.bplbBoard .bplbBoard_empty {
  box-sizing: border-box;
  padding-top: 150px;
  height: 402px;
  color: white;
  text-align: center;
  width: 100%;
  line-height: 36px;
  font-size: 28px;
  text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6);
}

.bplbRules {
  position: relative;
  height: 402px;
  font-family: AkzidGroProLigCnd;
}

.bplbRules .bplbRules_background {
  position: absolute;
  top: 10px;
  right: 0;
}

.bplbRules .bplbRules_list {
  position: absolute;
  left: 35px;
  top: 50%;
  transform: translateY(-50%);
}

.bplbRules .bplbRules_list .BplbRule {
  color: white;
  line-height: 40px;
  position: relative;
}

.main_event_2018 .bplbRules .bplbRules_list .BplbRule, .bplb .bplbRules .bplbRules_list .BplbRule {
  padding: 0 0 10px 30px;
  width: 450px;
  font-size: 28px;
}

.defaultBPEvent .bplbRules .bplbRules_list .BplbRule {
  padding: 0 0 20px 30px;
  width: 460px;
  font-size: 30px;
}

.bplbRules .bplbRules_list .BplbRule .BplbRule_caret {
  position: absolute;
  top: -2px;
  left: 0;
  width: 15px;
  height: 15px;
}

.bplbUnclaimedRewardPopup {
  height: 528px;
  background-image: url(assets/images/bplb/bplbClaimedRewards.png);
  background-repeat: no-repeat;
  text-align: center;
}

.bplbUnclaimedRewardPopup .bplbUnclaimedRewardPopup_content .bplbUnclaimedRewardPopup_correlation {
  position: absolute;
  bottom: 476px;
  left: 80px;
  top: 0;
}

.bplbUnclaimedRewardPopup .bplbUnclaimedRewardPopup_content .bplbUnclaimedRewardPopup_headline {
  height: 222px;
}

.bplbUnclaimedRewardPopup .bplbUnclaimedRewardPopup_content .bplbUnclaimedRewardPopup_headline .bplbUnclaimedRewardPopup_headlineBracelet {
  height: 111px;
}

.bplbUnclaimedRewardPopup .bplbUnclaimedRewardPopup_content .bplbUnclaimedRewardPopup_headline .bplbUnclaimedRewardPopup_headlineClose {
  height: 111px;
  font-size: 36px;
  line-height: 160px;
  color: #00ffff;
  text-shadow: 0px 0px 7px #0a4ae0, 0px 0px 7px #0a4ae0, 0px 0px 7px #0a4ae0;
}

.bplbUnclaimedRewardPopup .bplbUnclaimedRewardPopup_content .bplbUnclaimedRewardPopup_headline .bplbUnclaimedRewardPopup_headlinePosition {
  height: 111px;
}

.bplbUnclaimedRewardPopup .bplbUnclaimedRewardPopup_content .bplbUnclaimedRewardPopup_headline .bplbUnclaimedRewardPopup_headlinePosition:first-child:last-child {
  height: 191px;
  padding-top: 80px;
}

.bplbUnclaimedRewardPopup .bplbUnclaimedRewardPopup_content .bplbUnclaimedRewardPopup_headline .bplbUnclaimedRewardPopup_headlinePosition .bplbUnclaimedRewardPopup_headlinePositionLabel {
  font-size: 30px;
  color: #00ffff;
  text-shadow: 0px 0px 7px #0a4ae0, 0px 0px 7px #0a4ae0, 0px 0px 7px #0a4ae0;
}

.bplbUnclaimedRewardPopup .bplbUnclaimedRewardPopup_content .bplbUnclaimedRewardPopup_headline .bplbUnclaimedRewardPopup_headlinePosition .bplbUnclaimedRewardPopup_headlinePositionValue {
  font-size: 64px;
  line-height: 64px;
  text-shadow: 0px 0px 7px #0a4ae0, 0px 0px 7px #0a4ae0, 0px 0px 7px #0a4ae0;
}

.bplbUnclaimedRewardPopup .bplbUnclaimedRewardPopup_content .bplbUnclaimedRewardPopup_headline .bplbUnclaimedRewardPopup_headlinePosition .bplbUnclaimedRewardPopup_headlinePositionValue span {
  vertical-align: text-top;
}

.bplbUnclaimedRewardPopup .bplbUnclaimedRewardPopup_content .bplbUnclaimedRewardPopup_headline .bplbUnclaimedRewardPopup_headlinePosition .bplbUnclaimedRewardPopup_headlinePositionValue span:last-child {
  font-size: 0.6em;
  line-height: 1.3em;
  text-transform: uppercase;
}

.bplbUnclaimedRewardPopup .bplbUnclaimedRewardPopup_content .bplbUnclaimedRewardPopup_chips {
  height: 100px;
}

.bplbUnclaimedRewardPopup .bplbUnclaimedRewardPopup_content .bplbUnclaimedRewardPopup_chips .bplbUnclaimedRewardPopup_chipsLabel {
  font-size: 30px;
  color: #00ffff;
  text-shadow: 0px 0px 7px #0a4ae0, 0px 0px 7px #0a4ae0, 0px 0px 7px #0a4ae0;
}

.bplbUnclaimedRewardPopup .bplbUnclaimedRewardPopup_content .bplbUnclaimedRewardPopup_chips .bplbUnclaimedRewardPopup_chipsValue {
  font-size: 56px;
  line-height: 56px;
  text-shadow: 0px 0px 7px #0a4ae0, 0px 0px 7px #0a4ae0, 0px 0px 7px #0a4ae0;
}

.bplbUnclaimedRewardPopup .bplbUnclaimedRewardPopup_content .bplbUnclaimedRewardPopup_actions {
  padding: 10px;
}

.bplbUnclaimedRewardPopup .bplbUnclaimedRewardPopup_content .bplbUnclaimedRewardPopup_actions .actionBtn, .bplbUnclaimedRewardPopup .bplbUnclaimedRewardPopup_content .bplbUnclaimedRewardPopup_actions .btn-green {
  padding: 5px 40px;
  font-family: AkzidGroProBolCnd;
}

.bplbUnclaimedRewardPopup .bplbUnclaimedRewardPopup_content .bplbUnclaimedRewardPopup_date {
  text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6);
}

.bplbWeeklyResultsPopup {
  height: 512px;
  background-image: url(assets/images/bplb/bplbWeeklyResults.png);
  background-repeat: no-repeat;
  text-align: center;
  padding-top: 65px;
}

.bplbWeeklyResultsPopup * {
  box-sizing: border-box;
}

.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_close {
  position: absolute;
  right: 28px;
  top: 30px;
  width: 46px;
  height: 46px;
  cursor: pointer;
}

.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_weeklyWinner:before,
.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_dailyWinner:before {
  content: '';
  position: absolute;
  left: 1px;
  right: 1px;
  height: 120%;
  top: 50%;
  z-index: -1;
}

.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_weeklyWinner .winnerProfile,
.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_dailyWinner .winnerProfile {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background: black;
}

.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_weeklyWinner .winnerProfile:before,
.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_dailyWinner .winnerProfile:before {
  content: '- - -';
  position: absolute;
  left: 0;
  right: 0;
  color: #DDD;
}

.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_weeklyWinner .winnerProfile img,
.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_dailyWinner .winnerProfile img {
  position: relative;
  border-radius: 50%;
  max-width: 100%;
  max-height: 100%;
}

.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_weeklyWinner .winnerProfile:after,
.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_dailyWinner .winnerProfile:after {
  content: '';
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_weeklyWinner .winnerBracelet,
.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_dailyWinner .winnerBracelet {
  position: absolute;
}

.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_weeklyWinner .winnerBracelet img,
.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_dailyWinner .winnerBracelet img {
  max-width: 100%;
  max-height: 100%;
}

.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_weeklyWinner .winnerName,
.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_dailyWinner .winnerName {
  width: 200%;
  left: -50%;
  position: relative;
  text-transform: uppercase;
  text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6);
}

.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_weeklyWinner {
  position: relative;
  width: 130px;
  height: 130px;
  margin: 0 auto;
}

.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_weeklyWinner:before {
  background: linear-gradient(rgba(255, 0, 0, 0.9), rgba(255, 0, 0, 0));
}

.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_weeklyWinner .winnerProfile {
  border: solid 2px white;
}

.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_weeklyWinner .winnerProfile:before {
  font-size: 30px;
  line-height: 125px;
}

.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_weeklyWinner .winnerProfile:after {
  border: solid 2px white;
  box-shadow: 0 0 4px 2px rgba(255, 0, 0, 0.7), inset 0 0 4px 2px rgba(255, 0, 0, 0.7);
}

.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_weeklyWinner .winnerBracelet {
  bottom: 0;
  right: -40px;
  width: 100px;
  height: 60px;
}

.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_weeklyWinner .winnerName {
  font-size: 24px;
}

.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_dailyWinners {
  width: 640px;
  margin: 35px auto 60px;
  display: flex;
  justify-content: space-around;
}

.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_dailyWinners .bplbWeeklyResultsPopup_dailyWinner {
  position: relative;
  width: 75px;
  height: 75px;
}

.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_dailyWinners .bplbWeeklyResultsPopup_dailyWinner:before {
  background: linear-gradient(rgba(10, 74, 224, 0.9), rgba(10, 74, 224, 0));
}

.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_dailyWinners .bplbWeeklyResultsPopup_dailyWinner .winnerProfile {
  border: solid 2px white;
}

.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_dailyWinners .bplbWeeklyResultsPopup_dailyWinner .winnerProfile:before {
  font-size: 30px;
  line-height: 72px;
}

.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_dailyWinners .bplbWeeklyResultsPopup_dailyWinner .winnerProfile:after {
  border: solid 2px white;
  box-shadow: 0 0 4px 2px rgba(10, 74, 224, 0.7), inset 0 0 4px 2px rgba(10, 74, 224, 0.7);
}

.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_dailyWinners .bplbWeeklyResultsPopup_dailyWinner .winnerBracelet {
  bottom: 10px;
  right: -16px;
  width: 44px;
  height: 26px;
}

.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_dailyWinners .bplbWeeklyResultsPopup_dailyWinner .winnerName {
  padding-top: 10px;
}

.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_dailyWinners .bplbWeeklyResultsPopup_dailyWinner:nth-child(even) {
  top: 20px;
}

.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_dailyWinners .bplbWeeklyResultsPopup_dailyWinner:nth-child(even) .winnerName {
  padding-top: 8px;
}

.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_actions {
  padding: 10px;
}

.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_actions .actionBtn, .bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_actions .btn-green {
  padding: 5px 40px;
}

.bplbWeeklyResultsPopup .bplbWeeklyResultsPopup_content .bplbWeeklyResultsPopup_date {
  text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6);
}

.bplbStrip {
  position: absolute;
  color: #fff;
  z-index: 3;
  left: 50%;
  background-image: url(assets/images/Atlas.png);
  background-position: -327px -2416px;
  width: 637px;
  height: 157px;
  transform: translateX(-50%) translateY(-157px);
  transition: transform 1s;
}

.bplbStrip:before {
  content: '';
  position: absolute;
  top: 0;
  left: 38px;
  width: 158px;
  height: 162px;
  transform: scale(0.72);
  transform-origin: 0 0;
  background-image: url(assets/images/bplb/bplb_slidin_slidedown_logo.png);
}

.bplbStrip.visible {
  transform: translateX(-50%) translateY(40px);
}

.bplbTabs {
  display: flex;
  padding-bottom: 5px;
}

.bplbTabs .bplbTab {
  position: relative;
  height: 48px;
  padding-top: 2px;
  cursor: pointer;
  color: #a2b3e1;
  text-transform: uppercase;
  text-align: center;
  font-size: 29px;
  font-family: AkzidGroProBolCnd;
  line-height: 48px;
  text-shadow: 0 1px 4px black, 0 1px 3px rgba(0, 0, 0, 0.6);
}

.bplbTabs .bplbTab:last-child {
  width: 20%;
}

.bplbTabs .bplbTab:last-child:first-child {
  width: 100%;
}

.bplbTabs .bplbTab:not(:last-child) {
  flex-grow: 1;
}

.bplbTabs .bplbTab:hover {
  background: #052161;
}

.bplbTabs .bplbTab .bplbTab_top,
.bplbTabs .bplbTab .bplbTab_bottom,
.bplbTabs .bplbTab .bplbTab_right {
  position: absolute;
}

.bplbTabs .bplbTab:not(:last-child):not(.active) .bplbTab_right {
  background: linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.2) 100%);
  width: 1px;
  top: 0;
  bottom: 0;
  right: 0;
}

.bplbTabs .bplbTab:not(:last-child):not(.active) .bplbTab_right:before {
  content: '';
  position: absolute;
  width: 1px;
  top: 0;
  bottom: 0;
  right: 1px;
  background: linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.6) 100%);
}

.bplbTabs .bplbTab:not(:last-child):not(.active) .bplbTab_right:after {
  content: '';
  position: absolute;
  width: 1px;
  top: 0;
  bottom: 0;
  right: -1px;
  background: linear-gradient(rgba(5, 90, 236, 0.1) 0%, rgba(5, 90, 236, 0.4) 100%);
}

.bplbTabs .bplbTab .bplbTab_top {
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #3796f3;
  box-shadow: 0 0 3px 1px #063ede;
}

.bplbTabs .bplbTab .bplbTab_bottom {
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #3796f3;
  box-shadow: 0 0 3px 1px #063ede;
}

.bplbTabs .bplbTab.active {
  position: relative;
  color: white;
  background-image: radial-gradient(at center bottom, #14b4ff 0%, #114ada 40%, #061b57 100%);
}

.bplbTabs .bplbTab.active .bplbTab_bottom {
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: #4cd8fd;
  box-shadow: 0 0 3px 1px #063ede;
}

.bplbTabs .bplbTab.active:hover:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.1);
}

.bplbTabs .bplbClub {
  margin-right: 5px;
  display: inline-block;
  vertical-align: text-bottom;
}

.bplbTabs .regular_daily_grandmasters .bplbClub {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2704px -668px;
  width: 31px;
  height: 34px;
}

.bplbTabs .regular_daily_masters .bplbClub {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2737px -704px;
  width: 31px;
  height: 34px;
}

.bplbTabs .regular_daily_aces .bplbClub {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2737px -632px;
  width: 31px;
  height: 34px;
}

.bplbTabs .regular_daily_kings .bplbClub {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2704px -704px;
  width: 31px;
  height: 34px;
}

.bplbTabs .regular_daily_queens .bplbClub {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2704px -740px;
  width: 31px;
  height: 34px;
}

.bplbTabs .regular_daily_jacks .bplbClub {
  background-image: url(assets/images/AtlasClubs.png);
  background-position: -2737px -668px;
  width: 31px;
  height: 34px;
}

.bplbBoardProfile {
  position: relative;
  width: 239px;
  text-align: center;
  font-size: 24px;
  height: 402px;
}

.bplbBoardProfile .profile-bg {
  position: absolute;
  right: 0;
  top: -5px;
}

.bplbBoardProfile .bplbBoardProfile_position {
  position: absolute;
  left: 15px;
  font-size: 36px;
  color: #ffd900;
  text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6);
}

.bplbBoardProfile .bplbBoardProfile_image {
  width: 87px;
  height: 87px;
  margin: 9px auto;
}

.bplbBoardProfile .bplbBoardProfile_bracelet {
  height: 100%;
}

.bplbBoardProfile .bplbBoardProfile_bracelet img {
  max-width: 100%;
  max-height: 100%;
}

.bplbBoardProfile .bplbBoardProfile_rewards_separator {
  padding-right: 3px;
}

.bplbBoardProfile .bplbBoardProfile_section {
  position: relative;
  height: 102px;
  overflow: hidden;
}

.bplbBoardProfile .bplbBoardProfile_section:not(:last-child):before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 51px;
  background-image: url(assets/images/bplb/horizontalSeparator.png);
  background-position: center bottom;
  background-repeat: no-repeat;
}

.bplbBoardProfile .bplbBoardProfile_section .bplbBoardProfile_sectionLabel {
  height: 40px;
  color: #00ffff;
  text-shadow: 0px 0px 7px #0a4ae0, 0px 0px 7px #0a4ae0, 0px 0px 7px #0a4ae0;
  font-family: AkzidGroProLigCnd;
  font-size: 32px;
}

.bplbBoardProfile .bplbBoardProfile_section .bplbBoardProfile_sectionValue {
  position: relative;
  height: 45px;
  color: white;
  text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6);
  font-size: 38px;
}

.bplbBoardProfile .bplbBoardProfile_section .bplbBoardProfile_sectionValue .loader {
  transform: scale(0.2);
}

.bplbBoardProfile .bplbBoardProfile_section .bplbBoardProfile_sectionValue .bplbBoardProfile_timer {
  text-transform: uppercase;
  height: 53px;
  background-image: url(assets/images/bplb/horizontalSeparator.png);
  background-position: center 7px;
  background-repeat: no-repeat;
}

.bplbBoardProfile .bplbBoardProfile_section .bplbBoardProfile_sectionValue .bplbBoardProfile_timer.timerWarning {
  color: #ff3c3c;
  background: radial-gradient(at bottom, #ff3c3c 0, transparent 60%, transparent 100%);
  background-position-x: center;
  background-position-y: bottom;
}

.bplbBoardProfile .bplbBoardProfile_section .bplbBoardProfile_sectionValue .bplbBoardProfile_rewards {
  height: 100%;
}

.bplbBoardProfile .bplbBoardProfile_section .bplbBoardProfile_sectionValue .bplbBoardProfile_rewards > * {
  display: inline-block;
  vertical-align: top;
}

.bplbBoardTable_container {
  height: 402px;
  width: 514px;
}

.bplbBoardTable_container .bplbBoardTable {
  position: relative;
  height: 400px;
  /*
            Sorry sorry sorry for the "!important". Sorry again!

            "!important" is needed here to override inline styles set by iScroll.

            iScroll actually has customization options (see http://iscrolljs.com/#styling-the-scrollbar )
            but they remove a lot of the default behaviour that we want to keep

            So let's use "!important". Yay!
        */
}

.bplbBoardTable_container .bplbBoardTable .bplbBoardTable_content {
  min-height: 400px;
}

.bplbBoardTable_container .bplbBoardTable .bplbBoardTablePlayer_container {
  height: 80px;
  padding: 2px 20px 2px 0;
}

.bplbBoardTable_container .bplbBoardTable .bplbBoardTablePlayer_container .bplbBoardTablePlayer {
  position: relative;
  height: 100%;
  padding: 2px;
  margin-left: 32px;
  margin-right: 2px;
  background: linear-gradient(#0078e7 0%, #003f78 100%);
  color: white;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  font-size: 26px;
  line-height: 36px;
}

.bplbBoardTable_container .bplbBoardTable .bplbBoardTablePlayer_container .bplbBoardTablePlayer .bplbBoardTablePlayer_details {
  background: linear-gradient(#003d76 0%, #003d76 50%, #002241 100%);
  height: 50%;
  position: relative;
}

.bplbBoardTable_container .bplbBoardTable .bplbBoardTablePlayer_container .bplbBoardTablePlayer .bplbBoardTablePlayer_details .bplbBoardTablePlayer_detailsScore {
  float: right;
  width: 150px;
  font-size: 30px;
  padding-right: 10px;
  text-align: right;
}

.bplbBoardTable_container .bplbBoardTable .bplbBoardTablePlayer_container .bplbBoardTablePlayer .bplbBoardTablePlayer_details .bplbBoardTablePlayer_detailsName {
  float: right;
  width: 154px;
  font-size: 32px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.bplbBoardTable_container .bplbBoardTable .bplbBoardTablePlayer_container .bplbBoardTablePlayer .bplbBoardTablePlayer_details:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #003f7c;
}

.bplbBoardTable_container .bplbBoardTable .bplbBoardTablePlayer_container .bplbBoardTablePlayer .bplbBoardTablePlayer_rewards_container {
  background: linear-gradient(#002241 0%, #002d57 50%, #002241 100%);
  height: 50%;
  color: #00ffff;
}

.bplbBoardTable_container .bplbBoardTable .bplbBoardTablePlayer_container .bplbBoardTablePlayer .bplbBoardTablePlayer_rewards_container .bplbBoardTablePlayer_rewards {
  float: right;
  width: 304px;
  font-size: 31px;
  position: relative;
  height: 100%;
  padding-top: 2px;
}

.bplbBoardTable_container .bplbBoardTable .bplbBoardTablePlayer_container .bplbBoardTablePlayer .bplbBoardTablePlayer_rewards_container .bplbBoardTablePlayer_rewards > * {
  vertical-align: top;
}

.bplbBoardTable_container .bplbBoardTable .bplbBoardTablePlayer_container .bplbBoardTablePlayer .bplbBoardTablePlayer_rewards_container .bplbBoardTablePlayer_rewards .bplbBoardTablePlayer_bracelet {
  display: inline-block;
  height: 100%;
}

.bplbBoardTable_container .bplbBoardTable .bplbBoardTablePlayer_container .bplbBoardTablePlayer .bplbBoardTablePlayer_rewards_container .bplbBoardTablePlayer_rewards .bplbBoardTablePlayer_bracelet img {
  max-width: 100%;
  max-height: 100%;
}

.defaultBPEvent .bplbBoardTable_container .bplbBoardTable .bplbBoardTablePlayer_container .bplbBoardTablePlayer .bplbBoardTablePlayer_rewards_container .bplbBoardTablePlayer_rewards .bplbBoardTablePlayer_bracelet {
  transform: scale(1.2);
}

.bplbBoardTable_container .bplbBoardTable .bplbBoardTablePlayer_container .bplbBoardTablePlayer .bplbBoardTablePlayer_rewards_container .bplbBoardTablePlayer_rewards .bplbBoardTablePlayer_rewards_separator {
  padding: 0 5px;
}

.bplbBoardTable_container .bplbBoardTable .bplbBoardTablePlayer_container .bplbBoardTablePlayer .bplbBoardTablePlayer_rewards_container .bplbBoardTablePlayer_rewards .bplbBoardTablePlayer_rewardsAmount {
  position: relative;
  display: inline;
  padding-left: 47px;
}

.bplbBoardTable_container .bplbBoardTable .bplbBoardTablePlayer_container .bplbBoardTablePlayer .bplbBoardTablePlayer_rewards_container .bplbBoardTablePlayer_rewards .bplbBoardTablePlayer_rewardsAmount:before {
  position: absolute;
  left: 0;
  top: -3px;
  content: '';
  width: 43px;
  height: 36px;
  background-image: url(assets/images/bplb/bplbChips.png);
}

.bplbBoardTable_container .bplbBoardTable .bplbBoardTablePlayer_container .bplbBoardTablePlayer .bplbBoardTablePlayer_rank {
  position: absolute;
  right: 404px;
  top: 0;
  bottom: 0;
  line-height: 76px;
  font-size: 40px;
  color: #ffd900;
}

.bplbBoardTable_container .bplbBoardTable .bplbBoardTablePlayer_container .bplbBoardTablePlayer .bplbBoardTablePlayer_image {
  position: absolute;
  right: 322px;
  width: 82px;
  height: 82px;
  top: -2px;
  transform: scale(0.85);
}

.bplbBoardTable_container .bplbBoardTable .bplbBoardTablePlayer_container .bplbBoardTablePlayer .bplbBoardTablePlayer_image img {
  max-width: 100%;
  max-height: 100%;
}

.bplbBoardTable_container .bplbBoardTable .bplbBoardTablePlayer_container .bplbBoardTablePlayer.mainPlayer {
  background: #7afafd;
  border-radius: 5px;
  margin-left: 17px;
}

.bplbBoardTable_container .bplbBoardTable .bplbBoardTablePlayer_container .bplbBoardTablePlayer.mainPlayer .bplbBoardTablePlayer_image {
  transform: scale(1);
}

.bplbBoardTable_container .bplbBoardTable .bplbBoardTablePlayer_container .bplbBoardTablePlayer.mainPlayer .bplbBoardTablePlayer_details {
  border-radius: 5px 5px 0 0;
  background: linear-gradient(#40c7e8 0%, #1fb7dc 40%, #009bdd 80%, #007ad4 100%);
}

.bplbBoardTable_container .bplbBoardTable .bplbBoardTablePlayer_container .bplbBoardTablePlayer.mainPlayer .bplbBoardTablePlayer_details:after {
  background: #00aeca;
}

.bplbBoardTable_container .bplbBoardTable .bplbBoardTablePlayer_container .bplbBoardTablePlayer.mainPlayer .bplbBoardTablePlayer_rewards_container {
  color: white;
  background: linear-gradient(#006dbd 0%, #00578e 10%, #0076a5 42%, #009bcd 80%, #009bcd 100%);
  border-radius: 0 0 5px 5px;
}

.bplbBoardTable_container .bplbBoardTable .bplbBoardTablePlayer_container .bplbBoardTablePlayer.mainPlayer .bplbBoardTablePlayer_rank {
  padding-right: 10px;
}

.bplbBoardTable_container .bplbBoardTable .bplbBoardTablePlayer_container:first-child .bplbBoardTablePlayer {
  background: linear-gradient(#fcf500 0%, #fbdb00 100%);
  border-radius: 5px;
}

.bplbBoardTable_container .bplbBoardTable .bplbBoardTablePlayer_container:first-child .bplbBoardTablePlayer .bplbBoardTablePlayer_details {
  border-radius: 5px 5px 0 0;
  background: linear-gradient(#e49600 0%, #de8200 40%, #d56300 41%, #c22700 100%);
}

.bplbBoardTable_container .bplbBoardTable .bplbBoardTablePlayer_container:first-child .bplbBoardTablePlayer .bplbBoardTablePlayer_details:after {
  background: #a85a00;
}

.bplbBoardTable_container .bplbBoardTable .bplbBoardTablePlayer_container:first-child .bplbBoardTablePlayer .bplbBoardTablePlayer_rewards_container {
  color: #ffff00;
  background: linear-gradient(#5d2a00 0%, #cb6b00 60%, #d97300 100%);
  border-radius: 0 0 5px 5px;
}

.bplbBoardTable_container .bplbBoardTable .bplbBoardTablePlayer_container:first-child .bplbBoardTablePlayer .bplbBoardTablePlayer_rank {
  color: white;
}

.bplbBoardTable_container .bplbBoardTable .iScrollVerticalScrollbar {
  display: block;
  width: 12px !important;
  border-radius: 6px !important;
  border: 1px solid #293bfc;
}

.bplbBoardTable_container .bplbBoardTable .iScrollVerticalScrollbar .iScrollIndicator {
  cursor: pointer;
  border-radius: 6px !important;
}

.bplbBoardTable_container .bplbBoardTable .iScrollVerticalScrollbar .iScrollIndicator:before {
  width: 8px;
}

.bplbBoardTable_container .bplbBoardTable:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 30px;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}

.medallion {
  position: relative;
  width: 100%;
  height: 100%;
}

.medallion .medallionImg {
  position: absolute;
  border-radius: 50%;
  overflow: hidden;
  top: 3%;
  bottom: 3%;
  left: 3%;
  right: 3%;
}

.medallion .medallionImg img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}

.medallion .medallionImg:before {
  content: '';
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  background: #000000;
  border-radius: 50%;
}

.medallion:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: url(assets/images/Medallion_Ring.png);
  background-size: contain;
  background-repeat: no-repeat;
}

@keyframes mover {
  0% {
    transform: translateX(0) translateY(0);
  }
  62% {
    transform: translateX(0) translateY(0);
  }
  68% {
    transform: translateX(355px) translateY(-4px);
  }
  100% {
    transform: translateX(355px) translateY(-4px);
  }
}

@keyframes scaler {
  0% {
    font-size: 0px;
    opacity: 0;
    color: #FFFFFF;
  }
  2% {
    font-size: 88px;
    opacity: 1;
  }
  40% {
    font-size: 88px;
  }
  46% {
    font-size: 64px;
    color: #FFFFFF;
  }
  50% {
    font-size: 140px;
    color: #a8ffff;
  }
  62% {
    font-size: 140px;
  }
  68% {
    font-size: 130px;
  }
  70% {
    font-size: 210px;
  }
  88% {
    font-size: 210px;
  }
  93% {
    font-size: 280px;
  }
  96% {
    opacity: 1;
    font-size: 64px;
  }
  100% {
    opacity: 0;
    font-size: 64px;
    color: #a8ffff;
  }
}

@keyframes boosted-scaler {
  0% {
    font-size: 0px;
    opacity: 0;
    color: #FFFFFF;
  }
  2% {
    font-size: 88px;
    opacity: 1;
  }
  40% {
    font-size: 88px;
  }
  46% {
    font-size: 64px;
    color: #FFFFFF;
  }
  50% {
    font-size: 140px;
    color: #fdc8ff;
  }
  62% {
    font-size: 140px;
  }
  68% {
    font-size: 130px;
  }
  70% {
    font-size: 210px;
  }
  88% {
    font-size: 210px;
  }
  93% {
    font-size: 280px;
  }
  96% {
    opacity: 1;
    font-size: 64px;
  }
  100% {
    opacity: 0;
    font-size: 64px;
    color: #fdc8ff;
  }
}

@keyframes growIn {
  from {
    font-size: 0px;
  }
  to {
    font-size: 88px;
  }
}

@keyframes growAndFade {
  0% {
    font-size: 0px;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  100% {
    font-size: 400px;
    opacity: 0;
  }
}

#prizeWheel .multiplierPanel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  font-size: 88px;
}

#prizeWheel .multiplierPanel.fade {
  opacity: 0;
  transition: opacity 0.5s;
}

#prizeWheel .multiplierPanel .staticContainer {
  text-shadow: 0px 0px 7px #00b4ff, 0px 0px 7px #00b4ff, 0px 0px 7px #00b4ff;
  position: absolute;
  width: 200px;
  top: 185px;
  left: 20px;
  text-align: center;
  line-height: 0.9;
}

#prizeWheel .multiplierPanel .staticContainer:before {
  content: '';
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -874px -1523px;
  width: 211px;
  height: 183px;
  position: absolute;
  left: -6px;
  top: -38px;
  z-index: -1;
}

#prizeWheel .multiplierPanel .staticContainer .staticMultiplier {
  animation: growIn .5s;
  font-family: AkzidGroProBolCnd;
  position: absolute;
  transform: translateY(-100%);
  left: 0;
  right: 0;
  top: 112px;
}

#prizeWheel .multiplierPanel .staticContainer .wheel-blast-boost {
  text-shadow: 0px 0px 28px #ce01df, 0px 0px 28px #ce01df, 0px 0px 28px #ce01df;
  display: inline;
}

#prizeWheel .multiplierPanel .staticContainer .wheel-blast-pulse {
  text-shadow: 0px 0px 28px #ce01df, 0px 0px 28px #ce01df, 0px 0px 28px #ce01df;
  position: inherit;
  display: inline;
  opacity: 0;
}

#prizeWheel .multiplierPanel .staticContainer .growingMultiplierContainer {
  position: absolute;
  top: 60px;
  left: 115px;
  transform: translateX(-50%) translateY(-50%);
}

#prizeWheel .multiplierPanel .staticContainer .growingMultiplierContainer .growingMultiplier {
  font-size: 0;
  opacity: 0;
  color: #FFFFFF;
  animation: growAndFade .7s;
  -webkit-filter: blur(3px);
          filter: blur(3px);
  text-shadow: none;
}

#prizeWheel .multiplierPanel .staticContainer .multiplierTitle {
  font-family: AkzidGroProLigCnd;
  font-size: 36px;
}

#prizeWheel .multiplierPanel .createJsCanvas {
  top: 20px;
  position: absolute;
}

#prizeWheel .multiplierPanel .movingContainer {
  position: absolute;
  top: 265px;
  left: 115px;
  animation-name: mover;
  animation-duration: 2.5s;
  transform-origin: 50% 50%;
  animation-timing-function: linear;
  font-size: 0;
  z-index: 1;
}

#prizeWheel .multiplierPanel .movingContainer .scalingContainer {
  animation-duration: 2.5s;
  transform-origin: 50% 50%;
  animation-timing-function: linear;
  color: white;
  font-weight: bold;
  transform: translateX(-50%) translateY(-50%);
}

#prizeWheel .multiplierPanel .movingContainer .scalingContainer .multiplier {
  animation-name: shaker;
  animation-duration: 0.6s;
  transform-origin: 50% 50%;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#prizeWheel .multiplierPanel .movingContainer .scalingContainer.no-boost {
  animation-name: scaler;
}

#prizeWheel .multiplierPanel .movingContainer .scalingContainer.wheel-blast-boost {
  animation-name: boosted-scaler;
}

#prizeWheel .multiplierPanel .movingContainer .wheel-blast-boost, #prizeWheel .multiplierPanel .growingMultiplierContainer .wheel-blast-boost {
  text-shadow: 0px 0px 14px #ce01df, 0px 0px 14px #ce01df, 0px 0px 14px #ce01df;
}

@keyframes fadeAndSlideIn {
  from {
    transform: translateY(50px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

#prizeWheel .purchaseSpinPanel {
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -1527px -1292px;
  width: 310px;
  height: 183px;
  animation: fadeAndSlideIn .5s;
  position: absolute;
  top: 297px;
  right: 136px;
  text-align: center;
  padding-top: 25px;
  box-sizing: border-box;
  font-size: 28px;
  line-height: 1;
}

@keyframes flickerAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes delayedDisplay {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#prizeWheel .purchaseSpinPanel.purchase-background-ggw {
  background: none;
  width: 268px;
  height: 208px;
  top: 285px;
  right: 155px;
}

#prizeWheel .purchaseSpinPanel.purchase-background-ggw::before, #prizeWheel .purchaseSpinPanel.purchase-background-ggw::after {
  content: '';
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -1801px -1018px;
  width: 134px;
  height: 208px;
  display: block;
  position: absolute;
  top: 0;
}

#prizeWheel .purchaseSpinPanel.purchase-background-ggw::after {
  transform: scaleX(-1);
  right: 0;
}

#prizeWheel .purchaseSpinPanel.purchase-background-ggw .purchase-spin-panel-content {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  line-height: 34px;
  transform: translateY(-50%);
}

#prizeWheel .purchaseSpinPanel.purchase-background-ggw .purchase-spin-panel-content .hasPriceCut {
  position: absolute;
  top: -39px;
  right: -39px;
}

#prizeWheel .purchaseSpinPanel .purchase-spin-panel-content {
  position: relative;
  z-index: 1;
}

#prizeWheel .purchaseSpinPanel .purchase-spin-panel-content .hasPriceCut:before, #prizeWheel .purchaseSpinPanel .purchase-spin-panel-content .hasPriceCut:after {
  content: '';
  position: absolute;
}

#prizeWheel .purchaseSpinPanel .purchase-spin-panel-content .hasPriceCut:before {
  background: #ff0000;
  border-radius: 50%;
  width: 78px;
  height: 78px;
  right: -12px;
  top: -3px;
  box-shadow: 0 0 32px 11px #ff0000;
  animation: flickerAnimation 1s infinite;
}

#prizeWheel .purchaseSpinPanel .purchase-spin-panel-content .hasPriceCut:after {
  animation: delayedDisplay 1s;
  right: -34px;
  top: -24px;
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -1939px -479px;
  width: 123px;
  height: 123px;
}

#prizeWheel .purchaseSpinPanel .purchase-spin-panel-content .price {
  text-shadow: 0px 0px 7px #00b4ff, 0px 0px 7px #00b4ff, 0px 0px 7px #00b4ff;
  animation: delayedDisplay 1s;
  font-family: AkzidGroProBolCnd;
  position: relative;
}

#prizeWheel .purchaseSpinPanel .purchase-spin-panel-content .price.big {
  font-size: 44px;
}

#prizeWheel .purchaseSpinPanel .purchase-spin-panel-content .price.cut {
  font-size: 28px;
  line-height: 0.9;
}

#prizeWheel .purchaseSpinPanel .purchase-spin-panel-content .price.cut:before {
  content: '';
  background-image: url(assets/images/AtlasPrizeWheel.png);
  background-position: -1178px -1485px;
  width: 127px;
  height: 15px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  margin: auto;
}

#prizeWheel .purchaseSpinPanel .purchase-spin-panel-content .statusBonus {
  animation: delayedDisplay 1s;
  font-size: 24px;
  font-family: AkzidGroProLigCnd;
  text-shadow: 0px 0px 5px #00b4ff, 0px 0px 5px #00b4ff, 0px 0px 5px #00b4ff;
}

#prizeWheel .purchaseSpinPanel .purchase-spin-panel-content .superspin-albumPackText,
#prizeWheel .purchaseSpinPanel .purchase-spin-panel-content .superspin-SecondCurrencyText {
  display: flex;
  font-size: 24px;
  top: 4px;
  position: relative;
  text-shadow: 0px 0px 5px #00b4ff, 0px 0px 5px #00b4ff, 0px 0px 5px #00b4ff;
}

#prizeWheel .purchaseSpinPanel .purchase-spin-panel-content .superspin-albumPackContainer,
#prizeWheel .purchaseSpinPanel .purchase-spin-panel-content .superspin-secondCurrencyContainer {
  display: flex;
  flex-direction: row;
  position: relative;
  top: 1px;
  align-items: center;
  justify-content: center;
}

#prizeWheel .purchaseSpinPanel .purchase-spin-panel-content .superspin-albumPackContainer .albumPackIcon,
#prizeWheel .purchaseSpinPanel .purchase-spin-panel-content .superspin-albumPackContainer .sweepstakesIcon,
#prizeWheel .purchaseSpinPanel .purchase-spin-panel-content .superspin-secondCurrencyContainer .albumPackIcon,
#prizeWheel .purchaseSpinPanel .purchase-spin-panel-content .superspin-secondCurrencyContainer .sweepstakesIcon {
  position: relative;
  height: 40px;
  width: 45px;
  bottom: 5px;
}

#prizeWheel .purchaseSpinPanel .purchase-spin-panel-content .AlbumPackSuperSpinContainer {
  animation: delayedDisplay 1s;
}

.voice-avatars-speaker {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translateX(100%);
}

.voice-avatars-speaker .voice-avatars-speaker__icon {
  background-image: url(assets/images/Atlas.png);
  background-position: -708px -3648px;
  width: 38px;
  height: 38px;
}

.voice-avatars-speaker .voice-avatars-speaker__wave {
  position: absolute;
  opacity: 0;
  transition: opacity .15s;
  top: 0;
  left: 0;
}

.voice-avatars-speaker .voice-avatars-speaker__wave.visible {
  opacity: 1;
}

.voice-avatars-speaker .voice-avatars-speaker__wave.wave1 {
  background-image: url(assets/images/Atlas.png);
  background-position: -748px -3648px;
  width: 38px;
  height: 38px;
}

.voice-avatars-speaker .voice-avatars-speaker__wave.wave2 {
  background-image: url(assets/images/Atlas.png);
  background-position: -788px -3648px;
  width: 38px;
  height: 38px;
}

.voice-avatars-speaker .voice-avatars-speaker__wave.wave3 {
  background-image: url(assets/images/Atlas.png);
  background-position: -828px -3648px;
  width: 38px;
  height: 38px;
}

.voice-avatars {
  position: absolute;
  left: -84px;
  top: 2px;
  animation: fadeIn .5s;
}

.voice-avatars .voice-avatars-rim {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #59d1ff;
  box-shadow: 0 0 3px 3px #0042ff, 0 0 3px 3px #0042ff inset;
}

.sweepstakes-link-button {
  background-image: url(assets/images/Atlas.png);
  background-position: -3460px -2296px;
  width: 38px;
  height: 39px;
  margin-top: 15px;
  margin-left: 50px;
}

.sweepstakes-link-button:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -3460px -2337px;
  width: 38px;
  height: 39px;
  text-shadow: #58b1ff 0 0 5px, #58b1ff 0 0 6px, #58b1ff 0 0 7px, #58b1ff 0 0 9px;
}

.sweepstakes-link-button:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -668px -3648px;
  width: 38px;
  height: 39px;
  color: #a5b4c6;
  text-shadow: #005dad 0 0 5px, #005dad 0 0 6px, #005dad 0 0 7px, #005dad 0 0 9px;
}

.sweepstakes-link-button .apeCaption div {
  width: 100%;
  text-align: center;
  margin-left: 50px;
}

.eligible-tickets {
  position: absolute;
  right: -20px;
  top: 8px;
  z-index: 11;
}

.eligible-tickets .eligible-ticket {
  display: inline-block;
}

.eligible-tickets .tickets-btn {
  width: 43px;
  height: 41px;
  background-position: left top;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}

.eligible-tickets .tickets-btn:hover {
  background-position: right top;
}

.eligible-tickets .tickets-btn:active {
  background-position: 86px top;
}

.eligible-tickets .tooltipContainer {
  font-family: AkzidGroProLigCnd;
  font-weight: bold;
  font-size: 20px;
  line-height: 21px;
  position: absolute;
  letter-spacing: 0.5px;
  left: -33px;
  bottom: 45px;
  width: 115px;
  height: 40px;
  padding: 5px;
  text-align: center;
  opacity: 0;
}

.eligible-tickets .tooltipContainer.display {
  opacity: 1;
  animation: fadeIn 1s;
}

.eligible-tickets .tooltipContainer.hide {
  opacity: 0;
  animation: fadeOut 1s;
}

.eligible-tickets .tooltip-text {
  white-space: nowrap;
  position: relative;
  z-index: 1;
}

.eligible-tickets .tickets-nb {
  white-space: nowrap;
  font-size: 1.8rem;
}

.eligible-tickets .tooltip-frame {
  position: absolute;
  z-index: -1;
  left: 0px;
  bottom: 0px;
}

.eligible-tickets .tooltip-rim,
.eligible-tickets .tooltip-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  border-radius: 3px;
}

.eligible-tickets .tooltip-rim {
  border: 1px solid black;
  box-shadow: 0 0 5px 2px #0770ff;
}

.eligible-tickets .tooltip-bg {
  background: linear-gradient(#08154c, #1e3c76);
  border: 1px solid #54acf7;
  box-shadow: 0 0 6px 1px #234bff inset;
}

.eligible-tickets .tooltip-junction,
.eligible-tickets .tooltip-arrow {
  position: absolute;
  display: block;
}

.eligible-tickets .tooltip-junction {
  width: 0;
  height: 0;
  left: 47px;
  z-index: 1;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 15px solid #1e3c76;
}

.eligible-tickets .tooltip-arrow {
  width: 20px;
  height: 20px;
  left: 43px;
  background: white;
  background: #051c67;
  border: 1px solid #54acf7;
  box-shadow: 0 0 6px 1px rgba(255, 255, 255, 0.22) inset, 0 0 5px 3px #0770ff;
  z-index: 0;
  transform: translateY(-14px) rotate(45deg) skew(20deg, 20deg);
}

.tbi-clubs-bar .clubs-progress-container .eligible-tickets {
  right: -30px;
  top: 10px;
}

.club-underscene-my-club .eligible-tickets {
  right: 0;
}

.profileMainUser .eligible-tickets {
  right: 15px;
  top: 0;
}

.tournamentResults .eligible-tickets {
  right: 20px;
}

#GameScene .eligible-tickets {
  top: auto;
  bottom: 93px;
  left: 340px;
  z-index: 0;
}

#GameScene .tickets-btn {
  position: absolute;
  bottom: 0;
  left: 0;
}

.megabonus-tickets {
  position: absolute;
  top: -2px;
  left: 15px;
  z-index: 2;
  height: 23px;
  background: #000;
  background-image: linear-gradient(to bottom, #0e0c10 0%, #0e0c10 70%, #423f55 80%, #423f55 95%, #0e0c10 100%);
  border-radius: 3px;
  padding: 0 5px;
  display: inline-flex;
  box-shadow: 0px -2px 0px rgba(0, 0, 0, 0.5) inset, 0px 1px 1px white inset;
  font-weight: bold;
  font-family: AkzidGroProCnd;
}

.megabonus-tickets .tickets-btn {
  display: block;
  width: 43px;
  height: 41px;
  margin-top: -13px;
  margin-left: -27px;
}

.megabonus-tickets .tickets-nb {
  margin-right: 5px;
}

.withDailyBlitzButton .megabonus-tickets {
  top: 8px;
  left: 10px;
}

.withDailyBlitzButton .megabonus-tickets .tickets-nb {
  margin-top: -3px;
}

.sweepstakes-performance {
  height: 100%;
  padding: 0px 2px 0px 2px;
}

.sweepstakes-performance .draggableWrapper {
  height: 100%;
}

.sweepstakes-performance .leftCarouselButton {
  left: -32px;
  transform: scaleX(-1);
}

.sweepstakes-performance .rightCarouselButton {
  right: -32px;
}

.sweepstakes-performance .carouselButton:after {
  top: 37px;
}

.sweepstakes-performance .sweepstakes-performance__container {
  height: 100%;
  padding: 0px 15px 0px 15px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.sweepstakes-performance .sweepstakes-performance__day {
  flex: 1;
  height: 100%;
  display: flex;
  text-align: center;
  align-items: center;
  flex-direction: column;
  margin: 0 .5em;
  width: 64px;
  font-family: AkzidGroProBolCnd;
}

.sweepstakes-performance .sweepstakes-performance__day.inTheFuture .sweepstakes-performance__day__tickets,
.sweepstakes-performance .sweepstakes-performance__day.inTheFuture .sweepstakes-performance__day__bar-container {
  visibility: hidden;
}

.sweepstakes-performance .sweepstakes-performance__day__bar-container {
  position: relative;
  flex: 1;
  width: 85%;
  margin-top: 3px;
}

.sweepstakes-performance .sweepstakes-performance__day__bar-container .sweepstakes-performance__day__bar {
  box-shadow: 0 0 1px black, 0 0 7px #ff6e3e inset;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  border-radius: 2px;
}

.sweepstakes-performance .sweepstakes-performance__day__tickets {
  font-size: 26px;
}

.sweepstakes-performance .sweepstakes-performance__day__title {
  font-size: 21px;
}

.sweepstakes-summary {
  height: 100%;
}

.sweepstakes-summary .draggableWrapper {
  height: 100%;
}

.sweepstakes-summary .leftCarouselButton {
  left: -32px;
  transform: scaleX(-1);
}

.sweepstakes-summary .rightCarouselButton {
  right: -32px;
}

.sweepstakes-summary .carouselButton:after {
  top: 40px;
}

.sweepstakes-summary .sweepstakes-summary__container {
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
}

.sweepstakes-summary .sweepstakes-summary__entry {
  display: flex;
  text-align: center;
  align-items: center;
  flex-direction: column;
  font-family: AkzidGroProLigCnd;
  margin: 0 8px;
}

.sweepstakes-summary .sweepstakes-summary__entry.isTotal .sweepstakes-summary__title {
  font-family: AkzidGroProBolCnd;
}

.sweepstakes-summary .sweepstakes-summary__title {
  font-size: 21px;
}

.sweepstakes-summary .sweepstakes-summary__circle {
  position: relative;
}

.sweepstakes-summary .sweepstakes-summary__quantity {
  font-family: AkzidGroProCnd;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  font-size: 24px;
  margin: auto;
}

.freeToPlaySlotPopup {
  font-family: AkzidGroProLigCnd;
  font-size: 2.7rem;
  height: 395px;
}

.freeToPlaySlotPopup.hasTwoColumns .content-col {
  padding: 0 5rem 3rem;
}

.freeToPlaySlotPopup .content-container--full-width {
  width: 95%;
}

.freeToPlaySlotPopup .btn {
  font-family: AkzidGroProCnd;
  margin: 1rem 0;
  text-shadow: 0 3px 5px #000;
  text-transform: uppercase;
  width: 100%;
}

.freeToPlaySlotPopup .actionBtn, .freeToPlaySlotPopup .btn-green {
  z-index: 1;
}

.freeToPlaySlotPopup .actionBtn.blue, .freeToPlaySlotPopup .blue.btn-green {
  font-size: 2.7rem;
}

.freeToPlaySlotPopup .actionBtn.dark, .freeToPlaySlotPopup .dark.btn-green {
  margin-bottom: 15px;
}

.freeToPlaySlotPopup .content-col {
  max-width: 200px;
}

.freeToPlaySlotPopup .content-col:not(:last-child):after {
  content: '';
  background: linear-gradient(to bottom, rgba(71, 124, 252, 0) 0%, #477cfc 51%, transparent 100%);
  display: block;
  width: 2px;
  height: 100%;
  position: absolute;
  right: 0;
}

.freeToPlaySlotPopup .freeToPlaySlotPopupImageContainer {
  display: flex;
  align-items: center;
  min-height: 87px;
}

.freeToPlaySlotPopup .freeToPlaySlotPopupImageContainer .freeToPlayChipEnvelope {
  height: 70px;
  width: 87px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3500px -3124px;
  width: 87px;
  height: 70px;
}

.freeToPlaySlotPopup .freeToPlaySlotPopupImageContainer .freeToPlayPileChips {
  height: 80px;
  width: 83px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3500px -1730px;
  width: 83px;
  height: 80px;
}

.freeToPlaySlotPopup .freeToPlaySlotPopupImageContainer .freeToPlaySlotIcon {
  height: 58px;
  width: 72px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3623px -1830px;
  width: 72px;
  height: 58px;
}

.freeToPlaySlotPopup .freeToPlaySlotPopup-BgImage {
  position: absolute;
  bottom: 0;
  height: 533px;
  width: 169px;
  background-image: url(assets/images/Atlas.png);
  background-position: -2266px -1781px;
  width: 553px;
  height: 169px;
}

.rapid-roulette-how-to-popup-container {
  position: absolute;
  top: 66px;
  left: 50%;
  margin-left: -387px;
  width: 774px;
  height: 516px;
  background-size: cover;
  background-position: -2px 0px;
}

.rapid-roulette-how-to-popup-container .rapid-roulette-how-to-close-btn {
  background-image: url(assets/images/Atlas.png);
  background-position: -3623px -2616px;
  width: 64px;
  height: 64px;
  right: 21px;
  top: 23px;
  position: absolute;
  cursor: pointer;
  z-index: 3;
}

.rapid-roulette-how-to-popup-container .rapid-roulette-how-to-close-btn:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -3623px -2550px;
  width: 64px;
  height: 64px;
}

.rapid-roulette-how-to-popup-container .rapid-roulette-how-to-close-btn:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -3623px -2484px;
  width: 64px;
  height: 64px;
}

.genericInfoBox {
  flex: 0 0 auto;
  /* ignoring some style from .srInfos */
}

.genericInfoBox.srInfos {
  width: initial;
  height: initial;
  margin: initial;
}

.genericInfoBoxParts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background-color: black;
}

.genericInfoBoxPart {
  flex: 0 0 auto;
  display: block;
}

.genericInfoBoxSplitter {
  width: 2px;
  display: block;
  background-color: white;
}

@keyframes skewAnim {
  0% {
    transform: skewX(0deg);
  }
  25% {
    transform: skewX(-2deg);
  }
  50% {
    transform: skewX(0deg);
  }
  75% {
    transform: skewX(2deg);
  }
  100% {
    transform: skewX(0deg);
  }
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(46, 133, 245, 0.8);
  }
  30% {
    box-shadow: 0 0 0 10px rgba(46, 133, 245, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(46, 133, 245, 0);
  }
}

@keyframes move {
  0% {
    opacity: 0;
  }
  2% {
    opacity: 1;
  }
  98% {
    opacity: 1;
  }
  100% {
    offset-distance: 100%;
    opacity: 0;
  }
}

@keyframes scale {
  0% {
    transform: scale(0.2);
  }
  10% {
    transform: scale(1.5);
    background: #8ef4ff;
  }
  100% {
    transform: scale(0.2);
  }
}

.bthAnimation, .bthAnteSelectionPopup .bth-leaves-back-left, .bthAnteSelectionPopup .bth-leaves-back-right, .bthAnteSelectionPopup .bth-leaves-bottom-left, .bthAnteSelectionPopup .bth-leaves-bottom-right {
  animation: skewAnim 5s linear infinite;
  transform: translate3d(0, 0, 0);
  position: absolute;
}

.bthAnteSelectionPopup {
  top: 100px;
  left: 50%;
  width: 706px;
  height: 564px;
  font-size: 16px;
  text-align: center;
  position: absolute;
  transform: translateX(-50%);
  overflow: initial;
  box-shadow: 0 0 7px 2px #b146f8;
  border: solid 1px #9f99f7;
  border-bottom: solid 1px rgba(159, 153, 247, 0.7);
}

.bthAnteSelectionPopup .popupNeonTitle {
  text-transform: uppercase;
  font-style: italic;
}

.bthAnteSelectionPopup .tpi-bankroll {
  position: initial;
}

.bthAnteSelectionPopup .header {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -761px -866px;
  width: 768px;
  height: 82px;
  left: 50%;
  transform: translate(-50%, -15px);
  border-bottom: 0;
  box-shadow: none;
  margin-bottom: -30px;
  padding: 0;
  text-shadow: 0 2px 10px #9502f5, 0 -2px 10px #9502f5;
  color: #fff6ff;
  font-size: 33px;
}

.bthAnteSelectionPopup .header .popupNeonTitle {
  position: relative;
  top: 15px;
}

.bthAnteSelectionPopup .header .close-btn {
  display: block;
  position: absolute;
  top: 37px;
  right: 30px;
  transform: translateY(-50%);
  width: 1.4em;
  height: 1.4em;
  cursor: pointer;
  overflow: visible;
}

.bthAnteSelectionPopup .header .close-btn .glow {
  display: inline;
  stroke-width: 10px;
}

.bthAnteSelectionPopup .header .close-btn path.circle-fill, .bthAnteSelectionPopup .header .close-btn path.x-fill {
  fill: #ffffff;
  stroke: none;
}

.bthAnteSelectionPopup .header .close-btn path.circle-stroke, .bthAnteSelectionPopup .header .close-btn path.x-stroke {
  stroke: #4d0096;
  fill: none;
}

.bthAnteSelectionPopup .header .close-btn:hover path.circle-fill, .bthAnteSelectionPopup .header .close-btn:hover path.x-fill {
  fill: #ffffff;
}

.bthAnteSelectionPopup .header .close-btn:hover path.circle-stroke, .bthAnteSelectionPopup .header .close-btn:hover path.x-stroke {
  stroke: #b87cfb;
}

.bthAnteSelectionPopup .header .close-btn:active path.circle-fill, .bthAnteSelectionPopup .header .close-btn:active path.x-fill {
  fill: #ffffff;
}

.bthAnteSelectionPopup .header .close-btn:active path.circle-stroke, .bthAnteSelectionPopup .header .close-btn:active path.x-stroke {
  stroke: #d3bcec;
}

.bthAnteSelectionPopup .header .ultimateWSOP-closeBtn {
  display: block;
  position: absolute;
  top: 4px;
  right: 25px;
  transform: translateY(-50%);
  width: 65px;
  height: 64px;
  cursor: pointer;
  overflow: visible;
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2474px -1943px;
  width: 70px;
  height: 69px;
  transform: scale(0.9);
}

.bthAnteSelectionPopup .header .ultimateWSOP-closeBtn:hover {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2474px -1801px;
  width: 70px;
  height: 69px;
}

.bthAnteSelectionPopup .header .ultimateWSOP-closeBtn:active {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2474px -1872px;
  width: 70px;
  height: 69px;
}

.bthAnteSelectionPopup .header .ultimateWSOP-header .ultimateWSOP-header-banner {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -841px -1512px;
  width: 768px;
  height: 82px;
}

.bthAnteSelectionPopup .header .ultimateWSOP-header .ultimateWSOP-header-title {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -1532px -1439px;
  width: 304px;
  height: 49px;
  position: absolute;
  top: 15px;
  left: 250px;
}

.bthAnteSelectionPopup.ultimateWSOP {
  box-shadow: 0 0 7px 2px #ffe20f;
  border: 2px solid #f7e799;
  border-bottom-color: #F7BC99;
}

.bthAnteSelectionPopup.ultimateWSOP .content {
  display: flex;
  flex-direction: column;
  background: radial-gradient(circle, #066b6e 35%, rgba(7, 0, 23, 0.968447) 100%, #070017 10%), linear-gradient(to top, #070017 40%, #066b6e 100%, #066b6e 98%);
  background-size: 100% 41%, 100% 100%;
  background-position: top center, bottom center;
  background-repeat: no-repeat, repeat;
}

.bthAnteSelectionPopup.ultimateWSOP .content:after {
  box-shadow: inset 7px -7px 7px -5px #ffd545, inset -7px 0 7px -5px #f7b799;
}

.bthAnteSelectionPopup .content {
  display: flex;
  flex-direction: column;
  background: radial-gradient(ellipse at center, #0130cb 0%, #0130cb 5%, rgba(125, 185, 232, 0) 23%), linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 65%, rgba(208, 16, 167, 0.1) 85%, rgba(208, 16, 167, 0.6) 100%), radial-gradient(ellipse at bottom center, #2a0558 0%, #1b033f 41%, #000000 100%);
  background-size: 200% 100%, 100% 100%, 100% 100%;
  background-position: 50% -133px, 50% 50%, 0 bottom;
}

.bthAnteSelectionPopup .content:after {
  box-shadow: inset 7px -7px 7px -5px #b146f8, inset -7px 0 7px -5px #b146f8;
}

.bthAnteSelectionPopup .bth-firefly {
  position: absolute;
  width: 4px;
  height: 4px;
  left: 0px;
  top: -62px;
  border-radius: 50%;
  transform: translate3d(0, 0, 0);
  animation: pulse 1.5s linear 0s infinite, scale 8s linear 0s infinite, move 15s linear 0s infinite;
}

.bthAnteSelectionPopup .bth-firefly:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
}

.bthAnteSelectionPopup .bth-firefly.a, .bthAnteSelectionPopup .bth-firefly.c, .bthAnteSelectionPopup .bth-firefly.f {
  background: #1f7eff;
  box-shadow: 0 0 0 10px rgba(46, 133, 245, 0);
}

.bthAnteSelectionPopup .bth-firefly.a:after, .bthAnteSelectionPopup .bth-firefly.c:after, .bthAnteSelectionPopup .bth-firefly.f:after {
  box-shadow: 0 0 2px 2px rgba(46, 133, 245, 0.9);
}

.bthAnteSelectionPopup .bth-firefly.b, .bthAnteSelectionPopup .bth-firefly.d, .bthAnteSelectionPopup .bth-firefly.e {
  background: #f30a9e;
  box-shadow: 0 0 0 10px rgba(188, 13, 124, 0);
}

.bthAnteSelectionPopup .bth-firefly.b:after, .bthAnteSelectionPopup .bth-firefly.d:after, .bthAnteSelectionPopup .bth-firefly.e:after {
  box-shadow: 0 0 2px 2px rgba(188, 13, 124, 0.9);
}

.bthAnteSelectionPopup .bth-firefly.a {
  offset-path: path("M66,56l7,12v18l-12,17l-17,9l-15.5-7.5L28,84l11-5l18,3l9,7l16,11c0,0,17-2,17-3s12-13,12-14s8-10,8-10l8-7l9,2l8,3l8,10l6,11l8,1l6-5l6-12l9-12l7-4l12-2l13,6l9,22l-1,21l-14,18l-13,10l-20,3l-24-4l-13-11l-2-12l-10-13l-10-4V84l1-4");
}

.bthAnteSelectionPopup .bth-firefly.b {
  animation-delay: 2s;
  offset-path: path("M-29.5,181.5c0.13,5.33,1.26,24.61,16,39c1.72,1.68,7.6,7.17,17,11c5.58,2.27,17.1,5.87,31,3 c2.14-0.44,12.8-2.79,23-11c6.63-5.34,6.5-7.88,17-18c3.37-3.25,7.95-7.66,14-12c9.62-6.89,16.3-11.7,26-13 c12.14-1.63,22.02,3.16,32,8c6.5,3.15,8.25,5.08,9,6c7.94,9.66,2.67,24.91,2,27c-3.58,11.2-11.69,17.35-18,22 c-5.41,3.99-19.01,8.71-46,18c-11.13,3.83-16.79,5.77-21,7c-7.63,2.22-10.52,2.72-16,5c-9.31,3.88-15.35,6.39-17,12 c-1.65,5.62,1.86,11.77,5,15c2.23,2.3,3.71,2.53,14,7c11.5,5,12.96,6.15,14,8c2.5,4.44,1.6,11.08-2,15c-6.29,6.86-18.94,5.09-23-1 c-3.76-5.65,0.52-14.11,3-19c3.78-7.47,6.69-7.43,13-17c2.89-4.39,5.99-9.09,8-16c2.81-9.65,1.76-17.66,1-23 c-1.09-7.68-1.67-11.75-5-15c-3.56-3.48-6.98-2.81-16-5c-0.72-0.18-10.91-2.71-21-8c-8.31-4.36-15.4-8.07-19-16 c-2.27-4.99-2.15-9.44-2-15c0.1-3.84,0.46-13.15,6-23c5.1-9.07,11.85-13.75,18-18c5.79-4.01,13.5-9.34,25-11 c9.41-1.36,16.63,0.43,23,2c8.21,2.03,14.43,3.56,19,9c2.29,2.72,4.18,6.44,6,10c1.74,3.41,2.5,5.46,4,9c3.87,9.14,5.81,13.71,7,15 c7.52,8.12,28.15,1.1,49-6c9.71-3.3,17.57-6.59,23-9");
}

.bthAnteSelectionPopup .bth-firefly.c {
  animation-delay: 3s;
  offset-path: path("M-12.5,77.5c-0.92,4.9-2.75,18.32,5,30c1.99,3,5.68,8.57,12,10c5.32,1.21,7.74-1.61,16-4 c12.58-3.65,23.67-1.96,30-1c8.53,1.3,14.89,3.71,18,5c9.35,3.9,16.35,6.81,21,14c4.98,7.7,4.48,15.98,4,24 c-0.49,8.06-0.92,15.19-6,21c-4.23,4.84-9.88,6.29-21,9c-12.64,3.08-18.95,5.25-27,4c-1.91-0.3-8.67-1.49-16-6 c-4.73-2.91-22.36-13.76-21-31c1.22-15.52,17.22-28.44,29-27c11.07,1.36,11.72,14.59,31,25c7.44,4.02,15.01,8.11,23,6 c11.82-3.12,10.25-16.05,25-29c15.56-13.67,34.14-14.07,39-14c7.66,0.11,18.84,0.26,25,8c8.32,10.44,4.07,30.41-8,40 c-13.46,10.69-32.45,5.16-42-1c-7-4.51-11.7-11.14-18-20c-8.94-12.59-7.67-15.59-13-19c-13.53-8.67-34.36,2.54-37,4 c-10.25,5.68-16.16,13.57-19,18");
}

.bthAnteSelectionPopup .bth-firefly.d {
  animation-delay: 1s;
  offset-path: path("M432.5,36.5c-3.99,4.4-9.82,12.05-13,23c-1.03,3.56-2.18,7.63-2,13c0.48,14.18,9.74,23.74,12,26 c1.85,1.86,10.77,10.43,25,12c1.67,0.18,9.06,0.89,18-2c11.15-3.61,17.67-10.54,19-12c7.54-8.27,4.54-11.96,12-21 c7.36-8.93,16.23-12.52,20-14c6.6-2.59,14.52-5.69,22-2c5.11,2.52,7.47,6.96,8,8c3.84,7.62,0.74,15.55-1,20 c-1.91,4.88-5.87,15.01-16,18c-1.34,0.4-12.13,3.39-19-4c-5-5.37-6.15-14.33-2-20c5.04-6.89,16.27-6.66,23-3 c6.73,3.66,6.42,9.39,16,28c6.44,12.51,9.77,18.82,15,22c9.56,5.8,22.81,4.41,32,0c12.87-6.17,11.98-15.47,24-19 c7.58-2.23,14.28-0.39,23,2c8.33,2.28,17.43,4.78,25,13c2,2.18,13.1,14.23,10,30c-0.39,1.96-3.05,14.41-14,20 c-8.34,4.25-16.45,1.97-27-1c-10.13-2.85-19.23-5.41-24-14c-0.26-0.48-5.72-10.29-2-19c1.46-3.43,3.28-4.21,7-9 c4.2-5.42,6.62-10.55,8-14");
}

.bthAnteSelectionPopup .bth-firefly.e {
  offset-path: path("M734.5,88.5c-6.46-2.86-17.26-6.68-31-7c-7.71-0.18-25.43-0.59-42,11c-15.4,10.78-21.15,25.87-25,36 c-4.74,12.46-5.52,22.87-6,30c-0.69,10.2-1.03,16.39,2,24c0.99,2.49,4.79,12.02,14,18c3.8,2.46,5.04,2.07,9,5 c5.21,3.86,7.72,7.99,11,13c10.75,16.44,10.88,13.52,14,20c4.52,9.37,5.2,17.43,6,27c1.24,14.82,1.87,22.24-2,30 c-7.14,14.34-24,18.71-29,20c-27.11,7.02-50.33-9.65-55-13c-18.02-12.93-24.76-30.07-27-36c-3.39-8.98-6.96-18.44-4-30 c4.08-15.92,17.51-24.05,21-26c8.29-4.62,16.07-5.3,24-6c11.09-0.97,11.97,1.11,24,1c11.88-0.11,28.39-0.26,39-11 c2.58-2.61,7.55-7.11,8-14c0.62-9.38-6.17-19.49-14-21c-12.94-2.5-24.81,19.18-28,25c-1.72,3.14-11.38,21.41-7,44 c1.32,6.83,3.01,14.9,10,21c1.25,1.09,10.92,9.52,21,6c4-1.4,6.59-4.16,8-6");
}

.bthAnteSelectionPopup .bth-firefly.f {
  animation-delay: 3s;
  offset-path: path("M740.5,251.5c-1.44,6.62-6.21,24.28-22,35c-16.98,11.54-36.1,7.84-56,4c-18.91-3.65-38.12-7.36-49-24 c-1.71-2.61-14.26-22.46-4-39c8.86-14.28,30.26-18.87,43-11c16.62,10.27,14.72,39.44,4,55c-7.36,10.68-14.87,9.15-40,24 c-23.14,13.68-39.95,23.62-40,37c-0.05,12.4,14.33,23.27,26,27c18,5.75,34.03-4.06,47-12c10.17-6.22,24.15-14.78,24-26 c-0.14-10.31-12.08-11.68-15-25c-3.53-16.12,10.08-31.84,12-34c11.23-12.63,20.3-9.3,27-20c7.96-12.72,5.45-33.91-4-39 c-11.53-6.21-34.74,10.84-47,26c-8.63,10.67-9.82,17.92-21,26c-4.32,3.12-13.19,9.53-25,10c-16.03,0.63-28.11-10.05-45-25 c-10.21-9.04-17.53-17.46-22-23");
}

.bthAnteSelectionPopup .bth-leaves-back-left {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2198px -989px;
  width: 183px;
  height: 269px;
}

.bthAnteSelectionPopup .bth-leaves-back-right {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -1926px -272px;
  width: 258px;
  height: 279px;
  right: -2px;
}

.bthAnteSelectionPopup .bth-smoke-left {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -1411px -1735px;
  width: 320px;
  height: 132px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.bthAnteSelectionPopup .bth-smoke-right {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -1087px -1363px;
  width: 286px;
  height: 77px;
  position: absolute;
  bottom: 0;
  right: 25px;
}

.bthAnteSelectionPopup .bth-ultimateWSOP-smoke {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -222px -1363px;
  width: 863px;
  height: 101px;
  position: absolute;
  bottom: 0;
}

.bthAnteSelectionPopup .bth-leaves-bottom-left {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: 0px -1512px;
  width: 400px;
  height: 221px;
  transform: scale(0, 8) translate3d(0, 0, 0);
  bottom: -15px;
  left: -20px;
}

.bthAnteSelectionPopup .bth-leaves-bottom-right {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -1532px -711px;
  width: 392px;
  height: 221px;
  transform: scale(0, 8) translate3d(0, 0, 0);
  bottom: 0;
  right: -2px;
}

.bthAnteSelectionPopup .bthLogo {
  position: absolute;
  bottom: 4px;
  left: 10px;
}

.bthAnteSelectionPopup .bthLogo.caribbeanHoldem {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -944px -1967px;
  width: 228px;
  height: 102px;
}

.bthAnteSelectionPopup .bthLogo.ultimateWSOP {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -517px -2219px;
  width: 229px;
  height: 129px;
  transform: scale(0.9);
  left: -10px;
  bottom: 5px;
}

.bthAnteSelectionPopup .bth-ultimateWSOP-trips-switch-off {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2474px -1697px;
  width: 123px;
  height: 49px;
  position: absolute;
  bottom: 70px;
  right: 15px;
}

.bthAnteSelectionPopup .bth-ultimateWSOP-trips-switch-off .trips-check {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2711px -1970px;
  width: 44px;
  height: 45px;
  cursor: pointer;
  position: absolute;
  right: 78px;
  top: 1px;
}

.bthAnteSelectionPopup .bth-ultimateWSOP-trips-switch-off .trips-check.activated {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2560px -1070px;
  width: 44px;
  height: 45px;
}

.bthAnteSelectionPopup .bth-ultimateWSOP-trips-switch-off .trips-title {
  position: absolute;
  right: 20px;
  font-size: 30px;
  bottom: 8px;
  margin: 0;
  color: #808080;
  font-family: AkzidGroProMedCndAlt, serif;
}

.bthAnteSelectionPopup .bth-ultimateWSOP-trips-switch {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2474px -1697px;
  width: 123px;
  height: 49px;
  position: absolute;
  bottom: 70px;
  right: 15px;
}

.bthAnteSelectionPopup .bth-ultimateWSOP-trips-switch .trips-check {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2711px -1970px;
  width: 44px;
  height: 45px;
  cursor: pointer;
  position: absolute;
  right: 78px;
  top: 1px;
}

.bthAnteSelectionPopup .bth-ultimateWSOP-trips-switch .trips-check.activated {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2560px -1070px;
  width: 44px;
  height: 45px;
}

.bthAnteSelectionPopup .bth-ultimateWSOP-trips-switch .trips-title {
  position: absolute;
  right: 20px;
  font-size: 30px;
  bottom: 8px;
  margin: 0;
  font-family: AkzidGroProMedCndAlt, serif;
}

.bthAnteSelectionPopup .bth-ultimateWSOP-trips-switch .trips-title-off {
  color: #808080;
}

.bthAnteSelectionPopup .bth-ultimateWSOP-howToPlay {
  position: absolute;
  bottom: 5px;
  right: 3px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.bthAnteSelectionPopup .bth-ultimateWSOP-howToPlay:hover a {
  text-shadow: #59ffea 0 0 5px, #59ffea 0 0 6px, #354240 0 0 7px, #354240 0 0 9px;
}

.bthAnteSelectionPopup .bth-ultimateWSOP-howToPlay:hover .underline {
  box-shadow: inset 0 0 7px 2px #e3eeef, 0 0 7px 2px #59ffea;
}

.bthAnteSelectionPopup .bth-ultimateWSOP-howToPlay a {
  font-size: 28px;
  color: #e3eeef;
  text-shadow: #59ffea 0 0 5px, #354240 0 0 6px, #354240 0 0 7px, #354240 0 0 9px;
  font-family: AkzidGroProMedCndAlt, serif;
  margin: 0 -10px 5px 0;
}

.bthAnteSelectionPopup .bth-ultimateWSOP-howToPlay .underline {
  box-shadow: inset 0 0 7px 2px #e3eeef, 0 0 7px 2px #6cdbcd;
  height: 2px;
  width: 100%;
  background-color: #e3eeef;
}

.bthAnteSelectionPopup .bth-ultimateWSOP-howToPlay .howToPlay-questionMark {
  transform: scale(0.6);
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2554px -243px;
  width: 55px;
  height: 56px;
}

.bthAnteSelectionPopup .bth-ultimateWSOP-howToPlay .howToPlay-questionMark:active {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2554px -350px;
  width: 55px;
  height: 56px;
}

.bthAnteSelectionPopup .bthAnteSlider {
  position: relative;
  height: 46px;
  margin: 2rem;
}

.bthAnteSelectionPopup .bthAnteSlider .sliderRange {
  top: 0;
}

.bthAnteSelectionContent {
  display: flex;
  flex: 1 0 100%;
  flex-direction: column;
}

.bthAnteSelectionContent > header {
  display: flex;
  justify-content: space-between;
  margin: 20px 10px;
  flex: 0 0 3.5em;
}

.bthAnteSelectionContent > footer {
  flex: 0 0 7.5em;
}

.bthAnteSelectionContent .tooltip-banner-bonus-table-item, .bthAnteSelectionContent .locked-perk {
  position: relative;
  background-color: #030f14;
  height: 60px;
  border-radius: 4px;
  padding-left: 65px;
  padding-right: 15px;
  display: flex;
  align-items: center;
  margin-left: 10px;
}

.bthAnteSelectionContent .tooltip-banner-bonus-table-item:before, .bthAnteSelectionContent .locked-perk:before {
  content: "";
  pointer-events: none;
  position: absolute;
  border-radius: 4px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: solid 1px #59d1ff;
  box-shadow: inset 0 0 7px 2px #0042ff, 0 0 7px 2px #0042ff;
}

.bthAnteSelectionContent .tooltip-banner-bonus-table-item.practice:before,
.bthAnteSelectionContent .tooltip-banner-bonus-table-item.practice .icon-bonus, .bthAnteSelectionContent .locked-perk.practice:before,
.bthAnteSelectionContent .locked-perk.practice .icon-bonus {
  opacity: .5;
}

.bthAnteSelectionContent .tooltip-banner-bonus-table-item .banner-bonus-table-item, .bthAnteSelectionContent .locked-perk .banner-bonus-table-item {
  font-family: AkzidGroProLigCnd;
  font-size: 22px;
  width: 50px;
  line-height: 20px;
}

.bthAnteSelectionContent .tooltip-banner-bonus-table-item .banner-bonus-table-item .icon-bonus, .bthAnteSelectionContent .locked-perk .banner-bonus-table-item .icon-bonus {
  position: absolute;
  transform: scale(0.75);
  top: -20px;
  left: -16px;
  z-index: 50;
}

.bthAnteSelectionContent .tooltip-banner-bonus-table-item .banner-bonus-table-item.bonus-supersize .icon-bonus, .bthAnteSelectionContent .tooltip-banner-bonus-table-item .banner-bonus-table-item.bonus-no-supersize .icon-bonus, .bthAnteSelectionContent .locked-perk .banner-bonus-table-item.bonus-supersize .icon-bonus, .bthAnteSelectionContent .locked-perk .banner-bonus-table-item.bonus-no-supersize .icon-bonus {
  background-image: url(assets/images/AtlasWsopBank.png);
  background-position: -916px 0px;
  width: 100px;
  height: 100px;
}

.bthAnteSelectionContent .tooltip-banner-bonus-table-item .banner-bonus-table-item.bonus-supersize .icon-bonus.supersize-extreme, .bthAnteSelectionContent .tooltip-banner-bonus-table-item .banner-bonus-table-item.bonus-no-supersize .icon-bonus.supersize-extreme, .bthAnteSelectionContent .locked-perk .banner-bonus-table-item.bonus-supersize .icon-bonus.supersize-extreme, .bthAnteSelectionContent .locked-perk .banner-bonus-table-item.bonus-no-supersize .icon-bonus.supersize-extreme {
  background-image: url(assets/images/AtlasWsopBank.png);
  background-position: -712px -408px;
  width: 151px;
  height: 150px;
  top: -45px;
  left: -45px;
  transform: scale(0.65);
}

.bthAnteSelectionContent .tooltip-banner-bonus-table-item .banner-bonus-table-item.bonus-album-pack, .bthAnteSelectionContent .tooltip-banner-bonus-table-item .banner-bonus-table-item.bonus-no-album-pack, .bthAnteSelectionContent .locked-perk .banner-bonus-table-item.bonus-album-pack, .bthAnteSelectionContent .locked-perk .banner-bonus-table-item.bonus-no-album-pack {
  font-size: 20px;
  width: 67px;
  margin-left: -16px;
}

.bthAnteSelectionContent .tooltip-banner-bonus-table-item .banner-bonus-table-item.bonus-album-pack .icon-bonus, .bthAnteSelectionContent .tooltip-banner-bonus-table-item .banner-bonus-table-item.bonus-no-album-pack .icon-bonus, .bthAnteSelectionContent .locked-perk .banner-bonus-table-item.bonus-album-pack .icon-bonus, .bthAnteSelectionContent .locked-perk .banner-bonus-table-item.bonus-no-album-pack .icon-bonus {
  background-image: url(assets/images/Atlas.png);
  background-position: -3500px -436px;
  width: 100px;
  height: 100px;
  left: -30px;
}

.bthAnteSelectionContent .banner-bonus-table.ultimateWSOP .tooltip-banner-bonus-table-item:before, .bthAnteSelectionContent .banner-bonus-table.ultimateWSOP .locked-perk:before {
  border: solid 1px #59ffea;
  box-shadow: inset 0 0 7px 2px #59ffea, 0 0 7px 2px #59ffea;
}

.bthAnteSelectionContent .locked-perk:first-child {
  margin-left: 0;
}

.bthAnteSelectionContent .genericInfoBoxSeparator {
  position: absolute;
  width: 0;
  border-right: solid 1px #59d1ff;
  box-shadow: 0 0 7px 2px #0042ff;
  display: block;
  position: relative;
  height: 3.2em;
}

.bthAnteSelectionContent .genericInfoBoxSeparator:before {
  position: absolute;
  content: "";
  left: -7px;
  top: -7px;
  width: 14px;
  height: 14px;
  background-image: linear-gradient(to bottom, #030f14, #030f14, rgba(3, 15, 20, 0));
}

.bthAnteSelectionContent .genericInfoBoxSeparator:after {
  position: absolute;
  content: "";
  left: -7px;
  bottom: -7px;
  width: 14px;
  height: 14px;
  background-image: linear-gradient(to bottom, rgba(3, 15, 20, 0), #030f14, #030f14);
}

.bthAnteSelectionContent .genericInfoBoxPart {
  min-width: 9.7em;
  padding: 1em 1.2em;
}

.bthAnteSelectionContent .genericInfoBoxPart h2, .bthAnteSelectionContent .genericInfoBoxPart h3 {
  margin: 0;
}

.bthAnteSelectionContent .genericInfoBox.ultimateWSOP .genericInfoBoxSeparator {
  position: absolute;
  width: 0;
  border-right: solid 1px #59ffea;
  box-shadow: 0 0 7px 2px #59ffea;
  display: block;
  position: relative;
  height: 3.2em;
}

.bthAnteSelectionContent .genericInfoBox.ultimateWSOP .genericInfoBoxSeparator:before {
  position: absolute;
  content: "";
  left: -7px;
  top: -7px;
  width: 14px;
  height: 14px;
  background-image: linear-gradient(to bottom, #030f14, #030f14, rgba(3, 15, 20, 0));
}

.bthAnteSelectionContent .genericInfoBox.ultimateWSOP .genericInfoBoxSeparator:after {
  position: absolute;
  content: "";
  left: -7px;
  bottom: -7px;
  width: 14px;
  height: 14px;
  background-image: linear-gradient(to bottom, rgba(3, 15, 20, 0), #030f14, #030f14);
}

.bthAnteSelectionContent .genericInfoBox.ultimateWSOP.srInfos:after {
  border: solid 1px #59ffea;
  box-shadow: inset 0 0 7px 2px #59ffea,0 0 7px 2px #59ffea;
}

.bthAnteSelectionContent .genericInfoBox.ultimateWSOP.srInfos .title {
  text-shadow: #354240 0 0 5px, #354240 0 0 6px, #354240 0 0 7px, #354240 0 0 9px;
  color: #59ffea;
}

.bthAnteSelectionContent .tooExpensive {
  color: #ff8e1f;
  opacity: 0.7;
}

.bthAnteSelectionMain {
  display: flex;
  line-height: 1;
  flex-direction: column;
  justify-content: center;
}

.bthAnteSelectionMain.hasBPMultiplier .braceletContainer {
  position: absolute;
  top: 84px;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}

.bthAnteSelectionMain.hasBPMultiplier .genericInfoBoxPart {
  width: 8.8em;
  min-width: auto;
  padding: 1em 0.2em;
}

.bthAnteSelectionMain.hasBPMultiplier span.value {
  margin-top: 4px;
}

.bthAnteSelectionExtraInfo {
  font-size: 1.8em;
  max-width: 58%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1.6em;
  text-transform: uppercase;
}

.bthAnteSelectionExtraInfo p {
  margin-top: 0;
}

.bthAnteSelectionExtraInfo p:last-of-type {
  margin-bottom: 0;
}

.bthAnteSelectionAnteCallBuyIn {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.genericPokerCard {
  /* Resize is done with transforming by scale */
}

.genericPokerCardWrapper {
  width: 100px;
  font-size: 100px;
  position: relative;
}

.genericPokerCard .cardFront {
  width: 100%;
  height: 0;
  padding-bottom: 134.6%;
  position: relative;
  border-radius: 0.08em;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background-image: linear-gradient(to bottom, #ffffff 0%, #d0d0d0 100%);
  z-index: 1;
}

.genericPokerCard .cardFront .cardFace {
  top: -0.06em;
  left: 0.05em;
  line-height: 1;
  text-align: left;
  position: absolute;
  font-size: calc(1em * 0.6);
}

.genericPokerCard .cardFront .cardSuit {
  position: absolute;
  background-repeat: no-repeat;
}

.genericPokerCard .cardFront .cardSuitSmall {
  top: 62px;
  left: 0;
  transform: scale(0.9);
  transform-origin: top left;
}

.genericPokerCard .cardFront .cardSuitLarge {
  right: -1px;
  bottom: 2px;
  transform: scale(1.36);
  transform-origin: bottom right;
}

.genericPokerCard .cardFront.Club .cardFace, .genericPokerCard .cardFront.Spade .cardFace {
  color: #000;
}

.genericPokerCard .cardFront.Diamond .cardFace, .genericPokerCard .cardFront.Heart .cardFace {
  color: #c5442f;
}

.genericPokerCard .cardFront.Club .cardSuit {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2556px -935px;
  width: 42px;
  height: 42px;
}

.genericPokerCard .cardFront.Diamond .cardSuit {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2429px -1130px;
  width: 42px;
  height: 42px;
}

.genericPokerCard .cardFront.Heart .cardSuit {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2383px -1176px;
  width: 42px;
  height: 42px;
}

.genericPokerCard .cardFront.Spade .cardSuit {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2427px -1176px;
  width: 42px;
  height: 42px;
}

.emptyCardPlaceholder {
  /* Resize is done with transforming by scale */
}

.emptyCardPlaceholderWrapper {
  width: 100px;
  font-size: 100px;
  position: relative;
}

.emptyCardPlaceholderBG {
  width: 100%;
  height: 0;
  padding-bottom: 134.6%;
  position: relative;
  border-radius: 0.08em;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border: 1px solid #fff;
  box-shadow: 0 0 14px 0 #69dbfe, inset 0 0 8px 0 #105be2;
  background-image: linear-gradient(to bottom, #242937 0%, #16546f 50%, #074398 100%);
  z-index: 1;
}

.handTypeFanContainer {
  position: relative;
}

.handTypeFanContainer .genericPokerCard,
.handTypeFanContainer .emptyCardPlaceholder {
  position: absolute;
}

.handTypeFanContainer .genericPokerCardWrapper::before, .handTypeFanContainer .genericPokerCardWrapper::after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
}

.handTypeFanContainer .genericPokerCardWrapper::before {
  top: 22%;
  left: 2px;
  right: 14%;
  bottom: -80%;
  border-radius: 50%;
  box-shadow: 0 0 24px 0 #000;
}

.handTypeFanContainer .genericPokerCardWrapper::after {
  top: 8%;
  left: 4%;
  right: 14%;
  bottom: 0;
  transform: rotate(1deg);
  transform-origin: center right;
  background-color: black;
  box-shadow: 0 0 4px 6px rgba(0, 0, 0, 0.3);
}

.genericPopup.beatTheHousePopups.payTablePopup {
  top: 50px;
  font-size: 16px;
  /* Close button */
}

.genericPopup.beatTheHousePopups.payTablePopup .pmClose {
  top: 60px;
  right: 72px;
  transform: scale(0.66);
}

.genericPopup.beatTheHousePopups.payTablePopup .pmClose.svgButton {
  overflow: visible;
  cursor: pointer;
}

.genericPopup.beatTheHousePopups.payTablePopup .pmClose.svgButton .glow {
  display: inline;
  stroke-width: 10px;
}

.genericPopup.beatTheHousePopups.payTablePopup .pmClose.svgButton .circle-fill, .genericPopup.beatTheHousePopups.payTablePopup .pmClose.svgButton .x-fill {
  fill: #ffffff;
  stroke: none;
}

.genericPopup.beatTheHousePopups.payTablePopup .pmClose.svgButton .circle-stroke, .genericPopup.beatTheHousePopups.payTablePopup .pmClose.svgButton .x-stroke {
  stroke: #4d0096;
  fill: none;
}

.genericPopup.beatTheHousePopups.payTablePopup .pmClose.svgButton:hover .circle-fill, .genericPopup.beatTheHousePopups.payTablePopup .pmClose.svgButton:hover .x-fill {
  fill: #ffffff;
}

.genericPopup.beatTheHousePopups.payTablePopup .pmClose.svgButton:hover .circle-stroke, .genericPopup.beatTheHousePopups.payTablePopup .pmClose.svgButton:hover .x-stroke {
  stroke: #b87cfb;
}

.genericPopup.beatTheHousePopups.payTablePopup .pmClose.svgButton:active .circle-fill, .genericPopup.beatTheHousePopups.payTablePopup .pmClose.svgButton:active .x-fill {
  fill: #ffffff;
}

.genericPopup.beatTheHousePopups.payTablePopup .pmClose.svgButton:active .circle-stroke, .genericPopup.beatTheHousePopups.payTablePopup .pmClose.svgButton:active .x-stroke {
  stroke: #d3bcec;
}

.genericPopup.beatTheHousePopups.payTablePopup .gpContentCont {
  left: 0;
  width: 768px;
  height: 471px;
  background-image: none;
  background-size: initial;
  background-position: 50% 0;
  background-color: transparent;
}

.genericPopup.beatTheHousePopups.payTablePopup .gpContentCont::after {
  /* Remove the glowing border */
  display: none;
}

.genericPopup.beatTheHousePopups.payTablePopup .gpContentHolder {
  padding: 140px 100px 10px;
  overflow: visible;
}

.genericPopup.beatTheHousePopups.payTablePopup .handTypeFanContainer {
  transform: rotate(-3deg);
  /* Just a touch to look nicer */
  /* custom card face background color */
}

.genericPopup.beatTheHousePopups.payTablePopup .handTypeFanContainer .cardFront {
  background-image: linear-gradient(180deg, #d8f5ff 5%, #91b6d1 100%);
}

.genericPopup.beatTheHousePopups.payTablePopup .bthPayTable {
  width: 570px;
}

.genericPopup.beatTheHousePopups.payTablePopup .bthPayTableTitle {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4em;
  font-style: normal;
  font-family: 'AkzidGroProLigCnd';
  overflow: hidden;
}

.genericPopup.beatTheHousePopups.payTablePopup .bthPayTableTitle h1 {
  flex: 0 0 auto;
  position: relative;
  margin-top: .24em;
  margin-bottom: .24em;
  padding-left: .5em;
  padding-right: .5em;
  overflow: hidden;
  text-transform: uppercase;
  text-shadow: -1.2px -1.2px 0 #7f00ff, 1.2px -1.2px 0 #7f00ff, -1.2px 1.2px 0 #7f00ff, 1.2px 1.2px 0 #7f00ff, 0 0 7.2px #7f00ff;
}

.genericPopup.beatTheHousePopups.payTablePopup .bthPayTableTitle h1::before {
  top: -2em;
  left: -4em;
  right: -4em;
  height: 2em;
  border-radius: 50%;
  content: '';
  display: block;
  position: absolute;
  background-color: black;
  box-shadow: 0 0 0.8em 0.2em rgba(0, 0, 0, 0.8);
}

.genericPopup.beatTheHousePopups.payTablePopup .bthPayTableFooter {
  display: block;
  font-size: 1.2em;
  margin-top: 0;
  margin-bottom: .3em;
  padding-left: .5em;
}

.genericPopup.beatTheHousePopups.payTablePopup .bthPayTableFooter p {
  margin: 0;
}

.genericPopup.beatTheHousePopups.payTablePopup .bthPayTableFooter ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style: none;
  text-align: left;
  text-transform: uppercase;
}

.genericPopup.beatTheHousePopups.payTablePopup .bthPayTableFooter ul li {
  position: relative;
  padding-left: .5em;
}

.genericPopup.beatTheHousePopups.payTablePopup .bthPayTableFooter ul li::before {
  top: .51em;
  /* Half of the line height */
  left: 0;
  width: .22em;
  height: .22em;
  content: '';
  display: block;
  position: absolute;
  background-color: currentColor;
}

.genericPopup.beatTheHousePopups.payTablePopup .bthPayTableHandTypes {
  width: 650px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -1.75385em;
  transform: scale(0.87692) translate(1%, 0);
  transform-origin: 0 0;
}

.genericPopup.beatTheHousePopups.payTablePopup .bthPayTableHandTypeItem {
  display: flex;
  flex: 0 0 33.33%;
  max-width: 33.33%;
  padding: .5em;
  box-sizing: border-box;
  align-content: flex-start;
}

.genericPopup.beatTheHousePopups.payTablePopup .bthPayTableHandTypeIndexNumber {
  width: 1.25em;
  flex: 0 0 1.25em;
  font-size: 1.25em;
}

.genericPopup.beatTheHousePopups.payTablePopup .bthPayTableHandTypeIndexNumber span {
  width: 1.25em;
  height: 1.25em;
  line-height: 1.32812em;
  border-radius: 50%;
  display: block;
  overflow: hidden;
  text-align: center;
  transform: translate(0, 50%);
  font-style: normal;
  font-family: 'AkzidGroProXBolCnd';
  background-color: #df0049;
  text-shadow: -0.0625em 0.0625em 0.25em rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0.5em 0.0625em #df0049;
}

.genericPopup.beatTheHousePopups.payTablePopup .bthPayTable .bthMomentMultiplier {
  position: relative;
  top: 7px;
  color: #6e4986;
  font-family: 'ViburRegular';
  font-size: 44px;
  text-shadow: 1px 1px 2px black;
  opacity: 0.5;
  transform: rotate(-12deg);
}

.genericPopup.beatTheHousePopups.payTablePopup .bthPayTable .bthMomentMultiplier.active {
  color: #fff;
  text-shadow: 2px 2px 0 #880026, 0 0 12px #ff0055, 0 0 12px #ff0055, 0 0 12px #ff0055;
  opacity: 1;
}

.genericPopup.beatTheHousePopups.payTablePopup .bthPayTable .bthMomentMultiplier + h1 {
  padding-left: 5px;
}

.genericPopup.beatTheHousePopups.payTablePopup .bthPayTableHandTypeContainer {
  width: 100%;
  display: block;
}

.genericPopup.beatTheHousePopups.payTablePopup .bthPayTableHandTypeFan {
  display: block;
  position: relative;
}

.genericPopup.beatTheHousePopups.payTablePopup .bthPayTableHandTypeFanContainer {
  height: 3.625em;
  overflow: hidden;
  position: relative;
}

.genericPopup.beatTheHousePopups.payTablePopup .bthPayTableHandTypeFanNeon {
  left: 0;
  bottom: -0.125em;
  width: 6.25em;
  height: .125em;
  position: absolute;
  display: block;
  background-image: linear-gradient(to right, rgba(105, 219, 254, 0) 0%, #69dbfe 20%, #69dbfe 80%, rgba(105, 219, 254, 0) 100%);
}

.genericPopup.beatTheHousePopups.payTablePopup .bthPayTableHandTypeFanNeon::before {
  top: 0;
  left: 10%;
  right: 10%;
  height: .125em;
  content: '';
  display: block;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 .375em .125em #105be2;
}

.genericPopup.beatTheHousePopups.payTablePopup .bthPayTableHandTypeMultiplier {
  display: flex;
  font-size: 1.375em;
  flex-wrap: wrap;
  text-align: left;
  align-items: center;
  justify-content: center;
  margin: .3em -1em 0;
}

.genericPopup.beatTheHousePopups.payTablePopup .bthPayTableHandTypeMultiplier b {
  /* Splitter */
  width: 0.227em;
  height: 0.23835em;
  flex: 0 0 0.227em;
  border-radius: .05em;
  display: block;
  margin-left: 0.3em;
  margin-right: 0.3em;
  background-color: #fff;
}

.genericPopup.beatTheHousePopups.payTablePopup .bthPayTableHandTypeMultiplierTitle {
  text-transform: uppercase;
}

.genericPopup.beatTheHousePopups.payTablePopup .bthPayTableHandTypeMultiplierValue {
  text-shadow: -1px -1px 0 #7f00ff, 1px -1px 0 #7f00ff, -1px 1px 0 #7f00ff, 1px 1px 0 #7f00ff, 0 0 6px #7f00ff;
}

.pay-table-ct .pmClose {
  display: none;
}

.pay-table-ct .ante-pay-logo {
  cursor: pointer;
  position: absolute;
  top: -26px;
  left: 270px;
  transform: scale(0.9);
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -524px -2083px;
  width: 214px;
  height: 121px;
}

.pay-table-ct .close-button {
  position: absolute;
  top: -24px;
  right: 46px;
  transform: scale(0.6);
  z-index: 55;
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2474px -1943px;
  width: 70px;
  height: 69px;
}

.pay-table-ct .close-button:hover {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2474px -1872px;
  width: 70px;
  height: 69px;
}

.pay-table-ct .close-button:active {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2474px -1872px;
  width: 70px;
  height: 69px;
}

.pay-table-ct .list-ante {
  width: 580px;
  gap: 12px;
}

.pay-table-ct .list-ante .bthPayTableHandTypeItemCt {
  position: relative;
  transform: scale(0.9);
}

.pay-table-ct .list-trips {
  width: 580px;
  gap: 12px;
}

.pay-table-ct .list-trips .bthPayTableHandTypeItemCt {
  width: 130px;
  transform: scale(0.8);
}

.pay-table-ct .text-cube {
  transform: scale(0.5);
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2736px -1008px;
  width: 20px;
  height: 23px;
}

.pay-table-ct .text-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

.pay-table-ct .card-hand-ct {
  position: absolute;
  transform: scale(0.85);
  left: 23px;
  bottom: 15px;
}

.pay-table-ct .card-glowing-footer {
  position: absolute;
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2383px -1239px;
  width: 58px;
  height: 9px;
  bottom: 14px;
  left: 64px;
  transform: scaleX(2.5);
}

.pay-table-ct .card-footer-ct {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 170px;
  left: 10px;
  bottom: -16px;
}

.pay-table-ct .card-footer-ct .card-hand-name {
  font-size: 23px;
  font-weight: 700;
}

.pay-table-ct .card-footer-ct .card-hand-payout {
  background: #eded82;
  background: linear-gradient(0deg, red 10%, #ffe400 30%, #e1a407 50%, #fdff78 71%, #eded82 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 22px;
  font-weight: 600;
}

.pay-table-ct .toggle-ante {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -222px -1006px;
  width: 783px;
  height: 128px;
}

.pay-table-ct .toggle-payouts {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -222px -1136px;
  width: 783px;
  height: 128px;
}

.pay-table-ct .royal-flush {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -1375px -1363px;
  width: 155px;
  height: 67px;
}

.pay-table-ct .straight-flush {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -1770px -1512px;
  width: 154px;
  height: 66px;
}

.pay-table-ct .four-of-a-kind {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -1611px -1512px;
  width: 157px;
  height: 67px;
}

.pay-table-ct .trips {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2198px -1865px;
  width: 157px;
  height: 69px;
}

.pay-table-ct .full-house {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -1356px -1136px;
  width: 156px;
  height: 68px;
}

.pay-table-ct .flush {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -1336px -1006px;
  width: 156px;
  height: 68px;
}

.pay-table-ct .straight-or-less {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -1246px -1266px;
  width: 155px;
  height: 68px;
}

.pay-table-ct .toggle-ct {
  transform: scale(0.4);
  position: absolute;
  top: 32px;
  right: 1px;
}

.pay-table-ct .hand-type-gold-bar {
  transform: scale(0.84);
  position: inherit;
  top: 1px;
  left: 35px;
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2718px -1242px;
  width: 38px;
  height: 108px;
}

.pay-table-ct .hand-type-gold-bar-title {
  color: black;
  font-size: 22px;
  font-weight: 800;
  padding-top: 7px;
}

.pay-table-ct .bthPayTable {
  width: 580px;
  position: absolute;
  top: 115px;
  left: 92px;
}

.pay-table-ct .payTablePopup.gpContentHolder {
  overflow: visible;
  padding: 140px 100px 10px;
}

.bthPayTableCt {
  width: 580px;
  position: absolute;
  top: 115px;
  left: 92px;
}

.bthPayTableCt .bthPayTableHandTypesCt {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -20px;
}

.bthPayTableCt .bthPayTableHandTypeItemCt {
  width: 160px;
  position: relative;
  box-sizing: border-box;
  align-content: flex-start;
}

.bthPayTableCt .footer-info {
  display: flex;
  flex-direction: column;
}

.bthPayTableCt .footer-info .glow-text {
  padding-left: 3px;
  background: #eded82;
  background: linear-gradient(0deg, red 10%, #ffe400 30%, #e1a407 50%, #fdff78 71%, #eded82 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bthPayTableCt .footer-info .text-row-only-glow {
  padding-left: 20px;
}

.bthPayTableCt .footer-list-ante {
  margin-top: 20px;
}

.bthPayTableCt .footer-list-ante .text-row {
  font-size: 17px;
  font-family: 'Akzidenz-Grotesk Pro Bold Cnd';
  text-align: left;
}

.bthPayTableCt .footer-list-trips {
  margin-top: 7px;
}

.bthPayTableCt .footer-list-trips .text-row {
  font-size: 15px;
  font-family: 'Akzidenz-Grotesk Pro Bold Cnd';
  text-align: left;
}

#SpecialeEventInfoPopup.caribbean_holdem #BraceletsInfoPopup > .gpContentCont:after {
  box-shadow: 0 0 7px 2px #b146f8;
  border: solid 1px #9f99f7;
  border-bottom: solid 1px rgba(159, 153, 247, 0.7);
}

#SpecialeEventInfoPopup.caribbean_holdem #BraceletsInfoPopup > .gpContentCont .content div {
  text-shadow: 0 2px 10px #9502f5, 0 -2px 10px #9502f5;
  color: #fff6ff;
}

.ultimate-wsop-how-to-popup-container {
  z-index: 3;
  position: absolute;
  top: 66px;
  left: 50%;
  margin-left: -387px;
  width: 774px;
  height: 516px;
  background-size: cover;
  background-position: -2px 0px;
}

.ultimate-wsop-how-to-popup-container .ultimate-wsop-how-to-title-logo {
  position: absolute;
  left: 36%;
  top: -12px;
  transform: scale(1.2);
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -524px -2083px;
  width: 214px;
  height: 121px;
}

.ultimate-wsop-how-to-popup-container .ultimate-wsop-how-to-btn {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2714px -1715px;
  width: 37px;
  height: 71px;
}

.ultimate-wsop-how-to-popup-container .ultimate-wsop-how-to-btn:hover {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2708px -1364px;
  width: 37px;
  height: 71px;
}

.ultimate-wsop-how-to-popup-container .ultimate-wsop-how-to-btn:active {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2719px -1492px;
  width: 37px;
  height: 71px;
}

.ultimate-wsop-how-to-popup-container .leftBtn {
  transform: scaleX(-1);
  position: absolute;
  left: -6px;
  top: 228px;
}

.ultimate-wsop-how-to-popup-container .rightBtn {
  position: absolute;
  right: -6px;
  top: 228px;
}

.ultimate-wsop-how-to-popup-container .ultimate-wsop-how-to-header {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -222px -1266px;
  width: 1022px;
  height: 95px;
  width: 774px;
  align-items: center;
  transform: scale(0.9);
}

.ultimate-wsop-how-to-popup-container .ultimate-wsop-how-to-header .header-logo {
  position: absolute;
  left: 350px;
}

.ultimate-wsop-how-to-popup-container .ultimate-wsop-how-to-close-btn {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2474px -1943px;
  width: 70px;
  height: 69px;
  right: -21px;
  top: -22px;
  transform: scale(0.9);
  position: absolute;
  cursor: pointer;
  z-index: 3;
}

.ultimate-wsop-how-to-popup-container .ultimate-wsop-how-to-close-btn:hover {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2474px -1801px;
  width: 70px;
  height: 69px;
}

.ultimate-wsop-how-to-popup-container .ultimate-wsop-how-to-close-btn:active {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2474px -1872px;
  width: 70px;
  height: 69px;
}

.ultimate-wsop-how-to-popup-container .ultimate-wsop-how-to {
  position: absolute;
  right: 89px;
  top: -2px;
}

.ultimate-wsop-how-to-popup-container .ultimate-wsop-how-to.circle {
  bottom: 2px;
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -698px -2447px;
  width: 150px;
  height: 151px;
}

.ultimate-wsop-how-to-popup-container .ultimate-wsop-how-to.rhombus {
  top: -28px;
  right: 96px;
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -152px -2219px;
  width: 175px;
  height: 175px;
}

.ultimate-wsop-how-to-popup-container .ultimate-wsop-how-to .inner-text {
  text-shadow: #59ffea 0 0 5px, #354240 0 0 6px, #354240 0 0 7px, #354240 0 0 9px;
  font-weight: 600;
  height: 100%;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 27%;
  font-size: 48px;
}

.ultimate-wsop-how-to-popup-container .ultimate-wsop-how-to-side-1 {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: 0px -2447px;
  width: 181px;
  height: 160px;
}

.ultimate-wsop-how-to-popup-container .ultimate-wsop-how-to-side-2 {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -329px -2219px;
  width: 186px;
  height: 164px;
}

.ultimate-wsop-how-to-popup-container .ultimate-wsop-how-to-side-3 {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -183px -2447px;
  width: 179px;
  height: 160px;
}

.ultimate-wsop-how-to-popup-container .ultimate-wsop-how-to-side-4 {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -308px -1735px;
  width: 289px;
  height: 225px;
}

.ultimate-wsop-how-to-popup-container .ultimate-wsop-how-to-side-5 {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2198px -1260px;
  width: 237px;
  height: 193px;
}

.ultimate-wsop-how-to-popup-container .ultimate-wsop-how-to-side-6 {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -761px -517px;
  width: 324px;
  height: 347px;
}

.ultimate-wsop-how-to-popup-container .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #095f53;
}

.ultimate-wsop-how-to-popup-container .dot-active {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #afcfd4;
}

.ultimate-wsop-how-to-popup-container .box-side {
  position: absolute;
  bottom: 0;
  right: 0;
}

.ultimate-wsop-how-to-popup-container .ultimate-wsop-how-to-title {
  text-shadow: #59ffea 0 0 5px, #354240 0 0 6px, #354240 0 0 7px, #354240 0 0 9px;
  position: absolute;
  top: 24%;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 37px;
  font-weight: 500;
}

.ultimate-wsop-how-to-popup-container .ultimate-wsop-how-to-footer {
  display: flex;
  gap: 14px;
  flex-direction: row;
  justify-content: center;
  width: 774px;
  position: absolute;
  bottom: 23px;
}

.ultimate-wsop-how-to-popup-container .ultimate-wsop-how-to-body {
  top: 32%;
  bottom: 32px;
  left: 32px;
  right: 32px;
  font-size: 28px;
  position: absolute;
  display: flex;
  justify-content: space-between;
  text-shadow: #59ffea 0 0 2px, #354240 0 0 6px, #354240 0 0 7px, #354240 0 0 9px;
}

.ultimate-wsop-how-to-popup-container .ultimate-wsop-how-to-body .box-info {
  left: 25%;
  bottom: 100%;
  flex: 3;
  padding: 31px;
  overflow-wrap: break-word;
}

.ultimate-wsop-how-to-popup-container .ultimate-wsop-how-to-body .slide-text-1 {
  padding-top: 55px;
  flex: 2.1;
}

.ultimate-wsop-how-to-popup-container .ultimate-wsop-how-to-body .slide-text-2 {
  padding-top: 11px;
  flex: 3.1;
}

.ultimate-wsop-how-to-popup-container .ultimate-wsop-how-to-body .slide-text-3 {
  padding-top: 22px;
  flex: 1.9;
}

.ultimate-wsop-how-to-popup-container .ultimate-wsop-how-to-body .slide-text-4 {
  padding-top: 25px;
}

.ultimate-wsop-how-to-popup-container .ultimate-wsop-how-to-body .slide-text-5 {
  padding-top: 14px;
  flex: 2.1;
}

.ultimate-wsop-how-to-popup-container .ultimate-wsop-how-to-body .slide-text-6 {
  padding-top: 70px;
  flex: 3.1;
}

.ultimate-wsop-how-to-popup-container .ultimate-wsop-how-to-body .box-art {
  flex: 2;
}

.ultimate-wsop-how-to-popup-container .ultimate-wsop-how-to-body .box-art .card-trips {
  position: absolute;
  right: 34px;
  left: 1px;
  bottom: 2px;
}

.ultimate-wsop-how-to-popup-container .ultimate-wsop-how-to-body .box-art .card-and-circle {
  bottom: -3px;
  position: absolute;
  right: 34px;
}

.ultimate-wsop-how-to-popup-container .ultimate-wsop-how-to-body .box-art .card-full-hand {
  top: 32px;
  position: absolute;
  right: 0;
}

.ultimate-wsop-how-to-popup-container .ultimate-wsop-how-to-body .box-art .card-double {
  bottom: 64px;
  position: absolute;
  right: 85px;
}

.genericPopup.ultimateWSOPPopups.UltimateWSOPTripsPopup .gpContentCont {
  left: 0;
  top: -35px;
  width: 768px;
  height: 471px;
  background-image: none;
  background-size: initial;
  background-position: 50% 0;
  background-color: transparent;
}

.genericPopup.ultimateWSOPPopups.UltimateWSOPTripsPopup .gpContentCont::after {
  /* Remove the glowing border */
  display: none;
}

.ultimate-wsop-trips-container {
  z-index: 3;
  position: absolute;
  top: 66px;
  left: 60%;
  margin-left: -387px;
  width: 627px;
  height: 427px;
  background-size: cover;
  background-position: -2px 0px;
}

.ultimate-wsop-trips-container .ultimate-wsop-how-to-title-logo {
  position: absolute;
  left: 36%;
  top: -75px;
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -524px -2083px;
  width: 214px;
  height: 121px;
}

.ultimate-wsop-trips-container .ultimate-how-to-description-positioning, .ultimate-wsop-trips-container .ultimate-wsop-trips-description1, .ultimate-wsop-trips-container .ultimate-wsop-trips-description2, .ultimate-wsop-trips-container .ultimate-wsop-trips-description3 {
  position: absolute;
  top: 47%;
  font-size: 20px;
  font-weight: 600;
}

.ultimate-wsop-trips-container .ultimate-wsop-trips-title {
  position: absolute;
  top: 45px;
  text-shadow: #59ffea 0 0 7px, #354240 0 0 6px, #59ffea 0 0 7px, #59ffea 0 0 20px;
  font-weight: 500;
  font-size: 32px;
  width: 100%;
  text-align: center;
}

.ultimate-wsop-trips-container .ultimate-wsop-trips-description1 {
  left: 9%;
}

.ultimate-wsop-trips-container .ultimate-wsop-trips-description2 {
  left: 41%;
  max-width: 148px;
  text-align: center;
}

.ultimate-wsop-trips-container .ultimate-wsop-trips-description2 span {
  text-shadow: #59ffea 0 0 15px, #354240 0 0 9px, #354240 0 0 15px, #59ffea 0 0 15px;
}

.ultimate-wsop-trips-container .ultimate-wsop-trips-description3 {
  left: 73%;
}

.ultimate-wsop-trips-container .ultimate-wsop-trips-footer_description {
  position: absolute;
  top: 72%;
  text-align: center;
  width: 100%;
  font-size: 20px;
}

.ultimate-wsop-trips-container .ultimate-wsop-how-to-close-btn {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2474px -1943px;
  width: 70px;
  height: 69px;
  right: -20px;
  top: -83px;
  transform: scale(0.6);
  position: absolute;
  cursor: pointer;
  z-index: 3;
}

.ultimate-wsop-trips-container .ultimate-wsop-how-to-close-btn:hover {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2474px -1801px;
  width: 70px;
  height: 69px;
}

.ultimate-wsop-trips-container .ultimate-wsop-how-to-close-btn:active {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2474px -1872px;
  width: 70px;
  height: 69px;
}

@keyframes scaleIn {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  1% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}

@keyframes scaleOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 0.1;
  }
  100% {
    opacity: 0;
  }
}

.cocktailPromoGamePopup {
  position: absolute;
  top: 95px;
  left: 50%;
  min-width: 763px;
  height: 533px;
  transform: translateX(-50%);
  text-align: center;
  background-image: url(assets/images/cocktailPromo/Tex_Ui_Cocktail_PopupBg.png);
  background-size: cover;
}

.cocktailPromoGamePopup.CandyCanes, .cocktailPromoGamePopup.Christmas {
  box-shadow: inset 0 0 7px 2px #33ff00, 0 0 7px 2px #33ff00;
  border: solid 1px #63ff59;
  border-bottom: 0;
}

.cocktailPromoMain {
  max-width: 70%;
  margin: 10px 10px 10px 0;
}

.cocktailPromoInitCase {
  margin-top: 40px;
  animation: fadeIn 0.5s both;
}

.inTransition .cocktailPromoInitCase {
  animation: fadeOut 0.5s both;
}

.cocktailPromoPlayBtn {
  display: inline-block;
  padding: 10px 40px;
  text-transform: uppercase;
  font-size: 3rem;
  font-family: AkzidGroProBolCnd;
  color: #ffffff;
  animation: fadeIn 0.5s both;
}

.inTransition .cocktailPromoPlayBtn {
  animation: fadeOut 0s both;
}

.cocktailPromoItemList {
  display: flex;
  flex-flow: wrap-reverse;
  justify-content: space-evenly;
  top: 50px;
  position: relative;
  z-index: 1;
  animation: fadeIn 0.5s both;
}

.inTransition .cocktailPromoItemList {
  animation: fadeOut 0s both;
}

.cocktailPromoItemList .cocktailPromoItem {
  position: relative;
  flex: 0 0 33%;
  display: flex;
  justify-content: center;
  transition: all 1s;
  margin: 10px 0;
}

.cocktailPromoItemList .cocktailPromoItem.cocktailPromoItemScaleDown {
  transform: scale(0);
}

.cocktailPromoItemList .cocktailPromoItemContent {
  width: 145px;
  cursor: pointer;
}

.cocktailPromoItemList .cocktailPromoItemData {
  position: absolute;
  left: 50%;
  top: 35%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 55%;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
}

.cocktailPromoItemList .cocktailPromoItemData .bonusIcon.icon-RING_REWARD_40x40 {
  transform: scale(0.7);
  margin-top: 6px;
}

.cocktailPromoItemList .cocktailPromoItemData .bonusIcon.BP_LEADERBOARD_BRACELET_REWARD {
  transform: scale(0.5);
}

.cocktailPromoItemList .cocktailPromoItem .cocktailPromoItemData {
  font-size: 36px;
}

.cocktailPromoItemList .cocktailPromoItem:not(.isSelected) .cocktailPromoItemData {
  opacity: 0.75;
}

.cocktailPromoSpeechContainer {
  margin: 20px;
  width: 500px;
  height: 100px;
}

.cocktailPromoSpeechBubble {
  transform-origin: 100% 50%;
  animation: scaleIn 0.5s both;
  animation-delay: 0.5s;
}

.animate .cocktailPromoSpeechBubble {
  animation-delay: 0s;
  animation: fadeOut 0.5s both;
}

.cocktailPromoSpeechBubble .speechBubbleSvg {
  fill: rgba(0, 23, 70, 0.5);
  stroke-width: 1px;
  stroke: #59d1ff;
}

.cocktailPromoSpeechBubble .cocktailPromoTitle {
  font-size: 24px;
}

.cocktailPromoSpeechBubble .cocktailPromoSvgTitle {
  font-size: 42px;
}

.cocktailPromoDealer {
  position: absolute;
  right: 0;
  bottom: 0;
  max-height: 105%;
}

.cocktailPromoCollectSection {
  animation: fadeIn 0.5s both;
  animation-delay: 1s;
}

.cocktailPromoCollectCase {
  display: flex;
  justify-content: center;
  animation: fadeIn 0.5s both;
}

.cocktailPromoCollectCase .cocktailPromoItem {
  position: relative;
  width: 75%;
}

.cocktailPromoCollectCase .cocktailPromoItemData {
  position: absolute;
  left: 50%;
  top: 35%;
  transform: translate(-50%, -50%);
  font-size: 60px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.cocktailPromoCollectCase .cocktailPromoItemData .bonusIcon {
  transform: scale(0.3);
}

.cocktailPromoCollectCase .cocktailPromoItemData .bonusIcon.icon-RING_REWARD_512x512 {
  transform: scale(1.15);
  margin-top: 76px;
}

.cocktailPromoCollectCase .cocktailPromoItemData .bonusIcon.BP_LEADERBOARD_BRACELET_REWARD {
  transform: scale(1.1);
  margin-top: 20px;
}

.cocktailPromoCollectSection {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 25px 0;
}

.cocktailPromoCollectSection .chipsBankrollAnim {
  position: absolute;
  left: 50%;
  transform: translate(-90%, -85%);
}

.munich1event2021.cocktailPromoGamePopup,
.munich2event2021.cocktailPromoGamePopup,
.munich3event2021.cocktailPromoGamePopup,
.munich4event2021.cocktailPromoGamePopup,
.munich5event2021.cocktailPromoGamePopup {
  background-size: 101% 100% !important;
}

.munich1event2021 .cocktailPromoSpeechBubble .speechBubbleSvg,
.munich2event2021 .cocktailPromoSpeechBubble .speechBubbleSvg,
.munich3event2021 .cocktailPromoSpeechBubble .speechBubbleSvg,
.munich4event2021 .cocktailPromoSpeechBubble .speechBubbleSvg,
.munich5event2021 .cocktailPromoSpeechBubble .speechBubbleSvg {
  fill: rgba(2, 21, 60, 0.8);
  stroke-width: 2px;
  stroke: #56aaf9;
}

.munich1event2021.popup_neon,
.munich2event2021.popup_neon,
.munich3event2021.popup_neon,
.munich4event2021.popup_neon,
.munich5event2021.popup_neon {
  box-shadow: inset 0 0 2px 2px #1b4cd6, 0 0 5px 2px #1b4cd6 !important;
  border: solid 1px #56f9f9 !important;
}

.munich1event2021 .cocktailPromoInitContent,
.munich1event2021 .cocktailPromoCollectCase .cocktailPromoItem,
.munich1event2021 .cocktailPromoItemList,
.munich1event2021 .cocktailPromoCollectSection,
.munich2event2021 .cocktailPromoInitContent,
.munich2event2021 .cocktailPromoCollectCase .cocktailPromoItem,
.munich2event2021 .cocktailPromoItemList,
.munich2event2021 .cocktailPromoCollectSection,
.munich3event2021 .cocktailPromoInitContent,
.munich3event2021 .cocktailPromoCollectCase .cocktailPromoItem,
.munich3event2021 .cocktailPromoItemList,
.munich3event2021 .cocktailPromoCollectSection,
.munich4event2021 .cocktailPromoInitContent,
.munich4event2021 .cocktailPromoCollectCase .cocktailPromoItem,
.munich4event2021 .cocktailPromoItemList,
.munich4event2021 .cocktailPromoCollectSection,
.munich5event2021 .cocktailPromoInitContent,
.munich5event2021 .cocktailPromoCollectCase .cocktailPromoItem,
.munich5event2021 .cocktailPromoItemList,
.munich5event2021 .cocktailPromoCollectSection {
  margin-left: 40px;
  position: relative;
}

.munich1event2021 .cocktailPromoCollectSection,
.munich2event2021 .cocktailPromoCollectSection,
.munich3event2021 .cocktailPromoCollectSection,
.munich4event2021 .cocktailPromoCollectSection,
.munich5event2021 .cocktailPromoCollectSection {
  margin-left: 20px;
}

.munich1event2021 .cocktailPromoPlayBtn[data-purpose="play"],
.munich2event2021 .cocktailPromoPlayBtn[data-purpose="play"],
.munich3event2021 .cocktailPromoPlayBtn[data-purpose="play"],
.munich4event2021 .cocktailPromoPlayBtn[data-purpose="play"],
.munich5event2021 .cocktailPromoPlayBtn[data-purpose="play"] {
  left: 200px;
}

.munich1event2021 .cocktailPromoPlayBtn[data-purpose="collect"],
.munich2event2021 .cocktailPromoPlayBtn[data-purpose="collect"],
.munich3event2021 .cocktailPromoPlayBtn[data-purpose="collect"],
.munich4event2021 .cocktailPromoPlayBtn[data-purpose="collect"],
.munich5event2021 .cocktailPromoPlayBtn[data-purpose="collect"] {
  left: 180px;
}

.xmasevent2021.cocktailPromoGamePopup {
  background-size: 102% 100% !important;
  background-position: center center !important;
}

.xmasevent2021 .cocktailPromoSpeechBubble .speechBubbleSvg {
  fill: rgba(2, 21, 60, 0.8);
  stroke-width: 2px;
  stroke: #4b7def;
  position: relative;
  right: 15px;
}

.xmasevent2021.popup_neon {
  box-shadow: inset 0 0 2px 2px #1b4cd6, 0 0 5px 2px #489cd8 !important;
  border: solid 1px #56f9f9 !important;
}

.xmasevent2021 .cocktailPromoDealer {
  max-height: 99%;
  position: absolute;
  right: 5px;
}

.xmasevent2021 .cocktailPromoPlayBtn[data-purpose="play"] {
  left: 230px;
}

.xmasevent2021 .cocktailPromoPlayBtn[data-purpose="collect"] {
  left: 180px;
}

.xmasevent2021.cocktailPromoGamePopup {
  overflow: hidden;
}

.xmasevent2021 .cocktailPromoInitContent {
  position: relative;
}

.xmasevent2021 .cocktailPromoInitContent,
.xmasevent2021 .cocktailPromoCollectCase .cocktailPromoItem,
.xmasevent2021 .cocktailPromoItemList,
.xmasevent2021 .cocktailPromoCollectSection {
  left: 15px;
}

.xmasevent2021 .cocktailPromoSpeechBubble .cocktailPromoTitle,
.xmasevent2021 .cocktailPromoSpeechBubble .cocktailPromoSvgTitle {
  margin-left: 25px;
}

.xmasevent2021 .cocktailPromoSpeechBubble .cocktailPromoSvgTitle {
  font-size: 35px;
}

.xmasevent2021 .cocktailPromoSpeechBubble .cocktailPromoSvgTitle text {
  font-size: 35px !important;
}

.xmasevent2021 .cocktailPromoItemList .cocktailPromoItemContent .cocktailPromoItemData {
  font-size: 36px !important;
}

.xmasevent2021 text {
  text-rendering: geometricPrecision;
}

.xmasevent2021 .cocktailPromoItemList .cocktailPromoItem .cocktailPromoItemData {
  transform: translate(-50%, -50%) scale(1);
}

.xmasevent2021 .cocktailPromoItemList .cocktailPromoItem .cocktailPromoItemData text,
.xmasevent2021 .cocktailPromoItemList .cocktailPromoItem .cocktailPromoItemData defs {
  transform-origin: 28px 23px;
}

.wonderlandevent2022.cocktailPromoGamePopup {
  background-size: 102% 100% !important;
  background-position: center center !important;
}

.wonderlandevent2022 .cocktailPromoSpeechBubble .speechBubbleSvg {
  fill: rgba(2, 21, 60, 0.8);
  stroke-width: 2px;
  stroke: #4b7def;
  position: relative;
  right: 15px;
}

.wonderlandevent2022.popup_neon {
  box-shadow: inset 0 0 2px 2px #1b4cd6, 0 0 5px 2px #489cd8 !important;
  border: solid 1px #56f9f9 !important;
}

.wonderlandevent2022 .cocktailPromoDealer {
  max-height: 99%;
  position: absolute;
  right: 5px;
}

.wonderlandevent2022 .cocktailPromoPlayBtn[data-purpose="play"] {
  left: 230px;
}

.wonderlandevent2022 .cocktailPromoPlayBtn[data-purpose="collect"] {
  left: 180px;
}

.wonderlandevent2022.cocktailPromoGamePopup {
  overflow: hidden;
}

.wonderlandevent2022 .cocktailPromoInitContent {
  position: relative;
}

.wonderlandevent2022 .cocktailPromoInitContent,
.wonderlandevent2022 .cocktailPromoCollectCase .cocktailPromoItem,
.wonderlandevent2022 .cocktailPromoItemList,
.wonderlandevent2022 .cocktailPromoCollectSection {
  left: 15px;
}

.wonderlandevent2022 .cocktailPromoSpeechBubble .cocktailPromoTitle,
.wonderlandevent2022 .cocktailPromoSpeechBubble .cocktailPromoSvgTitle {
  margin-left: 25px;
}

.wonderlandevent2022 .cocktailPromoSpeechBubble .cocktailPromoSvgTitle {
  font-size: 35px;
}

.wonderlandevent2022 .cocktailPromoSpeechBubble .cocktailPromoSvgTitle text {
  font-size: 35px !important;
}

.wonderlandevent2022 .cocktailPromoItemList .cocktailPromoItemContent .cocktailPromoItemData {
  font-size: 36px !important;
}

.wonderlandevent2022 text {
  text-rendering: geometricPrecision;
}

.wonderlandevent2022 .cocktailPromoItemList .cocktailPromoItem .cocktailPromoItemData {
  transform: translate(-50%, -50%) scale(1);
}

.wonderlandevent2022 .cocktailPromoItemList .cocktailPromoItem .cocktailPromoItemData text,
.wonderlandevent2022 .cocktailPromoItemList .cocktailPromoItem .cocktailPromoItemData defs {
  transform-origin: 28px 23px;
}

.royaldynastyevent2022.cocktailPromoGamePopup {
  background-size: 102% 100% !important;
  background-position: center center !important;
}

.royaldynastyevent2022 .cocktailPromoSpeechBubble .speechBubbleSvg {
  fill: rgba(2, 21, 60, 0.8);
  stroke-width: 2px;
  stroke: #4b7def;
  position: relative;
  right: 15px;
}

.royaldynastyevent2022.popup_neon {
  box-shadow: inset 0 0 2px 2px #1b4cd6, 0 0 5px 2px #489cd8 !important;
  border: solid 1px #56f9f9 !important;
}

.royaldynastyevent2022 .cocktailPromoDealer {
  max-height: 99%;
  position: absolute;
  right: 5px;
}

.royaldynastyevent2022 .cocktailPromoPlayBtn[data-purpose="play"] {
  left: 230px;
}

.royaldynastyevent2022 .cocktailPromoPlayBtn[data-purpose="collect"] {
  left: 180px;
}

.royaldynastyevent2022.cocktailPromoGamePopup {
  overflow: hidden;
}

.royaldynastyevent2022 .cocktailPromoInitContent {
  position: relative;
}

.royaldynastyevent2022 .cocktailPromoInitContent,
.royaldynastyevent2022 .cocktailPromoCollectCase .cocktailPromoItem,
.royaldynastyevent2022 .cocktailPromoItemList,
.royaldynastyevent2022 .cocktailPromoCollectSection {
  left: 15px;
}

.royaldynastyevent2022 .cocktailPromoSpeechBubble .cocktailPromoTitle,
.royaldynastyevent2022 .cocktailPromoSpeechBubble .cocktailPromoSvgTitle {
  margin-left: 25px;
}

.royaldynastyevent2022 .cocktailPromoSpeechBubble .cocktailPromoSvgTitle {
  font-size: 35px;
}

.royaldynastyevent2022 .cocktailPromoSpeechBubble .cocktailPromoSvgTitle text {
  font-size: 35px !important;
}

.royaldynastyevent2022 .cocktailPromoItemList .cocktailPromoItemContent .cocktailPromoItemData {
  font-size: 36px !important;
}

.royaldynastyevent2022 text {
  text-rendering: geometricPrecision;
}

.royaldynastyevent2022 .cocktailPromoItemList .cocktailPromoItem .cocktailPromoItemData {
  transform: translate(-50%, -50%) scale(1);
}

.royaldynastyevent2022 .cocktailPromoItemList .cocktailPromoItem .cocktailPromoItemData text,
.royaldynastyevent2022 .cocktailPromoItemList .cocktailPromoItem .cocktailPromoItemData defs {
  transform-origin: 28px 23px;
}

.stpatrickevent2022.cocktailPromoGamePopup {
  background-size: 102% 100% !important;
  background-position: center center !important;
}

.stpatrickevent2022 .cocktailPromoSpeechBubble .speechBubbleSvg {
  fill: rgba(2, 21, 60, 0.8);
  stroke-width: 2px;
  stroke: #4b7def;
  position: relative;
  right: 15px;
}

.stpatrickevent2022.popup_neon {
  box-shadow: inset 0 0 2px 2px #1b4cd6, 0 0 5px 2px #489cd8 !important;
  border: solid 1px #56f9f9 !important;
}

.stpatrickevent2022 .cocktailPromoDealer {
  max-height: 99%;
  position: absolute;
  transform: scale(1.1) !important;
  right: 10px;
}

.stpatrickevent2022 .cocktailPromoPlayBtn[data-purpose="play"] {
  left: 230px;
}

.stpatrickevent2022 .cocktailPromoPlayBtn[data-purpose="collect"] {
  left: 180px;
}

.stpatrickevent2022.cocktailPromoGamePopup {
  overflow: hidden;
}

.stpatrickevent2022 .cocktailPromoInitContent {
  position: relative;
}

.stpatrickevent2022 .cocktailPromoInitContent,
.stpatrickevent2022 .cocktailPromoCollectCase .cocktailPromoItem,
.stpatrickevent2022 .cocktailPromoItemList,
.stpatrickevent2022 .cocktailPromoCollectSection {
  left: 15px;
}

.stpatrickevent2022 .cocktailPromoSpeechBubble .cocktailPromoTitle,
.stpatrickevent2022 .cocktailPromoSpeechBubble .cocktailPromoSvgTitle {
  margin-left: 25px;
}

.stpatrickevent2022 .cocktailPromoSpeechBubble .cocktailPromoSvgTitle {
  font-size: 35px;
}

.stpatrickevent2022 .cocktailPromoSpeechBubble .cocktailPromoSvgTitle text {
  font-size: 35px !important;
}

.stpatrickevent2022 .cocktailPromoItemList .cocktailPromoItemContent .cocktailPromoItemData {
  font-size: 36px !important;
}

.stpatrickevent2022 text {
  text-rendering: geometricPrecision;
}

.stpatrickevent2022 .cocktailPromoItemList .cocktailPromoItem .cocktailPromoItemData {
  transform: translate(-50%, -50%) scale(1);
}

.stpatrickevent2022 .cocktailPromoItemList .cocktailPromoItem .cocktailPromoItemData text,
.stpatrickevent2022 .cocktailPromoItemList .cocktailPromoItem .cocktailPromoItemData defs {
  transform-origin: 28px 23px;
}

.caribbeanfiestaevent2022.cocktailPromoGamePopup {
  background-size: 102% 100% !important;
  background-position: center center !important;
}

.caribbeanfiestaevent2022 .cocktailPromoSpeechBubble .speechBubbleSvg {
  fill: rgba(2, 21, 60, 0.8);
  stroke-width: 2px;
  stroke: #4b7def;
  position: relative;
  right: 15px;
}

.caribbeanfiestaevent2022.popup_neon {
  box-shadow: inset 0 0 2px 2px #1b4cd6, 0 0 5px 2px #489cd8 !important;
  border: solid 1px #56f9f9 !important;
}

.caribbeanfiestaevent2022 .cocktailPromoDealer {
  display: none;
}

.caribbeanfiestaevent2022 .cocktailPromoPlayBtn[data-purpose="play"] {
  left: 230px;
}

.caribbeanfiestaevent2022 .cocktailPromoPlayBtn[data-purpose="collect"] {
  left: 180px;
}

.caribbeanfiestaevent2022.cocktailPromoGamePopup {
  overflow: hidden;
}

.caribbeanfiestaevent2022 .cocktailPromoInitContent {
  position: relative;
}

.caribbeanfiestaevent2022 .cocktailPromoInitContent,
.caribbeanfiestaevent2022 .cocktailPromoCollectCase .cocktailPromoItem,
.caribbeanfiestaevent2022 .cocktailPromoItemList,
.caribbeanfiestaevent2022 .cocktailPromoCollectSection {
  left: 15px;
}

.caribbeanfiestaevent2022 .cocktailPromoSpeechBubble .cocktailPromoTitle,
.caribbeanfiestaevent2022 .cocktailPromoSpeechBubble .cocktailPromoSvgTitle {
  margin-left: 25px;
}

.caribbeanfiestaevent2022 .cocktailPromoSpeechBubble .cocktailPromoSvgTitle {
  font-size: 35px;
}

.caribbeanfiestaevent2022 .cocktailPromoSpeechBubble .cocktailPromoSvgTitle text {
  font-size: 35px !important;
}

.caribbeanfiestaevent2022 .cocktailPromoItemList .cocktailPromoItemContent .cocktailPromoItemData {
  font-size: 36px !important;
}

.caribbeanfiestaevent2022 text {
  text-rendering: geometricPrecision;
}

.caribbeanfiestaevent2022 .cocktailPromoItemList .cocktailPromoItem .cocktailPromoItemData {
  transform: translate(-50%, -50%) scale(1);
}

.caribbeanfiestaevent2022 .cocktailPromoItemList .cocktailPromoItem .cocktailPromoItemData text,
.caribbeanfiestaevent2022 .cocktailPromoItemList .cocktailPromoItem .cocktailPromoItemData defs {
  transform-origin: 28px 23px;
}

.raveevent2022.cocktailPromoGamePopup {
  background-size: 102% 100% !important;
  background-position: center center !important;
}

.raveevent2022 .cocktailPromoSpeechBubble .speechBubbleSvg {
  fill: rgba(2, 21, 60, 0.8);
  stroke-width: 2px;
  stroke: #4b7def;
  position: relative;
  right: 15px;
}

.raveevent2022.popup_neon {
  box-shadow: inset 0 0 2px 2px #1b4cd6, 0 0 5px 2px #489cd8 !important;
  border: solid 1px #56f9f9 !important;
}

.raveevent2022 .cocktailPromoDealer {
  max-height: 99%;
  position: absolute;
  transform: scale(1.1) !important;
  right: 8px;
  top: -21px;
}

.raveevent2022 .cocktailPromoPlayBtn[data-purpose="play"] {
  left: 230px;
}

.raveevent2022 .cocktailPromoPlayBtn[data-purpose="collect"] {
  left: 180px;
}

.raveevent2022.cocktailPromoGamePopup {
  overflow: hidden;
}

.raveevent2022 .cocktailPromoInitContent {
  position: relative;
}

.raveevent2022 .cocktailPromoInitContent,
.raveevent2022 .cocktailPromoCollectCase .cocktailPromoItem,
.raveevent2022 .cocktailPromoItemList,
.raveevent2022 .cocktailPromoCollectSection {
  left: 15px;
}

.raveevent2022 .cocktailPromoSpeechBubble .cocktailPromoTitle,
.raveevent2022 .cocktailPromoSpeechBubble .cocktailPromoSvgTitle {
  margin-left: 25px;
}

.raveevent2022 .cocktailPromoSpeechBubble .cocktailPromoSvgTitle {
  font-size: 35px;
}

.raveevent2022 .cocktailPromoSpeechBubble .cocktailPromoSvgTitle text {
  font-size: 35px !important;
}

.raveevent2022 .cocktailPromoItemList .cocktailPromoItemContent .cocktailPromoItemData {
  font-size: 36px !important;
}

.raveevent2022 text {
  text-rendering: geometricPrecision;
}

.raveevent2022 .cocktailPromoItemList .cocktailPromoItem .cocktailPromoItemData {
  transform: translate(-50%, -50%) scale(1);
}

.raveevent2022 .cocktailPromoItemList .cocktailPromoItem .cocktailPromoItemData text,
.raveevent2022 .cocktailPromoItemList .cocktailPromoItem .cocktailPromoItemData defs {
  transform-origin: 28px 23px;
}

.circuit-tooltip {
  position: absolute;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.5);
  color: black;
  font-size: 25px;
  text-shadow: none;
  text-transform: none;
  padding: 15px;
}

.circuit-tooltip:hover {
  display: block;
}

.circuit-tooltip::after {
  position: absolute;
  content: '';
  top: 99%;
  left: 50%;
  margin-left: -20px;
  border-width: 20px;
  border-style: solid;
  border-color: transparent;
  border-top-color: #fff;
  transform: scaleX(0.4);
}

.circuit-trophy-podium {
  width: 321px;
  height: 526px;
}

.circuit-trophy-ribbon {
  width: 172px;
  height: 159px;
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .gradient-text {
    background-image: linear-gradient(to bottom, #ffffff 50%, #dffcff 55%, #bcd9fd 70%);
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
    text-shadow: none;
    padding: 0 8px;
  }
}

.circuit-progress-bar {
  font-family: AkzidGroProMedCndAlt;
  background-image: linear-gradient(180deg, rgba(168, 168, 168, 0.5) 0%, #b4b4b4 80%, #b4b4b4 100%);
  transform: skewX(-10deg);
  overflow: hidden;
  font-size: 25px;
  width: 290px;
  height: 25px;
}

.circuit-progress-bar .circuit-progress-bar-bg {
  background-image: linear-gradient(180deg, #1999fe 0%, #27d0fe 33%, #27d0fe 66%, #1999fe 100%);
  transform: skewX(10deg);
  position: absolute;
  left: -5px;
  height: 25px;
}

.circuit-progress-bar .circuit-progress-bar-text {
  text-shadow: 0px 2px 1px #000000;
  font-style: normal;
  transform: skewX(10deg);
  top: 0;
}

.rewards-chips {
  position: relative;
  display: flex;
  background-position: left center;
  background-repeat: no-repeat;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: normal;
  margin: 0 8px;
  font-size: 50px;
  padding-left: 72px;
  padding-right: 8px;
  height: 60px;
}

.rewards-chips .clubs-badge-container {
  transform: scale(1.3);
  position: absolute;
  left: 18px;
}

.rewards-chips .circuit-tooltip {
  visibility: hidden;
  bottom: 65px;
  z-index: 3;
}

.hinted .rewards-chips:hover .circuit-tooltip {
  visibility: visible;
}

.rewards-multipliers {
  position: relative;
  display: flex;
  background-position: left center;
  background-repeat: no-repeat;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: normal;
  margin: 0 8px;
  font-size: 25.19px;
  padding-left: 70px;
  width: 85px;
}

.rewards-multipliers .circuit-tooltip {
  visibility: hidden;
  bottom: 60px;
  z-index: 3;
}

.hinted .rewards-multipliers:hover .circuit-tooltip {
  visibility: visible;
}

.skewed-box {
  font-family: "AkzidGroProBolCnd", arial, sans-serif;
  font-style: italic;
  font-size: 42.5px;
  line-height: 1;
  padding: 4px 11px;
  white-space: nowrap;
  text-transform: uppercase;
  transform: skewX(-10deg);
}

.skewed-box::before, .skewed-box::after {
  content: '';
  position: absolute;
  border: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.skewed-box::before {
  background: linear-gradient(10deg, #0743ce 10%, #0b1742 35%, #010a26 45%, #2b4e92 85%);
  border-image: linear-gradient(to right, #1e2649 0%, #598ec5 100%) 1;
  box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.5);
  border-top-width: 2px;
  border-top-style: solid;
  opacity: 0.9;
}

.skewed-box::after {
  border-image: linear-gradient(to left, #1e2649 0%, #598ec5 100%) 1;
  border-bottom-width: 2px;
  border-bottom-style: solid;
}

.skewed-box .skewed-box-content, .skewed-box .skewed-box-title {
  transform: skewX(10deg);
}

.skewed-box .skewed-box-title {
  font-size: 25.8px;
  margin-bottom: 7px;
  text-align: left;
  text-shadow: -1px -1px 2px rgba(0, 255, 255, 0.2), 1px -1px 2px rgba(0, 255, 255, 0.2), 1px 1px 2px rgba(0, 255, 255, 0.2), -1px 1px 2px rgba(0, 255, 255, 0.2);
}

.skewed-box .skewed-box-content {
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.58);
  padding-right: 10px;
  text-align: center;
}

.award-title .skewed-box-content {
  color: transparent;
  text-shadow: none;
}

.award-title-content {
  text-transform: uppercase;
  font-style: italic;
  position: absolute;
  font-size: 42.5px;
  white-space: nowrap;
  z-index: 2;
}

.extra-rewards {
  height: 92px;
}

.extra-rewards .extra-rewards-content {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: AkzidGroProMedCndAlt;
  font-style: normal;
  font-size: 38px;
}

.extra-rewards .extra-rewards-content > :not(:first-child) {
  margin-left: 25px;
}

.extra-rewards .extra-rewards-content > :not(:first-child)::before {
  position: absolute;
  content: '+';
  font-size: 38px;
  font-weight: 900;
  left: -30px;
}

.extra-rewards .rewards-chips .circuit-tooltip {
  left: -70px;
  width: 180px;
}

.extra-rewards .rewards-multipliers .circuit-tooltip {
  left: -70px;
  width: 165px;
}

.LobbySliceTrophy {
  cursor: default !important;
}

.lobby-slice-trophy {
  cursor: pointer;
}

.lobby-slice-trophy .hand-animation {
  position: absolute;
  top: 60px;
  left: 30px;
  width: 150px;
  height: 150px;
  z-index: 1;
}

.lobby-slice-trophy .circuit-trophy-ribbon:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}

.lobby-slice-trophy .circuit-trophy-ribbon:active {
  -webkit-filter: brightness(0.8);
          filter: brightness(0.8);
}

.progress-board-error {
  font-family: "AkzidGroProLigCnd", arial, sans-serif;
  font-size: 25px;
  font-style: normal;
  text-transform: initial;
  height: 230px;
  width: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.progress-board-error:before {
  background: linear-gradient(20deg, #092280 0%, #0c153c 30%, #071229 50%, #0c153c 70%, #1a3674 100%);
}

.progress-board-error .skewed-box-content {
  line-height: 32px;
  padding: 0 0 5px;
}

.progress-board-final {
  width: 397px;
  height: 229px;
  padding-right: 16px;
  text-align: center;
}

.progress-board-final::before {
  background: linear-gradient(20deg, #092280 15%, #0c153c 45%, #0e2756 85%, #1a3674 100%);
}

.progress-board-final .progress-board-final-headline {
  font-size: 52px;
  margin-top: 15px;
}

.progress-board-final .progress-board-final-subtitle {
  font-size: 28px;
  width: 96%;
}

.progress-board-final .skewed-box {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 23px;
  margin-left: -20px;
  font-size: 30px;
  width: 370px;
  height: 92px;
}

.progress-board-final .skewed-box .skewed-box-content {
  font-size: 30px;
  margin-left: 12px;
}

.progress-board-final .skewed-box::before {
  background: linear-gradient(20deg, #186ed8 15%, #091e49 45%, #05235e 65%, #226fad 90%);
}

.progress-board-normal {
  width: 397px;
  height: 229px;
  padding-right: 16px;
}

.progress-board-normal::before {
  background: linear-gradient(20deg, #092280 15%, #0c153c 45%, #0e2756 85%, #1a3674 100%);
}

.progress-board-normal > .skewed-box-title {
  margin-top: 4px;
}

.progress-board-normal .progress-board-normal-next-trophy {
  top: -27px;
  width: 80px;
  height: 84px;
  right: 0;
}

.progress-board-normal .progress-board-normal-next-trophy:before {
  background: linear-gradient(10deg, #0040be 10%, #214982 30%, #214982 65%, #3b83d6 100%);
}

.progress-board-normal .progress-board-normal-next-trophy .skewed-box-content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 15%;
}

.progress-board-normal .progress-board-normal-next-trophy .circuit-trophy-ribbon {
  position: absolute;
  transform: scale(0.8);
  transform-origin: bottom;
}

.progress-board-normal .progress-board-normal-progress {
  display: flex;
  align-items: center;
  height: 80px;
  margin-left: 2px;
}

.progress-board-normal .extra-rewards {
  position: relative;
  margin-left: -14px;
  width: 370px;
}

.progress-board-normal .extra-rewards .skewed-box-title {
  margin-left: -7px;
}

.progress-board-normal .extra-rewards::before {
  background: linear-gradient(20deg, #186ed8 15%, #091e49 45%, #05235e 65%, #226fad 90%);
}

.circuit-momentum-ftue > div:first-child::before {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 100% 376px, 50.6% 376px, 49.4% 467px, calc(49.7% + 357px) 467px, calc(50.6% + 360px) 376px);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 100% 376px, 50.6% 376px, 49.4% 467px, calc(49.7% + 357px) 467px, calc(50.6% + 360px) 376px);
}

.circuit-momentum-ftue .circuit-momentum-ftue-container {
  position: absolute;
  transform-origin: top center;
  transform: translateX(-50%);
  top: 138px;
  left: 50%;
  width: 830px;
  height: 405px;
}

.circuit-momentum-ftue .circuit-momentum-ftue-container::before, .circuit-momentum-ftue .circuit-momentum-ftue-container::after {
  content: '';
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  width: 765px;
}

.circuit-momentum-ftue .circuit-momentum-ftue-container::before {
  bottom: 0;
  height: 445px;
  background-image: url(assets/images/ftue/Monica.png), url(assets/images/ftue/Glow.png);
  background-position: 528px 35px, 30px bottom;
  transform: scaleX(-1);
}

.circuit-momentum-ftue .circuit-momentum-ftue-container::after {
  bottom: -7px;
  height: 15px;
  background-image: url(assets/images/ftue/Delimiter.png);
  background-position-x: center;
}

.circuit-momentum-ftue .circuit-momentum-ftue-dialogue {
  position: absolute;
  background-color: #050921;
  box-shadow: 0 0 5px blue, 0 0 10px blue;
  border: #3ad1fe 1px solid;
  border-radius: 5px;
  font-family: 'AkzidGroProMedCndAlt', serif;
  text-align: right;
  opacity: 0.9;
  left: 29.5%;
  top: -6%;
  width: 330px;
  height: 255px;
}

.circuit-momentum-ftue .circuit-momentum-ftue-dialogue::before, .circuit-momentum-ftue .circuit-momentum-ftue-dialogue::after {
  content: '';
  border-color: transparent;
  border-style: solid;
  position: absolute;
  margin-left: -20px;
  transform: rotate(90deg);
}

.circuit-momentum-ftue .circuit-momentum-ftue-dialogue::before {
  top: 100px;
  left: 0;
  border-width: 10px;
  border-top-color: #3ad1fe;
}

.circuit-momentum-ftue .circuit-momentum-ftue-dialogue::after {
  top: 101px;
  left: 2px;
  border-width: 9.5px;
  border-top-color: #050921;
}

.circuit-momentum-ftue .circuit-momentum-ftue-dialogue-sub {
  text-align: center;
  letter-spacing: -0.4px;
  font-size: 28px;
  line-height: 30px;
  margin-top: 15px;
  padding: 0 30px;
}

.circuit-momentum-ftue .circuit-momentum-ftue-dialogue-text {
  text-align: center;
  letter-spacing: -0.4px;
  font-size: 25px;
  line-height: 27px;
  margin-top: 12px;
}

.circuit-momentum-ftue .circuit-momentum-ftue-close {
  display: inline-block;
  font-size: 25px;
  font-style: italic;
  text-align: right;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-shadow: 0 0 3px blue, 0 0 6px blue, 0 0 9px blue, 0 0 12px blue;
  color: #3ad1fe;
  cursor: pointer;
  padding: 7px 18px;
}

.circuit-momentum-ftue .circuit-momentum-ftue-close:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}

.circuit-momentum-ftue .circuit-momentum-ftue-close:active {
  -webkit-filter: brightness(0.9);
          filter: brightness(0.9);
}

.circuit-momentum-ftue .circuit-momentum-ftue-shine {
  background-image: url(assets/images/ftue/Shine.png);
  pointer-events: none;
  position: absolute;
  width: 450px;
  height: 60px;
}

.circuit-progression-scene {
  transform-origin: top center;
  transform: translateX(-50%) scale(0.875);
  top: 138px;
  left: 50%;
  width: 765px;
  height: 510px;
  border-bottom-color: #59d1ff;
}

.circuit-progression-scene .close-btn {
  cursor: pointer;
  display: block;
  overflow: visible;
  position: absolute;
  transform: translate(18%, -26%);
  top: 0;
  right: 0;
  width: 38px;
  z-index: 10;
}

.circuit-progression-scene .close-btn circle {
  fill: #152996;
}

.circuit-progression-scene .close-btn path {
  fill: #2481dc;
  stroke: #2481dc;
}

.circuit-progression-scene .close-btn:hover path {
  fill: #74c1fd;
  stroke: #74c1fd;
}

.circuit-progression-scene .close-btn:active path {
  fill: #2d8eec;
  stroke: #2d8eec;
}

.circuit-progression-scene .content {
  border-radius: 10px;
  height: 100%;
}

.circuit-progression-scene .skewed-box {
  position: absolute;
  z-index: 2;
}

.circuit-progression-scene .circuit-progression-scene-bg, .circuit-progression-scene .circuit-progression-scene-fg {
  background-position: center center;
  background-size: contain;
  pointer-events: none;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
}

.circuit-progression-scene .circuit-progression-scene-rules {
  position: absolute;
  cursor: pointer;
  text-decoration: underline;
  font-family: "AkzidGroProLigCnd", arial, sans-serif;
  font-size: 26px;
  bottom: 20px;
  right: 25px;
  z-index: 3;
}

.circuit-progression-scene .circuit-progression-scene-rules::after {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -853px;
  width: 25px;
  height: 25px;
  content: '';
  position: relative;
  display: inline-block;
  margin-left: 12px;
  width: 24px;
  transform: scale(1.45) translateY(4px);
}

.circuit-progression-scene .circuit-progression-scene-rules:hover::after {
  background-position: -3697px -826px;
}

.circuit-progression-scene .circuit-progression-scene-rules:active::after {
  background-position: -3697px -958px;
}

.circuit-progression-scene .award-title {
  top: 14px;
  left: -7px;
  min-width: 360px;
  height: 76px;
}

.circuit-progression-scene .award-title > .skewed-box-title {
  margin: 6px 1px -1px;
  font-size: 28px;
}

.circuit-progression-scene .award-title > .skewed-box-content {
  font-size: 43.5px;
  margin-left: 45px;
  margin-right: 7px;
}

.circuit-progression-scene .award-title-content {
  font-family: "AkzidGroProBolCnd", arial, sans-serif;
  font-size: 43.5px;
  top: 47px;
  left: 40px;
  z-index: 9;
}

.circuit-progression-scene .progress-board {
  top: 129px;
  left: 303px;
}

.circuit-progression-scene .progress-board .circuit-trophy-title {
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.58);
}

.circuit-progression-scene .progress-board-error {
  z-index: 3;
}

.circuit-progression-scene .circuit-trophy-podium {
  position: absolute;
  top: 0;
  z-index: 2;
}

.circuit-rules-scene {
  transform-origin: top center;
  transform: translateX(-50%) scale(0.875);
  font-family: AkzidGroProMedCndAlt;
  top: 138px;
  left: 50%;
  width: 765px;
  height: 510px;
}

.circuit-rules-scene .content {
  border-radius: 10px;
  height: 100%;
}

.circuit-rules-scene .circuit-rules-scene-bg {
  background-position: center center;
  background-size: contain;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
}

.circuit-rules-scene .gradient-close-btn {
  position: absolute;
  cursor: pointer;
  top: 19px;
  right: 32px;
  width: 47px;
  height: 47px;
  transition: 50ms;
  z-index: 3;
}

.circuit-rules-scene .gradient-close-btn:hover {
  -webkit-filter: hue-rotate(10deg) brightness(1.25);
          filter: hue-rotate(10deg) brightness(1.25);
}

.circuit-rules-scene .gradient-close-btn:active {
  -webkit-filter: hue-rotate(20deg) brightness(0.75);
          filter: hue-rotate(20deg) brightness(0.75);
}

.circuit-rules-scene .circuit-rules-scene-title {
  font-family: "AkzidGroProBolCnd", arial, sans-serif;
  font-size: 47px;
  text-align: center;
  text-transform: uppercase;
  margin-top: 13px;
}

@supports (-webkit-background-clip: text) {
  .circuit-rules-scene .circuit-rules-scene-title {
    background-image: linear-gradient(to bottom, #fff, #fff, #fff, #96ebff, #96ebff, #96ebff);
    -webkit-background-clip: text;
    color: transparent;
    -webkit-filter: drop-shadow(-1px -1px 1px #fff) drop-shadow(0px 0px 10px rgba(150, 235, 255, 0.3));
            filter: drop-shadow(-1px -1px 1px #fff) drop-shadow(0px 0px 10px rgba(150, 235, 255, 0.3));
    padding: 0 8px;
  }
}

.circuit-rules-scene .circuit-rules-scene-subtitle {
  position: absolute;
  font-size: 31.2px;
  left: 78px;
  top: 87px;
}

.circuit-rules-scene .circuit-rules-scene-list {
  transform: skew(-10deg);
  position: absolute;
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  left: 143px;
  top: 150px;
  height: 300px;
  text-shadow: 0 2px 2px #000000;
}

.circuit-rules-scene .circuit-rules-scene-item {
  transform: skew(10deg);
  font-size: 29.5px;
  display: flex;
  flex-grow: 1;
  height: 80px;
  align-items: center;
}

.reward-claim-scene {
  position: absolute;
  background-position: top center;
  background-repeat: no-repeat;
  font-family: "AkzidGroProBolCnd", arial, sans-serif;
  line-height: 1;
  left: 50%;
  top: 102px;
  width: 879px;
  height: 526px;
  transform: translateX(-50%);
}

.reward-claim-scene .reward-claim-scene-overlay::after {
  content: '';
  position: absolute;
  background-image: inherit;
  background-repeat: no-repeat;
  background-position: bottom center;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.reward-claim-scene .button-green.generic-action-button {
  position: absolute;
  text-transform: uppercase;
  font-style: normal;
  font-size: 30px;
  right: 252px;
  top: 335px;
  width: 160px;
  height: 50px;
  padding: 0;
  z-index: 2;
}

.reward-claim-scene .award-title, .reward-claim-scene .extra-rewards {
  position: absolute;
  transform: translate(-50%, -50%) skewX(-10deg);
  min-width: 360px;
}

.reward-claim-scene .award-title {
  left: 562px;
  top: 174px;
  height: 74px;
}

.reward-claim-scene .award-title-content {
  transform: translate(-50%, -50%);
  left: 557px;
  top: 190px;
}

.reward-claim-scene .extra-rewards {
  left: 546px;
  top: 274px;
}

.reward-claim-scene .circuit-trophy-podium {
  -webkit-mask-image: linear-gradient(15deg, transparent 12%, black 15%);
          mask-image: linear-gradient(15deg, transparent 12%, black 15%);
  position: absolute;
  left: 50px;
  top: -40px;
}

.csItem.LUCKY_LOUNGE_AVAILABLE_TO_PURCHASE .csItemContent {
  background-color: #160009;
  box-shadow: 0 0 0 1px #991010, inset 0 0 0 1px #991010, inset 0 0 15px 3px #991010, 0 0 5px 1px #991010;
  border-color: #f477b3;
}

.csItem.LUCKY_LOUNGE_AVAILABLE_TO_PURCHASE .bonusPanel {
  border: solid 2px #f477b3;
  box-shadow: 0 0 0 1px #991010, inset 0 0 0 1px #991010, inset 0 0 5px 2px #991010, 0 0 5px 1px #991010;
  border-top: none;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -761px -950px;
  width: 545px;
  height: 39px;
  height: initial;
  background-color: #160009;
}

.csItem.LUCKY_LOUNGE_AVAILABLE_TO_PURCHASE .bonusPanel .bonusText {
  width: 100%;
  text-transform: initial;
}

.csItem.LUCKY_LOUNGE_AVAILABLE_TO_PURCHASE .bonusPanel .tooltipContainer {
  margin: 2px 13px 0 0px;
}

.csItem.LUCKY_LOUNGE_AVAILABLE_TO_PURCHASE.hasBonus:hover .csItemContent {
  background-color: #160009;
  box-shadow: 0 0 0 1px #dd1b1b, inset 0 0 0 1px #dd1b1b, inset 0 0 15px 3px #dd1b1b, 0 0 5px 1px #dd1b1b;
  border-color: #fd88de;
}

.csItem.LUCKY_LOUNGE_AVAILABLE_TO_PURCHASE.hasBonus:hover .bonusPanel {
  box-shadow: 0 0 0 1px #dd1b1b, inset 0 0 0 1px #dd1b1b, inset 0 0 15px 3px #dd1b1b, 0 0 5px 1px #dd1b1b;
  border: solid 2px #fd88de;
  border-top: none;
}

.csItem.LUCKY_LOUNGE_AVAILABLE_TO_PURCHASE .csItemBoxClubs .csItemContent .csiMultiplierContent {
  position: relative;
}

.csItem.LUCKY_LOUNGE_AVAILABLE_TO_PURCHASE .csItemBoxClubs .csItemContent .csiMultiplierContent.multiplierContentBonus:after {
  background: linear-gradient(to bottom, rgba(71, 124, 252, 0) 0%, #f477b3 51%, transparent 100%);
}

.lucky-lounge-container {
  background-color: black;
  background-position: -35px -27px;
  position: absolute;
  left: 50%;
  width: 752px;
  height: 503px;
  transform: translateX(-50%);
  text-align: center;
  overflow: hidden;
}

.lucky-lounge-container .lucky-lounge {
  animation-name: fadeIn;
  animation-duration: 1s;
  margin: 0 auto;
}

.lucky-lounge-container .lucky-lounge .lucky-lounge-title {
  margin: 0 auto;
  margin-top: 95px;
  margin-bottom: 20px;
}

.lucky-lounge-container .lucky-lounge .lucky-lounge-separator-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.lucky-lounge-container .lucky-lounge .lucky-lounge-item {
  color: #ffffff;
  font-size: 38px;
  line-height: 100%;
  display: flex;
  align-items: center;
  padding: 0px;
  justify-content: center;
}

.lucky-lounge-container .lucky-lounge .lucky-lounge-image-container {
  display: flex;
  justify-content: center;
  flex-shrink: 0;
}

.lucky-lounge-container .lucky-lounge .lucky-lounge-text {
  width: 535px;
  padding: 5px 40px 5px 5px;
  text-align: left;
  justify-content: left;
  text-shadow: 1px -1px 8px rgba(255, 126, 0, 0.32), -2px 1px 6px #0013a2;
}

.lucky-lounge-container .lucky-lounge .lucky-lounge-emphasized-text {
  font-family: AkzidGroProMedCndAlt;
  font-size: 116px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.lucky-lounge-container .lucky-lounge .lucky-lounge-help {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 8px;
  left: 20px;
  z-index: 50;
}

.lucky-lounge-container .lucky-lounge .lucky-lounge-help .lucky-lounge-help-icon {
  position: relative;
  display: inline-block;
  overflow: visible;
  background-color: transparent;
  margin-right: -65px;
  border: none;
  outline: none;
  cursor: pointer;
}

.lucky-lounge-container .lucky-lounge .lucky-lounge-help .lucky-lounge-help-text {
  color: white;
  font-size: 2.3rem;
  position: relative;
  font-family: 'AkzidGroProLigCnd';
  text-decoration: underline;
  width: 200px;
  padding: 0 9px;
  margin: -2px 0 0 0;
}

.lucky-lounge-button-container {
  display: flex;
  padding: 0 20px;
}

.lucky-lounge-button-container .lucky-lounge-action-button {
  position: relative;
  width: 155px;
  height: 55px;
  top: 30px;
  font-family: AkzidGroProCnd;
  font-size: 28px;
  color: #ffffff;
  padding: 0;
  align-items: center;
}

.lucky-lounge-emphasized-text + .lucky-lounge-item > .lucky-lounge-button-container > .lucky-lounge-action-button {
  top: -25px;
}

.luckyLoungeGamePopup {
  position: absolute;
  top: 95px;
  left: 50%;
  width: 752px;
  height: 503px;
  transform: translateX(-50%);
  text-align: center;
  overflow: hidden;
}

.luckyLoungeGamePopup.popup_neon {
  box-shadow: inset 0 0 7px 2px #f41137, 0 0 7px 2px #f41137;
  border: solid 1px #c40f2f;
}

.luckyLoungeGamePopup.popup_neon .content {
  background-color: initial;
}

.luckyLoungeGamePopup.popup_neon .content:after {
  position: initial;
}

.luckyLoungeGamePopup .lucky-lounge-main {
  position: relative;
  width: 752px;
  height: 503px;
  display: inline-flex;
}

.luckyLoungeGamePopup .lucky-lounge-main .cards-going-up .pokerRecallCardsParent, .luckyLoungeGamePopup .lucky-lounge-main .cards-are-up .pokerRecallCardsParent {
  animation: bounceInUp 1.5s forwards;
}

.luckyLoungeGamePopup .lucky-lounge-main .slides-closing .left-banner-lucky-lounge, .luckyLoungeGamePopup .lucky-lounge-main .slides-closed .left-banner-lucky-lounge {
  left: 0 !important;
}

.luckyLoungeGamePopup .lucky-lounge-main .slides-closing .right-banner-lucky-lounge, .luckyLoungeGamePopup .lucky-lounge-main .slides-closed .right-banner-lucky-lounge {
  right: 0 !important;
}

.luckyLoungeGamePopup .lucky-lounge-main .slides-closed .second-text-lucky-lounge {
  animation: pulseMultiplier 2s ease-out 0s;
  animation-iteration-count: infinite;
}

.luckyLoungeGamePopup .lucky-lounge-main .slides-closed .second-text-lucky-lounge--stopped {
  animation: none;
}

.luckyLoungeGamePopup .lucky-lounge-main .slides-closed .meter-box-Lucky-Lounge {
  animation: pulseRoyal 1s linear;
}

.luckyLoungeGamePopup .lucky-lounge-main .slides-closed .free-recall-lucky-lounge {
  animation: pulseFree 1s linear;
}

.luckyLoungeGamePopup .lucky-lounge-main .slides-closed .meterStepsTable .meterStep {
  animation: meter-glow-animation 1s linear;
}

.luckyLoungeGamePopup .lucky-lounge-main .slides-closed .footerContainer {
  animation: bounceInUp .5s forwards;
}

.luckyLoungeGamePopup .lucky-lounge-main .royal-flush-mode .footerContainer {
  display: none;
}

.luckyLoungeGamePopup .lucky-lounge-main .royal-flush-mode .meter-box-Lucky-Lounge {
  animation: none;
}

.luckyLoungeGamePopup .lucky-lounge-main .royal-flush-mode .meterJackpot_full {
  animation: none;
}

.luckyLoungeGamePopup .lucky-lounge-main .royal-flush-mode .meterJackpot_full:before, .luckyLoungeGamePopup .lucky-lounge-main .royal-flush-mode .meterJackpot_full:after {
  animation: none;
}

.luckyLoungeGamePopup .lucky-lounge-main .royal-flush-mode .meterJackpot {
  animation: meterJackpotRoyal 1s linear;
  animation-delay: 0.5s;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge {
  position: absolute;
  z-index: 3;
  width: 230px;
  height: 503px;
  right: -250px;
  transition: right .5s linear;
  cursor: pointer;
  text-align: initial;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .right-animation-lucky-lounge {
  position: relative;
  bottom: -95px;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .meter-box-Lucky-Lounge {
  background-image: url(assets/imgSrc/gameCanvas/pokerRecall/LuckyLounge/Lucky_Lounge_RoyalFlush.png);
  top: 20px;
  right: -8px;
  width: 244px;
  height: 107px;
  z-index: 10;
  position: absolute;
  background-repeat: no-repeat;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .meter-box-Lucky-Lounge .meterJackpotValue {
  position: relative;
  top: 40px;
  width: 244px;
  height: 48px;
  font-size: 30px;
  text-align: center;
  font-weight: bold;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .meter-box-Lucky-Lounge .meterJackpotMultiplier {
  position: relative;
  top: 30px;
  width: 244px;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  color: #fffacd;
  margin: 0 10px 0 0;
  text-shadow: -1px 1px 0 #ff8132, 1px 1px 0 #ff8033, 1px -1px 0 #ff8033, -1px -1px 0 #ff8033, 0 0 20px #ff7e32;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter {
  overflow: visible;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter:before {
  -webkit-filter: blur(5px) brightness(0.6);
          filter: blur(5px) brightness(0.6);
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterJackpot {
  right: -3px;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterJackpot:before {
  background-image: url(assets/imgSrc/gameCanvas/pokerRecall/LuckyLounge/Lucky_Lounge_Meter.png);
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterJackpot:after {
  background-image: url(assets/imgSrc/gameCanvas/pokerRecall/LuckyLounge/Lucky_Lounge_Meter.png);
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps {
  z-index: 5;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps:before {
  width: 2px;
  background: #493a9f;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsZoomer {
  top: -34px;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsZoomer .meterStepsZoomer_mask {
  height: 31px;
  top: 33px;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsZoomer.zoomer-explode:not(.currentHandIndex_10) .meterStepsZoomerContent {
  animation: explode 0.75s cubic-bezier(0, 0.32, 0.85, 0.33);
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsTable .meterStep,
.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsZoomer_table .meterStep {
  height: 32px;
  padding: 5px 0 5px 10px;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsTable .meterStep:nth-child(1),
.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsZoomer_table .meterStep:nth-child(1) {
  animation-delay: 0s;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsTable .meterStep:nth-child(2),
.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsZoomer_table .meterStep:nth-child(2) {
  animation-delay: 0.03s;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsTable .meterStep:nth-child(3),
.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsZoomer_table .meterStep:nth-child(3) {
  animation-delay: 0.06s;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsTable .meterStep:nth-child(4),
.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsZoomer_table .meterStep:nth-child(4) {
  animation-delay: 0.09s;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsTable .meterStep:nth-child(5),
.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsZoomer_table .meterStep:nth-child(5) {
  animation-delay: 0.12s;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsTable .meterStep:nth-child(6),
.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsZoomer_table .meterStep:nth-child(6) {
  animation-delay: 0.15s;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsTable .meterStep:nth-child(7),
.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsZoomer_table .meterStep:nth-child(7) {
  animation-delay: 0.18s;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsTable .meterStep:nth-child(8),
.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsZoomer_table .meterStep:nth-child(8) {
  animation-delay: 0.21s;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsTable .meterStep:nth-child(9),
.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsZoomer_table .meterStep:nth-child(9) {
  animation-delay: 0.24s;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsTable .meterStep:after,
.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsZoomer_table .meterStep:after {
  height: 2px;
  background: radial-gradient(ellipse at center, rgba(8, 109, 193, 0.68) 0%, rgba(7, 117, 208, 0.49) 36%, rgba(15, 113, 191, 0) 60%, rgba(125, 185, 232, 0) 100%);
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsTable .meterStep:before,
.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsZoomer_table .meterStep:before {
  height: 2px;
  background: linear-gradient(to right, rgba(125, 185, 232, 0.3) 0%, rgba(10, 99, 175, 0.49) 50%, rgba(125, 185, 232, 0.3) 100%);
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsTable .meterStep .meter-step-hand-type-container,
.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsZoomer_table .meterStep .meter-step-hand-type-container {
  flex-grow: 2;
  font-size: 17px;
  margin-left: 2px;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsTable .meterStep .meter-step-multiplier,
.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsZoomer_table .meterStep .meter-step-multiplier {
  min-width: 40px;
  color: #fffacd;
  font-size: 19px;
  text-shadow: -1px 1px 0 #ff8033, 1px 1px 0 #ff8033, 1px -1px 0 #ff8033, -1px -1px 0 #ff8033, 0 0 10px rgba(255, 48, 0, 0.5), 0 0 10px #ff3000;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsTable .meterStep.meter-Step-Hand-Type,
.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsZoomer_table .meterStep.meter-Step-Hand-Type {
  color: #5f73df;
  font-size: 18px;
  text-shadow: 4px 4px 3px #000;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsTable .meterStep.meter-Step-Amount,
.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsZoomer_table .meterStep.meter-Step-Amount {
  font-size: 3em;
  background: linear-gradient(top, white, #5671c0);
  -webkit-background-clip: text;
          background-clip: text;
  text-fill-color: transparent;
  -webkit-filter: drop-shadow(0 0 10px #243cbe) drop-shadow(0 0 10px #243cbe) drop-shadow(0 0 10px #243cbe);
          filter: drop-shadow(0 0 10px #243cbe) drop-shadow(0 0 10px #243cbe) drop-shadow(0 0 10px #243cbe);
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsZoomer_table .meterStep .meter-step-multiplier {
  color: #fffacd;
  font-size: 19px;
  text-shadow: -1px 1px 0 #ff8033, 1px 1px 0 #ff8033, 1px -1px 0 #ff8033, -1px -1px 0 #ff8033;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsZoomer_table .meterStep .meter-step-value {
  color: #fffacd;
  justify-content: flex-end;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsZoomer_table .meterStep .meter-step-hand-type-container {
  font-size: 17px;
  margin-left: 2px;
  color: #5FDFFF;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge > div {
  width: 230px;
  height: 503px;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .meter-step-glow {
  position: absolute;
  width: 226px;
  height: 378px;
  bottom: 0;
  right: 0;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .meter-step-glow .step-glow {
  width: 100%;
  height: 42px;
  animation: meter-glow-animation 2s linear;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .meter-step-glow .step-glow.sg_none {
  animation: none;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .meter-step-glow .step-glow.sg_1,
.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsZoomer.zoomer-explode .meterStepsZoomerContent.sg_1 {
  animation-delay: 0s;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .meter-step-glow .step-glow.sg_2,
.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsZoomer.zoomer-explode .meterStepsZoomerContent.sg_2 {
  animation-delay: 0.03s;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .meter-step-glow .step-glow.sg_3,
.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsZoomer.zoomer-explode .meterStepsZoomerContent.sg_3 {
  animation-delay: 0.06s;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .meter-step-glow .step-glow.sg_4,
.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsZoomer.zoomer-explode .meterStepsZoomerContent.sg_4 {
  animation-delay: 0.09s;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .meter-step-glow .step-glow.sg_5,
.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsZoomer.zoomer-explode .meterStepsZoomerContent.sg_5 {
  animation-delay: 0.12s;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .meter-step-glow .step-glow.sg_6,
.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsZoomer.zoomer-explode .meterStepsZoomerContent.sg_6 {
  animation-delay: 0.15s;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .meter-step-glow .step-glow.sg_7,
.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsZoomer.zoomer-explode .meterStepsZoomerContent.sg_7 {
  animation-delay: 0.18s;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .meter-step-glow .step-glow.sg_8,
.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsZoomer.zoomer-explode .meterStepsZoomerContent.sg_8 {
  animation-delay: 0.21s;
}

.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .meter-step-glow .step-glow.sg_9,
.luckyLoungeGamePopup .lucky-lounge-main .right-banner-lucky-lounge .pokerRecallMeter .meterSteps .meterStepsZoomer.zoomer-explode .meterStepsZoomerContent.sg_9 {
  animation-delay: 0.24s;
}

.luckyLoungeGamePopup .lucky-lounge-main .intro-animation-lucky-lounge {
  padding: 2px;
  width: calc(752px - 3px);
  /* did this to not to overlap with the border of the pokerRecall */
  height: calc(503px - 3px);
  border-radius: 10px;
  position: absolute;
  z-index: 4;
}

.luckyLoungeGamePopup .lucky-lounge-main .left-banner-lucky-lounge {
  position: absolute;
  z-index: 30;
  width: 166px;
  height: 503px;
  left: -160px;
  transition: left .5s linear;
  cursor: pointer;
}

.luckyLoungeGamePopup .lucky-lounge-main .left-banner-lucky-lounge .back-button {
  z-index: 2;
  margin-left: 20px;
  top: 10px;
  position: absolute;
  font-size: 22px;
  color: #ff8033;
  font-family: 'AkzidGroProLigCnd';
}

.luckyLoungeGamePopup .lucky-lounge-main .left-banner-lucky-lounge .back-button span {
  text-decoration: underline;
}

.luckyLoungeGamePopup .lucky-lounge-main .left-banner-lucky-lounge .left-banner-animation-lucky-lounge {
  width: 166px;
  height: 503px;
}

.luckyLoungeGamePopup .lucky-lounge-main .left-banner-lucky-lounge .logo-lucky-lounge {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -1087px -517px;
  width: 341px;
  height: 301px;
  position: absolute;
  top: -65px;
  left: -118px;
  transform: scale(0.4);
}

.luckyLoungeGamePopup .lucky-lounge-main .left-banner-lucky-lounge .free-recall-lucky-lounge {
  position: absolute;
  z-index: 40;
  width: 166px;
  height: 503px;
  top: 155px;
  left: -22px;
  transform: scale(0.8);
}

.luckyLoungeGamePopup .lucky-lounge-main .left-banner-lucky-lounge .rules-lucky-lounge {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 8px;
  left: 20px;
  z-index: 50;
}

.luckyLoungeGamePopup .lucky-lounge-main .left-banner-lucky-lounge .rules-lucky-lounge .string-lucky-lounge {
  color: white;
  font-size: 2.3rem;
  position: relative;
  font-family: 'AkzidGroProLigCnd';
  text-decoration: underline;
  width: 200px;
  padding: 0 9px;
  margin: -2px 0 0 0;
}

.luckyLoungeGamePopup .lucky-lounge-main .left-banner-lucky-lounge .rules-lucky-lounge .question-lucky-lounge {
  position: relative;
  display: inline-block;
  overflow: visible;
  background-color: transparent;
  margin-right: -65px;
  border: none;
  outline: none;
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -853px;
  width: 25px;
  height: 25px;
  cursor: pointer;
}

.luckyLoungeGamePopup .lucky-lounge-main .left-banner-lucky-lounge .rules-lucky-lounge .question-lucky-lounge:hover {
  background-position: -3697px -826px;
}

.luckyLoungeGamePopup .lucky-lounge-main .left-banner-lucky-lounge .rules-lucky-lounge .question-lucky-lounge.clickable:active, .luckyLoungeGamePopup .lucky-lounge-main .left-banner-lucky-lounge .rules-lucky-lounge .gsStoreBtnsContainer .question-lucky-lounge.gsStoreBtn:active, .gsStoreBtnsContainer .luckyLoungeGamePopup .lucky-lounge-main .left-banner-lucky-lounge .rules-lucky-lounge .question-lucky-lounge.gsStoreBtn:active, .luckyLoungeGamePopup .lucky-lounge-main .left-banner-lucky-lounge .rules-lucky-lounge .gsActionButtonsContainer .question-lucky-lounge.action-button:active, .gsActionButtonsContainer .luckyLoungeGamePopup .lucky-lounge-main .left-banner-lucky-lounge .rules-lucky-lounge .question-lucky-lounge.action-button:active {
  background-position: -3697px -958px;
}

.luckyLoungeGamePopup .lucky-lounge-main .left-banner-lucky-lounge .left-explosion-animation-lucky-lounge {
  top: 90px;
  left: -140px;
  position: absolute;
  width: 400px;
  height: 400px;
  z-index: 50;
}

.luckyLoungeGamePopup .lucky-lounge-main .left-banner-lucky-lounge .left-banner-text-lucky-lounge {
  top: 145px;
  left: 4px;
  position: absolute;
  z-index: 40;
  font-family: 'AkzidGroProCnd';
  display: inline-block;
  color: #fffacd;
  font-size: 1.5em;
  transform: skewY(-8deg);
  text-shadow: -1px 1px 0 #ff8033, 1px 1px 0 #ff8033, 1px -1px 0 #ff8033, -1px -1px 0 #ff8033, 0 0 10px #ff3000, 0 0 10px #ff3000, 0 0 25px #780a00;
  width: 100px;
  word-break: word-break;
}

.luckyLoungeGamePopup .lucky-lounge-main .left-banner-lucky-lounge .left-banner-text-lucky-lounge .second-text-lucky-lounge {
  font-size: 2.7em;
  margin: -15px 0 0 10px;
  text-shadow: -1px 1px 0 #ff8132, 1px 1px 0 #ff8033, 1px -1px 0 #ff8033, -1px -1px 0 #ff8033, 0 0 20px #ff3000, 0 0 20px #ff3000, 0 0 20px #ff3000, 4px 4px #7d1100, 0 0 20px #ff7e32, 0 0 20px #ff3000;
}

.luckyLoungeGamePopup .lucky-lounge-main .left-banner-lucky-lounge .left-banner-text-lucky-lounge .third-text-lucky-lounge {
  margin: -10px 0 0 0;
}

.luckyLoungeGamePopup .lucky-lounge-main .pokerRecall {
  margin: 0;
  background-image: url(assets/imgSrc/gameCanvas/pokerRecall/LuckyLounge/Lucky_Lounge_BG.jpg);
  position: absolute;
}

.luckyLoungeGamePopup .lucky-lounge-main .pokerRecall:after {
  box-shadow: none;
  border: none;
}

.luckyLoungeGamePopup .lucky-lounge-main .lucky-lounge-poker-recall-popup {
  z-index: 1000;
}

.luckyLoungeGamePopup .lucky-lounge-main .lucky-lounge-poker-recall.hide {
  visibility: hidden;
}

.luckyLoungeGamePopup .lucky-lounge-main .pokerRecallCardsParent .pokerRecallCardsContainer {
  overflow: visible;
}

.luckyLoungeGamePopup .right-meter-chips-explosion-animation-lucky-lounge {
  position: absolute;
  bottom: -135px;
  right: -65px;
  width: 440px;
  height: 350px;
  z-index: 11;
}

.luckyLoungeGamePopup .explosion-index_1 {
  bottom: -93px;
}

.luckyLoungeGamePopup .explosion-index_2 {
  bottom: -51px;
}

.luckyLoungeGamePopup .explosion-index_3 {
  bottom: -9px;
}

.luckyLoungeGamePopup .explosion-index_4 {
  bottom: 33px;
}

.luckyLoungeGamePopup .explosion-index_5 {
  bottom: 75px;
}

.luckyLoungeGamePopup .explosion-index_6 {
  bottom: 117px;
}

.luckyLoungeGamePopup .explosion-index_7 {
  bottom: 159px;
}

.luckyLoungeGamePopup .explosion-index_8 {
  bottom: 201px;
}

.luckyLoungeGamePopup .explosion-index_9 {
  bottom: 243px;
}

.luckyLoungeGamePopup .explosionIndex_10 {
  visibility: hidden;
}

.luckyLoungeGamePopup .pokerRecallCard.card-glow-bounce .pokerRecallCardContent {
  animation: card-bounce 1s linear;
  animation-delay: 0.5s;
}

.luckyLoungeGamePopup .pokerRecallCard.card-glow-bounce .pokerRecallCardContent .pokerRecallCardFront {
  animation-name: card-glow;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  animation-duration: 1s;
  animation-delay: 0.5s;
}

.luckyLoungeGamePopup .pokerRecallCard.glowing-card .pokerRecallCardContent .pokerRecallCardFront {
  box-shadow: 0 0 12px 6px #d95c23, 0 0 11px 6px #e6e177 inset, 0 0 5px 6px #ffffff inset, 0 0 5px 1px #E74618;
}

@keyframes bounceInUp {
  from {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes pulseMultiplier {
  from {
    transform: scale(1);
  }
  10% {
    transform: scale(1.6);
  }
  20% {
    transform: scale(1);
  }
}

@keyframes pulseFree {
  0% {
    transform: scale(0.8);
  }
  10% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(0.8);
  }
}

@keyframes meterJackpotRoyal {
  0% {
    -webkit-filter: brightness(2) sepia(0.2);
            filter: brightness(2) sepia(0.2);
  }
  50% {
    -webkit-filter: brightness(1) sepia(0);
            filter: brightness(1) sepia(0);
  }
}

@keyframes pulseRoyal {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
    -webkit-filter: brightness(2) sepia(0.2);
            filter: brightness(2) sepia(0.2);
  }
  100% {
    transform: scale(1);
    -webkit-filter: brightness(1) sepia(0);
            filter: brightness(1) sepia(0);
  }
}

@keyframes meter-glow-animation {
  20% {
    background: none;
    color: #5c70d9;
  }
  0% {
    background: rgba(224, 130, 39, 0.8);
    color: white;
  }
}

@keyframes explode {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1.85);
  }
  60% {
    transform: scale(1);
  }
  80% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes card-bounce {
  20% {
    transform: scale(0.85);
  }
  25% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.3);
  }
  60% {
    transform: scale(0.95);
  }
  75% {
    transform: scale(1.05);
  }
  90% {
    transform: scale(1);
  }
}

@keyframes card-glow {
  25% {
    box-shadow: none;
  }
  40% {
    box-shadow: 0 0 12px 6px #d95c23, 0 0 11px 6px #e6e177 inset, 0 0 5px 6px #ffffff inset, 0 0 5px 1px #E74618;
  }
  100% {
    box-shadow: 0 0 12px 6px #d95c23, 0 0 11px 6px #e6e177 inset, 0 0 5px 6px #ffffff inset, 0 0 5px 1px #E74618;
  }
}

.pokerRecall.gameMode_luckyLounge .pokerRecallCards {
  top: 55px;
}

.pokerRecall.gameMode_luckyLounge .pokerRecallFooter {
  top: 432px;
}

.hide-buttons-on-ftue .pokerRecall.gameMode_luckyLounge .pokerRecallFooter .generic-action-button {
  display: none;
}

.pokerRecall.gameMode_luckyLounge .pokerRecallFooter .generic-action-button.startGame {
  line-height: 26px;
  min-width: 183px;
  width: 100%;
}

.pokerRecall.gameMode_luckyLounge .pokerRecallFooter .buttonLuckyLoungeMask {
  position: absolute;
  pointer-events: none;
  min-width: 183px;
  height: 54px;
  bottom: 0px;
  left: 0px;
  z-index: -1;
  -webkit-clip-path: inset(0px 0px 0px 0px);
          clip-path: inset(0px 0px 0px 0px);
}

.pokerRecall.gameMode_luckyLounge .pokerRecallFooter .buttonLuckyLoungeMask .buttonLuckyLoungeShine {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -2505px -2093px;
  width: 101px;
  height: 59px;
  position: absolute;
  bottom: 0px;
  height: 40px;
  left: -100px;
  z-index: -1;
  animation: buttonLuckyLoungeShineAnim 3s linear infinite;
}

.pokerRecall.gameMode_luckyLounge .pokerRecallFooter .buttonPrice {
  font-size: 14px;
  transform: scaleX(1.5) scaleY(1.2);
  font-family: 'AkzidGroProMedCndAlt';
  letter-spacing: -0.4px;
}

.pokerRecall.gameMode_luckyLounge .pokerRecallFooter .buttonPrice .buttonPriceText {
  font-size: 12.5px;
}

@keyframes buttonLuckyLoungeShineAnim {
  25% {
    left: 200px;
  }
  100% {
    left: 200px;
  }
}

.lucky-lounge-quit-purchase-popup .lucky-lounge .lucky-lounge-text {
  width: auto;
  padding: 0px;
  text-align: center;
  justify-content: center;
}

.lucky-lounge-quit-purchase-popup .lucky-lounge .lucky-lounge-quit-purchase-title {
  margin: 0 auto;
  margin-top: 70px;
  margin-bottom: 20px;
}

.lucky-lounge-quit-purchase-popup .lucky-lounge .lucky-lounge-quit-purchase-popup-item {
  margin-bottom: 10px;
}

.lucky-lounge-quit-purchase-popup .lucky-lounge .lucky-lounge-text.lucky-lounge-quit-purchase-popup-text {
  width: auto;
  padding: 0px;
  text-align: center;
  justify-content: center;
}

.still-have-free-recall-popup .lucky-lounge {
  margin-top: 45px;
}

.still-have-free-recall-popup .lucky-lounge .lucky-lounge-text {
  width: auto;
  padding: 0px;
  text-align: center;
  justify-content: center;
}

.still-have-free-recall-popup .lucky-lounge .still-have-free-recall-popup-item {
  margin-bottom: 10px;
}

.still-have-free-recall-popup .lucky-lounge .lucky-lounge-emphasized-text {
  margin-bottom: 15px;
}

.still-have-free-recall-popup .lucky-lounge .still-have-free-recall-popup-emphasized-text svg {
  font-size: 115px;
}

.lucky-lounge-winning-royal-hand-popup .lucky-lounge {
  animation-name: fadeOut;
  animation-duration: 1s;
  animation-delay: 3s;
}

.lucky-lounge-winning-royal-hand-popup .lucky-lounge .lucky-lounge-title.lucky-lounge-winning-hand-title {
  margin-top: 110px;
  animation-name: slideDownLLTitle;
  animation-fill-mode: both;
  animation-duration: 0.5s;
  animation-delay: 1.5s;
  transition-timing-function: ease-out;
}

.lucky-lounge-winning-royal-hand-popup .lucky-lounge .first-line-prize {
  animation-name: first-line-opacity, first-line-scale;
  animation-duration: 0.5s, 0.5s;
  animation-delay: 1.5s, 2s;
  animation-fill-mode: both, both;
  font-size: 40px;
  margin-top: 40px;
}

.lucky-lounge-winning-royal-hand-popup .lucky-lounge .first-line-prize svg {
  font-size: 100px;
}

.lucky-lounge-winning-royal-hand-popup .lucky-lounge .second-line-prize {
  animation-name: second-line-opacity, second-line-scale;
  animation-duration: 0.5s, 0.5s;
  animation-delay: 2s, 2s;
  animation-fill-mode: both, both;
  font-size: 40px;
  margin-top: -120px;
}

.lucky-lounge-winning-royal-hand-popup .lucky-lounge .second-line-prize svg {
  font-size: 100px;
}

@keyframes first-line-opacity {
  0% {
    opacity: 0;
  }
  50% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}

@keyframes first-line-scale {
  70% {
    transform: scale(2);
  }
  90% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes second-line-opacity {
  0% {
    opacity: 0;
  }
  30% {
    opacity: .5;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes second-line-scale {
  70% {
    transform: scale(2.5);
  }
}

.lucky-lounge-winning-hand-popup .lucky-lounge {
  animation-name: fadeOut;
  animation-duration: 1s;
  animation-delay: 3s;
}

.lucky-lounge-winning-hand-popup .lucky-lounge .lucky-lounge-title.lucky-lounge-winning-hand-title {
  margin-top: 110px;
  animation-name: slideDownLLTitle;
  animation-fill-mode: both;
  animation-duration: 0.5s;
  transition-timing-function: ease-out;
}

.lucky-lounge-winning-hand-popup .lucky-lounge .lucky-lounge-winning-hand-container {
  height: 155px;
}

.lucky-lounge-winning-hand-popup .lucky-lounge .lucky-lounge-winning-hand-container .winningHandCards {
  position: relative;
  display: flex;
  justify-content: center;
  top: 0;
  left: 0;
}

.lucky-lounge-winning-hand-popup .lucky-lounge .lucky-lounge-winning-hand-container .winningHandCards .winningHandCard {
  opacity: 0;
  animation-name: bounceInDownLLCard;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

.lucky-lounge-winning-hand-popup .lucky-lounge .lucky-lounge-winning-hand-container .winningHandCards .winningHandCard:nth-child(1) {
  animation-delay: 0s;
}

.lucky-lounge-winning-hand-popup .lucky-lounge .lucky-lounge-winning-hand-container .winningHandCards .winningHandCard:nth-child(2) {
  animation-delay: 0.07s;
}

.lucky-lounge-winning-hand-popup .lucky-lounge .lucky-lounge-winning-hand-container .winningHandCards .winningHandCard:nth-child(3) {
  animation-delay: 0.14s;
}

.lucky-lounge-winning-hand-popup .lucky-lounge .lucky-lounge-winning-hand-container .winningHandCards .winningHandCard:nth-child(4) {
  animation-delay: 0.21s;
}

.lucky-lounge-winning-hand-popup .lucky-lounge .lucky-lounge-winning-hand-container .winningHandCards .winningHandCard:nth-child(5) {
  animation-delay: 0.28s;
}

.lucky-lounge-winning-hand-popup .lucky-lounge .lucky-lounge-winning-hand-container .winningHandCards .pokerRecallCard {
  position: relative;
  transform: scale(1.65);
  padding: 35px 33px;
}

.lucky-lounge-winning-hand-popup .lucky-lounge .lucky-lounge-winning-hand-container .winningHandCards .pokerRecallCard .pokerRecallCardFront {
  animation-name: glowingLLCard;
  animation-duration: 1s;
  animation-timing-function: linear;
  box-shadow: 0 0 13px 3px #d95c23, inset 0 0 0 1px #f5d025, inset 0 0 0px 2px #e6e177, 0 0 5px 3px #e74617;
}

.lucky-lounge-winning-hand-popup .lucky-lounge .lucky-lounge-winning-hand-popup-item {
  display: flex;
  justify-content: center;
  align-items: baseline;
  padding: 7px 0;
}

.lucky-lounge-winning-hand-popup .lucky-lounge .lucky-lounge-text-x.lucky-lounge-winning-hand-popup-text {
  padding: 0 5px;
  font-family: AkzidGroProMedCndAlt;
  font-size: 43px;
}

.lucky-lounge-winning-hand-popup .lucky-lounge .lucky-lounge-text-x.lucky-lounge-winning-hand-popup-text-2 {
  padding: 0 5px;
  font-family: AkzidGroProMedCndAlt;
  font-size: 57px;
  color: #F5D025;
}

@keyframes slideDownLLTitle {
  from {
    transform: translateY(-200px);
  }
  to {
    transform: translateY(0);
  }
}

@keyframes bounceInDownLLCard {
  0% {
    opacity: 0%;
    transform: translateY(-700px);
  }
  70% {
    opacity: 25%;
  }
  75% {
    opacity: 100%;
    transform: translateY(0);
  }
  77% {
    transform: translateY(25px);
  }
  80% {
    transform: translateY(0);
  }
  100% {
    opacity: 100%;
  }
}

@keyframes glowingLLCard {
  0% {
    opacity: 0%;
  }
  70% {
    opacity: 25%;
  }
  75% {
    opacity: 100%;
    box-shadow: 0 0 13px 3px #d95c23, inset 0 0 0 1px #f5d025, inset 0 0 0px 2px #e6e177, 0 0 5px 3px #e74617;
  }
  85% {
    box-shadow: 0 0 20px 10px #da8b0c, inset 0 0 7px 1px #f5d0257a, inset 0 0 20px 3px #e6e177, 0 0 7px 3px #da8b0c;
  }
  100% {
    box-shadow: 0 0 13px 3px #d95c23, inset 0 0 0 1px #f5d025, inset 0 0 0px 2px #e6e177, 0 0 5px 3px #e74617;
  }
}

.lucky-lounge-winning-animations-collect-popup .lucky-lounge {
  margin: 0 auto;
  margin-top: 95px;
}

.lucky-lounge-winning-animations-collect-popup .lucky-lounge .lucky-lounge-item {
  padding: 0px;
  justify-content: center;
}

.lucky-lounge-winning-animations-collect-popup .lucky-lounge .lucky-lounge-text {
  width: auto;
  padding: 0px;
  text-align: center;
  justify-content: center;
  text-shadow: 1px -1px 8px rgba(255, 126, 0, 0.32), -2px 1px 6px #0013a2;
}

.lucky-lounge-winning-animations-collect-popup .lucky-lounge .lucky-lounge-button-collect {
  top: 0;
}

.lucky-lounge-winning-animations-collect-popup .lucky-lounge .lucky-lounge-emphasized-text svg {
  font-size: 135px;
}

.lucky-lounge-winning-animations-collect-popup .lucky-lounge .lucky-lounge-collect-section {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 25px 0;
}

.lucky-lounge-winning-animations-collect-popup .lucky-lounge .lucky-lounge-collect-section .chipsBankrollAnim {
  position: absolute;
  left: 50%;
  transform: translate(-100%, -45%);
}

.lucky-lounge-how-to-play-video-popup .video-player {
  width: 100%;
  height: 100%;
}

.lucky-lounge-how-to-play-video-popup .video-player .video-player-title {
  font-size: 30px;
  top: 10px;
  position: absolute;
}

.pokerRecallFtue.llPokerRecallFtue {
  z-index: 50;
}

.pokerRecallFtue.llPokerRecallFtue:before {
  bottom: 2px;
  right: 0;
  width: 198px;
  height: 366px;
  background-image: url(assets/images/ftue/Monica05.png);
}

.pokerRecallFtue.llPokerRecallFtue.positionBottom .speechBubble.arrowPositionBottom .arrow,
.pokerRecallFtue.llPokerRecallFtue.positionBottom .speechBubble.arrowPositionBottom .junction {
  transform: translateX(3px) rotate(330deg) skew(27deg, 27deg);
  bottom: 0px;
}

.pokerRecallFtue.llPokerRecallFtue.positionBottom .pokerRecallFtueBubble {
  top: 100px;
  right: 195px;
}

.pokerRecallFtue.llPokerRecallFtue.llPokerRecallFtue_Step1.positionBottom .pokerRecallFtueBubble {
  top: 62px;
}

.starQuest-lobby {
  transition: transform 250ms ease-in-out;
  transition-delay: 250ms;
  transform: translateX(0);
  height: 100%;
}

.starQuest-lobby.open {
  transform: translateX(190px);
}

.starQuest-lobby.open #lbySlices {
  padding-left: 193px;
}

.starQuest-lobby.open .lby-starQuest-profile,
.starQuest-lobby.open .lby-season-profile {
  visibility: visible;
}

.starQuest-lobby .scrollableArea {
  height: 100%;
}

.starQuest-lobby .lby-starQuest-profile {
  position: absolute;
  transform: translateX(-193px);
  z-index: 3;
  display: block;
  /*pointer-events: none;*/
  background-image: url(assets/images/Atlas.png);
  background-position: -2578px -1436px;
  width: 225px;
  height: 343px;
  visibility: hidden;
}

.starQuest-lobby .lby-starQuest-profile::before {
  content: '';
  background-color: #52ddfc;
  width: 3px;
  height: 100%;
  box-shadow: 0px 0 13px 5px #0220cc, inset -0.5px 0 1px 0px #636363;
  display: block;
  position: absolute;
  top: 0;
  right: 64px;
  transform: skew(-11deg);
}

.starQuest-lobby .lby-starQuest-profile.Jack::after {
  content: '';
  background-color: #cefefe;
  width: 4px;
  height: 100%;
  box-shadow: 0 0 4px 1px #32ffaf, inset 3px 0 1px 0 #32ffaf;
  display: block;
  position: absolute;
  top: 0;
  right: 57px;
  transform: skew(-11deg);
}

.starQuest-lobby .lby-starQuest-profile.Queen::after {
  content: '';
  background-color: #f5a2fe;
  width: 4px;
  height: 100%;
  box-shadow: 0 0 4px 1px #9626f7, inset 3px 0 1px 0 #de71ff;
  display: block;
  position: absolute;
  top: 0;
  right: 57px;
  transform: skew(-11deg);
}

.starQuest-lobby .lby-starQuest-profile.King::after {
  content: '';
  background-color: #ffefbd;
  width: 4px;
  height: 100%;
  box-shadow: 0 0 4px 1px #ff5613, inset 3px 0 1px 0 #ff8938;
  display: block;
  position: absolute;
  top: 0;
  right: 57px;
  transform: skew(-11deg);
}

.starQuest-lobby .lby-starQuest-profile.Ace::after {
  content: '';
  background-color: #ff5613;
  width: 4px;
  height: 100%;
  box-shadow: 0 0 4px 1px #f90c17, inset 3px 0 1px 0 #fe332f;
  display: block;
  position: absolute;
  top: 0;
  right: 57px;
  transform: skew(-11deg);
}

.starQuest-lobby .lby-starQuest-profile.Master::after {
  content: '';
  background-color: #feffc5;
  width: 4px;
  height: 100%;
  box-shadow: 0 0 4px 1px #ffda38, inset 3px 0 1px 0 #ffff6c;
  display: block;
  position: absolute;
  top: 0;
  right: 57px;
  transform: skew(-11deg);
}

.starQuest-lobby .lby-starQuest-profile.Grand-Master::after {
  content: '';
  background-color: #cdfffe;
  width: 4px;
  height: 100%;
  box-shadow: 0 0 4px 1px #21fffe, inset 3px 0 1px 0 #5bffff;
  display: block;
  position: absolute;
  top: 0;
  right: 57px;
  transform: skew(-11deg);
}

.starQuest-lobby .lby-starQuest-profile .lby-starQuest-profile-container {
  width: 185px;
  position: relative;
  height: 100%;
}

.starQuest-lobby .lby-starQuest-profile .lby-starQuest-profile-container .sq-howTo-btn {
  align-items: center;
  display: flex;
  justify-content: center;
  cursor: pointer;
  position: relative;
  top: 100px;
  right: 7px;
}

.starQuest-lobby .lby-starQuest-profile .lby-starQuest-profile-container .sq-howTo-btn .tooltip-icon {
  width: 45px;
  height: 45px;
  transform: scale(0.4);
  background-image: url(assets/images/base/HowToPlayBTN.png);
  position: relative;
  right: 8px;
}

.starQuest-lobby .lby-starQuest-profile .lby-starQuest-profile-container .sq-howTo-btn .tooltip-text {
  font-size: 19px;
  font-family: AkzidGroProMedCndAlt, serif;
  text-decoration: underline;
  position: relative;
  color: #7bb0ff;
  text-shadow: 1px 1px 13px #00135a;
}

.starQuest-lobby .lby-starQuest-profile .lby-starQuest-medallion-container {
  margin-left: -10px;
  margin-top: -10px;
  margin-bottom: 10px;
  position: relative;
  top: 40px;
}

.starQuest-lobby .lby-starQuest-profile .lby-starQuest-medallion-container .profileMedallion {
  transform: scale(0.8);
  position: relative;
  display: flex;
  height: 186px;
  width: 186px;
}

.starQuest-lobby .lby-starQuest-profile .lby-starQuest-medallion-container .profileMedallion .profileMedallion_bracelet {
  position: absolute;
  top: 124px;
  left: -20px;
  z-index: 2;
}

.starQuest-lobby .lby-starQuest-profile .lby-starQuest-medallion-container .profileMedallion .profileMedallion_ring,
.starQuest-lobby .lby-starQuest-profile .lby-starQuest-medallion-container .profileMedallion .profileMedallion_tournamentsSlot {
  position: absolute;
  bottom: -20px;
  right: -25px;
  z-index: 2;
}

.starQuest-lobby .lby-starQuest-profile .lby-starQuest-medallion-container .sq-lobby-profile-sponsor-logo {
  position: absolute;
  z-index: 10;
  transform: translate(92px, -208px) scale(0.6);
}

.starQuest-lobby .lby-starQuest-profile .lby-starQuest-medallion-container .sq-lobby-followers-counter {
  left: 28px;
  width: 129px;
  height: 67px;
  position: absolute;
  top: 125px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: scale(0.9);
}

.starQuest-lobby .lby-starQuest-profile .lby-starQuest-medallion-container .sq-lobby-followers-counter span {
  left: 17px;
  position: relative;
  font-size: 19px;
  font-family: AkzidGroProBolCnd, serif;
  color: #ffe005;
  top: 3px;
}

.starQuest-lobby .lby-starQuest-profile .eligible-tickets {
  right: 1px;
}

.starQuest-lobby .lby-starQuest-profile .sq-new-mission-tag {
  background: linear-gradient(to bottom, #ff8a23 0%, #ffdc62 100%);
  width: 37px;
  color: white;
  height: 22px;
  position: absolute;
  left: 111px;
  top: 217px;
  z-index: 30;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  border-radius: 4px 4px 4px 4px;
  font-weight: bolder;
  text-shadow: 0px 1px rgba(0, 0, 0, 0.75);
}

.starQuest-lobby .lby-starQuest-profile .sq-completed-missions-tag {
  background: linear-gradient(to bottom, #089d0c 0%, #49de4d 100%);
  width: 37px;
  color: white;
  height: 22px;
  position: absolute;
  left: 111px;
  top: 217px;
  z-index: 30;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  border-radius: 4px 4px 4px 4px;
  font-weight: bolder;
  text-shadow: 0 1px rgba(0, 0, 0, 0.75);
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent {
  position: absolute;
  top: 231px;
  left: -20px;
  z-index: 2;
  pointer-events: auto;
  width: 169px;
  transform: skewX(-11deg);
  height: 65px;
  color: #f1f2ec;
  font-size: 3rem;
  text-transform: uppercase;
  overflow: hidden;
  font-weight: 700;
  text-align: center;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent.sqMyQuest {
  background: linear-gradient(169deg, #556EF9 0%, #2B1EBE 46%, #2E1799 49%, #1E0853 100%);
  border-image-source: linear-gradient(to bottom, #cbb944, rgba(231, 194, 4, 0.15));
  border: 1px solid #5600e0;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent.sqMyQuest:hover {
  background: linear-gradient(169deg, #5366d7 0%, #392fa0 46%, #37237d 49%, #2c1563 100%);
  border-image-source: linear-gradient(to bottom, #8693dc, #501da7);
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent.sqMyQuest:active {
  background: linear-gradient(169deg, #667bec 0%, #4538c9 46%, #3f27a8 49%, #321679 100%);
  border-image-source: linear-gradient(to bottom, #8693dc, #501da7);
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent.sqMyQuest.disabled {
  color: #646464;
  text-shadow: 0px 0 2px 2px #3f3f3f;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent.sqMyQuest.disabled:before {
  background: #c9c9c9;
  background-image: linear-gradient(173deg, #9b9b9b 0%, #c9c9c9 46%, #9b9b9b 49%, #696969 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #b9b9b9, #080808);
  border-image-slice: 1;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent .btn-my-club {
  position: absolute;
  padding-left: 8px;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 3;
  transform: skewX(11deg);
  text-transform: uppercase;
  font-size: 29px;
  display: block !important;
  margin: auto;
  font-family: AkzidGroProCnd, serif;
  -webkit-filter: drop-shadow(1px 1px 0px rgba(0, 0, 0, 0.5));
          filter: drop-shadow(1px 1px 0px rgba(0, 0, 0, 0.5));
  line-height: 30px;
  padding-top: 5px;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent .btn-my-club .subtitle-btn {
  top: 43px;
  font-size: 19px;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent .btn-my-club .subtitle-btn.jack {
  -webkit-filter: drop-shadow(1px 1px 0px rgba(138, 253, 248, 0.4));
          filter: drop-shadow(1px 1px 0px rgba(138, 253, 248, 0.4));
  color: #8afdf8;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent .btn-my-club .subtitle-btn.queen {
  -webkit-filter: drop-shadow(1px 1px 0px rgba(230, 168, 254, 0.4));
          filter: drop-shadow(1px 1px 0px rgba(230, 168, 254, 0.4));
  color: #e6a8fe;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent .btn-my-club .subtitle-btn.king {
  -webkit-filter: drop-shadow(1px 1px 0px rgba(255, 157, 118, 0.4));
          filter: drop-shadow(1px 1px 0px rgba(255, 157, 118, 0.4));
  color: #ff9d76;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent .btn-my-club .subtitle-btn.ace {
  -webkit-filter: drop-shadow(1px 1px 0px rgba(249, 105, 132, 0.4));
          filter: drop-shadow(1px 1px 0px rgba(249, 105, 132, 0.4));
  color: #f96984;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent .btn-my-club .subtitle-btn.master {
  -webkit-filter: drop-shadow(1px 1px 0px rgba(255, 229, 88, 0.4));
          filter: drop-shadow(1px 1px 0px rgba(255, 229, 88, 0.4));
  color: #ffe558;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent .btn-my-club .subtitle-btn.gramdmaster {
  -webkit-filter: drop-shadow(1px 1px 0px rgba(62, 217, 247, 0.4));
          filter: drop-shadow(1px 1px 0px rgba(62, 217, 247, 0.4));
  color: #3ed9f7;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent .btn-my-club .quests-timer-icon {
  float: left;
  position: relative;
  width: 12px;
  height: 20px;
  left: 39px;
  top: 2px;
  transform: scale(0.8);
  background-image: url(assets/images/Atlas.png);
  background-position: -3711px -1482px;
  width: 12px;
  height: 20px;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent .btn-my-club .quests-timer {
  position: relative;
  bottom: 5px;
  right: 14px;
  color: #a8eaff;
  font-size: 20px;
  font-family: AkzidGroProLigCnd, serif;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent .btn-my-club .completed-quests {
  position: absolute;
  right: 36px;
  top: 38px;
  width: 29px;
  height: 18px;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent .btn-my-club .completed-quests .missions-tagWrapper {
  color: #000000bd;
  background-color: #4cd5fb;
  border: 1px solid #71c1d8;
  font-family: AkzidGroProCnd, serif;
  letter-spacing: 1px;
  border-radius: 4px 4px 4px 4px;
  font-size: 19px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 29px;
  height: 18px;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent .btn-my-club .completed-quests .missions-tagWrapper .checkMarkIcon {
  width: 15px;
  height: 15px;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent .btn-my-club .completed-quests .hyperQuestIcon-inProgress {
  left: 0;
  top: 0;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent .btn-my-club .weeklyChase-timer-text {
  font-size: 20px;
  bottom: 5px;
  position: relative;
  color: #b6e9f9;
  right: 9px;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent.button-jack:before {
  background: #1e9f5e;
  background-image: linear-gradient(173deg, #2cc986 0%, #1e9f5e 46%, #187c46 49%, #0b562f 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #6be8e0, #2f9387);
  border-image-slice: 1;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent.button-jack:hover:before {
  background: #26b776;
  background-image: linear-gradient(173deg, #30dda2 0%, #26b776 46%, #1d9a56 49%, #176840 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #6be8e0, #2f9387);
  border-image-slice: 1;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent.button-jack:active:before {
  background: #166d40;
  background-image: linear-gradient(173deg, #1f8c65 0%, #166d40 46%, #105631 49%, #0b3d24 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #3cd9ac, #083f22);
  border-image-slice: 1;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent.button-jack.disabled {
  color: #646464;
  text-shadow: 0px 0 2px 2px #3f3f3f;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent.button-jack.disabled:before {
  background: #c9c9c9;
  background-image: linear-gradient(173deg, #9b9b9b 0%, #c9c9c9 46%, #9b9b9b 49%, #696969 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #b9b9b9, #080808);
  border-image-slice: 1;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent.button-queen:before {
  background: #904ebc;
  background-image: linear-gradient(173deg, #b86fdb 0%, #904ebc 46%, #6c3a9d 49%, #4b2b80 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #f9bcff, #8047e2);
  border-image-slice: 1;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent.button-queen:hover:before {
  background: #aa5fcb;
  background-image: linear-gradient(173deg, #ce8de6 0%, #aa5fcb 46%, #884ab6 49%, #5e36a0 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #f9bcff, #8047e2);
  border-image-slice: 1;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent.button-queen:active:before {
  background: #643583;
  background-image: linear-gradient(173deg, #804c97 0%, #643583 46%, #4a296e 49%, #331e57 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #de84de, #5a3791);
  border-image-slice: 1;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent.button-queen.disabled {
  color: #646464;
  text-shadow: 0px 0 2px 2px #3f3f3f;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent.button-queen.disabled:before {
  background: #c9c9c9;
  background-image: linear-gradient(173deg, #9b9b9b 0%, #c9c9c9 46%, #9b9b9b 49%, #696969 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #b9b9b9, #080808);
  border-image-slice: 1;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent.button-king:before {
  background: #d04b10;
  background-image: linear-gradient(173deg, #e66c19 0%, #d04b10 46%, #be390e 49%, #a5290f 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #f5cf2e, #e94919);
  border-image-slice: 1;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent.button-king:hover:before {
  background: #e16c19;
  background-image: linear-gradient(173deg, #ed8821 0%, #e16c19 46%, #d95514 49%, #bc3313 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #f5cf2e, #e94919);
  border-image-slice: 1;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent.button-king:active:before {
  background: #8c2e0c;
  background-image: linear-gradient(173deg, #a04a0d 0%, #8c2e0c 46%, #7c2208 49%, #761b06 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #e98d1e, #d23315);
  border-image-slice: 1;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent.button-king.disabled {
  color: #646464;
  text-shadow: 0px 0 2px 2px #3f3f3f;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent.button-king.disabled:before {
  background: #c9c9c9;
  background-image: linear-gradient(173deg, #9b9b9b 0%, #c9c9c9 46%, #9b9b9b 49%, #696969 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #b9b9b9, #080808);
  border-image-slice: 1;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent.button-ace:before {
  background: #ab172d;
  background-image: linear-gradient(173deg, #d32141 0%, #ab172d 46%, #8b1225 49%, #640d16 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #ff3974, #b71427);
  border-image-slice: 1;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent.button-ace:hover:before {
  background: #cf2442;
  background-image: linear-gradient(173deg, #dd2b4f 0%, #cf2442 46%, #b81a32 49%, #7d1222 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #ff3974, #b71427);
  border-image-slice: 1;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent.button-ace:active:before {
  background: #77111f;
  background-image: linear-gradient(173deg, #93182d 0%, #77111f 46%, #5f0d19 49%, #480914 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #d62c5b, #6f1320);
  border-image-slice: 1;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent.button-ace.disabled {
  color: #646464;
  text-shadow: 0px 0 2px 2px #3f3f3f;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent.button-ace.disabled:before {
  background: #c9c9c9;
  background-image: linear-gradient(173deg, #9b9b9b 0%, #c9c9c9 46%, #9b9b9b 49%, #696969 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #b9b9b9, #080808);
  border-image-slice: 1;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent.button-master:before {
  background: #d3a939;
  background-image: linear-gradient(173deg, #e9d252 0%, #d3a939 46%, #c58f2f 49%, #ac5d18 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #e9ec9b, #eea53c);
  border-image-slice: 1;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent.button-master:hover:before {
  background: #e4cc53;
  background-image: linear-gradient(173deg, #eddd6d 0%, #e4cc53 46%, #d9b640 49%, #c27629 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #e9ec9b, #eea53c);
  border-image-slice: 1;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent.button-master:active:before {
  background: #927525;
  background-image: linear-gradient(173deg, #a2923a 0%, #927525 46%, #8e6e23 49%, #784214 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #e9eb64, #d87323);
  border-image-slice: 1;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent.button-master.disabled {
  color: #646464;
  text-shadow: 0px 0 2px 2px #3f3f3f;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent.button-master.disabled:before {
  background: #c9c9c9;
  background-image: linear-gradient(173deg, #9b9b9b 0%, #c9c9c9 46%, #9b9b9b 49%, #696969 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #b9b9b9, #080808);
  border-image-slice: 1;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent.button-grand-master:before {
  background: #088eb1;
  background-image: linear-gradient(173deg, #0bb4d3 0%, #088eb1 46%, #0879a1 49%, #074667 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #17e6de, #0280b3);
  border-image-slice: 1;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent.button-grand-master:hover:before {
  background: #08a8c2;
  background-image: linear-gradient(173deg, #0fc6de 0%, #08a8c2 46%, #0185a7 49%, #05597b 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #1aebe5, #03a0c6);
  border-image-slice: 1;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent.button-grand-master:active:before {
  background: #096f86;
  background-image: linear-gradient(173deg, #0f94a5 0%, #096f86 46%, #055570 49%, #043146 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #13d7d6, #033045);
  border-image-slice: 1;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent.button-grand-master.disabled {
  color: #646464;
  text-shadow: 0px 0 2px 2px #3f3f3f;
}

.starQuest-lobby .lby-starQuest-profile .lbyMyAgent.button-grand-master.disabled:before {
  background: #c9c9c9;
  background-image: linear-gradient(173deg, #9b9b9b 0%, #c9c9c9 46%, #9b9b9b 49%, #696969 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #b9b9b9, #080808);
  border-image-slice: 1;
}

.starQuest-lobby .lby-season-profile {
  position: absolute;
  transform: translateX(-193px);
  z-index: 3;
  display: block;
  visibility: hidden;
  width: 225px;
  height: 343px;
}

.starQuest-lobby .lby-season-profile .lby-season-before-candy-cane {
  position: absolute;
  height: 100%;
  top: 0;
  transform: skew(-11deg);
  width: 37px;
  right: 47px;
}

.starQuest-lobby .lby-season-profile .lby-season-before-candy-cane.defaultCandyCane {
  background-color: #52ddfc;
  width: 3px;
  right: 64px;
  box-shadow: 0px 0 13px 5px #0220cc, inset -0.5px 0 1px 0px #636363;
}

.starQuest-lobby .lby-season-profile.isSqFtueActivated {
  background-image: url(assets/images/AtlasSponsorship.png);
  background-position: 0px 0px;
  width: 225px;
  height: 343px;
}

.starQuest-lobby .lby-season-profile.Jack::after {
  content: '';
  background-color: #cefefe;
  width: 4px;
  height: 100%;
  box-shadow: 0 0 4px 1px #32ffaf, inset 3px 0 1px 0 #32ffaf;
  display: block;
  position: absolute;
  top: 0;
  right: 57px;
  transform: skew(-11deg);
}

.starQuest-lobby .lby-season-profile.Queen::after {
  content: '';
  background-color: #f5a2fe;
  width: 4px;
  height: 100%;
  box-shadow: 0 0 4px 1px #9626f7, inset 3px 0 1px 0 #de71ff;
  display: block;
  position: absolute;
  top: 0;
  right: 57px;
  transform: skew(-11deg);
}

.starQuest-lobby .lby-season-profile.King::after {
  content: '';
  background-color: #ffefbd;
  width: 4px;
  height: 100%;
  box-shadow: 0 0 4px 1px #ff5613, inset 3px 0 1px 0 #ff8938;
  display: block;
  position: absolute;
  top: 0;
  right: 57px;
  transform: skew(-11deg);
}

.starQuest-lobby .lby-season-profile.Ace::after {
  content: '';
  background-color: #ff5613;
  width: 4px;
  height: 100%;
  box-shadow: 0 0 4px 1px #f90c17, inset 3px 0 1px 0 #fe332f;
  display: block;
  position: absolute;
  top: 0;
  right: 57px;
  transform: skew(-11deg);
}

.starQuest-lobby .lby-season-profile.Master::after {
  content: '';
  background-color: #feffc5;
  width: 4px;
  height: 100%;
  box-shadow: 0 0 4px 1px #ffda38, inset 3px 0 1px 0 #ffff6c;
  display: block;
  position: absolute;
  top: 0;
  right: 57px;
  transform: skew(-11deg);
}

.starQuest-lobby .lby-season-profile.Grand-Master::after {
  content: '';
  background-color: #cdfffe;
  width: 4px;
  height: 100%;
  box-shadow: 0 0 4px 1px #21fffe, inset 3px 0 1px 0 #5bffff;
  display: block;
  position: absolute;
  top: 0;
  right: 57px;
  transform: skew(-11deg);
}

.starQuest-lobby .lby-season-profile .lby-season-profile-container {
  width: 185px;
  position: relative;
  height: 100%;
}

.starQuest-lobby .lby-season-profile .lby-season-profile-container .lby-season-medallion-container {
  margin-left: -10px;
  margin-top: -10px;
  margin-bottom: 10px;
  position: relative;
  top: 40px;
  pointer-events: all;
}

.starQuest-lobby .lby-season-profile .lby-season-profile-container .lby-season-medallion-container .profileMedallion {
  transform: scale(0.8);
  position: relative;
  display: flex;
  height: 186px;
  width: 186px;
}

.starQuest-lobby .lby-season-profile .lby-season-profile-container .lby-season-medallion-container .profileMedallion .profileMedallion_bracelet {
  position: absolute;
  top: 124px;
  left: -20px;
  z-index: 2;
}

.starQuest-lobby .lby-season-profile .lby-season-profile-container .lby-season-medallion-container .profileMedallion .profileMedallion_ring,
.starQuest-lobby .lby-season-profile .lby-season-profile-container .lby-season-medallion-container .profileMedallion .profileMedallion_tournamentsSlot {
  position: absolute;
  bottom: -20px;
  right: -25px;
  z-index: 2;
}

.starQuest-lobby .lby-season-profile .lby-season-profile-container .lby-season-medallion-container .sq-lobby-profile-sponsor-logo {
  position: absolute;
  z-index: 10;
  transform: translate(92px, -208px) scale(0.6);
}

.starQuest-lobby .lby-season-profile .lby-season-profile-container .lby-season-medallion-container .sq-lobby-followers-counter {
  left: 28px;
  width: 129px;
  height: 67px;
  position: absolute;
  top: 125px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: scale(0.9);
}

.starQuest-lobby .lby-season-profile .lby-season-profile-container .lby-season-medallion-container .sq-lobby-followers-counter span {
  left: 17px;
  position: relative;
  font-size: 19px;
  font-family: AkzidGroProBolCnd, serif;
  color: #ffe005;
  top: 3px;
}

.starQuest-lobby .lby-season-profile .lby-season-btn {
  position: relative;
  top: -111px;
  z-index: 3;
  font-family: 'AkzidGroProMedCndAlt', serif;
  font-size: 25px;
  text-align: center;
  display: flex;
  justify-content: space-evenly;
  flex-direction: column;
  text-transform: uppercase;
  pointer-events: all;
  width: 166px;
  height: 76px;
}

.starQuest-lobby .lby-season-profile .lby-season-btn .dynamic-bg {
  z-index: -1;
}

.starQuest-lobby .lby-season-profile .lby-season-btn.isSqFtueActivated {
  background-image: url(assets/images/AtlasSponsorship.png);
  background-position: -908px -539px;
  width: 166px;
  height: 76px;
}

.starQuest-lobby .lby-season-profile .lby-season-btn.isSqFtueActivated:hover {
  background-image: url(assets/images/AtlasSponsorship.png);
  background-position: -692px -345px;
  width: 166px;
  height: 76px;
}

.starQuest-lobby .lby-season-profile .lby-season-btn.isSqFtueActivated:active {
  background-image: url(assets/images/AtlasSponsorship.png);
  background-position: -692px -345px;
  width: 166px;
  height: 76px;
}

.starQuest-lobby .lby-season-profile .lby-season-btn .my-quest-text {
  font-size: 32px;
}

.starQuest-lobby .lby-season-profile .lby-season-btn .my-quest-text.isSqFtueActivated {
  font-size: 37px;
}

.starQuest-lobby .lby-season-profile .lby-season-btn .subtitle {
  font-size: 19px;
  position: relative;
  top: -2px;
  left: -5px;
  font-family: 'AkzidGroProBolCnd', serif;
}

.starQuest-lobby .lby-season-profile .lby-season-btn .subtitle.isSqFtueActivated {
  opacity: 0;
}

.starQuest-lobby .lby-season-profile .season-lby-timer {
  position: relative;
  top: -111px;
  left: 50px;
}

.starQuest-lobby .lby-season-profile .season-lby-timer.isSqFtueActivated {
  top: -147px;
  left: 48px;
  z-index: 4;
  pointer-events: none;
}

.starQuest-lobby .lby-season-profile .season-lby-timer .season-timer-icon {
  float: left;
  position: relative;
  width: 12px;
  height: 20px;
  left: -19px;
  top: 3px;
  transform: scale(0.8);
  background-image: url(assets/images/Atlas.png);
  background-position: -3711px -1482px;
  width: 12px;
  height: 20px;
}

.starQuest-lobby .lby-season-profile .season-lby-timer .season-time-left {
  position: relative;
  right: 14px;
  color: #FFFFFF;
  font-size: 20px;
  font-family: AkzidGroProLigCnd, serif;
}

.starQuest-lobby .lby-season-profile .sqftue-lobby-introduction-popup, .starQuest-lobby .lby-season-profile .sqftue-season-lobby-introduction-popup {
  position: absolute;
  top: 213px;
  left: 190px;
  z-index: 1;
  pointer-events: all;
  animation: jumpAnimationlobbyIntroductionPopup 1s linear infinite;
}

@keyframes jumpAnimationlobbyIntroductionPopup {
  0% {
    left: 190px;
  }
  25% {
    left: 180px;
  }
  50% {
    left: 190px;
  }
  75% {
    left: 195px;
  }
  100% {
    left: 190px;
  }
}

.starQuest-lobby .lby-season-profile .sqftue-lobby-introduction-popup.sq-ftue-gradient-bg .speech-bubble::before, .starQuest-lobby .lby-season-profile .sqftue-lobby-introduction-popup.sq-ftue-gradient-bg .speech-bubble::after, .starQuest-lobby .lby-season-profile .sqftue-season-lobby-introduction-popup.sq-ftue-gradient-bg .speech-bubble::before, .starQuest-lobby .lby-season-profile .sqftue-season-lobby-introduction-popup.sq-ftue-gradient-bg .speech-bubble::after {
  background: linear-gradient(0.15turn, #020b35, #020c36);
}

.starQuest-lobby .lby-season-profile .sqftue-lobby-introduction-popup .sq-ftue-bubble-inside-img-container, .starQuest-lobby .lby-season-profile .sqftue-season-lobby-introduction-popup .sq-ftue-bubble-inside-img-container {
  top: -29px;
  left: 225px;
  z-index: 2;
  width: 135px;
  height: 117px;
  overflow: hidden;
}

.starQuest-lobby .lby-season-profile .sqftue-lobby-introduction-popup .sq-ftue-bubble-inside-img-container::after, .starQuest-lobby .lby-season-profile .sqftue-season-lobby-introduction-popup .sq-ftue-bubble-inside-img-container::after {
  content: '';
  position: absolute;
  width: 67px;
  left: 40px;
  transform: scale(1.5);
  bottom: 1px;
  box-shadow: 0px 0px 7px 4px #041345;
}

.starQuest-lobby .lby-season-profile .sqftue-lobby-introduction-popup .sq-ftue-bubble-inside-img, .starQuest-lobby .lby-season-profile .sqftue-season-lobby-introduction-popup .sq-ftue-bubble-inside-img {
  width: 134px;
}

.starQuest-lobby .lby-season-profile .sqftue-lobby-introduction-popup .sq-ftue-bubble-top-glow, .starQuest-lobby .lby-season-profile .sqftue-season-lobby-introduction-popup .sq-ftue-bubble-top-glow {
  left: 0;
  width: 250px;
}

.starQuest-lobby .lby-season-profile .sqftue-lobby-introduction-popup .sq-ftue-bubble-bottom-glow, .starQuest-lobby .lby-season-profile .sqftue-season-lobby-introduction-popup .sq-ftue-bubble-bottom-glow {
  left: 40px;
  width: 250px;
}

.starQuest-lobby .lby-season-profile .sqftue-lobby-introduction-popup .speech-bubble-content, .starQuest-lobby .lby-season-profile .sqftue-season-lobby-introduction-popup .speech-bubble-content {
  padding-left: 20px;
}

.starQuest-lobby .lby-season-profile .sqftue-lobby-introduction-popup .sq-ftue-text, .starQuest-lobby .lby-season-profile .sqftue-season-lobby-introduction-popup .sq-ftue-text {
  padding-top: 3px;
  font-size: 21px;
  width: 235px;
  text-align: left;
}

.starQuest-lobby .lby-season-profile .sqftue-lobby-introduction-popup .sq-ftue-text span, .starQuest-lobby .lby-season-profile .sqftue-season-lobby-introduction-popup .sq-ftue-text span {
  color: white;
  font-weight: bolder;
}

.starQuest-lobby .lby-season-profile .sqftue-season-lobby-introduction-popup .sq-ftue-text {
  width: 295px;
}

.starQuest-lobby .lby-season-profile .sqftue-season-lobby-introduction-popup .sq-ftue-bubble-inside-img-container {
  left: 285px;
}

.starQuest-lobby .lby-season-profile .sqftue-season-lobby-introduction-popup .sq-ftue-bubble-top-glow {
  left: 20px;
  width: 270px;
}

.starQuest-lobby .lby-season-profile .sqftue-season-lobby-introduction-popup .sq-ftue-bubble-bottom-glow {
  left: 60px;
  width: 270px;
}

.starQuest-lobby .lby-season-profile .quests-counter {
  position: absolute;
  right: 63px;
  top: 208px;
  width: 29px;
  height: 18px;
  z-index: 10;
  font-family: AkzidGroProCnd, serif;
  color: white;
}

.starQuest-lobby .lby-season-profile .quests-counter.isSqFtueActivated {
  top: 265px;
  right: 93px;
  pointer-events: none;
}

.starQuest-lobby .lby-season-profile .quests-counter .missions-tagWrapper {
  background: linear-gradient(#0098e4, #3ad3ff);
  border: 1px solid #71c1d8;
  letter-spacing: 2px;
  border-radius: 4px 4px 4px 4px;
  font-size: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 29px;
  height: 18px;
  font-weight: bold;
}

.starQuest-lobby .lby-season-profile .quests-counter .missions-tagWrapper .checkMarkIcon {
  width: 15px;
  height: 15px;
}

.starQuest-lobby .lby-season-profile .quests-counter .sq-new-mission-tag {
  background: linear-gradient(to bottom, #ff8a23 0%, #ffdc62 100%);
  width: 37px;
  color: white;
  height: 22px;
  position: relative;
  z-index: 30;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  border-radius: 4px 4px 4px 4px;
  font-weight: bolder;
  text-shadow: 0px 1px rgba(0, 0, 0, 0.75);
}

.starQuest-lobby .lby-season-profile .quests-counter .sq-new-mission-tag.isSqFtueActivated {
  width: 31px;
  height: 22px;
  font-size: 14px;
}

.starQuest-lobby .lby-season-profile .quests-counter .sq-completed-missions-tag {
  background: linear-gradient(to bottom, #089d0c 0%, #49de4d 100%);
  width: 37px;
  color: white;
  height: 22px;
  position: relative;
  z-index: 30;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  border-radius: 4px 4px 4px 4px;
  font-weight: bolder;
  text-shadow: 0 1px rgba(0, 0, 0, 0.75);
}

.starQuest-lobby .lby-season-profile .quests-counter .sq-completed-missions-tag.isSqFtueActivated {
  width: 31px;
  height: 22px;
  font-size: 13px;
}

.starQuest-lobby .lby-season-profile .quests-counter .hyperQuestIcon-inProgress {
  left: 0;
  top: 0;
}

.sponsors-header-avatar {
  width: 46px;
  height: 46px;
  margin: 0 10px;
  -webkit-filter: drop-shadow(-1px 0px 0px black) drop-shadow(0px 1px 0px black) drop-shadow(1px 0px 0px black) drop-shadow(0px -1px 0px black);
          filter: drop-shadow(-1px 0px 0px black) drop-shadow(0px 1px 0px black) drop-shadow(1px 0px 0px black) drop-shadow(0px -1px 0px black);
}

.sponsors-header-avatar .crest-my-club {
  position: relative;
  top: -40px;
  left: -30px;
  transform: scale(0.21) translate(-100%, -100%);
  cursor: pointer;
}

.sq-agent-portal {
  text-align: center;
  min-height: 525px;
  min-width: 750px;
  max-width: 750px;
}

.sq-agent-portal .sq-arena-rim {
  position: absolute;
  z-index: 0;
  top: -5px;
  left: -4px;
  width: calc(101% + 1px);
  height: 101.1%;
  background-image: linear-gradient(#002cff, #4bff00);
  -webkit-filter: blur(4px);
          filter: blur(4px);
}

.sq-agent-portal .italic-to-normal {
  transform: skew(10deg);
}

.sq-agent-portal .loading {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  min-height: 410px;
}

.sq-agent-portal .loading::after {
  content: "";
  animation: centerSpin2 1s infinite linear;
  background-image: url(assets/images/Atlas.png);
  background-position: -1345px -3385px;
  width: 154px;
  height: 154px;
}

.sq-agent-portal .agent-portal-item {
  flex: 1;
  display: flex;
  flex-flow: column;
}

.sq-agent-portal.sq-agent-portal-underscene {
  max-width: 750px;
  display: flex;
  margin: 10px 15px;
}

.sq-agent-portal.sq-agent-portal-underscene.popup_neon {
  border-radius: 5px;
}

.sq-agent-portal.popup_neon .header-container {
  height: 72px;
  position: relative;
  z-index: 10;
}

.sq-agent-portal.popup_neon .header-container.isSqFtueActivated {
  z-index: 21;
}

.sq-agent-portal.popup_neon .header-container.isAfterFtueSeason {
  z-index: 41;
}

.sq-agent-portal.popup_neon .header-container .close-btn {
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 800;
  width: 27px;
}

.sq-agent-portal.popup_neon .header-container .close-btn.isSqFtueActivated {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -599px;
  width: 27px;
  height: 28px;
}

.sq-agent-portal.popup_neon .header-container .close-btn.isSqFtueActivated:hover {
  background-position: -3697px -539px;
}

.sq-agent-portal.popup_neon .header-container .close-btn.isSqFtueActivated:active {
  background-position: -3697px -569px;
}

.sq-agent-portal.popup_neon header {
  position: absolute;
  z-index: 600;
  width: 750px;
  height: 89px;
  display: flex;
  flex-direction: row;
}

.sq-agent-portal.popup_neon header .sponsorsTab-container {
  z-index: 100;
}

.sq-agent-portal.popup_neon header .sponsorsTab-container .sponsorsTab-elements {
  display: flex;
  left: 243px;
  position: absolute;
  justify-content: center;
  align-items: center;
  height: 71px;
  width: 203px;
  transform: skewX(-10deg);
  cursor: pointer;
}

.sq-agent-portal.popup_neon header .sponsorsTab-container .sponsorsTab-elements .sponsorsText {
  font-size: 17px;
  flex-wrap: wrap;
  width: 97px;
  justify-content: center;
  align-items: center;
  line-height: 20px;
  transform: skewX(10deg);
  font-family: 'AkzidGroProCnd', serif;
  left: 6px;
  position: relative;
  color: #9cccff;
}

.sq-agent-portal.popup_neon header .sponsorsTab-container .sponsorsTab-elements .sponsorsText.currentSponsor {
  color: #e8dbdb;
}

.sq-agent-portal.popup_neon header .sponsorsTab-container .sponsorsTab-elements .sponsorsIcon-container {
  position: relative;
  bottom: 2px;
  width: 86px;
  display: flex;
}

.sq-agent-portal.popup_neon header .sponsorsTab-container .sponsorsTab-elements .sponsorsIcon-container .sponsors-icon {
  width: 75px;
  transform: skewX(10deg) scale(0.9);
}

.sq-agent-portal.popup_neon header .sponsorsTab-container .sponsorsTab-elements .sponsorsIcon-container .sponsors-info-icon {
  transform: scale(0.5) translate(-95px, -44px) skewX(10deg);
  position: relative;
  cursor: pointer;
}

.sq-agent-portal.popup_neon header .sponsorsTab-container .sponsorsTab-elements .sponsor-lock-tab {
  transform: scale(0.8);
  position: absolute;
  right: 25px;
  bottom: -2px;
}

.sq-agent-portal.popup_neon header .sponsorsTab-container .sponsorsTab-elements.currentSponsor {
  background-image: linear-gradient(to bottom, #a81f2f 10%, #9c0e1c 30%, #d21d50 85%, #ec323a 95%, #19146b 100%);
  color: #ea4854;
}

.sq-agent-portal.popup_neon header .agent-profile-bg {
  position: absolute;
  z-index: 200;
  width: 270px;
  height: 85px;
}

.sq-agent-portal.popup_neon header .wsopAcademySQArena {
  width: 212px;
  height: 75px;
  position: absolute;
  left: 383px;
  top: 0;
  z-index: 99;
  transform: skewX(-5deg);
  cursor: pointer;
}

.sq-agent-portal.popup_neon header .wsopAcademySQArena.isSqFtueActivated {
  left: 215px;
}

.sq-agent-portal.popup_neon header .wsopAcademySQArena .academyLogo {
  left: 17px;
  top: 10px;
  position: relative;
  transform: scale(1.1) skew(5deg);
}

.sq-agent-portal.popup_neon header .wsopAcademySQArena .academyInfoIcon {
  position: absolute;
  top: -6px;
  transform: skew(5deg);
}

.sq-agent-portal.popup_neon header .wsopAcademySQArena .academy-info-container {
  position: absolute;
  top: -9px;
  right: 27px;
}

.sq-agent-portal.popup_neon header .wsopAcademySQArena .academy-info-container .academy-info-icon {
  transform: skew(5deg);
}

.sq-agent-portal.popup_neon header .wsopAcademySQArena .academy-info-container .academy-info-circle {
  width: 38px;
  height: 38px;
}

.sq-agent-portal.popup_neon header .wsopAcademySQArena .academy-info-container .academy-info-text {
  position: absolute;
  top: 4px;
  right: 7px;
  width: 20px;
  text-align: center;
  font-size: 20px;
  font-weight: 900;
}

.sq-agent-portal.popup_neon header .sq-howTo-btn {
  cursor: pointer;
  position: absolute;
  right: 25px;
  top: 19px;
  z-index: 100;
  background: linear-gradient(#050d6b 2.3%, #001464 40%, #010148);
  border-radius: 7px;
  height: 32px;
  width: 117px;
}

.sq-agent-portal.popup_neon header .sq-howTo-btn:hover {
  background: linear-gradient(#222da8 2.3%, #0426be 40%, #0505cb);
}

.sq-agent-portal.popup_neon header .sq-howTo-btn:active {
  background: linear-gradient(#030838 2.3%, #031146 40%, #040431);
}

.sq-agent-portal.popup_neon header .sq-howTo-btn:not(.ftueSeason) {
  background: linear-gradient(to right, #1C244F 15%, #2f3974 50%, #1C244F 80%);
  border: 1px solid #4B5E8C;
  border-radius: 5px;
  box-shadow: 0 5px 4px -1px #000;
}

.sq-agent-portal.popup_neon header .sq-howTo-btn:not(.ftueSeason):hover {
  background: linear-gradient(to right, #212a5e 15%, #374386 50%, #212a5e 80%);
}

.sq-agent-portal.popup_neon header .sq-howTo-btn:not(.ftueSeason):active {
  background: linear-gradient(to right, #191f46 15%, #2b356b 50%, #191f46 80%);
  box-shadow: 0 3px 4px -1px #000;
}

.sq-agent-portal.popup_neon header .sq-howTo-btn .howToPlayBgWrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: row;
}

.sq-agent-portal.popup_neon header .sq-howTo-btn .howToPlayBgWrapper .tooltip-icon {
  width: 45px;
  height: 45px;
  transform: scale(0.5);
  background-image: url(assets/images/base/HowToPlayBTN.png);
  position: relative;
  bottom: 6px;
}

.sq-agent-portal.popup_neon header .sq-howTo-btn .howToPlayBgWrapper .tooltip-text {
  font-size: 22px;
  font-family: AkzidGroProMedCndAlt, serif;
  position: relative;
  color: #86c6f5;
  text-shadow: 1px 1px 13px #4e74ffe0;
  bottom: 7px;
  left: 10px;
}

.sq-agent-portal.popup_neon header .sq-howTo-btn .howToPlayBgWrapper .tooltip-text:not(.ftueSeason) {
  color: #a4d5f8;
  font-weight: lighter;
}

.sq-agent-portal.popup_neon header .agent-header-top-bar {
  position: absolute;
  width: 521px;
  height: 85px;
  left: 229px;
}

.sq-agent-portal.popup_neon header .sqftue-paArena {
  position: absolute;
  z-index: 200;
  left: 145px;
  top: 105px;
  animation: jumpAnimationpaArena 1s linear infinite;
}

@keyframes jumpAnimationpaArena {
  0% {
    top: 105px;
  }
  25% {
    top: 95px;
  }
  50% {
    top: 105px;
  }
  75% {
    top: 110px;
  }
  100% {
    top: 105px;
  }
}

.sq-agent-portal.popup_neon header .sqftue-paArena.sq-ftue-gradient-bg .speech-bubble::before, .sq-agent-portal.popup_neon header .sqftue-paArena.sq-ftue-gradient-bg .speech-bubble::after {
  background: linear-gradient(0.15turn, #031952, #041952);
}

.sq-agent-portal.popup_neon header .sqftue-paArena.isAfterFtueSeason {
  left: 300px;
  top: 100px;
  animation: jumpAnimationpaArena 1s linear infinite;
  z-index: 800;
}

@keyframes jumpAnimationpaArena {
  0% {
    top: 100px;
  }
  25% {
    top: 90px;
  }
  50% {
    top: 100px;
  }
  75% {
    top: 105px;
  }
  100% {
    top: 100px;
  }
}

.sq-agent-portal.popup_neon header .sqftue-sponsors-popup {
  position: absolute;
  z-index: 200;
  left: 195px;
  top: 100px;
  animation: jumpAnimationsqFtueSponsorsPopup 1s linear infinite;
}

@keyframes jumpAnimationsqFtueSponsorsPopup {
  0% {
    top: 100px;
  }
  25% {
    top: 90px;
  }
  50% {
    top: 100px;
  }
  75% {
    top: 105px;
  }
  100% {
    top: 100px;
  }
}

.sq-agent-portal.popup_neon header .sqftue-sponsors-popup.sq-ftue-gradient-bg .speech-bubble::before, .sq-agent-portal.popup_neon header .sqftue-sponsors-popup.sq-ftue-gradient-bg .speech-bubble::after {
  background: linear-gradient(0.15turn, #03174e, #031b53);
}

.sq-agent-portal.popup_neon header .sqftue-sponsors-popup .sq-ftue-text {
  font-size: 23px;
}

.sq-agent-portal.popup_neon header .sqftue-howTo-popup {
  position: absolute;
  top: 6px;
  left: 425px;
  z-index: 100;
  animation: jumpAnimationhowToPopup 1s linear infinite;
}

@keyframes jumpAnimationhowToPopup {
  0% {
    left: 425px;
  }
  25% {
    left: 418px;
  }
  50% {
    left: 425px;
  }
  75% {
    left: 430px;
  }
  100% {
    left: 425px;
  }
}

.sq-agent-portal.popup_neon header .sqftue-howTo-popup.sq-ftue-gradient-bg .speech-bubble::before, .sq-agent-portal.popup_neon header .sqftue-howTo-popup.sq-ftue-gradient-bg .speech-bubble::after {
  background: linear-gradient(0.15turn, #022369, #02276F);
}

.sq-agent-portal.popup_neon header .sqftue-howTo-popup .speech-bubble-content {
  padding-top: 12px;
}

.sq-agent-portal.popup_neon header .sqftue-howTo-popup .sq-ftue-text {
  padding-top: 2px;
  font-size: 22.5px;
}

.sq-agent-portal.popup_neon .top-message-box {
  display: table-cell;
  position: absolute;
  z-index: 1000;
  top: -20px;
}

.sq-agent-portal.popup_neon .top-message-box .top-message-text {
  position: relative;
  display: flex;
  font-family: AkzidGroProCnd, sans-serif;
  font-size: 2rem;
  word-wrap: break-word;
  text-align: start;
  width: 128px;
}

.sq-agent-portal.popup_neon .top-message-box .mid-section {
  width: 118px;
  height: 63px;
  background-repeat: no-repeat;
  margin-top: 0px;
  font-size: 20px;
  display: block;
  color: #7db8ff;
}

.sq-agent-portal.popup_neon .top-message-box .mid-section.useNewAsset {
  color: #9094ad;
}

.sq-agent-portal.popup_neon .top-message-box .mid-section .daily-ends-in {
  position: relative;
  top: 6px;
  right: 10px;
}

.sq-agent-portal.popup_neon .top-message-box .mid-section .daily-timer {
  margin-right: 15px;
  margin-top: 3px;
}

.sq-agent-portal.popup_neon .top-message-box .mid-section .daily-timer:not(.useNewAsset):before {
  position: relative;
  display: inline-flex;
  content: "";
  top: 1px;
  right: 5px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1555px;
  width: 11px;
  height: 17px;
}

.sq-agent-portal.popup_neon .top-message-box .mid-section .daily-timer.useNewAsset span {
  margin-left: 5px;
}

.sq-agent-portal.popup_neon .top-message-box .mid-section .daily-timer .hour-glass {
  position: absolute;
  height: 17px;
  width: 11px;
  left: 13px;
  bottom: 14px;
}

.sq-agent-portal.popup_neon .top-message-box .lby-starQuest-medallion-container {
  left: -20px;
  position: relative;
  height: 165px;
  width: 165px;
}

.sq-agent-portal.popup_neon .content {
  display: flex;
  flex: 1;
  border-radius: 0;
  max-width: none;
  overflow: visible;
  background-size: cover;
  background-position: bottom;
  background-repeat: repeat-x;
}

.sq-agent-portal.popup_neon .content:not(.ftueSeason) {
  background-position: 0 -160px;
}

.sq-agent-portal.popup_neon .content:after {
  box-shadow: none;
}

.sq-agent-portal.popup_neon .content .daily-quest-content .missions-right-content {
  position: absolute;
  z-index: 700;
  right: -56px;
  bottom: -7px;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content {
  width: 800px;
  display: flex;
  justify-content: center;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper {
  display: flex;
  justify-content: center;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper.shouldAnime {
  animation: hyperQuestFadeIn linear 2s;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper.hasQuestsAfter {
  margin-left: 77px;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper.lastQuest {
  margin-right: 65px;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper.lastQuest .particles {
  left: 140px;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper.lastQuest .mid-section.hyperQuestTimer {
  transform: translate(-276px, 59px);
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper.lastQuest:not(.ftueSeason) .hq-title-slice {
  left: 46px;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper.lastQuest:not(.ftueSeason) .hq-current-slice {
  left: -1px;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .particles {
  width: 111px;
  height: 147px;
  position: absolute;
  top: 57px;
  transform: scale(1.2);
  left: 81px;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-title-slice {
  width: 88px;
  height: 273px;
  position: relative;
  left: 76px;
  top: -27px;
  margin-right: 11px;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-title-slice:not(.ftueSeason) {
  left: -7px;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice {
  height: 355px;
  width: 310px;
  position: relative;
  bottom: 5px;
  display: flex;
  justify-content: center;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .white-flare {
  position: absolute;
  right: -17px;
  top: -27px;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .white-flare-left {
  position: absolute;
  left: -16px;
  bottom: 2px;
  display: none;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice.isCompleted .white-flare-left {
  display: inline-block;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice:not(.ftueSeason) {
  transform: skew(-10deg);
  z-index: 2;
  width: 242px;
  background-repeat: no-repeat;
  background-size: cover;
  left: -54px;
  border-width: 2px;
  border-style: solid;
  border-image: linear-gradient(to bottom, #707487, #2f3142, #707487) 1 100%;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content:not(.ftueSeason) {
  transform: skew(10deg);
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .quest-type-icon {
  width: 100px;
  height: 100px;
  z-index: 20;
  position: relative;
  top: 10px;
  left: 100px;
  margin-bottom: 13px;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .text-progress-bar {
  position: relative;
  top: -22px;
  display: flex;
  width: 90%;
  justify-content: center;
  font-size: 21px;
  color: #ffffff;
  left: 25px;
  font-family: 'AkzidGroProBolCnd', arial, sans-serif;
  background: -webkit-linear-gradient(top, #ffffff, #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .subtext-progress-bar {
  font-family: AkzidGroProLigCnd, sans-serif;
  position: relative;
  font-size: 19px;
  color: #FFFFFF;
  top: -25px;
  left: 5px;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .subtext-progress-bar.bar-filled {
  display: none;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .subtext-progress-bar:not(.ftueSeason) {
  color: #b9bccf;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .progression-text {
  position: relative;
  background: #000;
  padding: 2px 15px;
  font-size: 18px;
  border: 2px solid #1d4ebc;
  border-bottom: none;
  top: -20px;
  color: #C0FAFC;
  width: 93px;
  left: 73px;
  height: 20px;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .progression-text:not(.ftueSeason) {
  background: #0F0F14;
  border: 2px solid #545763;
  border-bottom: none;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .progression-text div {
  font-family: 'AkzidGroProBolCnd', arial, sans-serif;
  transform: skewX(13deg);
  color: #3ad5ff;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .progression-text.italic-to-normal {
  transform: skew(-13deg);
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .progression-text.bar-filled {
  display: none;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .meter-progress-bar {
  display: flex;
  position: relative;
  height: 3%;
  width: 200px;
  background-color: #000;
  top: -20px;
  left: 34px;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .meter-progress-bar.bar-filled {
  display: none;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .meter-progress-bar:not(.ftueSeason) {
  background-color: #0F0F14;
  border-bottom: 2px solid #545763;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .meter-progress-bar .progression-bar {
  height: 70%;
  width: 40%;
  justify-content: center;
  display: flex;
  position: relative;
  background-color: #ffa0a0;
  background: #0095ff;
  background: linear-gradient(90deg, #0095ff 0%, #2bc0ff 50%, #4de2ff 100%);
  border: 1px solid #0095ff;
  transition: width 1s cubic-bezier(0, 0.01, 0, 1.01);
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-next-slice {
  width: 270px;
  position: relative;
  right: 97px;
  bottom: 12px;
  display: flex;
  justify-content: center;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-next-slice:not(.ftueSeason) {
  transform: skew(-10deg);
  z-index: 1;
  width: 165px;
  right: 62px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  border-width: 2px;
  border-style: solid;
  border-image: linear-gradient(to bottom, #707487, #2f3142, #707487) 1 100%;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-next-slice .title-wrapper {
  font-family: 'AkzidGroProLigCnd', sans-serif;
  position: relative;
  width: 131px;
  opacity: 0.5;
  white-space: normal;
  clear: both;
  left: 17px;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-next-slice .title-wrapper:not(.ftueSeason) {
  transform: skew(10deg);
  opacity: 1;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-next-slice .title-wrapper .locker {
  width: 46px;
  height: 66px;
  left: 43px;
  position: relative;
  top: 50px;
  opacity: 0.5;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-next-slice .title-wrapper .locker:not(.ftueSeason) {
  opacity: 1;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-next-slice .title-wrapper .text {
  position: relative;
  top: 53px;
  display: flex;
  flex-direction: column;
  color: #70a9f0;
  font-size: 23px;
  text-transform: uppercase;
  opacity: 0.5;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-next-slice .title-wrapper .text:not(.ftueSeason) {
  color: #b9bccf;
  opacity: 1;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-next-slice .title-wrapper .nextQuest-rewards {
  position: absolute;
  top: 160px;
  left: 10px;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-next-slice .title-wrapper .nextQuest-rewards:not(.ftueSeason) {
  opacity: 0.5;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-next-slice .title-wrapper .nextQuest-rewards .hyperQuest-reward-button {
  width: 150px;
  position: relative;
  right: 53px;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-next-slice .title-wrapper .nextQuest-rewards .hyperQuest-reward-button .reward-items {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 20px;
  left: 27px;
  position: relative;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-next-slice .title-wrapper .nextQuest-rewards .hyperQuest-reward-button .reward-items .reward-item {
  display: table-cell;
  position: relative;
  margin: 0px 5px;
  right: 6px;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-next-slice .title-wrapper .nextQuest-rewards .hyperQuest-reward-button .reward-items .reward-item .reward-label {
  font-size: 16px;
  text-transform: uppercase;
  border: 2px solid #0F1F8F;
  border-radius: 10px;
  background-color: #000;
  padding: 3px 3px;
  top: -5px;
  position: relative;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-next-slice .title-wrapper .nextQuest-rewards .hyperQuest-reward-button .reward-items .reward-item .reward-label:not(.ftueSeason) {
  border: 2px solid #545763;
  background-color: #0F0F14;
  color: #d8dee4;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-next-slice .title-wrapper .nextQuest-rewards .hyperQuest-reward-button .reward-items .reward-item .reward-icon-scaled {
  transform: scale(0.9);
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-next-slice .title-wrapper .nextQuest-rewards .hyperQuest-reward-button .reward-items .reward-item .reward-icon-scaled .reward-icon {
  max-width: 50px;
  max-height: 50px;
  display: inline-flex;
  position: relative;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-next-slice .title-wrapper .nextQuest-rewards .hyperQuest-reward-button .reward-items .reward-item .reward-icon-scaled .reward-icon .reward-img img {
  width: 100%;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-next-slice .title-wrapper .nextQuest-rewards .hyperQuest-reward-button .reward-items .reward-item .reward-icon-scaled .reward-icon .reward-followers-multiplier {
  font-size: 21px;
  background-color: #770e0e;
  width: 56px;
  height: 27px;
  position: absolute;
  z-index: -1;
  left: 28px;
  border-radius: 1px 11px 11px 1px;
  top: 4px;
  display: flex;
  color: #f3f949;
  justify-content: center;
  align-items: center;
  opacity: 0.8;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .mid-section.hyperQuestTimer {
  width: 132px;
  height: 92px;
  position: absolute;
  transform: translate(-350px, 59px);
  font-size: 19px;
  color: #ffd767;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .mid-section.hyperQuestTimer .daily-ends-in {
  position: relative;
  top: 19px;
  right: 14px;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .mid-section.hyperQuestTimer .daily-timer {
  position: relative;
  top: 18px;
  right: 15px;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .mid-section.hyperQuestTimer .daily-timer.hyperQuestTimer {
  top: -2px;
  right: 21px;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .mid-section.hyperQuestTimer .daily-timer.hyperQuestTimer:before {
  position: relative;
  display: inline-flex;
  content: "";
  top: 13px;
  right: -4px;
  background-image: url(assets/images/Atlas.png);
  background-position: -2794px -2454px;
  width: 32px;
  height: 39px;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .mid-section.hyperQuestTimer .daily-timer:before {
  position: relative;
  display: inline-flex;
  content: "";
  top: 1px;
  right: 5px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1555px;
  width: 11px;
  height: 17px;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .complete-hyperQuest-timer {
  position: absolute;
  top: 115px;
  left: 45px;
  z-index: 111;
  width: 600px;
  height: 110px;
  background-repeat: no-repeat;
  display: inline-flex;
  justify-content: center;
  font-style: italic;
  font-weight: bold;
  font-family: 'Akzidenz-Grotesk Pro Cnd', serif;
  font-size: 30px;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .complete-hyperQuest-timer .newMissionText {
  background: linear-gradient(to bottom, #ffffff 35%, #e6aa01 60%, #ffbc00 65%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 16px;
  position: relative;
  width: 298px;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .complete-hyperQuest-timer .newMissionText .timerIcon {
  position: absolute;
  display: block;
  content: "";
  right: 80px;
  top: 29px;
  background-image: url(assets/images/AtlasSponsorship.png);
  background-position: -381px -690px;
  width: 54px;
  height: 56px;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .complete-hyperQuest-timer .newMissionText .timerCounter {
  padding-left: 40px;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .complete-hyperQuest-timer.isSqFtueActivated {
  flex-wrap: wrap;
  top: 110px;
  height: 145px;
  z-index: 20;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .complete-hyperQuest-timer.isSqFtueActivated .newMissionText {
  top: 12px;
  bottom: initial;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .complete-hyperQuest-timer.isSqFtueActivated .newMissionText .timerIcon {
  top: initial;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .complete-hyperQuest-timer.isSqFtueActivated .break {
  flex-basis: 100%;
  height: 0;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .complete-hyperQuest-timer.isSqFtueActivated .newMissionTextFtue {
  position: relative;
  bottom: 30px;
  height: 25px;
  font-size: 21px;
  color: #ffffff;
  text-shadow: 0 0 5px #FF0000, 0 0 3px #fd4800;
  font-weight: normal;
}

.sq-agent-portal.popup_neon .content .display-name-container {
  position: absolute;
  left: 144px;
  top: -63px;
  font-size: 22px;
  z-index: 9999;
  width: 133px;
  height: 60px;
  justify-content: center;
  color: #C0FAFC;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.sq-agent-portal.popup_neon .content .display-name-container.isSqFtueActivated {
  z-index: 21;
}

.sq-agent-portal.popup_neon .content .display-name-container .display-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 111px;
  text-align: left;
}

.sq-agent-portal.popup_neon .content .display-name-container .followers-counter {
  font-size: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 7px;
  position: relative;
  font-family: AkzidGroProBolCnd, serif;
}

.sq-agent-portal.popup_neon .content .display-name-container .followers-counter .totalFollowers-icon {
  width: 21px;
  margin-right: 4px;
}

.sq-agent-portal.popup_neon .content .display-name-container .followers-counter .total-followers-amount {
  color: #f3f949d9;
  text-shadow: -1px 0 #8e6303, 0 1px #6b4c07, 1px 0 #52350a, 0 -1px #5d4308;
  position: relative;
  right: 3px;
}

.sq-agent-portal.popup_neon .content .display-name-container .followers-counter.isSqFtueActivated {
  opacity: 0;
}

.sq-agent-portal.popup_neon .content .content-bg {
  -webkit-filter: brightness(2);
          filter: brightness(2);
  position: absolute;
  left: 0;
  top: 0;
}

.sq-agent-portal.popup_neon .content .slices-carousel {
  background-position: left 150px;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  margin-left: 15px;
  height: 410px;
  min-width: 100%;
  transform: skew(-10deg);
  z-index: 1;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice {
  position: relative;
  width: 180px;
  border-width: 2px;
  border-style: solid;
  border-image: linear-gradient(to bottom, #19a6e2, #14407b, #19a6e2) 1 100%;
  z-index: 20;
  display: flex;
  flex-flow: column;
  align-items: center;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .white-flare {
  position: absolute;
  right: -17px;
  top: -27px;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .white-flare-left {
  position: absolute;
  left: -16px;
  bottom: 68px;
  display: none;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice.mission-COMPLETED .white-flare-left {
  display: inline-block;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice:not(.ftueSeason) {
  border-image: linear-gradient(to bottom, #707487, #2f3142, #707487) 1 100%;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice:not(.ftueSeason) .background-slice {
  background-size: cover;
  background-position: bottom;
  position: absolute;
  width: 100%;
  height: 99%;
  top: -2px;
  left: 0;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice.mission-IN_PROGRESS, .sq-agent-portal.popup_neon .content .slices-carousel .default-slice.mission-COMPLETED {
  width: 242px;
  height: 99%;
  background-size: cover;
  background-position: bottom;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice.mission-CLAIMED .daily-mission-text, .sq-agent-portal.popup_neon .content .slices-carousel .default-slice.mission-CREATED .daily-mission-text {
  position: relative;
  font-family: AkzidGroProLigCnd, sans-serif;
  font-size: 22px;
  top: 110px;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice.mission-CLAIMED .daily-mission-text:not(.ftueSeason), .sq-agent-portal.popup_neon .content .slices-carousel .default-slice.mission-CREATED .daily-mission-text:not(.ftueSeason) {
  color: #b9bccf;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice.mission-CLAIMED .daily-mission-icon, .sq-agent-portal.popup_neon .content .slices-carousel .default-slice.mission-CREATED .daily-mission-icon {
  position: relative;
  top: 100px;
  right: 10px;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice.mission-CLAIMED .daily-mission-icon {
  z-index: 1;
  width: 61px;
  height: 50px;
  left: 1px;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice.mission-CREATED:not(.ftueSeason) {
  z-index: 19;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice.mission-CREATED .daily-mission-icon {
  z-index: 1;
  width: 46px;
  height: 66px;
  right: 13px;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .daily-mission-bg {
  background-size: cover;
  background-position: bottom;
  position: absolute;
  top: -2px;
  left: 0;
  width: 100%;
  height: 99%;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .slice-content {
  transform: skew(10deg);
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .timer-slice-tag {
  position: relative;
  width: auto;
  background: linear-gradient(45deg, #151c2dfa 13%, #0b1119 79%, #252c48 95%);
  position: relative;
  align-content: center;
  justify-content: center;
  font-size: 23px;
  color: #ffffff;
  display: flex;
  padding: 0 10px;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .timer-slice-tag::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  transform: skew(10deg);
  z-index: -1;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .time-left {
  transform: skew(10deg);
  font-family: AkzidGroProMedCndAlt, sans-serif;
  margin-left: 0px;
  margin-top: 3px;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .text-progress-bar {
  position: relative;
  top: -20px;
  display: flex;
  width: 90%;
  justify-content: center;
  font-size: 21px;
  color: #C0FAFC;
  font-family: 'AkzidGroProBolCnd', arial, sans-serif;
  background: -webkit-linear-gradient(top, #62fdff, #3ad5ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .subtext-progress-bar {
  font-family: AkzidGroProLigCnd, sans-serif;
  position: relative;
  font-size: 19px;
  color: #FFFFFF;
  top: -25px;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .subtext-progress-bar.bar-filled {
  display: none;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .subtext-progress-bar:not(.ftueSeason) {
  color: #b9bccf;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .progression-text {
  position: relative;
  background: #000;
  padding: 2px 15px;
  font-size: 21px;
  border: 2px solid #1d4ebc;
  border-bottom: none;
  transform: skewX(350deg);
  top: -20px;
  color: #C0FAFC;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .progression-text:not(.ftueSeason) {
  background: #0F0F14;
  border: 2px solid #545763;
  border-bottom: none;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .progression-text div {
  font-family: 'AkzidGroProBolCnd', arial, sans-serif;
  transform: skewX(18deg);
  color: #3ad5ff;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .progression-text.bar-filled {
  display: none;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .meter-progress-bar {
  display: flex;
  position: relative;
  height: 3%;
  width: 90%;
  background-color: #000;
  top: -20px;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .meter-progress-bar.bar-filled {
  display: none;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .meter-progress-bar:not(.ftueSeason) {
  background-color: #0F0F14;
  border-bottom: 2px solid #545763;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .meter-progress-bar .progression-bar {
  height: 70%;
  width: 40%;
  justify-content: center;
  display: flex;
  position: relative;
  background-color: #ffa0a0;
  background: #0095ff;
  background: linear-gradient(90deg, #0095ff 0%, #2bc0ff 50%, #4de2ff 100%);
  border: 1px solid #0095ff;
  transition: width 1s cubic-bezier(0, 0.01, 0, 1.01);
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .button-blue {
  display: block;
  position: relative;
  height: 80px;
  width: 80%;
  box-sizing: border-box;
  margin-bottom: 15px;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .button-blue:last-child {
  margin-bottom: unset;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .button-blue:active {
  margin-top: unset;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .perks-container {
  width: 100%;
  min-height: 175px;
  margin-bottom: 15px;
  margin-top: -7px;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .slice-tags {
  z-index: 21;
  position: absolute;
  left: -10px;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .new-slice-tag {
  content: 'NEW';
  position: relative;
  left: 5px;
  top: 4px;
  width: 64px;
  background: radial-gradient(ellipse at center, #FF9B30 0%, #FF9B30 30%, #F8DF67 100%);
  font-size: 23px;
  font-style: italic;
  border-radius: 2px;
  box-shadow: 0 2px 3px black;
  text-shadow: 0 2px #a04500;
  color: #ffffff;
  line-height: 31px;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container {
  width: 100%;
  display: flex;
  position: absolute;
  top: 300px;
  height: 152px;
  z-index: 40;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-shine-bar {
  pointer-events: none;
  width: 700px;
  height: 58px;
  position: absolute;
  top: -28px;
  left: -50px;
  z-index: 640;
  transform: scale(0.6);
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content {
  z-index: 500;
  top: 45px;
  position: relative;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-timer-container {
  width: 118px;
  bottom: 30px;
  background-repeat: no-repeat;
  position: relative;
  display: block;
  font-size: 20px;
  color: #ffffffc2;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-timer-container .weekly-ends-in-text {
  position: relative;
  top: 1px;
  right: 4px;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-timer-container .weeklyChase-timer-text {
  bottom: 4px;
  position: relative;
  right: 6px;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-timer-container .weeklyChase-timer-text:before {
  position: relative;
  display: inline-flex;
  content: "";
  top: 1px;
  right: 5px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1555px;
  width: 11px;
  height: 17px;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container {
  width: 745px;
  height: 56px;
  display: flex;
  position: relative;
  bottom: 18px;
  justify-content: space-between;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .followers-target-container {
  bottom: 15px;
  position: relative;
  left: 13px;
  z-index: 50;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .followers-target-container .followers-icon {
  left: 9px;
  position: relative;
  transform: scale(0.9);
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .followers-target-container .followers-target {
  position: relative;
  background: #2a0543;
  width: 67px;
  height: 20px;
  border: 2px solid #ecac04;
  border-radius: 5px 5px 5px 5px;
  bottom: 21px;
  left: 10px;
  color: #ecac04;
  font-family: AkzidGroProBolCnd, serif;
  display: flex;
  justify-content: center;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress {
  display: flex;
  height: 33px;
  width: 100%;
  align-items: center;
  position: absolute;
  bottom: 20px;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress.weeklySectionCompleted {
  background: linear-gradient(to right, rgba(95, 19, 140, 0.19) 32%, rgba(101, 58, 130, 0.16) 67%, rgba(149, 49, 208, 0.32) 100%);
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .weekly-progressbar-container {
  width: 645px;
  background-color: #1a0638;
  left: 50px;
  position: absolute;
  height: 14px;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .weekly-progressbar-container .weekly-progressbar {
  width: 645px;
  position: absolute;
  height: 13px;
  left: 25px;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .weekly-progressbar-container .weekly-progressbar .weekly-completed-footer .weekly-completed-text {
  font-weight: bold;
  position: relative;
  bottom: 27px;
  right: 9px;
  font-size: 3.2rem;
  background-image: -webkit-linear-gradient(top, #d8e41bf2, #ebf918, #fbff00eb, #ad3434, #eeff01, #906137f7, #fbff0fe6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 1px;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .weekly-progressbar-container .weekly-progressbar .weekly-completed-footer .weekly-completed-remaining {
  display: flex;
  position: relative;
  bottom: 22px;
  color: rgba(213, 165, 232, 0.76);
  justify-content: center;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .weekly-progressbar-container .weekly-progressbar .weekly-completed-footer .weekly-completed-remaining .weekly-footer-text {
  font-size: 20px;
  bottom: 5px;
  position: relative;
  right: 9px;
  margin-left: 5px;
  margin-right: 5px;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .weekly-progressbar-container .weekly-progressbar .weekly-completed-footer .weekly-completed-remaining .weeklyChase-timer-text {
  font-size: 20px;
  bottom: 5px;
  position: relative;
  right: 9px;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .weekly-progressbar-container .weekly-progressbar .weekly-completed-footer .weekly-completed-remaining .icon-timer-clubs {
  float: left;
  position: relative;
  left: -8px;
  width: 12px;
  height: 20px;
  bottom: 2px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3711px -1482px;
  width: 12px;
  height: 20px;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .weekly-progressbar-container .weekly-progressbar .progress-done {
  background: #F6D803;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 0;
  opacity: 0;
  transform: skew(-13deg);
  transition: 1s ease 0.3s;
  border: 1px solid #FDF600;
  position: relative;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .weekly-progressbar-container .weekly-progressbar .separator-progress-container {
  display: flex;
  width: 645px;
  position: absolute;
  bottom: -28px;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .weekly-progressbar-container .weekly-progressbar .separator-progress-container .separator-milestone {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  margin-bottom: 0;
  top: 11px;
  width: 0;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .weekly-progressbar-container .weekly-progressbar .separator-progress-container .separator-milestone .milestone-amount {
  color: #fdbd1e;
  font-family: AkzidGroProBolCnd, serif;
  font-size: 17px;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .weekly-progressbar-container .weekly-progressbar .separator-progress-container .separator-milestone .claim-milestone-btn-container {
  position: relative;
  top: 1px;
  overflow: hidden;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .weekly-progressbar-container .weekly-progressbar .separator-progress-container .separator-milestone .claim-milestone-btn-container .weekly-claim-btn {
  color: #7d3f02;
  width: 72px;
  height: 27px;
  border: 1.4px solid #fff938;
  font-size: 22px;
  background-image: linear-gradient(173deg, #F5D600 0%, #EFC000 46%, #ECAF00 49%, #EAA800 100%);
  font-family: AkzidGroProMedCndAlt, serif;
  letter-spacing: 1px;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .weekly-progressbar-container .weekly-progressbar .separator-progress-container .separator-milestone .claim-milestone-btn-container .weekly-claim-btn:hover {
  background-image: linear-gradient(173deg, #e8d447 0%, #f6cf3e 46%, #f3be34 49%, #fac225 100%);
  cursor: pointer;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .weekly-progressbar-container .weekly-progressbar .separator-progress-container .separator-milestone .claim-milestone-btn-container .claim-milestone-mask {
  position: absolute;
  bottom: 0;
  left: -6px;
  width: 82px;
  height: 27px;
  pointer-events: none;
  -webkit-clip-path: inset(0px 0px 0px 0px);
          clip-path: inset(0px 0px 0px 0px);
  transform: skewX(-13deg);
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .weekly-progressbar-container .weekly-progressbar .separator-progress-container .separator-milestone .claim-milestone-btn-container .claim-milestone-mask .claimRewardPopupBtn-shine {
  position: absolute;
  bottom: 0;
  display: block;
  width: 72px;
  height: 27px;
  z-index: 11;
  background-image: url(assets/imgSrc/pokerRecall/PokerRecallMultiPackStoreButtonShine.png);
  background-size: 100px 65px;
  animation: buttonClaimMilestoneShine 2s linear infinite;
  animation-delay: 1s;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .weekly-progressbar-container .weekly-progressbar .separator-progress-container .rewardIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  transform: scale(0.8);
  position: absolute;
  bottom: 37px;
  margin-bottom: -2px;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .weekly-progressbar-container .weekly-progressbar .separator-progress-container .rewardIcon .weekly-info-icon {
  position: absolute;
  transform: scale(0.5);
  bottom: 41px;
  z-index: 700;
  left: 36px;
  top: -22px;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .weekly-progressbar-container .weekly-progressbar .separator-progress-container .rewardIcon .weekly-info-icon:hover {
  cursor: pointer;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .weekly-progressbar-container .weekly-progressbar .separator-progress-container .rewardIcon .weekly-info-icon.COMPLETED {
  top: -12px;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .weekly-progressbar-container .weekly-progressbar .separator-progress-container .rewardIcon .milestone-icon {
  transform: scale(0.9);
  position: relative;
  top: -4px;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .weekly-progressbar-container .weekly-progressbar .separator-progress-container .rewardIcon.IN_PROGRESS {
  top: -65px;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .weekly-progressbar-container .weekly-progressbar .separator-progress-container .rewardIcon.COMPLETED {
  top: -75px;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .weekly-progressbar-container .weekly-progressbar .separator-progress-container .rewardIcon.CREATED {
  top: -64px;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .weekly-progressbar-container .weekly-progressbar .meter-progress-bar {
  display: flex;
  position: relative;
  height: 90%;
  width: 100%;
  background-color: pink;
  margin-bottom: 15px;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .weekly-progressbar-container .weekly-progressbar .meter-progress-bar .meter-borders {
  height: 100%;
  display: flex;
  background-color: yellow;
  z-index: 10;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .weekly-progressbar-container .weekly-progressbar .meter-progress-bar .meter-borders .progression-bar {
  display: flex;
  position: absolute;
  background-image: linear-gradient(to top, #ffb005 20%, #ffff0a 100%);
  box-shadow: inset 0 0 0 1px #ffff0a, 0px 0px 12px 2px #888888;
  align-self: flex-end;
  max-height: 100%;
  transition: height 1s cubic-bezier(0, 0.01, 0, 1.01);
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .bubbles-container {
  display: flex;
  position: absolute;
  flex-wrap: wrap;
  height: 100%;
  width: 170px;
  left: 35px;
  flex-flow: column;
  top: -4px;
  -webkit-clip-path: polygon(0 0, 80% 0, calc(100% - 85px) 100%, 0 100%, 0 0);
          clip-path: polygon(0 0, 80% 0, calc(100% - 85px) 100%, 0 100%, 0 0);
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .bubbles-container .bubbles-sponsors-amount span {
  padding: 2px 0 0 35px;
  font-size: 20px;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .bubbles-container .bubbles {
  display: flex;
  position: relative;
  height: 70px;
  width: 100%;
  z-index: 10;
  background-image: linear-gradient(200deg, rgba(57, 173, 255, 0.75) 0%, #1d3ebc 38%, #1d3ebc 52%, #8c267a 100%);
  box-shadow: 0 -5px 7px -3px rgba(255, 255, 255, 0.5);
  -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 0.6vw) 100%, 5% 100%, 5% 15%, 0 0);
          clip-path: polygon(0 0, 100% 0, calc(100% - 0.6vw) 100%, 5% 100%, 5% 15%, 0 0);
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .bubbles-container .bubbles.bubbles-checked {
  opacity: 0.5;
  background-image: linear-gradient(200deg, rgba(57, 173, 255, 0.2) 0%, #151c28 38%, #151c28 52%, rgba(140, 38, 122, 0.2) 100%);
  box-shadow: 0 -5px 7px -3px rgba(255, 255, 255, 0.5);
  -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 0.6vw) 100%, 5% 100%, 5% 15%, 0 0);
          clip-path: polygon(0 0, 100% 0, calc(100% - 0.6vw) 100%, 5% 100%, 5% 15%, 0 0);
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .bubbles-container .bubbles.bubbles-sponsors-amount {
  background: rgba(0, 0, 0, 0.5);
  height: 33px;
  -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 0.3vw) 100%, 5% 100%, 5% 15%, 0 0);
          clip-path: polygon(0 0, 100% 0, calc(100% - 0.3vw) 100%, 5% 100%, 5% 15%, 0 0);
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.8), inset 0 0 2px 0 rgba(255, 255, 255, 0.8);
  border-radius: 0 5px 5px 5px;
  position: absolute;
  bottom: 0;
  max-width: 100%;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .bubbles-container.bubbles-borders-container-sponsorship {
  z-index: 0;
  display: flex;
  position: relative;
  flex-wrap: wrap;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .bubbles-container.bubbles-borders-container-sponsorship .bubbles {
  height: 74px;
  width: 137px;
  background-image: none;
  background-color: #8416ff;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .bubbles-container.bubbles-borders-container-sponsorship .bubbles.bubbles-checked {
  opacity: 0.5;
  background-color: #787fa3;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .bubbles-container.bubbles-borders-container-sponsorship .bubbles.second-bubble {
  width: 117px;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .bubbles-container.bubbles-borders-container-sponsorship .bubbles.second-bubble.third-bubble {
  width: 104px;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .weekly-content .weekly-progress-container .section-progress .bubbles-container.bubbles-borders-container-sponsorship .bubbles.second-bubble.fourth-bubble {
  width: 91px;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .bigPrize-icon {
  top: 0px;
  position: absolute;
  left: 613px;
  z-index: 700;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .bigPrize-icon .chipsCase-icon {
  transform: scale(1.2);
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .bigPrize-icon .weekly-info-icon {
  position: absolute;
  transform: scale(0.5);
  bottom: 80px;
  z-index: 700;
  left: 105px;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .bigPrize-icon .weekly-info-icon:hover {
  cursor: pointer;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .bigPrize-icon .ribbon-big-prize {
  bottom: 27px;
  width: 157px;
  height: 47px;
  left: 7px;
  position: absolute;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .bigPrize-icon .ribbon-big-prize.shouldAnim {
  animation: slideUpRibbonAnimation 0.3s 1 linear;
  animation-fill-mode: forwards;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .bigPrize-icon .ribbon-big-prize .sponsor-ribbon-icon {
  transform: scale(0.5) rotate(-10deg);
  position: relative;
  bottom: 35px;
  right: 52px;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .bigPrize-icon .ribbon-big-prize .sponsor-bigWin-multiplier {
  position: relative;
  bottom: 109px;
  left: 19px;
  transform: rotate(-7deg);
  font-size: 18px;
  color: #f3f949d9;
  font-family: AkzidGroProBolCnd, serif;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .bigPrize-icon .weekly-claim-bigWin-btn-container {
  position: absolute;
  bottom: 7px;
  overflow: hidden;
  left: 52px;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .bigPrize-icon .weekly-claim-bigWin-btn-container.shouldBtnSlideUp {
  animation: slideUpClaimBtnAnimation 0.3s 1 linear;
  animation-fill-mode: forwards;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .bigPrize-icon .weekly-claim-bigWin-btn-container .weekly-bigWin-claim-btn {
  color: #7d3f02;
  font-size: 25px;
  background-image: linear-gradient(173deg, #F5D600 0%, #EFC000 46%, #ECAF00 49%, #EAA800 100%);
  font-family: AkzidGroProMedCndAlt, serif;
  letter-spacing: 1px;
  position: relative;
  width: 79px;
  border: 1.4px solid #fff938;
  height: 30px;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .bigPrize-icon .weekly-claim-bigWin-btn-container .weekly-bigWin-claim-btn:hover {
  background-image: linear-gradient(173deg, #e8d447 0%, #f6cf3e 46%, #f3be34 49%, #fac225 100%);
  cursor: pointer;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .bigPrize-icon .weekly-claim-bigWin-btn-container .claim-bigWin-mask {
  position: absolute;
  bottom: 1px;
  left: -2px;
  width: 90px;
  height: 28px;
  pointer-events: none;
  -webkit-clip-path: inset(0px 0px 0px 0px);
          clip-path: inset(0px 0px 0px 0px);
  transform: skewX(-13deg);
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .bigPrize-icon .weekly-claim-bigWin-btn-container .claim-bigWin-mask .claimRewardPopupBtn-shine {
  position: absolute;
  bottom: 0;
  display: block;
  width: 72px;
  height: 34px;
  z-index: 11;
  background-image: url(assets/imgSrc/pokerRecall/PokerRecallMultiPackStoreButtonShine.png);
  background-size: 100px 65px;
  animation: buttonClaimMilestoneShine 2s linear infinite;
  animation-delay: 1s;
}

.sq-agent-portal.popup_neon .content .weeklyChase-container .right-content-agent-container {
  position: relative;
  bottom: 290px;
  right: 107px;
  z-index: 700;
}

.sq-agent-portal.popup_neon .content .sqftue-total-followers-popup {
  position: absolute;
  left: -80px;
  top: 80px;
  z-index: 100;
  animation: jumpAnimationsqFueTotalFollowersPopup 1s linear infinite;
}

@keyframes jumpAnimationsqFueTotalFollowersPopup {
  0% {
    top: 80px;
  }
  25% {
    top: 70px;
  }
  50% {
    top: 80px;
  }
  75% {
    top: 85px;
  }
  100% {
    top: 80px;
  }
}

.sq-agent-portal.popup_neon .content .sqftue-total-followers-popup.sq-ftue-gradient-bg .speech-bubble::before, .sq-agent-portal.popup_neon .content .sqftue-total-followers-popup.sq-ftue-gradient-bg .speech-bubble::after {
  background: linear-gradient(0.15turn, #041040, #041345);
}

.sq-agent-portal.popup_neon .content .sqftue-total-followers-popup .sq-ftue-text {
  font-size: 23px;
  color: #fff;
}

.sq-agent-portal.popup_neon .content .sqftue-total-followers-popup .sq-ftue-text span {
  color: yellow;
}

.sq-agent-portal.popup_neon .content .season .season-container .season-timer-container .season-timer-wrapper .weeklyChase-timer-text:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1555px;
  width: 11px;
  height: 17px;
}

.sq-agent-portal.popup_neon .content .season .season-completed-container .season-completed .season-completed-subtitle:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1555px;
  width: 11px;
  height: 17px;
}

.sq-agent-portal.popup_neon .content .season .hyperChapter-container .hyperChapter-timer-container .season-timer-wrapper .weeklyChase-timer-text:before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1555px;
  width: 11px;
  height: 17px;
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .hyperQuest-reward-button .reward-items .reward-item .reward-icon-scaled .reward-icon.isPRPrime::before {
  content: '';
  position: absolute;
  top: -291px;
  left: -225px;
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: 0px -1533px;
  width: 489px;
  height: 621px;
  transform: scale(0.08);
}

.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-next-slice .title-wrapper .nextQuest-rewards .reward-items .reward-item .reward-icon-scaled .reward-icon.isPRPrime::before {
  content: '';
  position: absolute;
  top: -291px;
  left: -225px;
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: 0px -1533px;
  width: 489px;
  height: 621px;
  transform: scale(0.08);
}

@keyframes buttonClaimMilestoneShine {
  0% {
    left: -100px;
  }
  40% {
    left: 100px;
  }
  50% {
    left: 200px;
  }
  100% {
    left: 300px;
  }
}

@keyframes slideUpRibbonAnimation {
  from {
    bottom: 27px;
  }
  to {
    bottom: 38px;
  }
}

@keyframes slideUpClaimBtnAnimation {
  from {
    bottom: 7px;
  }
  to {
    bottom: 14px;
  }
}

@keyframes hyperQuestFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.popGame-container {
  position: absolute;
  top: 95px;
  left: 50%;
  width: 962px;
  height: 641px;
  transform: translateX(-50%);
  text-align: center;
  overflow: hidden;
  display: block;
}

.popGame-container .header {
  z-index: 500;
  position: relative;
  height: 105px;
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 14px;
}

.popGame-container .header .header-container {
  margin-left: 17px;
  margin-right: 17px;
  height: 140px;
  overflow: hidden;
}

.popGame-container .header .header-container .headerComponents {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  overflow: hidden;
}

.popGame-container .header .header-container .headerComponents.slideUpAnim {
  animation: slideUpAnimation 1s linear 1 forwards;
}

.popGame-container .header .header-container .headerComponents.bomb {
  animation-name: slideUpAnimation,slideDownSimpleAnimation;
  animation-duration: 2.8s, 1s;
  animation-delay: 0s, 2.8s;
}

.popGame-container .header .header-container .headerComponents .logoPopGame .logoImg {
  transform: translate(8px, -8px);
}

.popGame-container .header .header-container .headerComponents .titlePopGame {
  display: inline-block;
  padding: 10px 30px 0;
  font-size: 32px;
  font-family: AkzidGroProCnd, serif;
  flex-grow: 3;
  text-align: center;
  color: white;
  font-weight: bold;
  flex-direction: row;
  text-shadow: 3px 3px #000000;
}

.popGame-container .header .header-container .headerComponents .titlePopGame .rewardName {
  color: #FFA500;
}

.popGame-container .header .header-container .headerComponents .collectiblePopGame {
  position: relative;
  flex-grow: 2;
  z-index: 100;
  padding: 10px 10px 35px;
}

.popGame-container .header .header-container .headerComponents .collectiblePopGame .collectiblePopGameLogo {
  width: auto;
  transform: translate(-4px, 10px) scale(1.3);
}

.popGame-container .header .header-container .displaySecondTextAndAnim {
  position: relative;
  bottom: 45px;
  display: block;
  color: #FFF;
  font-size: 76px;
  font-family: AkzidGroProMedCndAlt, serif;
  text-shadow: 0 5px 7px #020202a3;
  letter-spacing: 2px;
  left: 30px;
  text-transform: uppercase;
}

.popGame-container .header .header-container .displaySecondTextAndAnim:not(.bomb) {
  animation: slideDownAnimation 1s linear 1 forwards;
}

.popGame-container .header .header-container .displaySecondTextAndAnim.bomb {
  bottom: 35px;
  font-size: 50px;
  animation: slideDownWoWobbleAnimation 2s ease-out 2 alternate forwards;
}

.popGame-container .header .header-container .hideSecondText {
  display: none;
}

.popGame-container .header .header-container.hideOverflow {
  overflow: hidden;
}

.popGame-container .content-container {
  display: flex;
  justify-content: space-between;
}

.popGame-container .content-container .extrapickBankroll-container {
  font-size: 30px;
  z-index: 150;
  transform: translate(-600px, -283px);
  width: 203px;
  height: 93px;
  overflow: visible;
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-align: center;
}

.popGame-container .content-container .extrapickBankroll-container.picks_counter_slide {
  animation: counterSliding 0.3s 1 linear;
  animation-fill-mode: forwards;
}

.popGame-container .content-container .extrapickBankroll-container .extrapickTitle {
  font-size: 25px;
  position: relative;
  left: 25px;
  top: 5px;
  letter-spacing: 1px;
  font-weight: bold;
  font-family: AkzidGroProLigCnd, serif;
}

.popGame-container .content-container .extrapickBankroll-container .counterPicks {
  color: #FFA500;
  font-family: AkzidGroProBolCnd, serif;
  font-size: 30px;
  position: relative;
  left: 11px;
  top: 6px;
  width: 38px;
}

.popGame-container .content-container .dealerLogo {
  z-index: 550;
  position: relative;
  transform: translate(15px, -80px);
}

.popGame-container .content-container .grid-container {
  flex-grow: 1;
  position: absolute;
  left: 181px;
  bottom: 46px;
}

.popGame-container .content-container .grid-container .row-wrapper {
  display: flex;
  flex-direction: row;
  position: relative;
  padding-left: 60px;
}

.popGame-container .content-container .grid-container .row-wrapper.row-0 {
  transform: translate(100px, 0px);
}

.popGame-container .content-container .grid-container .row-wrapper.row-0 .rowItem {
  width: 80px;
  height: 75px;
  margin: 1px;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
}

.popGame-container .content-container .grid-container .row-wrapper.row-0 .rowItem.vibrateExplosion .pickAnimation {
  z-index: 3;
}

.popGame-container .content-container .grid-container .row-wrapper.row-0 .rowItem.vibrateExplosion img {
  z-index: 4;
}

.popGame-container .content-container .grid-container .row-wrapper.row-0 .rowItem.bomb .pickAnimation {
  transform: scale(5);
}

.popGame-container .content-container .grid-container .row-wrapper.row-0 .rowItem .pickAnimation {
  bottom: 10px;
  left: 0;
  position: absolute;
  visibility: visible;
  transform: scale(4);
  z-index: 81;
}

.popGame-container .content-container .grid-container .row-wrapper.row-0 .rowItem .rewardPrizeContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  color: white;
  visibility: hidden;
  z-index: 81;
  animation: showRewardAfterClick 1s 1 linear;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}

.popGame-container .content-container .grid-container .row-wrapper.row-0 .rowItem .rewardPrizeContainer .rewardPrizeImg {
  width: 80px;
  height: 80px;
  position: relative;
}

.popGame-container .content-container .grid-container .row-wrapper.row-1 {
  transform: translate(60px, 0px);
}

.popGame-container .content-container .grid-container .row-wrapper.row-1 .rowItem {
  width: 80px;
  height: 75px;
  margin: 1px;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
}

.popGame-container .content-container .grid-container .row-wrapper.row-1 .rowItem.vibrateExplosion .pickAnimation {
  z-index: 3;
}

.popGame-container .content-container .grid-container .row-wrapper.row-1 .rowItem.vibrateExplosion img {
  z-index: 4;
}

.popGame-container .content-container .grid-container .row-wrapper.row-1 .rowItem.bomb .pickAnimation {
  transform: scale(5);
}

.popGame-container .content-container .grid-container .row-wrapper.row-1 .rowItem .pickAnimation {
  bottom: 10px;
  left: 0;
  position: absolute;
  visibility: visible;
  transform: scale(4);
  z-index: 81;
}

.popGame-container .content-container .grid-container .row-wrapper.row-1 .rowItem .rewardPrizeContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  color: white;
  visibility: hidden;
  z-index: 81;
  animation: showRewardAfterClick 1s 1 linear;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}

.popGame-container .content-container .grid-container .row-wrapper.row-1 .rowItem .rewardPrizeContainer .rewardPrizeImg {
  width: 80px;
  height: 80px;
  position: relative;
}

.popGame-container .content-container .grid-container .row-wrapper.row-2 {
  transform: translate(100px, 0px);
}

.popGame-container .content-container .grid-container .row-wrapper.row-2 .rowItem {
  width: 80px;
  height: 75px;
  margin: 1px;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
}

.popGame-container .content-container .grid-container .row-wrapper.row-2 .rowItem.vibrateExplosion .pickAnimation {
  z-index: 3;
}

.popGame-container .content-container .grid-container .row-wrapper.row-2 .rowItem.vibrateExplosion img {
  z-index: 4;
}

.popGame-container .content-container .grid-container .row-wrapper.row-2 .rowItem.bomb .pickAnimation {
  transform: scale(5);
}

.popGame-container .content-container .grid-container .row-wrapper.row-2 .rowItem .pickAnimation {
  bottom: 10px;
  left: 0;
  position: absolute;
  visibility: visible;
  transform: scale(4);
  z-index: 81;
}

.popGame-container .content-container .grid-container .row-wrapper.row-2 .rowItem .rewardPrizeContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  color: white;
  visibility: hidden;
  z-index: 81;
  animation: showRewardAfterClick 1s 1 linear;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}

.popGame-container .content-container .grid-container .row-wrapper.row-2 .rowItem .rewardPrizeContainer .rewardPrizeImg {
  width: 80px;
  height: 80px;
  position: relative;
}

.popGame-container .content-container .grid-container .row-wrapper.row-3 {
  transform: translate(60px, 0px);
}

.popGame-container .content-container .grid-container .row-wrapper.row-3 .rowItem {
  width: 80px;
  height: 75px;
  margin: 1px;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
}

.popGame-container .content-container .grid-container .row-wrapper.row-3 .rowItem.vibrateExplosion .pickAnimation {
  z-index: 3;
}

.popGame-container .content-container .grid-container .row-wrapper.row-3 .rowItem.vibrateExplosion img {
  z-index: 4;
}

.popGame-container .content-container .grid-container .row-wrapper.row-3 .rowItem.bomb .pickAnimation {
  transform: scale(5);
}

.popGame-container .content-container .grid-container .row-wrapper.row-3 .rowItem .pickAnimation {
  bottom: 10px;
  left: 0;
  position: absolute;
  visibility: visible;
  transform: scale(4);
  z-index: 81;
}

.popGame-container .content-container .grid-container .row-wrapper.row-3 .rowItem .rewardPrizeContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  color: white;
  visibility: hidden;
  z-index: 81;
  animation: showRewardAfterClick 1s 1 linear;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}

.popGame-container .content-container .grid-container .row-wrapper.row-3 .rowItem .rewardPrizeContainer .rewardPrizeImg {
  width: 80px;
  height: 80px;
  position: relative;
}

.popGame-container .content-container .grid-container .row-wrapper.row-4 {
  transform: translate(15px, 0px);
}

.popGame-container .content-container .grid-container .row-wrapper.row-4 .rowItem {
  width: 80px;
  height: 75px;
  margin: 1px;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
}

.popGame-container .content-container .grid-container .row-wrapper.row-4 .rowItem.vibrateExplosion .pickAnimation {
  z-index: 3;
}

.popGame-container .content-container .grid-container .row-wrapper.row-4 .rowItem.vibrateExplosion img {
  z-index: 4;
}

.popGame-container .content-container .grid-container .row-wrapper.row-4 .rowItem.bomb .pickAnimation {
  transform: scale(5);
}

.popGame-container .content-container .grid-container .row-wrapper.row-4 .rowItem .pickAnimation {
  bottom: 10px;
  left: 0;
  position: absolute;
  visibility: visible;
  transform: scale(4);
  z-index: 81;
}

.popGame-container .content-container .grid-container .row-wrapper.row-4 .rowItem .rewardPrizeContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  color: white;
  visibility: hidden;
  z-index: 81;
  animation: showRewardAfterClick 1s 1 linear;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}

.popGame-container .content-container .grid-container .row-wrapper.row-4 .rowItem .rewardPrizeContainer .rewardPrizeImg {
  width: 80px;
  height: 80px;
  position: relative;
}

.popGame-container .content-container .grid-container .row-wrapper.row-5 {
  transform: translate(153px, 0px);
}

.popGame-container .content-container .grid-container .row-wrapper.row-5 .rowItem {
  width: 80px;
  height: 75px;
  margin: 1px;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
}

.popGame-container .content-container .grid-container .row-wrapper.row-5 .rowItem.vibrateExplosion .pickAnimation {
  z-index: 3;
}

.popGame-container .content-container .grid-container .row-wrapper.row-5 .rowItem.vibrateExplosion img {
  z-index: 4;
}

.popGame-container .content-container .grid-container .row-wrapper.row-5 .rowItem.bomb .pickAnimation {
  transform: scale(5);
}

.popGame-container .content-container .grid-container .row-wrapper.row-5 .rowItem .pickAnimation {
  bottom: 10px;
  left: 0;
  position: absolute;
  visibility: visible;
  transform: scale(4);
  z-index: 81;
}

.popGame-container .content-container .grid-container .row-wrapper.row-5 .rowItem .rewardPrizeContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  color: white;
  visibility: hidden;
  z-index: 81;
  animation: showRewardAfterClick 1s 1 linear;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}

.popGame-container .content-container .grid-container .row-wrapper.row-5 .rowItem .rewardPrizeContainer .rewardPrizeImg {
  width: 80px;
  height: 80px;
  position: relative;
}

.popGame-container .popGameDecreaseAnimation {
  position: absolute;
  top: -170px;
  left: -75px;
  z-index: 510;
  transform: scale(0.2);
  animation-delay: 3s;
}

.popGame-container .buyExtraPick {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(33%, -30%);
  animation: slideExtraPick 1s 1 linear;
  animation-fill-mode: both;
  color: yellow;
  font-size: 120px;
  -webkit-text-stroke: 3px orange;
  z-index: 150;
}

.popGame-container .buyExtraPickAnimation {
  position: absolute;
  top: -178px;
  right: 145px;
  z-index: 151;
  transform: scale(0.2);
}

.popGame-container .claimedRewardPopup {
  position: absolute;
  top: 95px;
  text-align: center;
  width: 930px;
  height: 529px;
  overflow: hidden;
  z-index: 150;
  left: 50%;
  margin-left: -466px;
  animation: fadeIn linear 1s;
  background: #000000c7;
}

.popGame-container .claimedRewardPopup .gpContentCont {
  background: none;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 700px;
  float: right;
  height: 529px;
  justify-content: center;
  align-items: center;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimRewardPopupTitle {
  color: white;
  height: 140px;
  font-family: AkzidGroProLigCnd, serif;
  font-size: 30px;
  text-transform: uppercase;
  top: 70px;
  position: relative;
  right: 75px;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimBigWinRewardPopupInfo {
  width: 400px;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-align: center;
  right: 60px;
  z-index: 10;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimBigWinRewardPopupInfo .claimBigWinReward {
  position: relative;
  width: 270px;
  height: 75px;
  z-index: 350;
  display: block;
  top: -60px;
  left: 10px;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimBigWinRewardPopupInfo .claimBigWinReward .bigRewardContainer {
  animation: bigRewardCircleAnim 1.7s 1 linear;
  animation-fill-mode: forwards;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimBigWinRewardPopupInfo .claimBigWinReward .bigRewardContainer .bigRewardIcon {
  height: 200px;
  min-width: 200px;
  max-width: 286px;
  animation: iconAnimation 1s 1 linear;
  animation-fill-mode: forwards;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimBigWinRewardPopupInfo .bigWinAnimation {
  z-index: 300;
  position: absolute;
  animation: bigWinAnimationShowInSuccesfulLayout 2s 1 linear;
  animation-fill-mode: forwards;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimBigWinRewardPopupInfo .prizeLoopAnimation {
  position: absolute;
  animation: prizeLoopAnimationForClaimedReward 3s 1 linear;
  animation-fill-mode: forwards;
  height: 400px;
  bottom: 10px;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimRewardPopupInfo {
  width: 400px;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-align: center;
  right: 60px;
  z-index: 10;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimRewardPopupInfo .rewardClaimed {
  position: absolute;
  width: 300px;
  height: 300px;
  animation: regularRewardClaimedShowInSuccesfulLayout 2s 1 linear;
  animation-fill-mode: forwards;
  z-index: 350;
  transform: scale(0.5);
  display: block;
  top: -15px;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimRewardPopupInfo .rewardClaimed .regularRewardIcon {
  width: 300px;
  height: 300px;
  position: absolute;
  left: 10px;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimRewardPopupInfo .prizeLoopAnimation {
  animation: prizeLoopAnimationForClaimedReward 2s 1 linear;
  animation-fill-mode: forwards;
  z-index: 300;
  display: block;
  position: absolute;
  top: -45px;
  left: 10px;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimRewardPopupBtnContainer {
  position: relative;
  bottom: 35px;
  right: 65px;
  animation: buttonGoesUp 1s 1 linear;
  animation-fill-mode: forwards;
  z-index: 10;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimRewardPopupBtnContainer .claimRewardPopupBtn {
  position: relative;
  height: 65px;
  width: 200px;
  font-family: AkzidGroProCnd, serif;
  font-weight: bold;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimRewardPopupBtnContainer .claimRewardPopupBtn-mask {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 200px;
  height: 65px;
  pointer-events: none;
  -webkit-clip-path: inset(0px 0px 0px 0px);
          clip-path: inset(0px 0px 0px 0px);
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimRewardPopupBtnContainer .claimRewardPopupBtn-mask .claimRewardPopupBtn-shine {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100px;
  height: 65px;
  z-index: 11;
  background-image: url(assets/imgSrc/pokerRecall/PokerRecallMultiPackStoreButtonShine.png);
  background-size: 100px 65px;
  animation: buttonClaimPrizeShineAnim 2s linear infinite;
  animation-delay: 0.5s;
}

.popGame-container .howTo-container {
  position: absolute;
  left: 30px;
  bottom: 20px;
  z-index: 550;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.popGame-container .howTo-container .tooltip-icon {
  display: inline-block;
  overflow: visible;
  background-color: transparent;
  border: none;
  outline: none;
  width: 45px;
  height: 45px;
  transform: scale(0.5);
  background-image: url(assets/images/base/HowToPlayBTN.png);
  cursor: pointer;
}

.popGame-container .howTo-container .tooltip-text {
  color: white;
  font-size: 2.5rem;
  font-family: AkzidGroProLigCnd, serif;
  text-decoration: underline;
  position: relative;
  margin-bottom: 10px;
  text-shadow: 2px 2px 1px #161616;
  text-underline-offset: 5px;
}

.howToPlayPopup {
  position: absolute;
  top: 95px;
  left: 50%;
  width: 962px;
  height: 641px;
  transform: translateX(-50%);
  text-align: center;
  display: flex;
}

.howToPlayPopup .popNowButton {
  width: 200px;
  height: 60px;
  transform: translate(400px, 500px);
}

.CarnivalEvent2021.popGame-container .content-container .dealerLogo {
  transform: translate(18px, -49px);
}

.MainEvent2021.popGame-container .dealerLogo {
  transform: translate(3px, -82px);
}

.MainEvent2021.popGame-container .rules-tr.tooltip-icon {
  transform: none;
}

.MainEvent2021.popGame-container .tooltip-text {
  position: relative;
  left: 10px;
}

.ThanksgivingEvent2021.popGame-container .dealerLogo {
  transform: translate(12px, -79px) scale(0.98);
}

.ThanksgivingEvent2021.popGame-container .header-container .displaySecondTextAndAnim {
  text-shadow: -3px 0 #103ac0, 0 3px #103ac0, 3px 0 #103ac0, 0 -3px #103ac0;
}

.ThanksgivingEvent2021.popGame-container .header-container .headerComponents .titlePopGame {
  font-size: 28px;
}

.NewYearEvent2022.popGame-container .rules-tr.tooltip-icon {
  transform: none;
}

.NewYearEvent2022.popGame-container .tooltip-text {
  position: relative;
  left: 10px;
}

.NewYearEvent2022.popGame-container .dealerLogo {
  transform: translate(16px, -84px) scale(1.01);
}

.NewYearEvent2022.popGame-container .header-container .displaySecondTextAndAnim {
  text-shadow: -3px 0 #103ac0, 0 3px #103ac0, 3px 0 #103ac0, 0 -3px #103ac0;
}

.NewYearEvent2022.popGame-container .header-container .headerComponents .titlePopGame {
  font-size: 27px;
  padding: 10px 20px 0;
}

.NewYearEvent2022.popGame-container .header-container .headerComponents .titlePopGame .rewardName {
  color: #57e0e9;
}

.NewYearEvent2022.popGame-container .header-container .headerComponents .collectiblePopGame .collectiblePopGameLogo {
  transform: translate(-4px, 10px) scale(1.2);
}

.CarnivalEvent2022.popGame-container .rules-tr.tooltip-icon {
  transform: none;
}

.CarnivalEvent2022.popGame-container .tooltip-text {
  position: relative;
  left: 10px;
}

.CarnivalEvent2022.popGame-container .dealerLogo {
  transform: translate(16px, -84px) scale(0.96);
  left: -8px;
  top: 11px;
}

.CarnivalEvent2022.popGame-container .header-container .displaySecondTextAndAnim {
  text-shadow: -3px 2px 2px #001860, 2px 2px 2px #001860, 3px 2px 2px #001860, 2px -3px 2px #001860;
}

.CarnivalEvent2022.popGame-container .header-container .headerComponents .titlePopGame {
  font-size: 27px;
  padding: 10px 20px 0;
}

.CarnivalEvent2022.popGame-container .header-container .headerComponents .titlePopGame .rewardName {
  color: #FDBF00;
}

.CarnivalEvent2022.popGame-container .header-container .headerComponents .collectiblePopGame .collectiblePopGameLogo {
  transform: translate(-4px, 10px) scale(1.2);
}

.ValentinesEvent2022.popGame-container .extrapickBankroll-container {
  left: -21px;
  top: -10px;
  position: relative;
}

.ValentinesEvent2022.popGame-container .rules-tr.tooltip-icon {
  transform: none;
}

.ValentinesEvent2022.popGame-container .tooltip-text {
  position: relative;
  left: 10px;
}

.ValentinesEvent2022.popGame-container .dealerLogo {
  transform: translate(16px, -84px) scale(1.1);
  left: 19px;
  top: -25px;
}

.ValentinesEvent2022.popGame-container .header-container .displaySecondTextAndAnim {
  text-shadow: -3px 2px 2px #540a0a, 2px 2px 2px #540a0a, 3px 2px 2px #540a0a, 2px -3px 2px #540a0a !important;
}

.ValentinesEvent2022.popGame-container .header-container .headerComponents .titlePopGame {
  font-size: 27px;
  padding: 10px 20px 0;
  text-shadow: 1px 1px 2px #000000, 1px 1px 2px #000000, 1px 1px 2px #000000, 1px 1px 2px #000000;
}

.ValentinesEvent2022.popGame-container .header-container .headerComponents .titlePopGame .rewardName {
  color: #FFE195;
  text-shadow: 1px 1px 2px #000000, 1px 1px 2px #000000, 1px 1px 2px #000000, 1px 1px 2px #000000;
}

.ValentinesEvent2022.popGame-container .header-container .headerComponents .collectiblePopGame .collectiblePopGameLogo {
  transform: translate(-4px, 10px) scale(1.2);
}

.LuckyVegasEvent2022.popGame-container .rules-tr.tooltip-icon {
  transform: none;
}

.LuckyVegasEvent2022.popGame-container .tooltip-text {
  position: relative;
  left: 10px;
}

.LuckyVegasEvent2022.popGame-container .dealerLogo {
  transform: translate(15px, -110px) scale(1.1);
  pointer-events: none;
}

.LuckyVegasEvent2022.popGame-container .header-container .headerComponents .titlePopGame {
  font-size: 27px;
}

.LuckyVegasEvent2022.popGame-container .header-container .headerComponents .titlePopGame .rewardName {
  color: #FFC000;
}

.LuckyVegasEvent2022.popGame-container .header-container .headerComponents .collectiblePopGame .collectiblePopGameLogo {
  transform: translate(-4px, 10px) scale(1.2);
}

.EasterEvent2022.popGame-container .extrapickBankroll-container {
  left: -21px;
  top: -10px;
  position: relative;
}

.EasterEvent2022.popGame-container .rules-tr.tooltip-icon {
  transform: none;
}

.EasterEvent2022.popGame-container .tooltip-text {
  position: relative;
  left: 10px;
}

.EasterEvent2022.popGame-container .dealerLogo {
  transform: scale(1.05);
  pointer-events: none;
  top: -95px;
  left: 21px;
}

.EasterEvent2022.popGame-container .header-container .headerComponents .titlePopGame {
  font-size: 27px;
}

.EasterEvent2022.popGame-container .header-container .headerComponents .titlePopGame .rewardName {
  color: #FFC000;
}

.EasterEvent2022.popGame-container .header-container .headerComponents .collectiblePopGame .collectiblePopGameLogo {
  transform: scale(1.2);
}

.RockEvent2022.popGame-container .extrapickBankroll-container {
  left: -21px;
  top: -10px;
  position: relative;
}

.RockEvent2022.popGame-container .rules-tr.tooltip-icon {
  transform: none;
}

.RockEvent2022.popGame-container .tooltip-text {
  position: relative;
  left: 10px;
}

.RockEvent2022.popGame-container .dealerLogo {
  transform: scale(1.02);
  pointer-events: none;
  top: -89px;
  left: 21px;
}

.RockEvent2022.popGame-container .header-container .headerComponents .titlePopGame {
  font-size: 27px;
}

.RockEvent2022.popGame-container .header-container .headerComponents .titlePopGame .rewardName {
  color: #FFC000;
}

.RockEvent2022.popGame-container .header-container .headerComponents .collectiblePopGame .collectiblePopGameLogo {
  transform: scale(1.2);
}

.GloryEvent2022.popGame-container .extrapickBankroll-container {
  left: -17px;
  top: -10px;
  position: relative;
}

.GloryEvent2022.popGame-container .rules-tr.tooltip-icon {
  transform: none;
}

.GloryEvent2022.popGame-container .tooltip-text {
  position: relative;
  left: 10px;
}

.GloryEvent2022.popGame-container .dealerLogo {
  transform: scale(0.91);
  pointer-events: none;
  top: -60px;
  left: 2px;
}

.GloryEvent2022.popGame-container .header-container .headerComponents .titlePopGame {
  font-size: 27px;
}

.GloryEvent2022.popGame-container .header-container .headerComponents .titlePopGame .rewardName {
  color: #FFC000;
}

.GloryEvent2022.popGame-container .header-container .headerComponents .collectiblePopGame .collectiblePopGameLogo {
  transform: scale(1.2);
}

.RaceEvent2022.popGame-container .extrapickBankroll-container {
  left: -17px;
  top: -10px;
  position: relative;
}

.RaceEvent2022.popGame-container .rules-tr.tooltip-icon {
  transform: none;
}

.RaceEvent2022.popGame-container .tooltip-text {
  position: relative;
  left: 10px;
}

.RaceEvent2022.popGame-container .dealerLogo {
  transform: scale(0.91);
  pointer-events: none;
  top: -60px;
  left: -5px;
}

.RaceEvent2022.popGame-container .header-container .headerComponents .titlePopGame {
  font-size: 27px;
}

.RaceEvent2022.popGame-container .header-container .headerComponents .titlePopGame .rewardName {
  color: #FFC000;
}

.RaceEvent2022.popGame-container .header-container .headerComponents .collectiblePopGame .collectiblePopGameLogo {
  transform: scale(1.2);
}

.MainEvent2022.popGame-container .extrapickBankroll-container {
  left: -17px;
  top: -10px;
  position: relative;
}

.MainEvent2022.popGame-container .rules-tr.tooltip-icon {
  transform: none;
}

.MainEvent2022.popGame-container .tooltip-text {
  position: relative;
  left: 10px;
}

.MainEvent2022.popGame-container .dealerLogo {
  transform: scale(0.92);
  pointer-events: none;
  top: -60px;
  left: -7px;
}

.MainEvent2022.popGame-container .header-container .headerComponents .titlePopGame {
  font-size: 27px;
}

.MainEvent2022.popGame-container .header-container .headerComponents .titlePopGame .rewardName {
  color: #FFC000;
}

.MainEvent2022.popGame-container .header-container .headerComponents .collectiblePopGame .collectiblePopGameLogo {
  transform: scale(1.2);
}

@keyframes buttonClaimPrizeShineAnim {
  0% {
    left: -100px;
  }
  40% {
    left: 100px;
  }
  50% {
    left: 200px;
  }
  100% {
    left: 300px;
  }
}

@keyframes slideUpAnimation {
  from {
    bottom: 0;
  }
  to {
    transform: translate(0px, -140px);
    display: none;
    visibility: hidden;
  }
}

@keyframes slideDownSimpleAnimation {
  from {
    transform: translate(0px, -140px);
    display: none;
    visibility: hidden;
  }
  to {
    bottom: 0;
  }
}

@keyframes slideDownWoWobbleAnimation {
  0% {
    opacity: 0;
    transform: translate(0px, -10px);
  }
  30% {
    opacity: 0;
    transform: translate(0px, -30px);
  }
  50% {
    opacity: 100%;
    transform: translate(0px, -100px);
  }
  100% {
    opacity: 100%;
    transform: translate(0px, -100px);
  }
}

@keyframes slideDownAnimation {
  0% {
    opacity: 0;
    transform: translate(0px, -10px);
  }
  30% {
    opacity: 0;
    transform: translate(0px, -30px);
  }
  50% {
    opacity: 0;
    transform: translate(0px, -70px);
  }
  70% {
    opacity: 100%;
    transform: translate(0px, -100px);
  }
  80% {
    opacity: 100%;
    transform: translate(0px, -120px);
  }
  80% {
    opacity: 100%;
    transform: translate(0px, -110px);
  }
  100% {
    opacity: 100%;
    transform: translate(0px, -100px);
  }
}

@keyframes showRewardAfterClick {
  0% {
    visibility: visible;
    transform: scale(0.1);
  }
  20% {
    visibility: visible;
    transform: scale(0.3);
  }
  40% {
    visibility: visible;
    transform: scale(0.5);
  }
  60% {
    visibility: visible;
    transform: scale(0.7);
  }
  80% {
    visibility: visible;
    transform: scale(1);
  }
  90% {
    visibility: visible;
    transform: scale(1.3);
  }
  100% {
    visibility: visible;
    transform: scale(1);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes buttonGoesUp {
  from {
    transform: translate(0px, 100px);
  }
  to {
    transform: translate(0px, -10px);
  }
}

@keyframes regularRewardClaimedShowInSuccesfulLayout {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(0.8);
  }
}

@keyframes counterSliding {
  0% {
    transform: translate(-600px, -281px);
  }
  40% {
    transform: translate(-600px, -275px);
  }
  60% {
    transform: translate(-600px, -277px);
  }
  80% {
    transform: translate(-600px, -279px);
  }
  100% {
    transform: translate(-600px, -281px);
  }
}

@keyframes iconAnimation {
  30% {
    transform: scale(1.1);
  }
  55% {
    transform: rotate(-40deg) scale(1.3);
  }
  60% {
    transform: rotate(-25deg);
  }
  80% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0) scale(1.1);
  }
}

@keyframes bigRewardCircleAnim {
  0% {
    transform: translate(0px, 0px);
  }
  3% {
    transform: translate(-2px, -2px);
  }
  4% {
    transform: translate(-3px, 0px);
  }
  6% {
    transform: translate(0px, -4px);
  }
  9% {
    transform: translate(4px, -15px);
  }
  12% {
    transform: translate(13px, -26px);
  }
  15% {
    transform: translate(27px, -46px);
  }
  17% {
    transform: translate(43px, -63px);
  }
  20% {
    transform: translate(59px, -70px);
  }
  22% {
    transform: translate(79px, -73px);
  }
  24% {
    transform: translate(98px, -70px);
  }
  26% {
    transform: translate(104px, -76px);
  }
  28% {
    transform: translate(117px, -68px);
  }
  29% {
    transform: translate(127px, -58px);
  }
  31% {
    transform: translate(136px, -41px);
  }
  32% {
    transform: translate(137px, -21px);
  }
  34% {
    transform: translate(148px, -14px);
  }
  36% {
    transform: translate(137px, 7px);
  }
  37% {
    transform: translate(125px, 24px);
  }
  38% {
    transform: translate(114px, 39px);
  }
  39% {
    transform: translate(104px, 49px);
  }
  41% {
    transform: translate(82px, 66px);
  }
  43% {
    transform: translate(54px, 79px);
  }
  44% {
    transform: translate(26px, 90px);
  }
  46% {
    transform: translate(-4px, 98px);
  }
  47% {
    transform: translate(-33px, 96px);
  }
  49% {
    transform: translate(-53px, 88px);
  }
  50% {
    transform: translate(-71px, 82px);
  }
  52% {
    transform: translate(-95px, 68px);
  }
  53% {
    transform: translate(-107px, 60px);
  }
  55% {
    transform: translate(-126px, 30px);
  }
  56% {
    transform: translate(-130px, 4px);
  }
  58% {
    transform: translate(-117px, -23px);
  }
  59% {
    transform: translate(-105px, -39px);
  }
  61% {
    transform: translate(-85px, -56px);
  }
  62% {
    transform: translate(-68px, -67px);
  }
  64% {
    transform: translate(-48px, -72px);
  }
  65% {
    transform: translate(-19px, -70px);
  }
  66% {
    transform: translate(-2px, -65px);
  }
  67% {
    transform: translate(10px, -55px);
  }
  69% {
    transform: translate(23px, -44px);
  }
  70% {
    transform: translate(23px, -25px);
  }
  72% {
    transform: translate(8px, -11px);
  }
  73% {
    transform: translate(-10px, -6px);
  }
  75% {
    transform: translate(-48px, 0px);
  }
  76% {
    transform: translate(-57px, -20px);
  }
  78% {
    transform: translate(-50px, -33px);
  }
  79% {
    transform: translate(-25px, -25px);
  }
  100% {
    transform: translate(-25px, -25px);
  }
}

@keyframes prizeLoopAnimationForClaimedReward {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(2.2);
  }
}

@keyframes bigWinAnimationShowInSuccesfulLayout {
  0% {
    transform: scale(1.4);
  }
  20% {
    transform: scale(1.5);
  }
  40% {
    transform: scale(1.6);
  }
  60% {
    transform: scale(1.4);
  }
  80% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
    height: 0;
  }
}

@keyframes slideExtraPick {
  0% {
    font-size: 120px;
  }
  30% {
    font-size: 100px;
  }
  90% {
    left: 33%;
    top: 30%;
    font-size: 70px;
  }
  99% {
    left: 33%;
    top: 22%;
    font-size: 35px;
  }
  100% {
    font-size: 0;
  }
}

#pokerAcademyGameScenePopup {
  position: relative;
  overflow: hidden;
  width: 226px;
  height: 159px;
  right: -525px;
  bottom: -214px;
}

#pokerAcademyGameScenePopup #pokerAcademyGameSceneContainer {
  position: absolute;
  transition: 1s;
  bottom: 0;
  background-image: url(assets/images/AtlasPokerAcademy.png);
  background-position: -431px -507px;
  width: 226px;
  height: 163px;
}

#pokerAcademyGameScenePopup #pokerAcademyGameSceneContainer #closeButton {
  background-image: url(assets/images/AtlasPokerAcademy.png);
  background-position: -1088px -388px;
  width: 32px;
  height: 32px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

#pokerAcademyGameScenePopup #pokerAcademyGameSceneContainer #pokerAcademyGameSceneClickableArea {
  cursor: pointer;
  height: 54px;
  width: 182px;
  bottom: 0;
  right: 0;
  position: absolute;
}

#pokerAcademyGameScenePopup #pokerAcademyGameSceneContainer.hide {
  right: -250px;
}

#pokerAcademyGameScenePopup #pokerAcademyGameSceneContainer.show {
  right: 0;
}

#pokerAcademyGameScenePopup #pokerAcademyGameSceneContainer .gameSceneHighlightsAnimation {
  width: 170px;
  height: 33px;
  position: absolute;
  bottom: 2px;
  left: 0;
}

.profileTopBtns #pokerAcademyButton {
  margin: 10px 8px 0;
  position: relative;
}

.profileTopBtns #pokerAcademyButton .btn-poker-academy {
  background-image: url(assets/images/AtlasPokerAcademy.png);
  background-position: -1040px -388px;
  width: 46px;
  height: 47px;
}

.profileTopBtns #pokerAcademyButton .btn-poker-academy:hover {
  background-image: url(assets/images/AtlasPokerAcademy.png);
  background-position: -986px -507px;
  width: 46px;
  height: 47px;
}

.profileTopBtns #pokerAcademyButton .btn-poker-academy:active {
  background-image: url(assets/images/AtlasPokerAcademy.png);
  background-position: -1034px -507px;
  width: 46px;
  height: 47px;
}

.profileTopBtns #pokerAcademyButton .btn-poker-academy.tutorialInProgress {
  background-image: url(assets/images/AtlasPokerAcademy.png);
  background-position: -1029px -442px;
  width: 46px;
  height: 47px;
}

.profileTopBtns #pokerAcademyButton #pokerAcademyProfileNewTag {
  background-image: url(assets/images/AtlasPokerAcademy.png);
  background-position: -1090px -217px;
  width: 31px;
  height: 17px;
  position: absolute;
  bottom: 0;
  left: 7px;
}

.poker-academy-tutorial-container {
  position: absolute;
  top: 2px;
  left: -1px;
}

.poker-academy-tutorial-container .profileTopBtns {
  position: absolute;
  top: 0px;
  z-index: 5;
  left: 0;
  width: 50%;
  display: flex;
}

.poker-academy-tutorial-container .poker-academy-tutorial-popup {
  position: absolute;
  display: none;
}

.poker-academy-tutorial-container .poker-academy-tutorial-popup.lobby {
  top: 70px;
  left: 170px;
  background-image: url(assets/images/AtlasPokerAcademy.png);
  background-position: -752px 0px;
  width: 369px;
  height: 189px;
  background-repeat: no-repeat;
  animation: slideRightAndLeft 1.5s linear 0s infinite normal;
}

.poker-academy-tutorial-container .poker-academy-tutorial-popup.lobby .text {
  width: 180px;
  height: 140px;
  line-height: 140px;
  top: 23px;
  left: 100px;
  font-size: 23px;
}

.poker-academy-tutorial-container .poker-academy-tutorial-popup.lobby .close-button {
  right: 2px;
  top: 21px;
}

.poker-academy-tutorial-container .poker-academy-tutorial-popup.profile {
  top: 45px;
  background-image: url(assets/images/AtlasPokerAcademy.png);
  background-position: 0px -507px;
  width: 429px;
  height: 215px;
  background-repeat: no-repeat;
  animation: slideDownAndUp 1.5s linear 0s infinite normal;
  z-index: 5;
}

.poker-academy-tutorial-container .poker-academy-tutorial-popup.profile .text {
  width: 200px;
  height: 155px;
  line-height: 155px;
  top: 33px;
  left: 112px;
  font-size: 28px;
}

.poker-academy-tutorial-container .poker-academy-tutorial-popup.profile .close-button {
  right: 25px;
  top: 35px;
}

.poker-academy-tutorial-container .poker-academy-tutorial-popup .close-button {
  position: absolute;
  cursor: pointer;
  width: 24px;
  height: 24px;
}

.poker-academy-tutorial-container .poker-academy-tutorial-popup .text {
  position: relative;
  text-align: center;
  font-family: AkzidGroProLigCnd, arial, sans-serif;
}

.poker-academy-tutorial-container .poker-academy-tutorial-popup .text p {
  line-height: 1.3;
  display: inline-block;
  vertical-align: middle;
}

.poker-academy-tutorial-container .poker-academy-tutorial-popup .text span {
  font-weight: bold;
}

@keyframes slideRightAndLeft {
  100% {
    left: 170px;
  }
  50% {
    left: 180px;
  }
  100% {
    left: 170px;
  }
}

@keyframes slideDownAndUp {
  100% {
    top: 45px;
  }
  50% {
    top: 55px;
  }
  100% {
    top: 45px;
  }
}

.video-room {
  width: 750px;
  height: 505px;
  text-align: center;
  display: flex;
  margin: 10px 15px;
  border-radius: 5px;
}

.video-room.video-room-underscene {
  z-index: 9;
}

.video-room .pokerAcademyVideoRoom {
  background-image: url(assets/images/AtlasPokerAcademy.png);
  background-position: 0px 0px;
  width: 750px;
  height: 505px;
}

.video-room .pokerAcademyVideoRoom.viewMode-videos-list {
  width: 750px;
  height: 505px;
  box-shadow: inset 0 0 7px 2px #0042ff, 0 0 7px 2px #0042ff;
  border: 1px solid #59d1ff;
  border-radius: 5px;
}

.video-room .pokerAcademyVideoRoom .videoSets {
  margin-top: 150px;
}

.video-room .pokerAcademyVideoRoom .videoSets .slices-carousel {
  margin: 0 20px;
}

.video-room .pokerAcademyVideoRoom .videoSets .videoSetName {
  font-family: 'AkzidGroProMedCndAlt', arial, sans-serif;
  color: #c9e4ff;
  margin: 10px 45px;
  text-align: left;
  font-size: 25px;
  text-transform: uppercase;
}

.video-room .pokerAcademyVideoRoom .videoSets .videoSetName span {
  font-family: 'AkzidGroProCnd', arial, sans-serif;
  color: #c0a5ff;
  font-size: 15px;
}

.video-room .pokerAcademyVideoRoom .close-btn {
  cursor: pointer;
  position: absolute;
  top: -11px;
  right: -13px;
  z-index: 10;
  background-image: url(assets/images/Atlas.png);
  background-position: -729px -3280px;
  width: 50px;
  height: 50px;
}

.video-room .pokerAcademyVideoRoom .close-btn:hover {
  background-position: -781px -3280px;
}

.video-room .pokerAcademyVideoRoom .close-btn:active {
  background-position: -833px -3280px;
}

.video-room .pokerAcademyVideoRoom .VideoRoomArr {
  position: absolute;
  top: 245px;
  left: -15px;
  cursor: pointer;
  transform: scale(-1, 1);
  z-index: 2;
  transition: transform 120ms linear;
  background-image: url(assets/images/Atlas.png);
  background-position: -3460px -1899px;
  width: 30px;
  height: 57px;
}

.video-room .pokerAcademyVideoRoom .VideoRoomArr:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -3460px -1981px;
  width: 30px;
  height: 57px;
}

.video-room .pokerAcademyVideoRoom .VideoRoomArr:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -3460px -2063px;
  width: 30px;
  height: 57px;
}

.video-room .pokerAcademyVideoRoom #VideoRoomArrR {
  transform: scale(1, 1);
  left: auto;
  right: -15px;
}

.video-room .video-player {
  width: 750px;
  height: 505px;
  box-shadow: inset 0 0 7px 2px #0042ff, 0 0 7px 2px #0042ff;
  border: 1px solid #59d1ff;
  border-radius: 5px;
  width: 752px;
  background-color: #000000e6;
  position: absolute;
  top: 0;
}

.video-room .video-player .video-player-title {
  font-family: 'AkzidGroProMedCndAlt', arial, sans-serif;
}

.pokerAcademyVideo {
  width: 213px;
  height: 170px;
  display: inline-flex;
  margin: 9px;
  position: relative;
}

.pokerAcademyVideo .container {
  width: 100%;
  height: 100%;
  display: grid;
}

.pokerAcademyVideo .container .background {
  width: 227px;
  height: 131px;
  position: absolute;
  margin-left: 4px;
  margin-top: 2px;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: contain;
}

.pokerAcademyVideo .container .bottomBar {
  width: 232px;
  height: 180px;
  z-index: 1;
  background-image: url(assets/images/AtlasPokerAcademy.png);
  background-position: -752px -388px;
  width: 232px;
  height: 195px;
}

.pokerAcademyVideo .container .bottomBar.locked {
  background-image: url(assets/images/AtlasPokerAcademy.png);
  background-position: -752px -191px;
  width: 232px;
  height: 195px;
}

.pokerAcademyVideo .container .playBTN {
  position: absolute;
  width: 52px;
  height: 52px;
  z-index: 10;
  bottom: -3px;
  left: 3px;
  cursor: pointer;
}

.pokerAcademyVideo .container .playBTN:not(.replayBTN) {
  background-image: url(assets/images/AtlasPokerAcademy.png);
  background-position: -1040px -257px;
  width: 52px;
  height: 52px;
}

.pokerAcademyVideo .container .playBTN:not(.replayBTN):not(.locked):hover {
  background-image: url(assets/images/AtlasPokerAcademy.png);
  background-position: -1036px -191px;
  width: 52px;
  height: 52px;
}

.pokerAcademyVideo .container .playBTN:not(.replayBTN):not(.locked):active {
  background-image: url(assets/images/AtlasPokerAcademy.png);
  background-position: -986px -257px;
  width: 52px;
  height: 52px;
}

.pokerAcademyVideo .container .playBTN.replayBTN {
  background-image: url(assets/images/AtlasPokerAcademy.png);
  background-position: -986px -388px;
  width: 52px;
  height: 52px;
}

.pokerAcademyVideo .container .playBTN.replayBTN:not(.locked):hover {
  background-image: url(assets/images/AtlasPokerAcademy.png);
  background-position: -986px -311px;
  width: 52px;
  height: 52px;
}

.pokerAcademyVideo .container .playBTN.replayBTN:not(.locked):active {
  background-image: url(assets/images/AtlasPokerAcademy.png);
  background-position: -1040px -311px;
  width: 52px;
  height: 52px;
}

.pokerAcademyVideo .container .name {
  width: 125px;
  height: 35px;
  position: absolute;
  z-index: 2;
  bottom: 0px;
  left: 55px;
  text-align: center;
  vertical-align: middle;
  font-family: AkzidGroProMedCndAlt, arial, sans-serif;
  line-height: 16px;
}

.pokerAcademyVideo .container .name span {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 35px;
}

.pokerAcademyVideo .container .index {
  font-family: AkzidGroProCnd, arial, sans-serif;
  position: absolute;
  z-index: 2;
  font-size: 52px;
  bottom: -14px;
  right: 5px;
  color: #0000008f;
  font-weight: 900;
}

.pokerAcademyVideo .vSign {
  position: absolute;
  width: 48px;
  height: 64px;
  z-index: 1;
  top: -7px;
  left: 9px;
  background-image: url(assets/images/AtlasPokerAcademy.png);
  background-position: -986px -191px;
  width: 48px;
  height: 64px;
}

.pokerAcademyVideo .lockedSign {
  position: absolute;
  width: 41px;
  height: 63px;
  z-index: 1;
  top: -7px;
  left: 12px;
  background-image: url(assets/images/AtlasPokerAcademy.png);
  background-position: -986px -442px;
  width: 41px;
  height: 63px;
}

.pokerAcademyVideo .comeBackText {
  font-size: 24px;
  z-index: 1;
  width: 100%;
  font-family: AkzidGroProMedCndAlt, arial, sans-serif;
  color: #d4e9fff7;
  top: 52px;
  position: absolute;
  margin: 0 auto;
  left: 117px;
  background: #00000099;
  transform: translateX(-50%) skewX(353deg);
}

.pokerAcademyVideo .comeBackText div {
  transform: skewX(7deg);
  line-height: 22px;
  padding: 2px 0;
}

.pokerAcademyVideo.video-state-LOCKED .container {
  -webkit-filter: brightness(50%);
          filter: brightness(50%);
}

.pokerAcademyVideo.video-state-LOCKED .playBTN {
  cursor: initial;
}

.pokerAcademyProBraceletCurrentSeason {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -1026px -724px;
  width: 297px;
  height: 137px;
  float: right;
  margin-top: 50px;
}

.pokerAcademyProBraceletCurrentSeason.claimed {
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -1094px -507px;
  width: 297px;
  height: 138px;
}

.pokerAcademyProBraceletCurrentSeason.claimed .proBraceletGlowFX {
  -webkit-filter: brightness(1);
          filter: brightness(1);
}

.pokerAcademyProBraceletCurrentSeason.claimed .proBraceletTimer {
  -webkit-filter: brightness(0.5);
          filter: brightness(0.5);
}

.pokerAcademyProBraceletCurrentSeason .proBraceletTimer {
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -885px -442px;
  width: 89px;
  height: 31px;
  position: absolute;
  top: 35px;
  right: 50px;
}

.pokerAcademyProBraceletCurrentSeason .proBraceletTimer .quests-timer-icon {
  float: left;
  position: relative;
  width: 12px;
  height: 20px;
  left: 12px;
  top: 6px;
  transform: scale(0.8);
  background-image: url(assets/images/Atlas.png);
  background-position: -3711px -1482px;
  width: 12px;
  height: 20px;
}

.pokerAcademyProBraceletCurrentSeason .proBraceletTimer .weeklyChase-timer-text {
  font-size: 20px;
  margin: 3px 0;
}

.pokerAcademyProBraceletCurrentSeason .proBraceletGlowFX {
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -461px -1012px;
  width: 158px;
  height: 158px;
  margin-left: -50px;
  margin-top: 0px;
  position: relative;
  -webkit-filter: brightness(0.5);
          filter: brightness(0.5);
}

.pokerAcademyProBraceletCurrentSeason .proBraceletGlowFX .proBracelet {
  position: absolute;
  width: 152px;
  height: 98px;
  top: 32px;
  left: 8px;
  transform: scale(1.03);
}

.pokerAcademyProBraceletCurrentSeason .proBraceletLabel {
  display: inline-flex;
  width: 170px;
  height: 120px;
  margin: 0px 10px;
  font-family: 'AkzidGroProLigCnd', arial, sans-serif;
  color: #c9e4ff;
  font-size: 19px;
  justify-content: center;
  align-items: center;
}

.pokerAcademyProBraceletCurrentSeason .proBraceletLabel > span {
  display: contents;
  color: #FFDA54;
  font-weight: bold;
}

.pokerAcademyProBraceletPreviousSeason {
  float: right;
  position: relative;
}

.pokerAcademyProBraceletPreviousSeason.claimed {
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -836px -1012px;
  width: 286px;
  height: 66px;
}

.pokerAcademyProBraceletPreviousSeason.claimed .proBracelet {
  position: absolute;
  width: 152px;
  height: 98px;
  top: -14px;
  left: 5px;
  transform: scale(0.7);
}

.pokerAcademyProBraceletPreviousSeason.claimed .proBraceletLabel {
  display: inline-flex;
  width: 170px;
  height: 66px;
  font-family: 'AkzidGroProLigCnd', arial, sans-serif;
  color: #c9e4ff;
  font-size: 20px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  right: 0;
  position: absolute;
}

.pokerAcademyProBraceletPreviousSeason.claimed .proBraceletLabel > span {
  display: contents;
  color: #FFDA54;
  font-weight: bold;
}

#pokerAcademyProGameScenePopup {
  position: relative;
  overflow: hidden;
  width: 226px;
  height: 159px;
  right: -525px;
  bottom: -214px;
}

#pokerAcademyProGameScenePopup #pokerAcademyGameSceneContainer {
  position: absolute;
  transition: 1s;
  bottom: 0;
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -233px -1012px;
  width: 226px;
  height: 163px;
}

#pokerAcademyProGameScenePopup #pokerAcademyGameSceneContainer #closeButton {
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -1333px -647px;
  width: 32px;
  height: 32px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

#pokerAcademyProGameScenePopup #pokerAcademyGameSceneContainer #pokerAcademyGameSceneClickableArea {
  cursor: pointer;
  height: 54px;
  width: 182px;
  bottom: 0;
  right: 0;
  position: absolute;
}

#pokerAcademyProGameScenePopup #pokerAcademyGameSceneContainer.hide {
  right: -250px;
}

#pokerAcademyProGameScenePopup #pokerAcademyGameSceneContainer.show {
  right: 0;
}

#pokerAcademyProGameScenePopup #pokerAcademyGameSceneContainer .gameSceneHighlightsAnimation {
  width: 170px;
  height: 33px;
  position: absolute;
  bottom: 2px;
  left: 0;
}

.poker-academy-pro-ftue-container {
  position: absolute;
  right: 0;
  top: 60px;
  z-index: 15;
}

.poker-academy-pro-ftue-container .bubble-text-container {
  z-index: 2;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 14px;
  right: 110px;
  width: 301px;
  height: 153px;
}

.poker-academy-pro-ftue-container .bubble-text-container .title {
  margin-top: 16px;
  padding: 16px 16px 10px 16px;
  color: #c9e4ff;
  font-weight: 600;
  font-size: 20px;
  margin-left: 10px;
  text-align: left;
  font-family: 'Akzidenz-Grotesk Pro Bold Cnd', arial, sans-serif;
}

.poker-academy-pro-ftue-container .bubble-text-container .body {
  margin-left: 10px;
  margin-right: 30px;
  padding: 0 16px 6px 16px;
  color: #c9e4ff;
  font-family: 'AkzidGroProLigCnd', arial, sans-serif;
  font-size: 20px;
  text-align: left;
}

.poker-academy-pro-ftue-container .pop-up-close-btn {
  width: 33px;
  height: 33px;
  position: absolute;
  top: 5px;
  right: 22px;
}

.poker-academy-pro-ftue-container .pop-up-mary-container {
  height: 445px;
  width: 151px;
  position: absolute;
  top: 0;
  right: 0;
}

.poker-academy-pro-ftue-finished-container {
  position: absolute;
  right: 0;
  top: 60px;
  z-index: 15;
}

.poker-academy-pro-ftue-finished-container .bubble-text-container {
  z-index: 2;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 14px;
  right: 110px;
  width: 301px;
  height: 153px;
}

.poker-academy-pro-ftue-finished-container .bubble-text-container .title {
  margin-top: 16px;
  padding: 16px 16px 10px 16px;
  color: #c9e4ff;
  font-weight: 600;
  font-size: 20px;
  margin-left: 10px;
  text-align: left;
  font-family: 'Akzidenz-Grotesk Pro Bold Cnd', arial, sans-serif;
}

.poker-academy-pro-ftue-finished-container .bubble-text-container .body {
  margin-left: 10px;
  margin-right: 30px;
  padding: 0 16px 6px 16px;
  color: #c9e4ff;
  font-family: 'AkzidGroProLigCnd', arial, sans-serif;
  font-size: 20px;
  text-align: left;
}

.poker-academy-pro-ftue-finished-container .pop-up-close-btn {
  width: 33px;
  height: 33px;
  position: absolute;
  top: 5px;
  right: 22px;
}

.poker-academy-pro-ftue-finished-container .pop-up-mary-container {
  height: 445px;
  width: 151px;
  position: absolute;
  top: 0;
  right: 0;
}

.poker-academy-pro-ftue-finished-container .bubble-text-container {
  width: 301px;
  height: 186px;
  top: 15px;
  right: 121px;
  z-index: 16;
}

.poker-academy-pro-ftue-finished-container .pop-up-close-btn {
  top: 8px;
  right: 19px;
}

.profileTopBtns #pokerAcademyProButton {
  margin: 10px 8px 0;
  position: relative;
}

.profileTopBtns #pokerAcademyProButton .btn-poker-academy {
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -1094px -647px;
  width: 46px;
  height: 47px;
}

.profileTopBtns #pokerAcademyProButton .btn-poker-academy:hover {
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -1190px -647px;
  width: 46px;
  height: 47px;
}

.profileTopBtns #pokerAcademyProButton .btn-poker-academy:active {
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -1238px -647px;
  width: 46px;
  height: 47px;
}

.profileTopBtns #pokerAcademyProButton .btn-poker-academy.tutorialInProgress {
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -1142px -647px;
  width: 46px;
  height: 47px;
}

.profileTopBtns #pokerAcademyProButton #pokerAcademyProfileNewTag {
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -1019px -442px;
  width: 31px;
  height: 17px;
  position: absolute;
  bottom: 0;
  left: 7px;
}

.poker-academy-pro-tutorial-container {
  position: absolute;
  top: 2px;
  left: -1px;
}

.poker-academy-pro-tutorial-container .profileTopBtns {
  position: absolute;
  top: 0px;
  z-index: 5;
  left: 0;
  width: 50%;
  display: flex;
}

.poker-academy-pro-tutorial-container .poker-academy-tutorial-popup {
  position: absolute;
  display: none;
}

.poker-academy-pro-tutorial-container .poker-academy-tutorial-popup.lobby {
  top: 70px;
  left: 170px;
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -723px -507px;
  width: 369px;
  height: 189px;
  background-repeat: no-repeat;
  animation: slideRightAndLeft 1.5s linear 0s infinite normal;
}

.poker-academy-pro-tutorial-container .poker-academy-tutorial-popup.lobby .text {
  width: 180px;
  height: 140px;
  line-height: 140px;
  top: 23px;
  left: 100px;
  font-size: 23px;
}

.poker-academy-pro-tutorial-container .poker-academy-tutorial-popup.lobby .close-button {
  right: 2px;
  top: 21px;
}

.poker-academy-pro-tutorial-container .poker-academy-tutorial-popup.profile {
  top: 45px;
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -292px -507px;
  width: 429px;
  height: 215px;
  background-repeat: no-repeat;
  animation: slideDownAndUp 1.5s linear 0s infinite normal;
  z-index: 5;
}

.poker-academy-pro-tutorial-container .poker-academy-tutorial-popup.profile .text {
  width: 200px;
  height: 155px;
  line-height: 155px;
  top: 33px;
  left: 112px;
  font-size: 28px;
}

.poker-academy-pro-tutorial-container .poker-academy-tutorial-popup.profile .close-button {
  right: 25px;
  top: 35px;
}

.poker-academy-pro-tutorial-container .poker-academy-tutorial-popup .close-button {
  position: absolute;
  cursor: pointer;
  width: 24px;
  height: 24px;
}

.poker-academy-pro-tutorial-container .poker-academy-tutorial-popup .text {
  position: relative;
  text-align: center;
  font-family: AkzidGroProLigCnd, arial, sans-serif;
}

.poker-academy-pro-tutorial-container .poker-academy-tutorial-popup .text p {
  line-height: 1.3;
  display: inline-block;
  vertical-align: middle;
}

.poker-academy-pro-tutorial-container .poker-academy-tutorial-popup .text span {
  font-weight: bold;
}

@keyframes slideRightAndLeft {
  0% {
    left: 170px;
  }
  50% {
    left: 180px;
  }
  100% {
    left: 170px;
  }
}

@keyframes slideDownAndUp {
  0% {
    top: 45px;
  }
  50% {
    top: 55px;
  }
  100% {
    top: 45px;
  }
}

.poker-academy-arena-popup {
  position: absolute;
  top: 530px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -752px 0px;
  width: 714px;
  height: 440px;
}

.poker-academy-arena-popup.isInGameScene {
  top: 598px;
}

.poker-academy-arena-popup .close-button {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 1.4em;
  height: 1.4em;
  cursor: pointer;
}

.poker-academy-arena-popup .close-button path {
  fill: #2481dc;
  stroke: #2481dc;
}

.poker-academy-arena-popup .close-button:hover path {
  fill: #74c1fd;
  stroke: #74c1fd;
}

.poker-academy-arena-popup .close-button:active path {
  fill: #2d8eec;
  stroke: #2d8eec;
}

.poker-academy-arena-popup .popup-header {
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -621px -1012px;
  width: 213px;
  height: 98px;
  position: absolute;
  left: 0;
  right: 0;
  top: -30px;
  margin: auto;
}

.poker-academy-arena-popup .popup-content-container {
  display: flex;
  width: 100%;
  height: 70%;
  margin-top: 90px;
}

.poker-academy-arena-popup .popup-content-container > div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}

.poker-academy-arena-popup .popup-content-container > div.left {
  width: 45%;
}

.poker-academy-arena-popup .popup-content-container > div.left .lockIcon {
  margin-bottom: 10px;
}

.poker-academy-arena-popup .popup-content-container > div.right {
  width: 50%;
  font-size: 32px;
  text-align: center;
}

.poker-academy-arena-popup .popup-content-container > div.right .title {
  margin-bottom: 10px;
}

.poker-academy-arena-popup .popup-content-container > div.right .description div[id^='font_special_effect'] {
  margin-top: -20px;
  font-size: 30px;
  font-weight: bold;
}

.poker-academy-arena-popup .popup-content-container > div.right button {
  margin: 20px auto 0;
  height: 50px;
  padding: 5px 45px 5px 35px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.poker-academy-arena-popup.withBracelet .lockIcon {
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -292px -724px;
  width: 248px;
  height: 249px;
}

.poker-academy-arena-popup.withBracelet .proBraceletGlowFX {
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -461px -1012px;
  width: 158px;
  height: 158px;
  right: 0;
  top: 10px;
  position: absolute;
}

.poker-academy-arena-popup.withBracelet .proBraceletGlowFX .proBracelet {
  position: relative;
  width: 152px;
  height: 98px;
  top: 32px;
  left: 5px;
  transform: scale(1.05);
}

.poker-academy-arena-popup.withoutBracelet .lockIcon {
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -542px -724px;
  width: 248px;
  height: 249px;
}

.poker-academy-arena-popup .unlockedCount {
  font-size: 18px;
  margin-left: 70px;
  margin-top: -10px;
}

.poker-academy-arena-popup .unlockedCount .progressbar {
  width: 74px;
}

.poker-academy-purchase-popup {
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -752px 0px;
  width: 714px;
  height: 440px;
}

.poker-academy-purchase-popup.isInGameScene {
  top: 598px;
}

.poker-academy-purchase-popup .close-button {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 1.4em;
  height: 1.4em;
  cursor: pointer;
}

.poker-academy-purchase-popup .close-button path {
  fill: #2481dc;
  stroke: #2481dc;
}

.poker-academy-purchase-popup .close-button:hover path {
  fill: #74c1fd;
  stroke: #74c1fd;
}

.poker-academy-purchase-popup .close-button:active path {
  fill: #2d8eec;
  stroke: #2d8eec;
}

.poker-academy-purchase-popup .popup-header {
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -621px -1012px;
  width: 213px;
  height: 98px;
  position: absolute;
  left: 0;
  right: 0;
  top: -30px;
  margin: auto;
}

.poker-academy-purchase-popup .popup-content-container {
  display: flex;
  width: 100%;
  height: 70%;
  margin-top: 90px;
}

.poker-academy-purchase-popup .popup-content-container > div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}

.poker-academy-purchase-popup .popup-content-container > div.left {
  width: 45%;
}

.poker-academy-purchase-popup .popup-content-container > div.left .lockIcon {
  margin-bottom: 10px;
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -542px -724px;
  width: 248px;
  height: 249px;
}

.poker-academy-purchase-popup .popup-content-container > div.right {
  width: 50%;
  font-size: 32px;
  text-align: center;
}

.poker-academy-purchase-popup .popup-content-container > div.right .title {
  margin-bottom: 40px;
}

.poker-academy-purchase-popup .popup-content-container > div.right .description div[id^='font_special_effect'] {
  margin-top: -20px;
  font-size: 30px;
  font-weight: bold;
}

.poker-academy-purchase-popup .popup-content-container > div.right button {
  margin: 20px auto 0;
  height: 50px;
  padding: 5px 45px 5px 35px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.poker-academy-purchase-popup .unlockedCount {
  font-size: 18px;
  margin-left: 70px;
  margin-top: -10px;
}

.poker-academy-purchase-popup .unlockedCount .progressbar {
  width: 74px;
}

.poker-academy-htp-popup {
  position: absolute;
  top: 530px;
  left: 50%;
  width: 704px;
  height: 476px;
  transform: translateX(-50%);
}

.poker-academy-htp-popup.isInGameScene {
  top: 598px;
}

.poker-academy-htp-popup .close-btn {
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: -5px;
  z-index: 10;
  background-image: url(assets/images/Atlas.png);
  background-position: -729px -3280px;
  width: 50px;
  height: 50px;
}

.poker-academy-htp-popup .close-btn:hover {
  background-position: -781px -3280px;
}

.poker-academy-htp-popup .close-btn:active {
  background-position: -833px -3280px;
}

.unlockedCount {
  text-transform: uppercase;
  font-family: 'AkzidGroProCnd', arial, sans-serif;
  color: #F9E4FF;
  font-size: 15px;
  text-align: center;
}

.unlockedCount > span {
  color: #C0A5FF;
}

.unlockedCount .progressbar {
  width: 60px;
  margin: 0 auto;
  margin-top: 5px;
  border: 1px solid #C0A5FF;
  border-radius: 2px;
  background-color: #000000;
}

.unlockedCount .progressbar > div {
  height: 5px;
  background-color: #C0A5FF;
  display: block;
  margin: 2px;
}

.currentSeasonHeader .unlockedCount {
  font-size: 16px;
  color: #FFFFFF;
  -webkit-filter: drop-shadow(0 1px 3px #000000);
          filter: drop-shadow(0 1px 3px #000000);
}

.currentSeasonHeader .unlockedCount .totalCount {
  color: #FFFFFF;
}

.video-room-pro {
  width: 750px;
  height: 505px;
  text-align: center;
  display: flex;
  margin: 10px 15px;
  border-radius: 5px;
}

.video-room-pro.video-room-underscene {
  z-index: 9;
}

.video-room-pro .pokerAcademyVideoRoom {
  overflow: hidden;
  position: relative;
  width: 750px;
  height: 505px;
}

.video-room-pro .pokerAcademyVideoRoom.viewMode-videos-list {
  width: 750px;
  height: 505px;
  box-shadow: inset 0 0 7px 2px #0042ff, 0 0 7px 2px #0042ff;
  border: 1px solid #59d1ff;
  border-radius: 5px;
}

.video-room-pro .pokerAcademyVideoRoom #pokerAcademyVideoRoomContaner {
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: 0px 0px;
  width: 750px;
  height: 505px;
}

.video-room-pro .pokerAcademyVideoRoom.menuOpened #pokerAcademyVideoRoomContaner, .video-room-pro .pokerAcademyVideoRoom.menuOpened .close-btn {
  pointer-events: none;
  -webkit-filter: brightness(40%);
          filter: brightness(40%);
}

.video-room-pro .pokerAcademyVideoRoom #menuToggle {
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -1433px -647px;
  width: 31px;
  height: 32px;
  position: absolute;
  left: 10px;
  top: 8px;
  z-index: 1;
  cursor: pointer;
}

.video-room-pro .pokerAcademyVideoRoom #menuToggle:hover {
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -1367px -647px;
  width: 31px;
  height: 32px;
}

.video-room-pro .pokerAcademyVideoRoom #menuToggle:active {
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -1400px -647px;
  width: 31px;
  height: 32px;
}

.video-room-pro .pokerAcademyVideoRoom #headerLogo {
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -621px -1012px;
  width: 213px;
  height: 98px;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  z-index: 1;
}

.video-room-pro .pokerAcademyVideoRoom #videoRoomGap {
  height: 50px;
}

.video-room-pro .pokerAcademyVideoRoom #videoRoomScrollableArea {
  height: 450px;
}

.video-room-pro .pokerAcademyVideoRoom #videoRoomScrollableArea .videoSets .videoSetsGap {
  height: 50px;
}

.video-room-pro .pokerAcademyVideoRoom #videoRoomScrollableArea .videoSets .slices-carousel {
  margin: 0 20px;
}

.video-room-pro .pokerAcademyVideoRoom #videoRoomScrollableArea .videoSets .videoSeasonTag {
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -752px -442px;
  width: 131px;
  height: 42px;
  margin: 0px 0 10px 40px;
  line-height: 42px;
  font-family: 'AkzidGroProMedCndAlt', arial, sans-serif;
  color: #C0A5FF;
  font-size: 20px;
  text-align: center;
}

.video-room-pro .pokerAcademyVideoRoom #videoRoomScrollableArea .videoSets .videoSeasonTagEmpty {
  margin: 0 0 10px 40px;
}

.video-room-pro .pokerAcademyVideoRoom #videoRoomScrollableArea .videoSets .videoSet {
  position: relative;
}

.video-room-pro .pokerAcademyVideoRoom #videoRoomScrollableArea .videoSets .videoSet.isCurrentSeason {
  width: 753px;
  height: 410px;
  background-repeat: no-repeat;
}

.video-room-pro .pokerAcademyVideoRoom #videoRoomScrollableArea .videoSets .videoSet.isCurrentSeason #poker_academy_current_season {
  float: left;
}

.video-room-pro .pokerAcademyVideoRoom #videoRoomScrollableArea .videoSets .videoSet.isCurrentSeason #poker_academy_current_season .currentSeasonHeader {
  margin-left: -5px;
  height: 45px;
  text-align: left;
}

.video-room-pro .pokerAcademyVideoRoom #videoRoomScrollableArea .videoSets .videoSet.isCurrentSeason #poker_academy_current_season .currentSeasonHeader > div {
  display: inline-block;
  margin-right: 10px;
}

.video-room-pro .pokerAcademyVideoRoom #videoRoomScrollableArea .videoSets .videoSet.isCurrentSeason #poker_academy_current_season.withBracelet {
  width: 400px;
}

.video-room-pro .pokerAcademyVideoRoom #videoRoomScrollableArea .videoSets .videoSet.isCurrentSeason #poker_academy_current_season.withBracelet .videoSetDescription {
  line-height: 1;
  -webkit-filter: drop-shadow(0 0 3px black);
          filter: drop-shadow(0 0 3px black);
}

.video-room-pro .pokerAcademyVideoRoom #videoRoomScrollableArea .videoSets .videoSet.isCurrentSeason #poker_academy_current_season.withBracelet .videoSetName {
  -webkit-filter: drop-shadow(0 0 3px black);
          filter: drop-shadow(0 0 3px black);
}

.video-room-pro .pokerAcademyVideoRoom #videoRoomScrollableArea .videoSets .videoSet.isCurrentSeason .slices-carousel {
  margin: 10px 20px 0;
}

.video-room-pro .pokerAcademyVideoRoom #videoRoomScrollableArea .videoSets .videoSet.isCurrentSeason .VideoSetArr {
  top: 15px;
  transform: scaleX(-1) scaleY(0.97);
}

.video-room-pro .pokerAcademyVideoRoom #videoRoomScrollableArea .videoSets .videoSet.isCurrentSeason .VideoSetArr#VideoSetArrR {
  transform: scaleX(1) scaleY(0.97);
}

.video-room-pro .pokerAcademyVideoRoom #videoRoomScrollableArea .videoSets .videoSet.mouseOver .VideoSetArr {
  opacity: 1;
}

.video-room-pro .pokerAcademyVideoRoom #videoRoomScrollableArea .videoSets .videoSet .videoSetName {
  font-family: 'AkzidGroProMedCndAlt', arial, sans-serif;
  color: #c9e4ff;
  margin: 0 10px 0 45px;
  text-align: left;
  font-size: 30px;
}

.video-room-pro .pokerAcademyVideoRoom #videoRoomScrollableArea .videoSets .videoSet .videoSetDescription {
  color: #c9e4ff;
  margin: 0 10px 0 45px;
  text-align: left;
  font-size: 20px;
}

.video-room-pro .pokerAcademyVideoRoom #videoRoomScrollableArea .videoSets .videoSet .videoSetDescription.videoFtue {
  width: 200px;
}

.video-room-pro .pokerAcademyVideoRoom #videoRoomScrollableArea .videoSets .videoSet .seasonHeader {
  display: table;
  float: left;
  margin: 10px 0px 10px 47px;
}

.video-room-pro .pokerAcademyVideoRoom #videoRoomScrollableArea .videoSets .videoSet .seasonHeader > div {
  display: table-cell;
  vertical-align: top;
}

.video-room-pro .pokerAcademyVideoRoom #videoRoomScrollableArea .videoSets .videoSet .seasonHeader .videoSetName {
  text-align: left;
  vertical-align: middle;
}

.video-room-pro .pokerAcademyVideoRoom #videoRoomScrollableArea .videoSets .videoSet .seasonHeader .availableInChipStore {
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: 0px -1187px;
  width: 239px;
  height: 68px;
  vertical-align: middle;
  position: relative;
  right: 10px;
  cursor: pointer;
  font-family: 'AkzidGroProMedCndAlt', arial, sans-serif;
  color: #c9e4ff;
}

.video-room-pro .pokerAcademyVideoRoom #videoRoomScrollableArea .videoSets .videoSet .seasonHeader .availableInChipStore div {
  margin-left: 60px;
  text-align: center;
  font-size: 20px;
  width: 164px;
}

.video-room-pro .pokerAcademyVideoRoom #videoRoomScrollableArea .videoSets .videoSet .seasonHeader .availableInChipStore div span {
  color: #FFDA54;
}

.video-room-pro .pokerAcademyVideoRoom #videoRoomScrollableArea .videoSets .videoSet .seasonHeader .unlockedCount {
  width: 10%;
  vertical-align: middle;
  position: relative;
  right: 0;
}

.video-room-pro .pokerAcademyVideoRoom .VideoRoomArr {
  position: absolute;
  cursor: pointer;
  transform: scale(-1, 1);
  z-index: 2;
  transition: transform 120ms linear;
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -1286px -647px;
  width: 45px;
  height: 45px;
}

.video-room-pro .pokerAcademyVideoRoom .VideoRoomArr#VideoRoomArrUp {
  right: 15px;
  top: 50px;
  left: auto;
  bottom: auto;
  transform: rotate(180deg);
}

.video-room-pro .pokerAcademyVideoRoom .VideoRoomArr#VideoRoomArrDown {
  right: 15px;
  bottom: 0px;
}

.video-room-pro .pokerAcademyVideoRoom .VideoSetArr {
  opacity: 0;
  position: absolute;
  top: 7px;
  cursor: pointer;
  z-index: 2;
  transition: transform 120ms linear, opacity 300ms linear;
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: 0px -1257px;
  width: 80px;
  height: 186px;
  left: auto;
  right: -2px;
  transform: scaleX(1);
}

.video-room-pro .pokerAcademyVideoRoom .VideoSetArr#VideoSetArrL {
  transform: scaleX(-1);
  left: -2px;
  right: auto;
}

.video-room-pro .close-btn {
  cursor: pointer;
  position: absolute;
  top: -1px;
  right: -1px;
  z-index: 10;
  background-image: url(assets/images/Atlas.png);
  background-position: -729px -3280px;
  width: 50px;
  height: 50px;
}

.video-room-pro .close-btn:hover {
  background-position: -781px -3280px;
}

.video-room-pro .close-btn:active {
  background-position: -833px -3280px;
}

.video-room-pro .video-player {
  width: 750px;
  height: 505px;
  box-shadow: inset 0 0 7px 2px #0042ff, 0 0 7px 2px #0042ff;
  border: 1px solid #59d1ff;
  border-radius: 5px;
  width: 752px;
  background-color: #000000e6;
  position: absolute;
  top: 0;
  z-index: 1;
}

.video-room-pro .video-player .video-player-title {
  font-family: 'AkzidGroProMedCndAlt', arial, sans-serif;
}

.pokerAcademyProVideo {
  width: 213px;
  height: 170px;
  display: inline-flex;
  margin: 9px;
  position: relative;
  vertical-align: top;
}

.pokerAcademyProVideo .container {
  width: 215px;
  height: 100%;
  display: grid;
}

.pokerAcademyProVideo .container .background {
  width: 227px;
  height: 131px;
  position: absolute;
  margin-left: 4px;
  margin-top: 2px;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: contain;
}

.pokerAcademyProVideo .container .bottomBar {
  z-index: 1;
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -792px -724px;
  width: 232px;
  height: 195px;
}

.pokerAcademyProVideo .container .bottomBar.locked {
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: 0px -1012px;
  width: 231px;
  height: 173px;
}

.pokerAcademyProVideo .container .playBTN {
  position: absolute;
  z-index: 10;
  bottom: -3px;
  left: 3px;
  cursor: pointer;
}

.pokerAcademyProVideo .container .playBTN:not(.replayBTN) {
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -1379px -724px;
  width: 52px;
  height: 52px;
}

.pokerAcademyProVideo .container .playBTN:not(.replayBTN):not(.locked):hover {
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -1393px -573px;
  width: 52px;
  height: 52px;
}

.pokerAcademyProVideo .container .playBTN:not(.replayBTN):not(.locked):active {
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -1325px -724px;
  width: 52px;
  height: 52px;
}

.pokerAcademyProVideo .container .playBTN.replayBTN {
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -1026px -863px;
  width: 52px;
  height: 52px;
}

.pokerAcademyProVideo .container .playBTN.replayBTN:not(.locked):hover {
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -1325px -778px;
  width: 52px;
  height: 52px;
}

.pokerAcademyProVideo .container .playBTN.replayBTN:not(.locked):active {
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -1379px -778px;
  width: 52px;
  height: 52px;
}

.pokerAcademyProVideo .container .name {
  width: 125px;
  height: 35px;
  position: absolute;
  z-index: 2;
  bottom: 0px;
  left: 55px;
  text-align: center;
  vertical-align: middle;
  font-family: AkzidGroProMedCndAlt, arial, sans-serif;
  line-height: 16px;
}

.pokerAcademyProVideo .container .name span {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 35px;
}

.pokerAcademyProVideo .container .index {
  font-family: AkzidGroProCnd, arial, sans-serif;
  position: absolute;
  z-index: 2;
  font-size: 52px;
  bottom: -14px;
  right: 5px;
  color: #0000008f;
  font-weight: 900;
}

.pokerAcademyProVideo .newSign {
  position: absolute;
  z-index: 1;
  top: -7px;
  right: 0px;
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -976px -442px;
  width: 41px;
  height: 23px;
}

.pokerAcademyProVideo .vSign {
  position: absolute;
  z-index: 1;
  top: -7px;
  left: 9px;
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -1393px -507px;
  width: 48px;
  height: 64px;
}

.pokerAcademyProVideo .lockedSign {
  position: absolute;
  z-index: 1;
  top: -7px;
  left: 12px;
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -1124px -1012px;
  width: 41px;
  height: 63px;
}

.pokerAcademyProVideo .lockedSign .lockedIcon {
  position: absolute;
  top: 10px;
  left: 13px;
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -1443px -507px;
  width: 16px;
  height: 24px;
}

.pokerAcademyProVideo .comeBackText {
  font-size: 24px;
  z-index: 1;
  width: 100%;
  font-family: AkzidGroProMedCndAlt, arial, sans-serif;
  color: #d4e9fff7;
  top: 52px;
  position: absolute;
  margin: 0 auto;
  left: 117px;
  background: #00000099;
  transform: translateX(-50%) skewX(353deg);
}

.pokerAcademyProVideo .comeBackText div {
  transform: skewX(7deg);
  line-height: 22px;
  padding: 2px 0;
}

.pokerAcademyProVideo.video-state-LOCKED .container {
  -webkit-filter: brightness(50%);
          filter: brightness(50%);
}

.pokerAcademyProVideo.video-state-LOCKED .playBTN {
  cursor: initial;
}

.pokerAcademyProVideo.shakeAnimation:hover .lockedSign span {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  0% {
    transform: rotate(0);
  }
  15% {
    transform: rotate(7deg);
  }
  30% {
    transform: rotate(-7deg);
  }
  45% {
    transform: rotate(7deg);
  }
  60% {
    transform: rotate(-7deg);
  }
  75% {
    transform: rotate(2deg);
  }
  85% {
    transform: rotate(-2deg);
  }
  92% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(0);
  }
}

.tooltip.pokerAcademyTooltip.white.top:after {
  left: 18%;
}

#pokerAcademyProMenu {
  position: absolute;
  left: -450px;
  z-index: 2;
  border-radius: 5px;
  overflow: hidden;
  transition: 1s;
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: 0px -507px;
  width: 290px;
  height: 503px;
}

#pokerAcademyProMenu.show {
  left: 2px;
}

#pokerAcademyProMenu #closeButton {
  position: absolute;
  right: 20px;
  top: 10px;
  cursor: pointer;
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -1325px -832px;
  width: 27px;
  height: 27px;
}

#pokerAcademyProMenu #closeButton:hover {
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -1433px -724px;
  width: 27px;
  height: 27px;
}

#pokerAcademyProMenu #closeButton:active {
  background-image: url(assets/images/AtlasPokerAcademyPro.png);
  background-position: -1433px -778px;
  width: 27px;
  height: 27px;
}

#pokerAcademyProMenu #links {
  text-align: left;
  color: #E3D7FF;
  font-size: 25px;
  margin-top: 150px;
  margin-left: 50px;
}

#pokerAcademyProMenu #links > div {
  margin: 10px 0;
  cursor: pointer;
  display: inline-block;
}

#pokerAcademyProMenu #links > div:focus, #pokerAcademyProMenu #links > div:hover {
  color: #FCC459;
}

.sq-sponsors-container {
  position: absolute;
  top: 530px;
  left: 50%;
  transform: translateX(-50%);
  width: 681px;
  height: 419px;
  background: #000000b8;
  display: flex;
  justify-content: space-between;
}

.sq-sponsors-container.isInGameScene {
  top: 588px;
}

.sq-sponsors-container .popup-header {
  text-shadow: 0 2px 10px #0848ff, 0 -2px 10px #0042ff;
  color: #59d1ff;
  font-size: 35px;
  padding: 5px;
  position: relative;
  text-align: center;
}

.sq-sponsors-container .popup-header .popup-title {
  font-weight: bold;
  text-transform: uppercase;
}

.sq-sponsors-container .popup-header .close-button {
  display: block;
  position: absolute;
  bottom: 50%;
  width: 1.4em;
  height: 1.4em;
  right: -21px;
  cursor: pointer;
}

.sq-sponsors-container .popup-header .close-button path {
  fill: #2481dc;
  stroke: #2481dc;
}

.sq-sponsors-container .popup-header .close-button:hover path {
  fill: #74c1fd;
  stroke: #74c1fd;
}

.sq-sponsors-container .popup-header .close-button:active path {
  fill: #2d8eec;
  stroke: #2d8eec;
}

.sq-sponsors-container .signing-popup-content {
  height: 100%;
}

.sq-sponsors-container .signing-popup-content .popup-row-container {
  height: 100%;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  position: relative;
  align-items: center;
}

.sq-sponsors-container .signing-popup-content .popup-row-container .popup-row-content {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  height: 70px;
  color: #8bdeff;
  text-shadow: 0 0 3px #1715e2, 0 0 5px #0000ff;
}

.sq-sponsors-container .signing-popup-content .popup-row-container .popup-row-content.subtitle {
  font-size: 29px;
  font-weight: bolder;
  font-family: AkzidGroProBolCnd, serif;
  width: 350px;
  left: 15px;
  bottom: 49px;
  position: relative;
  text-align: center;
}

.sq-sponsors-container .signing-popup-content .popup-row-container .popup-row-content.sponsor-description {
  word-wrap: break-word;
  width: 398px;
  font-size: 21px;
  position: relative;
  color: #7aecff;
  left: 16px;
  top: -25px;
  text-align: center;
}

.sq-sponsors-container .popup-content-container {
  height: 80%;
  position: absolute;
  width: 100%;
  top: 52px;
  z-index: 30;
}

.sq-sponsors-container .popup-content-container .popup-row-container {
  height: 100%;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  position: relative;
  top: 0;
  align-items: center;
}

.sq-sponsors-container .popup-content-container .popup-row-container .popup-row-content {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  height: 70px;
  color: #8bdeff;
  text-shadow: 0 0 3px #1715e2, 0 0 5px #0000ff;
}

.sq-sponsors-container .popup-content-container .popup-row-container .popup-row-content.subtitle {
  font-size: 29px;
  font-weight: bolder;
  font-family: AkzidGroProBolCnd, serif;
  width: 350px;
  left: 15px;
  bottom: 33px;
  position: relative;
  text-align: center;
}

.sq-sponsors-container .popup-content-container .popup-row-container .popup-row-content.sponsor-description {
  word-wrap: break-word;
  width: 398px;
  font-size: 21px;
  position: relative;
  color: #7aecff;
  left: 16px;
  top: 15px;
  text-align: center;
}

.sq-sponsors-container .popup-content-container .upcoming-sponsor-container {
  color: #8bdeff;
  text-shadow: 0 0 3px #1715e2, 0 0 5px #0000ff;
  font-size: 36px;
  font-family: AkzidGroProBolCnd, serif;
  font-weight: bold;
  width: 367px;
  position: relative;
  left: 66px;
  top: 36px;
  text-align: center;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container {
  height: 100%;
  display: grid;
  grid-template-columns: minmax(105px, 19%) 1fr;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsor-info-first-col {
  width: 120px;
  z-index: 100;
  display: block;
  font-size: 19px;
  position: relative;
  left: 1px;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsor-info-first-col div:nth-child(1) {
  height: 164px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #90bcff;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsor-info-first-col div:nth-child(2) {
  height: 83px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsor-info-first-col div:nth-child(2) span {
  text-align: center;
  width: 83px;
  word-break: break-word;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsor-info-first-col div:nth-child(3) {
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsor-info-first-col div:nth-child(3) span {
  text-align: center;
  color: #90bcff;
  width: 83px;
  word-break: break-word;
  margin-top: 15px;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsor-list-right-arrow-btn {
  position: absolute;
  right: -16px;
  top: 141px;
  width: 25px;
  height: 65px;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsor-list-left-arrow-btn {
  position: absolute;
  top: 140px;
  width: 25px;
  height: 65px;
  left: -17px;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper {
  display: flex;
  position: relative;
  justify-content: center;
  width: 576px;
  right: 1px;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .leftCarouselButton {
  left: 0;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .leftCarouselButton:after {
  transform: scale(-1, 1);
  left: 15px;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .rightCarouselButton {
  right: 0;
  transform: scaleX(-1);
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .rightCarouselButton:after {
  transform: scale(-1, 1);
  left: 15px;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .leftCarouselButton,
.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .rightCarouselButton {
  top: 11px;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea {
  overflow: hidden;
  position: relative;
  width: 510px;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container {
  display: flex;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(odd) {
  background-color: #020A32;
  width: 185px;
  height: 350px;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(odd) div:nth-child(odd) {
  background-color: #020A32;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(odd) div:nth-child(even) {
  background-color: #030F4B;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(odd) .sqTableElement {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(odd) .sqTableElement.sponsorLogoRow {
  height: 163px;
  display: flex;
  flex-direction: column;
  position: relative;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(odd) .sqTableElement.sponsorLogoRow .sponsorLogo {
  z-index: 20;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(odd) .sqTableElement.sponsorLogoRow .sponsor-tag {
  height: 30px;
  display: flex;
  justify-content: center;
  font-size: 17px;
  font-family: AkzidGroProCnd, serif;
  text-transform: uppercase;
  padding-top: 3px;
  position: absolute;
  top: 5px;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(odd) .sqTableElement.sponsorLogoRow .sponsor-tag.upcoming {
  width: 150px;
  top: 2px;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(odd) .sqTableElement.sponsorLogoRow .sponsor-tag.current {
  width: 165px;
  top: 2px;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(odd) .sqTableElement.sponsorLogoRow .sponsor-tag img {
  left: -3px;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(odd) .sqTableElement.sponsorLogoRow .active-sponsor-highlight {
  position: absolute;
  top: 20px;
  z-index: 10;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(odd) .sqTableElement.sponsorLogoRow .glow-current-sponsor {
  position: absolute;
  transform: scale(2);
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(odd) .sqTableElement.sponsorLogoRow .sponsor-locker {
  position: absolute;
  transform: translate(46px, 45px);
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(odd) .sqTableElement.sponsorDescriptionRow {
  height: 83px;
  color: whitesmoke;
  width: 175px;
  padding-right: 10px;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(odd) .sqTableElement.sponsorDescriptionRow .followers-element-container {
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 175px;
  font-size: 24px;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(odd) .sqTableElement.sponsorDescriptionRow span {
  right: -3px;
  position: relative;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(odd) .sqTableElement.sponsorDescriptionRow .sq-info-tooltip-reach-get {
  font-size: 18px;
  position: absolute;
  width: 71px;
  height: 39px;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 168px;
  background-color: transparent;
  font-family: 'AKZIDGROPROMEDCNDALT', serif;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(odd) .sqTableElement.sponsorMultiplierRow {
  height: 80px;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 175px;
  font-size: 29px;
  position: relative;
  color: whitesmoke;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(odd) .sqTableElement.sponsorMultiplierRow .multiplier-column {
  display: flex;
  width: 176px;
  justify-content: center;
  align-items: center;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(odd) .sqTableElement.sponsorMultiplierRow .multiplier-column.isCurrentSponsor {
  background: transparent;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(odd) .sqTableElement.sponsorMultiplierRow .multiplier-column.isCurrentSponsor span {
  color: #f3f949d9;
  text-shadow: -1px 0 #8e6303, 0 1px #6b4c07, 1px 0 #52350a, 0 -1px #5d4308;
  z-index: 15;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(odd) .sqTableElement.sponsorMultiplierRow .multiplier-column .sq-info-tooltip-reach-get {
  font-size: 18px;
  position: absolute;
  top: -20px;
  width: 71px;
  height: 39px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  font-family: 'AKZIDGROPROMEDCNDALT', serif;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(even) {
  background-color: #040E3C;
  width: 185px;
  height: 350px;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(even) div:nth-child(odd) {
  background-color: #040E3C;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(even) div:nth-child(even) {
  background-color: #06155A;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(even) .sqTableElement {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(even) .sqTableElement.sponsorLogoRow {
  height: 163px;
  display: flex;
  flex-direction: column;
  position: relative;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(even) .sqTableElement.sponsorLogoRow .sponsorLogo {
  z-index: 20;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(even) .sqTableElement.sponsorLogoRow .sponsor-tag {
  height: 30px;
  display: flex;
  justify-content: center;
  font-size: 17px;
  font-family: AkzidGroProCnd, serif;
  text-transform: uppercase;
  padding-top: 3px;
  position: absolute;
  top: 5px;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(even) .sqTableElement.sponsorLogoRow .sponsor-tag.upcoming {
  width: 150px;
  top: 2px;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(even) .sqTableElement.sponsorLogoRow .sponsor-tag.upcoming img {
  top: 5px;
  position: relative;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(even) .sqTableElement.sponsorLogoRow .sponsor-tag.current {
  width: 165px;
  top: 2px;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(even) .sqTableElement.sponsorLogoRow .sponsor-tag.current img {
  top: 5px;
  position: relative;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(even) .sqTableElement.sponsorLogoRow .sponsor-tag img {
  left: -3px;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(even) .sqTableElement.sponsorLogoRow .active-sponsor-highlight {
  position: absolute;
  top: 20px;
  z-index: 10;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(even) .sqTableElement.sponsorLogoRow .glow-current-sponsor {
  position: absolute;
  transform: scale(2);
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(even) .sqTableElement.sponsorLogoRow .sponsor-locker {
  position: absolute;
  transform: translate(46px, 45px);
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(even) .sqTableElement.sponsorDescriptionRow {
  height: 83px;
  color: white;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(even) .sqTableElement.sponsorDescriptionRow .followers-element-container {
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 175px;
  font-size: 24px;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(even) .sqTableElement.sponsorDescriptionRow .followers-element-container span {
  right: -3px;
  position: relative;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(even) .sqTableElement.sponsorDescriptionRow .sq-info-tooltip-reach-get {
  font-size: 18px;
  position: absolute;
  bottom: 168px;
  width: 71px;
  height: 39px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  font-family: 'AKZIDGROPROMEDCNDALT', serif;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(even) .sqTableElement.sponsorMultiplierRow {
  position: relative;
  height: 79px;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  font-size: 29px;
  color: whitesmoke;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(even) .sqTableElement.sponsorMultiplierRow .multiplier-column {
  display: flex;
  width: auto;
  justify-content: center;
  align-items: center;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(even) .sqTableElement.sponsorMultiplierRow .multiplier-column.isCurrentSponsor {
  background: transparent;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(even) .sqTableElement.sponsorMultiplierRow .multiplier-column.isCurrentSponsor span {
  color: #f3f949d9;
  text-shadow: -1px 0 #8e6303, 0 1px #6b4c07, 1px 0 #52350a, 0 -1px #5d4308;
  z-index: 15;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .scrollableArea .draggableWrapper .sponsor-slice-container div.sq-sponsor-slice:nth-child(even) .sqTableElement.sponsorMultiplierRow .multiplier-column .sq-info-tooltip-reach-get {
  font-size: 18px;
  position: absolute;
  bottom: 59px;
  width: 71px;
  height: 39px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  font-family: 'AKZIDGROPROMEDCNDALT', serif;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .sqSponsorArrow {
  border: 1px solid #00f1ff;
  background: linear-gradient(20deg, #1857bf 43%, #06a7ff 64%);
  box-shadow: 0 0 0 1px #000000;
  height: 85px;
  width: 35px;
  border-radius: 4px 4px 4px 4px;
  top: 125px;
  position: absolute;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .sqSponsorArrow.leftCarouselButton {
  left: -125px;
  top: 125px;
  z-index: 300;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .sqSponsorArrow.leftCarouselButton:after {
  left: 3px;
  top: 26px;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .sqSponsorArrow.rightCarouselButton {
  right: -18px;
  top: 125px;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsors-wrapper .sqSponsorArrow.rightCarouselButton:after {
  left: 3px;
  top: 26px;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsorPopup-shine-bar {
  pointer-events: none;
  width: 201px;
  height: 23px;
  position: absolute;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsorPopup-shine-bar.top {
  top: -30px;
  left: 53px;
}

.sq-sponsors-container .popup-content-container .all-sponsors-container .sponsorPopup-shine-bar.bottom {
  top: 246px;
  left: 581px;
  transform: rotate(90deg);
}

.sq-sponsors-container .popup-footer-container {
  display: flex;
  justify-content: center;
  overflow: visible;
  height: 45px;
  width: 100%;
  position: absolute;
  top: 89%;
  z-index: 50;
}

.sq-sponsors-container .popup-footer-container .sponsors-tabs-container {
  width: 100%;
  height: 45px;
  display: flex;
  position: relative;
  border-radius: 10px 10px 10px 10px;
  overflow: hidden;
}

.sq-sponsors-container .popup-footer-container .sponsors-tabs-container .sponsor-tab {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  font-family: 'AkzidGroProBolCnd', serif;
  padding-top: 7px;
  color: white;
}

.sq-sponsors-container .popup-footer-container .sponsors-tabs-container .sponsor-tab.blue {
  color: #6dadff;
}

.sq-sponsors-container .signing-popup-footer {
  display: flex;
  justify-content: center;
  overflow: visible;
  height: 189px;
  position: absolute;
  left: 50%;
  top: 55%;
}

.sq-sponsors-container .signing-popup-footer .claimSponsorPopupBtnContainer {
  bottom: 17px;
  z-index: 10;
  position: absolute;
}

.sq-sponsors-container .signing-popup-footer .claimSponsorPopupBtnContainer .claimSponsorPopupBtn {
  position: relative;
  height: 55px;
  width: 162px;
  font-family: AkzidGroProCnd, serif;
  font-weight: bold;
  transform: skewX(-13deg);
  display: flex;
  justify-content: center;
  align-items: center;
}

.sq-sponsors-container .signing-popup-footer .claimSponsorPopupBtnContainer .claimSponsorPopupBtn .btnText {
  transform: skewX(13deg);
  font-size: 30px;
}

.sq-sponsors-container .signing-popup-footer .claimSponsorPopupBtnContainer .claimRewardPopupBtn-mask {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 55px;
  width: 162px;
  pointer-events: none;
  -webkit-clip-path: inset(0px 0px 0px 0px);
          clip-path: inset(0px 0px 0px 0px);
  transform: skewX(-13deg);
}

.sq-sponsors-container .signing-popup-footer .claimSponsorPopupBtnContainer .claimRewardPopupBtn-mask .claimRewardPopupBtn-shine {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100px;
  height: 65px;
  z-index: 11;
  background-image: url(assets/imgSrc/pokerRecall/PokerRecallMultiPackStoreButtonShine.png);
  background-size: 100px 65px;
  animation: buttonClaimSignedSponsor 2s linear infinite;
  animation-delay: 0.5s;
}

@keyframes buttonClaimSignedSponsor {
  0% {
    left: -100px;
  }
  40% {
    left: 100px;
  }
  50% {
    left: 200px;
  }
  100% {
    left: 300px;
  }
}

#popupCont.starQuestHowToPlayPopup > div:last-child:before {
  opacity: 0.95 !important;
}

#popupCont.starQuestHowToPlayPopup.isPlaying {
  position: relative;
  top: 468px;
}

#popupCont.starQuestHowToPlayPopup .starquest-how-to-popup-container {
  background-color: #000000;
  padding: 1px;
  position: absolute;
  left: 50%;
  top: 95px;
  width: 826px;
  height: 552px;
  transform: translateX(-50%);
  text-align: center;
  overflow: visible;
  display: block;
}

#popupCont.starQuestHowToPlayPopup .starquest-how-to-popup-container .howTo-shine-bar {
  pointer-events: none;
  width: 400px;
  height: 60px;
  position: absolute;
}

#popupCont.starQuestHowToPlayPopup .starquest-how-to-popup-container .howTo-shine-bar.top {
  top: -30px;
  left: 53px;
}

#popupCont.starQuestHowToPlayPopup .starquest-how-to-popup-container .howTo-shine-bar.bottom {
  top: 524px;
  left: 450px;
}

#popupCont.starQuestHowToPlayPopup .starquest-how-to-popup-container .closeButton {
  position: absolute;
  top: -22px;
  right: -21px;
  width: 45px;
  height: 45px;
  cursor: pointer;
}

#popupCont.starQuestHowToPlayPopup .starquest-how-to-popup-container .closeButton path {
  fill: #1f6ef3f0;
  stroke: #0d5edd00;
}

#popupCont.starQuestHowToPlayPopup .starquest-how-to-popup-container .closeButton:hover path {
  fill: #4784e8;
  stroke: #5f93dc;
}

#popupCont.starQuestHowToPlayPopup .starquest-how-to-popup-container .closeButton:active path {
  fill: #4784e8;
  stroke: #5f93dc;
}

#popupCont.starQuestHowToPlayPopup .starquest-how-to-popup-container .sq-right-arrow-btn {
  position: absolute;
  right: -17px;
  top: 220px;
  width: 35px;
  height: 100px;
}

#popupCont.starQuestHowToPlayPopup .starquest-how-to-popup-container .sq-left-arrow-btn {
  position: absolute;
  top: 220px;
  width: 35px;
  height: 100px;
  left: -20px;
}

#popupCont.starQuestHowToPlayPopup .starquest-how-to-popup-container #video-player-container {
  width: 100%;
  height: 100%;
}

#popupCont.starQuestHowToPlayPopup .starquest-how-to-popup-container #video-player-container.isVideoSlide {
  cursor: pointer;
  width: 25%;
  height: 25%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#popupCont.starQuestHowToPlayPopup .starquest-how-to-popup-container #video-player-container .video-player {
  width: 826px;
  height: 552px;
}

#popupCont.starQuestHowToPlayPopup .starquest-how-to-popup-container .carousel-paginator-container {
  bottom: 12px;
}

.popup_neon.sq-agent-portal-underscene #video-player-container .video-player {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

.sq-ftue-gradient-bg .speech-bubble-container .speech-bubble {
  background: linear-gradient(0.25turn, #020A32, #02276F);
}

.sq-ftue-gradient-bg .speech-bubble-container .speech-bubble::before, .sq-ftue-gradient-bg .speech-bubble-container .speech-bubble::after {
  width: 20px;
  height: 20px;
}

.sq-ftue-bubble-close-btn {
  position: absolute;
  top: -13px;
  right: -13px;
  z-index: 800;
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -599px;
  width: 27px;
  height: 28px;
}

.sq-ftue-bubble-close-btn:hover {
  background-position: -3697px -539px;
}

.sq-ftue-bubble-close-btn:active {
  background-position: -3697px -569px;
}

.sq-ftue-bubble-inside-img-container {
  position: absolute;
  z-index: 1;
}

.sq-ftue-bubble-inside-img-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}

img.sq-ftue-bubble-top-glow {
  position: absolute;
  top: -10px;
  height: 20px;
  z-index: 1;
}

img.sq-ftue-bubble-bottom-glow {
  position: absolute;
  bottom: -9px;
  height: 20px;
  z-index: 1;
}

.sq-ftue-bottom-button {
  position: absolute;
  bottom: 20px;
}

img.sq-ftue-bubble-left-glow {
  position: absolute;
  top: 25px;
  left: -14px;
  z-index: 1;
}

.fade-in-1 {
  animation: fade-in-item 0.3s 0.1s ease-out forwards;
}

.fade-in-2 {
  animation: fade-in-item 0.3s 0.2s ease-out forwards;
}

.fade-in-3 {
  animation: fade-in-item 0.3s 0.3s ease-out forwards;
}

.fade-in-4 {
  animation: fade-in-item 0.3s 0.4s ease-out forwards;
}

.fade-in-5 {
  animation: fade-in-item 0.3s 0.5s ease-out forwards;
}

@keyframes fade-in-item {
  0% {
    opacity: 0;
  }
  30% {
    opacity: .5;
  }
  60% {
    opacity: .8;
  }
  100% {
    opacity: 1;
  }
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .daily-quest-content {
  width: 685px;
  margin-left: 65px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .daily-quest-content .missions-content {
  overflow: hidden;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .daily-quest-content .missions-content .scrollableArea {
  height: 100%;
  width: 674px;
  overflow: hidden;
  z-index: 1;
  padding-left: 25px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .daily-quest-content .missions-content .scrollableArea .complete-ribbon {
  position: absolute;
  top: 150px;
  left: 12px;
  z-index: 1111;
  width: 600px;
  height: 110px;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-style: italic;
  color: #C0FAFC;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .daily-quest-content .missions-content .scrollableArea .complete-ribbon span {
  display: flex;
  margin-left: 10px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .daily-quest-content .missions-content .scrollableArea .complete-ribbon span:before {
  position: relative;
  display: block;
  content: "";
  right: 2px;
  top: 7px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -1555px;
  width: 11px;
  height: 17px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .slices-carousel {
  position: relative;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .slices-carousel .default-slice {
  white-space: normal;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .slices-carousel .title-slice {
  position: relative;
  display: flex;
  width: 80px;
  background: rgba(9, 45, 177, 0.6);
  z-index: 10;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .slices-carousel .title-slice img {
  transform: skew(10deg);
  height: 100%;
  object-fit: contain;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .empty-message {
  font-size: 32px;
  width: 300px;
  white-space: normal;
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: calc(50% + 25px);
  transform: translateY(-50%);
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .diagonal-btns-container .button-blue {
  width: 0;
  border-radius: 0;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .diagonal-btns-container .button-blue:before {
  color: #64a2ff;
  background: linear-gradient(175deg, #000000 0%, #121b26 5%, #141f30 18%, #141f30 40%, #071325 41%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, rgba(153, 114, 134, 0.5), rgba(153, 114, 134, 0.5));
  border-image-slice: 1;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .diagonal-btns-container .button-blue:hover:before {
  background: linear-gradient(175deg, #262626 0%, #333941 5%, #37404f 18%, #37404f 40%, #2c3645 41%);
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .diagonal-btns-container .button-blue:active, .sq-agent-portal.popup_neon .agent-portal-missions .content .diagonal-btns-container .button-blue.active {
  text-shadow: 0 0 3px #fff;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .diagonal-btns-container .button-blue:active:before, .sq-agent-portal.popup_neon .agent-portal-missions .content .diagonal-btns-container .button-blue.active:before {
  color: white;
  background: linear-gradient(175deg, #000000 0%, #121b26 5%, #141f30 18%, #141f30 40%, #071325 41%);
}

.sq-agent-portal.popup_neon .agent-portal-missions .image-slice {
  z-index: 20;
  height: 100px;
  width: 100px;
  transform: skew(10deg);
  top: 10px;
  position: relative;
}

.sq-agent-portal.popup_neon .agent-portal-missions .image-slice .promoIcon-SEND_CHIPS_GIFTS {
  transform: scale(0.6) translate(-55px, -78px);
}

.sq-agent-portal.popup_neon .agent-portal-missions .mission-group,
.sq-agent-portal.popup_neon .agent-portal-missions .slices-container {
  display: flex;
  position: relative;
}

.sq-agent-portal.popup_neon .agent-portal-missions .rules-tr {
  position: absolute;
  left: 5px;
  bottom: 5px;
  z-index: 4;
  cursor: pointer;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-reward-button {
  width: 271px;
  height: 70px;
  background-repeat: no-repeat;
  left: -18px;
  position: relative;
  top: -20px;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-reward-button.button-green, .sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-reward-button.button-blue {
  display: flex;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-reward-button.collectable {
  margin-top: 7px;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-reward-button .reward-items {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: skew(10deg);
  top: 20px;
  left: 10px;
  position: relative;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-reward-button .reward-item {
  display: table-cell;
  position: relative;
  margin: 0px 5px;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-reward-button .reward-item.claimed .reward-icon {
  opacity: 0.5;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-reward-button .reward-item.claimed::after {
  content: '';
  background-image: url(assets/images/AtlasSponsorship.png);
  background-position: -1041px -451px;
  width: 29px;
  height: 28px;
  position: absolute;
  left: 7px;
  transform: scale(1);
  opacity: 1;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-reward-button .loading {
  height: 100%;
  min-height: unset;
  transform: scale(0.5);
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-reward-button .reward-label {
  font-size: 18px;
  text-transform: uppercase;
  border: 2px solid #0F1F8F;
  border-radius: 10px;
  background-color: #000;
  padding: 2px 10px;
  top: -3px;
  position: relative;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-reward-button .reward-label:not(.ftueSeason) {
  border: 2px solid #545763;
  background-color: #0F0F14;
  color: #d8dee4;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-reward-button .reward-icon {
  max-width: 50px;
  max-height: 50px;
  display: inline-flex;
  position: relative;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-reward-button .reward-icon.isPRPrime::before {
  content: '';
  position: absolute;
  top: -291px;
  left: -225px;
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: 0px -1533px;
  width: 489px;
  height: 621px;
  transform: scale(0.08);
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-reward-button .reward-icon .reward-img img {
  width: 100%;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-reward-button .reward-icon .reward-followers-multiplier {
  font-size: 21px;
  background-color: #770e0e;
  width: 56px;
  height: 27px;
  position: absolute;
  z-index: -1;
  left: 28px;
  border-radius: 1px 11px 11px 1px;
  top: 4px;
  display: flex;
  color: #f3f949;
  justify-content: center;
  align-items: center;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-claim-button,
.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .sponsorship-claim-button {
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.25, 0.1, 0.72, 0.74) 0s;
  top: 150px;
  width: 60%;
  position: relative;
  font-size: 28px;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-claim-button.hyperQuestClaimBtn,
.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .sponsorship-claim-button.hyperQuestClaimBtn {
  width: 85px;
  height: 30px;
  font-size: 25px;
  left: 37px;
  display: flex;
  justify-content: center;
  transform: skew(-9deg);
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-claim-button.hyperQuestClaimBtn .reward-collect-text,
.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .sponsorship-claim-button.hyperQuestClaimBtn .reward-collect-text {
  transform: skew(9deg);
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-claim-button.hyperQuestClaimBtn .sq-claimMission-mask,
.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .sponsorship-claim-button.hyperQuestClaimBtn .sq-claimMission-mask {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 200px;
  height: 65px;
  pointer-events: none;
  -webkit-clip-path: inset(0px 0px 0px 0px);
          clip-path: inset(0px 0px 0px 0px);
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-claim-button.hyperQuestClaimBtn .sq-claimMission-mask .sq-claimMission-shine,
.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .sponsorship-claim-button.hyperQuestClaimBtn .sq-claimMission-mask .sq-claimMission-shine {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100px;
  height: 65px;
  z-index: 11;
  background-image: url(assets/imgSrc/pokerRecall/PokerRecallMultiPackStoreButtonShine.png);
  background-size: 100px 65px;
  animation: buttonSqClaimMissionAnim 2s linear infinite;
  animation-delay: 0.5s;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-claim-button.hyperQuestClaimBtn.collectable,
.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .sponsorship-claim-button.hyperQuestClaimBtn.collectable {
  top: 20px;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-claim-button.hyperQuestClaimBtn.button-green, .sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-claim-button.hyperQuestClaimBtn.button-blue,
.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .sponsorship-claim-button.hyperQuestClaimBtn.button-green,
.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .sponsorship-claim-button.hyperQuestClaimBtn.button-blue {
  display: flex;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-claim-button.hyperQuestClaimBtn .reward-items,
.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .sponsorship-claim-button.hyperQuestClaimBtn .reward-items {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  transform: skew(10deg);
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-claim-button.hyperQuestClaimBtn .reward-item,
.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .sponsorship-claim-button.hyperQuestClaimBtn .reward-item {
  display: flex;
  align-items: center;
  position: relative;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-claim-button.hyperQuestClaimBtn .reward-item:nth-child(2n+1),
.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .sponsorship-claim-button.hyperQuestClaimBtn .reward-item:nth-child(2n+1) {
  margin-right: 10px;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-claim-button.hyperQuestClaimBtn .reward-item.claimed .reward-icon,
.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .sponsorship-claim-button.hyperQuestClaimBtn .reward-item.claimed .reward-icon {
  opacity: 0.5;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-claim-button.hyperQuestClaimBtn .reward-item.claimed::after,
.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .sponsorship-claim-button.hyperQuestClaimBtn .reward-item.claimed::after {
  content: '';
  background-image: url(assets/images/AtlasSponsorship.png);
  background-position: -1041px -451px;
  width: 29px;
  height: 28px;
  position: absolute;
  left: 7px;
  transform: scale(1);
  opacity: 1;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-claim-button.hyperQuestClaimBtn .loading,
.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .sponsorship-claim-button.hyperQuestClaimBtn .loading {
  height: 100%;
  min-height: unset;
  transform: scale(0.2);
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-claim-button.hyperQuestClaimBtn .reward-label,
.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .sponsorship-claim-button.hyperQuestClaimBtn .reward-label {
  font-size: 18px;
  text-transform: uppercase;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-claim-button.hyperQuestClaimBtn .reward-icon,
.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .sponsorship-claim-button.hyperQuestClaimBtn .reward-icon {
  max-width: 50px;
  max-height: 50px;
  margin-right: 5px;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-claim-button.hyperQuestClaimBtn .reward-icon img,
.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .sponsorship-claim-button.hyperQuestClaimBtn .reward-icon img {
  width: 100%;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-claim-button.hyperQuestClaimBtn:not(.collectable):before,
.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .sponsorship-claim-button.hyperQuestClaimBtn:not(.collectable):before {
  background: #2e3a2f;
  background-image: linear-gradient(-153deg, #1054b7 0%, #231955 46%, #241f61 49%, #1a337e 100%);
  border-image-source: linear-gradient(to bottom, #22154d, #21144b);
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-claim-button .sq-claimMission-mask,
.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .sponsorship-claim-button .sq-claimMission-mask {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 200px;
  height: 65px;
  pointer-events: none;
  -webkit-clip-path: inset(0px 0px 0px 0px);
          clip-path: inset(0px 0px 0px 0px);
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-claim-button .sq-claimMission-mask .sq-claimMission-shine,
.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .sponsorship-claim-button .sq-claimMission-mask .sq-claimMission-shine {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100px;
  height: 65px;
  z-index: 11;
  background-image: url(assets/imgSrc/pokerRecall/PokerRecallMultiPackStoreButtonShine.png);
  background-size: 100px 65px;
  animation: buttonSqClaimMissionAnim 2s linear infinite;
  animation-delay: 0.5s;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-claim-button.collectable,
.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .sponsorship-claim-button.collectable {
  top: 20px;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-claim-button.button-green, .sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-claim-button.button-blue,
.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .sponsorship-claim-button.button-green,
.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .sponsorship-claim-button.button-blue {
  display: flex;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-claim-button .reward-items,
.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .sponsorship-claim-button .reward-items {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  transform: skew(10deg);
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-claim-button .reward-item,
.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .sponsorship-claim-button .reward-item {
  display: flex;
  align-items: center;
  position: relative;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-claim-button .reward-item:nth-child(2n+1),
.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .sponsorship-claim-button .reward-item:nth-child(2n+1) {
  margin-right: 10px;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-claim-button .reward-item.claimed .reward-icon,
.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .sponsorship-claim-button .reward-item.claimed .reward-icon {
  opacity: 0.5;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-claim-button .reward-item.claimed::after,
.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .sponsorship-claim-button .reward-item.claimed::after {
  content: '';
  background-image: url(assets/images/AtlasSponsorship.png);
  background-position: -1041px -451px;
  width: 29px;
  height: 28px;
  position: absolute;
  left: 7px;
  transform: scale(1);
  opacity: 1;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-claim-button .loading,
.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .sponsorship-claim-button .loading {
  height: 100%;
  min-height: unset;
  transform: scale(0.2);
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-claim-button .reward-label,
.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .sponsorship-claim-button .reward-label {
  font-size: 18px;
  text-transform: uppercase;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-claim-button .reward-icon,
.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .sponsorship-claim-button .reward-icon {
  max-width: 50px;
  max-height: 50px;
  margin-right: 5px;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-claim-button .reward-icon img,
.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .sponsorship-claim-button .reward-icon img {
  width: 100%;
}

.sq-agent-portal.popup_neon .content .slices-carousel .default-slice .sponsorship-claim-button:not(.collectable):before,
.sq-agent-portal.popup_neon .content .hyper-quest-content .hyperQuestSlice-wrapper .hq-current-slice .hq-content .sponsorship-claim-button:not(.collectable):before {
  background: #2e3a2f;
  background-image: linear-gradient(-153deg, #1054b7 0%, #231955 46%, #241f61 49%, #1a337e 100%);
  border-image-source: linear-gradient(to bottom, #22154d, #21144b);
}

@keyframes buttonSqClaimMissionAnim {
  0% {
    left: -100px;
  }
  40% {
    left: 100px;
  }
  50% {
    left: 200px;
  }
  100% {
    left: 300px;
  }
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .slices-carousel .default-slice.mission-CLAIMED, .sq-agent-portal.popup_neon .agent-portal-missions .content .slices-carousel .default-slice.mission-CREATED {
  width: 165px;
  display: flex;
  font-size: 20px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .slices-carousel .default-slice .button-green {
  height: 50px;
  min-height: unset;
  max-height: unset;
  align-items: center;
  justify-content: center;
  padding: 5px;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .slices-carousel .default-slice.timer-expiring .icon-timer-slice {
  background-image: url(assets/images/AtlasSponsorship.png);
  background-position: -1041px -481px;
  width: 17px;
  height: 22px;
  transform: skew(10deg);
  margin-top: 5px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .slices-carousel .default-slice.timer-expiring .time-left {
  color: #f9798e;
  transform: skew(10deg);
  font-family: AkzidGroProMedCndAlt;
  margin-left: 0px;
  margin-top: 3px;
  text-shadow: 0 0 5px #ff2346;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .slices-carousel .missions-group {
  display: flex;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .slices-carousel .missions-group.groupMissionsCompleted .default-slice.mission-CLAIMED, .sq-agent-portal.popup_neon .agent-portal-missions .content .slices-carousel .missions-group.groupMissionsCompleted .default-slice.mission-CREATED {
  justify-content: initial;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .slices-carousel .missions-group.groupMissionsCompleted .default-slice.mission-CLAIMED > div:first-child, .sq-agent-portal.popup_neon .agent-portal-missions .content .slices-carousel .missions-group.groupMissionsCompleted .default-slice.mission-CLAIMED div:nth-child(3), .sq-agent-portal.popup_neon .agent-portal-missions .content .slices-carousel .missions-group.groupMissionsCompleted .default-slice.mission-CREATED > div:first-child, .sq-agent-portal.popup_neon .agent-portal-missions .content .slices-carousel .missions-group.groupMissionsCompleted .default-slice.mission-CREATED div:nth-child(3) {
  top: 30px;
  position: relative;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .slices-carousel .missions-group.groupMissionsCompleted .default-slice.mission-CLAIMED {
  width: 171px;
}

.myStarQuestMissions {
  width: 99px;
  height: 55px;
  margin: 0 3px;
}

.myStarQuestMissions .icon-claim {
  z-index: 1;
  position: absolute;
  font-family: AkzidGroProXBolCnd, serif;
  font-size: 2rem;
}

.myStarQuestMissions .icon-in-progress {
  width: 42px;
  height: 40px;
  margin-top: 5px;
  z-index: 1;
  position: absolute;
}

.myStarQuestMissions .icon-in-progress.hyperQuestIcon {
  margin-top: 0;
}

.myStarQuestMissions .icon-claimed {
  width: 36px;
  height: 29px;
  margin-top: 0px;
  z-index: 1;
  position: absolute;
}

.myStarQuestMissions .bg {
  height: 98%;
  left: -1px;
  top: 0;
  position: absolute;
  transition: width 1s cubic-bezier(0, 0.01, 0, 1.01);
  border: none;
}

.myStarQuestMissions.areAllDailyMissionsClaimed .bg {
  width: 78px;
  height: 49px;
  position: relative;
  opacity: 0.8;
}

.myStarQuestMissions.shouldFillWhenProgress .bg {
  background: #0095ff;
  background: linear-gradient(90deg, #0095ff 0%, #2bc0ff 50%, #4de2ff 100%);
  border: 1px solid #0095ff;
}

.myStarQuestMissions .hyperQuestIconGameScene {
  width: 29px;
  height: 20px;
  position: absolute;
  top: -6px;
  right: -6px;
}

.myStarQuestMissions .notificationBadge {
  display: none;
  top: -8px;
  right: -7px;
  width: 35px;
  height: 29px;
  font-size: 18px;
  color: #000000bd;
  text-shadow: none;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  z-index: 2;
}

.myStarQuestMissions.hasNotification .notificationBadge {
  display: block;
}

.myStarQuestMissions.noProgression .bg {
  transition: none;
  border: none;
}

.sqftue-first-claim-popup, .sqftue-second-claim-popup {
  position: absolute;
  z-index: 10;
  left: -230px;
  top: -100px;
}

.sqftue-first-claim-popup span, .sqftue-second-claim-popup span {
  font-weight: bold;
}

.sqftue-first-claim-popup .sq-ftue-bubble-bottom-glow, .sqftue-second-claim-popup .sq-ftue-bubble-bottom-glow {
  width: 180px;
  left: 50px;
}

.sqftue-first-claim-popup.sq-ftue-gradient-bg .speech-bubble::before, .sqftue-first-claim-popup.sq-ftue-gradient-bg .speech-bubble::after, .sqftue-second-claim-popup.sq-ftue-gradient-bg .speech-bubble::before, .sqftue-second-claim-popup.sq-ftue-gradient-bg .speech-bubble::after {
  background: linear-gradient(0.15turn, #02246a, #02276F);
}

.sqftue-first-claim-popup div.speech-bubble.arrow-side-right.arrow-position-bottom::before, .sqftue-first-claim-popup div.speech-bubble.arrow-side-right.arrow-position-bottom::after, .sqftue-first-claim-popup div.speech-bubble.arrow-side-left.arrow-position-bottom::before, .sqftue-first-claim-popup div.speech-bubble.arrow-side-left.arrow-position-bottom::after, .sqftue-second-claim-popup div.speech-bubble.arrow-side-right.arrow-position-bottom::before, .sqftue-second-claim-popup div.speech-bubble.arrow-side-right.arrow-position-bottom::after, .sqftue-second-claim-popup div.speech-bubble.arrow-side-left.arrow-position-bottom::before, .sqftue-second-claim-popup div.speech-bubble.arrow-side-left.arrow-position-bottom::after {
  top: 84%;
}

.sqftue-first-claim-popup .sq-ftue-text, .sqftue-second-claim-popup .sq-ftue-text {
  font-size: 22px;
}

.sqftue-first-claim-popup .sq-ftue-text p, .sqftue-second-claim-popup .sq-ftue-text p {
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 5px;
          margin-block-end: 5px;
}

.sqftue-first-claim-popup .sq-ftue-bubble-inside-img-container, .sqftue-second-claim-popup .sq-ftue-bubble-inside-img-container {
  top: -92px;
  left: 25px;
  z-index: 2;
  width: 158px;
  height: 92px;
  overflow: hidden;
}

.sqftue-first-claim-popup .sq-ftue-bubble-inside-img-container .sq-ftue-bubble-inside-img, .sqftue-second-claim-popup .sq-ftue-bubble-inside-img-container .sq-ftue-bubble-inside-img {
  transform: scaleX(-1);
  width: 155px;
}

.sqftue-first-claim-popup .sq-ftue-bubble-inside-img-container::after, .sqftue-second-claim-popup .sq-ftue-bubble-inside-img-container::after {
  content: '';
  position: absolute;
  width: 128px;
  left: 20px;
  bottom: 1px;
  box-shadow: 0px 0px 8px 3px #041345;
}

.sqftue-first-claim-popup .sq-ftue-bubble-close-btn, .sqftue-second-claim-popup .sq-ftue-bubble-close-btn {
  top: -1px;
  right: 0;
}

.sqftue-second-claim-popup {
  left: -240px;
  top: -64px;
}

.sqftue-second-claim-popup .sq-ftue-bubble-inside-img-container {
  top: -137px;
  left: 55px;
  width: 125px;
  height: 137px;
}

.sqftue-second-claim-popup .sq-ftue-bubble-inside-img-container .sq-ftue-bubble-inside-img {
  width: 125px;
}

.sqftue-second-claim-popup .sq-ftue-bubble-inside-img-container::after {
  width: 112px;
  left: 3px;
}

.sqftue-second-claim-popup div.speech-bubble.arrow-side-right.arrow-position-bottom::before, .sqftue-second-claim-popup div.speech-bubble.arrow-side-right.arrow-position-bottom::after, .sqftue-second-claim-popup div.speech-bubble.arrow-side-left.arrow-position-bottom::before, .sqftue-second-claim-popup div.speech-bubble.arrow-side-left.arrow-position-bottom::after {
  top: 80%;
}

.season-grandPrizeRewardPopup-container {
  width: 800px;
  height: 530px;
  z-index: 999;
  top: 35%;
  left: 51%;
}

.season-grandPrizeRewardPopup-container.isInGameScene {
  top: 557px;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup {
  height: 500px;
  position: relative;
  top: 10px;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .close-btn {
  cursor: pointer;
  position: absolute;
  top: -2px;
  right: 28px;
  z-index: 10;
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -932px;
  width: 25px;
  height: 24px;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .close-btn:hover {
  background-position: -3697px -906px;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .close-btn:active {
  background-position: -3697px -880px;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .sponsorLogo {
  position: absolute;
  top: 48px;
  left: -56px;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-content {
  height: 396px;
  width: 500px;
  left: 158px;
  position: relative;
  top: 40px;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-content .title-container {
  text-align: center;
  color: #11c7ff;
  text-shadow: 0 0 1px #fff, 0 0 0px #fff, 0 0 18px #004cb1, 0 0 7px #165dbb, 0 0 7px #006bfb, 0 0 3px #0965e0;
  font-size: 35px;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-content .title-container .title {
  z-index: 100;
  position: relative;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-content .title-container .title.subtitle {
  font-size: 26px;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-content .title-container .grandRewardFirework-right {
  position: absolute;
  transform: scale(0.3);
  top: -122px;
  left: 226px;
  z-index: 1;
  width: 290px;
  height: 288px;
  animation: fireworksPop 1.5s linear infinite forwards;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-content .title-container .grandRewardFirework-left {
  position: absolute;
  transform: scale(0.4);
  top: -110px;
  left: -61px;
  z-index: 1;
  width: 290px;
  height: 288px;
  animation: fireworksPop 1.2s linear infinite forwards;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-content .rewards-container {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  position: relative;
  top: 60px;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-content .rewards-container .reward-bg {
  width: 200px;
  height: 62px;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-content .rewards-container .reward-item {
  height: 67px;
  width: 129px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-content .rewards-container .reward-item .reward-counter {
  position: absolute;
  transform: translate(60px, 25px);
  font-size: 18px;
  text-transform: uppercase;
  border: 2px solid #0F1F8F;
  border-radius: 10px;
  background-color: #000;
  padding: 2px 10px;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-content .rewards-container .reward-item .reward-icon {
  position: absolute;
  transform: translate(5px, -26px) scale(0.2);
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-content .chipsRewards-container {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  height: 200px;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-content .chipsRewards-container .grandChipsReward {
  width: 455px;
  height: 270px;
  position: absolute;
  transform: scale(0.9) translate(-2px, 14px);
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-content .chipsRewards-container .chips-amount {
  font-weight: bold;
  position: relative;
  font-size: 52px;
  background: -webkit-linear-gradient(bottom, #fdbd00 20%, #d6610f 44%, #fff700 73%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-filter: drop-shadow(1px 0.1px rgba(10, 1, 19, 0.61));
          filter: drop-shadow(1px 0.1px rgba(10, 1, 19, 0.61));
  letter-spacing: 4px;
  top: 116px;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-content .chipsRewards-container .chips-amount span {
  letter-spacing: 1px;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-content .chipsRewards-container .chips-amount .symbol {
  position: absolute;
  top: -1px;
  left: -38px;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-footer .multipliers-footer-title {
  position: absolute;
  top: 400px;
  left: 25px;
  font-family: 'Akzidenz-Grotesk Pro Bold Cnd', serif;
  font-size: 19px;
  color: #11c7ff;
  text-shadow: 0 0 1px #fff, 0 0 0px #fff, 0 0 18px #004cb1, 0 0 7px #165dbb, 0 0 7px #006bfb, 0 0 3px #0965e0;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-footer .grandRewardPopup-multipliers {
  height: 115px;
  width: 200px;
  position: absolute;
  top: 397px;
  left: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-footer .grandRewardPopup-multipliers .grandRewardPopup-clubsMultiplier {
  display: flex;
  width: 190px;
  height: 83px;
  justify-content: center;
  align-items: center;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-footer .grandRewardPopup-multipliers .grandRewardPopup-clubsMultiplier.hasNoSponsor {
  left: -71px;
  position: relative;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-footer .grandRewardPopup-multipliers .grandRewardPopup-clubsMultiplier.hasSponsor {
  left: 21px;
  position: relative;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-footer .grandRewardPopup-multipliers .grandRewardPopup-clubsMultiplier .clubsIcon {
  width: 140px;
  height: 74px;
  left: 43px;
  top: 24px;
  position: relative;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-footer .grandRewardPopup-multipliers .grandRewardPopup-clubsMultiplier .clubsIcon .clubMultiplier {
  left: -54px;
  top: 2px;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-footer .grandRewardPopup-multipliers .grandRewardPopup-clubsMultiplier .clubMultiplier {
  font-size: 23px;
  position: relative;
  left: -54px;
  top: 2px;
  font-family: 'Akzidenz-Grotesk Pro Bold Cnd', serif;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-footer .grandRewardPopup-multipliers .grandRewardPopup-clubsMultiplier .clubMultiplier.jack {
  color: rgba(8, 165, 21, 0.97);
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-footer .grandRewardPopup-multipliers .grandRewardPopup-clubsMultiplier .clubMultiplier.queen {
  color: #64028d;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-footer .grandRewardPopup-multipliers .grandRewardPopup-clubsMultiplier .clubMultiplier.king {
  color: #ff9d76;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-footer .grandRewardPopup-multipliers .grandRewardPopup-clubsMultiplier .clubMultiplier.ace {
  color: #f96984;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-footer .grandRewardPopup-multipliers .grandRewardPopup-clubsMultiplier .clubMultiplier.master {
  color: #ffe558;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-footer .grandRewardPopup-multipliers .grandRewardPopup-clubsMultiplier .clubMultiplier.gramdmaster {
  color: #3ed9f7;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-footer .grandRewardPopup-multipliers .grandRewardPopup-sponsorsMultiplier {
  position: relative;
  left: -35px;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-footer .grandRewardPopup-multipliers .grandRewardPopup-sponsorsMultiplier .separator, .season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-footer .grandRewardPopup-multipliers .grandRewardPopup-sponsorsMultiplier .challengeStore .challengeCountdown:after, .challengeStore .season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-footer .grandRewardPopup-multipliers .grandRewardPopup-sponsorsMultiplier .challengeCountdown:after, .season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-footer .grandRewardPopup-multipliers .grandRewardPopup-sponsorsMultiplier .challengeStore .challengeItem:after, .challengeStore .season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-footer .grandRewardPopup-multipliers .grandRewardPopup-sponsorsMultiplier .challengeItem:after {
  width: 100px;
  left: -32px;
  bottom: 56px;
  transform: rotate(90deg) scale(0.5);
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-footer .grandRewardPopup-multipliers .grandRewardPopup-sponsorsMultiplier .sponsorsInfo {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  left: 30px;
  position: relative;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-footer .grandRewardPopup-multipliers .grandRewardPopup-sponsorsMultiplier .sponsorsInfo .sponsors-icon {
  transform: scale(0.4);
  left: -36px;
  top: 2px;
  position: relative;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .popup-footer .grandRewardPopup-multipliers .grandRewardPopup-sponsorsMultiplier .sponsorsInfo .sponsorMultiplier {
  font-family: 'Akzidenz-Grotesk Pro Bold Cnd', serif;
  position: relative;
  font-size: 23px;
  color: #ffea4ed9;
  left: -68px;
  top: 2px;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .claim-btn {
  width: 64px;
  height: 32px;
  top: 39px;
  font-size: 22px;
  left: 327px;
  display: flex;
  text-align: center;
  position: relative;
  justify-content: center;
  align-items: center;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .claim-btn .btnText {
  width: 100px;
  font-size: 30px;
  position: absolute;
}

.season-grandPrizeRewardPopup-container .season-grandPrizeRewardPopup .claim-btn.hasNoOtherRewards {
  top: 12px;
}

.seasonGrandPrizeToolTip-container {
  width: 330px;
  height: 207px;
  position: absolute;
  top: 46%;
  left: 53%;
  transform: translate(-54%) scale(1.2);
}

.seasonGrandPrizeToolTip-container .close-btn {
  cursor: pointer;
  position: absolute;
  top: 2px;
  right: -2px;
  z-index: 10;
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -932px;
  width: 25px;
  height: 24px;
}

.seasonGrandPrizeToolTip-container .close-btn:hover {
  background-position: -3697px -906px;
}

.seasonGrandPrizeToolTip-container .close-btn:active {
  background-position: -3697px -880px;
}

.seasonGrandPrizeToolTip-container .grand-reward-content {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  height: 211px;
}

.seasonGrandPrizeToolTip-container .grand-reward-content .grand-reward-title {
  text-align: center;
  font-size: 19px;
  color: #5fd9ff;
  font-family: 'Akzidenz-Grotesk Pro Cnd', serif;
  top: 22px;
  position: relative;
}

.seasonGrandPrizeToolTip-container .grand-reward-content .main-content {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  transform: scale(0.7);
  height: 130px;
  left: -26px;
  width: 320px;
}

.seasonGrandPrizeToolTip-container .grand-reward-content .main-content .separator, .seasonGrandPrizeToolTip-container .grand-reward-content .main-content .challengeStore .challengeCountdown:after, .challengeStore .seasonGrandPrizeToolTip-container .grand-reward-content .main-content .challengeCountdown:after, .seasonGrandPrizeToolTip-container .grand-reward-content .main-content .challengeStore .challengeItem:after, .challengeStore .seasonGrandPrizeToolTip-container .grand-reward-content .main-content .challengeItem:after {
  width: 100px;
  left: 117px;
  bottom: 61px;
  transform: rotate(90deg);
}

.seasonGrandPrizeToolTip-container .grand-reward-content .main-content .grand-reward-multiplier {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 250px;
  width: 300px;
  transform: scale(0.8);
  position: relative;
  left: -17px;
}

.seasonGrandPrizeToolTip-container .grand-reward-content .main-content .grand-reward-multiplier.sponsor-reward-container {
  left: 12px;
}

.seasonGrandPrizeToolTip-container .grand-reward-content .main-content .grand-reward-multiplier.hasNoSponsor {
  left: 24px;
}

.seasonGrandPrizeToolTip-container .grand-reward-content .main-content .grand-reward-multiplier .shine-bg {
  width: 140px;
  position: absolute;
  height: 49px;
  left: 45px;
  top: 149px;
  transform: scale(1.8);
}

.seasonGrandPrizeToolTip-container .grand-reward-content .main-content .grand-reward-multiplier .shine-bg.sponsor-shine {
  left: 10px;
}

.seasonGrandPrizeToolTip-container .grand-reward-content .main-content .grand-reward-multiplier .sponsors-icon {
  transform: scale(1);
  left: -16px;
  position: relative;
}

.seasonGrandPrizeToolTip-container .grand-reward-content .main-content .grand-reward-multiplier .multiplier {
  font-family: 'Akzidenz-Grotesk Pro Bold Cnd', serif;
  position: relative;
  font-size: 37px;
  color: #ffea4ed9;
  text-shadow: 1px 0 #8e6303, 0 2px #6b4c07, 2px 0 #52350a, 0 -1px #5d4308;
  left: -37px;
}

.seasonGrandPrizeToolTip-container .grand-reward-content .main-content .grand-reward-multiplier .multiplier.sponsorMultiplier {
  left: -18px;
}

.seasonGrandPrizeToolTip-container .grand-reward-content .main-content .grand-reward-multiplier .multiplier.clubMultiplier {
  left: -35px;
}

.seasonGrandPrizeToolTip-container .grand-reward-content .main-content .grand-reward-multiplier .multiplier.hasNoSponsor {
  left: -33px;
  top: 10px;
  font-size: 48px;
}

.seasonGrandPrizeToolTip-container .grand-reward-content .main-content .grand-reward-multiplier .clubsIcon {
  left: -10px;
  position: relative;
}

.seasonGrandPrizeToolTip-container .grand-reward-content .main-content .grand-reward-multiplier .clubsIcon .crest-my-club {
  transform: scale(0.6);
}

.seasonGrandPrizeToolTip-container .grand-reward-content .main-content .grand-reward-multiplier .clubsIcon .crest-my-club.hasNoSponsor {
  left: -55px;
}

.seasonGrandPrizeToolTip-container .grand-reward-content .grand-reward-footer {
  width: 200px;
  left: 68px;
  position: relative;
  text-align: center;
  background: no-repeat;
  font-family: 'Akzidenz-Grotesk Pro Cnd', serif;
  font-size: 15px;
  bottom: 23px;
}

@keyframes fireworksPop {
  0% {
    transform: scale(0.1);
  }
  50% {
    transform: scale(0.5);
  }
  70% {
    transform: scale(0.6);
    display: none;
  }
  100% {
    display: none;
    opacity: 0;
  }
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season {
  width: 100%;
  position: absolute;
  z-index: 40;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container {
  width: 100%;
  position: absolute;
  z-index: 40;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-timer-container {
  left: -20px;
  width: 132px;
  bottom: -336px;
  background-repeat: no-repeat;
  display: block;
  font-size: 20px;
  color: #ffffffc2;
  z-index: 99;
  height: 71px;
  position: absolute;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-timer-container .weekly-ends-in-text {
  position: relative;
  top: 14px;
  right: 4px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-timer-container .season-timer-wrapper {
  position: relative;
  top: 15px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-timer-container .season-timer-wrapper .weeklyChase-timer-text {
  bottom: 4px;
  position: relative;
  right: 6px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-timer-container .season-timer-wrapper .weeklyChase-timer-text:before {
  position: relative;
  display: inline-flex;
  content: "";
  top: 1px;
  right: 5px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-timer-container.isSqFtueActivated {
  left: 0;
  bottom: -365px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-timer-container.isSqFtueActivated .sq-ftue-sq-bar-info {
  position: absolute;
  width: 95px;
  top: -4px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-timer-container.isSqFtueActivated .tooltip-icon {
  position: relative;
  left: 84px;
  bottom: 13px;
  width: 45px;
  height: 45px;
  transform: scale(0.5);
  background-image: url(assets/images/base/HowToPlayBTN.png);
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .chapters-indexes-containter {
  display: flex;
  position: relative;
  top: 324px;
  left: 250px;
  z-index: 50;
  justify-content: stretch;
  align-items: flex-start;
  height: 16px;
  width: 300px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .chapters-indexes-containter .index-element {
  width: 43px;
  height: 30px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .chapters-indexes-containter .index-element.notSelectedAndNotCompleted {
  top: 1px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content {
  width: 779px;
  display: flex;
  position: absolute;
  top: 286px;
  height: 186px;
  z-index: 40;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  left: -4px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content.isSqFtueActivated {
  width: 762px;
  height: 166px;
  left: 0;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .grandPrize {
  width: 360px;
  height: 30px;
  position: absolute;
  left: 216px;
  top: 15px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: row;
  font-size: 21px;
  letter-spacing: 0.2px;
  font-family: 'AkzidGroProMedCndAlt', serif;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .grandPrize .shadow {
  text-shadow: 0 3px 4px black;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .grandPrize .grand-amount {
  font-weight: bold;
  position: relative;
  font-size: 22px;
  background: -webkit-linear-gradient(bottom, #fdbd00 20%, #d6610f 44%, #fff700 73%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-filter: drop-shadow(1px 0.1px rgba(10, 1, 19, 0.61));
          filter: drop-shadow(1px 0.1px rgba(10, 1, 19, 0.61));
  letter-spacing: 1px;
  padding-left: 5px;
  padding-right: 4px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .grandPrize .tooltip-icon {
  width: 45px;
  height: 45px;
  transform: scale(0.5);
  background-image: url(assets/images/base/HowToPlayBTN.png);
  position: relative;
  top: -8px;
  left: -3px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .leftArrow {
  width: 65px;
  height: 142px;
  top: 30px;
  left: -7px;
  position: absolute;
  cursor: pointer;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .rightArrow {
  width: 87px;
  height: 142px;
  top: 31px;
  right: -1px;
  z-index: 20;
  position: absolute;
  cursor: pointer;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .target-container {
  position: absolute;
  left: 51px;
  top: 72px;
  z-index: 999;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .target-container .target {
  position: relative;
  background: #2a0543;
  width: auto;
  padding: 0 2px 0 2px;
  height: 20px;
  border: 2px solid #ecac04;
  border-radius: 5px 5px 5px 5px;
  bottom: 21px;
  color: #ecac04;
  font-family: AkzidGroProBolCnd, serif;
  display: flex;
  justify-content: center;
  font-size: 15px;
  align-items: center;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar {
  width: 650px;
  left: 25px;
  top: 28px;
  position: relative;
  overflow: hidden;
  height: 170px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container {
  top: 72px;
  position: relative;
  left: -37px;
  height: 10px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel {
  position: relative;
  display: flex;
  justify-content: space-around;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer {
  width: 401px;
  position: relative;
  left: -35px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar {
  width: 604px;
  position: absolute;
  height: 13px;
  left: 125px;
  bottom: 64px;
  padding-right: 26px;
  background-image: linear-gradient(to left, #1a0638 50%, #F6D803 50%);
  background-position: right;
  background-size: 200%;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar.isChapterCompleted {
  z-index: 40;
  background-position: left;
  transition: background 1.5s ease-out;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar.isFinalChapter {
  width: 526px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar.isFinalChapter::after {
  content: '';
  width: 10px;
  transform: skew(-13deg);
  background: inherit;
  height: 100%;
  position: absolute;
  right: -3px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .progress-done-wrapper {
  width: 547px;
  position: absolute;
  height: 13px;
  bottom: 64px;
  top: 0;
  left: 9px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .progress-done-wrapper .progress-done {
  background: #F6D803;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 0;
  opacity: 0;
  transform: skew(-13deg);
  transition: 1s ease 0.3s;
  position: relative;
  z-index: 30;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container {
  display: flex;
  position: absolute;
  bottom: -28px;
  width: 546px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .separator-milestone {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  margin-bottom: 0;
  top: 11px;
  width: 0;
  z-index: 30;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .separator-milestone.bigReward {
  transform: translate(-3px, -3px);
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .separator-milestone .milestone-amount {
  color: #fdbd1e;
  font-family: AkzidGroProBolCnd, serif;
  font-size: 18px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .separator-milestone .claim-milestone-btn-container {
  position: relative;
  top: 1px;
  overflow: hidden;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .separator-milestone .claim-milestone-btn-container .weekly-claim-btn {
  color: #7d3f02;
  width: 72px;
  height: 27px;
  border: 1.4px solid #fff938;
  font-size: 22px;
  background-image: linear-gradient(173deg, #F5D600 0%, #EFC000 46%, #ECAF00 49%, #EAA800 100%);
  font-family: AkzidGroProMedCndAlt, serif;
  letter-spacing: 1px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .separator-milestone .claim-milestone-btn-container .weekly-claim-btn:hover {
  background-image: linear-gradient(173deg, #e8d447 0%, #f6cf3e 46%, #f3be34 49%, #fac225 100%);
  cursor: pointer;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .separator-milestone .claim-milestone-btn-container .claim-milestone-mask {
  position: absolute;
  bottom: 0;
  left: -6px;
  width: 82px;
  height: 27px;
  pointer-events: none;
  -webkit-clip-path: inset(0px 0px 0px 0px);
          clip-path: inset(0px 0px 0px 0px);
  transform: skewX(-13deg);
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .separator-milestone .claim-milestone-btn-container .claim-milestone-mask .claimRewardPopupBtn-shine {
  position: absolute;
  bottom: 0;
  display: block;
  width: 72px;
  height: 27px;
  z-index: 11;
  background-image: url(assets/imgSrc/pokerRecall/PokerRecallMultiPackStoreButtonShine.png);
  background-size: 100px 65px;
  animation: buttonClaimMilestoneShine 2s linear infinite;
  animation-delay: 1s;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  transform: scale(1.1);
  position: absolute;
  bottom: 37px;
  margin-bottom: -2px;
  top: -64px;
  width: 100px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-badge {
  position: absolute;
  bottom: 41px;
  height: 48px;
  left: 64px;
  top: 9px;
  width: 43px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-badge .pack-star {
  opacity: 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: -3px;
  transform: scale(0.8);
  background-image: url(assets/images/chipStore/RarityStar_StoreIcon_Small.png);
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-badge .season-badge-ct {
  height: inherit;
  width: inherit;
  position: absolute;
  top: 5px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-badge .season-badge-ct .card-album-icon {
  transform: scale(0.9);
  top: -1px;
  left: 11px;
  position: absolute;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-badge .season-badge-ct .legendary-chip-icon {
  top: 0;
  left: 11px;
  position: absolute;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-badge .season-badge-ct .academy-icon {
  position: absolute;
  top: 0;
  left: 9px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-badge .season-badge-ct .reward-type-ct-normal {
  height: 32px;
  width: 43px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-badge .season-badge-ct .star-row-1 {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 10px;
  top: -6px;
  left: 5px;
  width: 36px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-badge .season-badge-ct .star-row-1.bigReward {
  top: -6px;
  left: 6px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-badge .season-badge-ct .star-row-2 {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 10px;
  top: -6px;
  left: 5px;
  width: 36px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-badge .season-badge-ct .star-row-2.bigReward {
  top: -6px;
  left: 6px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-badge .season-badge-ct .star-row-3 {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 10px;
  top: -6px;
  left: 5px;
  width: 36px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-badge .season-badge-ct .star-row-3.bigReward {
  top: -6px;
  left: 6px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-badge .season-badge-ct .star-row-4 {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 10px;
  top: -6px;
  left: 5px;
  width: 36px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-badge .season-badge-ct .star-row-4.bigReward {
  top: -6px;
  left: 6px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-badge .season-badge-ct .star-row-5 {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 10px;
  top: -6px;
  left: 3px;
  width: 36px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-badge .season-badge-ct .star-row-5.bigReward {
  top: -6px;
  left: 4px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-badge .rewardsCount {
  display: flex;
  justify-content: center;
  align-items: center;
  top: 7px;
  position: relative;
  left: 4px;
  font-family: 'AkzidGroProBolCnd', serif;
  font-size: 18px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-badge .rewardsCount span {
  bottom: 3px;
  position: relative;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-badge:hover {
  cursor: pointer;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-badge.bigReward {
  width: 46px;
  left: 66px;
  top: 43px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-static-badge {
  position: absolute;
  bottom: 41px;
  height: 48px;
  left: 60px;
  top: 1px;
  width: 43px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-static-badge.bigReward {
  width: 46px;
  left: 72px;
  top: 7px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-static-badge .season-static-container {
  height: inherit;
  width: inherit;
  position: absolute;
  top: 12px;
  left: 3px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-static-badge .season-static-container .card-album-icon {
  transform: scale(0.9);
  top: -1px;
  right: 16px;
  position: absolute;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-static-badge .season-static-container .legendary-chip-icon {
  top: 0;
  right: 17px;
  position: absolute;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-static-badge .season-static-container .reward-type-ct-normal {
  height: 32px;
  width: 43px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-static-badge .season-static-container .star-row-1 {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 10px;
  top: -6px;
  left: 5px;
  width: 36px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-static-badge .season-static-container .star-row-1.bigReward {
  top: -6px;
  left: 6px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-static-badge .season-static-container .star-row-2 {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 10px;
  top: -6px;
  left: 5px;
  width: 36px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-static-badge .season-static-container .star-row-2.bigReward {
  top: -6px;
  left: 6px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-static-badge .season-static-container .star-row-3 {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 10px;
  top: -6px;
  left: 5px;
  width: 36px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-static-badge .season-static-container .star-row-3.bigReward {
  top: -6px;
  left: 6px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-static-badge .season-static-container .star-row-4 {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 10px;
  top: -6px;
  left: 5px;
  width: 36px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-static-badge .season-static-container .star-row-4.bigReward {
  top: -6px;
  left: 6px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-static-badge .season-static-container .star-row-5 {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 10px;
  top: -6px;
  left: 3px;
  width: 36px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-static-badge .season-static-container .star-row-5.bigReward {
  top: -6px;
  left: 4px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-static-badge .season-static-container.bigReward {
  top: -6px;
  left: 3px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-static-badge .season-static-container .static-pack-star {
  opacity: 1;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: -3px;
  transform: scale(0.8);
  background-image: url(assets/images/chipStore/RarityStar_StoreIcon_Small.png);
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-static-badge .season-static-container.bigReward {
  width: 46px;
  left: 73px;
  top: 43px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-static-badge .rewards-box {
  display: flex;
  justify-content: center;
  align-items: center;
  top: 7px;
  position: relative;
  left: 4px;
  font-family: 'AkzidGroProBolCnd', serif;
  font-size: 18px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .season-info-static-badge .rewards-box span {
  bottom: 3px;
  position: relative;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .milestone-icon {
  transform: scale(0.8);
  position: relative;
  top: -4px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon.IN_PROGRESS, .sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon.COMPLETED, .sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon.CREATED {
  top: -64px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon.IN_PROGRESS.bigReward, .sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon.COMPLETED.bigReward, .sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon.CREATED.bigReward {
  left: -55px;
  top: -120px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon.IN_PROGRESS.bigReward.hasClosedCaseBigMilestone, .sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon.COMPLETED.bigReward.hasClosedCaseBigMilestone, .sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon.CREATED.bigReward.hasClosedCaseBigMilestone {
  left: -50px;
  top: -79px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon.CLAIMED {
  left: -35px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon.CLAIMED.bigReward {
  top: -93px;
  left: -45px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .bigMilestoneInfos {
  position: absolute;
  z-index: 90;
  line-height: 15px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .bigMilestoneInfos .amount {
  font-weight: bold;
  position: relative;
  font-size: 15px;
  letter-spacing: 1px;
  color: #ffe83b;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .bigMilestoneInfos .amount span {
  background: -webkit-linear-gradient(bottom, #ffc213 20%, #fff251 30%, #f9c710 73%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-filter: drop-shadow(1px 0.1px rgba(10, 1, 19, 0.61));
          filter: drop-shadow(1px 0.1px rgba(10, 1, 19, 0.61));
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .bigMilestoneInfos .sponsor-multiplier {
  display: flex;
  position: absolute;
  left: -131px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .bigMilestoneInfos .sponsor-multiplier .ribbon {
  width: 102px;
  position: absolute;
  height: 30px;
  right: -205px;
  transform: scale(0.8);
  top: -1px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .bigMilestoneInfos .sponsor-multiplier .sponsor-icon {
  width: 102px;
  position: absolute;
  transform: scale(0.46);
  top: -39px;
  left: 55px;
  z-index: 99;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .bigMilestoneInfos .sponsor-multiplier .sponsor-multiplier-amount {
  z-index: 99;
  width: 66px;
  position: absolute;
  display: flex;
  font-size: 13px;
  left: 123px;
  top: 10px;
  font-family: 'Akzidenz-Grotesk Pro Bold Cnd', serif;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .proBraceletGlowFX {
  right: 0;
  top: 10px;
  position: absolute;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .proBraceletGlowFX .proBracelet {
  position: relative;
  width: 72px;
  height: 54px;
  top: -11px;
  left: -32px;
  transform: scale(0.7) rotate(-47deg);
  z-index: 2;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .proBraceletGlowFX .proBracelet.bigReward {
  z-index: 100;
  top: -13px;
  left: -55px;
  transform: scale(0.7) rotate(-54deg);
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .proBraceletGlowFX .proBracelet.isCaseOpen {
  top: 20px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .proBraceletShadow {
  position: absolute;
  top: -17px;
  left: -32px;
  transform: scale(0.8) rotate(9deg);
  width: 72px;
  height: 68px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .proBraceletShadow.bigReward {
  top: -19px;
  left: -55px;
  transform: scale(0.8);
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-container .season-content .season-info-bar .simple-carousel-container .simple-carousel .chapterContainer .season-bar .separator-progress-container .rewardIcon .proBraceletShadow.isCaseOpen {
  top: 14px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-completed-container {
  width: 798px;
  display: flex;
  position: absolute;
  top: 297px;
  height: 161px;
  z-index: 40;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  left: -7px;
  transform: scale(1.04);
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-completed-container.isSqFtueActivated {
  width: 732px;
  left: 15px;
  height: 152px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-completed-container .season-completed {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-completed-container .season-completed .season-completed-title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-completed-container .season-completed .season-completed-title .checkmark {
  position: absolute;
  left: 220px;
  top: 57px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-completed-container .season-completed .season-completed-title .checkmark.isSqFtueActivated {
  left: 175px;
  top: 58px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-completed-container .season-completed .season-completed-title .completed-text-img {
  position: relative;
  left: 10px;
  top: 12px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-completed-container .season-completed .season-completed-title .completed-text {
  font-weight: bold;
  position: relative;
  right: 9px;
  font-size: 3.2rem;
  background-image: -webkit-linear-gradient(top, #f3ff30f2, #efff00, #fbff00eb, #ca58589e, #eeff08, #906137f7, #fafd24);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 1px;
  margin-left: 24px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-completed-container .season-completed .season-completed-subtitle {
  display: flex;
  justify-content: center;
  font-size: 20px;
  color: #f7f1f28f;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-completed-container .season-completed .season-completed-subtitle:before {
  position: relative;
  display: inline-flex;
  content: "";
  top: 4px;
  right: 5px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-completed-container .season-completed .season-completed-subtitle .seasonCompleted-timer-text {
  margin-left: 8px;
  position: relative;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-welcome-popup {
  position: absolute;
  top: 28px;
  left: 353px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-welcome-popup .sq-ftue-bubble-inside-img-container {
  top: -33px;
  left: 9px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-welcome-popup .sq-ftue-bubble-bottom-glow {
  left: 22px;
  width: 260px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-welcome-popup.sq-ftue-gradient-bg .speech-bubble::before, .sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-welcome-popup.sq-ftue-gradient-bg .speech-bubble::after {
  background: linear-gradient(0.15turn, #02246a, #02276F);
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-welcome-popup .speech-bubble-content {
  padding: 25px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-welcome-popup .sq-ftue-text {
  text-align: left;
  font-size: 23px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-welcome-popup .sq-ftue-text p {
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 10px;
          margin-block-end: 10px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-seasons-welcome-popup {
  position: absolute;
  top: 20px;
  left: 300px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-seasons-welcome-popup .sq-ftue-bubble-inside-img-container {
  top: -33px;
  left: 4px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-seasons-welcome-popup .sq-ftue-bubble-bottom-glow {
  left: 25px;
  width: 260px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-seasons-welcome-popup.sq-ftue-gradient-bg .speech-bubble::before, .sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-seasons-welcome-popup.sq-ftue-gradient-bg .speech-bubble::after {
  background: linear-gradient(0.15turn, #02246a, #02276F);
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-seasons-welcome-popup .speech-bubble-content {
  padding: 25px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-seasons-welcome-popup .sq-ftue-text {
  text-align: left;
  font-size: 23px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-seasons-welcome-popup .sq-ftue-text p {
  -webkit-margin-before: 10px;
          margin-block-start: 10px;
  -webkit-margin-after: 5px;
          margin-block-end: 5px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-seasons-welcome-popup .sq-ftue-bottom-button {
  width: 170px;
  height: 40px;
  left: 120px;
  bottom: 20px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-seasons-welcome-popup .sq-ftue-bottom-button .btnText {
  font-size: 30px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-seasons-welcome-popup .sq-ftue-bottom-button .button-green {
  padding: 5px 15px 5px 15px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-bar-info-popup {
  position: absolute;
  top: -46px;
  left: 137px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-bar-info-popup .sq-ftue-text {
  font-size: 22px;
  text-align: left;
  color: #fff;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-milestone-completed-popup {
  position: absolute;
  top: 33px;
  left: 420px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-milestone-completed-popup .sq-ftue-bubble-top-glow {
  left: 10px;
  width: 230px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-milestone-completed-popup .sq-ftue-bubble-bottom-glow {
  left: 7px;
  width: 230px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-milestone-completed-popup.sq-ftue-gradient-bg .speech-bubble::before, .sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-milestone-completed-popup.sq-ftue-gradient-bg .speech-bubble::after {
  background: linear-gradient(0.15turn, #02246a, #02276F);
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-milestone-completed-popup .sq-ftue-text {
  text-align: left;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-milestone-completed-popup .sq-ftue-text span {
  font-weight: bolder;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-milestone-completed-popup .speech-bubble-content {
  padding-left: 20px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-hyperQuest-popup {
  position: absolute;
  top: 45px;
  left: 380px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-hyperQuest-popup .sq-ftue-bubble-top-glow {
  left: 15px;
  width: 250px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-hyperQuest-popup .sq-ftue-bubble-bottom-glow {
  left: 20px;
  width: 250px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-hyperQuest-popup.sq-ftue-gradient-bg .speech-bubble::before, .sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-hyperQuest-popup.sq-ftue-gradient-bg .speech-bubble::after {
  background: linear-gradient(0.15turn, #02246a, #02276F);
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-hyperQuest-popup .sq-ftue-text {
  text-align: left;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-hyperQuest-popup .sq-ftue-text span {
  font-weight: bolder;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-hyperQuest-popup .speech-bubble-content {
  padding-left: 20px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-season-completed-popup {
  position: absolute;
  z-index: 800;
  top: -52px;
  left: 9px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-season-completed-popup .speech-bubble::after, .sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-season-completed-popup .speech-bubble::before {
  width: 0;
  height: 0;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-season-completed-popup .sq-ftue-bubble-inside-img-container {
  top: 37px;
  right: -50px;
  height: 456px;
  overflow: hidden;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-season-completed-popup .sq-ftue-bubble-inside-img-container .sq-ftue-bubble-inside-img {
  width: 233px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-season-completed-popup .sq-ftue-bottom-button {
  width: 353px;
  height: 50px;
  left: 180px;
  bottom: 45px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-season-completed-popup .sq-ftue-bottom-button .button-green {
  padding: 10px 25px 10px 25px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-season-completed-popup .sq-ftue-text {
  position: absolute;
  top: 300px;
  left: 77px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .sqftue-season-completed-popup .sq-ftue-text span {
  font-size: 30px;
  font-weight: bolder;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-agent {
  position: absolute;
  right: -61px;
  top: 12px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-agent.isSqFtueActivated {
  z-index: 41;
  pointer-events: none;
  top: 8px;
  right: -55px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-agent.showWelcomePopup, .sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-agent.showHowToPlayPopup {
  right: -74px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-agent.showMilestoneCompletedPopup {
  right: -34px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-agent.showSponsorsPopup {
  right: -43px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-agent.isPaAfterFtuePopup {
  pointer-events: none;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .season-agent.hiddenMary {
  opacity: 0;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .default-season-container {
  width: 100%;
  position: absolute;
  z-index: 40;
  top: 287px;
  left: -761px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .default-season-container .default-season-content {
  width: 779px;
  height: 186px;
  z-index: 40;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container {
  left: -9px;
  height: 180px;
  position: relative;
  top: 285px;
  z-index: 10;
  width: 804px;
  transform: scale(1.03);
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-timer-container {
  position: absolute;
  left: -9px;
  width: 148px;
  bottom: 99px;
  background-repeat: no-repeat;
  display: block;
  font-size: 20px;
  color: #ffffffc2;
  z-index: 99;
  height: 85px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-timer-container .weekly-ends-in-text {
  position: relative;
  top: 26px;
  right: 4px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-timer-container .season-timer-wrapper {
  position: relative;
  top: 27px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-timer-container .season-timer-wrapper .weeklyChase-timer-text {
  bottom: 4px;
  position: relative;
  right: 6px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-timer-container .season-timer-wrapper .weeklyChase-timer-text:before {
  position: relative;
  display: inline-flex;
  content: "";
  top: 1px;
  right: 5px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperQuest-followers-target {
  bottom: 15px;
  position: absolute;
  left: 70px;
  z-index: 50;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperQuest-followers-target .followers-icon {
  left: 9px;
  position: relative;
  transform: scale(0.9);
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperQuest-followers-target .followers-target {
  position: relative;
  background: #290a04;
  width: 80px;
  height: 20px;
  border: 2px solid #ecac04;
  border-radius: 5px 5px 5px 5px;
  bottom: 21px;
  left: 10px;
  color: #F6D803;
  font-family: AkzidGroProBolCnd, serif;
  display: flex;
  justify-content: center;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer {
  width: 520px;
  position: relative;
  height: 15px;
  left: 142px;
  bottom: -110px;
  background-color: #281206;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .progress-done-wrapper {
  width: 520px;
  position: absolute;
  height: 15px;
  bottom: 64px;
  top: 0;
  left: 0;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .progress-done-wrapper .progress-done {
  background: #F6D803;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 0;
  opacity: 0;
  transform: skew(-13deg);
  transition: 1s ease 0.3s;
  position: relative;
  z-index: 30;
  height: 12px;
  border: 2px solid #290a04;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container {
  display: flex;
  width: 517px;
  position: absolute;
  bottom: -28px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .separator-milestone {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  margin-bottom: 0;
  top: 8px;
  width: 0;
  z-index: 30;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .separator-milestone .milestone-amount {
  color: #F6D803;
  font-family: AkzidGroProBolCnd, serif;
  font-size: 18px;
  position: relative;
  bottom: 3px;
  display: inline-block;
  min-height: 27px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .separator-milestone .claim-milestone-btn-container {
  position: relative;
  overflow: hidden;
  top: auto;
  bottom: 3px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .separator-milestone .claim-milestone-btn-container .weekly-claim-btn {
  color: #7d3f02;
  width: 72px;
  height: 27px;
  border: 1.4px solid #fff938;
  font-size: 22px;
  background-image: linear-gradient(173deg, #F5D600 0%, #EFC000 46%, #ECAF00 49%, #EAA800 100%);
  font-family: AkzidGroProMedCndAlt, serif;
  letter-spacing: 1px;
  border-radius: 1px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .separator-milestone .claim-milestone-btn-container .weekly-claim-btn:hover {
  background-image: linear-gradient(173deg, #e8d447 0%, #f6cf3e 46%, #f3be34 49%, #fac225 100%);
  cursor: pointer;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .separator-milestone .claim-milestone-btn-container .claim-milestone-mask {
  position: absolute;
  bottom: 0;
  left: -6px;
  width: 82px;
  height: 27px;
  pointer-events: none;
  -webkit-clip-path: inset(0px 0px 0px 0px);
          clip-path: inset(0px 0px 0px 0px);
  transform: skewX(-13deg);
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .separator-milestone .claim-milestone-btn-container .claim-milestone-mask .claimRewardPopupBtn-shine {
  position: absolute;
  bottom: 0;
  display: block;
  width: 72px;
  height: 27px;
  z-index: 11;
  background-image: url(assets/imgSrc/pokerRecall/PokerRecallMultiPackStoreButtonShine.png);
  background-size: 100px 65px;
  animation: buttonClaimMilestoneShine 2s linear infinite;
  animation-delay: 1s;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  transform: scale(1.1);
  position: absolute;
  bottom: 37px;
  margin-bottom: -2px;
  top: -60px;
  width: 100px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon.bigReward {
  top: -122px;
  left: -55px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon:not(.bigReward) .milestone-icon {
  transform: scale(0.9);
  top: -6px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon .season-info-badge {
  position: absolute;
  bottom: 41px;
  height: 32px;
  left: 60px;
  top: 12px;
  width: 43px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon .season-info-badge .pack-star {
  opacity: 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: -3px;
  transform: scale(0.8);
  background-image: url(assets/images/chipStore/RarityStar_StoreIcon_Small.png);
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon .season-info-badge .season-badge-ct {
  height: inherit;
  width: inherit;
  position: absolute;
  top: 0;
  left: 7px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon .season-info-badge .season-badge-ct .card-album-icon {
  transform: scale(0.9);
  top: -1px;
  left: 11px;
  position: absolute;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon .season-info-badge .season-badge-ct .legendary-chip-icon {
  top: 0;
  left: 11px;
  position: absolute;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon .season-info-badge .season-badge-ct .academy-icon {
  position: absolute;
  top: 0;
  left: 9px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon .season-info-badge .season-badge-ct .reward-type-ct-normal {
  height: 32px;
  width: 43px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon .season-info-badge .season-badge-ct .star-row-1 {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 10px;
  top: -6px;
  left: 5px;
  width: 36px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon .season-info-badge .season-badge-ct .star-row-1.bigReward {
  top: -6px;
  left: 6px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon .season-info-badge .season-badge-ct .star-row-2 {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 10px;
  top: -6px;
  left: 5px;
  width: 36px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon .season-info-badge .season-badge-ct .star-row-2.bigReward {
  top: -6px;
  left: 6px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon .season-info-badge .season-badge-ct .star-row-3 {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 10px;
  top: -6px;
  left: 5px;
  width: 36px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon .season-info-badge .season-badge-ct .star-row-3.bigReward {
  top: -6px;
  left: 6px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon .season-info-badge .season-badge-ct .star-row-4 {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 10px;
  top: -6px;
  left: 5px;
  width: 36px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon .season-info-badge .season-badge-ct .star-row-4.bigReward {
  top: -6px;
  left: 6px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon .season-info-badge .season-badge-ct .star-row-5 {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 10px;
  top: -6px;
  left: 3px;
  width: 36px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon .season-info-badge .season-badge-ct .star-row-5.bigReward {
  top: -6px;
  left: 4px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon .season-info-badge .rewardsCount {
  display: flex;
  justify-content: center;
  align-items: center;
  top: 7px;
  position: relative;
  left: 4px;
  font-family: 'AkzidGroProBolCnd', serif;
  font-size: 18px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon .season-info-badge .rewardsCount span {
  bottom: 3px;
  position: relative;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon .season-info-badge:hover {
  cursor: pointer;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon .season-info-badge.bigReward {
  width: 46px;
  left: 68px;
  top: 54px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon .milestone-icon {
  transform: scale(0.8);
  position: relative;
  top: -4px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon.CLAIMED {
  left: -35px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon.CLAIMED.bigReward {
  top: -96px;
  left: -45px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon .bigMilestoneInfos {
  position: absolute;
  z-index: 90;
  line-height: 15px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon .bigMilestoneInfos .amount {
  font-weight: bold;
  position: relative;
  font-size: 15px;
  letter-spacing: 1px;
  color: #ffe83b;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon .bigMilestoneInfos .amount span {
  background: -webkit-linear-gradient(bottom, #ffc213 20%, #fff251 30%, #f9c710 73%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-filter: drop-shadow(1px 0.1px rgba(10, 1, 19, 0.61));
          filter: drop-shadow(1px 0.1px rgba(10, 1, 19, 0.61));
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon .bigMilestoneInfos .sponsor-multiplier {
  display: flex;
  position: absolute;
  left: -131px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon .bigMilestoneInfos .sponsor-multiplier .ribbon {
  width: 102px;
  position: absolute;
  height: 30px;
  right: -205px;
  transform: scale(0.8);
  top: -1px;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon .bigMilestoneInfos .sponsor-multiplier .sponsor-icon {
  width: 102px;
  position: absolute;
  transform: scale(0.46);
  top: -39px;
  left: 55px;
  z-index: 99;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon .bigMilestoneInfos .sponsor-multiplier .sponsor-multiplier-amount {
  z-index: 99;
  width: 66px;
  position: absolute;
  display: flex;
  font-size: 13px;
  left: 123px;
  top: 10px;
  font-family: 'Akzidenz-Grotesk Pro Bold Cnd', serif;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon .proBraceletGlowFX {
  right: 0;
  top: 10px;
  position: absolute;
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon .proBraceletGlowFX .proBracelet {
  position: relative;
  width: 72px;
  height: 54px;
  top: -11px;
  left: -32px;
  transform: scale(0.7) rotate(-47deg);
}

.sq-agent-portal.popup_neon .agent-portal-missions .content .season .hyperChapter-container .hyperChapter-progressContainer .separator-progress-container .rewardIcon .proBraceletGlowFX .proBracelet.bigReward {
  z-index: 100;
  top: 20px;
  left: -55px;
  transform: scale(0.7) rotate(-54deg);
}

.genericPopup.supersizeRedeemPopup > .gpTitle {
  background-image: url(assets/images/AtlasRibbon.png);
  background-position: 0px -168px;
  width: 768px;
  height: 82px;
}

.genericPopup.supersizeRedeemPopup > .gpContentCont {
  height: 416px;
}

.genericPopup.supersizeRedeemPopup > .gpContentCont > div:before {
  background-image: url(assets/images/AtlasWsopBank.png);
  background-position: 0px 0px;
  width: 710px;
  height: 404px;
}

.genericPopup.supersizeRedeemPopup > .gpContentCont > div .promotions {
  position: absolute;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  top: 116px;
  width: 100%;
  height: 158px;
}

.genericPopup.supersizeRedeemPopup > .gpContentCont > div .promotions .promo {
  display: inline-block;
  padding: 0 30px;
}

.genericPopup.supersizeRedeemPopup > .gpContentCont > div .promotions .promo .amount {
  font-size: 64px;
}

.genericPopup.supersizeRedeemPopup > .gpContentCont > div .promotions .promo .name {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 26px;
  color: #00d3ff;
  text-shadow: 0px 0px 7px #0a4ae0, 0px 0px 7px #0a4ae0, 0px 0px 7px #0a4ae0;
}

.genericPopup.supersizeRedeemPopup > .gpContentCont > div button {
  top: 313px;
  left: 0;
  right: 0;
  font-size: 2em;
  border: 2px solid black;
  padding: 10px 50px;
}

.wsop-bank-container {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 170px;
  width: 455px;
  height: 243px;
}

.wsop-bank-container:before {
  content: "";
  background-image: url(assets/images/AtlasWsopBank.png);
  background-position: -328px -710px;
  width: 326px;
  height: 65px;
  display: block;
  position: absolute;
  top: -35px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
}

.wsop-bank-container.timer:after {
  content: "";
  background-image: url(assets/images/AtlasWsopBank.png);
  background-position: -488px -558px;
  width: 195px;
  height: 82px;
  position: absolute;
  top: 180px;
  left: -54px;
  z-index: 2;
  transform: scale(0.6);
}

.wsop-bank-container.isPlaying {
  left: inherit;
  right: -58px;
  margin: inherit;
  top: 60px;
  z-index: 3;
  transform: scale(0.7);
}

.wsop-bank-container .tooltip-wsop {
  position: absolute;
  bottom: 2px;
  right: 2px;
  z-index: 2;
}

.wsop-bank-container .wsop-bank-effect-container {
  content: '';
  background-image: url(assets/images/AtlasWsopBank.png);
  background-position: 0px -406px;
  width: 486px;
  height: 150px;
  position: absolute;
  top: -90px;
  left: -30px;
}

.wsop-bank-container .wsop-bank-content {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid #59d1ff;
  box-shadow: 0 0 7px 2px #0154a4, 0 0 7px 2px #0154a4 inset;
  border-radius: 5px;
  background: linear-gradient(to bottom, #12162b 60%, #171D77 100%);
  z-index: 1;
  overflow: hidden;
}

.wsop-bank-container .wsop-bank-content .wsop-btn-close {
  background-image: url(assets/images/Atlas.png);
  background-position: -2265px -3280px;
  width: 49px;
  height: 48px;
  position: absolute;
  z-index: 2;
  transform: scale(0.7);
  right: -8px;
  top: -8px;
  cursor: pointer;
}

.wsop-bank-container .wsop-bank-content .wsop-btn-close:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -2316px -3280px;
  width: 49px;
  height: 48px;
}

.wsop-bank-container .wsop-bank-content .wsop-btn-close:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -2367px -3280px;
  width: 49px;
  height: 48px;
}

.wsop-bank-container .wsop-bank-notification-container {
  display: flex;
  justify-content: center;
  height: 100%;
  align-items: center;
  flex-direction: column;
}

.wsop-bank-container .wsop-bank-notification-container .wsop-bank-title {
  font-size: 47px;
  font-family: 'Akzidenz-Grotesk Pro Bold Cnd';
}

.wsop-bank-container .wsop-bank-notification-container .wsop-bank-subtitle {
  width: 320px;
  font-size: 35px;
  line-height: 36px;
  text-align: center;
}

.wsop-bank-container .wsop-bank-chest-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.wsop-bank-container .wsop-bank-chest-container:after {
  content: '';
  background: radial-gradient(ellipse at center, #3143ea 0%, rgba(125, 185, 232, 0) 70%);
  height: 70px;
  width: 80%;
  position: absolute;
  bottom: -25px;
  left: 0;
  right: 0;
  margin: auto;
}

.wsop-bank-container .wsop-bank-chest-container .wsop-bank-sent-inbox-animation {
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  width: 220px;
  position: absolute;
  z-index: 6;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  font-size: 30px;
  text-transform: uppercase;
  border-radius: 5px;
  border: 2px solid #3fe43f;
  box-shadow: 0 0 2px 1px #0a730a, inset 0 0 2px 1px #0a730a;
  animation-name: example;
  animation-duration: 4s;
  transform: translateY(-50%) scale(0);
}

.wsop-bank-container .wsop-bank-chest-container .wsop-bank-sent-inbox-animation:before {
  content: '';
  background-image: url(assets/images/AtlasWsopBank.png);
  background-position: -992px -102px;
  width: 23px;
  height: 20px;
  display: block;
}

.wsop-bank-container .wsop-bank-chest-container .wsop-bank-chest-content {
  width: 202px;
  height: 202px;
  display: flex;
  align-self: flex-end;
  position: relative;
}

.wsop-bank-container .wsop-bank-chest-container .wsop-bank-chest-content:before {
  content: '';
  display: block;
  background: linear-gradient(135deg, #2a69f2 0%, rgba(125, 185, 232, 0) 60%);
  width: 175px;
  height: 175px;
  position: absolute;
  left: 11px;
  top: 5px;
}

.wsop-bank-container .wsop-bank-chest-container .wsop-bank-chest-content:after {
  content: '';
  display: block;
  background: linear-gradient(45deg, #171d77 0%, rgba(125, 185, 232, 0) 100%);
  width: 176px;
  height: 179px;
  margin-left: 13px;
}

.wsop-bank-container .wsop-bank-chest-container .wsop-bank-chest {
  background-image: url(assets/images/AtlasWsopBank.png);
  background-position: -712px 0px;
  width: 202px;
  height: 202px;
  position: absolute;
  z-index: 5;
}

.wsop-bank-container .wsop-bank-chest-container .wsop-bank-chips-0, .wsop-bank-container .wsop-bank-chest-container .wsop-bank-chips-1, .wsop-bank-container .wsop-bank-chest-container .wsop-bank-chips-2, .wsop-bank-container .wsop-bank-chest-container .wsop-bank-chips-3 {
  background-image: url(assets/images/AtlasWsopBank.png);
  background-position: -712px -560px;
  width: 180px;
  height: 103px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

.wsop-bank-container .wsop-bank-chest-container .wsop-bank-chips-0 {
  bottom: 11px;
  z-index: 4;
}

.wsop-bank-container .wsop-bank-chest-container .wsop-bank-chips-1 {
  transform: scaleX(-1);
  -webkit-filter: brightness(1.15);
          filter: brightness(1.15);
  bottom: 45px;
  z-index: 3;
}

.wsop-bank-container .wsop-bank-chest-container .wsop-bank-chips-2 {
  -webkit-filter: brightness(1.25);
          filter: brightness(1.25);
  bottom: 78px;
  z-index: 2;
}

.wsop-bank-container .wsop-bank-chest-container .wsop-bank-chips-3 {
  transform: scaleX(-1);
  -webkit-filter: brightness(1.35);
          filter: brightness(1.35);
  bottom: 110px;
  z-index: 1;
}

.wsop-bank-container .wsop-bank-total {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-self: flex-end;
  width: 242px;
  height: 202px;
  text-align: center;
  color: #00eaff;
  font-family: AkzidGroProBolCnd;
  z-index: 1;
}

.wsop-bank-container .wsop-bank-total .wsop-bank-hands-container {
  display: flex;
  justify-content: center;
  height: 40px;
  margin-left: 45px;
  margin-top: -15px;
  color: #FFE3C1;
  font-size: 26px;
  line-height: 1.4;
}

.wsop-bank-container .wsop-bank-total .wsop-bank-hands-container .wsop-bank-hands-no {
  background-image: url(assets/images/AtlasWsopBank.png);
  background-position: -488px -511px;
  width: 110px;
  height: 45px;
}

.wsop-bank-container .wsop-bank-total .wsop-bank-hands-container .wsop-bank-hands-no:before {
  content: 'FOR';
  position: absolute;
  left: 258px;
  top: 26px;
}

.wsop-bank-container .wsop-bank-total .wsop-bank-total-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}

.wsop-bank-container .wsop-bank-total .wsop-bank-total-content .wsop-bank-separator01 {
  background-image: url(assets/images/AtlasWsopBank.png);
  background-position: -328px -777px;
  width: 242px;
  height: 16px;
}

.wsop-bank-container .wsop-bank-total .wsop-bank-total-content .wsop-bank-separator02 {
  background-image: url(assets/images/AtlasWsopBank.png);
  background-position: -656px -710px;
  width: 242px;
  height: 29px;
}

.wsop-bank-container .wsop-bank-total .wsop-bank-total-content .wsop-bank-amount-cap {
  width: 100%;
  height: 80px;
}

.wsop-bank-container .wsop-bank-total .wsop-bank-total-content .wsop-bank-svg {
  font-size: 45px;
}

.wsop-bank-container .wsop-bank-total .wsop-bank-total-content .wsop-bank-cap {
  font-family: AkzidGroProCnd;
  font-size: 30px;
  color: #ffffff;
  text-shadow: 0 0 2px #000000;
  margin-top: -10px;
  width: 100%;
  display: block;
}

.wsop-bank-container .wsop-bank-total .wsop-bank-total-content .wsop-bank-full {
  font-family: AkzidGroProCnd;
  font-size: 36px;
  margin-top: -15px;
  animation: wsop-bank-full-pulse-animation 2s linear infinite;
}

.wsop-bank-container .wsop-bank-total .wsop-bank-total-content .wsop-bank-full:before {
  content: '!';
  position: absolute;
  top: 15px;
  left: 35px;
  font-family: AkzidGroProCnd;
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-size: 2.5rem;
  text-align: center;
  color: #fff;
  background-color: #EB2E24;
  background-image: linear-gradient(#ee1d32 7.4%, #ff4964 74%, #ed5d74 92.5%);
  border-radius: 3px;
  text-shadow: 0 2px 2px #000;
  box-shadow: 1px 1px 1px #000;
}

.wsop-bank-container .wsop-bank-return-rate-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 55px;
}

.wsop-bank-container .wsop-bank-return-rate-container .wsop-bank-return-rate {
  font-size: 36px;
  margin-top: -5px;
}

.wsop-bank-container .wsop-bank-return-rate-container .wsop-bank-every-win {
  font-family: AkzidGroProCnd;
  font-size: 24px;
  margin-top: -10px;
  color: #ffffff;
  text-shadow: 0 0 2px #000000;
  width: 100%;
  display: block;
}

.wsop-bank-container .wsop-bank-timer {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 195px;
  z-index: 3;
}

.wsop-bank-container .wsop-bank-timer .clubs-timer-container {
  top: 3px;
  margin-right: 5px;
}

.wsop-bank-container .wsop-bank-timer .clubs-timer-container .clubs-timer .icon-timer-clubs {
  margin-top: 6px;
}

.wsop-bank-container .wsop-bank-timer .clubs-timer-container .clubs-timer .time-left {
  font-size: 25px;
}

.wsop-bank-container.extremeActive:before {
  content: "";
  background-image: url(assets/images/AtlasWsopBank.png);
  background-position: 0px -710px;
  width: 326px;
  height: 86px;
  display: block;
  position: absolute;
  top: -56px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
}

.wsop-bank-container.extremeActive.timer:after {
  background-image: url(assets/images/AtlasWsopBank.png);
  background-position: 0px -798px;
  width: 195px;
  height: 82px;
}

.wsop-bank-container.extremeActive .wsop-bank-content {
  border: 1px solid #ffd40e;
  box-shadow: 0 0 7px 2px #e04501, 0 0 7px 2px #e04501 inset;
  background: linear-gradient(to bottom, #1f1519 60%, #521f21 100%);
}

.wsop-bank-container.extremeActive .wsop-bank-effect-container {
  content: '';
  background-image: url(assets/images/AtlasWsopBank.png);
  background-position: 0px -558px;
  width: 486px;
  height: 150px;
  position: absolute;
  top: -90px;
  left: -30px;
}

.wsop-bank-container.extremeActive .wsop-btn-close {
  background-image: url(assets/images/Atlas.png);
  background-position: -3623px -3012px;
  width: 64px;
  height: 64px;
  transform: scale(0.6);
  right: -16px;
  top: -16px;
}

.wsop-bank-container.extremeActive .wsop-btn-close:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -3623px -2880px;
  width: 64px;
  height: 64px;
}

.wsop-bank-container.extremeActive .wsop-btn-close:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -3623px -2946px;
  width: 64px;
  height: 64px;
}

.wsop-bank-container.extremeActive .wsop-bank-chest-container:after {
  background: radial-gradient(ellipse at center, #c64c4e 0%, rgba(125, 185, 232, 0) 70%);
}

.wsop-bank-container.extremeActive .wsop-bank-chest-content {
  width: 202px;
  height: 202px;
}

.wsop-bank-container.extremeActive .wsop-bank-chest-content:before {
  background: linear-gradient(135deg, #521f21 0%, rgba(125, 185, 232, 0) 60%);
}

.wsop-bank-container.extremeActive .wsop-bank-chest-content:after {
  background: linear-gradient(45deg, #521f21 0%, rgba(125, 185, 232, 0) 100%);
}

.wsop-bank-container.extremeActive .wsop-bank-chest {
  background-image: url(assets/images/AtlasWsopBank.png);
  background-position: -712px -204px;
  width: 202px;
  height: 202px;
}

.wsop-bank-container.extremeActive .wsop-bank-chips-0, .wsop-bank-container.extremeActive .wsop-bank-chips-1, .wsop-bank-container.extremeActive .wsop-bank-chips-2, .wsop-bank-container.extremeActive .wsop-bank-chips-3 {
  background-image: url(assets/images/AtlasWsopBank.png);
  background-position: -488px -406px;
  width: 180px;
  height: 103px;
}

.wsop-bank-container.extremeActive .wsop-bank-total-content {
  margin-top: -5px;
}

.wsop-bank-container.extremeActive .wsop-bank-total-content .wsop-bank-separator01 {
  background-image: url(assets/images/AtlasWsopBank.png);
  background-position: -572px -777px;
  width: 242px;
  height: 16px;
}

.wsop-bank-container.extremeActive .wsop-bank-total-content .wsop-bank-separator02 {
  background-image: url(assets/images/AtlasWsopBank.png);
  background-position: -656px -741px;
  width: 242px;
  height: 29px;
}

@keyframes wsop-bank-full-pulse-animation {
  50% {
    transform: scale(1.5);
  }
}

.wsop-bank-how-to-popup-container {
  position: absolute;
  top: 60px;
  left: 50%;
  margin-left: -600px;
  width: 1095px;
  height: 700px;
  background-size: cover;
}

.wsop-bank-how-to-popup-container .wsop-bank-how-to-close-btn {
  background-image: url(assets/images/Atlas.png);
  background-position: -2265px -3280px;
  width: 49px;
  height: 48px;
  position: absolute;
  transform: scale(1.25);
  right: 129px;
  top: 30px;
  cursor: pointer;
  z-index: 3;
}

.wsop-bank-how-to-popup-container .wsop-bank-how-to-close-btn:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -2316px -3280px;
  width: 49px;
  height: 48px;
}

.wsop-bank-how-to-popup-container .wsop-bank-how-to-close-btn:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -2367px -3280px;
  width: 49px;
  height: 48px;
}

.wsop-bank-how-to-popup-container .wsop-bank-arrow-btn {
  position: absolute;
  right: 137px;
  top: 270px;
  width: 35px;
  height: 100px;
}

.wsop-bank-how-to-popup-container.extremeStep {
  background-position: 2px 2px;
}

.wsop-bank-how-to-popup-container.extremeStep .wsop-bank-how-to-close-btn {
  background-image: url(assets/images/Atlas.png);
  background-position: -3623px -3012px;
  width: 64px;
  height: 64px;
  right: 121px;
  top: 21px;
  transform: scale(1.15);
}

.wsop-bank-how-to-popup-container.extremeStep .wsop-bank-how-to-close-btn:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -3623px -2880px;
  width: 64px;
  height: 64px;
}

.wsop-bank-how-to-popup-container.extremeStep .wsop-bank-how-to-close-btn:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -3623px -2946px;
  width: 64px;
  height: 64px;
}

.wsop-bank-how-to-popup-container.extremeStep .wsop-bank-arrow-btn {
  left: 245px;
}

.wsop-bank-how-to-popup-container.extremeStep .wsop-bank-how-to-additional-info {
  height: 70px;
}

.wsop-bank-how-to-popup-container .wsop-bank-watch-video {
  font-family: AkzidGroProLigCnd;
  font-size: 28px;
  position: absolute;
  top: 16px;
  left: 30px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.wsop-bank-how-to-popup-container .wsop-bank-watch-video svg {
  width: 44px;
  height: 44px;
  margin-right: 2px;
  display: block;
}

.wsop-bank-how-to-popup-container .wsop-bank-how-to-content {
  position: absolute;
  left: 260px;
  top: 54px;
  width: 677px;
  height: 575px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  text-align: center;
  font-family: AkzidGroProMedCndAlt;
}

.wsop-bank-how-to-popup-container .wsop-bank-how-to-content .wsop-bank-how-to-title {
  margin-top: -25px;
  font-size: 60px;
  line-height: .9;
}

.wsop-bank-how-to-popup-container .wsop-bank-how-to-content .wsop-bank-how-to-subtitle {
  margin-top: -160px;
  font-size: 35px;
  line-height: 1;
  font-family: AkzidGroProLigCnd;
  padding: 0 90px;
}

.wsop-bank-how-to-popup-container .wsop-bank-how-to-content .wsop-bank-how-to-subtitle .wsop-bank-how-to-subtitle-1 {
  margin-bottom: 20px;
}

.wsop-bank-how-to-popup-container .wsop-bank-how-to-content .wsop-bank-how-to-additional-info {
  width: 550px;
  height: 50px;
  display: flex;
  font-size: 35px;
}

.wsop-bank-how-to-popup-container .wsop-bank-how-to-content .wsop-bank-how-to-additional-info > [class*='wsop-bank-how-to-label-'] {
  width: 200px;
  padding: 0 10px;
}

.wsop-bank-how-to-popup-container .wsop-bank-how-to-content .button-yellow {
  position: absolute;
  bottom: -100px;
  left: 200px;
}

.wild-poker-how-to-popup-container {
  position: absolute;
  top: 66px;
  left: 50%;
  margin-left: -387px;
  width: 774px;
  height: 516px;
  background-size: cover;
  background-position: -2px 0px;
}

.wild-poker-how-to-popup-container .wild-poker-how-to-close-btn {
  background-image: url(assets/images/Atlas.png);
  background-position: 0px -3582px;
  width: 64px;
  height: 64px;
  right: 16px;
  top: 16px;
  transform: scale(0.8);
  position: absolute;
  cursor: pointer;
  z-index: 3;
}

.wild-poker-how-to-popup-container .wild-poker-how-to-close-btn:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -3176px -2576px;
  width: 64px;
  height: 64px;
}

.wild-poker-how-to-popup-container .wild-poker-how-to-close-btn:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -3623px -3474px;
  width: 64px;
  height: 64px;
}

.wild-poker-how-to-popup-container .wild-poker-arrow-btn {
  position: absolute;
  right: 10px;
  top: 233px;
  width: 23px;
  height: 49px;
  left: 16px;
}

.wild-poker-how-to-popup-container .wild-poker-arrow-btn.rightBtn {
  left: 730px;
}

.wild-poker-how-to-popup-container .wild-poker-watch-video {
  font-family: AkzidGroProLigCnd;
  text-decoration: underline;
  text-shadow: #0087f2 1px 0px 18px;
  font-size: 36px;
  position: absolute;
  top: 443px;
  left: 61px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.wild-poker-how-to-popup-container .wild-poker-watch-video .question, .wild-poker-how-to-popup-container .wild-poker-watch-video #braceletFullProgression > .help:after, .wild-poker-how-to-popup-container .wild-poker-watch-video #prizeWheel .prizeWheelContainer .superSpinOverlay .multipliersHelp .toggle .help:after, #prizeWheel .prizeWheelContainer .superSpinOverlay .multipliersHelp .toggle .wild-poker-how-to-popup-container .wild-poker-watch-video .help:after {
  margin-top: 4px;
  margin-left: -143px;
  vertical-align: middle;
  transform: scale(1.4);
}

.wild-poker-how-to-popup-container .wild-poker-watch-video svg {
  width: 44px;
  height: 44px;
  margin-right: 2px;
  display: block;
}

.wild-poker-how-to-popup-container .wild-poker-how-to-content {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 759px;
  height: 508px;
  display: block;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  text-align: center;
  font-family: AkzidGroProMedCndAlt;
}

.wild-poker-how-to-popup-container .wild-poker-how-to-content .wild-poker-how-to-title {
  margin-top: -25px;
  font-size: 60px;
  line-height: .9;
}

.wild-poker-how-to-popup-container .wild-poker-how-to-content .wild-poker-how-to-subtitle {
  margin-top: -160px;
  font-size: 35px;
  line-height: 1;
  font-family: AkzidGroProLigCnd;
  padding: 0 90px;
}

.wild-poker-how-to-popup-container .wild-poker-how-to-content .wild-poker-how-to-subtitle .wild-poker-how-to-subtitle-1 {
  margin-bottom: 20px;
}

.wild-poker-how-to-popup-container .wild-poker-how-to-content .wild-poker-how-to-additional-info {
  width: 550px;
  height: 70px;
  display: flex;
  font-size: 35px;
}

.wild-poker-how-to-popup-container .wild-poker-how-to-content .wild-poker-how-to-additional-info > [class*='wild-poker-how-to-label-'] {
  width: 200px;
  padding: 0 10px;
}

.wild-poker-how-to-popup-container .wild-poker-how-to-content .button-yellow {
  position: absolute;
  bottom: -100px;
  left: 200px;
}

.bth .gsMenuButtonsBar {
  border: none;
  border-left: 1px solid rgba(0, 0, 0, 0.65);
  border-right: 1px solid rgba(0, 0, 0, 0.65);
  border-top: 1px solid #3799b4;
  background-color: #255f72;
  background: linear-gradient(#3799b4 0.3%, #255f72 2.3%);
  box-shadow: -3px 0 3px -3px rgba(0, 0, 0, 0.5), 3px 0 3px -3px rgba(0, 0, 0, 0.5);
}

.bth .gsMenuButtonsBar .gsActionButtonsContainer .action-button, .bth .gsMenuButtonsBar .gsActionButtonsContainer .action-button-bth {
  background: linear-gradient(#3799b4, #255f72 8.2%, #255f72 62.2%, #0a2229 100%);
  box-shadow: inset 3px 0 3px -3px #0f1e23, inset -3px 0 3px -3px #0f1e23, inset 0 3px 3px -3px #fff;
  border: 2px solid #000;
}

.bth .gsMenuButtonsBar .gsActionButtonsContainer .action-button:hover:not(.disabled), .bth .gsMenuButtonsBar .gsActionButtonsContainer .action-button:focus:not(.disabled), .bth .gsMenuButtonsBar .gsActionButtonsContainer .action-button-bth:hover:not(.disabled), .bth .gsMenuButtonsBar .gsActionButtonsContainer .action-button-bth:focus:not(.disabled) {
  background: linear-gradient(#fff, #47aecb 8.2%, #3799b4 70%, #255f72 100%);
}

.bth .gsMenuButtonsBar .gsActionButtonsContainer .action-button:hover:not(.disabled) .glow-hover, .bth .gsMenuButtonsBar .gsActionButtonsContainer .action-button:focus:not(.disabled) .glow-hover, .bth .gsMenuButtonsBar .gsActionButtonsContainer .action-button-bth:hover:not(.disabled) .glow-hover, .bth .gsMenuButtonsBar .gsActionButtonsContainer .action-button-bth:focus:not(.disabled) .glow-hover {
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
}

.bth .gsMenuButtonsBar .gsActionButtonsContainer .action-button:active:not(.disabled), .bth .gsMenuButtonsBar .gsActionButtonsContainer .action-button-bth:active:not(.disabled) {
  background: linear-gradient(to bottom, #0a2229 0%, #1a3841 50%, #1a3841 80%, #308ea8 95%);
  box-shadow: inset 2px 0px 4px 0px #0f1e23, inset -3px 0 3px -3px #0f1e23;
}

.bth .gsMenuButtonsBar .gsActionButtonsContainer .action-button.disabled, .bth .gsMenuButtonsBar .gsActionButtonsContainer .action-button-bth.disabled {
  background: linear-gradient(#475d63 8.2%, #475d63 50%, #111116 100%);
  box-shadow: inset 2px 0px 4px 0px #000, inset -3px 0 3px -3px #000;
}

.bth .gsMenuButtonsBar #turboChat .buttonsContainer {
  background: #255f72;
}

.bth .gsMenuButtonsBar #turboChat .buttonsContainer .turbo-message-button {
  background: linear-gradient(#3799b4, #255f72 8.2%, #255f72 62.2%, #0a2229 100%);
  box-shadow: inset 3px 0 3px -3px #0f1e23, inset -3px 0 3px -3px #0f1e23, inset 0 3px 3px -3px #fff;
  border: 2px solid #000;
}

.bth .gsMenuButtonsBar #turboChat .buttonsContainer .turbo-message-button:hover:not(.disabled), .bth .gsMenuButtonsBar #turboChat .buttonsContainer .turbo-message-button:focus:not(.disabled) {
  background: linear-gradient(#fff, #47aecb 8.2%, #3799b4 70%, #255f72 100%);
}

.bth .gsMenuButtonsBar #turboChat .buttonsContainer .turbo-message-button:hover:not(.disabled) .glow-hover, .bth .gsMenuButtonsBar #turboChat .buttonsContainer .turbo-message-button:focus:not(.disabled) .glow-hover {
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
}

.bth .gsMenuButtonsBar #turboChat .buttonsContainer .turbo-message-button:active:not(.disabled) {
  background: linear-gradient(to bottom, #0a2229 0%, #1a3841 50%, #1a3841 80%, #308ea8 95%);
  box-shadow: inset 2px 0px 4px 0px #0f1e23, inset -3px 0 3px -3px #0f1e23;
}

.bth .gsMenuButtonsBar #turboChat .buttonsContainer .turbo-message-button.disabled {
  background: linear-gradient(#475d63 8.2%, #475d63 50%, #111116 100%);
  box-shadow: inset 2px 0px 4px 0px #000, inset -3px 0 3px -3px #000;
}

.bth .gsMenuButtonsBar .gsStoreBtnsContainer .gsStoreBtn {
  background: linear-gradient(#3799b4, #255f72 8.2%, #255f72 62.2%, #0a2229 100%);
  box-shadow: inset 3px 0 3px -3px #000, inset -3px 0 3px -3px #000, inset 0 3px 3px -3px #fff;
  border: 2px solid #000;
}

.bth .gsMenuButtonsBar .gsStoreBtnsContainer .gsStoreBtn.new:before {
  border-bottom: 2px solid rgba(255, 255, 255, 0.6);
}

.bth .gsMenuButtonsBar .gsStoreBtnsContainer .gsStoreBtn.new:after {
  background: radial-gradient(ellipse at center, #FF9B30 0%, #FF9B30 30%, #F8DF67 100%);
  box-shadow: 0 2px 3px black;
}

.bth .gsMenuButtonsBar .gsStoreBtnsContainer .gsStoreBtn:hover {
  border: 2px solid #000;
}

.bth .gsMenuButtonsBar .gsStoreBtnsContainer .gsStoreBtn:hover .icon:before {
  background: radial-gradient(rgba(255, 255, 255, 0.5) 25%, transparent 75%);
}

.bth .gsMenuButtonsBar .gsStoreBtnsContainer .gsStoreBtn:focus {
  border: 2px solid #000;
}

.bth .gsMenuButtonsBar .gsStoreBtnsContainer .gsStoreBtn:active {
  background: linear-gradient(to bottom, #0a2229 0%, #1a3841 50%, #1a3841 80%, #308ea8 95%);
  border: 2px solid #000;
}

.bth .gsMenuButtonsBar .gsStoreBtnsContainer .gsStoreBtn:active .icon:before {
  background: none;
}

.bth .gsMenuButtonsBar .gsStoreBtnsContainer .gsStoreBtn.disabled, .bth .gsMenuButtonsBar .gsStoreBtnsContainer .gsStoreBtn[disabled] {
  background: #1F1F1F;
  background: linear-gradient(#475d63 8.2%, #475d63 50%, #111116 100%);
  border: 2px solid #000;
  color: #464646;
}

.bth .gsMenuButtonsBar .gsStoreBtnsContainer .gsStoreBtn.active, .bth .gsMenuButtonsBar .gsStoreBtnsContainer .gsStoreBtn:active {
  box-shadow: 0 0 5px black inset;
  background: linear-gradient(to bottom, #0a2229 0%, #1a3841 50%, #1a3841 80%, #308ea8 95%);
}

.bth#mainContent.onGameScene #underScene {
  background: linear-gradient(#255f72 2.3%, #255f72 40%, #111116 100%);
}

.bth #GameScene:before,
.bth #GameScene:after {
  background: linear-gradient(90deg, transparent, #255f72 1px, transparent 2px), radial-gradient(circle at 0px 80px, #47aecb 2%, transparent 10%), radial-gradient(circle at 0px 90%, #0a2229 1%, transparent 10%), linear-gradient(90deg, #3f9eb9, #47aecb 33.3%, #255f72 50%, #255f72 66.6%, #0a2229);
  box-shadow: inset 0px 4px 0px #103742, inset 0px -4px 10px #255f72, inset 0 0 0px 1px #111, 0 0 5px #000;
}

.bth .gsLevel {
  background-color: #255f72;
  background-image: linear-gradient(to bottom, #255f72 0%, #0a2229 100%);
  border-left: 1px solid rgba(0, 0, 0, 0.65);
  border-right: 1px solid rgba(0, 0, 0, 0.65);
  border-top: 1px solid #47aecb;
}

.bth .gsHandStrength {
  background-color: #255f72;
  background-image: linear-gradient(to bottom, #255f72 0%, #0a2229 100%);
  border-left: 1px solid rgba(0, 0, 0, 0.65);
  border-right: 1px solid rgba(0, 0, 0, 0.65);
  border-top: 1px solid #48aecb;
}

.bth .momentumBarContainer#momentumBar {
  background-color: #255f72;
  background-image: linear-gradient(to bottom, #255f72 0%, #0a2229 100%);
  border-left: 1px solid rgba(0, 0, 0, 0.65);
  border-right: 1px solid rgba(0, 0, 0, 0.65);
  border-top: 1px solid #3799b4;
}

.bth.variant-UltimateWSOP .gsMenuButtonsBar {
  background: linear-gradient(#04ffd1 0.3%, #255f72 2.3%);
}

.bth.variant-UltimateWSOP .gsMenuButtonsBar .gsActionButtonsContainer .action-button, .bth.variant-UltimateWSOP .gsMenuButtonsBar .gsActionButtonsContainer .action-button-bth {
  background: linear-gradient(#d9e9ed, #49d3c0 8.2%, #28697e 62.2%, #216472 88%);
}

.bth.variant-UltimateWSOP .gsMenuButtonsBar .gsActionButtonsContainer .action-button:active:not(.disabled), .bth.variant-UltimateWSOP .gsMenuButtonsBar .gsActionButtonsContainer .action-button-bth:active:not(.disabled) {
  background: linear-gradient(to bottom, #0a2229 0%, #1a3841 50%, #1a3841 80%, #103e4a 95%);
  box-shadow: inset 2px 0px 4px 0px #0f1e23, inset -3px 0 3px -3px #0f1e23;
  color: #464646;
}

.bth.variant-UltimateWSOP #turboChat .buttonsContainer .turbo-message-button {
  background: linear-gradient(#d9e9ed, #49d3c0 8.2%, #28697e 62.2%, #216472 88%);
}

.bth.variant-UltimateWSOP .gsStoreBtnsContainer .gsStoreBtn {
  background: linear-gradient(#d9e9ed, #49d3c0 8.2%, #28697e 62.2%, #216472 88%);
}

[class^='button-'],
[class*=' button-'] {
  /* start reset*/
  border: none;
  margin: 0;
  padding: 5px 45px 5px 45px;
  width: auto;
  overflow: visible;
  cursor: pointer;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* end reset*/
  position: absolute;
  font-family: AkzidGroProMedCndAlt;
  font-size: 3.5rem;
  z-index: 0;
  color: #ebebeb;
  text-shadow: 0 2px rgba(0, 0, 0, 0.35);
}

[class^='button-']::-moz-focus-inner,
[class*=' button-']::-moz-focus-inner {
  border: 0;
  padding: 0;
}

[class^='button-']:active,
[class*=' button-']:active {
  text-shadow: none;
  margin-top: 1px;
}

[class^='button-']:active:before,
[class*=' button-']:active:before {
  top: -1px;
  bottom: 1px;
}

[class^='button-']:disabled, [class^='button-'].disabled,
[class*=' button-']:disabled,
[class*=' button-'].disabled {
  color: #646464;
  text-shadow: 0px 0 2px 2px #3f3f3f;
  pointer-events: none;
}

[class^='button-'].skew-both:before,
[class*=' button-'].skew-both:before {
  transform-origin: initial;
  transform: skew(15deg);
  left: -7.5deg;
  right: 7.5deg;
}

[class^='button-'].skew-right:before,
[class*=' button-'].skew-right:before {
  transform-origin: bottom left;
  transform: skew(-15deg);
  left: -7.5deg;
  right: 7.5deg;
}

[class^='button-'].skew-left:before,
[class*=' button-'].skew-left:before {
  transform-origin: top right;
  transform: skew(15deg);
  left: -7.5deg;
  right: 7.5deg;
}

[class^='button-']:before,
[class*=' button-']:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

[class^='button-'].button-green:before,
[class*=' button-'].button-green:before {
  background: #10cd16;
  background-image: linear-gradient(173deg, #12d418 0%, #10cd16 46%, #0baa0e 49%, #078b0a 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #20f72d, #0de712);
  border-image-slice: 1;
}

[class^='button-'].button-green:hover:before,
[class*=' button-'].button-green:hover:before {
  background: #0dc213;
  background-image: linear-gradient(173deg, #17e11f 0%, #0dc213 46%, #0eb513 49%, #09ad0d 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #2bf93b, #10ee16);
  border-image-slice: 1;
}

[class^='button-'].button-green:active:before,
[class*=' button-'].button-green:active:before {
  background: #0a8e0f;
  background-image: linear-gradient(173deg, #0d9511 0%, #0a8e0f 46%, #08780a 49%, #056007 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #17ea1f, #09ab0d);
  border-image-slice: 1;
}

[class^='button-'].button-green.disabled:before,
[class*=' button-'].button-green.disabled:before {
  background: #c9c9c9;
  background-image: linear-gradient(173deg, #9b9b9b 0%, #c9c9c9 46%, #9b9b9b 49%, #696969 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #b9b9b9, #080808);
  border-image-slice: 1;
}

[class^='button-'].button-red:before,
[class*=' button-'].button-red:before {
  background: #bf0a20;
  background-image: linear-gradient(175deg, #e30505 0%, #bf0a20 46%, #a50c0c 49%, #671010 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #fb0909, #f30404);
  border-image-slice: 1;
}

[class^='button-'].button-red:hover:before,
[class*=' button-'].button-red:hover:before {
  background: #e60c26;
  background-image: linear-gradient(175deg, #fa1717 0%, #e60c26 46%, #cb0f0f 49%, #8a1515 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #fc3131, #fb2424);
  border-image-slice: 1;
}

[class^='button-'].button-red:active:before,
[class*=' button-'].button-red:active:before {
  background: #98081a;
  background-image: linear-gradient(175deg, #bb0404 0%, #98081a 46%, #7f0909 49%, #440b0b 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #d80404, #cb0303);
  border-image-slice: 1;
}

[class^='button-'].button-red.disabled:before,
[class*=' button-'].button-red.disabled:before {
  background: #c9c9c9;
  background-image: linear-gradient(175deg, #9b9b9b 0%, #c9c9c9 46%, #9b9b9b 49%, #696969 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #b9b9b9, #9b9b9b);
  border-image-slice: 1;
}

[class^='button-'].button-blue:before,
[class*=' button-'].button-blue:before {
  background: #0a94bf;
  background-image: linear-gradient(175deg, #05aee3 0%, #0a94bf 46%, #0263c7 49%, #0374cd 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #09f3fb, #049bf3);
  border-image-slice: 1;
}

[class^='button-'].button-blue:hover:before,
[class*=' button-'].button-blue:hover:before {
  background: #08a7d2;
  background-image: linear-gradient(175deg, #05b5e5 0%, #08a7d2 46%, #0385d4 49%, #038bd7 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #0ef7fc, #05e6f6);
  border-image-slice: 1;
}

[class^='button-'].button-blue:active:before,
[class*=' button-'].button-blue:active:before {
  background: #055b84;
  background-image: linear-gradient(175deg, #036898 0%, #055b84 46%, #013e88 49%, #024c8e 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #05e7ed, #026ce7);
  border-image-slice: 1;
}

[class^='button-'].button-blue.disabled:before,
[class*=' button-'].button-blue.disabled:before {
  background: #c9c9c9;
  background-image: linear-gradient(175deg, #9b9b9b 0%, #c9c9c9 46%, #9b9b9b 49%, #696969 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #b9b9b9, #9b9b9b);
  border-image-slice: 1;
}

[class^='button-'].button-yellow:before,
[class*=' button-'].button-yellow:before {
  background: #d2ac06;
  background-image: linear-gradient(173deg, #e1c908 0%, #d2ac06 46%, #be8704 49%, #a45903 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #f9f40e, #eda005);
  border-image-slice: 1;
}

[class^='button-'].button-yellow:hover:before,
[class*=' button-'].button-yellow:hover:before {
  background: #dfc507;
  background-image: linear-gradient(173deg, #ead809 0%, #dfc507 46%, #cfa805 49%, #c08b03 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #fbf710, #f2e805);
  border-image-slice: 1;
}

[class^='button-'].button-yellow:active:before,
[class*=' button-'].button-yellow:active:before {
  background: #937804;
  background-image: linear-gradient(173deg, #a59506 0%, #937804 46%, #876203 49%, #733f02 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #ebe80b, #cd7004);
  border-image-slice: 1;
}

[class^='button-'].button-yellow.disabled:before,
[class*=' button-'].button-yellow.disabled:before {
  background: #c9c9c9;
  background-image: linear-gradient(173deg, #9b9b9b 0%, #c9c9c9 46%, #9b9b9b 49%, #696969 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #b9b9b9, #080808);
  border-image-slice: 1;
}

[class^='button-'].button-green-blue:before,
[class*=' button-'].button-green-blue:before {
  background: #26c188;
  background-image: linear-gradient(173deg, #10ca96 0%, #26c188 46%, #0baa85 49%, #06421e 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #0e8877, #043822);
  border-image-slice: 1;
}

[class^='button-'].button-green-blue:hover:before,
[class*=' button-'].button-green-blue:hover:before {
  background: #38d89d;
  background-image: linear-gradient(173deg, #16edb1 0%, #38d89d 46%, #0dd0a3 49%, #09672f 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #12ad97, #075e39);
  border-image-slice: 1;
}

[class^='button-'].button-green-blue:active:before,
[class*=' button-'].button-green-blue:active:before {
  background: #1f9f70;
  background-image: linear-gradient(173deg, #0da47a 0%, #1f9f70 46%, #098467 49%, #031d0d 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #0a6357, #01120b);
  border-image-slice: 1;
}

[class^='button-'].button-green-blue.disabled:before,
[class*=' button-'].button-green-blue.disabled:before {
  background: #c9c9c9;
  background-image: linear-gradient(173deg, #9b9b9b 0%, #c9c9c9 46%, #9b9b9b 49%, #696969 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #b9b9b9, #080808);
  border-image-slice: 1;
}

[class^='button-'].generic-action-button,
[class*=' button-'].generic-action-button {
  height: 60px;
  padding: 5px 55px 5px 45px;
}

[class^='button-'].generic-small-action-button,
[class*=' button-'].generic-small-action-button {
  height: 40px;
  font-size: 2rem;
  padding: 5px 15px 5px 15px;
}

[class^='button-'].generic-large-action-button,
[class*=' button-'].generic-large-action-button {
  height: 78px;
  width: 187px;
}

.SecondaryCurrencyPrizeTag {
  background-image: url(assets/images/SecondaryCurrencyPrizeTag.png);
  width: 75px;
  height: 36px;
  z-index: 1;
}

.SecondaryCurrencyPrizeTag .SecondaryCurrencyPrizeTag-icon {
  position: absolute;
  top: -1px;
  left: -14px;
}

.SecondaryCurrencyPrizeTag .SecondaryCurrencyPrizeTag-amount {
  position: absolute;
  height: 36px;
  line-height: 36px;
  left: 35%;
  font-family: 'AkzidGroProMedCndAlt';
  font-size: 21px;
}

.resort-menu-tournament-reboot {
  overflow: initial !important;
  display: flex;
  position: relative;
}

.resort-menu-tournament-reboot#resortMenu {
  top: 141px;
  width: 672px;
  height: 446px;
  min-width: 0;
}

.resort-menu-tournament-reboot .content {
  overflow: visible;
  border-radius: 10px;
  background-color: #FFFFFF;
  height: 100%;
}

.resort-menu-tournament-reboot .close-btn {
  display: block;
  position: absolute;
  top: 0;
  transform: translate(15%, -23%);
  width: 2em;
  height: 2em;
  right: 0;
  z-index: 10;
  cursor: pointer;
  overflow: visible;
}

.resort-menu-tournament-reboot .close-btn circle {
  fill: #152996;
}

.resort-menu-tournament-reboot .close-btn path {
  fill: #2481dc;
  stroke: #2481dc;
}

.resort-menu-tournament-reboot .close-btn:hover path {
  fill: #74c1fd;
  stroke: #74c1fd;
}

.resort-menu-tournament-reboot .close-btn:active path {
  fill: #2d8eec;
  stroke: #2d8eec;
}

.resort-menu-tournament-reboot .buy-in-button-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 10%;
  left: 0;
  right: 0;
  margin: auto;
  white-space: nowrap;
}

.resort-menu-tournament-reboot .buy-in-button-container .generic-action-button {
  font-size: 3.2rem;
  height: 52px;
  padding: 5px 39px 5px 39px;
  width: 230px;
  position: relative;
  display: inline-block;
}

.resort-menu-tournament-reboot .buy-in-button-container .generic-action-button:before {
  box-shadow: 0 0 2px 1px black;
}

.resort-menu-tournament-reboot .skewed-box-tr:before {
  background: #000000;
  background-image: linear-gradient(190deg, rgba(168, 168, 168, 0.5) 0%, #1e1e1e 25%, #1e1e1e 70%, rgba(26, 62, 133, 0.75) 100%);
  height: 100%;
  min-height: 80px;
  opacity: 0.9;
  overflow: visible;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  transform-origin: initial;
  transform: skew(-10deg);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

.resort-menu-tournament-reboot .resort-boxes-tr {
  height: 50%;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 13%;
}

.resort-menu-tournament-reboot .resort-boxes-tr .boxes-tr {
  margin-bottom: 20px;
}

.resort-menu-tournament-reboot .resort-boxes-tr .boxes-tr.top-row {
  height: 120px;
}

.resort-menu-tournament-reboot .resort-boxes-tr .boxes-tr.bottom-row {
  height: 180px;
}

.resort-menu-tournament-reboot .resort-boxes-tr .boxes-tr.infos-tr {
  width: 47%;
  position: relative;
  margin: -5px 17px 10px 57px;
  max-height: 100px;
}

.resort-menu-tournament-reboot .resort-boxes-tr .boxes-tr.prize-tr {
  width: 27%;
  position: relative;
  margin: -5px 21px 10px 3px;
  max-height: 100px;
}

.resort-menu-tournament-reboot .resort-boxes-tr .boxes-tr.ring-tr {
  width: 46%;
  position: relative;
  margin: 4px 15px 5px 10px;
  max-height: 110px;
}

.resort-menu-tournament-reboot .resort-boxes-tr .boxes-tr.leaderboard-tr {
  width: 28%;
  position: relative;
  display: flex;
  margin: 4px 5px 5px 5px;
  max-height: 110px;
}

.resort-menu-tournament-reboot .resort-boxes-tr .box-content-tr {
  position: relative;
  width: 100%;
}

.resort-menu-tournament-reboot .resort-boxes-tr .box-content-tr.title-tr {
  color: #e6f1ff;
  font-weight: bold;
  font-size: 2.3rem;
  font-style: oblique;
  margin: 5px 0 0 15px;
  text-align: left;
  width: 100%;
  display: flex;
  position: relative;
  text-transform: uppercase;
  text-shadow: 2px 2px #111111;
}

.resort-menu-tournament-reboot .resort-boxes-tr .box-content-tr.leaderboard-content-tr {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  margin-left: -5px;
}

.resort-menu-tournament-reboot .resort-boxes-tr .box-content-tr.leaderboard-content-tr .skew-right {
  width: 85%;
  height: 10%;
}

.resort-menu-tournament-reboot .resort-boxes-tr .box-content-tr.leaderboard-content-tr .skew-right:before {
  transform: skew(-10deg);
}

.resort-menu-tournament-reboot .resort-boxes-tr .box-content-tr.leaderboard-content-tr .generic-small-action-button {
  font-size: 2.3rem;
  padding: 3px 8px;
}

.resort-menu-tournament-reboot .resort-boxes-tr .box-content-tr.prize-content-tr {
  width: 100%;
  height: 70%;
  font-size: 5.7rem;
  display: flex;
  position: relative;
  line-height: 1;
  margin: 0 0 0 -3px;
  font-family: AkzidGroProBolCnd;
  justify-content: flex-end;
  padding: 0 10px 0 0;
  box-sizing: border-box;
  transform: skew(-10deg);
}

.resort-menu-tournament-reboot .resort-boxes-tr .box-content-tr.infos-content-tr {
  height: 100%;
  flex-direction: column;
  justify-content: space-evenly;
}

.resort-menu-tournament-reboot .resort-boxes-tr .box-content-tr.infos-content-tr.title-infos-tr {
  font-size: 4.9rem;
  text-align: left;
  margin: -2px 0 0 12px;
  height: 50%;
  width: 100%;
  font-style: oblique;
  text-transform: uppercase;
  font-weight: bold;
}

.resort-menu-tournament-reboot .resort-boxes-tr .box-content-tr.infos-content-tr.title-infos-tr.long-title {
  font-size: 3.7rem;
}

.resort-menu-tournament-reboot .resort-boxes-tr .box-content-tr.infos-content-tr.infos-table-tr {
  display: flex;
  position: relative;
  font-size: 2.2rem;
  font-style: normal;
  font-family: 'AkzidGroProLigCnd';
  margin: 4px 0 0 11px;
  width: 100%;
  height: 50%;
  text-align: left;
  color: #c7c7c7;
}

.resort-menu-tournament-reboot .resort-boxes-tr .box-content-tr .tr-infos-box {
  display: inline-flex;
  position: relative;
  background: #363636;
  background-image: linear-gradient(190deg, rgba(168, 168, 168, 0.6) 0%, #363636 25%, #363636 70%, rgba(26, 62, 133, 0.9) 100%);
  width: 138px;
  min-height: 50px;
  content: '';
  transform-origin: initial;
  transform: skewX(-10deg);
  z-index: 5;
  box-shadow: 0 2px 2px black;
  margin: 4px 7px 0;
}

.resort-menu-tournament-reboot .resort-boxes-tr .box-content-tr .tr-infos-box:first-child {
  margin-left: 0;
}

.resort-menu-tournament-reboot .resort-boxes-tr .box-content-tr .tr-infos-box:last-child {
  margin-right: 0;
}

.resort-menu-tournament-reboot .resort-boxes-tr .box-content-tr .tr-infos-box-content {
  margin: 0 10px;
  width: 100%;
  height: 56px;
  box-sizing: border-box;
}

.resort-menu-tournament-reboot .resort-boxes-tr .box-content-tr .tr-infos-box .circuit-tooltip {
  visibility: hidden;
  bottom: 60px;
  z-index: 3;
  width: 300%;
  transform: translateX(-50%) skew(10deg);
  left: 50%;
}

.resort-menu-tournament-reboot .resort-boxes-tr .box-content-tr .tr-infos-box:hover .circuit-tooltip {
  visibility: visible;
}

.resort-menu-tournament-reboot .resort-boxes-tr .box-content-tr .tr-infos-box-title {
  color: #e6f1ff;
  font-weight: bold;
  font-size: 1.9rem;
  margin-top: 2px;
  text-transform: uppercase;
  text-align: left;
  text-shadow: 2px 2px #111111;
}

.resort-menu-tournament-reboot .resort-boxes-tr .box-content-tr .tr-info-sub-content {
  display: flex;
  justify-content: flex-end;
  font-size: 3rem;
  align-items: center;
  height: 26px;
}

.resort-menu-tournament-reboot .resort-boxes-tr .box-content-tr .ring-content-tr {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  margin: -3px 0 0 0;
}

.resort-menu-tournament-reboot .resort-boxes-tr .box-content-tr .ring-content-tr.ring-img-tr {
  width: 177px;
  height: 178px;
  position: absolute;
  background-repeat: no-repeat;
  background-position: initial;
  transform: scale(0.7);
  margin: -45px 0 0 160px;
}

.resort-menu-tournament-reboot .resort-boxes-tr .box-content-tr .ring-content-tr.ring-infos-box-tr {
  display: flex;
  position: relative;
  overflow: hidden;
  background: #363636;
  background-image: linear-gradient(190deg, rgba(168, 168, 168, 0.6) 0%, #363636 25%, #363636 70%, rgba(26, 62, 133, 0.9) 100%);
  width: 135px;
  min-height: 50px;
  content: '';
  transform-origin: initial;
  transform: skew(-10deg);
  margin: 14px 0 0 165px;
  z-index: 5;
  box-shadow: 0 2px 2px black;
}

.resort-menu-tournament-reboot .resort-boxes-tr .box-content-tr .ring-content-tr.ring-text-tr {
  position: absolute;
  font-size: 2.7rem;
  font-style: normal;
  font-family: AkzidGroProBolCnd;
  color: #ffffff;
  margin: 12px 0 0 159px;
  flex-direction: row;
  justify-content: center;
  width: 50%;
  z-index: 5;
  flex-wrap: wrap;
  transform: skew(-10deg);
}

.resort-menu-tournament-reboot .resort-boxes-tr .box-content-tr .ring-content-tr.ring-text-tr .ring-bonus-tr {
  font-size: 2.1rem;
  margin: -5px 0 0 -4px;
}

.resort-menu-tournament-reboot .resort-boxes-tr .box-content-tr .ring-content-tr.ring-text-tr .prize-won-tr {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  position: relative;
}

.resort-menu-tournament-reboot .resort-boxes-tr .box-content-tr .ring-content-tr.ring-text-tr .prize-won-tr .amount-won-ring-tr {
  justify-content: end;
  position: relative;
  display: flex;
  padding-right: 2px;
}

.resort-menu-tournament-reboot .resort-boxes-tr .box-content-tr .ring-content-tr.ring-text-tr .prize-won-tr .trs-infos-ring-tr {
  display: flex;
  position: relative;
  justify-content: start;
}

.resort-menu-tournament-reboot .resort-boxes-tr .box-content-tr .ring-content-tr.ring-text-tr .prize-won-tr .trs-icon {
  transform: skew(10deg);
}

.resort-menu-tournament-reboot .resort-boxes-tr .box-content-tr .ring-content-tr.progress-bar-bg-tr {
  overflow: visible;
  background: #1e1e1e;
  background-image: linear-gradient(180deg, rgba(168, 168, 168, 0.5) 0%, #b4b4b4 80%, #b4b4b4 100%);
  width: 160px;
  height: 24px;
  content: '';
  transform-origin: initial;
  transform: skew(-10deg);
  margin: -45px 0px 0px 10px;
  z-index: 1;
  box-shadow: 0 2px 2px black;
}

.resort-menu-tournament-reboot .resort-boxes-tr .box-content-tr .ring-content-tr.progress-bar-bg-tr .current-progress-bg-tr {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  background-image: linear-gradient(180deg, #1999fe 0%, #27d0fe 50%, #1999fe 100%);
}

.resort-menu-tournament-reboot .resort-boxes-tr .box-content-tr .ring-content-tr .progress-bar-text-tr {
  font-size: 2.2rem;
  text-shadow: 0px 2px #444444;
  font-style: normal;
  margin: -2px 0 0 18px;
  transform: skew(10deg);
}

.resort-menu-tournament-reboot .resort-boxes-tr .sweepstakes-reward-tr {
  position: absolute;
  top: 65px;
  right: 34px;
}

.resort-menu-tournament-reboot .resort-boxes-tr .sweepstakes-reward-tr span {
  position: absolute;
  top: 35px;
  left: 25px;
  font-family: 'AkzidGroProCnd', arial, sans-serif;
  font-size: 2.5rem;
  text-align: center;
  text-shadow: -2px -2px 4px #2163ff, -2px 2px 4px #2163ff, 2px -2px 4px #2163ff, 2px 2px 4px #2163ff;
}

.resort-menu-tournament-reboot .resort-boxes-tr .rules-tr {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 8px;
  left: 20px;
}

.resort-menu-tournament-reboot .resort-boxes-tr .rules-tr .string-tr {
  color: white;
  font-size: 2.5rem;
  position: relative;
  font-family: 'AkzidGroProLigCnd';
  text-decoration: underline;
  width: 100px;
  padding: 0 9px;
  margin: 2px 0 0 0;
}

.resort-menu-tournament-reboot .resort-boxes-tr .rules-tr .question-tr {
  position: relative;
  display: inline-block;
  overflow: visible;
  background-color: transparent;
  margin-right: 12px;
  border: none;
  outline: none;
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -853px;
  width: 25px;
  height: 25px;
  cursor: pointer;
}

.resort-menu-tournament-reboot .resort-boxes-tr .rules-tr .question-tr:hover {
  background-position: -3697px -826px;
}

.resort-menu-tournament-reboot .resort-boxes-tr .rules-tr .question-tr.clickable:active, .resort-menu-tournament-reboot .resort-boxes-tr .rules-tr .gsStoreBtnsContainer .question-tr.gsStoreBtn:active, .gsStoreBtnsContainer .resort-menu-tournament-reboot .resort-boxes-tr .rules-tr .question-tr.gsStoreBtn:active, .resort-menu-tournament-reboot .resort-boxes-tr .rules-tr .gsActionButtonsContainer .question-tr.action-button:active, .gsActionButtonsContainer .resort-menu-tournament-reboot .resort-boxes-tr .rules-tr .question-tr.action-button:active {
  background-position: -3697px -958px;
}

.resort-menu-tournament-reboot .resort-boxes-tr .tr-fallback-error-message-box {
  display: flex;
  position: relative;
  font-size: 2.2rem;
  font-style: normal;
  font-family: 'AkzidGroProLigCnd';
  margin: 4px 0 0 11px;
  text-align: center;
  color: #c7c7c7;
  justify-content: center;
}

.resort-menu-tournament-reboot .resort-boxes-tr.tr-circuit-active {
  padding-top: 5%;
}

.resort-menu-tournament-reboot .resort-boxes-tr.tr-circuit-active .boxes-tr.infos-tr {
  width: 100%;
  margin: -5px 60px 5px 90px;
  max-height: 90px;
}

.resort-menu-tournament-reboot .resort-boxes-tr.tr-circuit-active .boxes-tr.infos-tr:before {
  background: linear-gradient(-120deg, transparent 15%, rgba(0, 0, 0, 0.8) 75%);
  box-shadow: none;
}

.resort-menu-tournament-reboot .resort-boxes-tr.tr-circuit-active .boxes-tr.prize-tr {
  width: 25%;
  margin: 4px 12px 5px 5px;
}

.resort-menu-tournament-reboot .resort-boxes-tr.tr-circuit-active .boxes-tr.ring-tr {
  width: 50%;
  margin: 4px 15px 5px 5px;
  max-height: 100px;
}

.resort-menu-tournament-reboot .resort-boxes-tr.tr-circuit-active .boxes-tr.leaderboard-tr {
  width: 30%;
  display: flex;
  margin: 4px 5px 5px 5px;
  max-height: 100px;
}

.resort-menu-tournament-reboot .resort-boxes-tr.tr-circuit-active .boxes-tr.circuit-points-tr {
  width: 46%;
  position: relative;
  display: flex;
  margin: 4px 50px 5px 6px;
  max-height: 100px;
}

.resort-menu-tournament-reboot .resort-boxes-tr.tr-circuit-active .boxes-tr.circuit-points-tr .clubs-badge-container {
  transform: scale(0.75);
}

.resort-menu-tournament-reboot .resort-boxes-tr.tr-circuit-active .boxes-tr.circuit-points-tr .rewards-chip-icon {
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  transform: skew(10deg);
}

.resort-menu-tournament-reboot .resort-boxes-tr.tr-circuit-active .boxes-tr.circuit-points-tr .reward-multiplier-icon {
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  transform: skew(10deg);
}

.resort-menu-tournament-reboot .resort-boxes-tr.tr-circuit-active .boxes-tr.circuit-points-tr .box-content-tr .glow-bars-ring-container .glow-bars-ring-info.ring-bonus-glow-blue-tr {
  margin-top: -195px;
}

.resort-menu-tournament-reboot .resort-boxes-tr.tr-circuit-active .currency-rewards,
.resort-menu-tournament-reboot .resort-boxes-tr.tr-circuit-active .sweepstakes-reward-tr {
  top: 162px;
  left: 44px;
  right: auto;
}

.resort-menu-tournament-reboot .glow-bars-ring-container {
  pointer-events: none;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.resort-menu-tournament-reboot .glow-bars-ring-info {
  height: 500px;
  width: 500px;
  border-radius: 50%;
  left: 114px;
  top: 0;
  position: absolute;
  margin: -205px 0 0 -310px;
  opacity: 1;
  transform: rotate(90deg);
  z-index: 20;
  margin: -249px 0 0 -210px;
  opacity: 1;
  background: radial-gradient(ellipse at center, rgba(176, 224, 39, 0) 0%, rgba(176, 224, 39, 0) 70%, rgba(176, 224, 39, 0) 100%), radial-gradient(ellipse at center, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
  background-size: 30px 60px, 4px 169px;
  background-position: center, center;
  background-repeat: no-repeat;
}

.resort-menu-tournament-reboot .glow-bars-ring-info.ring-bonus-glow-blue-tr {
  background: radial-gradient(ellipse at center, rgba(176, 224, 39, 0) 0%, rgba(176, 224, 39, 0) 70%, rgba(176, 224, 39, 0) 100%), radial-gradient(ellipse at center, #6096c2 0%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
  margin: -201px 0 0 -310px;
  background-size: 30px 60px, 4px 169px;
  background-position: center, center;
  background-repeat: no-repeat;
}

.resort-menu-tournament-reboot .resort-background-container {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
}

.resort-menu-tournament-reboot .resort-background-container .resort-banner {
  position: absolute;
}

.resort-menu-tournament-reboot .resort-background-container .background-separator {
  position: absolute;
  border-radius: 50%;
  background: #FFFFFF;
  height: 446px;
  width: 4px;
  left: 115px;
  top: 0;
  opacity: 0.8;
  transform: skew(-11deg);
  animation: fadeIn .1s;
}

.resort-menu-tournament-reboot .resort-background-container .separator-reflection {
  position: absolute;
  height: 500px;
  width: 500px;
  transform: rotate(90deg) scale(0.8);
  background-position: center, center;
  background-repeat: no-repeat;
  background-size: 30px 60px, 20px 295px;
  -webkit-filter: blur(5px);
          filter: blur(5px);
  opacity: 0.7;
}

.resort-menu-tournament-reboot .resort-background-container .separator-reflection.reflection-0 {
  top: -220px;
  left: -90px;
  transform: rotate(90deg) scale(0.6);
}

.resort-menu-tournament-reboot .resort-background-container .separator-reflection.reflection-1 {
  top: -193px;
  left: -91px;
}

.resort-menu-tournament-reboot .resort-background-container .separator-reflection.reflection-2 {
  top: -53px;
  left: -96px;
  transform: rotate(90deg) scale(0.6);
}

.resort-menu-tournament-reboot .resort-background-container .reflection-line {
  position: absolute;
  -webkit-filter: blur(1px);
          filter: blur(1px);
  height: 1px;
  background: linear-gradient(to right, transparent 0%, white 40%, white 60%, transparent 100%);
}

.resort-menu-tournament-reboot .resort-background-container .reflection-line.line-0 {
  width: 40px;
  top: 30px;
  left: 133px;
}

.resort-menu-tournament-reboot .resort-background-container .reflection-line.line-1 {
  width: 76px;
  top: 57px;
  left: 104px;
}

.resort-menu-tournament-reboot .resort-background-container .reflection-line.line-2 {
  width: 49px;
  top: 197px;
  left: 95px;
}

.resort-menu-tournament-reboot .resort-background-container .slice-bg-tr {
  position: absolute;
  top: 0;
  left: -8px;
}

.resort-menu-tournament-reboot .resort-background-container .resort-logo-tr {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: scale(0.7);
  transform-origin: bottom right;
}

.resort-menu-tournament-reboot .resort-background-container .glow-top-bg-tr {
  height: 100%;
  width: 100%;
  display: flex;
  overflow: visible;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
}

.resort-menu-tournament-reboot .resort-background-container .left-glow-bg-tr {
  background-image: radial-gradient(at 13% bottom, rgba(10, 10, 10, 0.3) 0%, rgba(10, 10, 10, 0.25) 15%, rgba(0, 255, 0, 0) 35%), radial-gradient(at 13% bottom, #0a0a0a 0%, rgba(10, 10, 10, 0.4) 5%, rgba(0, 255, 0, 0) 15%);
  height: 100%;
  width: 100%;
  display: flex;
  overflow: visible;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
}

.resort-menu-tournament-reboot .resort-background-container .background-gradient-tr {
  height: 100%;
  width: 100%;
  display: flex;
  overflow: visible;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
}

.resort-menu-tournament-reboot .BankrollBar {
  position: absolute;
  right: 31px;
  top: -81px;
}

.resort-menu-tournament-reboot .BankrollBar .BankrollBarArea {
  width: 167px;
}

.resort-menu-tournament-reboot .BankrollBar .bankrollValueContainer {
  width: 149px;
}

.resort-menu-tournament-reboot .BankrollBar .value {
  text-align: right;
}

[class^='button-'],
[class*=' button-'] {
  /* start reset*/
  border: none;
  margin: 0;
  padding: 5px 45px 5px 45px;
  width: auto;
  overflow: visible;
  cursor: pointer;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* end reset*/
  position: absolute;
  font-family: AkzidGroProMedCndAlt;
  font-size: 3.5rem;
  z-index: 0;
  color: #ebebeb;
  text-shadow: 0 2px rgba(0, 0, 0, 0.35);
}

[class^='button-']::-moz-focus-inner,
[class*=' button-']::-moz-focus-inner {
  border: 0;
  padding: 0;
}

[class^='button-']:active,
[class*=' button-']:active {
  text-shadow: none;
  margin-top: 1px;
}

[class^='button-']:active:before,
[class*=' button-']:active:before {
  top: -1px;
  bottom: 1px;
}

[class^='button-']:disabled, [class^='button-'].disabled,
[class*=' button-']:disabled,
[class*=' button-'].disabled {
  color: #646464;
  text-shadow: 0px 0 2px 2px #3f3f3f;
  pointer-events: none;
}

[class^='button-'].skew-both:before,
[class*=' button-'].skew-both:before {
  transform-origin: initial;
  transform: skew(15deg);
  left: -7.5deg;
  right: 7.5deg;
}

[class^='button-'].skew-right:before,
[class*=' button-'].skew-right:before {
  transform-origin: bottom left;
  transform: skew(-15deg);
  left: -7.5deg;
  right: 7.5deg;
}

[class^='button-'].skew-left:before,
[class*=' button-'].skew-left:before {
  transform-origin: top right;
  transform: skew(15deg);
  left: -7.5deg;
  right: 7.5deg;
}

[class^='button-']:before,
[class*=' button-']:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

[class^='button-'].button-green:before,
[class*=' button-'].button-green:before {
  background: #10cd16;
  background-image: linear-gradient(173deg, #12d418 0%, #10cd16 46%, #0baa0e 49%, #078b0a 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #20f72d, #0de712);
  border-image-slice: 1;
}

[class^='button-'].button-green:hover:before,
[class*=' button-'].button-green:hover:before {
  background: #0dc213;
  background-image: linear-gradient(173deg, #17e11f 0%, #0dc213 46%, #0eb513 49%, #09ad0d 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #2bf93b, #10ee16);
  border-image-slice: 1;
}

[class^='button-'].button-green:active:before,
[class*=' button-'].button-green:active:before {
  background: #0a8e0f;
  background-image: linear-gradient(173deg, #0d9511 0%, #0a8e0f 46%, #08780a 49%, #056007 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #17ea1f, #09ab0d);
  border-image-slice: 1;
}

[class^='button-'].button-green.disabled:before,
[class*=' button-'].button-green.disabled:before {
  background: #c9c9c9;
  background-image: linear-gradient(173deg, #9b9b9b 0%, #c9c9c9 46%, #9b9b9b 49%, #696969 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #b9b9b9, #080808);
  border-image-slice: 1;
}

[class^='button-'].button-red:before,
[class*=' button-'].button-red:before {
  background: #bf0a20;
  background-image: linear-gradient(175deg, #e30505 0%, #bf0a20 46%, #a50c0c 49%, #671010 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #fb0909, #f30404);
  border-image-slice: 1;
}

[class^='button-'].button-red:hover:before,
[class*=' button-'].button-red:hover:before {
  background: #e60c26;
  background-image: linear-gradient(175deg, #fa1717 0%, #e60c26 46%, #cb0f0f 49%, #8a1515 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #fc3131, #fb2424);
  border-image-slice: 1;
}

[class^='button-'].button-red:active:before,
[class*=' button-'].button-red:active:before {
  background: #98081a;
  background-image: linear-gradient(175deg, #bb0404 0%, #98081a 46%, #7f0909 49%, #440b0b 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #d80404, #cb0303);
  border-image-slice: 1;
}

[class^='button-'].button-red.disabled:before,
[class*=' button-'].button-red.disabled:before {
  background: #c9c9c9;
  background-image: linear-gradient(175deg, #9b9b9b 0%, #c9c9c9 46%, #9b9b9b 49%, #696969 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #b9b9b9, #9b9b9b);
  border-image-slice: 1;
}

[class^='button-'].button-blue:before,
[class*=' button-'].button-blue:before {
  background: #0a94bf;
  background-image: linear-gradient(175deg, #05aee3 0%, #0a94bf 46%, #0263c7 49%, #0374cd 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #09f3fb, #049bf3);
  border-image-slice: 1;
}

[class^='button-'].button-blue:hover:before,
[class*=' button-'].button-blue:hover:before {
  background: #08a7d2;
  background-image: linear-gradient(175deg, #05b5e5 0%, #08a7d2 46%, #0385d4 49%, #038bd7 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #0ef7fc, #05e6f6);
  border-image-slice: 1;
}

[class^='button-'].button-blue:active:before,
[class*=' button-'].button-blue:active:before {
  background: #055b84;
  background-image: linear-gradient(175deg, #036898 0%, #055b84 46%, #013e88 49%, #024c8e 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #05e7ed, #026ce7);
  border-image-slice: 1;
}

[class^='button-'].button-blue.disabled:before,
[class*=' button-'].button-blue.disabled:before {
  background: #c9c9c9;
  background-image: linear-gradient(175deg, #9b9b9b 0%, #c9c9c9 46%, #9b9b9b 49%, #696969 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #b9b9b9, #9b9b9b);
  border-image-slice: 1;
}

[class^='button-'].button-yellow:before,
[class*=' button-'].button-yellow:before {
  background: #d2ac06;
  background-image: linear-gradient(173deg, #e1c908 0%, #d2ac06 46%, #be8704 49%, #a45903 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #f9f40e, #eda005);
  border-image-slice: 1;
}

[class^='button-'].button-yellow:hover:before,
[class*=' button-'].button-yellow:hover:before {
  background: #dfc507;
  background-image: linear-gradient(173deg, #ead809 0%, #dfc507 46%, #cfa805 49%, #c08b03 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #fbf710, #f2e805);
  border-image-slice: 1;
}

[class^='button-'].button-yellow:active:before,
[class*=' button-'].button-yellow:active:before {
  background: #937804;
  background-image: linear-gradient(173deg, #a59506 0%, #937804 46%, #876203 49%, #733f02 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #ebe80b, #cd7004);
  border-image-slice: 1;
}

[class^='button-'].button-yellow.disabled:before,
[class*=' button-'].button-yellow.disabled:before {
  background: #c9c9c9;
  background-image: linear-gradient(173deg, #9b9b9b 0%, #c9c9c9 46%, #9b9b9b 49%, #696969 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #b9b9b9, #080808);
  border-image-slice: 1;
}

[class^='button-'].button-green-blue:before,
[class*=' button-'].button-green-blue:before {
  background: #26c188;
  background-image: linear-gradient(173deg, #10ca96 0%, #26c188 46%, #0baa85 49%, #06421e 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #0e8877, #043822);
  border-image-slice: 1;
}

[class^='button-'].button-green-blue:hover:before,
[class*=' button-'].button-green-blue:hover:before {
  background: #38d89d;
  background-image: linear-gradient(173deg, #16edb1 0%, #38d89d 46%, #0dd0a3 49%, #09672f 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #12ad97, #075e39);
  border-image-slice: 1;
}

[class^='button-'].button-green-blue:active:before,
[class*=' button-'].button-green-blue:active:before {
  background: #1f9f70;
  background-image: linear-gradient(173deg, #0da47a 0%, #1f9f70 46%, #098467 49%, #031d0d 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #0a6357, #01120b);
  border-image-slice: 1;
}

[class^='button-'].button-green-blue.disabled:before,
[class*=' button-'].button-green-blue.disabled:before {
  background: #c9c9c9;
  background-image: linear-gradient(173deg, #9b9b9b 0%, #c9c9c9 46%, #9b9b9b 49%, #696969 100%);
  border: 1px solid;
  border-radius: 2px;
  border-image-source: linear-gradient(to bottom, #b9b9b9, #080808);
  border-image-slice: 1;
}

[class^='button-'].generic-action-button,
[class*=' button-'].generic-action-button {
  height: 60px;
  padding: 5px 55px 5px 45px;
}

[class^='button-'].generic-small-action-button,
[class*=' button-'].generic-small-action-button {
  height: 40px;
  font-size: 2rem;
  padding: 5px 15px 5px 15px;
}

[class^='button-'].generic-large-action-button,
[class*=' button-'].generic-large-action-button {
  height: 78px;
  width: 187px;
}

.leader-board-panel .skewed-box-tr::before {
  min-height: 85px;
}

.leader-board-panel .ring-display {
  font-family: unset;
  display: inline-flex;
  align-items: center;
}

.leader-board-panel .ring-display .ring-display-icon {
  fill: currentColor;
  fill-rule: evenodd;
  width: 1em;
  height: 1em;
}

.leader-board-panel .panel-close-button {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2556px -778px;
  width: 53px;
  height: 53px;
  background-color: unset;
  border: unset;
  cursor: pointer;
  transform-origin: bottom right;
  transform: scale(0.85);
}

.leader-board-panel .panel-close-button:hover {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2554px -671px;
  width: 53px;
  height: 53px;
}

.leader-board-panel .panel-close-button:active {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2556px -880px;
  width: 53px;
  height: 53px;
}

.leader-board-panel .clubs-badge-container {
  display: inline-block;
  min-width: 31px;
  min-height: 35px;
}

.leader-board-panel .top-leader-tag .top-leader-tag-head {
  display: flex;
  align-items: center;
  font-size: 3rem;
}

.leader-board-panel .top-leader-tag .top-leader-tag-rank {
  font-weight: 900;
  margin-right: 5px;
}

.leader-board-panel .top-leader-tag .clubs-rank-badge-wrap {
  margin-right: 5px;
}

.leader-board-panel .top-leader-tag .medallion {
  margin-left: 6px;
  width: 80px;
  height: 80px;
}

.leader-board-panel .top-leader-tag .top-leader-tag-content {
  font-family: "AkzidGroProLigCnd", arial, sans-serif;
  font-weight: bold;
  display: flex;
  align-items: center;
  position: absolute;
  top: 55px;
  width: 150px;
  z-index: 1;
}

.leader-board-panel .top-leader-tag .top-leader-tag-content::before {
  position: absolute;
  content: '';
  background: rgba(0, 0, 0, 0.85);
  transform: skew(-10deg);
  width: 90%;
  height: 22px;
  left: 20px;
  z-index: -1;
}

.leader-board-panel .top-leader-tag .top-leader-tag-name {
  width: 70px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.leader-board-panel .top-leader-tag .ring-display {
  color: #94e4ff;
  font-size: 2rem;
  margin-left: 5px;
  transform: scale(0.85);
}

.leader-board-panel .top-leader-tag .ring-display-icon {
  font-size: 1.8rem;
  color: #c7f1ff;
  -webkit-filter: drop-shadow(0 0 3px cyan);
          filter: drop-shadow(0 0 3px cyan);
}

.leader-board-panel .leader-tag {
  display: inline-flex;
  align-items: center;
}

.leader-board-panel .leader-tag .leader-tag-stat {
  font-family: "AkzidGroProLigCnd", arial, sans-serif;
  display: inline-flex;
  position: relative;
  top: 4px;
  width: 100px;
}

.leader-board-panel .leader-tag .medallion {
  margin-top: 2px;
  width: 45px;
  height: 45px;
}

.leader-board-panel .leader-tag .clubs-badge-container {
  margin: 0 3px;
}

.leader-board-panel .leader-tag .leader-tag-col {
  display: flex;
  flex-direction: column;
}

.leader-board-panel .leader-tag .leader-tag-name {
  font-weight: bold;
  min-height: 2rem;
  max-width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.leader-board-panel .leader-tag .leader-tag-level {
  display: inline-flex;
  align-items: center;
  line-height: 1rem;
}

.leader-board-panel .leader-tag .leader-tag-level::before {
  content: '\2605';
  font-size: 0.9rem;
}

.leader-board-panel .main-user-tag {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  line-height: 1;
}

.leader-board-panel .main-user-tag .medallion {
  width: 50px;
  height: 50px;
}

.leader-board-panel .main-user-tag .clubs-badge-container {
  position: absolute;
  bottom: -6px;
  right: 34px;
}

.leader-board-panel .main-user-tag .main-user-tag-content {
  margin-right: 20px;
}

.leader-board-panel .main-user-tag .main-user-tag-rank {
  font-size: 2.4rem;
  font-weight: 900;
}

.leader-board-panel .main-user-tag .ring-display {
  font-size: 2rem;
}

.leader-board-panel .main-user-tag .ring-display-icon {
  font-size: 1.8rem;
}

.leader-board-panel .leader-record {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: left;
  z-index: 1;
}

.leader-board-panel .leader-record .leader-record-rank-bg {
  position: absolute;
  background: #040406;
  transform: skew(-10deg);
  left: 80px;
  width: 80%;
  height: 35px;
  z-index: -1;
}

.leader-board-panel .leader-record .leader-record-rank-bg::before, .leader-board-panel .leader-record .leader-record-rank-bg::after {
  content: '';
  position: absolute;
  background: inherit;
  height: inherit;
}

.leader-board-panel .leader-record .leader-record-rank-bg::before {
  width: 2%;
  right: -12px;
}

.leader-board-panel .leader-record .leader-record-rank-bg::after {
  width: 1%;
  right: -20.5px;
}

.leader-board-panel .leader-record .leader-record-rank {
  font-size: 2.1rem;
  font-weight: bold;
  margin-left: 25px;
  width: 40px;
}

.leader-board-panel .leader-record .leader-tag-stat::before {
  position: absolute;
  background: #040406;
  content: '';
  transform: skew(-10deg);
  bottom: -1px;
  left: -20px;
  width: 100px;
  height: 30px;
  z-index: -1;
}

.leader-board-panel .leader-record .ring-display {
  display: inline-flex;
  align-items: center;
  font-size: 1.7rem;
  margin-right: 2px;
  width: 50px;
}

.leader-board-panel .leader-record .ring-display-icon {
  margin-right: 2px;
}

.leader-board-panel .leader-record .leader-record-total-won {
  font-family: "AkzidGroProLigCnd", arial, sans-serif;
  font-size: 2.1rem;
  white-space: nowrap;
  width: 150px;
}

.leader-board-panel .leader-record .leader-record-next-wins {
  font-family: "AkzidGroProLigCnd", arial, sans-serif;
  color: #94e4ff;
  font-size: 2.1rem;
  white-space: nowrap;
}

.leader-board-panel .title-block {
  position: absolute;
  top: 1.25%;
  width: 94%;
  z-index: 1;
}

.leader-board-panel .title-block .main-user-tag {
  position: absolute;
  text-align: right;
  top: 18px;
  right: 50px;
  width: 200px;
  z-index: 2;
}

.leader-board-panel .title-block .panel-close-button {
  position: absolute;
  top: 2px;
  right: 4px;
  z-index: 2;
}

.leader-board-panel .title-block .box-content-tr.infos-content-tr.title-infos-tr {
  font-size: 4.3rem;
}

.leader-board-panel .title-block .box-content-tr.infos-content-tr.infos-table-tr {
  text-transform: capitalize;
  margin-top: -1px;
  margin-left: 15px;
}

.leader-board-panel .leader-top-three-block {
  position: absolute;
  top: 23%;
  width: 78%;
  height: 85px;
  z-index: 1;
}

.leader-board-panel .leader-top-three-block .leader-top-three-flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  transform: translateY(-25px);
}

.leader-board-panel .leader-top-three-block .top-leader-tag {
  width: 33.33%;
}

.leader-board-panel .leader-top-three-block .top-leader-tag:nth-child(odd) {
  transform: scale(0.85);
  margin-top: 4px;
}

.leader-board-panel .leader-top-three-block .top-leader-card-next-wins {
  font-family: "AkzidGroProLigCnd", arial, sans-serif;
  white-space: nowrap;
  width: 97.5%;
  font-size: 1.75rem;
}

.leader-board-panel .leader-top-three-block .top-leader-card-next-wins-text {
  display: inline-block;
  color: #7fc5de;
  width: 33.33%;
}

.leader-board-panel .leader-rest-list-block {
  position: absolute;
  top: 44%;
  width: 96%;
  height: 47%;
}

.leader-board-panel .leader-rest-list-block::before {
  position: absolute;
  background: #000000 linear-gradient(200deg, #1e1e1e 25%, #1e1e1e 70%, rgba(26, 62, 133, 0.75) 100%);
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.9;
}

.leader-board-panel .leader-rest-list-block .scrollableArea::after {
  position: absolute;
  background: linear-gradient(180deg, #000000 -1%, transparent 7%, transparent 93%, #000000 101%);
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.9;
}

.leader-board-panel .leader-rest-list-block .leaders-rest-list {
  padding-top: 5px;
  padding-bottom: 15px;
}

.leader-board-panel .fallback-message-block {
  position: absolute;
  top: 40%;
  width: 55%;
}

.leader-board-panel .fallback-message-block .box-content-tr.infos-content-tr.infos-table-tr {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 85px;
  width: 95%;
}

.rules-and-prizes {
  display: flex;
  justify-content: center;
  padding-top: 12%;
}

.rules-and-prizes .skewed-box-tr {
  position: relative;
  height: 230px;
  width: 78%;
}

.rules-and-prizes .close-button {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2556px -778px;
  width: 53px;
  height: 53px;
  position: absolute;
  top: -24px;
  right: -43px;
  z-index: 1;
  cursor: pointer;
}

.rules-and-prizes .close-button:hover {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2554px -671px;
  width: 53px;
  height: 53px;
}

.rules-and-prizes .close-button:active {
  background-image: url(assets/images/AtlasCanvas.png);
  background-position: -2556px -880px;
  width: 53px;
  height: 53px;
}

.rules-and-prizes .rules-and-prizes-content {
  height: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 6px 30px 15px 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.rules-and-prizes .title-container {
  font-family: "AkzidGroProBolCnd", arial, sans-serif;
  font-size: 1.75em;
  font-style: oblique;
  text-transform: uppercase;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  align-items: baseline;
}

.rules-and-prizes .title-container .tournament-name {
  font-size: 1.3em;
  margin-right: 11px;
  margin-left: 4px;
}

.rules-and-prizes .subtitle {
  color: #e7f1fb;
  font-size: 0.9em;
}

.rules-and-prizes .rules-container {
  font-family: "AkzidGroProLigCnd", arial, sans-serif;
  color: #b4cbe7;
  font-size: 1.4em;
  position: relative;
  left: -10%;
  width: 115%;
}

.rules-and-prizes .rules-container .bold-rule {
  font-weight: bold;
}

.rules-and-prizes .rules-container .rules-separator {
  padding: 0 5px;
}

.rules-and-prizes .prizes-container {
  font-family: "AkzidGroProBolCnd", arial, sans-serif;
  display: flex;
  flex-direction: row;
  align-self: center;
  justify-content: space-between;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
  width: 90%;
}

.rules-and-prizes .prize-container {
  width: 33%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  font-size: 1.6em;
}

.rules-and-prizes .prize-container .prize-title {
  font-style: oblique;
  color: #e7f1fb;
}

.rules-and-prizes .prize-container .prize-bonus {
  font-size: 1.4em;
  text-shadow: none;
}

.rules-and-prizes .prize-container.first-place-container {
  font-size: 2em;
}

.resort-navigation-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.resort-navigation-container .resort-arrow {
  position: absolute;
  top: 50%;
  cursor: pointer;
  transform: translateY(-50%) scaleX(-1);
  z-index: 2;
  transition: transform 120ms linear;
  background-image: url(assets/images/Atlas.png);
  background-position: -3460px -1899px;
  width: 30px;
  height: 57px;
}

.resort-navigation-container .resort-arrow:hover {
  background-image: url(assets/images/Atlas.png);
  background-position: -3460px -1981px;
  width: 30px;
  height: 57px;
}

.resort-navigation-container .resort-arrow:active {
  background-image: url(assets/images/Atlas.png);
  background-position: -3460px -2063px;
  width: 30px;
  height: 57px;
}

.resort-navigation-container .resort-arrow.previous {
  left: -17px;
}

.resort-navigation-container .resort-arrow.next {
  right: -17px;
  transform: translateY(-50%);
}

.resort-navigation-container .carousel-paginator-container {
  bottom: 28px;
}

.resort-navigation-container .carousel-paginator-container .page-dot {
  padding-left: 14px;
}

.resort-navigation-container .carousel-paginator-container .page-dot:after {
  background-color: transparent;
  box-shadow: none;
  border: 2px solid rgba(0, 127, 254, 0.8);
  width: 10px;
  height: 10px;
}

.resort-navigation-container .carousel-paginator-container .page-dot.current:after {
  box-shadow: 0 0 1px 1px rgba(0, 156, 255, 0.8);
  background-color: rgba(148, 228, 255, 0.8);
}

.rings-and-trophies-group {
  position: relative;
  background-repeat: no-repeat;
  display: inline-flex;
  align-items: flex-end;
  padding-top: 5px;
  padding-right: 10px;
  min-width: 150px;
}

.rings-and-trophies-group:first-child::after, .rings-and-trophies-group::before {
  background-image: url(assets/images/Atlas.png);
  background-position: -3592px -640px;
  width: 14px;
  height: 102px;
  position: absolute;
  content: '';
  transform: scaleX(0.5);
  left: -7px;
  top: 0;
}

.rings-and-trophies-group .rings-and-trophies-group-separator {
  background-image: url(assets/images/Atlas.png);
  background-position: -3592px -640px;
  width: 14px;
  height: 102px;
  display: inline-block;
}

.rings-and-trophies-group .statRing {
  z-index: 2;
}

.rings-and-trophies-group .rings-and-trophies-group-title {
  position: absolute;
  background: radial-gradient(ellipse at 50% 10%, white 0%, rgba(161, 184, 219, 0) 60%), linear-gradient(180deg, white 45%, #9dc8ff 84%);
  -webkit-filter: drop-shadow(5px 0px 1px #0333a2) drop-shadow(-1px 0px 5px #2a83f9);
          filter: drop-shadow(5px 0px 1px #0333a2) drop-shadow(-1px 0px 5px #2a83f9);
  font-family: AkzidGroProBolCnd, serif;
  font-size: 1em;
  text-align: left;
  text-transform: uppercase;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 2px 10px;
  top: 0;
  z-index: 3;
}

.rings-and-trophies-group .rings-and-trophies-group-title.isCircuit {
  background: radial-gradient(ellipse at 50% 30%, rgba(166, 118, 36, 0) 15%, #f8ef7a 20%, transparent 60%), linear-gradient(177deg, #b7963e 25%, #dcc946 35%, rgba(222, 222, 222, 0) 45%), linear-gradient(100deg, #c69a41 5%, #f1de75 20%, #f1de75 40%, #da9d54 51%, #f1de75 60%, #feffdf 65%);
  -webkit-filter: drop-shadow(3px 0px 1px #e3322d) drop-shadow(5px 3px 1px rgba(0, 0, 0, 0.7)) drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.6));
          filter: drop-shadow(3px 0px 1px #e3322d) drop-shadow(5px 3px 1px rgba(0, 0, 0, 0.7)) drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.6));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.rings-and-trophies-group .rings-and-trophies-group-type {
  display: inline-block;
  min-width: 75px;
}

.rings-and-trophies-group .rings-and-trophies-group-type-title {
  position: absolute;
  font-size: 0.9em;
  margin: 0 10px;
  top: 1.1em;
  z-index: 3;
}

.trophy-item {
  position: relative;
  display: inline-block;
  height: 92px;
  width: 65px;
}

.trophy-item :nth-child(2) {
  margin-left: 5px;
}

.trophy-item:not(.isSocket):hover {
  cursor: pointer;
}

.trophy-item .trophy-item-img {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.trophy-item .trophy-item-name {
  position: absolute;
  text-align: center;
  text-transform: capitalize;
  font-family: AkzidGroProCnd, serif;
  font-size: 0.9em;
  bottom: 0;
  padding-left: 5px;
  width: 65px;
  z-index: 2;
}

.trophy-item.isSocket .trophy-item-name {
  color: #888690;
}

.trophy-item .trophy-item-glow {
  background-image: url(assets/images/Atlas.png);
  background-position: -1643px -3385px;
  width: 123px;
  height: 115px;
  position: absolute;
  transform: scale(0.8) translate(-23.5%, -25%);
  opacity: 0;
  z-index: 1;
}

.trophy-item:not(.isSocket):hover .trophy-item-glow, .trophy-item.isEquipped .trophy-item-glow {
  opacity: 1;
}

.punchIt-main-view-backdrop {
  position: absolute;
  z-index: 4;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.85);
  min-width: 1310px;
  min-height: 900px;
}

.punchIt-main-view-backdrop.howtoBgVisible {
  z-index: 6;
}

.how-to-punch-it {
  height: 555px;
  top: 90px;
  left: calc(50% - 330px);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 6;
}

.how-to-punch-it .howToTitle {
  position: absolute;
  top: 42px;
}

.how-to-punch-it .howToCloseBtn {
  cursor: pointer;
  top: 43px;
  right: 33px;
  position: absolute;
}

.punchIt-main-view {
  position: absolute;
  width: 987px;
  height: 555px;
  top: 90px;
  left: calc(50% - 493.5px);
  z-index: 5;
  display: flex;
  justify-content: center;
}

.punchIt-main-view .mainBg {
  position: absolute;
}

.punchIt-main-view .coinRightSide {
  position: absolute;
  top: 305px;
  right: 111px;
}

.punchIt-main-view .coinRightSide .coins {
  position: relative;
}

.punchIt-main-view .coinRightSide .glow {
  position: absolute;
  top: -82px;
  left: -55px;
  opacity: .9;
}

.punchIt-main-view .mainRectangle {
  position: absolute;
  top: 107px;
}

.punchIt-main-view .mainRectangle .rectangle {
  position: absolute;
}

.punchIt-main-view .mainRectangle .flare {
  position: absolute;
  top: -5px;
}

.punchIt-main-view .mainRectangle .flare.flare1 {
  left: -60px;
}

.punchIt-main-view .mainRectangle .flare.flare2 {
  left: 40px;
}

.punchIt-main-view .mainRectangle .flare.flare3 {
  left: 350px;
}

.punchIt-main-view .mainRectangleRibbon {
  position: absolute;
  top: 55px;
}

.punchIt-main-view .mainRectangleRibbon.lastChanceOrPunchReceived {
  top: 80px;
}

.punchIt-main-view .mainRectangleRibbon .flare {
  position: absolute;
  top: -7px;
}

.punchIt-main-view .mainRectangleRibbon .flare.flare1 {
  left: 75px;
}

.punchIt-main-view .mainRectangleRibbon .punchIt-main-clock {
  position: absolute;
  left: -10px;
  top: -10px;
  transform: scale(1.1);
}

.punchIt-main-view .coinsLeftSide {
  position: absolute;
  left: -55px;
  top: 200px;
}

.punchIt-main-view .coinsLeftSide .coins {
  position: relative;
}

.punchIt-main-view .coinsLeftSide .glow {
  position: absolute;
  opacity: .9;
}

.punchIt-main-view .coinsLeftSide .glow.glow1 {
  top: -63px;
  left: -18px;
  transform: scale(1.2);
}

.punchIt-main-view .coinsLeftSide .glow.glow2 {
  top: -80px;
  left: 72px;
  transform: scale(1.2);
}

.punchIt-main-view .coinsLeftSide .glow.glow3 {
  top: 53px;
  left: 90px;
  transform: scale(0.8);
}

.punchIt-main-view .coinsLeftSide .flare {
  position: absolute;
}

.punchIt-main-view .coinsLeftSide .flare.flare1 {
  top: 2px;
  left: -60px;
}

.punchIt-main-view .coinsLeftSide .flare.flare2 {
  top: 3px;
  left: 58px;
  transform: scale(0.8);
}

.punchIt-main-view .coinsLeftSide .flare.flare3 {
  top: 85px;
  left: 110px;
  transform: scale(0.8);
}

.punchIt-main-view .coinsLeftSide .flare.flare4 {
  top: 103px;
  left: 52px;
}

.punchIt-main-view .coinsLeftSide .flare.flare5 {
  top: 203px;
  left: 78px;
  transform: scale(0.8);
}

.punchIt-main-view .coinsRightSide {
  position: absolute;
  right: -40px;
  top: 130px;
}

.punchIt-main-view .coinsRightSide .coins {
  position: relative;
}

.punchIt-main-view .coinsRightSide .glow {
  position: absolute;
  opacity: .9;
}

.punchIt-main-view .coinsRightSide .glow.glow1 {
  top: -75px;
  left: 10px;
  transform: scale(1.2);
}

.punchIt-main-view .coinsRightSide .glow.glow2 {
  top: 7px;
  left: 19px;
}

.punchIt-main-view .coinsRightSide .flare {
  position: absolute;
}

.punchIt-main-view .coinsRightSide .flare.flare1 {
  top: 75px;
  left: -32px;
}

.punchIt-main-view .coinsRightSide .flare.flare2 {
  top: 132px;
  left: -102px;
}

.punchIt-main-view .coinsRightSide .flare.flare3 {
  top: 190px;
  left: -21px;
  transform: scale(1.3);
}

.punchIt-main-view .coinsRightSide .flare.flare4 {
  top: 245px;
  left: -65px;
  transform: scale(0.8);
}

.punchIt-main-view .questionMark {
  position: absolute;
  cursor: pointer;
  top: 125px;
  left: 195px;
  width: 34px;
  height: 35px;
}

.punchIt-main-view .questionMark.lastChanceOrPunchReceived {
  top: 150px;
}

.punchIt-main-view .questionMarkText {
  position: absolute;
  display: flex;
  justify-content: center;
  font-size: 25px;
  flex: 0 0 100%;
  top: 125px;
  font-family: 'Akzidenz-Grotesk Pro Cnd';
  color: #51c1eb;
  text-shadow: 0 0 20px #2f4feb, 0 0 15px #2f4feb, 0 0 10px #2f4feb;
}

.punchIt-main-view .questionMarkText.lastChanceOrPunchReceived {
  top: 150px;
}

.punchIt-main-view .mainContent {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: 'Akzidenz-Grotesk Pro Bold Cnd';
}

@keyframes highlight {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.4);
  }
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

.punchIt-main-view .mainContent .fade-in, .punchIt-main-view .mainContent .line1.increaseAnimationEnd {
  opacity: 1;
  animation-name: fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-duration: .5s;
}

.punchIt-main-view .mainContent .line1 {
  font-size: 37px;
}

.punchIt-main-view .mainContent .line1.lastStep {
  font-size: 50px;
  position: absolute;
  top: 20%;
  font-size: 50px;
  font-style: italic;
  transform: scale(1.2);
}

.punchIt-main-view .mainContent .line2 {
  font-size: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.punchIt-main-view .mainContent .line2 .amountChipImg {
  position: relative;
  top: 3px;
  width: 54px;
  height: 54px;
  border-radius: 49%;
  box-shadow: 0 3px 3px black, 0 4px 2px black, 0 0 20px red;
  margin-right: 10px;
}

.punchIt-main-view .mainContent .line2 .amountChipImg img {
  position: absolute;
  left: -4px;
  top: -3px;
  width: 60px;
  height: 60px;
}

.punchIt-main-view .mainContent .line2 .amountText {
  position: relative;
}

.punchIt-main-view .mainContent .line2 .amountText .shadow {
  text-shadow: 0 4px 3px black, 0 5px 2px black,  0 0 35px red, 0 0 25px red, 0 0 15px red;
  color: transparent;
}

.punchIt-main-view .mainContent .line2 .amountText .value {
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(#fff4bf 20%, #ffdb4c 50%, #dca518 50%, #ffdb4c 135%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #fffd4a;
  font-weight: 400;
}

.punchIt-main-view .mainContent .line2.increaseAnimation {
  animation: highlight 1.5s ease-in;
  -webkit-animation: highlight 1.5s ease-in;
}

.punchIt-main-view .mainContent .line2.secondStepOnPunchReceived {
  position: absolute;
  top: 25%;
}

.punchIt-main-view .mainContent .line2.secondStepOnLastPunchReceived {
  z-index: 0;
}

.punchIt-main-view .mainContent .line2.amazingRewardText {
  animation: highlight 1.5s ease-in-out 1;
  -webkit-animation: highlight 1.5s ease-in-out 1;
}

.punchIt-main-view .mainContent .line2.lastStep {
  position: absolute;
  transform: scale(1.5);
  top: 30%;
}

@keyframes highlightSweetText {
  0% {
    transform: scale(1.5);
  }
  50% {
    transform: scale(1.7);
  }
}

.punchIt-main-view .mainContent .line2.sweetBtnClicked {
  animation: highlightSweetText 700ms;
}

.punchIt-main-view .mainContent.punchReceived {
  text-align: center;
}

.punchIt-main-view .mainContent .lastPunch-description {
  font-style: italic;
  font-size: 36px;
  position: absolute;
  width: 500px;
  top: 170px;
  z-index: 3;
}

.punchIt-main-view .mainContent .lastPunch-image {
  position: relative;
  top: 20px;
}

.punchIt-main-view .mainContent .lastPunch-image img:first-child {
  position: absolute;
  z-index: 2;
  top: 15%;
  left: 20%;
}

.punchIt-main-view .mainContent.secondStepOnPunchReceived {
  position: absolute;
  width: var(--containerWidth);
  height: var(--containerHeight);
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.85);
}

.punchIt-main-view .mainContent.secondStepOnLastPunchReceived {
  background-color: black;
}

.punchIt-main-view .mainContent.secondStepOnLastPunchReceived .PunchItPresentAnimation {
  position: absolute;
  top: -25%;
  width: 100%;
  height: 100%;
  transform: scale(0.6);
}

.punchIt-main-view .mainContent .genericButton {
  transform: scale(1.2);
}

.punchIt-main-view .mainContent .PunchItRewardBankRoll {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}

.punchIt-main-view .mainContent .PunchItRewardBankRoll .createJsCanvas {
  position: absolute;
  left: 60%;
  transform: translate(-100%, -30%);
}

.punchIt-main-view .mainContent .PunchItRewardBankRoll .BankrollBar {
  position: absolute;
  top: 55%;
  transform: scale(1.4);
}

.punchIt-main-view .closeBtn {
  position: absolute;
  width: 60px;
  height: 60px;
  right: 145px;
  top: 80px;
  cursor: pointer;
}

.punchIt-main-view .closeBtn.lastChanceOrPunchReceived {
  top: 105px;
}

.punchIt-main-view .progressBarFlare {
  position: absolute;
  top: -3px;
  left: -50px;
  transform: scale(1.2);
}

.punchIt-main-view .progressBarCoinGlow {
  position: absolute;
  transform: scale(0.3);
  bottom: -161px;
  right: -41px;
}

.punchIt-progressBar {
  position: relative;
  z-index: 3;
  top: 50px;
  background-repeat: no-repeat;
}

.punchIt-progressBar .timer {
  position: absolute;
  top: -114px;
  left: calc(50% - 82px);
}

.punchIt-progressBar.isInMainView {
  position: absolute;
  bottom: 60px;
  top: unset;
}

.punchIt-progressBar.secondStepOnLastPunchReceived {
  z-index: 0;
}

.punchIt-progressBar.onInapp {
  transform: scale(1);
  top: 0;
  margin: 0 auto;
}

.punchIt-progressBar.onInapp .timer {
  top: -10px;
}

.punchIt-progressBar .punchIt-tooltip {
  position: absolute;
  text-align: center;
}

.punchIt-progressBar .punchIt-tooltip .tooltip {
  position: absolute;
  z-index: 3;
  animation: jumpAnimationpunchItTooltip 1s linear 2;
}

@keyframes jumpAnimationpunchItTooltip {
  0% {
    top: 0px;
  }
  25% {
    top: -15px;
  }
  50% {
    top: 0px;
  }
  75% {
    top: 10px;
  }
  100% {
    top: 0px;
  }
}

.punchIt-progressBar .punchIt-tooltip .tooltip-shadow {
  position: absolute;
  width: 400px;
  z-index: 2;
  height: 300px;
  top: -115px;
}

.punchIt-progressBar .punchIt-tooltip .punchIt-tooltip-description {
  position: absolute;
  top: 72px;
  left: 65px;
  text-align: center;
}

.punchIt-progressBar .punchIt-tooltip .punchIt-tooltip-description p {
  margin: 0;
  font-size: 28px;
}

.punchIt-progressBar .punchIt-tooltip .punchIt-tooltip-description p:first-child {
  color: #c2e7f5;
  text-shadow: 0 0 21px #0054ff;
}

.punchIt-progressBar .punchIt-tooltip .punchIt-tooltip-description p:nth-child(2) {
  -webkit-text-stroke-color: #a30829;
}

.punchIt-progressBar .punchIt-tooltip .punchIt-close {
  position: absolute;
  top: 35px;
  right: 50px;
  cursor: pointer;
}

.punchIt-progressBar .punchIt-tooltip .punchIt-close img {
  width: 45px;
  height: 45px;
}

.punchIt-progressBar .punchIt-lastChance-tooltip {
  position: absolute;
  text-align: center;
}

.punchIt-progressBar .punchIt-lastChance-tooltip .lastChance-tooltip {
  position: absolute;
  z-index: 3;
  animation: jumpAnimationpunchItTooltip 1s linear 2;
}

@keyframes jumpAnimationpunchItTooltip {
  0% {
    top: 0px;
  }
  25% {
    top: -15px;
  }
  50% {
    top: 0px;
  }
  75% {
    top: 10px;
  }
  100% {
    top: 0px;
  }
}

.punchIt-progressBar .punchIt-lastChance-tooltip .tooltip-shadow {
  position: absolute;
  width: 400px;
  z-index: 2;
  height: 300px;
  top: -115px;
}

.punchIt-progressBar .punchIt-lastChance-tooltip .punchIt-tooltip-description {
  position: absolute;
  top: 40px;
  left: 100px;
  text-align: center;
}

.punchIt-progressBar .punchIt-lastChance-tooltip .punchIt-tooltip-description .punchIt-tooltip-timer {
  display: flex;
  align-items: center;
  justify-content: center;
}

.punchIt-progressBar .punchIt-lastChance-tooltip .punchIt-tooltip-description p {
  margin: 0;
  font-size: 28px;
}

.punchIt-progressBar .punchIt-lastChance-tooltip .punchIt-tooltip-description p:first-child {
  color: #c2e7f5;
  text-shadow: 0 0 21px #0054ff;
}

.punchIt-progressBar .punchIt-lastChance-tooltip .punchIt-tooltip-description p:nth-child(2) {
  font-size: 50px;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #a30829;
  text-shadow: -2px 0 2px black, 0 3px 2px black, -1px 4px 1px black;
  font-weight: 500;
  font-style: italic;
  width: 150px;
}

.punchIt-progressBar .punchIt-lastChance-tooltip .punchIt-close {
  position: absolute;
  top: 15px;
  right: 60px;
  cursor: pointer;
}

.punchIt-progressBar .punchIt-lastChance-tooltip .punchIt-close img {
  width: 45px;
  height: 45px;
}

.punchIt-progressBar .punchIt-timer-above-progress-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -5px;
}

.punchIt-progressBar .punchIt-timer-above-progress-bar p {
  font-size: 28px;
  position: absolute;
  left: 22px;
  top: -28px;
}

.punchIt-progressBar .punchIt-timer-above-progress-bar p:first-child {
  color: #c2e7f4;
  text-shadow: 0 0 21px #0054ff;
  white-space: nowrap;
}

.punchIt-progressBar .punchIt-timer-above-progress-bar span {
  font-size: 28px;
  position: absolute;
  top: 0;
  left: 104px;
  color: #51c1eb;
  text-shadow: 0 0 21px #143e8e;
}

.punchIt-progressBar .punchIt-timer-above-progress-bar.isLastChance p:first-child {
  color: #fff;
}

.punchIt-progressBar .punchIt-timer-above-progress-bar.isLastChance span {
  color: #fff;
}

.punchIt-progressBar .punchIt-timer-above-progress-bar.displayedInMultipleDays p {
  left: 23px;
}

.punchIt-progressBar .punchIt-timer-above-progress-bar.displayedInMultipleDays span {
  left: 103px;
}

.punchIt-progressBar .punchIt-timer-above-progress-bar.displayedInSingleDay p {
  left: 35px;
}

.punchIt-progressBar .punchIt-timer-above-progress-bar.displayedInSingleDay span {
  left: 94px;
}

.punchIt-progressBar .punchIt-timer-above-progress-bar.timeIsZero p {
  left: 47px;
}

.punchIt-progressBar .punchIt-stickerContainer {
  height: 50px;
  width: 100%;
  z-index: 4;
  position: absolute;
  top: -30px;
  left: 15px;
}

.punchIt-progressBar .punchIt-stickerContainer .punchIt-clock {
  z-index: 4;
  position: absolute;
  left: -35px;
  top: -15px;
}

.punchIt-progressBar .punchIt-stickerContainer .punchIt-sticker {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -2px;
  left: 4px;
}

.punchIt-progressBar .punchIt-stickerContainer .punchIt-sticker .punchIt-timer {
  position: absolute;
  top: 4px;
  left: 35px;
}

.punchIt-progressBar .punchIt-stickerContainer .punchIt-sticker .punchIt-timer text {
  paint-order: stroke;
  stroke: #000000;
  stroke-width: 3px;
  stroke-linecap: butt;
  stroke-linejoin: miter;
  font-weight: 800;
  font-style: italic;
}

.punchIt-progressBar .punchIt-stickerContainer .punchIt-stickerText {
  position: absolute;
  height: 28px;
  left: 7px;
  top: 10px;
}

.punchIt-progressBar .progressBar-glow-background {
  position: absolute;
  top: -70px;
}

.punchIt-progressBar .progressBar-glow-background img {
  transform: scale(1.8);
}

.punchIt-progressBar .punchIt-progressBarContainer {
  cursor: pointer;
  position: absolute;
  top: 20px;
  z-index: 2;
}

.punchIt-progressBar .punchIt-progressBarContainer.isInMainView {
  cursor: unset;
  top: -85px;
  z-index: 2;
}

.punchIt-progressBar .punchIt-progressBarContainer .punchIt-progressBar-background {
  height: 80px;
  width: 100%;
}

.punchIt-progressBar .punchIt-progressBarContainer .progressBar-arrow {
  position: absolute;
  left: 5px;
  top: 7px;
  cursor: pointer;
}

.punchIt-progressBar .punchIt-progressBarContainer .progressBar-arrow img {
  height: 65px;
}

.punchIt-progressBar .progressBar-slotsContainer {
  top: 17px;
  z-index: 3;
  position: absolute;
  left: 80px;
  width: 100%;
}

.punchIt-progressBar .progressBar-slotsContainer .progressBar-empty-slots {
  height: 40px;
}

.punchIt-progressBar .progressBar-slotsContainer .progressBar-filled-slots {
  position: absolute;
  top: 0;
  width: 100%;
}

.punchIt-progressBar .progressBar-slotsContainer .punch {
  position: absolute;
  width: 42px;
  z-index: 3;
  top: 2px;
  left: -2px;
}

.punchIt-progressBar .progressBar-slotsContainer .punch-outline {
  width: 40px;
  position: absolute;
  top: 5px;
}

.punchIt-progressBar .progressBar-slotsContainer .punch-item {
  position: absolute;
  width: 42px;
  top: -4px;
}

.punchIt-progressBar .progressBar-slotsContainer .punch-bar {
  position: absolute;
  z-index: 3;
  top: 18px;
  left: 38px;
  width: 19px;
  height: 14px;
  mix-blend-mode: lighten;
}

.punchIt-progressBar .progressBar-slotsContainer .punch-bar.double {
  left: 50px;
}

.punchIt-progressBar .progressBar-slotsContainer .punch-glow {
  position: absolute;
  top: -15px;
  left: -19px;
  width: 76px;
}

.punchIt-progressBar .progressBar-slotsContainer .progressBar-rewardContainer {
  position: relative;
  right: 70px;
  top: -14px;
}

.punchIt-progressBar .progressBar-slotsContainer .progressBar-rewardContainer .progressBar-rewardBox {
  width: 125px;
  height: 85px;
  position: absolute;
  z-index: 2;
  top: -58px;
  right: 9px;
}

.punchIt-progressBar .progressBar-slotsContainer .progressBar-rewardContainer .progressBar-rewardBox-glow {
  position: absolute;
  z-index: 1;
  top: -140px;
  right: -15px;
}

.gold-text, .punchIt-progressBar .punchIt-tooltip .punchIt-tooltip-description p:nth-child(2) {
  background: linear-gradient(to top, #c78500 15%, #ffdb4c 30%, #fff4c0 55%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-color: #000000;
}

.red-text, .punchIt-main-view .mainContent .line1, .punchIt-main-view .mainContent .lastPunch-description {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #f32e56;
  text-shadow: -2px 0 2px black, 0 3px 2px black, -1px 4px 1px black;
  font-weight: 500;
}

.progressBar-particles {
  position: absolute;
  bottom: -95px;
}

.particles-container {
  position: relative;
}

.particles-container .particle {
  position: absolute;
  left: var(--left);
  bottom: 0;
  width: var(--size);
  height: var(--size);
  background: radial-gradient(var(--bright-color), var(--dark-color));
  border-radius: 50%;
  box-shadow: 0 0 9px 3px var(--dark-color);
  animation-name: animation;
  animation-duration: var(--move-duration);
  animation-delay: var(--animation-delay);
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-filter: opacity(0);
          filter: opacity(0);
}

@keyframes animation {
  from {
    transform: translate3d(0, 0, 0);
    -webkit-filter: opacity(1);
            filter: opacity(1);
  }
  to {
    transform: translate3d(0.441rem, var(--float-to), 0);
    -webkit-filter: opacity(0);
            filter: opacity(0);
  }
}

.PromoPack {
  display: flex;
  align-items: center;
  padding: 0 15px 0 0;
}

.PromoPack .PromoPackPlus {
  margin: 0 10px 0 0;
  font-size: 34px;
  font-family: 'Akzidenz-Grotesk Pro Bold Cnd';
  color: #FFF;
  text-shadow: 1px 1px 2px #2984c3;
  z-index: 1;
}

.PromoPack .PromoPackBackground {
  display: flex;
  align-items: center;
  position: relative;
  width: 100px;
  height: 52px;
  background: linear-gradient(#f9f640, #651d04, #efb420);
  border-radius: 5px;
}

.PromoPack .PromoPackBackground:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background: #000;
}

.PromoPack .PromoPackBackground .PromoPackText {
  margin: 0 10px 0 0;
  line-height: 17px;
  font-size: 17px;
  font-family: 'Akzidenz-Grotesk Pro Bold Cnd';
  text-transform: uppercase;
  text-align: center;
  z-index: 1;
}

.PromoPack .PromoPackBackground .PromoPackIcon {
  left: -20px;
  width: 40px;
}

.PromoPack .PromoPackIcon {
  position: relative;
  left: -10px;
  display: inline-block;
  width: 50px;
}

.PromoPack .PromoPackIcon .bonusIcon {
  margin: 0;
}

.PromoPack .PromoPackAmount {
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
  font-family: 'AkzidGroProMedCndAlt';
  z-index: 2;
}

.PromoPack .PromoPackAmount .PromoPackCard {
  font-size: 20px;
}

.PromoPack .PromoPackStars {
  line-height: 10px;
}

.PromoPack .PromoPackStar {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url(assets/images/chipStore/RarityStar_StoreIcon_Small.png);
}

.PromoPack:after {
  content: '';
  position: absolute;
  right: 0;
  top: 5px;
  display: block;
  width: 1px;
  height: 65px;
  background: linear-gradient(to bottom, rgba(71, 124, 252, 0) 0%, #c05fcb 55%, transparent 100%);
}

.PromoPack.PromoPackFull:after, .PromoPack.PromoPackBrief:after {
  display: none;
}

.PromoPack.withoutBorder {
  cursor: default;
}

.PromoPack.withoutBorder:after {
  display: none;
}

.PromoPack.withPadding {
  padding: 15px;
}

.PromoPack.withPadding .PromoPackIcon {
  width: 60px;
}

.PromoPack.inline {
  margin-top: 4px;
}

.PromoPack.inline .PromoPackIcon {
  width: 30px;
}

.PromoPack.inline .PromoPackCard,
.PromoPack.inline .PromoPackRarity,
.PromoPack.inline .PromoPackStars {
  display: inline-block;
  padding-left: 4px;
  font-size: 20px;
  text-transform: capitalize;
  vertical-align: middle;
}

.PromoPack.PromoPackFull .PromoPackAmount {
  line-height: 15px;
}

.PromoPack.PromoPackFull .PromoPackCard {
  font-size: 18px;
}

.PromoPack.PromoPackFull .PromoPackRarity {
  font-size: 14px;
}

.couponStore [class*="tag_coupon"] .PromoPack:after {
  background: linear-gradient(to bottom, rgba(225, 221, 0, 0) 0%, #ffdd00 55%, transparent 100%);
}

.AlbumPackSuperSpinContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0px;
  line-height: 1.2;
}

.AlbumPackSuperSpinContainer .PromoPackPlus {
  font-family: AkzidGroProLigCnd;
  font-size: 24px;
  text-shadow: 0px 0px 5px #00b4ff, 0px 0px 5px #00b4ff, 0px 0px 5px #00b4ff;
}

.AlbumPackSuperSpinContainer .PromoPackAmount {
  font-family: AkzidGroProLigCnd;
  font-size: 18px;
  text-shadow: 0px 0px 5px #00b4ff, 0px 0px 5px #00b4ff, 0px 0px 5px #00b4ff;
}

.AlbumPackSuperSpinContainer .PromoPackAmount .PromoPackCard {
  font-size: 22px;
}

.AlbumPackSuperSpinContainer .PromoPackAmount .PromoPackStars {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 10px;
}

.DailyBlitzExtremePack {
  transform: scale(1.25);
}

.DailyBlitzExtremePack .PromoPackBackground {
  padding-right: 10px;
}

.DailyBlitzExtremePack .PromoPackAmount {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.DailyBlitzExtremePack .PromoPackAmount .PromoPackStars {
  display: flex;
}

.lucky-lounge-album-pack .PromoPack.PromoPackFull .PromoPackRarity {
  font-size: 13px;
}

#Environment {
  background: rgba(0, 0, 0, 0.9);
  border-radius: 3px;
  width: 600px;
  padding: 10px 25px 25px;
  z-index: 1000;
  box-shadow: 0 2px 5px black;
  box-shadow: 0 2px 5px black, inset 0 0 25px -2px #404040;
}

.loading-screen {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  overflow: hidden;
}

.loading-screen:before {
  content: '';
  background: #000 url(assets/images/loading/loading.jpg) 50% 0 no-repeat;
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
}

.footer-disclaimer {
  font-size: 1.5rem;
  color: #fff;
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
  text-shadow: 1px 1px 2px black;
  pointer-events: none;
}

.footer-disclaimer .disclaimer-text {
  word-break: break-word;
  white-space: normal;
  line-height: 1.2rem;
}

.main-footer .footer-disclaimer {
  position: relative;
  bottom: 0;
}

.speech-bubble-container {
  position: relative;
  text-align: center;
  font-family: AkzidGroProLigCnd;
  font-size: 3rem;
}

.speech-bubble-container .speech-bubble-content, .speech-bubble-container .speech-bubble {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}

.speech-bubble-container .speech-bubble-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 15px;
}

.speech-bubble-container .speech-bubble {
  background: #051c67;
  border: solid 1px #59d1ff;
  box-shadow: inset 0 0 7px 2px #0042ff, 0 0 7px 2px #0042ff;
  border-radius: 10px;
  margin: auto;
  position: relative;
  opacity: 0.8;
}

.speech-bubble-container .speech-bubble::before {
  content: '';
  width: 20px;
  height: 20px;
  background: #051c67;
  border-color: #59d1ff #59d1ff transparent transparent;
  border-style: solid;
  border-width: 1px 1px 0 0;
  position: absolute;
  box-shadow: inset -2px 4px 7px 0 #0042ff, 2px -4px 7px 0 #0042ff;
}

.speech-bubble-container .speech-bubble::after {
  content: '';
  width: 18px;
  height: 18px;
  background: #051c67;
  position: absolute;
}

.speech-bubble-container .speech-bubble.arrow-side-top::before {
  top: -11px;
}

.speech-bubble-container .speech-bubble.arrow-side-top::after {
  top: -3px;
}

.speech-bubble-container .speech-bubble.arrow-side-bottom::before {
  bottom: -11px;
}

.speech-bubble-container .speech-bubble.arrow-side-bottom::after {
  bottom: -3px;
}

.speech-bubble-container .speech-bubble.arrow-side-top.arrow-position-left::before, .speech-bubble-container .speech-bubble.arrow-side-top.arrow-position-left::after, .speech-bubble-container .speech-bubble.arrow-side-bottom.arrow-position-left::before, .speech-bubble-container .speech-bubble.arrow-side-bottom.arrow-position-left::after {
  left: 25%;
}

.speech-bubble-container .speech-bubble.arrow-side-top.arrow-position-right::before, .speech-bubble-container .speech-bubble.arrow-side-top.arrow-position-right::after, .speech-bubble-container .speech-bubble.arrow-side-bottom.arrow-position-right::before, .speech-bubble-container .speech-bubble.arrow-side-bottom.arrow-position-right::after {
  left: 75%;
}

.speech-bubble-container .speech-bubble.arrow-side-top.arrow-position-middle::before, .speech-bubble-container .speech-bubble.arrow-side-top.arrow-position-middle::after, .speech-bubble-container .speech-bubble.arrow-side-bottom.arrow-position-middle::before, .speech-bubble-container .speech-bubble.arrow-side-bottom.arrow-position-middle::after {
  left: 50%;
}

.speech-bubble-container .speech-bubble.arrow-side-right::before {
  right: -11px;
}

.speech-bubble-container .speech-bubble.arrow-side-right::after {
  right: -3px;
}

.speech-bubble-container .speech-bubble.arrow-side-left::before {
  left: -11px;
}

.speech-bubble-container .speech-bubble.arrow-side-left::after {
  left: -3px;
}

.speech-bubble-container .speech-bubble.arrow-side-right.arrow-position-top::before, .speech-bubble-container .speech-bubble.arrow-side-right.arrow-position-top::after, .speech-bubble-container .speech-bubble.arrow-side-left.arrow-position-top::before, .speech-bubble-container .speech-bubble.arrow-side-left.arrow-position-top::after {
  top: 25%;
}

.speech-bubble-container .speech-bubble.arrow-side-right.arrow-position-bottom::before, .speech-bubble-container .speech-bubble.arrow-side-right.arrow-position-bottom::after, .speech-bubble-container .speech-bubble.arrow-side-left.arrow-position-bottom::before, .speech-bubble-container .speech-bubble.arrow-side-left.arrow-position-bottom::after {
  top: 75%;
}

.speech-bubble-container .speech-bubble.arrow-side-right.arrow-position-middle::before, .speech-bubble-container .speech-bubble.arrow-side-right.arrow-position-middle::after, .speech-bubble-container .speech-bubble.arrow-side-left.arrow-position-middle::before, .speech-bubble-container .speech-bubble.arrow-side-left.arrow-position-middle::after {
  top: 50%;
}

.speech-bubble-container .speech-bubble.arrow-side-top.arrow-position-left::before, .speech-bubble-container .speech-bubble.arrow-side-top.arrow-position-left::after {
  transform: translateX(-25%) rotate(-45deg);
}

.speech-bubble-container .speech-bubble.arrow-side-top.arrow-position-right::before, .speech-bubble-container .speech-bubble.arrow-side-top.arrow-position-right::after {
  transform: translateX(-75%) rotate(-45deg);
}

.speech-bubble-container .speech-bubble.arrow-side-top.arrow-position-middle::before, .speech-bubble-container .speech-bubble.arrow-side-top.arrow-position-middle::after {
  transform: translateX(-50%) rotate(-45deg);
}

.speech-bubble-container .speech-bubble.arrow-side-bottom.arrow-position-left::before, .speech-bubble-container .speech-bubble.arrow-side-bottom.arrow-position-left::after {
  transform: translateX(-25%) rotate(135deg);
}

.speech-bubble-container .speech-bubble.arrow-side-bottom.arrow-position-right::before, .speech-bubble-container .speech-bubble.arrow-side-bottom.arrow-position-right::after {
  transform: translateX(-75%) rotate(135deg);
}

.speech-bubble-container .speech-bubble.arrow-side-bottom.arrow-position-middle::before, .speech-bubble-container .speech-bubble.arrow-side-bottom.arrow-position-middle::after {
  transform: translateX(-50%) rotate(135deg);
}

.speech-bubble-container .speech-bubble.arrow-side-right.arrow-position-top::before, .speech-bubble-container .speech-bubble.arrow-side-right.arrow-position-top::after {
  transform: translateY(-25%) rotate(45deg);
}

.speech-bubble-container .speech-bubble.arrow-side-right.arrow-position-bottom::before, .speech-bubble-container .speech-bubble.arrow-side-right.arrow-position-bottom::after {
  transform: translateY(-75%) rotate(45deg);
}

.speech-bubble-container .speech-bubble.arrow-side-right.arrow-position-middle::before, .speech-bubble-container .speech-bubble.arrow-side-right.arrow-position-middle::after {
  transform: translateY(-50%) rotate(45deg);
}

.speech-bubble-container .speech-bubble.arrow-side-left.arrow-position-top::before, .speech-bubble-container .speech-bubble.arrow-side-left.arrow-position-top::after {
  transform: translateY(-25%) rotate(225deg);
}

.speech-bubble-container .speech-bubble.arrow-side-left.arrow-position-bottom::before, .speech-bubble-container .speech-bubble.arrow-side-left.arrow-position-bottom::after {
  transform: translateY(-75%) rotate(225deg);
}

.speech-bubble-container .speech-bubble.arrow-side-left.arrow-position-middle::before, .speech-bubble-container .speech-bubble.arrow-side-left.arrow-position-middle::after {
  transform: translateY(-50%) rotate(225deg);
}

.loading-bar-container {
  position: relative;
  width: 300px;
  height: 40px;
  transform: skewX(-10deg);
  border: #000 1px solid;
  box-shadow: #000 2px 5px 0;
  text-align: center;
  font-size: 2.5rem;
  text-shadow: #000 2px 2px 3px;
  overflow: hidden;
  background: linear-gradient(180deg, #22202e 0%, #6b6b6d 100%);
}

.loading-bar-container .loading-bar {
  height: 100%;
  background: linear-gradient(180deg, #56c105 0%, #aeef19 50%, #56c105 100%);
  transition: width 0.5s ease-in;
}

.loading-bar-container .loading-bar-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
}

.loading-screen .loading-bar-container {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 580px;
}

.release-version span {
  margin: 0 5px;
}

.age-gate {
  z-index: 1010;
  height: 100vh;
  width: 100vw;
  position: absolute;
  overflow: hidden;
}

.age-gate:before {
  content: "";
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  background: #000 url(assets/images/loading/old/LoadingBg.jpg) 50% 0 no-repeat;
}

.age-gate .age-gate-container {
  position: absolute;
  top: 320px;
  width: 100vw;
  height: 160px;
  padding: 20px 0;
  border-radius: 14px;
  background-color: rgba(11, 14, 68, 0.5);
}

.age-gate .age-gate-container:before, .age-gate .age-gate-container:after {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 4px;
  box-shadow: 0px 0px 3px 0px #0042ff;
  background: linear-gradient(to bottom, rgba(71, 124, 252, 0) 0%, #73a4ff 55%, transparent 100%);
}

.age-gate .age-gate-container:after {
  top: 100%;
}

.age-gate .age-gate-container .age-gate-fields {
  display: block;
  text-align: center;
  margin-bottom: 10px;
}

.age-gate .age-gate-container .age-gate-fields .ape-gate-field {
  width: 100px;
  height: 60px;
  margin: 0 15px;
  padding-left: 16px;
  background: #0b0b1d;
  color: #264fd3;
  font-size: 50px;
  text-align: center;
  box-shadow: 0px 1px 3px 0px #0744f9;
  border: none;
  border-radius: 8px;
}

.age-gate .age-gate-container .age-gate-fields .ape-gate-field::-webkit-input-placeholder {
  color: #264fd3;
}

.age-gate .age-gate-container .age-gate-fields .ape-gate-field::-moz-placeholder {
  color: #264fd3;
}

.age-gate .age-gate-container .age-gate-fields .ape-gate-field::-ms-input-placeholder {
  color: #264fd3;
}

.age-gate .age-gate-container .age-gate-fields .ape-gate-field::placeholder {
  color: #264fd3;
}

.age-gate .age-gate-container .age-gate-fields .ape-gate-field:nth-child(2) {
  width: 150px;
}

.age-gate .age-gate-container .age-gate-text {
  font-size: 40px;
  color: #fff;
  margin: 0 0 10px;
  text-align: center;
}

.age-gate .age-gate-container .age-gate-error {
  font-size: 30px;
  color: #cf0213;
  margin: 0 0 10px;
  text-align: center;
}

.age-gate .ape-gate-button {
  position: absolute;
  left: 50%;
  top: 540px;
  transform: translateX(-50%);
  font-family: 'AkzidGroProCnd';
  padding: 5px 40px;
}

.CompletionRewardContainer {
  text-align: center;
}

.CompletionRewardContainer .CompletionReward {
  font-size: 46pt;
  font-family: 'AkzidGroProBolCnd', arial, sans-serif;
  color: #feff17;
  -webkit-filter: drop-shadow(0px 0px 6px #feff17);
          filter: drop-shadow(0px 0px 6px #feff17);
  font-weight: bold;
  text-transform: uppercase;
  margin-top: -10px;
}

.CompletionRewardContainer .CompletionRewardChips {
  font-size: 32pt;
  font-family: 'AkzidGroProBolCnd', arial, sans-serif;
  color: #feff17;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: -5px;
}

.DisplayNone {
  display: none;
}

.FadeInAnimation {
  animation: fadeIn 2s;
  animation-delay: 0.25s;
}

.TopLeftAbsolute, .AlbumCompletionWrapper, .AlbumCompletionWrapper .AlbumCompletionFirstPhase,
.AlbumCompletionWrapper .AlbumCompletionSecondPhase, .AlbumCompletionWrapper .AlbumCompletionFirstPhase .AlbumCompletionBody .AlbumCompletionLogoContainer .AlbumCompletionLogoWebm, .AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionParticlesLayer,
.AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionCardsLayer,
.AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionChipsLayer,
.AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionPinkLayer, .AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionPinkBGLayer, .AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionFireworksWebmWrapper .AlbumCompletionFireworksWebmContainer, .AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionFireworksWebmWrapper .AlbumCompletionFireworksWebmContainer .AlbumCompletionFireworksWebm, .AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionBody {
  position: absolute;
  left: 0;
  top: 0;
}

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

.BackgroundImageProps, .AlbumCompletionWrapper .AlbumCompletionPinkLayer,
.AlbumCompletionWrapper .AlbumCompletionCloseBtn,
.AlbumCompletionWrapper .AlbumCompletionLogo,
.AlbumCompletionWrapper .AlbumCompletionDivider,
.AlbumCompletionWrapper .AlbumCompletionCardsLayer,
.AlbumCompletionWrapper .AlbumCompletionChipsLayer,
.AlbumCompletionWrapper .AlbumCompletionParticlesLayer, .AlbumCompletionWrapper .AlbumCompletionFirstPhase .AlbumCompletionBody .AlbumCompletionInfo, .AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionBody .AlbumCompletionInfo {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.AlbumCompletionWrapper {
  background: rgba(0, 0, 0, 0.7);
  background: radial-gradient(circle, black 0%, #050e27de 92%);
  width: 785px;
  height: 425px;
  z-index: 6;
  overflow: hidden;
}

.AlbumCompletionWrapper .AlbumCompletionPinkLayer,
.AlbumCompletionWrapper .AlbumCompletionCloseBtn,
.AlbumCompletionWrapper .AlbumCompletionLogo,
.AlbumCompletionWrapper .AlbumCompletionDivider,
.AlbumCompletionWrapper .AlbumCompletionCardsLayer,
.AlbumCompletionWrapper .AlbumCompletionChipsLayer,
.AlbumCompletionWrapper .AlbumCompletionParticlesLayer {
  background-size: contain;
}

.AlbumCompletionWrapper .AlbumCompletionHeader {
  height: 75px;
}

.AlbumCompletionWrapper .AlbumCompletionHeader .AlbumCompletionCloseBtn {
  position: absolute;
  top: 10px;
  right: 52px;
  width: 38px;
  height: 38px;
  margin-top: 12px;
  z-index: 3;
  cursor: pointer;
}

.AlbumCompletionWrapper .AlbumCompletionFirstPhase,
.AlbumCompletionWrapper .AlbumCompletionSecondPhase {
  width: 100%;
  height: 350px;
  top: 75px;
}

.AlbumCompletionWrapper .AlbumCompletionFirstPhase .AlbumCompletionBody {
  width: 100%;
  height: 100%;
}

.AlbumCompletionWrapper .AlbumCompletionFirstPhase .AlbumCompletionBody .AlbumCompletionLogoContainer {
  position: absolute;
  top: -75px;
  width: 785px;
  height: 425px;
  z-index: 2;
}

.AlbumCompletionWrapper .AlbumCompletionFirstPhase .AlbumCompletionBody .AlbumCompletionLogoContainer .AlbumCompletionLogoWebm {
  width: 785px;
  height: 425px;
}

.AlbumCompletionWrapper .AlbumCompletionFirstPhase .AlbumCompletionBody .AlbumCompletionLogoContainer .AlbumCompletionChipExplosion {
  width: 256px;
  height: 256px;
  position: absolute;
  background-position: 0px 0px;
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
  top: 50%;
  left: 50%;
}

.AlbumCompletionWrapper .AlbumCompletionFirstPhase .AlbumCompletionBody .AlbumCompletionInfo {
  text-align: center;
  opacity: 1;
  position: relative;
  z-index: 2;
}

.AlbumCompletionWrapper .AlbumCompletionFirstPhase .AlbumCompletionBody .AlbumCompletionInfo .AlbumCompletionTitle {
  font-size: 22pt;
  font-family: 'BlenderPro-Bold', arial, sans-serif;
  color: #59d1ff;
  font-weight: bold;
  text-transform: uppercase;
}

.AlbumCompletionWrapper .AlbumCompletionFirstPhase .AlbumCompletionBody .AlbumCompletionInfo .AlbumCompletionText {
  font-size: 17pt;
  font-family: 'AkzidGroProLigCnd', arial, sans-serif;
  color: #fff;
  line-height: 1.333;
}

.AlbumCompletionWrapper .AlbumCompletionSecondPhase {
  opacity: 0;
}

.AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionParticlesLayer,
.AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionCardsLayer,
.AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionChipsLayer,
.AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionPinkLayer {
  width: 785px;
  height: 425px;
  top: -75px;
  transform: scale(0);
  opacity: 0.7;
  -webkit-filter: drop-shadow(0px 0px 2px #ef08c6);
          filter: drop-shadow(0px 0px 2px #ef08c6);
}

.AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionParticlesLayer {
  -webkit-filter: none;
          filter: none;
}

.AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionPinkBGLayer {
  background: rgba(161, 75, 144, 0.3);
  background: radial-gradient(circle, rgba(201, 82, 177, 0) 0%, rgba(74, 7, 57, 0.3) 80%);
  opacity: 0;
  width: 785px;
  height: 425px;
  top: -75px;
}

.AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionFireworksWebmWrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionFireworksWebmWrapper .AlbumCompletionFireworksWebmContainer {
  width: 400px;
  height: 400px;
  mix-blend-mode: screen;
}

.AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionFireworksWebmWrapper .AlbumCompletionFireworksWebmContainer .AlbumCompletionFireworksWebm:not(:first-child) {
  opacity: 0;
}

.AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionFireworksWebmWrapper .AlbumCompletionFireworksWebmContainer .AlbumCompletionFireworksWebm.FadeInFireworks {
  animation-delay: 4s;
  animation: fadeIn 1s linear;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionFireworksWebmWrapper .AlbumCompletionFireworksWebmContainer:first-child {
  width: 785px;
  height: 425px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(2);
  -webkit-filter: hue-rotate(45deg);
          filter: hue-rotate(45deg);
  opacity: 1;
  -webkit-filter: hue-rotate(40deg);
          filter: hue-rotate(40deg);
}

.AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionFireworksWebmWrapper .AlbumCompletionFireworksWebmContainer:nth-child(2) {
  left: 320px;
  top: 90px;
  -webkit-filter: hue-rotate(315deg);
          filter: hue-rotate(315deg);
}

.AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionFireworksWebmWrapper .AlbumCompletionFireworksWebmContainer:nth-child(3) {
  left: 100;
  top: 120px;
  -webkit-filter: hue-rotate(45deg);
          filter: hue-rotate(45deg);
}

.AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionFireworksWebmWrapper .AlbumCompletionFireworksWebmContainer:nth-child(4) {
  left: 400px;
  top: -150px;
  -webkit-filter: hue-rotate(225deg);
          filter: hue-rotate(225deg);
}

.AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionFireworksWebmWrapper .AlbumCompletionFireworksWebmContainer:nth-child(5) {
  left: 100;
  top: -120px;
  -webkit-filter: hue-rotate(315deg);
          filter: hue-rotate(315deg);
}

.AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionChipsLayer {
  -webkit-filter: hue-rotate(45deg);
          filter: hue-rotate(45deg);
}

.AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionBody {
  width: 100%;
  height: 100%;
}

.AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionBody .AlbumCompletionInfo {
  text-align: center;
  opacity: 0;
  margin-top: -20px;
}

.AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionBody .AlbumCompletionInfo .AlbumCompletionLogo {
  margin: 0 auto;
  width: 80px;
  height: 80px;
  margin-top: -44px;
  -webkit-filter: drop-shadow(0px 0px 7px #1731a6);
          filter: drop-shadow(0px 0px 7px #1731a6);
}

.AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionBody .AlbumCompletionInfo .AlbumCompletionTitle {
  font-size: 23pt;
  font-family: 'BlenderPro-Bold', arial, sans-serif;
  color: #59d1ff;
  -webkit-filter: drop-shadow(0px 0px 5px #59d1ff);
          filter: drop-shadow(0px 0px 5px #59d1ff);
  font-weight: bold;
  text-transform: uppercase;
}

.AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionBody .AlbumCompletionInfo .AlbumCompletionDivider {
  width: 100px;
  height: 18px;
  margin: 0 auto;
}

.AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionBody .AlbumCompletionInfo .AlbumCompletionText {
  font-size: 17pt;
  font-family: 'AkzidGroProLigCnd', arial, sans-serif;
  color: #fff;
  line-height: 1.333;
}

.AlbumCompletionWrapper .SweetButton {
  position: absolute;
  bottom: 30px;
  transform: translate(-50%, -50%);
  transform-origin: center center;
  left: 50%;
  animation: scaleInOut 0.5s ease-in-out;
  cursor: pointer;
  z-index: 4;
  overflow: hidden;
}

.AlbumCompletionWrapper .SweetButton:focus {
  border: 0px;
}

.AlbumCompletionWrapper .SweetButton:after {
  content: '';
  position: absolute;
  left: -60px;
  top: -15px;
  width: 30px;
  height: 109px;
  transform: rotate(15deg);
  box-shadow: inset 0 0px 20px 10px #FFF;
  animation: swipe 1s linear;
  opacity: .4;
}

@keyframes swipe {
  0% {
    left: -60px;
  }
  100% {
    left: 200px;
  }
}

@keyframes scaleInOut {
  0% {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0;
  }
  50% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(0.85);
    opacity: 1;
  }
}

.DisplayNone {
  display: none;
}

.FadeInAnimation {
  animation: fadeIn 2s;
  animation-delay: 0.25s;
}

.TopLeftAbsolute {
  position: absolute;
  left: 0;
  top: 0;
}

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

.BackgroundImageProps, .SetCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer,
.SetCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawerCloseBtn,
.SetCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawerGlow,
.SetCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawerTopDivider,
.SetCompletionGameSceneAnimation .AlbumGameSceneAnimationLogo,
.SetCompletionGameSceneAnimation .AlbumGameSceneAnimationSetLogo,
.SetCompletionGameSceneAnimation .BottomDivider,
.AlbumCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer,
.AlbumCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawerCloseBtn,
.AlbumCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawerGlow,
.AlbumCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawerTopDivider,
.AlbumCompletionGameSceneAnimation .AlbumGameSceneAnimationLogo,
.AlbumCompletionGameSceneAnimation .AlbumGameSceneAnimationSetLogo,
.AlbumCompletionGameSceneAnimation .BottomDivider, .SetCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .AlbumGameSceneAnimationDrawerContainer,
.AlbumCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .AlbumGameSceneAnimationDrawerContainer, .SetCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .AlbumGameSceneAnimationDivider,
.AlbumCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .AlbumGameSceneAnimationDivider {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.SetCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer,
.SetCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawerCloseBtn,
.SetCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawerGlow,
.SetCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawerTopDivider,
.SetCompletionGameSceneAnimation .AlbumGameSceneAnimationLogo,
.SetCompletionGameSceneAnimation .AlbumGameSceneAnimationSetLogo,
.SetCompletionGameSceneAnimation .BottomDivider,
.AlbumCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer,
.AlbumCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawerCloseBtn,
.AlbumCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawerGlow,
.AlbumCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawerTopDivider,
.AlbumCompletionGameSceneAnimation .AlbumGameSceneAnimationLogo,
.AlbumCompletionGameSceneAnimation .AlbumGameSceneAnimationSetLogo,
.AlbumCompletionGameSceneAnimation .BottomDivider {
  background-size: contain;
}

.SetCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer,
.AlbumCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer {
  position: absolute;
  width: 262px;
  height: 524px;
  top: -30px;
  left: -96px;
}

.SetCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .AlbumGameSceneAnimationDrawerMask,
.AlbumCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .AlbumGameSceneAnimationDrawerMask {
  position: absolute;
  width: 270px;
  height: 524px;
  top: 10px;
}

.SetCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .AlbumGameSceneAnimationDrawerContainer,
.AlbumCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .AlbumGameSceneAnimationDrawerContainer {
  background-size: contain;
  position: relative;
  width: 132px;
  height: 324px;
  margin-left: -35px;
  margin-top: 80px;
}

.SetCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .AlbumGameSceneAnimationDrawerInner,
.AlbumCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .AlbumGameSceneAnimationDrawerInner {
  overflow: hidden;
  width: 114px;
  height: 289px;
  position: absolute;
  top: 18px;
}

.SetCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .AlbumGameSceneAnimationDrawerGlow,
.AlbumCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .AlbumGameSceneAnimationDrawerGlow {
  position: absolute;
  width: 117px;
  height: 114px;
}

.SetCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .AlbumGameSceneAnimationDrawerGlow.Top,
.AlbumCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .AlbumGameSceneAnimationDrawerGlow.Top {
  top: -10px;
  transform: rotate(180deg);
}

.SetCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .AlbumGameSceneAnimationDrawerGlow.Bottom,
.AlbumCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .AlbumGameSceneAnimationDrawerGlow.Bottom {
  bottom: -10px;
}

.SetCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .AlbumGameSceneAnimationDrawerTopDividerWrapper,
.AlbumCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .AlbumGameSceneAnimationDrawerTopDividerWrapper {
  position: absolute;
  margin-top: 5px;
  width: 117px;
}

.SetCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .AlbumGameSceneAnimationDrawerTopDividerWrapper .AlbumGameSceneAnimationInfo,
.AlbumCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .AlbumGameSceneAnimationDrawerTopDividerWrapper .AlbumGameSceneAnimationInfo {
  text-align: center;
  display: flex;
  flex-direction: column;
}

.SetCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .AlbumGameSceneAnimationDrawerTopDividerWrapper .AlbumGameSceneAnimationInfo .AlbumGameSceneAnimationSetLogo,
.AlbumCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .AlbumGameSceneAnimationDrawerTopDividerWrapper .AlbumGameSceneAnimationInfo .AlbumGameSceneAnimationSetLogo {
  height: 42px;
  width: 42px;
  margin: 0 auto;
  z-index: 2;
}

.SetCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .AlbumGameSceneAnimationDrawerTopDividerWrapper .AlbumGameSceneAnimationInfo .AlbumGameSceneAnimationText,
.AlbumCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .AlbumGameSceneAnimationDrawerTopDividerWrapper .AlbumGameSceneAnimationInfo .AlbumGameSceneAnimationText {
  z-index: 1;
  font-size: 13px;
  padding: 0 12px;
}

.SetCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .AlbumGameSceneAnimationDrawerTopDividerWrapper .AlbumGameSceneAnimationInfo .AlbumGameSceneAnimationTitle,
.AlbumCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .AlbumGameSceneAnimationDrawerTopDividerWrapper .AlbumGameSceneAnimationInfo .AlbumGameSceneAnimationTitle {
  font-size: 16px;
  z-index: 1;
}

.SetCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .AlbumGameSceneInfoSecondPhase .AlbumGameSceneAnimationInfo .AlbumGameSceneAnimationTitle,
.AlbumCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .AlbumGameSceneInfoSecondPhase .AlbumGameSceneAnimationInfo .AlbumGameSceneAnimationTitle {
  font-size: 12.5px;
}

.SetCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .CompletionRewardContainer,
.AlbumCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .CompletionRewardContainer {
  position: absolute;
  top: 75px;
  width: 100%;
}

.SetCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .CompletionRewardContainer .CompletionReward,
.AlbumCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .CompletionRewardContainer .CompletionReward {
  margin-top: 0;
  font-size: 20px;
}

.SetCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .CompletionRewardContainer .CompletionRewardChips,
.AlbumCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .CompletionRewardContainer .CompletionRewardChips {
  margin-top: 0;
  font-size: 20px;
}

.SetCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .AlbumGameSceneAnimationDivider,
.AlbumCompletionGameSceneAnimation .AlbumGameSceneAnimationDrawer .AlbumGameSceneAnimationDivider {
  background-size: cover;
  height: 62px;
  width: 117px;
  margin-top: -35px;
  margin-left: 2px;
}

.SetCompletionGameSceneAnimation .SetCompletionWrapper {
  width: 115px;
  top: 190px;
  left: 55px;
  transform: translate(-50%, -50%);
  height: 235px;
  position: relative;
  background: transparent;
}

.SetCompletionGameSceneAnimation .SetCompletionWrapper .SetCompletionFirstPhase .SetCompletionBody .SetCompletionCheckMark.LobbyCheckMark {
  top: 70px;
  right: -15px;
}

.SetCompletionGameSceneAnimation .SetCompletionWrapper .BackgroundLayers {
  position: absolute;
  left: 0;
  top: 55px;
  width: 100%;
  height: 130px;
  background-size: contain;
}

.SetCompletionGameSceneAnimation .SetCompletionWrapper .BackgroundLayers .SetCompletionCardsLayer,
.SetCompletionGameSceneAnimation .SetCompletionWrapper .BackgroundLayers .SetCompletionChipsLayer,
.SetCompletionGameSceneAnimation .SetCompletionWrapper .BackgroundLayers .SetCompletionParticlesLayer {
  width: 115px;
  height: 108px;
  background-size: contain;
  opacity: 0.8;
}

.SetCompletionGameSceneAnimation .SetCompletionWrapper .SetCompletionFirstPhase,
.SetCompletionGameSceneAnimation .SetCompletionWrapper .SetCompletionSecondPhase {
  top: 0;
  height: 233px;
  position: absolute;
}

.SetCompletionGameSceneAnimation .SetCompletionWrapper .SetCompletionFirstPhase .SetCompletionBody,
.SetCompletionGameSceneAnimation .SetCompletionWrapper .SetCompletionSecondPhase .SetCompletionBody {
  position: absolute;
  width: 100%;
  height: 233px;
}

.SetCompletionGameSceneAnimation .SetCompletionWrapper .SetCompletionFirstPhase .SetCompletionBody .SetCompletionSetLogoContainer,
.SetCompletionGameSceneAnimation .SetCompletionWrapper .SetCompletionSecondPhase .SetCompletionBody .SetCompletionSetLogoContainer {
  top: -20px;
}

.SetCompletionGameSceneAnimation .SetCompletionWrapper .SetCompletionFirstPhase .SetCompletionInfo,
.SetCompletionGameSceneAnimation .SetCompletionWrapper .SetCompletionFirstPhase .SetCompletionTitle,
.SetCompletionGameSceneAnimation .SetCompletionWrapper .SetCompletionSecondPhase .SetCompletionInfo,
.SetCompletionGameSceneAnimation .SetCompletionWrapper .SetCompletionSecondPhase .SetCompletionTitle {
  transform: scale(0.5);
}

.SetCompletionGameSceneAnimation .SetCompletionWrapper .SetCompletionSecondPhase .SetCompletionText {
  position: absolute;
  top: 55px;
  width: 100%;
  text-align: center;
}

.SetCompletionGameSceneAnimation .SetCompletionWrapper .SetCompletionSecondPhase .BottomDivider {
  width: 92px;
  height: 31px;
  position: absolute;
  top: 170px;
  left: 50%;
  transform: translateX(-50%);
}

.SetCompletionGameSceneAnimation .SetCompletionWrapper .SweetButtonContainer {
  transform: scale(0.55);
  position: absolute;
  bottom: -20px;
  width: 100%;
}

.SetCompletionGameSceneAnimation .AlbumGameSceneAnimationTitle {
  font-family: "BlenderPro-Bold";
  text-transform: uppercase;
  color: #59d1ff;
  -webkit-filter: drop-shadow(0px 0px 5px #029ad4);
          filter: drop-shadow(0px 0px 5px #029ad4);
}

.SetCompletionGameSceneAnimation .AlbumGameSceneAnimationLogo {
  width: 40px;
  height: 40px;
  margin: 0 auto;
}

.AlbumCompletionGameSceneAnimation .AlbumCompletionWrapper {
  width: 115px;
  top: 190px;
  left: 55px;
  transform: translate(-50%, -50%);
  height: 235px;
  position: relative;
  background: transparent;
}

.AlbumCompletionGameSceneAnimation .AlbumCompletionWrapper .AlbumCompletionSecondPhase .BackgroundLayers,
.AlbumCompletionGameSceneAnimation .AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionPinkBGLayer,
.AlbumCompletionGameSceneAnimation .AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionFireworksWebmContainer {
  position: absolute;
  left: 0;
  top: 50px;
  width: 100%;
  height: 130px;
  background-size: contain;
}

.AlbumCompletionGameSceneAnimation .AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionCardsLayer,
.AlbumCompletionGameSceneAnimation .AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionChipsLayer,
.AlbumCompletionGameSceneAnimation .AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionPinkLayer,
.AlbumCompletionGameSceneAnimation .AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionParticlesLayer {
  width: 115px;
  height: 108px;
  background-size: contain;
  opacity: 0.8;
  top: 0;
}

.AlbumCompletionGameSceneAnimation .AlbumCompletionWrapper .AlbumCompletionFirstPhase,
.AlbumCompletionGameSceneAnimation .AlbumCompletionWrapper .AlbumCompletionSecondPhase {
  top: 0;
  height: 233px;
  position: absolute;
}

.AlbumCompletionGameSceneAnimation .AlbumCompletionWrapper .AlbumCompletionFirstPhase .AlbumCompletionFireworksWebmWrapper,
.AlbumCompletionGameSceneAnimation .AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionFireworksWebmWrapper {
  position: absolute;
  width: 100%;
  height: 233px;
}

.AlbumCompletionGameSceneAnimation .AlbumCompletionWrapper .AlbumCompletionFirstPhase .AlbumCompletionBody,
.AlbumCompletionGameSceneAnimation .AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionBody {
  position: absolute;
  width: 100%;
  height: 233px;
}

.AlbumCompletionGameSceneAnimation .AlbumCompletionWrapper .AlbumCompletionFirstPhase .AlbumCompletionBody .AlbumCompletionLogoWebm,
.AlbumCompletionGameSceneAnimation .AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionBody .AlbumCompletionLogoWebm {
  width: 115px;
  height: 233px;
  transform: scale(1.5);
}

.AlbumCompletionGameSceneAnimation .AlbumCompletionWrapper .AlbumCompletionFirstPhase .AlbumCompletionBody .AlbumCompletionLogoContainer,
.AlbumCompletionGameSceneAnimation .AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionBody .AlbumCompletionLogoContainer {
  height: 233px;
  width: 115px;
  top: 0;
}

.AlbumCompletionGameSceneAnimation .AlbumCompletionWrapper .AlbumCompletionFirstPhase .AlbumCompletionInfo,
.AlbumCompletionGameSceneAnimation .AlbumCompletionWrapper .AlbumCompletionFirstPhase .AlbumCompletionTitle,
.AlbumCompletionGameSceneAnimation .AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionInfo,
.AlbumCompletionGameSceneAnimation .AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionTitle {
  transform: scale(0.5);
}

.AlbumCompletionGameSceneAnimation .AlbumCompletionWrapper .AlbumCompletionSecondPhase .AlbumCompletionText {
  position: absolute;
  top: 55px;
  width: 100%;
  text-align: center;
}

.AlbumCompletionGameSceneAnimation .AlbumCompletionWrapper .AlbumCompletionSecondPhase .BottomDivider {
  width: 92px;
  height: 31px;
  position: absolute;
  top: 170px;
  left: 50%;
  transform: translateX(-50%);
}

.AlbumCompletionGameSceneAnimation .AlbumCompletionWrapper .AlbumCompletionFirstPhase .AlbumCompletionCheckMark {
  top: 75px;
  right: -15px;
}

.AlbumCompletionGameSceneAnimation .AlbumCompletionWrapper .SweetButtonContainer {
  transform: scale(0.55);
  position: absolute;
  bottom: -20px;
  width: 100%;
}

.AlbumCompletionGameSceneAnimation .AlbumCompletionWrapper .AlbumCompletionFireworksWebmWrapper.InGameScene {
  height: 186px;
}

.AlbumCompletionGameSceneAnimation .AlbumCompletionWrapper .AlbumCompletionFireworksWebmWrapper.InGameScene .AlbumCompletionFireworksWebmContainer:first-child {
  width: 60px;
  height: 70px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(2);
  -webkit-filter: hue-rotate(45deg);
          filter: hue-rotate(45deg);
  opacity: 1;
  -webkit-filter: hue-rotate(40deg);
          filter: hue-rotate(40deg);
}

.AlbumCompletionGameSceneAnimation .AlbumCompletionWrapper .AlbumCompletionFireworksWebmWrapper.InGameScene .AlbumCompletionFireworksWebmContainer:nth-child(2) {
  left: -25px;
  top: -10px;
  -webkit-filter: hue-rotate(315deg);
          filter: hue-rotate(315deg);
}

.AlbumCompletionGameSceneAnimation .AlbumCompletionWrapper .AlbumCompletionFireworksWebmWrapper.InGameScene .AlbumCompletionFireworksWebmContainer:nth-child(3) {
  left: 1px;
  top: 60px;
  -webkit-filter: hue-rotate(45deg);
          filter: hue-rotate(45deg);
}

.AlbumCompletionGameSceneAnimation .AlbumCompletionWrapper .AlbumCompletionFireworksWebmWrapper.InGameScene .AlbumCompletionFireworksWebmContainer:nth-child(4) {
  left: 1px;
  top: -10px;
  -webkit-filter: hue-rotate(45deg);
          filter: hue-rotate(45deg);
}

.AlbumCompletionGameSceneAnimation .AlbumCompletionWrapper .AlbumCompletionFireworksWebmWrapper.InGameScene .AlbumCompletionFireworksWebmContainer:nth-child(5) {
  left: -15px;
  top: 60px;
  -webkit-filter: hue-rotate(45deg);
          filter: hue-rotate(45deg);
}

.AlbumCompletionGameSceneAnimation .AlbumGameSceneAnimationTitle {
  font-family: "BlenderPro-Bold";
  text-transform: uppercase;
  color: #59d1ff;
  -webkit-filter: drop-shadow(0px 0px 5px #029ad4);
          filter: drop-shadow(0px 0px 5px #029ad4);
}

.AlbumCompletionGameSceneAnimation .AlbumGameSceneAnimationLogo {
  width: 40px;
  height: 40px;
  margin: 0 auto;
}

.AlbumCompletionGameSceneAnimation .SecondTitleToSwitch {
  margin: 5px 0;
}

.AlbumCompletionGameSceneAnimation .SweetButtonContainer {
  z-index: 3;
}

.DisplayNone {
  display: none;
}

.FadeInAnimation, .CardPackAnimation .CardPackTitle,
.CardPackAnimation .CardPackInfo,
.CardPackAnimation .CardPackArrows,
.CardPackAnimation .CardPackShadow,
.CardPackAnimation .CardPackTopSlice,
.CardPackAnimation .CardPackShadowedParticle,
.CardPackAnimation .CardPackParticle,
.CardPackAnimation .CardPackBorder,
.CardPackAnimation .CardPackBorderPaths {
  animation: fadeIn 2s;
  animation-delay: 0.25s;
}

.TopLeftAbsolute, .CardPackAnimation .CardPackElementsContainer .CardPackElectricity, .CardPackAnimation .CardPack,
.CardPackAnimation .CardPackShadow,
.CardPackAnimation .CardPackBorder,
.CardPackAnimation .CardPackParticles,
.CardPackAnimation .CardPackTopSlice, .SetCardPack .SetCardWrapperAnimation, .LobbyAnimation .CardPackAnimation, .GameSceneAnimation .CardPackAnimation .CardPackSmallDrawerWrapper {
  position: absolute;
  left: 0;
  top: 0;
}

.DisplayCenter, .CardPackAnimation .CardPackWrapper, .CardPackAnimation .CardPackElementsContainer,
.CardPackAnimation .CardPackArrows, .GameSceneAnimation .CardPackAnimation .CardPackSmallDrawerWrapper .CardPackSmallDrawerContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}

.BackgroundImageProps,
.CardPackAnimation .CardPackShadow, .CardPackAnimation .CardPack,
.CardPackAnimation .CardPackTopSlice,
.CardPackAnimation .CardPackShadowedParticle,
.CardPackAnimation .CardPackParticle,
.CardPackAnimation .CardPackBorder,
.CardPackAnimation .CardPackBorderPaths, .SetCardPack .SetCardWrapperAnimation, .SetCardPack .SetCard, .CardPackChipGlow, .GameSceneAnimation .CardPackAnimation .CardPackAnimationDrawer,
.GameSceneAnimation .CardPackAnimation .CardPackAnimationDrawerCloseBtn,
.GameSceneAnimation .CardPackAnimation .CardPackAnimationDrawerGlow,
.GameSceneAnimation .CardPackAnimation .CardPackAnimationDrawerTopDivider,
.GameSceneAnimation .CardPackAnimation .CardPackSmallDrawerContainer,
.GameSceneAnimation .CardPackAnimation .CardPackSmall3D, .GameSceneAnimation .CardPackAnimation .CardPackAnimationDrawer .CardPackAnimationDrawerContainer, .GameSceneAnimation .CardPackAnimation .CardPackAnimationDrawer .CardPackAnimationDrawerTopDividerWrapper .Divider {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

@keyframes float {
  0% {
    transform: translate(-50%) translateY(-50%) rotateY(15deg) rotateX(10deg);
  }
  50% {
    transform: translate(-50%) translateY(-55%) rotateY(0deg) rotateX(0deg);
  }
  100% {
    transform: translate(-50%) translateY(-50%) rotateY(15deg) rotateX(10deg);
  }
}

@keyframes pulse {
  0% {
    transform: translate(-50%, -50%) scale(0.95);
  }
  75% {
    transform: translate(-50%, -50%) scale(1.05);
  }
  100% {
    transform: translate(-50%, -50%) scale(0.95);
  }
}

@keyframes pulseOpacity {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(0.95);
  }
  60% {
    opacity: 0.2;
    transform: translate(-50%, -50%) scale(1.05);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(0.95);
  }
}

@keyframes explode {
  0% {
    transform: rotateZ(-5deg) scale(0);
  }
  100% {
    transform: rotateZ(-5deg) scale(1);
  }
}

@keyframes fadeInAndOut {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.ChipRareness .SetCardRareness, .SetContainer .SetCard:nth-child(3) .SetCardRareness, .SetCardPack .Chip .SetCardRareness {
  bottom: 4px;
}

.ChipRareness .SetCardRareness .SetCardStar, .SetContainer .SetCard:nth-child(3) .SetCardRareness .SetCardStar, .SetCardPack .Chip .SetCardRareness .SetCardStar {
  margin: 0;
  background-size: contain;
}

.ChipRareness .SetCardRareness.SetCardRarenessCount-2 .SetCardStar:nth-child(1), .SetContainer .SetCard:nth-child(3) .SetCardRareness.SetCardRarenessCount-2 .SetCardStar:nth-child(1), .SetCardPack .Chip .SetCardRareness.SetCardRarenessCount-2 .SetCardStar:nth-child(1) {
  transform: rotate(10deg);
}

.ChipRareness .SetCardRareness.SetCardRarenessCount-2 .SetCardStar:nth-child(2), .SetContainer .SetCard:nth-child(3) .SetCardRareness.SetCardRarenessCount-2 .SetCardStar:nth-child(2), .SetCardPack .Chip .SetCardRareness.SetCardRarenessCount-2 .SetCardStar:nth-child(2) {
  transform: rotate(-10deg);
}

.ChipRareness .SetCardRareness.SetCardRarenessCount-3 .SetCardStar:nth-child(1), .SetContainer .SetCard:nth-child(3) .SetCardRareness.SetCardRarenessCount-3 .SetCardStar:nth-child(1), .SetCardPack .Chip .SetCardRareness.SetCardRarenessCount-3 .SetCardStar:nth-child(1) {
  bottom: 3px;
  transform: rotate(20deg);
}

.ChipRareness .SetCardRareness.SetCardRarenessCount-3 .SetCardStar:nth-child(3), .SetContainer .SetCard:nth-child(3) .SetCardRareness.SetCardRarenessCount-3 .SetCardStar:nth-child(3), .SetCardPack .Chip .SetCardRareness.SetCardRarenessCount-3 .SetCardStar:nth-child(3) {
  bottom: 3px;
  transform: rotate(-20deg);
}

.ChipRareness .SetCardRareness.SetCardRarenessCount-4 .SetCardStar:nth-child(1), .SetContainer .SetCard:nth-child(3) .SetCardRareness.SetCardRarenessCount-4 .SetCardStar:nth-child(1), .SetCardPack .Chip .SetCardRareness.SetCardRarenessCount-4 .SetCardStar:nth-child(1) {
  bottom: 6px;
  transform: rotate(20deg);
}

.ChipRareness .SetCardRareness.SetCardRarenessCount-4 .SetCardStar:nth-child(2), .SetContainer .SetCard:nth-child(3) .SetCardRareness.SetCardRarenessCount-4 .SetCardStar:nth-child(2), .SetCardPack .Chip .SetCardRareness.SetCardRarenessCount-4 .SetCardStar:nth-child(2) {
  bottom: 1px;
  transform: rotate(10deg);
}

.ChipRareness .SetCardRareness.SetCardRarenessCount-4 .SetCardStar:nth-child(3), .SetContainer .SetCard:nth-child(3) .SetCardRareness.SetCardRarenessCount-4 .SetCardStar:nth-child(3), .SetCardPack .Chip .SetCardRareness.SetCardRarenessCount-4 .SetCardStar:nth-child(3) {
  bottom: 1px;
  transform: rotate(-10deg);
}

.ChipRareness .SetCardRareness.SetCardRarenessCount-4 .SetCardStar:nth-child(4), .SetContainer .SetCard:nth-child(3) .SetCardRareness.SetCardRarenessCount-4 .SetCardStar:nth-child(4), .SetCardPack .Chip .SetCardRareness.SetCardRarenessCount-4 .SetCardStar:nth-child(4) {
  bottom: 6px;
  transform: rotate(-20deg);
}

.ChipRareness .SetCardRareness.SetCardRarenessCount-5 .SetCardStar:nth-child(1), .SetContainer .SetCard:nth-child(3) .SetCardRareness.SetCardRarenessCount-5 .SetCardStar:nth-child(1), .SetCardPack .Chip .SetCardRareness.SetCardRarenessCount-5 .SetCardStar:nth-child(1) {
  bottom: 8px;
  transform: rotate(30deg);
}

.ChipRareness .SetCardRareness.SetCardRarenessCount-5 .SetCardStar:nth-child(2), .SetContainer .SetCard:nth-child(3) .SetCardRareness.SetCardRarenessCount-5 .SetCardStar:nth-child(2), .SetCardPack .Chip .SetCardRareness.SetCardRarenessCount-5 .SetCardStar:nth-child(2) {
  bottom: 3px;
  transform: rotate(20deg);
}

.ChipRareness .SetCardRareness.SetCardRarenessCount-5 .SetCardStar:nth-child(3), .SetContainer .SetCard:nth-child(3) .SetCardRareness.SetCardRarenessCount-5 .SetCardStar:nth-child(3), .SetCardPack .Chip .SetCardRareness.SetCardRarenessCount-5 .SetCardStar:nth-child(3) {
  bottom: 1px;
}

.ChipRareness .SetCardRareness.SetCardRarenessCount-5 .SetCardStar:nth-child(4), .SetContainer .SetCard:nth-child(3) .SetCardRareness.SetCardRarenessCount-5 .SetCardStar:nth-child(4), .SetCardPack .Chip .SetCardRareness.SetCardRarenessCount-5 .SetCardStar:nth-child(4) {
  bottom: 3px;
  transform: rotate(-20deg);
}

.ChipRareness .SetCardRareness.SetCardRarenessCount-5 .SetCardStar:nth-child(5), .SetContainer .SetCard:nth-child(3) .SetCardRareness.SetCardRarenessCount-5 .SetCardStar:nth-child(5), .SetCardPack .Chip .SetCardRareness.SetCardRarenessCount-5 .SetCardStar:nth-child(5) {
  bottom: 8px;
  transform: rotate(-30deg);
}

.TopAbsolute {
  position: absolute;
  top: 0;
  left: 0;
}

.SetContainer .SetCard:nth-child(1), .SetContainer .SetCard:nth-child(2), .SetContainer .SetCard:nth-child(4), .SetContainer .SetCard:nth-child(5) {
  margin-top: 6px;
}

.SetContainer .SetCard:nth-child(1) {
  margin-left: 6px;
  transform: rotate(-5deg);
}

.SetContainer .SetCard:nth-child(2) {
  transform: rotate(-1deg) translate(-4px, -4px);
  margin-right: 15px;
}

.SetContainer .SetCard:nth-child(3) {
  height: 109px;
  width: 106px;
  margin-right: 15px;
  margin-bottom: 10px;
}

.SetContainer .SetCard:nth-child(3) .SetCardDuplicates {
  top: 38px;
}

.SetContainer .SetCard:nth-child(3) .SetCardNumber {
  bottom: 35px;
  font-size: 14px;
}

.SetContainer .SetCard:nth-child(4) {
  transform: rotate(1deg) translate(4px, -4px);
}

.SetContainer .SetCard:nth-child(5) {
  transform: rotate(6deg);
}

.SetContainer .SetCard:nth-child(6), .SetContainer .SetCard:nth-child(7), .SetContainer .SetCard:nth-child(8), .SetContainer .SetCard:nth-child(9), .SetContainer .SetCard:nth-child(10) {
  margin-top: 18px;
  margin-left: 6px;
}

.SetContainer .SetCard:nth-child(6) {
  margin-left: 22px;
}

.SetContainer .SetCard .SetCardNumber {
  position: absolute;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  opacity: .3;
  font-size: 18px;
  font-family: 'BlenderPro-Bold';
  color: #fff;
  z-index: 2;
}

.SetContainer .SetCard .SetCardDuplicates {
  position: absolute;
  top: 60px;
  left: -6px;
  width: 32px;
  height: 28px;
  padding: 4px 0;
  text-align: center;
  background-repeat: no-repeat;
  font-size: 16px;
  font-family: 'Akzidenz-Grotesk Pro Bold Cnd';
  z-index: 2;
}

.SetContainer .SetCard .SetCardLegendChipText {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translate(-50%);
  width: 100px;
  height: 32px;
}

.SetContainer .SetCard .SetCardChipAnimation {
  position: absolute;
  left: -1px;
  top: 1px;
  width: 106px;
  height: 104px;
  border-radius: 50%;
  overflow: hidden;
}

.SetContainer .SetCard .SetCardChipAnimation:before {
  content: '';
  position: absolute;
  left: -30px;
  width: 30px;
  height: 109px;
  transform: rotate(-10deg);
  box-shadow: inset 0 0px 20px 10px #FFF;
  animation: swipe 3s infinite 2s;
  opacity: .6;
}

.SetContainer .SetCard .SetCardChipAnimation .SetCardChipShadow:after, .SetContainer .SetCard .SetCardChipAnimation .SetCardChipShadow:before {
  content: '';
  position: absolute;
  top: 0;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  animation: rotateClock 3s infinite linear;
  border: 4px solid transparent;
  border-left: 4px solid rgba(255, 255, 255, 0.4);
  -webkit-filter: drop-shadow(7px 8px 5px #FFF);
          filter: drop-shadow(7px 8px 5px #FFF);
}

.SetContainer .SetCard .SetCardChipAnimation .SetCardChipShadow:after {
  top: 5px;
  left: 5px;
  width: 90px;
  height: 90px;
  animation: rotateAntiClock 3s infinite linear;
  border-left: 4px solid rgba(255, 255, 255, 0.1);
}

@keyframes rotateAntiClock {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0);
  }
}

@keyframes rotateClock {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes swipe {
  0% {
    left: -30px;
  }
  100% {
    left: 130px;
  }
}

.SetCard {
  position: relative;
  display: inline-block;
  width: 87px;
  height: 134px;
  border-radius: 7px;
  background-blend-mode: hard-light;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}

.SetCard .SetCardLimitedFrame {
  width: 83px;
  height: 130px;
  position: absolute;
  z-index: 2;
  border-radius: 7px;
  outline: 2px solid #FF2C49;
  border: 1px solid #ffC812;
  top: 1px;
  left: 1px;
}

.SetCard .SetCardLimitedFrame .SetCardLimitedFrameTextContainer {
  width: 84px;
  height: 134px;
  overflow: hidden;
  position: absolute;
  left: 0px;
  top: -1px;
}

.SetCard .SetCardLimitedFrame .SetCardLimitedFrameText {
  background-color: #FF2C49;
  border: 1px solid #ffC812;
  width: 60px;
  position: absolute;
  box-sizing: border-box;
  transform: rotateZ(42deg);
  top: 0;
  right: 0;
  transform-origin: 30px 30px;
  text-align: center;
  font-size: 12px;
  font-family: 'AkzidGroProBolCnd';
}

.SetCard .SetCardLimitedFrame.withoutFrame {
  border: 0px;
  outline: 0px;
}

.SetCard .SetCardLimitedFrame.withoutFrame .SetCardLimitedFrameTextContainer {
  top: 1px;
}

.SetCard .SetCardLogo {
  position: relative;
  margin: 26px 6px 10px 12px;
  width: 62px;
  height: 62px;
  z-index: 2;
  background-size: contain;
  opacity: .8;
}

.SetCard .SetCardRareness {
  position: absolute;
  bottom: 1px;
  width: 100%;
  z-index: 2;
  text-align: center;
}

.SetCard .SetCardRareness .SetCardStar {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 1px 1px;
  background-size: contain;
}

.SetCard .SetCardRareness.ChipRareness, .SetCard .SetContainer .SetCardRareness.SetCard:nth-child(3), .SetContainer .SetCard .SetCardRareness.SetCard:nth-child(3), .SetCard .SetCardPack .SetCardRareness.Chip, .SetCardPack .SetCard .SetCardRareness.Chip {
  margin-bottom: -1px;
}

.SetCard .SetCardNew {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: contain;
  width: 29px;
  height: 20px;
  z-index: 3;
}

.SetCardNoClick {
  cursor: default;
  pointer-events: none;
}

.SetCardNoClick .SetCardRareness.ChipRareness, .SetCardNoClick .SetContainer .SetCardRareness.SetCard:nth-child(3), .SetContainer .SetCardNoClick .SetCardRareness.SetCard:nth-child(3), .SetCardNoClick .SetCardPack .SetCardRareness.Chip, .SetCardPack .SetCardNoClick .SetCardRareness.Chip {
  margin-bottom: 10px;
}

.SetCardAnimation .SetCardLimitedFrame {
  top: 1.5px;
  left: 2px;
  width: 81px;
  height: 128px;
  border-radius: 4px;
}

.CardPackAnimation .CardPackShadowedParticle,
.CardPackAnimation .CardPackParticle {
  width: 20px;
  height: 20px;
  position: absolute;
}

.CardPackAnimation .CardPackInfo {
  color: #fff;
  max-width: 400px;
  word-break: break-word;
  margin: 0 auto;
}

.CardPackAnimation .CardPackInfo .GoldText {
  text-transform: uppercase;
  color: #fce82c;
  font-family: 'AkzidGroProBolCnd', arial, sans-serif;
}

.CardPackAnimation .CardPackWrapper {
  height: 60%;
  position: relative;
}

.CardPackAnimation .CardPackElementsContainer {
  height: 50%;
  position: relative;
  transform-origin: 50% 50%;
  z-index: 1;
}

.CardPackAnimation .CardPackElementsContainer .CardPackElectricity {
  height: 187.2px;
  width: 130px;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  mix-blend-mode: screen;
}

.CardPackAnimation .CardPackElementsContainer .CardPackElectricity .SetCardRelativeContainer {
  position: relative;
}

.CardPackAnimation .CardPack,
.CardPackAnimation .CardPackShadow,
.CardPackAnimation .CardPackBorder,
.CardPackAnimation .CardPackParticles {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.CardPackAnimation .CardPack {
  height: 187.2px;
  width: 130px;
}

.CardPackAnimation .CardPackGlowShaking {
  animation: dropShadow 1s ease-in-out;
}

@keyframes dropShadow {
  0% {
    -webkit-filter: drop-shadow(0px 0px 0px #fff);
            filter: drop-shadow(0px 0px 0px #fff);
  }
  100% {
    -webkit-filter: drop-shadow(0px 0px 25px #fff);
            filter: drop-shadow(0px 0px 25px #fff);
  }
}

.CardPackAnimation .CardPackTopSlice {
  width: 115px;
  height: 43px;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}

.CardPackAnimation .CardPackAnimated {
  animation: float 6s ease-in-out infinite;
}

.CardPackAnimation .CardPackShadow {
  height: 202.8px;
  width: 169px;
}

.CardPackAnimation .CardPackParticles {
  height: 202.8px;
  width: 169px;
  opacity: 0;
}

.CardPackAnimation .CardPackParticles .CardPackParticlesContainer {
  position: relative;
  height: 100%;
  width: 100%;
}

.CardPackAnimation .CardPackParticles.CardPackAnimated {
  opacity: 1;
}

.CardPackAnimation .CardPackParticles.CardPackAnimated .CardPackParticle:nth-child(1) {
  animation: fadeInAndOut 4s infinite linear;
  animation-delay: -1s;
}

.CardPackAnimation .CardPackParticles.CardPackAnimated .CardPackParticle:nth-child(2) {
  animation: fadeInAndOut 4s infinite linear;
  animation-delay: -2s;
}

.CardPackAnimation .CardPackParticles.CardPackAnimated .CardPackParticle:nth-child(3) {
  animation: fadeInAndOut 4s infinite linear;
  animation-delay: -3s;
}

.CardPackAnimation .CardPackParticles.CardPackAnimated .CardPackParticle:nth-child(4) {
  animation: fadeInAndOut 4s infinite linear;
  animation-delay: -4s;
}

.CardPackAnimation .CardPackParticles.CardPackAnimated .CardPackParticle:nth-child(5) {
  animation: fadeInAndOut 4s infinite linear;
  animation-delay: -5s;
}

.CardPackAnimation .CardPackParticles.CardPackAnimated .CardPackParticle:nth-child(6) {
  animation: fadeInAndOut 4s infinite linear;
  animation-delay: -6s;
}

.CardPackAnimation .CardPackParticles.CardPackAnimated .CardPackParticle:nth-child(7) {
  animation: fadeInAndOut 4s infinite linear;
  animation-delay: -7s;
}

.CardPackAnimation .CardPackParticles.CardPackAnimated .CardPackParticle:nth-child(8) {
  animation: fadeInAndOut 4s infinite linear;
  animation-delay: -8s;
}

.CardPackAnimation .CardPackParticles.CardPackAnimated .CardPackParticle:nth-child(9) {
  animation: fadeInAndOut 4s infinite linear;
  animation-delay: -9s;
}

.CardPackAnimation .CardPackParticles.CardPackAnimated .CardPackParticle:nth-child(10) {
  animation: fadeInAndOut 4s infinite linear;
  animation-delay: -10s;
}

.CardPackAnimation .CardPackParticles.CardPackAnimated .CardPackShadowedParticle:nth-child(1) {
  animation: fadeInAndOut 4s infinite linear;
  animation-delay: -1s;
}

.CardPackAnimation .CardPackParticles.CardPackAnimated .CardPackShadowedParticle:nth-child(2) {
  animation: fadeInAndOut 4s infinite linear;
  animation-delay: -2s;
}

.CardPackAnimation .CardPackParticles.CardPackAnimated .CardPackShadowedParticle:nth-child(3) {
  animation: fadeInAndOut 4s infinite linear;
  animation-delay: -3s;
}

.CardPackAnimation .CardPackParticles.CardPackAnimated .CardPackShadowedParticle:nth-child(4) {
  animation: fadeInAndOut 4s infinite linear;
  animation-delay: -4s;
}

.CardPackAnimation .CardPackParticles.CardPackAnimated .CardPackShadowedParticle:nth-child(5) {
  animation: fadeInAndOut 4s infinite linear;
  animation-delay: -5s;
}

.CardPackAnimation .CardPackParticles.CardPackAnimated .CardPackShadowedParticle:nth-child(6) {
  animation: fadeInAndOut 4s infinite linear;
  animation-delay: -6s;
}

.CardPackAnimation .CardPackParticles.CardPackAnimated .CardPackShadowedParticle:nth-child(7) {
  animation: fadeInAndOut 4s infinite linear;
  animation-delay: -7s;
}

.CardPackAnimation .CardPackParticles.CardPackAnimated .CardPackShadowedParticle:nth-child(8) {
  animation: fadeInAndOut 4s infinite linear;
  animation-delay: -8s;
}

.CardPackAnimation .CardPackParticles.CardPackAnimated .CardPackShadowedParticle:nth-child(9) {
  animation: fadeInAndOut 4s infinite linear;
  animation-delay: -9s;
}

.CardPackAnimation .CardPackParticles.CardPackAnimated .CardPackShadowedParticle:nth-child(10) {
  animation: fadeInAndOut 4s infinite linear;
  animation-delay: -10s;
}

.CardPackAnimation .CardPackShadowAnimated {
  animation: pulse .9s infinite ease-out;
}

.CardPackAnimation .CardPackBorderAnimated {
  animation: pulseOpacity .9s infinite ease-out;
}

.CardPackAnimation .CardPackBorder {
  height: 218.4px;
  width: 182px;
}

.CardPackAnimation .CardPackBorder .CardPackBorderPath {
  fill: none;
  stroke: #3ac1f5;
  stroke-miterlimit: 10;
  stroke-width: 3px;
}

.CardPackAnimation .CardPackSetName {
  position: absolute;
  bottom: -20%;
  opacity: 0;
  display: flex;
  flex-direction: column;
  text-align: center;
  max-width: 90%;
  word-break: break-all;
}

.CardPackAnimation .CardPackSetName > span {
  font-family: 'BlenderPro-Bold';
  text-transform: uppercase;
  color: #59d1ff;
  font-size: 14pt;
  -webkit-filter: drop-shadow(0px 0px 5px #029ad4);
          filter: drop-shadow(0px 0px 5px #029ad4);
}

.CardPackAnimation .CardPackArrows {
  cursor: pointer;
}

.CardPackAnimation .CardPackArrows .CardPackTapToOpen {
  font-family: 'AkzidGroProBolCnd';
  padding: 0 10px;
  font-size: 17pt;
  animation: scaling 0.5s ease-in-out infinite alternate;
}

@keyframes scaling {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0.9);
  }
}

.CardPackAnimation .CardPackExplosion {
  width: 130px;
  height: 34px;
  background-color: white;
  position: absolute;
  z-index: 5;
  border-radius: 54%;
  top: -25%;
  opacity: 0;
}

.CardPackAnimation .Exploded {
  opacity: 1;
  box-shadow: 0px 1px 20px 20px white;
  animation: explode 1s ease;
}

.CardPackAnimation .SweetButtonContainer .SweetButton {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -10px);
  z-index: 1;
  cursor: pointer;
  overflow: hidden;
}

.CardPackAnimation .SweetButtonContainer .SweetButton:focus {
  border: 0px;
}

.CardPackAnimation .SweetButtonContainer .SweetButton:after {
  content: '';
  position: absolute;
  left: -60px;
  top: -15px;
  width: 30px;
  height: 109px;
  transform: rotate(15deg);
  box-shadow: inset 0 0px 20px 10px #FFF;
  animation: swipe 1s linear;
  opacity: .4;
}

@keyframes swipe {
  0% {
    left: -60px;
  }
  100% {
    left: 200px;
  }
}

.CardPackAnimation .SetCard .SetCardRareness.ChipRareness, .CardPackAnimation .SetCard .SetContainer .SetCardRareness.SetCard:nth-child(3), .SetContainer .CardPackAnimation .SetCard .SetCardRareness.SetCard:nth-child(3), .CardPackAnimation .SetCard .SetCardPack .SetCardRareness.Chip, .SetCardPack .CardPackAnimation .SetCard .SetCardRareness.Chip {
  margin-bottom: -4px;
  background-size: contain;
}

.SetCardPack {
  position: relative;
  opacity: 0;
}

.SetCardPack .SetCardWrapperAnimation {
  cursor: default;
  width: 85px;
  height: 134px;
  left: 50%;
  top: -50px;
  transform: translateX(-50%);
}

.SetCardPack .SetCard {
  background-size: contain;
  cursor: default;
  width: 80px;
  height: 124px;
  left: 2px;
  top: 2px;
}

.SetCardPack .SetCard .SetCardDuplicates {
  display: none;
}

.SetCardPack .SetCard .SetCardRareness {
  transform: scale(0.85);
  bottom: -1px;
}

.SetCardPack .Chip {
  width: 88px;
  height: 91px;
  left: 0px;
}

.SetCardPack .Chip .SetCardRareness {
  transform: scale(0.75);
  bottom: 3px;
}

.SetCardPack .Chip .SetCardNew {
  opacity: 0;
  z-index: 1;
  transform: translate(-50%, -50%) scale(1.5);
}

.SetCardPack .CardPackOpeningGlow {
  position: absolute;
  width: 28px;
  opacity: 0;
  transform: scale(4);
  left: 28.5px;
  top: -2px;
}

.CardPackChipExplosion,
.CardPackChipCharge {
  width: 256px;
  height: 256px;
  position: absolute;
  background-position: 0px 0px;
  opacity: 0;
}

.CardPackChipGlow {
  background-size: contain;
  cursor: default;
  height: 100%;
  width: 100%;
  position: absolute;
  transform: scale(1.4);
  top: -300px;
  opacity: 0;
}

.CardPackSkip {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 23pt;
  padding: 20px 40px;
  color: #fff;
  font-family: 'AkzidGroProLigCnd', arial, sans-serif;
  z-index: 1;
  cursor: pointer;
}

.LobbyAnimation .CardPackAnimation {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  background: radial-gradient(circle, black 0%, #050e27de 92%);
  z-index: 6;
}

.LobbyAnimation .CardPackDescription {
  text-align: center;
  padding-top: 40px;
}

.LobbyAnimation .CardPackDescription .CardPackTitle {
  font-size: 23pt;
  font-family: 'BlenderPro-Bold', arial, sans-serif;
  text-transform: uppercase;
  color: #59d1ff;
  -webkit-filter: drop-shadow(0px 0px 5px #029ad4);
          filter: drop-shadow(0px 0px 5px #029ad4);
}

.LobbyAnimation .CardPackDescription .CardPackInfo {
  font-size: 17pt;
  font-family: 'AkzidGroProLigCnd', arial, sans-serif;
}

.GameSceneAnimation .CardPackAnimation .CardPackAnimationDrawer,
.GameSceneAnimation .CardPackAnimation .CardPackAnimationDrawerCloseBtn,
.GameSceneAnimation .CardPackAnimation .CardPackAnimationDrawerGlow,
.GameSceneAnimation .CardPackAnimation .CardPackAnimationDrawerTopDivider,
.GameSceneAnimation .CardPackAnimation .CardPackSmallDrawerContainer,
.GameSceneAnimation .CardPackAnimation .CardPackSmall3D {
  background-size: contain;
}

.GameSceneAnimation .CardPackAnimation .CardPackWrapper {
  cursor: pointer;
  transform: scale(0.5);
  width: 200px;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.5);
}

.GameSceneAnimation .CardPackAnimation .CardPackAnimationDrawer {
  position: absolute;
  width: 262px;
  height: 524px;
  top: -30px;
  left: -96px;
}

.GameSceneAnimation .CardPackAnimation .CardPackAnimationDrawer .CardPackDrawerMask {
  position: absolute;
  width: 270px;
  height: 524px;
  top: 10px;
}

.GameSceneAnimation .CardPackAnimation .CardPackAnimationDrawer .CardPackAnimationDrawerContainer {
  background-size: contain;
  position: relative;
  width: 132px;
  height: 324px;
  margin-left: -35px;
  margin-top: 80px;
}

.GameSceneAnimation .CardPackAnimation .CardPackAnimationDrawer .CardPackAnimationDrawerInner {
  overflow: hidden;
  width: 114px;
  height: 289px;
  position: absolute;
  top: 18px;
}

.GameSceneAnimation .CardPackAnimation .CardPackAnimationDrawer .CardPackAnimationDrawerGlow {
  position: absolute;
  width: 117px;
  height: 114px;
}

.GameSceneAnimation .CardPackAnimation .CardPackAnimationDrawer .CardPackAnimationDrawerGlow.Top {
  top: -10px;
  transform: rotate(180deg);
}

.GameSceneAnimation .CardPackAnimation .CardPackAnimationDrawer .CardPackAnimationDrawerGlow.Bottom {
  bottom: -10px;
}

.GameSceneAnimation .CardPackAnimation .CardPackAnimationDrawer .CardPackAnimationDrawerCloseBtn {
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 35px;
  background-size: cover;
  z-index: 2;
  cursor: pointer;
}

.GameSceneAnimation .CardPackAnimation .CardPackAnimationDrawer .CardPackAnimationDrawerTopDividerWrapper {
  position: absolute;
  margin-top: 5px;
  width: 117px;
}

.GameSceneAnimation .CardPackAnimation .CardPackAnimationDrawer .CardPackAnimationDrawerTopDividerWrapper .CardPackInfo {
  font-size: 12pt;
  text-align: center;
  display: flex;
  flex-direction: column;
}

.GameSceneAnimation .CardPackAnimation .CardPackAnimationDrawer .CardPackAnimationDrawerTopDividerWrapper .CardPackInfo .CardPackText {
  z-index: 1;
  padding: 0 5px;
}

.GameSceneAnimation .CardPackAnimation .CardPackAnimationDrawer .CardPackAnimationDrawerTopDividerWrapper .Divider {
  background-size: cover;
  height: 62px;
  width: 117px;
  margin-top: -35px;
  margin-left: 2px;
}

.GameSceneAnimation .CardPackAnimation .CardPackSetName {
  padding: 0 10px;
  bottom: -65px;
}

.GameSceneAnimation .CardPackAnimation .CardPackSetName > span {
  font-size: 18pt;
  word-break: break-word;
}

.GameSceneAnimation .CardPackAnimation .CardPackArrows {
  position: absolute;
  bottom: 27px;
  width: 117px;
  cursor: pointer;
}

.GameSceneAnimation .CardPackAnimation .CardPackArrows .LeftArrows {
  transform: scale(0.6);
}

.GameSceneAnimation .CardPackAnimation .CardPackArrows .RightArrows {
  transform: rotate(180deg) scale(0.6);
}

.GameSceneAnimation .CardPackAnimation .CardPackArrows .ThreeArrows {
  display: flex;
}

.GameSceneAnimation .CardPackAnimation .CardPackArrows .CardPackTapToOpen {
  font-size: 10pt;
  padding: 0;
}

.GameSceneAnimation .CardPackAnimation .CardPackExplosion {
  top: -65%;
}

.GameSceneAnimation .CardPackAnimation .SweetButtonContainer {
  transform: scale(0.55);
}

.GameSceneAnimation .CardPackAnimation .SweetButtonContainer .SweetButton {
  bottom: -200px;
}

.GameSceneAnimation .CardPackAnimation .CardPackSmallDrawerWrapper {
  overflow: hidden;
  width: 168px;
  height: 91px;
  top: 180px;
  left: 18px;
  cursor: pointer;
}

.GameSceneAnimation .CardPackAnimation .CardPackSmallDrawerWrapper .CardPackSmallDrawerContainer {
  width: 168px;
  height: 91px;
  justify-content: space-evenly;
  margin-left: -170px;
}

.GameSceneAnimation .CardPackAnimation .CardPackSmallDrawerWrapper .CardPackSmall3D {
  width: 46px;
  height: 63px;
}

.GameSceneAnimation .CardPackAnimation .CardPackSmallDrawerWrapper .CardPackSmallInfo {
  text-align: center;
  width: 100px;
  padding: 0 13px 0 0;
  font-size: 12pt;
}

.GameSceneAnimation .CardPackAnimation .CardPackSmallDrawerWrapper .CardPackSmallPlus {
  font-size: 20pt;
  -webkit-filter: drop-shadow(0px 0px 5px #029ad4);
          filter: drop-shadow(0px 0px 5px #029ad4);
}

.GameSceneAnimation .CardPackAnimation .CardPackSmallDrawerWrapper .CardPackSmallPlus,
.GameSceneAnimation .CardPackAnimation .CardPackSmallDrawerWrapper .CardPackSmallInfo {
  font-family: 'AkzidGroProCnd', arial, sans-serif;
  text-transform: uppercase;
}

.LobbyAnimation .SetCard > .SetCardLimitedFrame,
.GameSceneAnimation .SetCard > .SetCardLimitedFrame {
  top: -3px;
  left: -2px;
  height: 128px;
  transform: scale(0.93);
}

.RightArrows,
.LeftArrows {
  display: flex;
  align-items: center;
}

.RightArrows {
  transform: rotate(180deg) translateY(-1px);
}

.ArrowPath {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 4px;
  margin-right: -2px;
  border-color: #fffc00;
  transform: rotate(-45deg);
  animation: color_anim 1s infinite 0.25s;
}

.ArrowsCompleted .ArrowPath {
  border-color: #188469;
  animation: color_anim_completed 1s infinite 0.25s;
}

.ArrowPath:nth-child(1) {
  animation-delay: 0.25s;
}

.ArrowPath:nth-child(2) {
  animation-delay: 0.5s;
}

.ArrowPath:nth-child(3) {
  animation-delay: 0.75s;
}

/* SVG animations */
@keyframes color_anim {
  10% {
    border-color: #fffc00;
  }
  50% {
    border-color: #ffa80b;
  }
  100% {
    border-color: #a9521d;
  }
}

@keyframes color_anim_completed {
  10% {
    border-color: #4cf4b4;
  }
  50% {
    border-color: #3bc389;
  }
  100% {
    border-color: #278a6d;
  }
}

.ParticleContainer {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: fadeIn 0.7s linear;
}

.ParticleContainer .Particle {
  position: absolute;
  border-radius: 50%;
  background-color: #89B9C1;
  box-shadow: 0px 0px 8px 4px #408D8D;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  opacity: 0;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.DisplayNone {
  display: none;
}

.FadeInAnimation {
  animation: fadeIn 2s;
  animation-delay: 0.25s;
}

.TopLeftAbsolute, .SetCompletionWrapper, .SetCompletionWrapper .SetCompletionFirstPhase,
.SetCompletionWrapper .SetCompletionSecondPhase, .SetCompletionWrapper .SetCompletionFirstPhase .SetCompletionBody .SetCompletionSetLogoContainer, .SetCompletionWrapper .SetCompletionFirstPhase .SetCompletionBody .SetCompletionSetLogoContainer .SetCompletionSetLogoBackFlareContainer .SetCompletionSetLogo, .SetCompletionWrapper .SetCompletionFirstPhase .SetCompletionBody .SetCompletionSetLogoContainer .SetCompletionSetLogoBackFlareContainer .SetCompletionFlareBackLayer, .SetCompletionWrapper .SetCompletionSecondPhase .SetCompletionParticlesLayer,
.SetCompletionWrapper .SetCompletionSecondPhase .SetCompletionCardsLayer,
.SetCompletionWrapper .SetCompletionSecondPhase .SetCompletionChipsLayer {
  position: absolute;
  left: 0;
  top: 0;
}

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

.BackgroundImageProps, .SetCompletionWrapper .SetCompletionCloseBtn,
.SetCompletionWrapper .SetCompletionSetLogo,
.SetCompletionWrapper .SetCompletionFlareBackLayer,
.SetCompletionWrapper .SetCompletionCheckMark,
.SetCompletionWrapper .SetCompletionDivider,
.SetCompletionWrapper .SetCompletionCardsLayer,
.SetCompletionWrapper .SetCompletionParticlesLayer,
.SetCompletionWrapper .SetCompletionChipsLayer, .SetCompletionWrapper .SetCompletionFirstPhase .SetCompletionBody .SetCompletionInfo, .SetCompletionWrapper .SetCompletionSecondPhase .SetCompletionBody .SetCompletionInfo {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.SetCompletionWrapper {
  background: #05055c;
  background: radial-gradient(circle, #05055c 0%, #050e27de 92%);
  width: 100%;
  height: 100%;
  z-index: 6;
  overflow: hidden;
}

.SetCompletionWrapper .SetCompletionCloseBtn,
.SetCompletionWrapper .SetCompletionSetLogo,
.SetCompletionWrapper .SetCompletionFlareBackLayer,
.SetCompletionWrapper .SetCompletionCheckMark,
.SetCompletionWrapper .SetCompletionDivider,
.SetCompletionWrapper .SetCompletionCardsLayer,
.SetCompletionWrapper .SetCompletionParticlesLayer,
.SetCompletionWrapper .SetCompletionChipsLayer {
  background-size: contain;
}

.SetCompletionWrapper .SetCompletionHeader {
  height: 75px;
}

.SetCompletionWrapper .SetCompletionHeader .SetCompletionCloseBtn {
  position: absolute;
  top: 10px;
  right: 52px;
  width: 38px;
  height: 38px;
  margin-top: 12px;
  z-index: 2;
  cursor: pointer;
}

.SetCompletionWrapper .SetCompletionFirstPhase,
.SetCompletionWrapper .SetCompletionSecondPhase {
  width: 100%;
  height: 350px;
  top: 75px;
}

.SetCompletionWrapper .SetCompletionFirstPhase .SetCompletionBody {
  width: 100%;
  height: 100%;
}

.SetCompletionWrapper .SetCompletionFirstPhase .SetCompletionBody .SetCompletionInfo {
  text-align: center;
  opacity: 1;
  position: relative;
  z-index: 2;
}

.SetCompletionWrapper .SetCompletionFirstPhase .SetCompletionBody .SetCompletionInfo .SetCompletionTitle {
  font-size: 22pt;
  font-family: 'BlenderPro-Bold', arial, sans-serif;
  color: #59d1ff;
  font-weight: bold;
  text-transform: uppercase;
}

.SetCompletionWrapper .SetCompletionFirstPhase .SetCompletionBody .SetCompletionInfo .SetCompletionText {
  font-size: 17pt;
  font-family: 'AkzidGroProLigCnd', arial, sans-serif;
  color: #fff;
  line-height: 1.333;
}

.SetCompletionWrapper .SetCompletionFirstPhase .SetCompletionBody .SetCompletionCheckMark {
  transform: translate(-50%, -50%) scale(3);
  opacity: 0;
  width: 45px;
  height: 45px;
  position: absolute;
  top: 140px;
  right: 300px;
}

.SetCompletionWrapper .SetCompletionFirstPhase .SetCompletionBody .SetCompletionSetLogoContainer {
  transform: scale(0);
  width: 100%;
  height: 100%;
}

.SetCompletionWrapper .SetCompletionFirstPhase .SetCompletionBody .SetCompletionSetLogoContainer .SetCompletionSetLogoBackFlareContainer {
  width: 100%;
  height: 100%;
}

.SetCompletionWrapper .SetCompletionFirstPhase .SetCompletionBody .SetCompletionSetLogoContainer .SetCompletionSetLogoBackFlareContainer .SetCompletionSetLogo {
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  transform: translate(-50%, -50%);
}

.SetCompletionWrapper .SetCompletionFirstPhase .SetCompletionBody .SetCompletionSetLogoContainer .SetCompletionSetLogoBackFlareContainer .SetCompletionFlareBackLayer {
  left: 50%;
  top: 50%;
  width: 500px;
  height: 500px;
  transform: translate(-50%, -50%);
  -webkit-filter: drop-shadow(0px 0px 5px #1731a6);
          filter: drop-shadow(0px 0px 5px #1731a6);
  animation: spinning 20s linear infinite;
}

.SetCompletionWrapper .SetCompletionFirstPhase .SetCompletionBody .SetCompletionSetLogoContainer .SetCompletionChipExplosion {
  width: 256px;
  height: 256px;
  position: absolute;
  background-position: 0px 0px;
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
  top: 50%;
  left: 50%;
}

@keyframes spinning {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.SetCompletionWrapper .SetCompletionSecondPhase {
  opacity: 0;
}

.SetCompletionWrapper .SetCompletionSecondPhase .SetCompletionParticlesLayer,
.SetCompletionWrapper .SetCompletionSecondPhase .SetCompletionCardsLayer,
.SetCompletionWrapper .SetCompletionSecondPhase .SetCompletionChipsLayer {
  width: 100%;
  height: 100%;
  transform: scale(0);
  opacity: 0.7;
}

.SetCompletionWrapper .SetCompletionSecondPhase .SetCompletionBody {
  width: 100%;
  height: 100%;
}

.SetCompletionWrapper .SetCompletionSecondPhase .SetCompletionBody .SetCompletionInfo {
  text-align: center;
  opacity: 0;
  margin-top: -20px;
}

.SetCompletionWrapper .SetCompletionSecondPhase .SetCompletionBody .SetCompletionInfo .SetCompletionSetLogo {
  margin: 0 auto;
  width: 80px;
  height: 80px;
  margin-top: -44px;
  -webkit-filter: drop-shadow(0px 0px 7px #1731a6);
          filter: drop-shadow(0px 0px 7px #1731a6);
}

.SetCompletionWrapper .SetCompletionSecondPhase .SetCompletionBody .SetCompletionInfo .SetCompletionTitle {
  font-size: 23pt;
  font-family: 'BlenderPro-Bold', arial, sans-serif;
  color: #59d1ff;
  -webkit-filter: drop-shadow(0px 0px 5px #59d1ff);
          filter: drop-shadow(0px 0px 5px #59d1ff);
  font-weight: bold;
  text-transform: uppercase;
}

.SetCompletionWrapper .SetCompletionSecondPhase .SetCompletionBody .SetCompletionInfo .SetCompletionDivider {
  width: 100px;
  height: 18px;
  margin: 0 auto;
}

.SetCompletionWrapper .SetCompletionSecondPhase .SetCompletionBody .SetCompletionInfo .SetCompletionText {
  font-size: 17pt;
  font-family: 'AkzidGroProLigCnd', arial, sans-serif;
  color: #fff;
  line-height: 1.333;
}

.SetCompletionWrapper .SweetButton {
  position: absolute;
  bottom: 30px;
  transform: translate(-50%, -50%);
  left: 50%;
  animation: scaleInOut 0.5s ease-in-out;
  cursor: pointer;
  overflow: hidden;
}

.SetCompletionWrapper .SweetButton:focus {
  border: 0px;
}

.SetCompletionWrapper .SweetButton:after {
  content: '';
  position: absolute;
  left: -60px;
  top: -15px;
  width: 30px;
  height: 109px;
  transform: rotate(15deg);
  box-shadow: inset 0 0px 20px 10px #FFF;
  animation: swipe 1s linear;
  opacity: .4;
}

@keyframes swipe {
  0% {
    left: -60px;
  }
  100% {
    left: 200px;
  }
}

@keyframes scaleInOut {
  0% {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0;
  }
  50% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(0.85);
    opacity: 1;
  }
}

#miniBar.hide {
  visibility: hidden;
}

#miniBarWidget {
  width: 80px;
  height: 90px;
  position: relative;
}

#miniBarWidget .counter {
  background: url(assets/images/miniBar/counter.png);
  width: 73px;
  height: 27px;
  position: relative;
  margin-top: 1px;
  margin-left: 5px;
  z-index: 5;
}

#miniBarWidget .counter .counterViewport {
  width: 60px;
  height: 20px;
  position: relative;
  top: 5px;
  margin: 0 auto;
  overflow: hidden;
}

#miniBarWidget .counter .miniBarSpinAmount,
#miniBarWidget .counter .miniBarNextSpinAmount,
#miniBarWidget .counter .miniBarSpinAmountCounter {
  font-family: 'Akzidenz-Grotesk Pro Light Cnd', Arial, sans-serif;
  font-size: 17px;
  position: absolute;
  top: 4px;
  left: 25px;
  text-shadow: 0 0 2px #0f0900, 0 0 2px #0f0900, 0 0 3px #0f0900, 0 0 3px #0f0900, 0 0 4px #0f0900, 0 0 4px #0f0900;
  transform-origin: left bottom;
}

#miniBarWidget .counter .miniBarSpinAmount.spinBoosted,
#miniBarWidget .counter .miniBarNextSpinAmount.spinBoosted,
#miniBarWidget .counter .miniBarSpinAmountCounter.spinBoosted {
  color: #00dcf3;
}

#miniBarWidget .counter .miniBarNextSpinAmount {
  top: -20px;
  left: 19px;
}

#miniBarWidget .counter .miniBarSpinAmountCounter {
  top: 25px;
  left: 33px;
  opacity: 0;
}

#miniBarWidget .counter .boosterViewport {
  position: absolute;
  width: 63px;
  height: 20px;
  top: 5px;
  left: 4px;
  overflow: hidden;
}

#miniBarWidget .counter .boosterViewport .boosterCounter {
  width: 100%;
  height: 50px;
  position: relative;
  text-align: center;
  top: -23px;
  opacity: 0;
}

#miniBarWidget .counter .boosterViewport .boosterCounter .miniBarBoosterTimeLeft,
#miniBarWidget .counter .boosterViewport .boosterCounter .miniBarBoosterSpinAmount {
  font-family: 'Akzidenz-Grotesk Pro Light Cnd', Arial, sans-serif;
  font-size: 17px;
}

#miniBarWidget .counter .boosterViewport .boosterCounter .miniBarBoosterSpinAmount {
  top: -1px;
  left: 21px;
  color: #00dcf3;
}

#miniBarWidget .background {
  width: 70px;
  height: 70px;
  background-color: #0f0900;
  z-index: 1;
  position: absolute;
  border-radius: 50%;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
}

#miniBarWidget .boostedBorder {
  background: url(assets/images/miniBar/boostedBorder.png);
  width: 88px;
  height: 95px;
  position: absolute;
  top: -1px;
  left: -4px;
  z-index: 5;
}

#miniBarWidget .border {
  background: url(assets/images/miniBar/border.png);
  width: 82px;
  height: 82px;
  position: absolute;
  top: 10px;
  z-index: 3;
}

#miniBarWidget .border .cover {
  background: url(assets/images/miniBar/coverBackground.png);
  width: 64px;
  height: 65px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}

#miniBarWidget .border .miniBarIcon {
  background: url(assets/images/miniBar/spinsIcon.png);
  width: 52px;
  height: 48px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: 50% 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

#miniBarWidget .border .miniBarRays {
  background: url(assets/images/miniBar/rays.png);
  width: 90px;
  height: 90px;
  position: absolute;
  top: -12px;
  left: -14px;
  opacity: 0;
  transform-origin: 50% 50%;
}

#miniBarWidget .capReachedLock {
  background: url(assets/images/miniBar/lock.png);
  width: 48px;
  height: 48px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -30%);
  cursor: pointer;
  z-index: 5;
  opacity: 0;
}

#miniBarWidget .boosterAnimation {
  position: absolute;
  width: 155px;
  height: 155px;
  top: -34px;
  left: -36px;
  z-index: 5;
}

#miniBarWidget #miniBarProgress {
  position: absolute;
  top: 8px;
  left: -3px;
  fill-opacity: 0;
  z-index: 1;
}

#miniBarWidget #miniBarWidgetOutline {
  position: absolute;
  top: -12px;
  left: -14px;
}

#miniBarWidget #miniBarWidgetOutline path {
  transform: translate(20px, 20px);
}

#profileAnimation {
  position: absolute;
  width: 116px;
  height: 116px;
  top: 295px;
  left: 240px;
  transform: scale(0);
}

#profileAnimation .profileSilverBorder {
  background: url(assets/images/miniBar/profileSilverBorder.png);
  width: 116px;
  height: 91px;
  position: absolute;
  transform: scale(1.06);
  margin: -2px auto;
  opacity: 0;
}

#profileAnimation .profileBackground {
  background: url(assets/images/miniBar/profileBackground.png);
  width: 108px;
  height: 80px;
  margin: 3px auto;
  transform: scale(1.06);
  opacity: 0;
}

#profileAnimation .profileBackground .profileBackgroundWin {
  background: url(assets/images/miniBar/win.png);
  width: 85px;
  height: 39px;
  position: relative;
  top: 25px;
  left: 50%;
  transform: translateX(-50%) scale(0);
  transform-origin: 50% bottom;
  z-index: 2;
  opacity: 0;
}

#profileAnimation .profileBackground .profileBackgroundMachine {
  background: url(assets/images/miniBar/machine.png);
  width: 96px;
  height: 24px;
  position: relative;
  top: 23px;
  left: 50%;
  transform: translateX(-50%) scale(0);
  z-index: 2;
  opacity: 0;
}

#profileAnimation .profileBackground .profileBackgroundLeaves {
  background: url(assets/images/miniBar/leaves.png);
  width: 144px;
  height: 43px;
  position: relative;
  top: -43px;
  left: 50%;
  transform: translateX(-50%) scale(0);
  z-index: 1;
  opacity: 0;
}

#profileAnimation .profileCounter {
  position: relative;
  transform-origin: 50% top;
  transform: scale(0);
}

#profileAnimation .profileCounter .profileCounterIcon {
  background: url(assets/images/miniBar/profileCounterCircle.png);
  width: 51px;
  height: 51px;
  position: absolute;
  top: -6px;
  left: -6px;
  transform: scale(1.1);
  z-index: 2;
}

#profileAnimation .profileCounter .profileCounterIcon .counterIcon {
  background: url(assets/images/miniBar/spinsIcon.png);
  width: 52px;
  height: 48px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: 50% 50%;
  transform: translate(-50%, -50%) scale(0.8);
  z-index: 2;
}

#profileAnimation .profileCounter .profileCounterText {
  background: url(assets/images/miniBar/profileCounterRectangle.png);
  width: 95px;
  height: 43px;
  position: absolute;
  top: -2px;
  left: 20px;
  transform: scale(1.1);
}

#profileAnimation .profileCounter .profileCounterText .totalCounterAmount,
#profileAnimation .profileCounter .profileCounterText .completedCounterAmount {
  font-family: 'AkzidGroProBolCnd', Arial, sans-serif;
  font-size: 20px;
  width: 60px;
  position: absolute;
  top: 11px;
  left: 27px;
  z-index: 10;
  text-align: center;
}

#profileAnimation .profileCounter .profileCounterText .completedCounterAmount {
  opacity: 0;
  transform: scale(0);
}

#profileAnimation #miniBarProfileOutline {
  position: absolute;
  top: -15px;
  left: -13px;
}

#profileAnimation #miniBarProfileOutline path {
  transform: translate(10px, 10px);
  fill: none;
}

#profileAnimation .profileParticlesAnimation {
  width: 200px;
  height: 200px;
  position: absolute;
  top: -40px;
  left: -40px;
}

#miniBarTooltip {
  background: url(assets/images/miniBar/tooltip.png);
  width: 259px;
  height: 130px;
  position: absolute;
  top: 205px;
  left: 415px;
  opacity: 0;
  transform: scale(0);
  transform-origin: bottom center;
}

#miniBarTooltip.openTooltip {
  animation: openTooltip 0.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}

#miniBarTooltip.closeTooltip {
  animation: closeTooltip 0.3s;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
}

#miniBarTooltip .closeButton {
  background: url(assets/images/miniBar/closeButton.png);
  width: 14px;
  height: 15px;
  position: relative;
  top: 29px;
  left: 233px;
  cursor: pointer;
}

#miniBarTooltip .message {
  width: 250px;
  margin: 42px auto;
  text-align: center;
  font-family: 'Akzidenz-Grotesk Pro Light Cnd', arial, sans-serif;
  font-size: 21px;
  transform: scaleY(1.2);
  text-shadow: 0 0 2px #0000ff, 0 0 4px #0000ff;
}

#miniBarTooltip .winMachineLogo {
  width: 110px;
  height: 50px;
  position: relative;
  transform: translateX(-50%);
  left: 50%;
  top: -125px;
}

#miniBarTooltip .winMachineLogo .tooltipWin {
  background: url(assets/images/miniBar/win.png);
  width: 85px;
  height: 39px;
  position: relative;
  left: 50%;
  transform: translateX(-50%) scale(0.8);
  z-index: 2;
}

#miniBarTooltip .winMachineLogo .tooltipMachine {
  background: url(assets/images/miniBar/machine.png);
  width: 96px;
  height: 24px;
  position: relative;
  top: -11px;
  left: 50%;
  transform: translateX(-50%) scale(0.8);
  z-index: 2;
}

#miniBarTooltip .winMachineLogo .tooltipLeaves {
  background: url(assets/images/miniBar/leaves.png);
  width: 144px;
  height: 43px;
  position: relative;
  top: -62px;
  left: 50%;
  transform: translateX(-50%) scale(0.8);
}

@keyframes openTooltip {
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  75% {
    opacity: 1;
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes closeTooltip {
  100% {
    opacity: 0;
    transform: scale(0);
  }
}

.floating-tooltip {
  position: absolute;
  padding: 5px 10px;
  border-radius: 10px;
  background-color: #fff;
  color: #000;
  font-family: AkzidGroProLigCnd;
  font-size: 1.8rem;
  z-index: 1102;
}

.floating-arrow,
.floating-arrow::before {
  position: absolute;
  width: 8px;
  height: 8px;
  background: inherit;
}

.floating-arrow {
  visibility: hidden;
  z-index: -1;
}

.floating-arrow::before {
  transform: rotate(45deg);
  transform-origin: 0 0;
  background-color: #fff;
  content: '';
  visibility: visible;
}

.tooltip[data-popper-placement^='top'] > .floating-arrow {
  bottom: -4px;
}

.tooltip[data-popper-placement^='bottom'] > .floating-arrow {
  top: -4px;
}

.tooltip[data-popper-placement^='left'] > .floating-arrow {
  right: -4px;
}

.tooltip[data-popper-placement^='right'] > .floating-arrow {
  left: -4px;
}

.LegendChipWrapper {
  position: relative;
  width: 30px;
  height: 45px;
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  top: -12px;
}

.LegendChipWrapper .LegendChipStars {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 15px;
  padding-bottom: 1px;
}

.LegendChipWrapper .LegendChipStars .LegendChipStar {
  height: 7px;
  width: 7px;
  background-size: contain;
  background-repeat: no-repeat;
}

.LegendChipWrapper .LegendChipIcon {
  height: 21px;
  width: 21px;
  background-size: contain;
  background-repeat: no-repeat;
}

.TableSelectLegendChipTooltip {
  padding: 0 10px;
}

.TableSelectLegendChipTooltip .tooltip-container {
  text-align: left;
  width: 400px;
  z-index: 1;
}

.TableSelectLegendChipTooltip .floating-arrow {
  left: -5px !important;
}

.TableSelectLegendChipTooltip .icon-ALBUM_ACE_PACK_40x40 {
  position: absolute;
  left: -23px;
  top: -12px;
}

.Rareness-1 {
  width: 300px;
}

.Rareness-2 {
  width: 320px;
}

.Rareness-3 {
  width: 335px;
}

.Rareness-4 {
  width: 355px;
}

.Rareness-5 {
  width: 375px;
}

.bonus-album-pack-text {
  font-size: 20px;
  font-family: AkzidGroProLigCnd;
  width: 77px;
  line-height: 20px;
  margin-left: -7px;
}

.bonus-album-pack-text .bonus-stars-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.bonus-album-pack-text .bonus-stars-container .benefit-star-icon {
  width: 11px;
  height: 11px;
  background-size: contain;
}

.pokerRecall {
  position: relative;
  z-index: 3;
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 752px;
  height: 503px;
  margin: 10px auto;
  border-radius: 5px;
  background-image: url(assets/images/minigames/pokerRecall/background.jpg);
  /**
        The Tooltip component adds inline styles for left property
        that can only be overwritten using !important
     */
}

.pokerRecall * {
  box-sizing: border-box;
}

.pokerRecall * svg {
  box-sizing: unset;
}

.pokerRecall:after {
  content: '';
  position: absolute;
  border-radius: 5px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 4;
  border: 1px solid #59d1ff;
  box-shadow: 0 0 7px 2px #1941E3, 0 0 7px 2px #1941E3 inset;
  pointer-events: none;
}

.pokerRecall.pokerRecall_menuItemVisible:after {
  z-index: 20;
}

.pokerRecall .pmClose {
  z-index: 21;
}

.pokerRecall .dropdown {
  min-width: 150px;
  box-shadow: 1px 1px 3px 1px #abb9e7;
}

.pokerRecall.hasBoost .pokerRecallCardsStorePack .pokerRecallCardsStorePackDetails .pokerRecallCardsStorePackDetailsRange pokerrecallstorebold2 {
  color: #FFFFFF;
  text-shadow: 0px 0px 7px #00a2ff, 0px 0px 7px #00a2ff, 0px 0px 7px #00a2ff;
}

.pokerRecall.hasBoost .pokerRecallCardsStorePackImage:before {
  content: '';
  position: absolute;
  z-index: 0;
  top: -19px;
  left: -13px;
  background-image: url(assets/images/minigames/pokerRecall/bigCardBoost.png);
  width: 214px;
  height: 320px;
  pointer-events: none;
}

.pokerRecall.currentPackBoosted .pokerRecallPacks .circleTop,
.pokerRecall.currentPackBoosted .pokerRecallPacks .circleBottom {
  background-image: url(assets/images/minigames/pokerRecall/boostedCardPackCircleGlowHalf.png);
}

.pokerRecall.currentPackBoosted .pokerRecallPacks .pokerRecallPacks_Pack .pack-scale-container .pack_open:before {
  content: '';
  position: absolute;
  background-image: url(assets/images/minigames/pokerRecall/cardBoostedPackButtonGlowTop.png);
  width: 77px;
  height: 41px;
  left: 20px;
  bottom: 85px;
  background-repeat: no-repeat;
}

.pokerRecall.currentPackBoosted .pokerRecallPacks .pokerRecallPacks_Pack .pack-scale-container:before {
  content: '';
  position: absolute;
  background-image: url(assets/images/minigames/pokerRecall/cardBoostedPackButtonGlow.png);
  width: 140px;
  height: 166px;
  left: -10px;
  bottom: -68px;
  background-repeat: no-repeat;
}

.pokerRecall.currentPackBoosted .pokerRecallPacks .pokerRecallPacks_Pack.open .pack_open:before {
  display: none;
}

.pokerRecall.currentPackBoosted .pokerRecallPacks .pokerRecallPacks_Pack:before {
  content: '';
  position: absolute;
  background-image: url(assets/images/minigames/pokerRecall/cardBoostedPackButtonElectricity.png);
  width: 116px;
  height: 119px;
  left: -11px;
  bottom: 0;
}

.pokerRecall .pokerRecallPacksPrime_TextTooltip {
  width: 200px;
  font-size: 17px;
  text-align: center;
  bottom: 14px !important;
  padding: 3px 14px;
}

.pokerRecall .pokerRecallPacksPrime_TextTooltip:before {
  border-width: 8px 6px 0 6px;
  bottom: -8px;
}

.pokerRecall .pokerRecallPacksPrime_TextTooltip.first {
  left: -11px !important;
}

.pokerRecall .pokerRecallPacksPrime_TextTooltip.first:before {
  left: 46px;
}

.pokerRecall .pokerRecallPacksPrime_TextTooltip.middle {
  left: -55px !important;
}

.pokerRecall .pokerRecallPacksPrime_TextTooltip.last {
  left: -127px !important;
}

.pokerRecall .pokerRecallPacksPrime_TextTooltip.last:before {
  left: 162px;
}

.pokerRecallDropDown {
  position: relative;
  z-index: 3;
}

.pokerRecallDropDown [value="lastChance"] {
  color: #FF5800;
}

.pokerRecallCardsContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pokerRecallCardsContainer .backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 15;
  animation: .2s fadeInPokerRecall forwards ease-in;
}

@keyframes fadeInPokerRecall {
  from {
    background: rgba(0, 0, 0, 0);
  }
  to {
    background: rgba(0, 0, 0, 0.7);
  }
}

.primeCardRevealedOverlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 14;
  animation: .8s primeCardRevealedOverlay .2s;
  top: 0;
}

@keyframes primeCardRevealedOverlay {
  0% {
    background: #93D6FD;
  }
  13% {
    opacity: .5;
    background: #1d79f7;
  }
  24% {
    opacity: .9;
    background: #a1f6ff;
  }
  52% {
    opacity: .3;
    background: #1d79f7;
  }
  100% {
    opacity: 0;
  }
}

.pokerRecallPrimeTooltip {
  position: absolute;
  height: 82px;
  width: 56px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}

.pokerRecallPacks_TextTooltip {
  width: 130px;
}

.pokerRecallCards {
  position: absolute;
  left: 160px;
  top: 65px;
}

.pokerRecallCards .withTooltip a {
  z-index: 40;
}

.pokerRecallFooter {
  display: flex;
  position: absolute;
  top: 442px;
  left: 160px;
  justify-content: center;
  width: 328px;
  color: white;
  font-size: 22px;
  line-height: 30px;
  text-align: center;
  z-index: 3;
}

.pokerRecallFooter .albumPackLLContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pokerRecallFooter pokerrecallcardleftnumber {
  color: #ffe005;
}

.pokerRecallFooter > :nth-child(2) {
  margin-left: 10px;
}

.pokerRecallFooter .generic-action-button {
  position: relative;
  width: 160px;
  height: 40px;
  padding: 4px 5px;
  font-family: AkzidGroProMedCndAlt;
  font-size: 30px;
  text-align: center;
}

.pokerRecallFooter .generic-action-button.notification::after {
  display: block;
  position: absolute;
  top: -8px;
  right: -10px;
  min-width: 20px;
  height: 20px;
  border-radius: 3px;
  background-color: #EB2E24;
  background-image: linear-gradient(#ee1d32 7.4%, #ff4964 74%, #ed5d74 92.5%);
  color: #fff;
  font-size: 1.5rem;
  line-height: normal;
  text-align: center;
  box-shadow: 1px 1px 1px #000;
  content: attr(data-count);
}

.pokerRecallFooter .generic-action-button sup {
  text-transform: none;
  vertical-align: text-bottom;
}

.pokerRecallFooter .generic-action-button .buttonPrice {
  background-image: url(assets/images/Atlas.png);
  background-position: -3120px -2544px;
  width: 119px;
  height: 26px;
  position: absolute;
  color: white;
  line-height: 24px;
  bottom: -19px;
  left: 50%;
  margin-left: -60px;
  font-size: 18px;
  text-shadow: 0px 0px 7px rgba(204, 74, 252, 0.79), 0px 0px 7px rgba(204, 74, 252, 0.79), 0px 0px 7px rgba(204, 74, 252, 0.79);
  font-family: AkzidGroProCnd;
}

.pokerRecall_FtueStep11 .pokerRecallFooter_RecallButton {
  z-index: 21;
}

.pokerRecall_FtueStep12 .pokerRecallFooter_CashOutButton {
  z-index: 21;
}

.pokerRecallLayover {
  position: absolute;
  z-index: 20;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-position: center center;
}

.pokerRecallLayover > .pmClose {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -1949px -1924px;
  width: 64px;
  height: 64px;
  position: absolute;
  top: 15px;
  right: 25px;
}

.pokerRecallLayover > .pmClose:hover {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -1883px -1924px;
  width: 64px;
  height: 64px;
}

.pokerRecallLayover > .pmClose:active {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -1817px -1924px;
  width: 64px;
  height: 64px;
}

.pokerRecallCardsStore {
  background-image: url(assets/images/minigames/pokerRecall/packStoreBackground.png);
  padding-top: 20px;
  text-align: center;
  font-size: 24px;
}

.pokerRecallCardsStore .packStoreTitleContainer {
  position: relative;
}

.pokerRecallCardsStore .packStoreTitleContainer > * {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -6px;
}

.pokerRecallCardsStore .packStoreTitleContainer .defaultStoreTitle {
  background-image: url(assets/images/minigames/pokerRecall/PackStore_Title.png);
  width: 224px;
  height: 46px;
}

.pokerRecallCardsStore .packStoreTitleContainer .boostedStoreTitle {
  font-family: AkzidGroProBolCnd;
  font-size: 48px;
  font-style: italic;
}

.pokerRecallCardsStore .packStoreTitleContainer .boostedStoreTitle .layer1 {
  display: inline-block;
  position: relative;
  color: #2fbdff;
  text-shadow: 0px 0px 7px #0074cf, 0px 0px 7px #0074cf, 0px 0px 7px #0074cf;
}

.pokerRecallCardsStore .packStoreTitleContainer .boostedStoreTitle .layer1 .layer2 {
  position: absolute;
  text-shadow: none;
  top: 0px;
  left: -2px;
  color: white;
  white-space: nowrap;
}

.pokerRecallCardsStore .cardBoostDescription {
  font-size: 34px;
  position: absolute;
  bottom: -6px;
  left: 0;
  right: 0;
  margin: auto;
  text-shadow: 0px 0px 7px #00a2ff, 0px 0px 7px #00a2ff, 0px 0px 7px #00a2ff;
}

.pokerRecallCardsStore .cardBoostDescription .boost {
  color: #ffcc00;
  text-shadow: 0px 0px 7px #d70000 , 0px 0px 7px #d70000 , 0px 0px 7px #d70000;
  padding-left: 8px;
  font-size: 54px;
}

.poker-recall-how-to {
  padding: 20px 50px;
  font-family: AkzidGroProCnd;
  font-size: 27px;
}

.poker-recall-how-to .packs-warning {
  margin: 0 0 0 -15px;
  text-align: center;
  transform: scaleY(0.8);
  text-transform: uppercase;
  width: 600px;
  padding-left: 40px;
  position: absolute;
  bottom: 30px;
}

.poker-recall-how-to .poker-recall-how-to-title {
  font-family: AkzidGroProBolCndIt;
  font-size: 56px;
}

.poker-recall-how-to .pack-store-close-btn-bg {
  height: 38px;
  width: 38px;
  background-color: #3e2f56;
  border-radius: 50%;
  position: absolute;
  top: 28px;
  right: 38px;
}

.poker-recall-how-to .layer1 {
  display: inline-block;
  position: relative;
}

.poker-recall-how-to .layer2 {
  position: absolute;
  top: 0px;
  left: -2px;
  text-shadow: none;
  white-space: nowrap;
}

.poker-recall-how-to .redLayer {
  color: #cb0601;
  text-shadow: 1px 2px 2px #cb0601, 2px 4px 2px #000000;
  top: -9px;
}

.poker-recall-how-to .yellowLayer {
  color: #fdf44e;
}

.poker-recall-how-to .description {
  margin: 0px 0 0 -15px;
  list-style-type: square;
}

.poker-recall-how-to .description#howToGetPacks {
  text-align: center;
  list-style-type: none;
}

.poker-recall-last-chance .last-chance-countdown {
  width: inherit;
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
  font-style: italic;
  font-family: 'AkzidGroProXBolCnd';
  margin-top: 280px;
  transform: scaleX(0.9) scaleY(1.1);
  text-shadow: 3px 3px 3px #cf1905;
}

.poker-recall-last-chance .last-chance-button {
  width: 194px;
  height: 40px;
  box-sizing: border-box;
  margin: 40px auto;
  line-height: 3.5rem;
  font-family: 'Akzidenz-Grotesk Pro Bold Cnd';
  padding: 0;
}

.poker-recall-last-chance .last-chance-button .actionBtn {
  font-size: 42px;
  padding: 14px;
}

.poker-recall-last-chance .last-chance-disclaimer {
  text-align: center;
  font-size: 27px;
  text-transform: uppercase;
  font-family: 'Akzidenz-Grotesk Pro Cnd';
  transform: scaleX(0.8);
}

.pokerRecall-howToGetPacks {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: 0px 0px;
  width: 768px;
  height: 512px;
}

.pokerRecall-howToGetPacks .description {
  width: 600px;
}

.pokerRecall-howToPlay {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -770px 0px;
  width: 768px;
  height: 512px;
}

.pokerRecall-lastChance {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: 0px -514px;
  width: 768px;
  height: 512px;
  width: 751px;
  height: 503px;
}

.pokerRecall-lastChance .pmClose {
  right: 8px;
}

.poker-recall-timer.last-chance {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -754px -1434px;
  width: 290px;
  height: 60px;
  width: 290px;
  height: 60px;
  position: absolute;
  left: 185px;
  z-index: 2;
}

.poker-recall-timer.last-chance .lc-info {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -2675px -1270px;
  width: 30px;
  height: 31px;
  width: 30px;
  height: 31px;
  position: absolute;
  top: 1px;
  left: 31px;
  transform: scale(0.85);
  cursor: pointer;
}

.poker-recall-timer.last-chance .lc-text {
  position: relative;
  left: 50%;
  transform: translateX(-28%);
  font-size: 23px;
  color: #F29C00;
}

.poker-recall-timer.last-chance .lc-timer {
  text-align: center;
  font-size: 26px;
  margin-top: -6px;
}

.poker-recall-timer.prime {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -1046px -1434px;
  width: 232px;
  height: 37px;
  width: 290px;
  height: 60px;
  position: absolute;
  left: 185px;
  z-index: 2;
}

.poker-recall-timer.prime .prime-timer-icon {
  width: 12px;
  height: 20px;
  margin-left: 25px;
  margin-right: 5px;
  background-image: url(assets/images/Atlas.png);
  background-position: -3711px -1482px;
  width: 12px;
  height: 20px;
  display: inline-block;
  transform: translateY(6px) scale(0.8);
}

.poker-recall-timer.prime .prime-info {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -2675px -1303px;
  width: 30px;
  height: 31px;
  width: 30px;
  height: 31px;
  cursor: pointer;
  position: absolute;
  transform: scale(0.75) translateY(-31px) translateX(265px);
}

.poker-recall-timer.prime .prime-text {
  font-size: 19px;
  color: #fff;
  display: inline-block;
  transform: translateY(2px);
}

.poker-recall-timer.prime .prime-timer {
  font-size: 19px;
  display: inline-block;
  margin-left: 5px;
  margin-right: 50px;
  transform: translateY(2px);
}

/*
    For more info on the 3D Card Flip animation, see:
    - https://github.com/GoogleChrome/ui-element-samples/tree/gh-pages/3d-card-flip
    - https://www.youtube.com/watch?v=rn5s6H_Yamo
*/
.pokerRecallCard {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 56px;
  height: 82px;
  transition: transform .25s ease-in-out, opacity .5s ease-in-out;
  border-radius: .3em;
  opacity: 1;
  z-index: 2;
  perspective: 1000px;
  /*
        Card Grid
    */
  /*
        Open pack animation
    */
  /*
        Shuffle animation
    */
  /*
        Shadows
    */
  /*
        Card content
    */
  /*
        Flipping animation
    */
  /*
        Statuses
    */
}

.pokerRecallCard.index_0 {
  transform: translate3d(0px, 0px, 0);
}

.pokerRecallCard.index_1 {
  transform: translate3d(68px, 0px, 0);
}

.pokerRecallCard.index_2 {
  transform: translate3d(136px, 0px, 0);
}

.pokerRecallCard.index_3 {
  transform: translate3d(204px, 0px, 0);
}

.pokerRecallCard.index_4 {
  transform: translate3d(272px, 0px, 0);
}

.pokerRecallCard.index_5 {
  transform: translate3d(0px, 94px, 0);
}

.pokerRecallCard.index_6 {
  transform: translate3d(68px, 94px, 0);
}

.pokerRecallCard.index_7 {
  transform: translate3d(136px, 94px, 0);
}

.pokerRecallCard.index_8 {
  transform: translate3d(204px, 94px, 0);
}

.pokerRecallCard.index_9 {
  transform: translate3d(272px, 94px, 0);
}

.pokerRecallCard.index_10 {
  transform: translate3d(0px, 188px, 0);
}

.pokerRecallCard.index_11 {
  transform: translate3d(68px, 188px, 0);
}

.pokerRecallCard.index_12 {
  transform: translate3d(136px, 188px, 0);
}

.pokerRecallCard.index_13 {
  transform: translate3d(204px, 188px, 0);
}

.pokerRecallCard.index_14 {
  transform: translate3d(272px, 188px, 0);
}

.pokerRecallCard.index_15 {
  transform: translate3d(0px, 282px, 0);
}

.pokerRecallCard.index_16 {
  transform: translate3d(68px, 282px, 0);
}

.pokerRecallCard.index_17 {
  transform: translate3d(136px, 282px, 0);
}

.pokerRecallCard.index_18 {
  transform: translate3d(204px, 282px, 0);
}

.pokerRecallCard.index_19 {
  transform: translate3d(272px, 282px, 0);
}

.pokerRecallCard[class^="shuffle_"], .pokerRecallCard[class*=" shuffle_"] {
  pointer-events: none;
}

.pokerRecallCard[class^="shuffle_"] .umbra, .pokerRecallCard[class^="shuffle_"] .penumbra, .pokerRecallCard[class*=" shuffle_"] .umbra, .pokerRecallCard[class*=" shuffle_"] .penumbra {
  display: none;
}

.pokerRecallCard .pokerRecallCardContent {
  height: 100%;
  width: 100%;
  perspective: 1000px;
  transition: transform 0.25s ease;
  transform: translate3d(0, 0, 0);
}

.pokerRecallCard.highlighted {
  z-index: 15;
}

.pokerRecallCard.cardRevealActive {
  opacity: 0;
}

.pokerRecallCard .explosionPokerRecallPrimeAnimation {
  position: absolute;
  width: 700px;
  height: 700px;
  transform: translate(-46%, -44%);
  z-index: 14;
}

.pokerRecallCard .borderPokerRecallPrimeAnimation {
  height: 231px;
  width: 231px;
  position: absolute;
  z-index: 9;
  left: -60px;
  bottom: -32px;
}

.pokerRecallCard.primeRevealAnimated {
  z-index: 15;
}

.pokerRecallCard.primeRevealAnimated.isPreshuffle .diagonalEffect {
  background: transparent;
  z-index: 2;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 3px;
}

.pokerRecallCard.primeRevealAnimated.isPreshuffle .diagonalEffect > .diagonal {
  background-image: url(assets/imgSrc/pokerRecall/PokerRecall_DiagonalMenu_ShinyEffect.png);
  background-repeat: no-repeat;
  background-position-x: -60px;
  animation: .6s pokerRecallShinyCardEffect .8s linear;
  z-index: 2;
  text-shadow: none;
  height: 100%;
  transform: scale(1.8) rotate(-45deg);
}

.pokerRecallCard.primeRevealAnimated.isPreshuffle .pokerRecallCardContent {
  z-index: 15;
  animation: 1.1s pokerRecallCardPulse linear;
}

.pokerRecallCard.primeRevealAnimated .pokerRecallCardContent {
  z-index: 13;
  position: relative;
}

.pokerRecallCard.card_inPack {
  transform: translate3d(-5px, 0, 0) rotate(20deg);
  transition: all 0s;
}

.pokerRecallCard.card_inPack .pokerRecallCardContent {
  transform: translate3d(-5px, 305px, 0) scale(0.8);
  transition: all 0s;
}

.pokerRecallCard.card_slide {
  z-index: 3;
  transition: all 1s linear;
}

.pokerRecallCard.card_slide .pokerRecallCardContent {
  transition: all 1s cubic-bezier(0.36, 2, 0.75, 1);
}

.pokerRecallCard.boosted .pokerRecallCardFront:before {
  content: '';
  position: absolute;
  top: -22px;
  bottom: -22px;
  left: -26px;
  right: -26px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(assets/images/minigames/pokerRecall/cardBackBoost.png);
  opacity: 0;
  animation-name: thunder;
  animation-iteration-count: 4;
  animation-fill-mode: forwards;
  animation-delay: 600ms;
  animation-duration: 250ms;
}

.pokerRecallCard.boostedFtue .pokerRecallCardFront:before {
  animation-iteration-count: infinite;
}

.pokerRecallCard.boostedFtueStop .pokerRecallCardFront:before {
  animation: none;
}

.pokerRecallCard.shuffle_center {
  transform: translate3d(136px, 141px, 0);
}

.pokerRecallCard.shuffle_center_offset {
  transform: translate3d(204px, 141px, 0);
  transition-duration: 0.1s;
}

.pokerRecallCard.shuffle_center_inpack {
  transform: translate3d(136px, 141px, 0);
  transition-duration: 0.1s;
  z-index: 0;
}

.pokerRecallCard.shuffle_0 {
  transform: translate3d(0px, 85px, 0) rotate(0deg);
}

.pokerRecallCard.shuffle_1 {
  transform: translate3d(20px, 210px, 0) rotate(0deg);
}

.pokerRecallCard.shuffle_2 {
  transform: translate3d(250px, 55px, 0) rotate(0deg);
  z-index: 1;
}

.pokerRecallCard.shuffle_3 {
  transform: translate3d(235px, 240px, 0) rotate(0deg);
}

.pokerRecallCard.shuffle_4 {
  transform: translate3d(60px, 110px, 0) rotate(0deg);
}

.pokerRecallCard.shuffle_5 {
  transform: translate3d(170px, 185px, 0) rotate(0deg);
  z-index: 1;
}

.pokerRecallCard.shuffle_6 {
  transform: translate3d(190px, 45px, 0) rotate(0deg);
}

.pokerRecallCard.shuffle_7 {
  transform: translate3d(116px, 40px, 0) rotate(0deg);
}

.pokerRecallCard.shuffle_8 {
  transform: translate3d(270px, 125px, 0) rotate(0deg);
  z-index: 1;
}

.pokerRecallCard.shuffle_9 {
  transform: translate3d(154px, 95px, 0) rotate(0deg);
}

.pokerRecallCard.shuffle_10 {
  transform: translate3d(5px, 155px, 0) rotate(0deg);
}

.pokerRecallCard.shuffle_11 {
  transform: translate3d(50px, 175px, 0) rotate(0deg);
  z-index: 1;
}

.pokerRecallCard.shuffle_12 {
  transform: translate3d(110px, 130px, 0) rotate(0deg);
}

.pokerRecallCard.shuffle_13 {
  transform: translate3d(120px, 240px, 0) rotate(0deg);
}

.pokerRecallCard.shuffle_14 {
  transform: translate3d(220px, 190px, 0) rotate(0deg);
  z-index: 1;
}

.pokerRecallCard.shuffle_15 {
  transform: translate3d(40px, 35px, 0) rotate(0deg);
}

.pokerRecallCard.shuffle_16 {
  transform: translate3d(55px, 225px, 0) rotate(0deg);
}

.pokerRecallCard.shuffle_17 {
  transform: translate3d(185px, 225px, 0) rotate(0deg);
  z-index: 1;
}

.pokerRecallCard.shuffle_18 {
  transform: translate3d(205px, 115px, 0) rotate(0deg);
}

.pokerRecallCard.shuffle_19 {
  transform: translate3d(95px, 210px, 0) rotate(0deg);
}

.pokerRecallCard .umbra, .pokerRecallCard .penumbra {
  width: 95%;
  height: 95%;
  position: absolute;
  top: 2.5%;
  left: 2.5%;
  border-radius: 3px;
  box-shadow: 0 0 5px 3px black;
  background: black;
  transform: translateY(2px) rotateY(180deg);
  pointer-events: none;
  z-index: 0;
}

.pokerRecallCard .umbra {
  opacity: 0.3;
}

.pokerRecallCard .penumbra {
  opacity: 0;
}

.pokerRecallCard .pokerRecallCardFront,
.pokerRecallCard .pokerRecallCardBack {
  position: absolute;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  top: -50%;
  bottom: -50%;
  left: -50%;
  right: -50%;
  transform: scale(0.5);
  z-index: 1;
}

.pokerRecallCard .payout-card-glow {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: 0px -2446px;
  width: 136px;
  height: 192px;
  margin: 12px 7px;
  transform: scale(1.4);
}

.pokerRecallCard .pokerRecallCardFront {
  border-radius: 6px;
  background: linear-gradient(to bottom, #ffffff 0%, #d0d0d0 100%);
}

.pokerRecallCard .pokerRecallCardFront .pokerRecallCardFace {
  position: absolute;
  top: -3px;
  left: 9px;
  font-size: 88px;
  line-height: 88px;
  text-align: left;
}

.pokerRecallCard .pokerRecallCardFront .pokerRecallCardMultiplier {
  position: absolute;
  display: flex;
  top: -32px;
  left: 35px;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.pokerRecallCard .pokerRecallCardFront .pokerRecallCardMultiplier span {
  position: relative;
  font-size: 2.5em;
  font-weight: 700;
  word-break: break-word;
}

.pokerRecallCard .pokerRecallCardFront .pokerRecallCardMultiplier.primeMultiplierActive {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -2178px -1028px;
  width: 103px;
  height: 104px;
}

.pokerRecallCard .pokerRecallCardFront .pokerRecallCardMultiplier.primeMultiplierActive span {
  margin-left: 5px;
  background: -webkit-linear-gradient(top, #033dda, #0159ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-filter: drop-shadow(0px 0px 0.5px #72ecfb) drop-shadow(0px 0px 0.5px #72ecfb) drop-shadow(0px 0px 0.5px #72ecfb) drop-shadow(0px 0px 0 #fff) drop-shadow(0px 0px 0.5px #72ecfb) drop-shadow(0px 0px 0.5px #72ecfb);
          filter: drop-shadow(0px 0px 0.5px #72ecfb) drop-shadow(0px 0px 0.5px #72ecfb) drop-shadow(0px 0px 0.5px #72ecfb) drop-shadow(0px 0px 0 #fff) drop-shadow(0px 0px 0.5px #72ecfb) drop-shadow(0px 0px 0.5px #72ecfb);
}

.pokerRecallCard .pokerRecallCardFront .pokerRecallCardMultiplier.primeMultiplierInactive {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -2178px -1238px;
  width: 95px;
  height: 95px;
  top: -14px;
  left: 31px;
}

.pokerRecallCard .pokerRecallCardFront .pokerRecallCardMultiplier.primeMultiplierInactive span {
  background: -webkit-linear-gradient(top, #383e4b, #545e6d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-filter: drop-shadow(0px 0px 0.5px #d0e8ed) drop-shadow(0px 0px 0.5px #d0e8ed) drop-shadow(0px 0px 0.5px #d0e8ed) drop-shadow(0px 0px 0 #fff) drop-shadow(0px 0px 0.5px #d0e8ed) drop-shadow(0px 0px 0.5px #d0e8ed);
          filter: drop-shadow(0px 0px 0.5px #d0e8ed) drop-shadow(0px 0px 0.5px #d0e8ed) drop-shadow(0px 0px 0.5px #d0e8ed) drop-shadow(0px 0px 0 #fff) drop-shadow(0px 0px 0.5px #d0e8ed) drop-shadow(0px 0px 0.5px #d0e8ed);
}

.pokerRecallCard .pokerRecallCardFront .pokerRecallCardSuit {
  position: absolute;
  width: 62px;
  height: 62px;
  bottom: 7px;
  right: 8px;
  background-repeat: no-repeat;
  background-size: contain;
}

.pokerRecallCard .pokerRecallCardFront.CLUBS .pokerRecallCardFace, .pokerRecallCard .pokerRecallCardFront.SPADES .pokerRecallCardFace {
  color: #332b5d;
}

.pokerRecallCard .pokerRecallCardFront.DIAMONDS .pokerRecallCardFace, .pokerRecallCard .pokerRecallCardFront.HEARTS .pokerRecallCardFace {
  color: #dd6728;
}

.pokerRecallCard .pokerRecallCardFront.CLUBS .pokerRecallCardSuit {
  background-image: url(assets/images/minigames/pokerRecall/suitClub.png);
}

.pokerRecallCard .pokerRecallCardFront.DIAMONDS .pokerRecallCardSuit {
  background-image: url(assets/images/minigames/pokerRecall/suitDiamond.png);
}

.pokerRecallCard .pokerRecallCardFront.HEARTS .pokerRecallCardSuit {
  background-image: url(assets/images/minigames/pokerRecall/suitHeart.png);
}

.pokerRecallCard .pokerRecallCardFront.SPADES .pokerRecallCardSuit {
  background-image: url(assets/images/minigames/pokerRecall/suitSpade.png);
}

.pokerRecallCard .pokerRecallCardBack {
  background-size: cover;
  background-repeat: no-repeat;
}

.pokerRecallCard .loader {
  display: none;
}

.pokerRecallCard.empty .umbra, .pokerRecallCard.loading .umbra, .pokerRecallCard.unrevealed .umbra, .pokerRecallCard.opening .umbra {
  animation-name: umbra1;
}

.pokerRecallCard.empty .penumbra, .pokerRecallCard.loading .penumbra, .pokerRecallCard.unrevealed .penumbra, .pokerRecallCard.opening .penumbra {
  animation-name: penumbra1;
}

.pokerRecallCard.empty .pokerRecallCardFront, .pokerRecallCard.loading .pokerRecallCardFront, .pokerRecallCard.unrevealed .pokerRecallCardFront, .pokerRecallCard.opening .pokerRecallCardFront {
  animation-name: flipBack;
}

.pokerRecallCard.empty .pokerRecallCardBack, .pokerRecallCard.loading .pokerRecallCardBack, .pokerRecallCard.unrevealed .pokerRecallCardBack, .pokerRecallCard.opening .pokerRecallCardBack {
  animation-name: flipFront;
}

.pokerRecallCard.revealed .umbra {
  animation-name: umbra2;
}

.pokerRecallCard.revealed .penumbra {
  animation-name: penumbra2;
}

.pokerRecallCard.revealed .pokerRecallCardFront {
  animation-name: flipFront;
}

.pokerRecallCard.revealed .pokerRecallCardBack {
  animation-name: flipBack;
}

.pokerRecallCard.disabled .umbra {
  animation-name: none;
}

.pokerRecallCard.disabled .penumbra {
  animation-name: none;
}

.pokerRecallCard.disabled .pokerRecallCardFront {
  animation-name: none;
}

.pokerRecallCard.disabled .pokerRecallCardBack {
  animation-name: none;
}

.pokerRecallCard .umbra,
.pokerRecallCard .penumbra,
.pokerRecallCard .pokerRecallCardBack,
.pokerRecallCard .pokerRecallCardFront {
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-duration: 600ms;
}

.pokerRecallCard.empty .umbra,
.pokerRecallCard.empty .penumbra,
.pokerRecallCard.empty .pokerRecallCardFront {
  display: none;
}

.pokerRecallCard.empty .pokerRecallCardBack {
  animation-duration: 0ms;
  background-image: url(assets/images/minigames/pokerRecall/cardBackEmpty.png);
}

.pokerRecallCard.unrevealed .pokerRecallCardBack, .pokerRecallCard.opening .pokerRecallCardBack {
  cursor: pointer;
  background-image: url(assets/images/minigames/pokerRecall/cardBackNormal.png);
}

.pokerRecallCard.unrevealed:hover .pokerRecallCardBack, .pokerRecallCard.opening:hover .pokerRecallCardBack {
  background-image: url(assets/images/minigames/pokerRecall/cardBackHover.png);
}

.pokerRecallCard.unrevealed:active .pokerRecallCardBack, .pokerRecallCard.opening:active .pokerRecallCardBack {
  background-image: url(assets/images/minigames/pokerRecall/cardBackActive.png);
}

.pokerRecallCard.disabled .pokerRecallCardBack {
  background-size: cover;
  background-image: url(assets/images/minigames/pokerRecall/cardBackDisabled.png);
}

.pokerRecallCard.loading .pokerRecallCardBack {
  background-image: url(assets/images/minigames/pokerRecall/cardBackNormal.png);
}

.pokerRecallCard.loading .loader {
  display: block;
  transform: scale(0.32);
  position: absolute;
  z-index: 2;
  top: 44%;
  left: 50%;
}

.pokerRecallCard.loading .loader:before {
  content: '';
  position: absolute;
  overflow: hidden;
  display: inline-block;
  left: -77px;
  top: -77px;
  animation: centerSpin2 1s infinite linear;
  background-image: url(assets/images/Atlas.png);
  background-position: -1345px -3385px;
  width: 154px;
  height: 154px;
}

.pokerRecallCard.loading .loader:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url(assets/images/Atlas.png);
  background-position: -3378px -1502px;
  width: 108px;
  height: 108px;
}

.pokerRecallCard.revealed .pokerRecallCardBack {
  background-image: url(assets/images/minigames/pokerRecall/cardBackNormal.png);
}

.pokerRecallCardAmount {
  position: absolute;
  top: 0;
  left: 0;
  width: 55px;
  height: 35px;
  z-index: 4;
  text-align: center;
  opacity: 1;
  transition: all 1s;
}

.pokerRecallCardAmount.index_0 {
  transform: translate3d(0px, -15px, 0);
}

.pokerRecallCardAmount.index_1 {
  transform: translate3d(68px, -15px, 0);
}

.pokerRecallCardAmount.index_2 {
  transform: translate3d(136px, -15px, 0);
}

.pokerRecallCardAmount.index_3 {
  transform: translate3d(204px, -15px, 0);
}

.pokerRecallCardAmount.index_4 {
  transform: translate3d(272px, -15px, 0);
}

.pokerRecallCardAmount.index_5 {
  transform: translate3d(0px, 79px, 0);
}

.pokerRecallCardAmount.index_6 {
  transform: translate3d(68px, 79px, 0);
}

.pokerRecallCardAmount.index_7 {
  transform: translate3d(136px, 79px, 0);
}

.pokerRecallCardAmount.index_8 {
  transform: translate3d(204px, 79px, 0);
}

.pokerRecallCardAmount.index_9 {
  transform: translate3d(272px, 79px, 0);
}

.pokerRecallCardAmount.index_10 {
  transform: translate3d(0px, 173px, 0);
}

.pokerRecallCardAmount.index_11 {
  transform: translate3d(68px, 173px, 0);
}

.pokerRecallCardAmount.index_12 {
  transform: translate3d(136px, 173px, 0);
}

.pokerRecallCardAmount.index_13 {
  transform: translate3d(204px, 173px, 0);
}

.pokerRecallCardAmount.index_14 {
  transform: translate3d(272px, 173px, 0);
}

.pokerRecallCardAmount.index_15 {
  transform: translate3d(0px, 267px, 0);
}

.pokerRecallCardAmount.index_16 {
  transform: translate3d(68px, 267px, 0);
}

.pokerRecallCardAmount.index_17 {
  transform: translate3d(136px, 267px, 0);
}

.pokerRecallCardAmount.index_18 {
  transform: translate3d(204px, 267px, 0);
}

.pokerRecallCardAmount.index_19 {
  transform: translate3d(272px, 267px, 0);
}

.pokerRecallCardAmount.fadeOutBubble {
  opacity: 0;
}

.pokerRecallCardAmount.amount_toMeter {
  transform: translate3d(440px, 25px, 0);
  opacity: 0;
}

.pokerRecallMaxAmount {
  top: -2.6rem;
  height: 3rem;
  color: transparent;
  font-size: 3rem;
  color: transparent;
  background-image: url(assets/images/minigames/pokerRecall/maxLabel.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.pokerRecall_FtueStep3 .pokerRecallCardAmount.index_0, .pokerRecall_FtueStep3 .pokerRecallCardAmount.index_1, .pokerRecall_FtueStep3 .pokerRecallCardAmount.index_2, .pokerRecall_FtueStep3 .pokerRecallCardAmount.index_3, .pokerRecall_FtueStep3 .pokerRecallCardAmount.index_4,
.pokerRecall_FtueStep3 .pokerRecallCard.revealed.index_0,
.pokerRecall_FtueStep3 .pokerRecallCard.revealed.index_1,
.pokerRecall_FtueStep3 .pokerRecallCard.revealed.index_2,
.pokerRecall_FtueStep3 .pokerRecallCard.revealed.index_3,
.pokerRecall_FtueStep3 .pokerRecallCard.revealed.index_4 {
  z-index: 21;
}

@keyframes centerSpin2 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes pokerRecallCardPulse {
  20% {
    transform: scale(0.6);
  }
  50% {
    transform: scale(2);
  }
  70% {
    transform: scale(0.9);
  }
  80% {
    transform: scale(1.1);
  }
  90% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes pokerRecallShinyCardEffect {
  0% {
    background-position-x: -40px;
  }
  100% {
    background-position-x: 90px;
  }
}

@keyframes thunder {
  0% {
    opacity: 1;
    transform: none;
  }
  24% {
    transform: none;
  }
  25% {
    transform: scaleY(-1);
  }
  49% {
    transform: scaleY(-1);
  }
  50% {
    transform: scaleY(-1) scaleX(-1);
  }
  74% {
    transform: scaleY(-1) scaleX(-1);
  }
  75% {
    transform: scaleX(-1);
  }
  99% {
    opacity: 1;
    transform: scaleX(-1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes flipBack {
  0% {
    transform: rotateY(0deg) scale(0.5);
  }
  33% {
    transform: rotateY(0deg) scale(0.55);
  }
  66% {
    transform: rotateY(180deg) scale(0.55);
  }
  100% {
    transform: rotateY(180deg) scale(0.5);
  }
}

@keyframes flipFront {
  0% {
    transform: rotateY(180deg) scale(0.5);
  }
  33% {
    transform: rotateY(180deg) scale(0.55);
  }
  66% {
    transform: rotateY(0deg) scale(0.55);
  }
  100% {
    transform: rotateY(0deg) scale(0.5);
  }
}

@keyframes claimCardFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*
    The animations for umbra and penumbra need to be duplicated
    so that the same animation can be replayed when classes change
*/
@keyframes umbra1 {
  0% {
    opacity: 0.3;
    transform: translateY(2px) rotateY(0deg);
  }
  33% {
    opacity: 0;
    transform: translateY(4px) rotateY(0deg);
  }
  66% {
    opacity: 0;
    transform: translateY(4px) rotateY(180deg);
  }
  100% {
    opacity: 0.3;
    transform: translateY(2px) rotateY(180deg);
  }
}

@keyframes umbra2 {
  0% {
    opacity: 0.3;
    transform: translateY(2px) rotateY(0deg);
  }
  33% {
    opacity: 0;
    transform: translateY(4px) rotateY(0deg);
  }
  66% {
    opacity: 0;
    transform: translateY(4px) rotateY(180deg);
  }
  100% {
    opacity: 0.3;
    transform: translateY(2px) rotateY(180deg);
  }
}

@keyframes penumbra1 {
  0% {
    opacity: 0;
    transform: translateY(2px) rotateY(0deg);
  }
  33% {
    opacity: 0.5;
    transform: translateY(4px) rotateY(0deg);
  }
  66% {
    opacity: 0.5;
    transform: translateY(4px) rotateY(180deg);
  }
  100% {
    opacity: 0;
    transform: translateY(2px) rotateY(180deg);
  }
}

@keyframes penumbra2 {
  0% {
    opacity: 0;
    transform: translateY(2px) rotateY(0deg);
  }
  33% {
    opacity: 0.5;
    transform: translateY(4px) rotateY(0deg);
  }
  66% {
    opacity: 0.5;
    transform: translateY(4px) rotateY(180deg);
  }
  100% {
    opacity: 0;
    transform: translateY(2px) rotateY(180deg);
  }
}

.pokerRecallFtue {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 15;
  background: rgba(0, 0, 0, 0.7);
}

.pokerRecallFtue:before {
  content: '';
  position: absolute;
  background-repeat: no-repeat;
}

.pokerRecallFtue .pokerRecallFtueBubble {
  position: absolute;
  padding: 15px 20px;
  text-align: center;
}

.pokerRecallFtue .actionBtn {
  margin-top: 5px;
  padding: 5px 40px;
}

.pokerRecallFtue.pokerRecallFtue_Step1 .pokerRecallFtueBubble {
  top: 65px;
  left: 95px;
}

.pokerRecallFtue.pokerRecallFtue_Step1:before {
  bottom: 0;
  right: 0;
  width: 392px;
  height: 378px;
  background-image: url(assets/images/ftue/Monica03.png);
}

.pokerRecallFtue.pokerRecallFtue_Step3:before, .pokerRecallFtue.pokerRecallFtue_Step4:before, .pokerRecallFtue.pokerRecallFtue_Step5:before, .pokerRecallFtue.pokerRecallFtue_Step7:before, .pokerRecallFtue.pokerRecallFtue_Step9:before, .pokerRecallFtue.pokerRecallFtue_Step10:before, .pokerRecallFtue.pokerRecallFtue_Step11:before {
  bottom: 0;
  width: 198px;
  height: 366px;
  background-image: url(assets/images/ftue/Monica04.png);
}

.pokerRecallFtue.pokerRecallFtue_Step3:before, .pokerRecallFtue.pokerRecallFtue_Step4:before, .pokerRecallFtue.pokerRecallFtue_Step5:before, .pokerRecallFtue.pokerRecallFtue_Step7:before, .pokerRecallFtue.pokerRecallFtue_Step11:before {
  right: 5px;
}

.pokerRecallFtue.pokerRecallFtue_Step9:before, .pokerRecallFtue.pokerRecallFtue_Step10:before {
  left: 5px;
  transform: scaleX(-1);
}

.pokerRecallFtue.pokerRecallFtue_Step3 .pokerRecallFtueBubble {
  top: 160px;
  left: 310px;
  width: 250px;
}

.pokerRecallFtue.pokerRecallFtue_Step4 .pokerRecallFtueBubble {
  top: 110px;
  left: 172px;
  width: 380px;
}

.pokerRecallFtue.pokerRecallFtue_Step5 .pokerRecallFtueBubble {
  top: 140px;
  left: 327px;
  width: 200px;
}

.pokerRecallFtue.pokerRecallFtue_Step7 .pokerRecallFtueBubble {
  top: 140px;
  left: 120px;
  width: 420px;
}

.pokerRecallFtue.pokerRecallFtue_Step9 .pokerRecallFtueBubble {
  bottom: 210px;
  left: 220px;
}

.pokerRecallFtue.pokerRecallFtue_Step10 .pokerRecallFtueBubble {
  top: 80px;
  left: 220px;
  width: 470px;
}

.pokerRecallFtue.pokerRecallFtue_Step11 .pokerRecallFtueBubble {
  top: 130px;
  left: 140px;
  width: 397px;
}

.pokerRecallFtueHands {
  position: absolute;
  bottom: 0;
  z-index: 22;
  pointer-events: none;
}

.pokerRecallFtueHands .pokerRecallFtueHands_packHand {
  position: absolute;
  left: 15px;
  bottom: -15px;
}

.pokerRecallFtueHands .pokerRecallFtueHands_playHand {
  position: absolute;
  left: 300px;
  bottom: -70px;
}

.pokerRecallPrimeFtue {
  background: transparent;
}

.pokerRecallPrimeFtue:before {
  bottom: 2px;
  right: 0;
  width: 198px;
  height: 366px;
  background-image: url(assets/images/ftue/Monica04.png);
}

.pokerRecallPrimeFtue.positionBottom .speechBubble.arrowPositionBottom .arrow,
.pokerRecallPrimeFtue.positionBottom .speechBubble.arrowPositionBottom .junction {
  transform: translateX(3px) rotate(112deg) skew(27deg, 27deg);
  bottom: 75px;
}

.pokerRecallPrimeFtue.positionTop .speechBubble.arrowPositionBottom .arrow,
.pokerRecallPrimeFtue.positionTop .speechBubble.arrowPositionBottom .junction {
  transform: translateX(3px) rotate(148sdeg) skew(27deg, 27deg);
  bottom: 19px;
}

.pokerRecallPrimeFtue.pokerRecallPrimeFtue_Step1.positionTop .pokerRecallFtueBubble {
  top: 118px;
  right: 195px;
}

.pokerRecallPrimeFtue.pokerRecallPrimeFtue_Step1.positionBottom .pokerRecallFtueBubble {
  top: 251px;
  right: 195px;
}

.pokerRecallPrimeFtue.pokerRecallPrimeFtue_Step2.positionTop .pokerRecallFtueBubble {
  width: 300px;
  top: 88px;
  right: 177px;
}

.pokerRecallPrimeFtue.pokerRecallPrimeFtue_Step2.positionBottom .pokerRecallFtueBubble {
  width: 300px;
  top: 251px;
  right: 195px;
}

.pokerRecallPrimeFtue.pokerRecallPrimeFtue_Step4.positionTop .pokerRecallFtueBubble {
  width: 300px;
  top: 47px;
  right: 196px;
}

.pokerRecallPrimeFtue.pokerRecallPrimeFtue_Step4.positionBottom .pokerRecallFtueBubble {
  width: 300px;
  top: 249px;
  right: 196px;
}

.pokerRecallMeter {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 300px;
  overflow: hidden;
  border-radius: 0 5px 5px 0;
  pointer-events: none;
}

.pokerRecallMeter.primeCollected {
  /**
         * Poker Recall Prime styling
         */
}

.pokerRecallMeter.primeCollected .meterJackpot:before {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -577px -2156px;
  width: 267px;
  height: 124px;
  width: 264.5px;
}

.pokerRecallMeter.primeCollected .pokerRecallMeter .meterSteps:before {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -577px -2156px;
  width: 267px;
  height: 124px;
}

.pokerRecallMeter.primeCollected .meterStepsTable {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -713px -1655px;
  width: 229px;
  height: 379px;
}

.pokerRecallMeter.primeCollected .meterSteps .meterStepsTable .meterStep:before,
.pokerRecallMeter.primeCollected .meterSteps .meterStepsTable .meterStep:after {
  background: none;
}

.pokerRecallMeter.primeCollected .meterSteps .meterStepsTable .meterStep, .pokerRecallMeter.primeCollected .meterSteps .meterStepsZoomer_table .meterStep {
  font-family: AkzidGroProMedCndAlt;
  color: #8DD3FF;
  -webkit-filter: drop-shadow(0 0 4px #0267FF);
          filter: drop-shadow(0 0 4px #0267FF);
  font-size: 25px;
}

.pokerRecallMeter.primeCollected .meterSteps .meterStepsZoomer .meterStepsZoomerContent:before {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -1432px -1924px;
  width: 251px;
  height: 67px;
  top: 21px;
}

.pokerRecallMeter.primeCollected .meterPokerRecallPrimeAnimation {
  position: absolute;
  z-index: 0;
  left: 2px;
}

.pokerRecallMeter.primeCollected .meterJackpotValue {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -491px -2039px;
  width: 220px;
  height: 68px;
  top: 21px !important;
  left: 3px;
  height: 68px !important;
}

.pokerRecallMeter.primeCollected .meterJackpotValue > div {
  margin-top: -7px;
}

.pokerRecallMeter.primeCollected .meterJackpotLabel {
  font-size: 32px;
  font-family: AkzidGroProXBolCnd;
  top: 23px;
}

.pokerRecallMeter.primeCollected .meterMultiplier {
  position: absolute;
  top: 101px;
  z-index: 2;
  left: 135px;
  width: 100px;
  text-align: center;
}

.pokerRecallMeter.primeCollected .meterMultiplier div {
  position: relative;
  font-size: 1.4em;
  font-weight: 700;
  word-break: break-word;
  font-family: AkzidGroProXBolCnd;
  margin-left: 5px;
  background: -webkit-linear-gradient(top, #033dda, #0159ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-filter: drop-shadow(0px 0px 0.5px #72ecfb) drop-shadow(0px 0px 0.5px #72ecfb) drop-shadow(0px 0px 0.5px #72ecfb) drop-shadow(0px 0px 0 #fff) drop-shadow(0px 0px 0.5px #72ecfb) drop-shadow(0px 0px 0.5px #72ecfb);
          filter: drop-shadow(0px 0px 0.5px #72ecfb) drop-shadow(0px 0px 0.5px #72ecfb) drop-shadow(0px 0px 0.5px #72ecfb) drop-shadow(0px 0px 0 #fff) drop-shadow(0px 0px 0.5px #72ecfb) drop-shadow(0px 0px 0.5px #72ecfb);
}

.pokerRecallMeter:before {
  content: '';
  position: absolute;
  height: 100%;
  width: 226px;
  right: 0;
  opacity: 1;
  background-image: url(assets/images/minigames/pokerRecall/background.jpg);
  background-position: right 0px top 0px;
  -webkit-filter: blur(5px);
          filter: blur(5px);
}

.pokerRecallMeter .meterJackpot {
  position: absolute;
  height: 124px;
  width: 226px;
  right: 0;
  text-align: center;
  font-size: 18px;
  line-height: 30px;
  font-weight: bold;
  z-index: 1;
  background: #2f325f;
}

.pokerRecallMeter .meterJackpot:before, .pokerRecallMeter .meterJackpot:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 267px;
  height: 100%;
  z-index: 0;
}

.pokerRecallMeter .meterJackpot:before {
  background-image: url(assets/images/minigames/pokerRecall/meterJackpotBackground.png);
}

.pokerRecallMeter .meterJackpot:after {
  background-image: url(assets/images/minigames/pokerRecall/meterJackpotBackground_highlighted.png);
  opacity: 0;
}

.pokerRecallMeter .meterJackpot .meterJackpotLabel {
  color: #13C443;
  position: relative;
  z-index: 1;
  top: 26px;
  font-size: 30px;
  height: 40px;
}

.pokerRecallMeter .meterJackpot .meterJackpotLabel > div {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.pokerRecallMeter .meterJackpot .meterJackpotValue {
  color: #DD9622;
  position: relative;
  z-index: 1;
  top: 35px;
  font-size: 1.7em;
  width: 100%;
  height: 20px;
}

.pokerRecallMeter .meterJackpot .meterJackpotValue > div {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.pokerRecallMeter .meterJackpot.meterJackpot_full {
  animation-name: fullJackpot;
  animation-duration: 400ms;
  animation-delay: 1s;
  animation-iteration-count: 3;
}

.pokerRecallMeter .meterJackpot.meterJackpot_full:before, .pokerRecallMeter .meterJackpot.meterJackpot_full:after {
  animation-duration: 400ms;
  animation-delay: 1s;
  animation-iteration-count: 3;
  animation-timing-function: easeInQuad;
}

.pokerRecallMeter .meterJackpot.meterJackpot_full:before {
  animation-name: fullJackpotBefore;
}

.pokerRecallMeter .meterJackpot.meterJackpot_full:after {
  animation-name: fullJackpotAfter;
}

.pokerRecallMeter .meterSteps {
  overflow: hidden;
  height: calc(100% - 124px);
  width: 300px;
  position: absolute;
  top: 124px;
  right: 0;
  /*
            Meter Steps Table: Static table
        */
  /*
            Meter Steps Zoomer: animated mask on top of the static table
        */
}

.pokerRecallMeter .meterSteps:before {
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  background: #222;
  right: 226px;
}

.pokerRecallMeter .meterSteps .meterStepsTable,
.pokerRecallMeter .meterSteps .meterStepsZoomer_table {
  position: absolute;
  width: 226px;
  right: 0;
  display: flex;
  flex-direction: column-reverse;
}

.pokerRecallMeter .meterSteps .meterStepsTable .meterStep,
.pokerRecallMeter .meterSteps .meterStepsZoomer_table .meterStep {
  position: relative;
  height: 42px;
  display: flex;
  color: #5c70d9;
  padding: 5px 20px;
  font-size: 1.3em;
  align-items: center;
  justify-content: space-between;
}

.pokerRecallMeter .meterSteps .meterStepsTable .meterStep:before, .pokerRecallMeter .meterSteps .meterStepsTable .meterStep:after {
  position: absolute;
  top: -1px;
  left: 0;
  content: '';
  height: 1px;
  width: 100%;
}

.pokerRecallMeter .meterSteps .meterStepsTable .meterStep:before {
  background: linear-gradient(to right, rgba(125, 185, 232, 0.11) 0%, rgba(10, 99, 175, 0.49) 50%, rgba(125, 185, 232, 0.13) 100%);
}

.pokerRecallMeter .meterSteps .meterStepsTable .meterStep:after {
  background: radial-gradient(ellipse at center, rgba(8, 109, 193, 0.68) 0%, rgba(7, 117, 208, 0.49) 36%, rgba(15, 113, 191, 0) 60%, rgba(125, 185, 232, 0) 100%);
}

.pokerRecallMeter .meterSteps .meterStepsZoomer {
  position: relative;
  width: 300px;
  height: 107px;
  top: -33px;
  left: 59px;
  opacity: 1;
  transition: all 1s;
  /*
                Zoomer animation
            */
}

.pokerRecallMeter .meterSteps .meterStepsZoomer .meterStepsZoomerContent {
  position: relative;
  width: 241px;
  height: 100%;
  will-change: transform;
}

.pokerRecallMeter .meterSteps .meterStepsZoomer .meterStepsZoomerContent:before, .pokerRecallMeter .meterSteps .meterStepsZoomer .meterStepsZoomerContent:after {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.pokerRecallMeter .meterSteps .meterStepsZoomer .meterStepsZoomerContent:before {
  background-image: url(assets/images/minigames/pokerRecall/meterStepsZoomerBackground.png);
  opacity: 1;
}

.pokerRecallMeter .meterSteps .meterStepsZoomer .meterStepsZoomerContent:after {
  background-image: url(assets/images/minigames/pokerRecall/meterStepsZoomerBackground_highlighted.png);
  opacity: 0;
}

.pokerRecallMeter .meterSteps .meterStepsZoomer.meterStepsZoomer_full:not(.currentHandIndex_10) .meterStepsZoomerContent {
  animation-name: fullZoomer;
  animation-duration: 400ms;
  animation-iteration-count: 3;
}

.pokerRecallMeter .meterSteps .meterStepsZoomer.meterStepsZoomer_full:not(.currentHandIndex_10) .meterStepsZoomerContent:before, .pokerRecallMeter .meterSteps .meterStepsZoomer.meterStepsZoomer_full:not(.currentHandIndex_10) .meterStepsZoomerContent:after {
  animation-duration: 400ms;
  animation-iteration-count: 3;
  animation-timing-function: easeInQuad;
}

.pokerRecallMeter .meterSteps .meterStepsZoomer.meterStepsZoomer_full:not(.currentHandIndex_10) .meterStepsZoomerContent:before {
  animation-name: fullZoomerBefore;
}

.pokerRecallMeter .meterSteps .meterStepsZoomer.meterStepsZoomer_full:not(.currentHandIndex_10) .meterStepsZoomerContent:after {
  animation-name: fullZoomerAfter;
}

.pokerRecallMeter .meterSteps .meterStepsZoomer.meterStepsZoomer_full_delay .meterStepsZoomerContent {
  animation-delay: 1s;
}

.pokerRecallMeter .meterSteps .meterStepsZoomer.meterStepsZoomer_full_delay .meterStepsZoomerContent:before, .pokerRecallMeter .meterSteps .meterStepsZoomer.meterStepsZoomer_full_delay .meterStepsZoomerContent:after {
  animation-delay: 1s;
}

.pokerRecallMeter .meterSteps .meterStepsZoomer .meterStepsZoomer_mask {
  position: relative;
  top: 33px;
  height: 42px;
  overflow: hidden;
  z-index: 1;
}

.pokerRecallMeter .meterSteps .meterStepsZoomer .meterStepsZoomer_mask .meterStepsZoomer_table {
  transition: all 1s;
}

.pokerRecallMeter .meterSteps .meterStepsZoomer .meterStepsZoomer_mask .meterStepsZoomer_table .meterStep {
  color: #5FDFFF;
}

.pokerRecallMeter .meterSteps .meterStepsZoomer .meterStepsZoomer_mask .meterStepsZoomer_table .meterStep.best {
  color: #BBB;
}

.pokerRecallMeter .meterSteps .meterStepsZoomer .meterStepsZoomer_mask .meterStepsZoomer_table .meterStep.current {
  animation: lightup 1s forwards;
}

.pokerRecallMeter .meterSteps .meterStepsZoomer.currentHandIndex_9 {
  transform: translateY(0px);
}

.pokerRecallMeter .meterSteps .meterStepsZoomer.currentHandIndex_9 .meterStepsZoomer_table {
  transform: translateY(-0px);
}

.pokerRecallMeter .meterSteps .meterStepsZoomer.currentHandIndex_8 {
  transform: translateY(42px);
}

.pokerRecallMeter .meterSteps .meterStepsZoomer.currentHandIndex_8 .meterStepsZoomer_table {
  transform: translateY(-42px);
}

.pokerRecallMeter .meterSteps .meterStepsZoomer.currentHandIndex_7 {
  transform: translateY(84px);
}

.pokerRecallMeter .meterSteps .meterStepsZoomer.currentHandIndex_7 .meterStepsZoomer_table {
  transform: translateY(-84px);
}

.pokerRecallMeter .meterSteps .meterStepsZoomer.currentHandIndex_6 {
  transform: translateY(126px);
}

.pokerRecallMeter .meterSteps .meterStepsZoomer.currentHandIndex_6 .meterStepsZoomer_table {
  transform: translateY(-126px);
}

.pokerRecallMeter .meterSteps .meterStepsZoomer.currentHandIndex_5 {
  transform: translateY(168px);
}

.pokerRecallMeter .meterSteps .meterStepsZoomer.currentHandIndex_5 .meterStepsZoomer_table {
  transform: translateY(-168px);
}

.pokerRecallMeter .meterSteps .meterStepsZoomer.currentHandIndex_4 {
  transform: translateY(210px);
}

.pokerRecallMeter .meterSteps .meterStepsZoomer.currentHandIndex_4 .meterStepsZoomer_table {
  transform: translateY(-210px);
}

.pokerRecallMeter .meterSteps .meterStepsZoomer.currentHandIndex_3 {
  transform: translateY(252px);
}

.pokerRecallMeter .meterSteps .meterStepsZoomer.currentHandIndex_3 .meterStepsZoomer_table {
  transform: translateY(-252px);
}

.pokerRecallMeter .meterSteps .meterStepsZoomer.currentHandIndex_2 {
  transform: translateY(294px);
}

.pokerRecallMeter .meterSteps .meterStepsZoomer.currentHandIndex_2 .meterStepsZoomer_table {
  transform: translateY(-294px);
}

.pokerRecallMeter .meterSteps .meterStepsZoomer.currentHandIndex_1 {
  transform: translateY(336px);
}

.pokerRecallMeter .meterSteps .meterStepsZoomer.currentHandIndex_1 .meterStepsZoomer_table {
  transform: translateY(-336px);
}

.pokerRecallMeter .meterSteps .meterStepsZoomer.currentHandIndex_0 {
  transform: translateY(378px);
}

.pokerRecallMeter .meterSteps .meterStepsZoomer.currentHandIndex_0 .meterStepsZoomer_table {
  transform: translateY(-378px);
}

.pokerRecallMeter .meterSteps .meterStepsZoomer.currentHandIndex_0 {
  opacity: 0;
}

.pokerRecallMeter .meterSteps .meterStepsZoomer.currentHandIndex_10 {
  transform: translateY(-62px);
}

.pokerRecallMeter .meterSteps .meterStepsZoomer.currentHandIndex_10 .meterStepsZoomer_table {
  transform: translateY(62px);
}

@keyframes lightup {
  0% {
    color: #888;
  }
  99% {
    color: #888;
  }
  100% {
    color: #FFF;
  }
}

@keyframes fullZoomer {
  0% {
    transform: scale(1);
  }
  15% {
    transform: scale(1.07);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes fullZoomerBefore {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fullZoomerAfter {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fullJackpot {
  0% {
    transform: scale(1);
  }
  15% {
    transform: scale(1.07);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes fullJackpotBefore {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fullJackpotAfter {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*
    Packs: Container with:
      - the circle and the mask
      - the tooltip
*/
.pokerRecallPacks {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  z-index: 2;
}

.pokerRecallPacks .circleBackground,
.pokerRecallPacks .circleTop,
.pokerRecallPacks .circleBottom {
  pointer-events: none;
}

.pokerRecallPacks .circleBackground {
  position: absolute;
  left: 32px;
  bottom: 56px;
  width: 98px;
  height: 98px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(assets/images/minigames/pokerRecall/cardPackCircleBackground.png);
}

.pokerRecallPacks .circleTop,
.pokerRecallPacks .circleBottom {
  position: absolute;
  left: 20px;
  bottom: 43px;
  width: 121px;
  height: 62px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(assets/images/minigames/pokerRecall/cardPackCircleGlowHalf.png);
}

.pokerRecallPacks .circleTop {
  transform: scaleY(-1);
  transform-origin: 0 0;
}

.pokerRecallPacks .prime-pack-opening-animation {
  position: absolute;
  top: -345px;
  left: -39px;
  width: 300px;
  height: 400px;
  transform: rotate(5deg);
  z-index: 6;
}

.pokerRecallPacks_GetMorePacks {
  position: absolute;
  width: 136px;
  height: 124px;
  bottom: 50px;
  left: 10px;
  background-image: url(assets/images/minigames/pokerRecall/cardPackGetMorePacks_normal.png);
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}

.pokerRecallPacks_GetMorePacks:active {
  background-image: url(assets/images/minigames/pokerRecall/cardPackGetMorePacks_active.png);
}

.pokerRecall.hasBoost .pokerRecallPacks_GetMorePacks {
  width: 176px;
  height: 169px;
  bottom: 40px;
  left: -5px;
  background-image: url(assets/images/minigames/pokerRecall/boostedCardPackGetMorePacks_normal.png);
}

.pokerRecall.hasBoost .pokerRecallPacks_GetMorePacks:active {
  background-image: url(assets/images/minigames/pokerRecall/boostedCardPackGetMorePacks_active.png);
}

/*
    Pack: actual PR pack
*/
@keyframes poker-recall-card-jiggle {
  0% {
    transform: rotate(4deg);
  }
  5% {
    transform: rotate(-7deg);
  }
  10% {
    transform: rotate(4deg);
  }
  15% {
    transform: rotate(-3deg);
  }
  20% {
    transform: rotate(2deg);
  }
  25% {
    transform: rotate(0);
  }
  95% {
    transform: rotate(0);
  }
}

@keyframes poker-recall-card-scale {
  0% {
    transform: scale(0.1, 0.1) translate(5px, 100px);
    opacity: 0;
  }
  80% {
    transform: scale(1.1, 1.1) translate(-5px, -2px);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1) translate(0, 0);
  }
}

@keyframes poker-recall-card-hide {
  0% {
    transform: scale(1, 1) translate(5px, 0);
  }
  100% {
    transform: scale(0.1, 0.1) translate(10px, 100px);
    opacity: 0;
  }
}

.pokerRecallPacks_Pack {
  position: absolute;
  width: 98px;
  bottom: 56px;
  left: 32px;
}

.pokerRecallPacks_Pack .pocker-recall-cards-cliper {
  border-radius: 20em;
  width: 98px;
  height: 150px;
  position: absolute;
  bottom: 0;
}

.pokerRecallPacks_Pack .pack-jiggle-container {
  position: absolute;
  bottom: 4px;
  left: 8px;
  will-change: transform;
}

.pokerRecallPacks_Pack.clickable {
  cursor: pointer;
}

.pokerRecallPacks_Pack.clickable .pack-jiggle-container {
  width: 83px;
  height: 97px;
  transform: rotate(0);
  animation: poker-recall-card-jiggle 2.5s infinite ease-in-out;
  animation-delay: 1.5s;
}

.pokerRecallPacks_Pack.clickable .pack-scale-container {
  will-change: transform;
  width: 83px;
  height: 97px;
  animation: poker-recall-card-scale .5s 1;
}

.pokerRecallPacks_Pack .pack_open {
  position: absolute;
  width: 83px;
  height: 97px;
  bottom: 0px;
  left: 0px;
  background-size: contain;
  background-repeat: no-repeat;
}

.pokerRecallPacks_Pack .pack_open.prime-overlay::after {
  position: absolute;
  top: -2px;
  left: -18px;
  width: 99px;
  height: 116px;
  background-image: url(assets/imgSrc/gameCanvas/pokerRecall/Prime/primePack_bottomOverlay.png);
  content: '';
  z-index: 1;
}

.pokerRecallPacks_Pack .pack_cover {
  position: absolute;
  width: 68px;
  height: 48px;
  bottom: 68px;
  left: 20px;
  background-size: contain;
  background-repeat: no-repeat;
}

.pokerRecallPacks_Pack .pack_cover.prime-overlay::after {
  position: absolute;
  top: -23px;
  left: -18px;
  width: 95px;
  height: 101px;
  background-image: url(assets/imgSrc/gameCanvas/pokerRecall/Prime/primePack_topOverlay.png);
  content: '';
  z-index: 1;
}

.pokerRecallPacks_Pack .pack_overflow {
  position: absolute;
  width: 68px;
  height: 48px;
  bottom: 68px;
  left: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(assets/images/minigames/pokerRecall/cardPackOverflow.png);
  opacity: 0;
}

.pokerRecallPacks_Pack .pack_slicer {
  position: absolute;
  width: 124px;
  height: 52px;
  bottom: 68px;
  left: -12px;
  background-image: url(assets/images/minigames/pokerRecall/cardPack_slicer.png);
  transform-origin: center left;
  opacity: 0;
}

.pokerRecallPacks_Pack .pack_count {
  position: absolute;
  bottom: 72px;
  left: -8px;
  min-width: 24px;
  padding: 0 5px;
  height: 28px;
  font-size: 22px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  background-color: #EB2E24;
  background-image: linear-gradient(#ee1d32 7.4%, #ff4964 74%, #ed5d74 92.5%);
  border-radius: 3px;
  box-shadow: inset 0px 1px 1px -1px white, 0 1px 2px #000;
}

.pokerRecallPacks_Pack.open .pack_overflow,
.pokerRecallPacks_Pack.open .pack_slicer,
.pokerRecallPacks_Pack.open .pack_open {
  animation-duration: 0s;
  animation-fill-mode: forwards;
}

.pokerRecallPacks_Pack.open .pack_overflow.prime-overlay,
.pokerRecallPacks_Pack.open .pack_slicer.prime-overlay,
.pokerRecallPacks_Pack.open .pack_open.prime-overlay {
  animation: none;
}

.pokerRecallPacks_Pack.open.shouldAnimate .pack_overflow,
.pokerRecallPacks_Pack.open.shouldAnimate .pack_slicer {
  animation-duration: 0s;
}

.pokerRecallPacks_Pack.open.shouldAnimate .pack_overflow.prime-overlay,
.pokerRecallPacks_Pack.open.shouldAnimate .pack_slicer.prime-overlay {
  animation: none;
}

.pokerRecallPacks_Pack.open .pack_cover {
  animation: packCoverOpening forwards;
}

.pokerRecallPacks_Pack.open .pack_cover.prime-overlay {
  animation: pokerRecallPrimePackCoverBounce linear forwards;
}

.pokerRecallPacks_Pack.open .pack_overflow {
  animation-name: packOverflowOpening;
}

.pokerRecallPacks_Pack.open .pack_slicer {
  animation-name: packSlicerOpening;
}

.pokerRecallPacks_Pack.open.discard_after_use .pack-scale-container {
  animation: poker-recall-card-hide .5s 5.5s forwards;
}

.pokerRecallPacks_Pack.open.discard_after_use .pack_cover,
.pokerRecallPacks_Pack.open.discard_after_use .pack_slicer {
  animation-duration: .3s;
}

.pokerRecallPacks_Pack.open.discard_after_use .pack_cover.prime-overlay,
.pokerRecallPacks_Pack.open.discard_after_use .pack_slicer.prime-overlay {
  animation-duration: .8s;
  animation-delay: 1s;
}

.pokerRecallPacks_Pack.open .prime-overlay.started {
  animation: pokerRecallPrimePackBounce .8s linear;
}

.pokerRecallPacks .circleBackground,
.pokerRecallPacks .circleTop,
.pokerRecallPacks .circleBottom,
.pokerRecallPacks .pokerRecallPacks_GetMorePacks,
.pokerRecallPacks .pokerRecallPacks_Pack {
  z-index: 5;
}

.pokerRecall_FtueStep1 .pokerRecallPacks .circleBackground,
.pokerRecall_FtueStep1 .pokerRecallPacks .circleTop,
.pokerRecall_FtueStep1 .pokerRecallPacks .circleBottom,
.pokerRecall_FtueStep1 .pokerRecallPacks .pokerRecallPacks_Pack {
  z-index: 21;
}

@keyframes packCoverOpening {
  0% {
    opacity: 1;
  }
  65% {
    opacity: 1;
    transform: none;
  }
  80% {
    opacity: 1;
  }
  99% {
    opacity: 0;
    transform: translate3d(-50px, -50px, 0) rotate(-90deg);
  }
  100% {
    opacity: 0;
  }
}

@keyframes packOverflowOpening {
  0% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  66% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes packSlicerOpening {
  0% {
    opacity: 0;
    transform: scale(0.1);
  }
  35% {
    opacity: 1;
    transform: scale(1);
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.poker-recall-packs-banner-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 4px;
  overflow: hidden;
  z-index: 2;
}

.poker-recall-packs-banner {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -2505px -1588px;
  width: 149px;
  height: 503px;
  position: relative;
  left: -180px;
  transition: left .5s linear;
  cursor: pointer;
  overflow: hidden;
  z-index: 5;
}

.poker-recall-packs-banner.poker-recall-packs-banner--is-visible {
  left: 0;
}

.poker-recall-packs-banner.poker-recall-prime-banner-background {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -2310px -941px;
  width: 149px;
  height: 503px;
}

.poker-recall-packs-banner .poker-recall-cards-bg {
  animation: pokerRecallMenuCardsAlpha 1.75s linear 0s;
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -2310px -1446px;
  width: 142px;
  height: 456px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.poker-recall-packs-banner .poker-recall-packs-banner-packs {
  position: relative;
  height: 100%;
}

.poker-recall-packs-banner .poker-recall-packs-banner-pack {
  height: 30px;
  position: relative;
}

.poker-recall-packs-banner .poker-recall-packs-banner-pack.prime-overlay::before {
  position: absolute;
  background-image: url(assets/imgSrc/pokerRecall/PokerRecallPrime_Pack_Overlay.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: '';
}

.poker-recall-packs-banner .poker-recall-packs-banner-pack--0 {
  animation: pokerRecallPack0SlideIn 2.25s linear 0s, pokerRecallPack0Jump 2.5s  linear 4s infinite;
  top: 82px;
  left: -19px;
}

.poker-recall-packs-banner .poker-recall-packs-banner-pack--0.prime-overlay::before {
  top: -14px;
  left: -30px;
  width: 179px;
  height: 152px;
}

.poker-recall-packs-banner .poker-recall-packs-banner-pack--0 .poker-recall-packs-banner-pack-image {
  height: 125px;
  width: 125px;
}

.poker-recall-packs-banner .poker-recall-packs-banner-pack--1 {
  animation: pokerRecallPack1SlideIn 2.2s linear 0s, pokerRecallPack1Jump 2.5s  linear 3.95s infinite;
  top: 71px;
  left: -15px;
}

.poker-recall-packs-banner .poker-recall-packs-banner-pack--1.prime-overlay::before {
  top: -13px;
  left: -30px;
  width: 177px;
  height: 145px;
}

.poker-recall-packs-banner .poker-recall-packs-banner-pack--1 .poker-recall-packs-banner-pack-image {
  height: 125px;
  width: 125px;
}

.poker-recall-packs-banner .poker-recall-packs-banner-pack--2 {
  animation: pokerRecallPack2SlideIn 2.15s linear 0s, pokerRecallPack2Jump 2.5s  linear 3.90s infinite;
  top: 59px;
  left: -19px;
}

.poker-recall-packs-banner .poker-recall-packs-banner-pack--2.prime-overlay::before {
  top: -15px;
  left: -30px;
  width: 191px;
  height: 167px;
}

.poker-recall-packs-banner .poker-recall-packs-banner-pack--2 .poker-recall-packs-banner-pack-image {
  height: 138px;
  width: 138px;
}

.poker-recall-packs-banner .poker-recall-packs-banner-pack--3 {
  animation: pokerRecallPack3SlideIn 2.1s linear 0s, pokerRecallPack3Jump 2.5s  linear 3.85s infinite;
  top: 53px;
  left: -26px;
}

.poker-recall-packs-banner .poker-recall-packs-banner-pack--3.prime-overlay::before {
  top: -18px;
  left: -30px;
  width: 213px;
  height: 196px;
}

.poker-recall-packs-banner .poker-recall-packs-banner-pack--3 .poker-recall-packs-banner-pack-image {
  height: 162px;
  width: 162px;
}

.poker-recall-packs-banner .poker-recall-packs-banner-pack--4 {
  animation: pokerRecallPack4SlideIn 2s linear 0s, pokerRecallPack4Jump 2.5s  linear 3.8s infinite;
  top: 50px;
  left: -32px;
}

.poker-recall-packs-banner .poker-recall-packs-banner-pack--4.prime-overlay::before {
  top: -21px;
  left: -25px;
  width: 230px;
  height: 230px;
}

.poker-recall-packs-banner .poker-recall-packs-banner-pack--4 .poker-recall-packs-banner-pack-image {
  height: 190px;
  width: 190px;
}

.poker-recall-packs-banner .poker-recall-packs-banner-pack-image {
  background-position: center center;
  background-size: contain;
}

.poker-recall-packs-banner .poker-recall-packs-banner-text {
  animation: pokerRecallNormalTextFadeIn 1.5s linear 0s, pokerRecallLabelNormalIdle 2.5s linear 1.5s infinite;
  cursor: pointer;
  position: absolute;
  bottom: 45px;
  left: 22px;
  z-index: 1;
  font-family: AkzidGroProBolCnd;
  line-height: 0.8;
  text-align: left;
  color: #2f2d77;
  transform: rotate(-7deg) skew(-7deg);
  text-transform: uppercase;
}

.poker-recall-packs-banner .poker-recall-packs-banner-text .small {
  font-size: 27px;
}

.poker-recall-packs-banner .poker-recall-packs-banner-text .medium {
  font-size: 39px;
}

.poker-recall-packs-banner .poker-recall-packs-banner-text .big {
  font-size: 47px;
}

.poker-recall-packs-banner .poker-recall-packs-banner-text.poker-recall-normal-text-wave {
  background-image: url(assets/imgSrc/pokerRecall/PokerRecall_DiagonalMenu_ShinyEffect.png);
  background-repeat: no-repeat;
  background-position-x: -40px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: pokerRecallShinyTextEffect 2.5s linear 0s infinite;
  z-index: 2;
  text-shadow: none;
}

.poker-recall-packs-banner .poker-recall-packs-banner-boosted-sparkles {
  animation: pokerRecallBoostedSparkAnim 2.5s linear 2s infinite;
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -2178px -1134px;
  width: 102px;
  height: 102px;
  position: absolute;
  left: 29px;
  bottom: 46px;
  z-index: 10;
  opacity: 0;
}

.poker-recall-packs-banner .poker-recall-packs-banner-boosted-text {
  opacity: 0;
  cursor: pointer;
  position: absolute;
  font-family: AkzidGroProBolCnd;
  z-index: 1;
  color: #ffffff;
  line-height: 0.9;
  text-align: center;
  text-shadow: 0 0 4px #00baff, 0 0 4px #00baff, 0 0 4px #00baff, 0 0 6px #00baff, 0 0 8px #00baff, 0 0 8px #00baff, 0 0 8px #00baff;
  bottom: 45px;
  left: 11px;
  transform: rotate(-7deg) skew(-7deg);
  text-transform: uppercase;
}

.poker-recall-packs-banner .poker-recall-packs-banner-boosted-text .small {
  font-size: 30px;
}

.poker-recall-packs-banner .poker-recall-packs-banner-boosted-text .medium {
  font-size: 39px;
}

.poker-recall-packs-banner .poker-recall-packs-banner-boosted-text .big {
  font-size: 36px;
}

.poker-recall-packs-banner .poker-recall-packs-banner-shiny {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -2675px -1220px;
  width: 26px;
  height: 48px;
  position: absolute;
  opacity: 0;
}

.poker-recall-packs-banner .poker-recall-packs-banner-shiny.top {
  animation: pokerRecallShinyAnim 5s linear 2s infinite;
  bottom: 394px;
  left: 17px;
}

.poker-recall-packs-banner .poker-recall-packs-banner-shiny.middle {
  animation: pokerRecallShinyAnim 5s linear 2.6s infinite;
  bottom: 250px;
  left: 0px;
}

.poker-recall-packs-banner .poker-recall-packs-banner-shiny.bottom {
  animation: pokerRecallShinyAnim 5s linear 2.3s infinite;
  bottom: 300px;
  left: 71px;
}

.poker-recall-packs-banner.poker-recall-packs-banner--boosted .poker-recall-packs-banner-boosted-bg {
  animation: pokerRecallBoostedBGUp 3.3s linear 0s;
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -2310px -1904px;
  width: 172px;
  height: 247px;
  position: absolute;
  left: -23px;
  bottom: 0;
}

.poker-recall-packs-banner.poker-recall-packs-banner--boosted .poker-recall-packs-banner-boosted-sparkles {
  animation: pokerRecallBoostedSparkAnim 3s linear 1s infinite;
}

.poker-recall-packs-banner.poker-recall-packs-banner--boosted .poker-recall-packs-banner-lightning-1 {
  animation: pokerRecallLightningAnim1 0.2s linear 3.2s infinite;
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -2505px -1128px;
  width: 168px;
  height: 458px;
  position: absolute;
  left: -7px;
  bottom: 8px;
  opacity: 0;
}

.poker-recall-packs-banner.poker-recall-packs-banner--boosted .poker-recall-packs-banner-lightning-2 {
  animation: pokerRecallLightningAnim2 0.2s linear 3.2s infinite;
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -2310px -469px;
  width: 168px;
  height: 470px;
  position: absolute;
  left: -7px;
  bottom: 8px;
  opacity: 0;
}

.poker-recall-packs-banner.poker-recall-packs-banner--boosted .poker-recall-packs-banner-text {
  animation: pokerRecallLabelScaleDown 3s linear 0s;
  transform: rotate(-7deg) skew(-7deg) scale(0, 0);
}

.poker-recall-packs-banner.poker-recall-packs-banner--boosted .poker-recall-packs-banner-boosted-text {
  animation: pokerRecallBoostedLabelScaleUp 3.4s linear 0s, pokerRecallLabelNormalIdle 3s linear 3.5s infinite;
  opacity: 1;
}

.poker-recall-packs-banner.poker-recall-packs-banner--boosted .poker-recall-packs-banner-pack--0 {
  animation: pokerRecallPack0SlideIn 2.25s linear 0.2s, pokerRecallPack0Jump 3s linear 3.4s infinite;
}

.poker-recall-packs-banner.poker-recall-packs-banner--boosted .poker-recall-packs-banner-pack--1 {
  animation: pokerRecallPack1SlideIn 2.25s linear 0.15s, pokerRecallPack1Jump 3s linear 3.35s infinite;
}

.poker-recall-packs-banner.poker-recall-packs-banner--boosted .poker-recall-packs-banner-pack--2 {
  animation: pokerRecallPack2SlideIn 2.25s linear 0.1s, pokerRecallPack2Jump 3s linear 3.3s infinite;
}

.poker-recall-packs-banner.poker-recall-packs-banner--boosted .poker-recall-packs-banner-pack--3 {
  animation: pokerRecallPack3SlideIn 2.25s linear 0.05s, pokerRecallPack3Jump 3s linear 3.25s infinite;
}

.poker-recall-packs-banner.poker-recall-packs-banner--boosted .poker-recall-packs-banner-pack--4 {
  animation: pokerRecallPack4SlideIn 2.25s linear 0s, pokerRecallPack4Jump 3s linear 3.2s infinite;
}

.poker-recall-packs-banner.poker-recall-packs-banner--is-prime {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -2310px -941px;
  width: 149px;
  height: 503px;
}

.poker-recall-packs-banner.poker-recall-packs-banner--is-prime .poker-recall-cards-bg {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -2310px 0px;
  width: 193px;
  height: 467px;
  position: absolute;
  bottom: 0;
  left: -43px;
  animation: pokerRecallMenuCardsAlpha 1.75s linear 0s;
}

.poker-recall-packs-banner.poker-recall-packs-banner--is-prime .poker-recall-prime-scratch-effect {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -491px -1533px;
  width: 220px;
  height: 504px;
  position: absolute;
  left: -65px;
  transform: scale(0.9);
  z-index: -1;
}

.poker-recall-packs-banner.poker-recall-packs-banner--is-prime .poker-recall-prime-glow-before-effect {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -194px -2156px;
  width: 168px;
  height: 253px;
  position: absolute;
  top: 137px;
  left: -27px;
  transform: scale(0.9);
  z-index: -1;
}

.poker-recall-packs-banner.poker-recall-packs-banner--is-prime .poker-recall-prime-glow-after-effect {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: 0px -2156px;
  width: 192px;
  height: 288px;
  position: absolute;
  top: 37px;
  left: -55px;
  transform: scale(0.9);
  z-index: -1;
}

.poker-recall-packs-banner.poker-recall-packs-banner--is-prime .poker-recall-packs-banner-text {
  top: 367px;
  color: white;
  line-height: 0.9;
  text-shadow: 0 0 2px #172df8, 0 0 2px #172df8, 0 0 2px #172df8, 0 0 4px #172df8, 0 0 6px #172df8, 0 0 6px #172df8, 0 0 6px #172df8;
}

.poker-recall-packs-banner.poker-recall-packs-banner--is-prime .poker-recall-packs-banner-text.poker-recall-normal-text-wave {
  text-shadow: none;
}

@keyframes pokerRecallMenuCardsAlpha {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes pokerRecallPack0Jump {
  0% {
    top: 82px;
  }
  3% {
    top: 72px;
  }
  6% {
    top: 82px;
  }
  100% {
    top: 82px;
  }
}

@keyframes pokerRecallPack1Jump {
  0% {
    top: 71px;
  }
  3% {
    top: 61px;
  }
  6% {
    top: 71px;
  }
  100% {
    top: 71px;
  }
}

@keyframes pokerRecallPack2Jump {
  0% {
    top: 59px;
  }
  3% {
    top: 49px;
  }
  6% {
    top: 59px;
  }
  100% {
    top: 59px;
  }
}

@keyframes pokerRecallPack3Jump {
  0% {
    top: 53px;
  }
  3% {
    top: 43px;
  }
  6% {
    top: 53px;
  }
  100% {
    top: 53px;
  }
}

@keyframes pokerRecallPack4Jump {
  0% {
    top: 50px;
  }
  3% {
    top: 40px;
  }
  6% {
    top: 50px;
  }
  100% {
    top: 50px;
  }
}

@keyframes pokerRecallPack0SlideIn {
  0% {
    left: -150px;
  }
  79% {
    left: -150px;
  }
  99% {
    left: -9px;
  }
  100% {
    left: -19px;
  }
}

@keyframes pokerRecallPack1SlideIn {
  0% {
    left: -150px;
  }
  78% {
    left: -150px;
  }
  98% {
    left: -5px;
  }
  100% {
    left: -15px;
  }
}

@keyframes pokerRecallPack2SlideIn {
  0% {
    left: -150px;
  }
  77% {
    left: -150px;
  }
  97% {
    left: -9px;
  }
  100% {
    left: -19px;
  }
}

@keyframes pokerRecallPack3SlideIn {
  0% {
    left: -150px;
  }
  76% {
    left: -150px;
  }
  96% {
    left: -16px;
  }
  100% {
    left: -26px;
  }
}

@keyframes pokerRecallPack4SlideIn {
  0% {
    left: -150px;
  }
  75% {
    left: -150px;
  }
  95% {
    left: -22px;
  }
  100% {
    left: -32px;
  }
}

@keyframes pokerRecallNormalTextFadeIn {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes pokerRecallShinyTextEffect {
  0% {
    background-position-x: -40px;
  }
  85% {
    background-position-x: -40px;
  }
  100% {
    background-position-x: 90px;
  }
}

@keyframes pokerRecallBoostedBGUp {
  0% {
    bottom: -240px;
    left: 0px;
  }
  92% {
    bottom: -240px;
    left: 0px;
  }
  100% {
    bottom: 0px;
    left: -23px;
  }
}

@keyframes pokerRecallBoostedLabelScaleUp {
  0% {
    transform: rotate(-7deg) skew(-7deg) scale(0, 0);
  }
  85% {
    transform: rotate(-7deg) skew(-7deg) scale(0, 0);
  }
  95% {
    transform: rotate(-7deg) skew(-7deg) scale(1.1, 1.1);
  }
  100% {
    transform: rotate(-7deg) skew(-7deg) scale(1, 1);
  }
}

@keyframes pokerRecallLabelScaleDown {
  0% {
    transform: rotate(-7deg) skew(-7deg) scale(1, 1);
  }
  85% {
    transform: rotate(-7deg) skew(-7deg) scale(1, 1);
  }
  95% {
    transform: rotate(-7deg) skew(-7deg) scale(1.1, 1.1);
  }
  100% {
    transform: rotate(-7deg) skew(-7deg) scale(0, 0);
  }
}

@keyframes pokerRecallBoostedSparkAnim {
  0% {
    transform: scale(0, 0);
    opacity: 0;
  }
  60% {
    transform: scale(0, 0);
    opacity: 0;
  }
  80% {
    transform: scale(2, 2);
    opacity: 1;
    bottom: 46px;
  }
  100% {
    transform: scale(2.3, 2.3);
    opacity: 0;
    bottom: 14px;
  }
}

@keyframes pokerRecallLightningAnim1 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes pokerRecallLightningAnim2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes pokerRecallShinyAnim {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes pokerRecallLabelNormalIdle {
  0% {
    transform: rotate(-7deg) skew(-7deg) scale(1, 1);
  }
  70% {
    transform: rotate(-7deg) skew(-7deg) scale(1, 1);
  }
  80% {
    transform: rotate(-7deg) skew(-7deg) scale(1.1, 1.1);
  }
  85% {
    transform: rotate(-7deg) skew(-7deg) scale(1.2, 1.2);
  }
  90% {
    transform: rotate(-7deg) skew(-7deg) scale(0.8, 0.8);
  }
  95% {
    transform: rotate(-7deg) skew(-7deg) scale(1.1, 1.1);
  }
  100% {
    transform: rotate(-7deg) skew(-7deg) scale(1, 1);
  }
}

@keyframes pokerRecallPrimePackBounce {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.75);
  }
  50% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes pokerRecallPrimePackCoverBounce {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  25% {
    transform: scale(0.75);
  }
  50% {
    transform: scale(1.25);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}

.pokerRecallGreenPopup > .gpContentCont {
  height: 400px;
}

.pokerRecallGreenPopup > .gpContentCont > div::before {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -1466px -1028px;
  width: 710px;
  height: 404px;
}

.pokerRecallGreenPopup > .gpContentCont::after {
  border: 0;
  box-shadow: none;
}

.pokerRecallGreenPopup > .pmClose {
  background-image: url(assets/images/Atlas.png);
  background-position: -3697px -932px;
  width: 25px;
  height: 24px;
  top: 40px;
  right: 70px;
}

.pokerRecallGreenPopup > .pmClose:hover {
  background-position: -3697px -906px;
}

.pokerRecallGreenPopup > .pmClose:active {
  background-position: -3697px -880px;
}

.pokerRecallGreenPopup > .gpTitle {
  background: none;
  background-image: url(assets/images/AtlasRibbon.png);
  background-position: 0px -420px;
  width: 768px;
  height: 82px;
}

.pokerRecallPositionPopup,
.pokerRecallPositionPopupContainer .genericPopup {
  top: 495px;
}

.pokerRecallClaimPopup .gpContentCont {
  background: none;
}

.pokerRecallClaimPopup .gpContentCont > div:before {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -754px -1028px;
  width: 710px;
  height: 404px;
}

.pokerRecallClaimPopup .pokerRecallClaimPopupContent {
  display: flex;
  position: relative;
  top: 30px;
  flex-direction: column;
  font-family: AkzidGroProCnd, arial, sans-serif;
  text-shadow: 1px 1px 2px #001442;
}

.pokerRecallClaimPopup .pokerRecallClaimPopupContent .pokerRecallClaimPopupCards {
  display: flex;
  align-self: center;
  justify-content: space-between;
  width: 435px;
}

.pokerRecallClaimPopup .pokerRecallClaimPopupContent .pokerRecallClaimPopupCards .poker-recall-card-glow {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: 0px -2446px;
  width: 136px;
  height: 192px;
}

.pokerRecallClaimPopup .pokerRecallClaimPopupContent .pokerRecallClaimPopupCards .pokerRecallCard {
  position: relative;
  width: 76px;
  height: 111px;
}

.pokerRecallClaimPopup .pokerRecallClaimPopupContent .pokerRecallClaimPopupCards .pokerRecallCard .pokerRecallCardFace {
  font-size: 110px;
  line-height: 110px;
}

.pokerRecallClaimPopup .pokerRecallClaimPopupContent .pokerRecallClaimPopupCards .pokerRecallCard .pokerRecallCardSuit {
  width: 85px;
  height: 85px;
}

.pokerRecallClaimPopup .pokerRecallClaimPopupContent .pokerRecallClaimPopupActions {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.pokerRecallClaimPopup .pokerRecallClaimPopupContent .pokerRecallClaimPopupActions .generic-action-button {
  height: 50px;
  padding: 0 40px;
}

.pokerRecallClaimPopup .pokerRecallClaimPopupContent .pokerRecallClaimAmount {
  height: 89px;
  margin-top: -15px;
  font-family: AkzidGroProLigCnd;
  font-size: 70px;
  font-weight: bold;
}

.pokerRecallClaimPopup .pokerRecallClaimPopupContent .pokerRecallClaimHandLabel {
  display: flex;
  justify-content: center;
  height: 50px;
  margin: 15px 0;
  color: #f4ae18;
  font-size: 28px;
}

.pokerRecallClaimPopup .pokerRecallClaimPopupContent .pokerRecallClaimHandLabel .pokerRecallClaimHandString {
  align-self: flex-end;
}

.pokerRecallClaimPopup .pokerRecallClaimPopupContent .pokerRecallClaimHandLabel .pokerRecallClaimHandValue {
  align-self: center;
  color: #C1F1FF;
  font-size: 42px;
}

.pokerRecallClaimPopup .pokerRecallClaimPopupContent .pokerRecallClaimText {
  height: 40px;
  font-family: AkzidGroProLigCnd;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: .4;
}

.pokerRecallMissJackpotPopup .gpContentCont {
  background: none;
}

.pokerRecallMissJackpotPopup .pokerRecallMissJackpotPopupContent {
  display: flex;
  position: relative;
  top: 30px;
  flex-direction: column;
  font-size: 40px;
  line-height: .7;
}

.pokerRecallMissJackpotPopup .pokerRecallMissJackpotPopupContent .pokerRecallMissJackpotTextB {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 90px;
  text-shadow: 1px 1px 2px #001442;
  margin: 10px 0;
}

.pokerRecallMissJackpotPopup .pokerRecallMissJackpotPopupContent .pokerRecallMissJackpotTextB .pokerRecallMissJackpotAmount {
  width: 435px;
  height: 114px;
}

.pokerRecallMissJackpotPopup .pokerRecallMissJackpotPopupContent .pokerRecallMissJackpotTextB .pokerRecallMissJackpotLabel {
  width: 285px;
  height: 114px;
  margin: -15px 0;
}

.pokerRecallMissJackpotPopup .pokerRecallMissJackpotPopupContent .pokerRecallMissJackpotPopupActions .generic-action-button {
  position: relative;
  width: 150px;
  height: 50px;
  margin: 20px 50px;
  padding: unset;
}

.pokerRecallPrimeMissMaxMultiplierPopup .gpContentCont {
  background: none;
}

.pokerRecallPrimeMissMaxMultiplierPopup .pokerRecallPrimeMissMaxMultiplierPopupContent {
  display: flex;
  position: relative;
  top: 90px;
  flex-direction: column;
  align-items: center;
  font-size: 40px;
  line-height: .9;
}

.pokerRecallPrimeMissMaxMultiplierPopup .pokerRecallPrimeMissMaxMultiplierPopupContent .pokerRecallPrimeMissMaxMultiplierPopupMultiplier {
  height: 95px;
  margin: 10px -5px;
  font-size: 75px;
  text-shadow: 1px 1px 2px #001442;
}

.pokerRecallPrimeMissMaxMultiplierPopup .pokerRecallPrimeMissMaxMultiplierPopupContent .generic-action-button {
  display: inline-block;
  position: relative;
  width: 160px;
  height: 50px;
  margin: 50px;
  padding: 8px 25px;
  font-family: AkzidGroProMedCndAlt;
  font-size: 32px;
  box-sizing: border-box;
}

.pokerRecallPrimeMissMaxMultiplierPopup .pokerRecallPrimeMissMaxMultiplierPopupContent .generic-action-button.notification::after {
  display: block;
  position: absolute;
  top: -8px;
  right: -10px;
  min-width: 20px;
  height: 20px;
  border-radius: 3px;
  background-color: #EB2E24;
  background-image: linear-gradient(#ee1d32 7.4%, #ff4964 74%, #ed5d74 92.5%);
  color: #fff;
  font-size: 1.5rem;
  line-height: normal;
  text-align: center;
  box-shadow: 1px 1px 1px #000;
  content: attr(data-count);
}

.pokerRecallPrimeMissMaxMultiplierPopup .pokerRecallPrimeMissMaxMultiplierPopupContent .generic-action-button sup {
  text-transform: none;
  vertical-align: text-bottom;
}

.pokerRecallPrimeMissMaxMultiplierPopup .pokerRecallPrimeMissMaxMultiplierPopupContent .generic-action-button .buttonPrice {
  background-image: url(assets/images/Atlas.png);
  background-position: -3120px -2544px;
  width: 119px;
  height: 26px;
  position: absolute;
  color: white;
  line-height: 24px;
  bottom: -19px;
  left: 50%;
  margin-left: -60px;
  font-size: 18px;
  text-shadow: 0px 0px 7px rgba(204, 74, 252, 0.79), 0px 0px 7px rgba(204, 74, 252, 0.79), 0px 0px 7px rgba(204, 74, 252, 0.79);
  font-family: AkzidGroProCnd;
}

.pokerRecallUnclaimedAmountPopup {
  width: 768px;
  height: 512px;
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -770px -514px;
  width: 768px;
  height: 512px;
}

.pokerRecallUnclaimedAmountPopup.noAmount {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -1540px 0px;
  width: 768px;
  height: 512px;
}

.pokerRecallUnclaimedAmountPopup .pokerRecallUnclaimedAmountPopupContent {
  position: relative;
  top: 280px;
}

.pokerRecallUnclaimedAmountPopup .pokerRecallUnclaimedAmountPopupContent p {
  font-size: 28px;
  color: yellow;
}

.pokerRecallUnclaimedAmountPopup .pokerRecallUnclaimedAmountPopupContent .pokerRecallUnclaimedAmountPopupActions {
  margin-top: 70px;
}

.poker-recall-prime-claim-card-container {
  display: flex;
  height: 100%;
  font-size: 40px;
  overflow: hidden;
}

.poker-recall-prime-claim-card-container .claim-card-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 15;
}

.poker-recall-prime-claim-card-container .claim-card-left-container {
  position: relative;
  width: 70%;
  z-index: 16;
  animation: claimCardFloating 3s linear infinite 2s;
}

.poker-recall-prime-claim-card-container .claim-card-left-container.intro .card-reveal-poker-recall-prime-background-fx {
  position: absolute;
  left: 0;
  transform: scale(0);
  z-index: -1;
  animation: backgroundFXScaleIn .6s ease-in .5s forwards;
}

.poker-recall-prime-claim-card-container .claim-card-left-container.loop .card-reveal-poker-recall-prime-background-fx {
  position: absolute;
  left: 0;
  transform: scale(1.5);
  z-index: -1;
}

.poker-recall-prime-claim-card-container .claim-card-left-container.outro .card-reveal-poker-recall-prime-background-fx, .poker-recall-prime-claim-card-container .claim-card-left-container.multiplier .card-reveal-poker-recall-prime-background-fx {
  display: none;
}

.poker-recall-prime-claim-card-container .claim-card-left-container .card-reveal-poker-recall-prime-intro {
  transform: scale(0);
  animation: claimCardScaleIn .6s ease-in .5s forwards;
}

.poker-recall-prime-claim-card-container .claim-card-left-container .card-reveal-poker-recall-prime-loop,
.poker-recall-prime-claim-card-container .claim-card-left-container .card-reveal-poker-recall-prime-outro {
  transform: scale(1.25);
}

.poker-recall-prime-claim-card-container .claim-card-left-container .claim-card-pseudo-card {
  position: absolute;
  top: 100px;
  left: 130px;
  transform: skew(8deg, -15deg) scale(0);
}

.poker-recall-prime-claim-card-container .claim-card-left-container .claim-card-pseudo-card.multiplier {
  display: none;
}

.poker-recall-prime-claim-card-container .claim-card-left-container .claim-card-pseudo-card.intro {
  animation: claimCardPseudoCardScaleIn .6s ease-in .5s forwards;
}

.poker-recall-prime-claim-card-container .claim-card-left-container .claim-card-pseudo-card.intro .multiplier {
  animation: claimCardMultiplierScale 1.2s linear .5s forwards;
}

.poker-recall-prime-claim-card-container .claim-card-left-container .claim-card-pseudo-card.loop {
  transform: skew(8deg, -15deg) scale(1.2);
}

.poker-recall-prime-claim-card-container .claim-card-left-container .claim-card-pseudo-card.outro {
  animation: claimCardPseudoCardScaleOut .3s linear;
}

.poker-recall-prime-claim-card-container .claim-card-left-container .claim-card-pseudo-card .claim-card-card-face {
  transform: skewY(10deg);
  color: #332b5d;
  font-size: 140px;
  line-height: 140px;
}

.poker-recall-prime-claim-card-container .claim-card-left-container .claim-card-pseudo-card .claim-card-card-suit {
  display: flex;
  align-self: flex-end;
  width: 128px;
  height: 128px;
  margin-left: 40px;
  transform: scale(0.75);
}

.poker-recall-prime-claim-card-container .claim-card-left-container .claim-card-pseudo-card .claim-card-multiplier {
  display: flex;
  position: absolute;
  top: 50px;
  left: 50px;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 100px;
  transform: skewY(10deg) translate(50px, -55px);
  font-size: 60px;
}

.poker-recall-prime-claim-card-container .claim-card-left-container .claim-card-pseudo-card .claim-card-multiplier span {
  position: absolute;
  background: -webkit-linear-gradient(top, #033dda, #6393ee, #033dda);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transform: scaleY(1.25);
  -webkit-filter: drop-shadow(0px 0px 0.5px #72ecfb) drop-shadow(0px 0px 0.5px #72ecfb) drop-shadow(0px 0px 0.5px #72ecfb) drop-shadow(0px 0px 0 #fff) drop-shadow(0px 0px 0.5px #72ecfb) drop-shadow(0px 0px 0.5px #72ecfb);
          filter: drop-shadow(0px 0px 0.5px #72ecfb) drop-shadow(0px 0px 0.5px #72ecfb) drop-shadow(0px 0px 0.5px #72ecfb) drop-shadow(0px 0px 0 #fff) drop-shadow(0px 0px 0.5px #72ecfb) drop-shadow(0px 0px 0.5px #72ecfb);
}

.poker-recall-prime-claim-card-container .claim-card-left-container .claim-card-pseudo-card .claim-card-multiplier #claim-card-multiplier-shaddow {
  transform: scaleY(1.25) translate(-2px, 2px);
  background: -webkit-linear-gradient(top, #99f9ff, #95f4ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.poker-recall-prime-claim-card-container .claim-card-left-container .claim-card-pseudo-card.CLUBS .claim-card-card-face, .poker-recall-prime-claim-card-container .claim-card-left-container .claim-card-pseudo-card.SPADES .claim-card-card-face {
  color: #332b5d;
}

.poker-recall-prime-claim-card-container .claim-card-left-container .claim-card-pseudo-card.DIAMONDS .claim-card-card-face, .poker-recall-prime-claim-card-container .claim-card-left-container .claim-card-pseudo-card.HEARTS .claim-card-card-face {
  color: #dd6728;
}

.poker-recall-prime-claim-card-container .claim-card-left-container .claim-card-pseudo-card.CLUBS .claim-card-card-suit {
  background-image: url(assets/images/minigames/pokerRecall/suitClub.png);
}

.poker-recall-prime-claim-card-container .claim-card-left-container .claim-card-pseudo-card.DIAMONDS .claim-card-card-suit {
  background-image: url(assets/images/minigames/pokerRecall/suitDiamond.png);
}

.poker-recall-prime-claim-card-container .claim-card-left-container .claim-card-pseudo-card.HEARTS .claim-card-card-suit {
  background-image: url(assets/images/minigames/pokerRecall/suitHeart.png);
}

.poker-recall-prime-claim-card-container .claim-card-left-container .claim-card-pseudo-card.SPADES .claim-card-card-suit {
  background-image: url(assets/images/minigames/pokerRecall/suitSpade.png);
}

.poker-recall-prime-claim-card-container .claim-card-right-container {
  display: flex;
  position: relative;
  left: -30px;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  width: 60%;
  z-index: 16;
}

.poker-recall-prime-claim-card-container .claim-card-right-container.multiplier {
  display: none;
}

.poker-recall-prime-claim-card-container .claim-card-right-container.outro {
  animation: claimCardRightContainerOpacity 1s linear;
}

.poker-recall-prime-claim-card-container .claim-card-right-container .card-reveal-poker-recall-prime-confettis {
  position: absolute;
  top: -75px;
  height: 300px;
  transform: scale(1.5);
}

.poker-recall-prime-claim-card-container .claim-card-right-container .claim-card-top-part {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.poker-recall-prime-claim-card-container .claim-card-right-container .claim-card-top-part .claim-card-congratulations,
.poker-recall-prime-claim-card-container .claim-card-right-container .claim-card-top-part .claim-card-found {
  background: linear-gradient(to bottom right, #84E6FF 19%, #34A1FF 68%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 2px;
  -webkit-filter: drop-shadow(0 0 5px #0267FF);
          filter: drop-shadow(0 0 5px #0267FF);
  font-weight: 600;
  transform: scale(0);
  animation: claimCardScaleIn .3s ease-in .5s forwards;
}

.poker-recall-prime-claim-card-container .claim-card-right-container .claim-card-top-part .claim-card-found {
  font-size: 35px;
  font-weight: 400;
  letter-spacing: 0;
}

.poker-recall-prime-claim-card-container .claim-card-right-container .card-reveal-poker-recall-prime-logo {
  position: relative;
  width: 350px;
  height: 200px;
  margin: -100px;
  transform: scale(1.25);
}

.poker-recall-prime-claim-card-container .claim-card-right-container .claim-card-bottom-part {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.poker-recall-prime-claim-card-container .claim-card-right-container .claim-card-bottom-part .claim-card-payouts {
  background: linear-gradient(to bottom, #6ECCFF 19%, #E1FAFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-filter: drop-shadow(0px 0px 1px #0072FF);
          filter: drop-shadow(0px 0px 1px #0072FF);
  font-size: 30px;
  margin-bottom: 30px;
  transform: scale(0);
  animation: claimCardScaleIn .3s ease-in 1s forwards;
}

.poker-recall-prime-claim-card-container .claim-card-right-container .claim-card-bottom-part .claim-card-collect-button {
  width: 130px;
  height: 50px;
  transform: scale(0);
  overflow: hidden;
  animation: claimCardScaleIn .5s linear 1s forwards, claimCardCollectButtonScaleIn .5s linear 1.5s;
}

.poker-recall-prime-claim-card-container .claim-card-right-container .claim-card-bottom-part .claim-card-collect-button.clicked {
  animation: claimCardCollectButtonFinalScale .5s linear;
}

.poker-recall-prime-claim-card-container .claim-card-right-container .claim-card-bottom-part .claim-card-collect-button .button-green {
  height: 50px;
  padding: 5px 30px;
  font-size: 30px;
}

.poker-recall-prime-claim-card-container .claim-card-right-container .claim-card-bottom-part .claim-card-collect-button .poker-recall-multipack-btn-shine {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -2505px -2093px;
  width: 101px;
  height: 59px;
  position: absolute;
  bottom: 0px;
  left: -50px;
  transform: scaleX(-1);
  z-index: 11;
  pointer-events: none;
  animation: claimCardCollectButtonShine 3s linear infinite;
}

.poker-recall-prime-claim-card-container .claim-card-right-container .claim-card-bottom-part .claim-card-collect-button .poker-recall-multipack-btn-blur {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 142px;
  height: 54px;
  background-color: #aeff00;
  opacity: 0;
  z-index: 11;
  pointer-events: none;
  -webkit-filter: blur(5px);
          filter: blur(5px);
  animation: pokerRecallMultpackBtnGlowAnim 3s linear infinite;
}

.poker-recall-prime-claim-card-container .poker-recall-multiplier-explosion-container {
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 16;
}

.poker-recall-prime-claim-card-container .poker-recall-multiplier-explosion-container .poker-recall-multiplier-explosion-video {
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  z-index: 16;
}

.poker-recall-prime-claim-card-container .poker-recall-multiplier-explosion-container .poker-recall-multiplier-explosion-element-animator {
  position: absolute;
  width: 256px;
  height: 197px;
}

.poker-recall-prime-claim-card-container .poker-recall-multiplier-explosion-container .poker-recall-multiplier-explosion-element-animator .poker-recall-multiplier-explosion-pseudo-element {
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 180px;
  line-height: 197px;
  text-align: center;
  z-index: 17;
  animation: pseudoElementExplosionKeyframes 2.3s linear forwards;
}

.poker-recall-prime-claim-card-container .poker-recall-multiplier-explosion-container .poker-recall-multiplier-explosion-element-animator .poker-recall-multiplier-explosion-pseudo-element span {
  background: -webkit-linear-gradient(top, #033dda, #6393ee, #033dda);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-filter: drop-shadow(0px 0px 1.5px #72ecfb) drop-shadow(0px 0px 1.5px #72ecfb) drop-shadow(0px 0px 1.5px #72ecfb) drop-shadow(0px 0px 0 #fff) drop-shadow(0px 0px 1.5px #72ecfb) drop-shadow(0px 0px 1.5px #72ecfb);
          filter: drop-shadow(0px 0px 1.5px #72ecfb) drop-shadow(0px 0px 1.5px #72ecfb) drop-shadow(0px 0px 1.5px #72ecfb) drop-shadow(0px 0px 0 #fff) drop-shadow(0px 0px 1.5px #72ecfb) drop-shadow(0px 0px 1.5px #72ecfb);
}

.poker-recall-prime-claim-card-container .poker-recall-multiplier-explosion-container .poker-recall-multiplier-explosion-element-animator .poker-recall-multiplier-explosion-main-element {
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 180px;
  line-height: 197px;
  text-align: center;
  z-index: 17;
  animation: mainElementExplosionKeyframes 2.3s linear forwards;
}

.poker-recall-prime-claim-card-container .poker-recall-multiplier-explosion-container .poker-recall-multiplier-explosion-element-animator .poker-recall-multiplier-explosion-main-element span {
  background: -webkit-linear-gradient(top, #72ecfb, #0159ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-filter: drop-shadow(0px 0px 1.5px #72ecfb) drop-shadow(0px 0px 1.5px #72ecfb) drop-shadow(0px 0px 1.5px #72ecfb) drop-shadow(0px 0px 0 #fff) drop-shadow(0px 0px 1.5px #72ecfb) drop-shadow(0px 0px 1.5px #72ecfb);
          filter: drop-shadow(0px 0px 1.5px #72ecfb) drop-shadow(0px 0px 1.5px #72ecfb) drop-shadow(0px 0px 1.5px #72ecfb) drop-shadow(0px 0px 0 #fff) drop-shadow(0px 0px 1.5px #72ecfb) drop-shadow(0px 0px 1.5px #72ecfb);
}

@keyframes pseudoElementExplosionKeyframes {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  7.2% {
    transform: scale(2);
  }
  12% {
    transform: scale(0.9);
  }
  16% {
    transform: scale(1.2);
  }
  29% {
    transform: translate(-9px, -4px);
  }
  32% {
    transform: translate(-31px, -5px);
  }
  33% {
    transform: translate(-40px, 14px);
  }
  36% {
    transform: translate(-36px, 46px);
  }
  39% {
    transform: scale(1.5) translate(-8px, 84px);
  }
  41% {
    transform: translate(70px, 104px);
  }
  42% {
    transform: translate(261px, 55px);
  }
  43% {
    transform: translate(261px, 0) scale(0.2);
    opacity: 1;
  }
  85% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    transform: scale(1) translate(261px, 0);
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes mainElementExplosionKeyframes {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  16% {
    transform: scale(2.4);
    opacity: 1;
  }
  29% {
    transform: translate(-9px, -4px);
    opacity: 0;
  }
  32% {
    transform: translate(-31px, -5px);
    opacity: 0;
  }
  33% {
    transform: translate(-40px, 14px);
    opacity: 0;
  }
  36% {
    transform: translate(-36px, 46px);
    opacity: 0;
  }
  41% {
    transform: translate(70px, 104px);
    opacity: 0;
  }
  42% {
    transform: translate(261px, 55px);
    opacity: 0;
  }
  43% {
    transform: translate(261px, 0) scale(0.2);
    opacity: 0;
  }
  90% {
    transform: translate(261px, 0) scale(1.25);
    opacity: 1;
  }
  100% {
    transform: scale(1) translate(261px, 0);
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes claimCardScaleIn {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1.25);
  }
}

@keyframes claimCardCollectButtonScaleIn {
  0% {
    transform: scale(1.25);
  }
  50% {
    transform: scale(1.35);
  }
  100% {
    transform: scale(1.25);
  }
}

@keyframes claimCardPseudoCardScaleIn {
  0% {
    transform: skew(8deg, -15deg) scale(0);
  }
  100% {
    transform: skew(8deg, -15deg) scale(1.2);
  }
}

@keyframes claimCardPseudoCardScaleOut {
  0% {
    transform: skew(8deg, -15deg) scale(1.2);
  }
  75% {
    transform: skew(8deg, -15deg) scale(1.1);
  }
  100% {
    transform: skew(8deg, -15deg) scale(1.3);
  }
}

@keyframes claimCardMultiplierScale {
  0% {
    transform: skewY(10deg) translate(5px, -10px);
  }
  25% {
    transform: skewY(10deg) translate(25px, -25px);
  }
  100% {
    transform: skewY(10deg) translate(50px, -55px);
  }
}

@keyframes claimCardFloating {
  50% {
    transform: rotate(3deg) translate(0, 15px);
  }
}

@keyframes claimCardCollectButtonShine {
  25% {
    left: 200px;
  }
  100% {
    left: 200px;
  }
}

@keyframes claimCardCollectButtonFinalScale {
  10% {
    transform: scale(0.75);
  }
  100% {
    transform: scale(1.5);
  }
}

@keyframes claimCardRightContainerOpacity {
  50% {
    opacity: .5;
  }
  100% {
    opacity: 0;
  }
}

@keyframes backgroundFXScaleIn {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1.5);
  }
}

.pokerRecallCardsStorePacks {
  position: relative;
  margin-top: 75px;
}

.pokerRecallCardsStorePack {
  position: absolute;
  top: 0;
  width: 185px;
  height: 330px;
}

.pokerRecallCardsStorePack:nth-child(1) {
  left: 50px;
}

.pokerRecallCardsStorePack:nth-child(2) {
  left: 288px;
}

.pokerRecallCardsStorePack:nth-child(3) {
  left: 517px;
}

.pokerRecallCardsStorePack:nth-child(2) .pokerRecallCardsStorePackImage:before {
  transform: scaleX(-1) rotate(163deg);
  top: -36px;
}

.pokerRecallCardsStorePack .pokerRecallCardsStorePackImage {
  width: 185px;
  height: 283px;
  position: absolute;
  background-image: url(assets/images/minigames/pokerRecall/packStorePackShadowNormal.png);
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  top: -15px;
}

.pokerRecallCardsStorePack .pokerRecallCardsStorePackImage > div[class^="icon-"] {
  transform: scale(0.514) rotate(-10.5deg) translate3d(-114px, 44px, 0px);
  transform-origin: 0 0;
  pointer-events: none;
}

.pokerRecallCardsStorePack .pokerRecallCardsStorePackImage .pokerRecallCardsStorePackSubDetail {
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
  pointer-events: none;
  line-height: 20px;
}

.pokerRecallCardsStorePack .pokerRecallCardsStorePackImage .pokerRecallCardsStorePackSubDetail:before {
  content: '';
  position: absolute;
  background-image: url(assets/images/minigames/pokerRecall/upToDropShadow.png);
  width: 54px;
  height: 37px;
  transform: scale(4);
  left: 0;
  right: 0;
  margin: auto;
}

.pokerRecallCardsStorePack .pokerRecallCardsStorePackImage .pokerRecallCardsStorePackSubDetail .pokerRecallCardsStorePackSubDetailPrice {
  display: inline-block;
  position: relative;
  font-family: AkzidGroProBolCnd;
  text-align: center;
  text-shadow: 0px 0px 7px #2fbdff, 0px 0px 7px #2fbdff, 0px 0px 7px #2fbdff;
}

.pokerRecallCardsStorePack .pokerRecallCardsStorePackImage .pokerRecallCardsStorePackSubDetail .pokerRecallCardsStorePackSubDetailPrice .upToAmountContainer > div {
  display: inline-block;
}

.pokerRecallCardsStorePack .pokerRecallCardsStorePackImage .pokerRecallCardsStorePackSubDetail .pokerRecallCardsStorePackSubDetailPrice .upToAmountContainer .upToContainer {
  font-size: 22px;
}

.pokerRecallCardsStorePack .pokerRecallCardsStorePackImage .pokerRecallCardsStorePackSubDetail .pokerRecallCardsStorePackSubDetailPrice .upToAmountContainer .amount {
  font-size: 60px;
  padding-left: 6px;
}

.pokerRecallCardsStorePack .pokerRecallCardsStorePackImage .pokerRecallCardsStorePackSubDetail .pokerRecallCardsStorePackSubDetailPrice .perCardDescription {
  font-size: 16px;
}

.pokerRecallCardsStorePack .pokerRecallCardsStorePackImage:after {
  content: attr(data-cardscount);
  position: absolute;
  color: #79b5ff;
  font-family: AkzidGroProBolCnd;
  top: 10px;
  left: -6px;
  transform: rotate(-90deg) translateX(-100%);
  transform-origin: 0 0;
  font-size: 28px;
  pointer-events: none;
}

.pokerRecallCardsStorePack .pokerRecallCardsStorePackImage .pokerRecallCardsStorePackImageClose {
  position: absolute;
  top: 10px;
  right: 10px;
  box-shadow: 0 0 4px 3px #8ffeff, 0 0 27px 12px #d78eef;
  width: 22px;
  height: 22px;
  border-radius: 50%;
}

.pokerRecallCardsStorePack .pokerRecallCardsStorePackImage .pokerRecallCardsStorePackImageClose .question {
  position: absolute;
  left: -2px;
  top: -1px;
}

.pokerRecallCardsStorePack .pokerRecallCardsStorePackDetails {
  position: relative;
  text-transform: uppercase;
  text-align: center;
  padding-top: 50px;
  line-height: 24px;
}

.pokerRecallCardsStorePack .pokerRecallCardsStorePackDetails .pokerRecallCardsStorePackDetailsRating {
  font-weight: bold;
}

.pokerRecallCardsStorePack .pokerRecallCardsStorePackDetails .pokerRecallCardsStorePackDetailsRange {
  width: 130px;
  margin: 30px auto;
}

.pokerRecallCardsStorePack .pokerRecallCardsStorePackDetails .pokerRecallCardsStorePackDetailsRange pokerrecallstorebold2 {
  color: #c3ffc3;
  text-shadow: 0px 0px 4px #019601, 0px 0px 4px #019601;
}

.pokerRecallCardsStorePack .pokerRecallCardsStorePackDetails .pokerRecallCardsStorePackDetailsMax {
  margin: auto;
}

.pokerRecallCardsStorePack .pokerRecallCardsStorePackDetails .pokerRecallCardsStorePackDetailsMax pokerrecallstorebold {
  text-shadow: 0px 0px 5px orange, 0px 0px 3px red;
  color: yellow;
}

.pokerRecallCardsStorePack .pokerRecallCardsStorePackDetails .pokerRecallCardsStorePackDetailsClose {
  position: absolute;
  top: -9px;
  right: 6px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.pokerRecallCardsStorePack .pokerRecallCardsStorePackDetails .pokerRecallCardsStorePackDetailsClose .circle-fill,
.pokerRecallCardsStorePack .pokerRecallCardsStorePackDetails .pokerRecallCardsStorePackDetailsClose .x-fill {
  fill: #dddddd;
}

.pokerRecallCardsStorePack .pokerRecallCardsStorePackDetails .pokerRecallCardsStorePackDetailsClose .circle-stroke,
.pokerRecallCardsStorePack .pokerRecallCardsStorePackDetails .pokerRecallCardsStorePackDetailsClose .x-stroke {
  stroke: #dddddd;
}

.pokerRecallCardsStorePack .pokerRecallCardsStorePackDetails .pokerRecallCardsStorePackDetailsClose:hover .circle-fill,
.pokerRecallCardsStorePack .pokerRecallCardsStorePackDetails .pokerRecallCardsStorePackDetailsClose:hover .x-fill {
  fill: #ffffff;
}

.pokerRecallCardsStorePack .pokerRecallCardsStorePackDetails .pokerRecallCardsStorePackDetailsClose:hover .circle-stroke,
.pokerRecallCardsStorePack .pokerRecallCardsStorePackDetails .pokerRecallCardsStorePackDetailsClose:hover .xstroke {
  stroke: #ffffff;
}

.pokerRecallCardsStorePack .pokerRecallCardsStorePackButton {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}

.pokerRecallCardsStorePack .pokerRecallCardsStorePackButton .actionBtn {
  font-family: AkzidGroProBolCnd;
  padding: 5px 30px;
}

.pokerRecallCardsStorePack .status-points {
  position: absolute;
  bottom: -32px;
  left: 0;
  right: 0;
  font-family: AkzidGroProLigCnd;
}

.pokerRecallCardsStore.newPokerRecallCardsStore {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -1540px -514px;
  width: 752px;
  height: 503px;
  padding-top: 0;
  font-family: AkzidGroProBolCnd;
}

.pokerRecallCardsStore.newPokerRecallCardsStore.boostedStore {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: 0px -1028px;
  width: 752px;
  height: 503px;
}

.pokerRecallCardsStore.newPokerRecallCardsStore.boostedStore .packStoreHeader {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -1467px -1533px;
  width: 752px;
  height: 120px;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .packStoreHeader {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -713px -1533px;
  width: 752px;
  height: 120px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 20px 20px 25px;
  font-size: 49px;
  line-height: 1;
  text-align: left;
  text-transform: uppercase;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .packStoreHeader .packStoreHeader--container {
  align-items: flex-start;
  justify-content: space-between;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .packStoreHeader .packStoreHeader--container:last-child {
  align-self: flex-end;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .packStoreHeader .poker-recall-header-text--italic {
  font-family: AkzidGroProBolCndIt;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .packStoreHeader .packStoreHeader-text--small,
.pokerRecallCardsStore.newPokerRecallCardsStore .packStoreHeader span {
  font-size: 28px;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .packStoreHeader .pack-store-card-range {
  align-self: flex-end;
  white-space: nowrap;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .packStoreHeader .pack-store-close-btn-bg {
  height: 38px;
  width: 38px;
  background-color: #3e2f56;
  border-radius: 50%;
  position: absolute;
  top: 22px;
  right: 22px;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .pokerRecallCardsStorePacks {
  margin-top: -19px;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .poker-recall-multipack-item-1 {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -2505px -752px;
  width: 211px;
  height: 374px;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .poker-recall-multipack-item-1 .poker-recall-multipack-glow {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -364px -2156px;
  width: 211px;
  height: 191px;
  top: 5px;
  left: -52px;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .poker-recall-multipack-item-1 .poker-recall-prime-multipack-glow {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: 0px -2156px;
  width: 192px;
  height: 288px;
  top: -27px;
  left: -41px;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .poker-recall-multipack-item-2 {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -2505px -376px;
  width: 211px;
  height: 374px;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .poker-recall-multipack-item-2 .poker-recall-multipack-glow {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -1919px -1655px;
  width: 211px;
  height: 200px;
  top: -3px;
  left: -38px;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .poker-recall-multipack-item-2 .poker-recall-prime-multipack-glow {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: 0px -2156px;
  width: 192px;
  height: 288px;
  top: -37px;
  left: -33px;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .poker-recall-multipack-item-2 .pokerRecallCardsStorePackImage-1 {
  top: 10px;
  left: 20px;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .poker-recall-multipack-item-4 {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -2505px 0px;
  width: 211px;
  height: 374px;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .poker-recall-multipack-item-4 .poker-recall-multipack-image-container {
  left: -75px;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .poker-recall-multipack-item-4 .poker-recall-multipack-glow {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -1706px -1655px;
  width: 211px;
  height: 222px;
  top: -8px;
  left: -33px;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .poker-recall-multipack-item-4 .poker-recall-prime-multipack-glow {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: 0px -2156px;
  width: 192px;
  height: 288px;
  top: -8px;
  left: -33px;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .poker-recall-multipack-item-4 .pokerRecallCardsStorePackImage-1 {
  top: 18px;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .poker-recall-multipack-item-4 .pokerRecallCardsStorePackImage-2 {
  top: 10px;
  left: 41px;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .poker-recall-multipack-item-4 .pokerRecallCardsStorePackImage-3 {
  top: 3px;
  left: 57px;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .poker-recall-multipack-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 194px;
  min-height: 105px;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .poker-recall-multipack-image-container {
  position: relative;
  left: -60px;
  height: 195px;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .pokerRecallCardsStorePackImage-0 {
  top: 30px;
  left: 0;
  z-index: 3;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .pokerRecallCardsStorePackImage-1 {
  top: 19px;
  left: 20px;
  z-index: 2;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .pokerRecallCardsStorePackImage-2 {
  z-index: 1;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .pokerRecallCardsStorePackImage-3 {
  z-index: 0;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .poker-recall-multipack-glow {
  position: absolute;
  width: 200px;
  height: 200px;
  transform: scale(0.96);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 5;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .poker-recall-prime-multipack-glow {
  position: absolute;
  transform: scale(0.7);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 5;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .poker-recall-prime-guaranteed-ribbon {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -1432px -1655px;
  width: 272px;
  height: 267px;
  position: absolute;
  top: -77px;
  left: -80px;
  transform: scale(0.4);
  z-index: 6;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .pokerRecallCardsStorePackImage {
  position: absolute;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .pokerRecallCardsStorePackImage::before {
  display: none;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .pokerRecallCardsStorePackImage [class^='icon-'] {
  transform: scale(0.3) rotate(-10.5deg) translate3d(-114px, 44px, 0px);
  transform-origin: 0 0;
  pointer-events: none;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .pokerRecallCardsStorePackImage .prime-overlay::before {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: 0px -1533px;
  width: 489px;
  height: 621px;
  position: absolute;
  top: -55px;
  left: -2px;
  content: '';
}

.pokerRecallCardsStore.newPokerRecallCardsStore .poker-recall-multipack-item {
  position: relative;
  width: 211px;
  height: 376px;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .poker-recall-multipack-item .poker-recall-free-recall {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -2178px -1335px;
  width: 79px;
  height: 78px;
  position: absolute;
  top: 100px;
  left: 140px;
  z-index: 6;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .status-points {
  font-family: AkzidGroProLigCnd;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .redLayer {
  color: #cb0601;
  text-shadow: 1px 2px 2px #cb0601, 2px 4px 2px #000000;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .yellowLayer {
  color: #fdf44e;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .text-cards-string {
  margin-top: 5px;
  color: #ffffff;
  font-size: 40px;
  text-transform: uppercase;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .text-cards-string.text-header-card-values {
  font-size: 43px;
  top: -4px;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .bottom-string {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .bottom-string .text-blue-and-white {
  color: #ffffff;
  font-size: 24px;
  text-shadow: 0 0 7px #2fbdff, 0 0 7px #2fbdff, 0 0 7px #2fbdff;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .bottom-string .text-red-and-white {
  color: #ffffff;
  font-size: 24px;
  text-shadow: 0 0 7px #d25a15, 0 0 7px #d25a15, 0 0 7px #d25a15;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .bottom-string .text-blue {
  color: #99d5ff;
  font-size: 24px;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .bottom-string .text-orange {
  color: #ffa673;
  font-size: 24px;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .bottom-string span {
  margin: 0 5px;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .whiteLayer {
  color: #ffffff;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .layer1 {
  display: inline-block;
  position: relative;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .layer2 {
  position: absolute;
  top: 0px;
  left: -2px;
  text-shadow: none;
  white-space: nowrap;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .pmClose {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -1949px -1924px;
  width: 64px;
  height: 64px;
  position: relative;
  width: 52px;
  height: 52px;
  transform: rotate(180deg) scaleX(-1);
}

.pokerRecallCardsStore.newPokerRecallCardsStore .pmClose:hover {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -1883px -1924px;
  width: 64px;
  height: 64px;
  width: 52px;
  height: 52px;
  transform: rotate(180deg) scaleX(-1);
}

.pokerRecallCardsStore.newPokerRecallCardsStore .pmClose:active {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -1817px -1924px;
  width: 64px;
  height: 64px;
  width: 52px;
  height: 52px;
  transform: rotate(180deg) scaleX(-1);
}

.pokerRecallCardsStore.newPokerRecallCardsStore .pokerRecallCardsStorePackButton {
  position: relative;
  z-index: 10;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .pokerRecallCardsStorePackButton.animated .poker-recall-multipack-btn-spark {
  animation: pokerRecallMultpackBtnSparkAnim 2s linear .1s;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .pokerRecallCardsStorePackButton.animated .poker-recall-multipack-btn-shine {
  animation: pokerRecallMultpackBtnShineAnim 2s linear;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .pokerRecallCardsStorePackButton .button-green {
  position: relative;
  width: 140px;
  height: 54px;
  margin-top: 5px;
  padding: 5px 20px;
  font-size: 3.1rem;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .pokerRecallCardsStorePackButton .poker-recall-multipack-btn-spark {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -2675px -1336px;
  width: 39px;
  height: 10px;
  position: absolute;
  top: 1px;
  right: -16px;
  opacity: 0;
  z-index: 12;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .pokerRecallCardsStorePackButton .poker-recall-multipack-btn-mask {
  position: absolute;
  pointer-events: none;
  width: 142px;
  height: 54px;
  bottom: 0px;
  left: 0px;
  z-index: 11;
  -webkit-clip-path: inset(0px 0px 0px 0px);
          clip-path: inset(0px 0px 0px 0px);
}

.pokerRecallCardsStore.newPokerRecallCardsStore .pokerRecallCardsStorePackButton .poker-recall-multipack-btn-mask .poker-recall-multipack-btn-shine {
  background-image: url(assets/images/AtlasPokerRecall.png);
  background-position: -2505px -2093px;
  width: 101px;
  height: 59px;
  position: absolute;
  bottom: 0px;
  left: -100px;
  z-index: 11;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .poker-recall-multipack-2 .pokerRecallCardsStorePackButton {
  position: relative;
  z-index: 10;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .poker-recall-multipack-2 .pokerRecallCardsStorePackButton .poker-recall-multipack-btn-blur {
  position: absolute;
  pointer-events: none;
  width: 142px;
  height: 54px;
  bottom: 0px;
  left: 0px;
  z-index: 11;
  background-color: #aeff00;
  -webkit-filter: blur(5px);
          filter: blur(5px);
  opacity: 0;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .poker-recall-multipack-2 .pokerRecallCardsStorePackButton.animated {
  animation: pokerRecallMultpackBtnScaleAnim 2s linear;
}

.pokerRecallCardsStore.newPokerRecallCardsStore .poker-recall-multipack-2 .pokerRecallCardsStorePackButton.animated .poker-recall-multipack-btn-blur {
  animation: pokerRecallMultpackBtnGlowAnim 2s linear 0s infinite;
}

@keyframes pokerRecallMultpackBtnShineAnim {
  0% {
    left: -100px;
  }
  40% {
    left: 150px;
  }
  50% {
    left: 150px;
  }
  100% {
    left: 150px;
  }
}

@keyframes pokerRecallMultpackBtnSparkAnim {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  27% {
    opacity: 1;
  }
  35% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes pokerRecallMultpackBtnScaleAnim {
  40% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  60% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes pokerRecallMultpackBtnGlowAnim {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.popGame-container {
  position: absolute;
  top: 95px;
  left: 50%;
  width: 962px;
  height: 641px;
  transform: translateX(-50%);
  text-align: center;
  overflow: hidden;
  display: block;
}

.popGame-container .header {
  z-index: 500;
  position: relative;
  height: 105px;
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 14px;
}

.popGame-container .header .header-container {
  margin-left: 17px;
  margin-right: 17px;
  height: 140px;
  overflow: hidden;
}

.popGame-container .header .header-container .headerComponents {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  overflow: hidden;
}

.popGame-container .header .header-container .headerComponents.slideUpAnim {
  animation: slideUpAnimation 1s linear 1 forwards;
}

.popGame-container .header .header-container .headerComponents.bomb {
  animation-name: slideUpAnimation,slideDownSimpleAnimation;
  animation-duration: 2.8s, 1s;
  animation-delay: 0s, 2.8s;
}

.popGame-container .header .header-container .headerComponents .logoPopGame .logoImg {
  transform: translate(8px, -8px);
}

.popGame-container .header .header-container .headerComponents .titlePopGame {
  display: inline-block;
  padding: 10px 30px 0;
  font-size: 32px;
  font-family: AkzidGroProCnd, serif;
  flex-grow: 3;
  text-align: center;
  color: white;
  font-weight: bold;
  flex-direction: row;
  text-shadow: 3px 3px #000000;
}

.popGame-container .header .header-container .headerComponents .titlePopGame .rewardName {
  color: #FFA500;
}

.popGame-container .header .header-container .headerComponents .collectiblePopGame {
  position: relative;
  flex-grow: 2;
  z-index: 100;
  padding: 10px 10px 35px;
}

.popGame-container .header .header-container .headerComponents .collectiblePopGame .collectiblePopGameLogo {
  width: auto;
  transform: translate(-4px, 10px) scale(1.3);
}

.popGame-container .header .header-container .displaySecondTextAndAnim {
  position: relative;
  bottom: 45px;
  display: block;
  color: #FFF;
  font-size: 76px;
  font-family: AkzidGroProMedCndAlt, serif;
  text-shadow: 0 5px 7px #020202a3;
  letter-spacing: 2px;
  left: 30px;
  text-transform: uppercase;
}

.popGame-container .header .header-container .displaySecondTextAndAnim:not(.bomb) {
  animation: slideDownAnimation 1s linear 1 forwards;
}

.popGame-container .header .header-container .displaySecondTextAndAnim.bomb {
  bottom: 35px;
  font-size: 50px;
  animation: slideDownWoWobbleAnimation 2s ease-out 2 alternate forwards;
}

.popGame-container .header .header-container .hideSecondText {
  display: none;
}

.popGame-container .header .header-container.hideOverflow {
  overflow: hidden;
}

.popGame-container .content-container {
  display: flex;
  justify-content: space-between;
}

.popGame-container .content-container .extrapickBankroll-container {
  font-size: 30px;
  z-index: 150;
  transform: translate(-600px, -283px);
  width: 203px;
  height: 93px;
  overflow: visible;
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-align: center;
}

.popGame-container .content-container .extrapickBankroll-container.picks_counter_slide {
  animation: counterSliding 0.3s 1 linear;
  animation-fill-mode: forwards;
}

.popGame-container .content-container .extrapickBankroll-container .extrapickTitle {
  font-size: 25px;
  position: relative;
  left: 25px;
  top: 5px;
  letter-spacing: 1px;
  font-weight: bold;
  font-family: AkzidGroProLigCnd, serif;
}

.popGame-container .content-container .extrapickBankroll-container .counterPicks {
  color: #FFA500;
  font-family: AkzidGroProBolCnd, serif;
  font-size: 30px;
  position: relative;
  left: 11px;
  top: 6px;
  width: 38px;
}

.popGame-container .content-container .dealerLogo {
  z-index: 550;
  position: relative;
  transform: translate(15px, -80px);
}

.popGame-container .content-container .grid-container {
  flex-grow: 1;
  position: absolute;
  left: 181px;
  bottom: 46px;
}

.popGame-container .content-container .grid-container .row-wrapper {
  display: flex;
  flex-direction: row;
  position: relative;
  padding-left: 60px;
}

.popGame-container .content-container .grid-container .row-wrapper.row-0 {
  transform: translate(100px, 0px);
}

.popGame-container .content-container .grid-container .row-wrapper.row-0 .rowItem {
  width: 80px;
  height: 75px;
  margin: 1px;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
}

.popGame-container .content-container .grid-container .row-wrapper.row-0 .rowItem.vibrateExplosion .pickAnimation {
  z-index: 3;
}

.popGame-container .content-container .grid-container .row-wrapper.row-0 .rowItem.vibrateExplosion img {
  z-index: 4;
}

.popGame-container .content-container .grid-container .row-wrapper.row-0 .rowItem.bomb .pickAnimation {
  transform: scale(5);
}

.popGame-container .content-container .grid-container .row-wrapper.row-0 .rowItem .pickAnimation {
  bottom: 10px;
  left: 0;
  position: absolute;
  visibility: visible;
  transform: scale(4);
  z-index: 81;
}

.popGame-container .content-container .grid-container .row-wrapper.row-0 .rowItem .rewardPrizeContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  color: white;
  visibility: hidden;
  z-index: 81;
  animation: showRewardAfterClick 1s 1 linear;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}

.popGame-container .content-container .grid-container .row-wrapper.row-0 .rowItem .rewardPrizeContainer .rewardPrizeImg {
  width: 80px;
  height: 80px;
  position: relative;
}

.popGame-container .content-container .grid-container .row-wrapper.row-1 {
  transform: translate(60px, 0px);
}

.popGame-container .content-container .grid-container .row-wrapper.row-1 .rowItem {
  width: 80px;
  height: 75px;
  margin: 1px;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
}

.popGame-container .content-container .grid-container .row-wrapper.row-1 .rowItem.vibrateExplosion .pickAnimation {
  z-index: 3;
}

.popGame-container .content-container .grid-container .row-wrapper.row-1 .rowItem.vibrateExplosion img {
  z-index: 4;
}

.popGame-container .content-container .grid-container .row-wrapper.row-1 .rowItem.bomb .pickAnimation {
  transform: scale(5);
}

.popGame-container .content-container .grid-container .row-wrapper.row-1 .rowItem .pickAnimation {
  bottom: 10px;
  left: 0;
  position: absolute;
  visibility: visible;
  transform: scale(4);
  z-index: 81;
}

.popGame-container .content-container .grid-container .row-wrapper.row-1 .rowItem .rewardPrizeContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  color: white;
  visibility: hidden;
  z-index: 81;
  animation: showRewardAfterClick 1s 1 linear;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}

.popGame-container .content-container .grid-container .row-wrapper.row-1 .rowItem .rewardPrizeContainer .rewardPrizeImg {
  width: 80px;
  height: 80px;
  position: relative;
}

.popGame-container .content-container .grid-container .row-wrapper.row-2 {
  transform: translate(100px, 0px);
}

.popGame-container .content-container .grid-container .row-wrapper.row-2 .rowItem {
  width: 80px;
  height: 75px;
  margin: 1px;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
}

.popGame-container .content-container .grid-container .row-wrapper.row-2 .rowItem.vibrateExplosion .pickAnimation {
  z-index: 3;
}

.popGame-container .content-container .grid-container .row-wrapper.row-2 .rowItem.vibrateExplosion img {
  z-index: 4;
}

.popGame-container .content-container .grid-container .row-wrapper.row-2 .rowItem.bomb .pickAnimation {
  transform: scale(5);
}

.popGame-container .content-container .grid-container .row-wrapper.row-2 .rowItem .pickAnimation {
  bottom: 10px;
  left: 0;
  position: absolute;
  visibility: visible;
  transform: scale(4);
  z-index: 81;
}

.popGame-container .content-container .grid-container .row-wrapper.row-2 .rowItem .rewardPrizeContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  color: white;
  visibility: hidden;
  z-index: 81;
  animation: showRewardAfterClick 1s 1 linear;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}

.popGame-container .content-container .grid-container .row-wrapper.row-2 .rowItem .rewardPrizeContainer .rewardPrizeImg {
  width: 80px;
  height: 80px;
  position: relative;
}

.popGame-container .content-container .grid-container .row-wrapper.row-3 {
  transform: translate(60px, 0px);
}

.popGame-container .content-container .grid-container .row-wrapper.row-3 .rowItem {
  width: 80px;
  height: 75px;
  margin: 1px;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
}

.popGame-container .content-container .grid-container .row-wrapper.row-3 .rowItem.vibrateExplosion .pickAnimation {
  z-index: 3;
}

.popGame-container .content-container .grid-container .row-wrapper.row-3 .rowItem.vibrateExplosion img {
  z-index: 4;
}

.popGame-container .content-container .grid-container .row-wrapper.row-3 .rowItem.bomb .pickAnimation {
  transform: scale(5);
}

.popGame-container .content-container .grid-container .row-wrapper.row-3 .rowItem .pickAnimation {
  bottom: 10px;
  left: 0;
  position: absolute;
  visibility: visible;
  transform: scale(4);
  z-index: 81;
}

.popGame-container .content-container .grid-container .row-wrapper.row-3 .rowItem .rewardPrizeContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  color: white;
  visibility: hidden;
  z-index: 81;
  animation: showRewardAfterClick 1s 1 linear;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}

.popGame-container .content-container .grid-container .row-wrapper.row-3 .rowItem .rewardPrizeContainer .rewardPrizeImg {
  width: 80px;
  height: 80px;
  position: relative;
}

.popGame-container .content-container .grid-container .row-wrapper.row-4 {
  transform: translate(15px, 0px);
}

.popGame-container .content-container .grid-container .row-wrapper.row-4 .rowItem {
  width: 80px;
  height: 75px;
  margin: 1px;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
}

.popGame-container .content-container .grid-container .row-wrapper.row-4 .rowItem.vibrateExplosion .pickAnimation {
  z-index: 3;
}

.popGame-container .content-container .grid-container .row-wrapper.row-4 .rowItem.vibrateExplosion img {
  z-index: 4;
}

.popGame-container .content-container .grid-container .row-wrapper.row-4 .rowItem.bomb .pickAnimation {
  transform: scale(5);
}

.popGame-container .content-container .grid-container .row-wrapper.row-4 .rowItem .pickAnimation {
  bottom: 10px;
  left: 0;
  position: absolute;
  visibility: visible;
  transform: scale(4);
  z-index: 81;
}

.popGame-container .content-container .grid-container .row-wrapper.row-4 .rowItem .rewardPrizeContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  color: white;
  visibility: hidden;
  z-index: 81;
  animation: showRewardAfterClick 1s 1 linear;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}

.popGame-container .content-container .grid-container .row-wrapper.row-4 .rowItem .rewardPrizeContainer .rewardPrizeImg {
  width: 80px;
  height: 80px;
  position: relative;
}

.popGame-container .content-container .grid-container .row-wrapper.row-5 {
  transform: translate(153px, 0px);
}

.popGame-container .content-container .grid-container .row-wrapper.row-5 .rowItem {
  width: 80px;
  height: 75px;
  margin: 1px;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
}

.popGame-container .content-container .grid-container .row-wrapper.row-5 .rowItem.vibrateExplosion .pickAnimation {
  z-index: 3;
}

.popGame-container .content-container .grid-container .row-wrapper.row-5 .rowItem.vibrateExplosion img {
  z-index: 4;
}

.popGame-container .content-container .grid-container .row-wrapper.row-5 .rowItem.bomb .pickAnimation {
  transform: scale(5);
}

.popGame-container .content-container .grid-container .row-wrapper.row-5 .rowItem .pickAnimation {
  bottom: 10px;
  left: 0;
  position: absolute;
  visibility: visible;
  transform: scale(4);
  z-index: 81;
}

.popGame-container .content-container .grid-container .row-wrapper.row-5 .rowItem .rewardPrizeContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  color: white;
  visibility: hidden;
  z-index: 81;
  animation: showRewardAfterClick 1s 1 linear;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}

.popGame-container .content-container .grid-container .row-wrapper.row-5 .rowItem .rewardPrizeContainer .rewardPrizeImg {
  width: 80px;
  height: 80px;
  position: relative;
}

.popGame-container .popGameDecreaseAnimation {
  position: absolute;
  top: -170px;
  left: -75px;
  z-index: 510;
  transform: scale(0.2);
  animation-delay: 3s;
}

.popGame-container .buyExtraPick {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(33%, -30%);
  animation: slideExtraPick 1s 1 linear;
  animation-fill-mode: both;
  color: yellow;
  font-size: 120px;
  -webkit-text-stroke: 3px orange;
  z-index: 150;
}

.popGame-container .buyExtraPickAnimation {
  position: absolute;
  top: -178px;
  right: 145px;
  z-index: 151;
  transform: scale(0.2);
}

.popGame-container .claimedRewardPopup {
  position: absolute;
  top: 95px;
  text-align: center;
  width: 930px;
  height: 529px;
  overflow: hidden;
  z-index: 150;
  left: 50%;
  margin-left: -466px;
  animation: fadeIn linear 1s;
  background: #000000c7;
}

.popGame-container .claimedRewardPopup .gpContentCont {
  background: none;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 700px;
  float: right;
  height: 529px;
  justify-content: center;
  align-items: center;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimRewardPopupTitle {
  color: white;
  height: 140px;
  font-family: AkzidGroProLigCnd, serif;
  font-size: 30px;
  text-transform: uppercase;
  top: 70px;
  position: relative;
  right: 75px;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimBigWinRewardPopupInfo {
  width: 400px;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-align: center;
  right: 60px;
  z-index: 10;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimBigWinRewardPopupInfo .claimBigWinReward {
  position: relative;
  width: 270px;
  height: 75px;
  z-index: 350;
  display: block;
  top: -60px;
  left: 10px;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimBigWinRewardPopupInfo .claimBigWinReward .bigRewardContainer {
  animation: bigRewardCircleAnim 1.7s 1 linear;
  animation-fill-mode: forwards;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimBigWinRewardPopupInfo .claimBigWinReward .bigRewardContainer .bigRewardIcon {
  height: 200px;
  min-width: 200px;
  max-width: 286px;
  animation: iconAnimation 1s 1 linear;
  animation-fill-mode: forwards;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimBigWinRewardPopupInfo .bigWinAnimation {
  z-index: 300;
  position: absolute;
  animation: bigWinAnimationShowInSuccesfulLayout 2s 1 linear;
  animation-fill-mode: forwards;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimBigWinRewardPopupInfo .prizeLoopAnimation {
  position: absolute;
  animation: prizeLoopAnimationForClaimedReward 3s 1 linear;
  animation-fill-mode: forwards;
  height: 400px;
  bottom: 10px;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimRewardPopupInfo {
  width: 400px;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-align: center;
  right: 60px;
  z-index: 10;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimRewardPopupInfo .rewardClaimed {
  position: absolute;
  width: 300px;
  height: 300px;
  animation: regularRewardClaimedShowInSuccesfulLayout 2s 1 linear;
  animation-fill-mode: forwards;
  z-index: 350;
  transform: scale(0.5);
  display: block;
  top: -15px;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimRewardPopupInfo .rewardClaimed .regularRewardIcon {
  width: 300px;
  height: 300px;
  position: absolute;
  left: 10px;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimRewardPopupInfo .prizeLoopAnimation {
  animation: prizeLoopAnimationForClaimedReward 2s 1 linear;
  animation-fill-mode: forwards;
  z-index: 300;
  display: block;
  position: absolute;
  top: -45px;
  left: 10px;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimRewardPopupBtnContainer {
  position: relative;
  bottom: 35px;
  right: 65px;
  animation: buttonGoesUp 1s 1 linear;
  animation-fill-mode: forwards;
  z-index: 10;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimRewardPopupBtnContainer .claimRewardPopupBtn {
  position: relative;
  height: 65px;
  width: 200px;
  font-family: AkzidGroProCnd, serif;
  font-weight: bold;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimRewardPopupBtnContainer .claimRewardPopupBtn-mask {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 200px;
  height: 65px;
  pointer-events: none;
  -webkit-clip-path: inset(0px 0px 0px 0px);
          clip-path: inset(0px 0px 0px 0px);
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimRewardPopupBtnContainer .claimRewardPopupBtn-mask .claimRewardPopupBtn-shine {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100px;
  height: 65px;
  z-index: 11;
  background-image: url(assets/imgSrc/pokerRecall/PokerRecallMultiPackStoreButtonShine.png);
  background-size: 100px 65px;
  animation: buttonClaimPrizeShineAnim 2s linear infinite;
  animation-delay: 0.5s;
}

.popGame-container .howTo-container {
  position: absolute;
  left: 30px;
  bottom: 20px;
  z-index: 550;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.popGame-container .howTo-container .tooltip-icon {
  display: inline-block;
  overflow: visible;
  background-color: transparent;
  border: none;
  outline: none;
  width: 45px;
  height: 45px;
  transform: scale(0.5);
  background-image: url(assets/images/base/HowToPlayBTN.png);
  cursor: pointer;
}

.popGame-container .howTo-container .tooltip-text {
  color: white;
  font-size: 2.5rem;
  font-family: AkzidGroProLigCnd, serif;
  text-decoration: underline;
  position: relative;
  margin-bottom: 10px;
  text-shadow: 2px 2px 1px #161616;
  text-underline-offset: 5px;
}

.howToPlayPopup {
  position: absolute;
  top: 95px;
  left: 50%;
  width: 962px;
  height: 641px;
  transform: translateX(-50%);
  text-align: center;
  display: flex;
}

.howToPlayPopup .popNowButton {
  width: 200px;
  height: 60px;
  transform: translate(400px, 500px);
}

.CarnivalEvent2021.popGame-container .content-container .dealerLogo {
  transform: translate(18px, -49px);
}

.MainEvent2021.popGame-container .dealerLogo {
  transform: translate(3px, -82px);
}

.MainEvent2021.popGame-container .rules-tr.tooltip-icon {
  transform: none;
}

.MainEvent2021.popGame-container .tooltip-text {
  position: relative;
  left: 10px;
}

.ThanksgivingEvent2021.popGame-container .dealerLogo {
  transform: translate(12px, -79px) scale(0.98);
}

.ThanksgivingEvent2021.popGame-container .header-container .displaySecondTextAndAnim {
  text-shadow: -3px 0 #103ac0, 0 3px #103ac0, 3px 0 #103ac0, 0 -3px #103ac0;
}

.ThanksgivingEvent2021.popGame-container .header-container .headerComponents .titlePopGame {
  font-size: 28px;
}

.NewYearEvent2022.popGame-container .rules-tr.tooltip-icon {
  transform: none;
}

.NewYearEvent2022.popGame-container .tooltip-text {
  position: relative;
  left: 10px;
}

.NewYearEvent2022.popGame-container .dealerLogo {
  transform: translate(16px, -84px) scale(1.01);
}

.NewYearEvent2022.popGame-container .header-container .displaySecondTextAndAnim {
  text-shadow: -3px 0 #103ac0, 0 3px #103ac0, 3px 0 #103ac0, 0 -3px #103ac0;
}

.NewYearEvent2022.popGame-container .header-container .headerComponents .titlePopGame {
  font-size: 27px;
  padding: 10px 20px 0;
}

.NewYearEvent2022.popGame-container .header-container .headerComponents .titlePopGame .rewardName {
  color: #57e0e9;
}

.NewYearEvent2022.popGame-container .header-container .headerComponents .collectiblePopGame .collectiblePopGameLogo {
  transform: translate(-4px, 10px) scale(1.2);
}

.CarnivalEvent2022.popGame-container .rules-tr.tooltip-icon {
  transform: none;
}

.CarnivalEvent2022.popGame-container .tooltip-text {
  position: relative;
  left: 10px;
}

.CarnivalEvent2022.popGame-container .dealerLogo {
  transform: translate(16px, -84px) scale(0.96);
  left: -8px;
  top: 11px;
}

.CarnivalEvent2022.popGame-container .header-container .displaySecondTextAndAnim {
  text-shadow: -3px 2px 2px #001860, 2px 2px 2px #001860, 3px 2px 2px #001860, 2px -3px 2px #001860;
}

.CarnivalEvent2022.popGame-container .header-container .headerComponents .titlePopGame {
  font-size: 27px;
  padding: 10px 20px 0;
}

.CarnivalEvent2022.popGame-container .header-container .headerComponents .titlePopGame .rewardName {
  color: #FDBF00;
}

.CarnivalEvent2022.popGame-container .header-container .headerComponents .collectiblePopGame .collectiblePopGameLogo {
  transform: translate(-4px, 10px) scale(1.2);
}

.ValentinesEvent2022.popGame-container .extrapickBankroll-container {
  left: -21px;
  top: -10px;
  position: relative;
}

.ValentinesEvent2022.popGame-container .rules-tr.tooltip-icon {
  transform: none;
}

.ValentinesEvent2022.popGame-container .tooltip-text {
  position: relative;
  left: 10px;
}

.ValentinesEvent2022.popGame-container .dealerLogo {
  transform: translate(16px, -84px) scale(1.1);
  left: 19px;
  top: -25px;
}

.ValentinesEvent2022.popGame-container .header-container .displaySecondTextAndAnim {
  text-shadow: -3px 2px 2px #540a0a, 2px 2px 2px #540a0a, 3px 2px 2px #540a0a, 2px -3px 2px #540a0a !important;
}

.ValentinesEvent2022.popGame-container .header-container .headerComponents .titlePopGame {
  font-size: 27px;
  padding: 10px 20px 0;
  text-shadow: 1px 1px 2px #000000, 1px 1px 2px #000000, 1px 1px 2px #000000, 1px 1px 2px #000000;
}

.ValentinesEvent2022.popGame-container .header-container .headerComponents .titlePopGame .rewardName {
  color: #FFE195;
  text-shadow: 1px 1px 2px #000000, 1px 1px 2px #000000, 1px 1px 2px #000000, 1px 1px 2px #000000;
}

.ValentinesEvent2022.popGame-container .header-container .headerComponents .collectiblePopGame .collectiblePopGameLogo {
  transform: translate(-4px, 10px) scale(1.2);
}

.LuckyVegasEvent2022.popGame-container .rules-tr.tooltip-icon {
  transform: none;
}

.LuckyVegasEvent2022.popGame-container .tooltip-text {
  position: relative;
  left: 10px;
}

.LuckyVegasEvent2022.popGame-container .dealerLogo {
  transform: translate(15px, -110px) scale(1.1);
  pointer-events: none;
}

.LuckyVegasEvent2022.popGame-container .header-container .headerComponents .titlePopGame {
  font-size: 27px;
}

.LuckyVegasEvent2022.popGame-container .header-container .headerComponents .titlePopGame .rewardName {
  color: #FFC000;
}

.LuckyVegasEvent2022.popGame-container .header-container .headerComponents .collectiblePopGame .collectiblePopGameLogo {
  transform: translate(-4px, 10px) scale(1.2);
}

.EasterEvent2022.popGame-container .extrapickBankroll-container {
  left: -21px;
  top: -10px;
  position: relative;
}

.EasterEvent2022.popGame-container .rules-tr.tooltip-icon {
  transform: none;
}

.EasterEvent2022.popGame-container .tooltip-text {
  position: relative;
  left: 10px;
}

.EasterEvent2022.popGame-container .dealerLogo {
  transform: scale(1.05);
  pointer-events: none;
  top: -95px;
  left: 21px;
}

.EasterEvent2022.popGame-container .header-container .headerComponents .titlePopGame {
  font-size: 27px;
}

.EasterEvent2022.popGame-container .header-container .headerComponents .titlePopGame .rewardName {
  color: #FFC000;
}

.EasterEvent2022.popGame-container .header-container .headerComponents .collectiblePopGame .collectiblePopGameLogo {
  transform: scale(1.2);
}

.RockEvent2022.popGame-container .extrapickBankroll-container {
  left: -21px;
  top: -10px;
  position: relative;
}

.RockEvent2022.popGame-container .rules-tr.tooltip-icon {
  transform: none;
}

.RockEvent2022.popGame-container .tooltip-text {
  position: relative;
  left: 10px;
}

.RockEvent2022.popGame-container .dealerLogo {
  transform: scale(1.02);
  pointer-events: none;
  top: -89px;
  left: 21px;
}

.RockEvent2022.popGame-container .header-container .headerComponents .titlePopGame {
  font-size: 27px;
}

.RockEvent2022.popGame-container .header-container .headerComponents .titlePopGame .rewardName {
  color: #FFC000;
}

.RockEvent2022.popGame-container .header-container .headerComponents .collectiblePopGame .collectiblePopGameLogo {
  transform: scale(1.2);
}

.GloryEvent2022.popGame-container .extrapickBankroll-container {
  left: -17px;
  top: -10px;
  position: relative;
}

.GloryEvent2022.popGame-container .rules-tr.tooltip-icon {
  transform: none;
}

.GloryEvent2022.popGame-container .tooltip-text {
  position: relative;
  left: 10px;
}

.GloryEvent2022.popGame-container .dealerLogo {
  transform: scale(0.91);
  pointer-events: none;
  top: -60px;
  left: 2px;
}

.GloryEvent2022.popGame-container .header-container .headerComponents .titlePopGame {
  font-size: 27px;
}

.GloryEvent2022.popGame-container .header-container .headerComponents .titlePopGame .rewardName {
  color: #FFC000;
}

.GloryEvent2022.popGame-container .header-container .headerComponents .collectiblePopGame .collectiblePopGameLogo {
  transform: scale(1.2);
}

.RaceEvent2022.popGame-container .extrapickBankroll-container {
  left: -17px;
  top: -10px;
  position: relative;
}

.RaceEvent2022.popGame-container .rules-tr.tooltip-icon {
  transform: none;
}

.RaceEvent2022.popGame-container .tooltip-text {
  position: relative;
  left: 10px;
}

.RaceEvent2022.popGame-container .dealerLogo {
  transform: scale(0.91);
  pointer-events: none;
  top: -60px;
  left: -5px;
}

.RaceEvent2022.popGame-container .header-container .headerComponents .titlePopGame {
  font-size: 27px;
}

.RaceEvent2022.popGame-container .header-container .headerComponents .titlePopGame .rewardName {
  color: #FFC000;
}

.RaceEvent2022.popGame-container .header-container .headerComponents .collectiblePopGame .collectiblePopGameLogo {
  transform: scale(1.2);
}

.MainEvent2022.popGame-container .extrapickBankroll-container {
  left: -17px;
  top: -10px;
  position: relative;
}

.MainEvent2022.popGame-container .rules-tr.tooltip-icon {
  transform: none;
}

.MainEvent2022.popGame-container .tooltip-text {
  position: relative;
  left: 10px;
}

.MainEvent2022.popGame-container .dealerLogo {
  transform: scale(0.92);
  pointer-events: none;
  top: -60px;
  left: -7px;
}

.MainEvent2022.popGame-container .header-container .headerComponents .titlePopGame {
  font-size: 27px;
}

.MainEvent2022.popGame-container .header-container .headerComponents .titlePopGame .rewardName {
  color: #FFC000;
}

.MainEvent2022.popGame-container .header-container .headerComponents .collectiblePopGame .collectiblePopGameLogo {
  transform: scale(1.2);
}

@keyframes buttonClaimPrizeShineAnim {
  0% {
    left: -100px;
  }
  40% {
    left: 100px;
  }
  50% {
    left: 200px;
  }
  100% {
    left: 300px;
  }
}

@keyframes slideUpAnimation {
  from {
    bottom: 0;
  }
  to {
    transform: translate(0px, -140px);
    display: none;
    visibility: hidden;
  }
}

@keyframes slideDownSimpleAnimation {
  from {
    transform: translate(0px, -140px);
    display: none;
    visibility: hidden;
  }
  to {
    bottom: 0;
  }
}

@keyframes slideDownWoWobbleAnimation {
  0% {
    opacity: 0;
    transform: translate(0px, -10px);
  }
  30% {
    opacity: 0;
    transform: translate(0px, -30px);
  }
  50% {
    opacity: 100%;
    transform: translate(0px, -100px);
  }
  100% {
    opacity: 100%;
    transform: translate(0px, -100px);
  }
}

@keyframes slideDownAnimation {
  0% {
    opacity: 0;
    transform: translate(0px, -10px);
  }
  30% {
    opacity: 0;
    transform: translate(0px, -30px);
  }
  50% {
    opacity: 0;
    transform: translate(0px, -70px);
  }
  70% {
    opacity: 100%;
    transform: translate(0px, -100px);
  }
  80% {
    opacity: 100%;
    transform: translate(0px, -120px);
  }
  80% {
    opacity: 100%;
    transform: translate(0px, -110px);
  }
  100% {
    opacity: 100%;
    transform: translate(0px, -100px);
  }
}

@keyframes showRewardAfterClick {
  0% {
    visibility: visible;
    transform: scale(0.1);
  }
  20% {
    visibility: visible;
    transform: scale(0.3);
  }
  40% {
    visibility: visible;
    transform: scale(0.5);
  }
  60% {
    visibility: visible;
    transform: scale(0.7);
  }
  80% {
    visibility: visible;
    transform: scale(1);
  }
  90% {
    visibility: visible;
    transform: scale(1.3);
  }
  100% {
    visibility: visible;
    transform: scale(1);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes buttonGoesUp {
  from {
    transform: translate(0px, 100px);
  }
  to {
    transform: translate(0px, -10px);
  }
}

@keyframes regularRewardClaimedShowInSuccesfulLayout {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(0.8);
  }
}

@keyframes counterSliding {
  0% {
    transform: translate(-600px, -281px);
  }
  40% {
    transform: translate(-600px, -275px);
  }
  60% {
    transform: translate(-600px, -277px);
  }
  80% {
    transform: translate(-600px, -279px);
  }
  100% {
    transform: translate(-600px, -281px);
  }
}

@keyframes iconAnimation {
  30% {
    transform: scale(1.1);
  }
  55% {
    transform: rotate(-40deg) scale(1.3);
  }
  60% {
    transform: rotate(-25deg);
  }
  80% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0) scale(1.1);
  }
}

@keyframes bigRewardCircleAnim {
  0% {
    transform: translate(0px, 0px);
  }
  3% {
    transform: translate(-2px, -2px);
  }
  4% {
    transform: translate(-3px, 0px);
  }
  6% {
    transform: translate(0px, -4px);
  }
  9% {
    transform: translate(4px, -15px);
  }
  12% {
    transform: translate(13px, -26px);
  }
  15% {
    transform: translate(27px, -46px);
  }
  17% {
    transform: translate(43px, -63px);
  }
  20% {
    transform: translate(59px, -70px);
  }
  22% {
    transform: translate(79px, -73px);
  }
  24% {
    transform: translate(98px, -70px);
  }
  26% {
    transform: translate(104px, -76px);
  }
  28% {
    transform: translate(117px, -68px);
  }
  29% {
    transform: translate(127px, -58px);
  }
  31% {
    transform: translate(136px, -41px);
  }
  32% {
    transform: translate(137px, -21px);
  }
  34% {
    transform: translate(148px, -14px);
  }
  36% {
    transform: translate(137px, 7px);
  }
  37% {
    transform: translate(125px, 24px);
  }
  38% {
    transform: translate(114px, 39px);
  }
  39% {
    transform: translate(104px, 49px);
  }
  41% {
    transform: translate(82px, 66px);
  }
  43% {
    transform: translate(54px, 79px);
  }
  44% {
    transform: translate(26px, 90px);
  }
  46% {
    transform: translate(-4px, 98px);
  }
  47% {
    transform: translate(-33px, 96px);
  }
  49% {
    transform: translate(-53px, 88px);
  }
  50% {
    transform: translate(-71px, 82px);
  }
  52% {
    transform: translate(-95px, 68px);
  }
  53% {
    transform: translate(-107px, 60px);
  }
  55% {
    transform: translate(-126px, 30px);
  }
  56% {
    transform: translate(-130px, 4px);
  }
  58% {
    transform: translate(-117px, -23px);
  }
  59% {
    transform: translate(-105px, -39px);
  }
  61% {
    transform: translate(-85px, -56px);
  }
  62% {
    transform: translate(-68px, -67px);
  }
  64% {
    transform: translate(-48px, -72px);
  }
  65% {
    transform: translate(-19px, -70px);
  }
  66% {
    transform: translate(-2px, -65px);
  }
  67% {
    transform: translate(10px, -55px);
  }
  69% {
    transform: translate(23px, -44px);
  }
  70% {
    transform: translate(23px, -25px);
  }
  72% {
    transform: translate(8px, -11px);
  }
  73% {
    transform: translate(-10px, -6px);
  }
  75% {
    transform: translate(-48px, 0px);
  }
  76% {
    transform: translate(-57px, -20px);
  }
  78% {
    transform: translate(-50px, -33px);
  }
  79% {
    transform: translate(-25px, -25px);
  }
  100% {
    transform: translate(-25px, -25px);
  }
}

@keyframes prizeLoopAnimationForClaimedReward {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(2.2);
  }
}

@keyframes bigWinAnimationShowInSuccesfulLayout {
  0% {
    transform: scale(1.4);
  }
  20% {
    transform: scale(1.5);
  }
  40% {
    transform: scale(1.6);
  }
  60% {
    transform: scale(1.4);
  }
  80% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
    height: 0;
  }
}

@keyframes slideExtraPick {
  0% {
    font-size: 120px;
  }
  30% {
    font-size: 100px;
  }
  90% {
    left: 33%;
    top: 30%;
    font-size: 70px;
  }
  99% {
    left: 33%;
    top: 22%;
    font-size: 35px;
  }
  100% {
    font-size: 0;
  }
}

.popGame-container {
  position: absolute;
  top: 95px;
  left: 50%;
  width: 962px;
  height: 641px;
  transform: translateX(-50%);
  text-align: center;
  overflow: hidden;
  display: block;
}

.popGame-container .header {
  z-index: 500;
  position: relative;
  height: 105px;
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 14px;
}

.popGame-container .header .header-container {
  margin-left: 17px;
  margin-right: 17px;
  height: 140px;
  overflow: hidden;
}

.popGame-container .header .header-container .headerComponents {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  overflow: hidden;
}

.popGame-container .header .header-container .headerComponents.slideUpAnim {
  animation: slideUpAnimation 1s linear 1 forwards;
}

.popGame-container .header .header-container .headerComponents.bomb {
  animation-name: slideUpAnimation,slideDownSimpleAnimation;
  animation-duration: 2.8s, 1s;
  animation-delay: 0s, 2.8s;
}

.popGame-container .header .header-container .headerComponents .logoPopGame .logoImg {
  transform: translate(8px, -8px);
}

.popGame-container .header .header-container .headerComponents .titlePopGame {
  display: inline-block;
  padding: 10px 30px 0;
  font-size: 32px;
  font-family: AkzidGroProCnd, serif;
  flex-grow: 3;
  text-align: center;
  color: white;
  font-weight: bold;
  flex-direction: row;
  text-shadow: 3px 3px #000000;
}

.popGame-container .header .header-container .headerComponents .titlePopGame .rewardName {
  color: #FFA500;
}

.popGame-container .header .header-container .headerComponents .collectiblePopGame {
  position: relative;
  flex-grow: 2;
  z-index: 100;
  padding: 10px 10px 35px;
}

.popGame-container .header .header-container .headerComponents .collectiblePopGame .collectiblePopGameLogo {
  width: auto;
  transform: translate(-4px, 10px) scale(1.3);
}

.popGame-container .header .header-container .displaySecondTextAndAnim {
  position: relative;
  bottom: 45px;
  display: block;
  color: #FFF;
  font-size: 76px;
  font-family: AkzidGroProMedCndAlt, serif;
  text-shadow: 0 5px 7px #020202a3;
  letter-spacing: 2px;
  left: 30px;
  text-transform: uppercase;
}

.popGame-container .header .header-container .displaySecondTextAndAnim:not(.bomb) {
  animation: slideDownAnimation 1s linear 1 forwards;
}

.popGame-container .header .header-container .displaySecondTextAndAnim.bomb {
  bottom: 35px;
  font-size: 50px;
  animation: slideDownWoWobbleAnimation 2s ease-out 2 alternate forwards;
}

.popGame-container .header .header-container .hideSecondText {
  display: none;
}

.popGame-container .header .header-container.hideOverflow {
  overflow: hidden;
}

.popGame-container .content-container {
  display: flex;
  justify-content: space-between;
}

.popGame-container .content-container .extrapickBankroll-container {
  font-size: 30px;
  z-index: 150;
  transform: translate(-600px, -283px);
  width: 203px;
  height: 93px;
  overflow: visible;
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-align: center;
}

.popGame-container .content-container .extrapickBankroll-container.picks_counter_slide {
  animation: counterSliding 0.3s 1 linear;
  animation-fill-mode: forwards;
}

.popGame-container .content-container .extrapickBankroll-container .extrapickTitle {
  font-size: 25px;
  position: relative;
  left: 25px;
  top: 5px;
  letter-spacing: 1px;
  font-weight: bold;
  font-family: AkzidGroProLigCnd, serif;
}

.popGame-container .content-container .extrapickBankroll-container .counterPicks {
  color: #FFA500;
  font-family: AkzidGroProBolCnd, serif;
  font-size: 30px;
  position: relative;
  left: 11px;
  top: 6px;
  width: 38px;
}

.popGame-container .content-container .dealerLogo {
  z-index: 550;
  position: relative;
  transform: translate(15px, -80px);
}

.popGame-container .content-container .grid-container {
  flex-grow: 1;
  position: absolute;
  left: 181px;
  bottom: 46px;
}

.popGame-container .content-container .grid-container .row-wrapper {
  display: flex;
  flex-direction: row;
  position: relative;
  padding-left: 60px;
}

.popGame-container .content-container .grid-container .row-wrapper.row-0 {
  transform: translate(100px, 0px);
}

.popGame-container .content-container .grid-container .row-wrapper.row-0 .rowItem {
  width: 80px;
  height: 75px;
  margin: 1px;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
}

.popGame-container .content-container .grid-container .row-wrapper.row-0 .rowItem.vibrateExplosion .pickAnimation {
  z-index: 3;
}

.popGame-container .content-container .grid-container .row-wrapper.row-0 .rowItem.vibrateExplosion img {
  z-index: 4;
}

.popGame-container .content-container .grid-container .row-wrapper.row-0 .rowItem.bomb .pickAnimation {
  transform: scale(5);
}

.popGame-container .content-container .grid-container .row-wrapper.row-0 .rowItem .pickAnimation {
  bottom: 10px;
  left: 0;
  position: absolute;
  visibility: visible;
  transform: scale(4);
  z-index: 81;
}

.popGame-container .content-container .grid-container .row-wrapper.row-0 .rowItem .rewardPrizeContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  color: white;
  visibility: hidden;
  z-index: 81;
  animation: showRewardAfterClick 1s 1 linear;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}

.popGame-container .content-container .grid-container .row-wrapper.row-0 .rowItem .rewardPrizeContainer .rewardPrizeImg {
  width: 80px;
  height: 80px;
  position: relative;
}

.popGame-container .content-container .grid-container .row-wrapper.row-1 {
  transform: translate(60px, 0px);
}

.popGame-container .content-container .grid-container .row-wrapper.row-1 .rowItem {
  width: 80px;
  height: 75px;
  margin: 1px;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
}

.popGame-container .content-container .grid-container .row-wrapper.row-1 .rowItem.vibrateExplosion .pickAnimation {
  z-index: 3;
}

.popGame-container .content-container .grid-container .row-wrapper.row-1 .rowItem.vibrateExplosion img {
  z-index: 4;
}

.popGame-container .content-container .grid-container .row-wrapper.row-1 .rowItem.bomb .pickAnimation {
  transform: scale(5);
}

.popGame-container .content-container .grid-container .row-wrapper.row-1 .rowItem .pickAnimation {
  bottom: 10px;
  left: 0;
  position: absolute;
  visibility: visible;
  transform: scale(4);
  z-index: 81;
}

.popGame-container .content-container .grid-container .row-wrapper.row-1 .rowItem .rewardPrizeContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  color: white;
  visibility: hidden;
  z-index: 81;
  animation: showRewardAfterClick 1s 1 linear;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}

.popGame-container .content-container .grid-container .row-wrapper.row-1 .rowItem .rewardPrizeContainer .rewardPrizeImg {
  width: 80px;
  height: 80px;
  position: relative;
}

.popGame-container .content-container .grid-container .row-wrapper.row-2 {
  transform: translate(100px, 0px);
}

.popGame-container .content-container .grid-container .row-wrapper.row-2 .rowItem {
  width: 80px;
  height: 75px;
  margin: 1px;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
}

.popGame-container .content-container .grid-container .row-wrapper.row-2 .rowItem.vibrateExplosion .pickAnimation {
  z-index: 3;
}

.popGame-container .content-container .grid-container .row-wrapper.row-2 .rowItem.vibrateExplosion img {
  z-index: 4;
}

.popGame-container .content-container .grid-container .row-wrapper.row-2 .rowItem.bomb .pickAnimation {
  transform: scale(5);
}

.popGame-container .content-container .grid-container .row-wrapper.row-2 .rowItem .pickAnimation {
  bottom: 10px;
  left: 0;
  position: absolute;
  visibility: visible;
  transform: scale(4);
  z-index: 81;
}

.popGame-container .content-container .grid-container .row-wrapper.row-2 .rowItem .rewardPrizeContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  color: white;
  visibility: hidden;
  z-index: 81;
  animation: showRewardAfterClick 1s 1 linear;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}

.popGame-container .content-container .grid-container .row-wrapper.row-2 .rowItem .rewardPrizeContainer .rewardPrizeImg {
  width: 80px;
  height: 80px;
  position: relative;
}

.popGame-container .content-container .grid-container .row-wrapper.row-3 {
  transform: translate(60px, 0px);
}

.popGame-container .content-container .grid-container .row-wrapper.row-3 .rowItem {
  width: 80px;
  height: 75px;
  margin: 1px;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
}

.popGame-container .content-container .grid-container .row-wrapper.row-3 .rowItem.vibrateExplosion .pickAnimation {
  z-index: 3;
}

.popGame-container .content-container .grid-container .row-wrapper.row-3 .rowItem.vibrateExplosion img {
  z-index: 4;
}

.popGame-container .content-container .grid-container .row-wrapper.row-3 .rowItem.bomb .pickAnimation {
  transform: scale(5);
}

.popGame-container .content-container .grid-container .row-wrapper.row-3 .rowItem .pickAnimation {
  bottom: 10px;
  left: 0;
  position: absolute;
  visibility: visible;
  transform: scale(4);
  z-index: 81;
}

.popGame-container .content-container .grid-container .row-wrapper.row-3 .rowItem .rewardPrizeContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  color: white;
  visibility: hidden;
  z-index: 81;
  animation: showRewardAfterClick 1s 1 linear;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}

.popGame-container .content-container .grid-container .row-wrapper.row-3 .rowItem .rewardPrizeContainer .rewardPrizeImg {
  width: 80px;
  height: 80px;
  position: relative;
}

.popGame-container .content-container .grid-container .row-wrapper.row-4 {
  transform: translate(15px, 0px);
}

.popGame-container .content-container .grid-container .row-wrapper.row-4 .rowItem {
  width: 80px;
  height: 75px;
  margin: 1px;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
}

.popGame-container .content-container .grid-container .row-wrapper.row-4 .rowItem.vibrateExplosion .pickAnimation {
  z-index: 3;
}

.popGame-container .content-container .grid-container .row-wrapper.row-4 .rowItem.vibrateExplosion img {
  z-index: 4;
}

.popGame-container .content-container .grid-container .row-wrapper.row-4 .rowItem.bomb .pickAnimation {
  transform: scale(5);
}

.popGame-container .content-container .grid-container .row-wrapper.row-4 .rowItem .pickAnimation {
  bottom: 10px;
  left: 0;
  position: absolute;
  visibility: visible;
  transform: scale(4);
  z-index: 81;
}

.popGame-container .content-container .grid-container .row-wrapper.row-4 .rowItem .rewardPrizeContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  color: white;
  visibility: hidden;
  z-index: 81;
  animation: showRewardAfterClick 1s 1 linear;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}

.popGame-container .content-container .grid-container .row-wrapper.row-4 .rowItem .rewardPrizeContainer .rewardPrizeImg {
  width: 80px;
  height: 80px;
  position: relative;
}

.popGame-container .content-container .grid-container .row-wrapper.row-5 {
  transform: translate(153px, 0px);
}

.popGame-container .content-container .grid-container .row-wrapper.row-5 .rowItem {
  width: 80px;
  height: 75px;
  margin: 1px;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
}

.popGame-container .content-container .grid-container .row-wrapper.row-5 .rowItem.vibrateExplosion .pickAnimation {
  z-index: 3;
}

.popGame-container .content-container .grid-container .row-wrapper.row-5 .rowItem.vibrateExplosion img {
  z-index: 4;
}

.popGame-container .content-container .grid-container .row-wrapper.row-5 .rowItem.bomb .pickAnimation {
  transform: scale(5);
}

.popGame-container .content-container .grid-container .row-wrapper.row-5 .rowItem .pickAnimation {
  bottom: 10px;
  left: 0;
  position: absolute;
  visibility: visible;
  transform: scale(4);
  z-index: 81;
}

.popGame-container .content-container .grid-container .row-wrapper.row-5 .rowItem .rewardPrizeContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  color: white;
  visibility: hidden;
  z-index: 81;
  animation: showRewardAfterClick 1s 1 linear;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}

.popGame-container .content-container .grid-container .row-wrapper.row-5 .rowItem .rewardPrizeContainer .rewardPrizeImg {
  width: 80px;
  height: 80px;
  position: relative;
}

.popGame-container .popGameDecreaseAnimation {
  position: absolute;
  top: -170px;
  left: -75px;
  z-index: 510;
  transform: scale(0.2);
  animation-delay: 3s;
}

.popGame-container .buyExtraPick {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(33%, -30%);
  animation: slideExtraPick 1s 1 linear;
  animation-fill-mode: both;
  color: yellow;
  font-size: 120px;
  -webkit-text-stroke: 3px orange;
  z-index: 150;
}

.popGame-container .buyExtraPickAnimation {
  position: absolute;
  top: -178px;
  right: 145px;
  z-index: 151;
  transform: scale(0.2);
}

.popGame-container .claimedRewardPopup {
  position: absolute;
  top: 95px;
  text-align: center;
  width: 930px;
  height: 529px;
  overflow: hidden;
  z-index: 150;
  left: 50%;
  margin-left: -466px;
  animation: fadeIn linear 1s;
  background: #000000c7;
}

.popGame-container .claimedRewardPopup .gpContentCont {
  background: none;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 700px;
  float: right;
  height: 529px;
  justify-content: center;
  align-items: center;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimRewardPopupTitle {
  color: white;
  height: 140px;
  font-family: AkzidGroProLigCnd, serif;
  font-size: 30px;
  text-transform: uppercase;
  top: 70px;
  position: relative;
  right: 75px;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimBigWinRewardPopupInfo {
  width: 400px;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-align: center;
  right: 60px;
  z-index: 10;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimBigWinRewardPopupInfo .claimBigWinReward {
  position: relative;
  width: 270px;
  height: 75px;
  z-index: 350;
  display: block;
  top: -60px;
  left: 10px;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimBigWinRewardPopupInfo .claimBigWinReward .bigRewardContainer {
  animation: bigRewardCircleAnim 1.7s 1 linear;
  animation-fill-mode: forwards;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimBigWinRewardPopupInfo .claimBigWinReward .bigRewardContainer .bigRewardIcon {
  height: 200px;
  min-width: 200px;
  max-width: 286px;
  animation: iconAnimation 1s 1 linear;
  animation-fill-mode: forwards;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimBigWinRewardPopupInfo .bigWinAnimation {
  z-index: 300;
  position: absolute;
  animation: bigWinAnimationShowInSuccesfulLayout 2s 1 linear;
  animation-fill-mode: forwards;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimBigWinRewardPopupInfo .prizeLoopAnimation {
  position: absolute;
  animation: prizeLoopAnimationForClaimedReward 3s 1 linear;
  animation-fill-mode: forwards;
  height: 400px;
  bottom: 10px;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimRewardPopupInfo {
  width: 400px;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-align: center;
  right: 60px;
  z-index: 10;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimRewardPopupInfo .rewardClaimed {
  position: absolute;
  width: 300px;
  height: 300px;
  animation: regularRewardClaimedShowInSuccesfulLayout 2s 1 linear;
  animation-fill-mode: forwards;
  z-index: 350;
  transform: scale(0.5);
  display: block;
  top: -15px;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimRewardPopupInfo .rewardClaimed .regularRewardIcon {
  width: 300px;
  height: 300px;
  position: absolute;
  left: 10px;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimRewardPopupInfo .prizeLoopAnimation {
  animation: prizeLoopAnimationForClaimedReward 2s 1 linear;
  animation-fill-mode: forwards;
  z-index: 300;
  display: block;
  position: absolute;
  top: -45px;
  left: 10px;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimRewardPopupBtnContainer {
  position: relative;
  bottom: 35px;
  right: 65px;
  animation: buttonGoesUp 1s 1 linear;
  animation-fill-mode: forwards;
  z-index: 10;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimRewardPopupBtnContainer .claimRewardPopupBtn {
  position: relative;
  height: 65px;
  width: 200px;
  font-family: AkzidGroProCnd, serif;
  font-weight: bold;
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimRewardPopupBtnContainer .claimRewardPopupBtn-mask {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 200px;
  height: 65px;
  pointer-events: none;
  -webkit-clip-path: inset(0px 0px 0px 0px);
          clip-path: inset(0px 0px 0px 0px);
}

.popGame-container .claimedRewardPopup .claimRewardPopupContent .claimRewardPopupBtnContainer .claimRewardPopupBtn-mask .claimRewardPopupBtn-shine {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100px;
  height: 65px;
  z-index: 11;
  background-image: url(assets/imgSrc/pokerRecall/PokerRecallMultiPackStoreButtonShine.png);
  background-size: 100px 65px;
  animation: buttonClaimPrizeShineAnim 2s linear infinite;
  animation-delay: 0.5s;
}

.popGame-container .howTo-container {
  position: absolute;
  left: 30px;
  bottom: 20px;
  z-index: 550;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.popGame-container .howTo-container .tooltip-icon {
  display: inline-block;
  overflow: visible;
  background-color: transparent;
  border: none;
  outline: none;
  width: 45px;
  height: 45px;
  transform: scale(0.5);
  background-image: url(assets/images/base/HowToPlayBTN.png);
  cursor: pointer;
}

.popGame-container .howTo-container .tooltip-text {
  color: white;
  font-size: 2.5rem;
  font-family: AkzidGroProLigCnd, serif;
  text-decoration: underline;
  position: relative;
  margin-bottom: 10px;
  text-shadow: 2px 2px 1px #161616;
  text-underline-offset: 5px;
}

.howToPlayPopup {
  position: absolute;
  top: 95px;
  left: 50%;
  width: 962px;
  height: 641px;
  transform: translateX(-50%);
  text-align: center;
  display: flex;
}

.howToPlayPopup .popNowButton {
  width: 200px;
  height: 60px;
  transform: translate(400px, 500px);
}

.CarnivalEvent2021.popGame-container .content-container .dealerLogo {
  transform: translate(18px, -49px);
}

.MainEvent2021.popGame-container .dealerLogo {
  transform: translate(3px, -82px);
}

.MainEvent2021.popGame-container .rules-tr.tooltip-icon {
  transform: none;
}

.MainEvent2021.popGame-container .tooltip-text {
  position: relative;
  left: 10px;
}

.ThanksgivingEvent2021.popGame-container .dealerLogo {
  transform: translate(12px, -79px) scale(0.98);
}

.ThanksgivingEvent2021.popGame-container .header-container .displaySecondTextAndAnim {
  text-shadow: -3px 0 #103ac0, 0 3px #103ac0, 3px 0 #103ac0, 0 -3px #103ac0;
}

.ThanksgivingEvent2021.popGame-container .header-container .headerComponents .titlePopGame {
  font-size: 28px;
}

.NewYearEvent2022.popGame-container .rules-tr.tooltip-icon {
  transform: none;
}

.NewYearEvent2022.popGame-container .tooltip-text {
  position: relative;
  left: 10px;
}

.NewYearEvent2022.popGame-container .dealerLogo {
  transform: translate(16px, -84px) scale(1.01);
}

.NewYearEvent2022.popGame-container .header-container .displaySecondTextAndAnim {
  text-shadow: -3px 0 #103ac0, 0 3px #103ac0, 3px 0 #103ac0, 0 -3px #103ac0;
}

.NewYearEvent2022.popGame-container .header-container .headerComponents .titlePopGame {
  font-size: 27px;
  padding: 10px 20px 0;
}

.NewYearEvent2022.popGame-container .header-container .headerComponents .titlePopGame .rewardName {
  color: #57e0e9;
}

.NewYearEvent2022.popGame-container .header-container .headerComponents .collectiblePopGame .collectiblePopGameLogo {
  transform: translate(-4px, 10px) scale(1.2);
}

.CarnivalEvent2022.popGame-container .rules-tr.tooltip-icon {
  transform: none;
}

.CarnivalEvent2022.popGame-container .tooltip-text {
  position: relative;
  left: 10px;
}

.CarnivalEvent2022.popGame-container .dealerLogo {
  transform: translate(16px, -84px) scale(0.96);
  left: -8px;
  top: 11px;
}

.CarnivalEvent2022.popGame-container .header-container .displaySecondTextAndAnim {
  text-shadow: -3px 2px 2px #001860, 2px 2px 2px #001860, 3px 2px 2px #001860, 2px -3px 2px #001860;
}

.CarnivalEvent2022.popGame-container .header-container .headerComponents .titlePopGame {
  font-size: 27px;
  padding: 10px 20px 0;
}

.CarnivalEvent2022.popGame-container .header-container .headerComponents .titlePopGame .rewardName {
  color: #FDBF00;
}

.CarnivalEvent2022.popGame-container .header-container .headerComponents .collectiblePopGame .collectiblePopGameLogo {
  transform: translate(-4px, 10px) scale(1.2);
}

.ValentinesEvent2022.popGame-container .extrapickBankroll-container {
  left: -21px;
  top: -10px;
  position: relative;
}

.ValentinesEvent2022.popGame-container .rules-tr.tooltip-icon {
  transform: none;
}

.ValentinesEvent2022.popGame-container .tooltip-text {
  position: relative;
  left: 10px;
}

.ValentinesEvent2022.popGame-container .dealerLogo {
  transform: translate(16px, -84px) scale(1.1);
  left: 19px;
  top: -25px;
}

.ValentinesEvent2022.popGame-container .header-container .displaySecondTextAndAnim {
  text-shadow: -3px 2px 2px #540a0a, 2px 2px 2px #540a0a, 3px 2px 2px #540a0a, 2px -3px 2px #540a0a !important;
}

.ValentinesEvent2022.popGame-container .header-container .headerComponents .titlePopGame {
  font-size: 27px;
  padding: 10px 20px 0;
  text-shadow: 1px 1px 2px #000000, 1px 1px 2px #000000, 1px 1px 2px #000000, 1px 1px 2px #000000;
}

.ValentinesEvent2022.popGame-container .header-container .headerComponents .titlePopGame .rewardName {
  color: #FFE195;
  text-shadow: 1px 1px 2px #000000, 1px 1px 2px #000000, 1px 1px 2px #000000, 1px 1px 2px #000000;
}

.ValentinesEvent2022.popGame-container .header-container .headerComponents .collectiblePopGame .collectiblePopGameLogo {
  transform: translate(-4px, 10px) scale(1.2);
}

.LuckyVegasEvent2022.popGame-container .rules-tr.tooltip-icon {
  transform: none;
}

.LuckyVegasEvent2022.popGame-container .tooltip-text {
  position: relative;
  left: 10px;
}

.LuckyVegasEvent2022.popGame-container .dealerLogo {
  transform: translate(15px, -110px) scale(1.1);
  pointer-events: none;
}

.LuckyVegasEvent2022.popGame-container .header-container .headerComponents .titlePopGame {
  font-size: 27px;
}

.LuckyVegasEvent2022.popGame-container .header-container .headerComponents .titlePopGame .rewardName {
  color: #FFC000;
}

.LuckyVegasEvent2022.popGame-container .header-container .headerComponents .collectiblePopGame .collectiblePopGameLogo {
  transform: translate(-4px, 10px) scale(1.2);
}

.EasterEvent2022.popGame-container .extrapickBankroll-container {
  left: -21px;
  top: -10px;
  position: relative;
}

.EasterEvent2022.popGame-container .rules-tr.tooltip-icon {
  transform: none;
}

.EasterEvent2022.popGame-container .tooltip-text {
  position: relative;
  left: 10px;
}

.EasterEvent2022.popGame-container .dealerLogo {
  transform: scale(1.05);
  pointer-events: none;
  top: -95px;
  left: 21px;
}

.EasterEvent2022.popGame-container .header-container .headerComponents .titlePopGame {
  font-size: 27px;
}

.EasterEvent2022.popGame-container .header-container .headerComponents .titlePopGame .rewardName {
  color: #FFC000;
}

.EasterEvent2022.popGame-container .header-container .headerComponents .collectiblePopGame .collectiblePopGameLogo {
  transform: scale(1.2);
}

.RockEvent2022.popGame-container .extrapickBankroll-container {
  left: -21px;
  top: -10px;
  position: relative;
}

.RockEvent2022.popGame-container .rules-tr.tooltip-icon {
  transform: none;
}

.RockEvent2022.popGame-container .tooltip-text {
  position: relative;
  left: 10px;
}

.RockEvent2022.popGame-container .dealerLogo {
  transform: scale(1.02);
  pointer-events: none;
  top: -89px;
  left: 21px;
}

.RockEvent2022.popGame-container .header-container .headerComponents .titlePopGame {
  font-size: 27px;
}

.RockEvent2022.popGame-container .header-container .headerComponents .titlePopGame .rewardName {
  color: #FFC000;
}

.RockEvent2022.popGame-container .header-container .headerComponents .collectiblePopGame .collectiblePopGameLogo {
  transform: scale(1.2);
}

.GloryEvent2022.popGame-container .extrapickBankroll-container {
  left: -17px;
  top: -10px;
  position: relative;
}

.GloryEvent2022.popGame-container .rules-tr.tooltip-icon {
  transform: none;
}

.GloryEvent2022.popGame-container .tooltip-text {
  position: relative;
  left: 10px;
}

.GloryEvent2022.popGame-container .dealerLogo {
  transform: scale(0.91);
  pointer-events: none;
  top: -60px;
  left: 2px;
}

.GloryEvent2022.popGame-container .header-container .headerComponents .titlePopGame {
  font-size: 27px;
}

.GloryEvent2022.popGame-container .header-container .headerComponents .titlePopGame .rewardName {
  color: #FFC000;
}

.GloryEvent2022.popGame-container .header-container .headerComponents .collectiblePopGame .collectiblePopGameLogo {
  transform: scale(1.2);
}

.RaceEvent2022.popGame-container .extrapickBankroll-container {
  left: -17px;
  top: -10px;
  position: relative;
}

.RaceEvent2022.popGame-container .rules-tr.tooltip-icon {
  transform: none;
}

.RaceEvent2022.popGame-container .tooltip-text {
  position: relative;
  left: 10px;
}

.RaceEvent2022.popGame-container .dealerLogo {
  transform: scale(0.91);
  pointer-events: none;
  top: -60px;
  left: -5px;
}

.RaceEvent2022.popGame-container .header-container .headerComponents .titlePopGame {
  font-size: 27px;
}

.RaceEvent2022.popGame-container .header-container .headerComponents .titlePopGame .rewardName {
  color: #FFC000;
}

.RaceEvent2022.popGame-container .header-container .headerComponents .collectiblePopGame .collectiblePopGameLogo {
  transform: scale(1.2);
}

.MainEvent2022.popGame-container .extrapickBankroll-container {
  left: -17px;
  top: -10px;
  position: relative;
}

.MainEvent2022.popGame-container .rules-tr.tooltip-icon {
  transform: none;
}

.MainEvent2022.popGame-container .tooltip-text {
  position: relative;
  left: 10px;
}

.MainEvent2022.popGame-container .dealerLogo {
  transform: scale(0.92);
  pointer-events: none;
  top: -60px;
  left: -7px;
}

.MainEvent2022.popGame-container .header-container .headerComponents .titlePopGame {
  font-size: 27px;
}

.MainEvent2022.popGame-container .header-container .headerComponents .titlePopGame .rewardName {
  color: #FFC000;
}

.MainEvent2022.popGame-container .header-container .headerComponents .collectiblePopGame .collectiblePopGameLogo {
  transform: scale(1.2);
}

@keyframes buttonClaimPrizeShineAnim {
  0% {
    left: -100px;
  }
  40% {
    left: 100px;
  }
  50% {
    left: 200px;
  }
  100% {
    left: 300px;
  }
}

@keyframes slideUpAnimation {
  from {
    bottom: 0;
  }
  to {
    transform: translate(0px, -140px);
    display: none;
    visibility: hidden;
  }
}

@keyframes slideDownSimpleAnimation {
  from {
    transform: translate(0px, -140px);
    display: none;
    visibility: hidden;
  }
  to {
    bottom: 0;
  }
}

@keyframes slideDownWoWobbleAnimation {
  0% {
    opacity: 0;
    transform: translate(0px, -10px);
  }
  30% {
    opacity: 0;
    transform: translate(0px, -30px);
  }
  50% {
    opacity: 100%;
    transform: translate(0px, -100px);
  }
  100% {
    opacity: 100%;
    transform: translate(0px, -100px);
  }
}

@keyframes slideDownAnimation {
  0% {
    opacity: 0;
    transform: translate(0px, -10px);
  }
  30% {
    opacity: 0;
    transform: translate(0px, -30px);
  }
  50% {
    opacity: 0;
    transform: translate(0px, -70px);
  }
  70% {
    opacity: 100%;
    transform: translate(0px, -100px);
  }
  80% {
    opacity: 100%;
    transform: translate(0px, -120px);
  }
  80% {
    opacity: 100%;
    transform: translate(0px, -110px);
  }
  100% {
    opacity: 100%;
    transform: translate(0px, -100px);
  }
}

@keyframes showRewardAfterClick {
  0% {
    visibility: visible;
    transform: scale(0.1);
  }
  20% {
    visibility: visible;
    transform: scale(0.3);
  }
  40% {
    visibility: visible;
    transform: scale(0.5);
  }
  60% {
    visibility: visible;
    transform: scale(0.7);
  }
  80% {
    visibility: visible;
    transform: scale(1);
  }
  90% {
    visibility: visible;
    transform: scale(1.3);
  }
  100% {
    visibility: visible;
    transform: scale(1);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes buttonGoesUp {
  from {
    transform: translate(0px, 100px);
  }
  to {
    transform: translate(0px, -10px);
  }
}

@keyframes regularRewardClaimedShowInSuccesfulLayout {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(0.8);
  }
}

@keyframes counterSliding {
  0% {
    transform: translate(-600px, -281px);
  }
  40% {
    transform: translate(-600px, -275px);
  }
  60% {
    transform: translate(-600px, -277px);
  }
  80% {
    transform: translate(-600px, -279px);
  }
  100% {
    transform: translate(-600px, -281px);
  }
}

@keyframes iconAnimation {
  30% {
    transform: scale(1.1);
  }
  55% {
    transform: rotate(-40deg) scale(1.3);
  }
  60% {
    transform: rotate(-25deg);
  }
  80% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0) scale(1.1);
  }
}

@keyframes bigRewardCircleAnim {
  0% {
    transform: translate(0px, 0px);
  }
  3% {
    transform: translate(-2px, -2px);
  }
  4% {
    transform: translate(-3px, 0px);
  }
  6% {
    transform: translate(0px, -4px);
  }
  9% {
    transform: translate(4px, -15px);
  }
  12% {
    transform: translate(13px, -26px);
  }
  15% {
    transform: translate(27px, -46px);
  }
  17% {
    transform: translate(43px, -63px);
  }
  20% {
    transform: translate(59px, -70px);
  }
  22% {
    transform: translate(79px, -73px);
  }
  24% {
    transform: translate(98px, -70px);
  }
  26% {
    transform: translate(104px, -76px);
  }
  28% {
    transform: translate(117px, -68px);
  }
  29% {
    transform: translate(127px, -58px);
  }
  31% {
    transform: translate(136px, -41px);
  }
  32% {
    transform: translate(137px, -21px);
  }
  34% {
    transform: translate(148px, -14px);
  }
  36% {
    transform: translate(137px, 7px);
  }
  37% {
    transform: translate(125px, 24px);
  }
  38% {
    transform: translate(114px, 39px);
  }
  39% {
    transform: translate(104px, 49px);
  }
  41% {
    transform: translate(82px, 66px);
  }
  43% {
    transform: translate(54px, 79px);
  }
  44% {
    transform: translate(26px, 90px);
  }
  46% {
    transform: translate(-4px, 98px);
  }
  47% {
    transform: translate(-33px, 96px);
  }
  49% {
    transform: translate(-53px, 88px);
  }
  50% {
    transform: translate(-71px, 82px);
  }
  52% {
    transform: translate(-95px, 68px);
  }
  53% {
    transform: translate(-107px, 60px);
  }
  55% {
    transform: translate(-126px, 30px);
  }
  56% {
    transform: translate(-130px, 4px);
  }
  58% {
    transform: translate(-117px, -23px);
  }
  59% {
    transform: translate(-105px, -39px);
  }
  61% {
    transform: translate(-85px, -56px);
  }
  62% {
    transform: translate(-68px, -67px);
  }
  64% {
    transform: translate(-48px, -72px);
  }
  65% {
    transform: translate(-19px, -70px);
  }
  66% {
    transform: translate(-2px, -65px);
  }
  67% {
    transform: translate(10px, -55px);
  }
  69% {
    transform: translate(23px, -44px);
  }
  70% {
    transform: translate(23px, -25px);
  }
  72% {
    transform: translate(8px, -11px);
  }
  73% {
    transform: translate(-10px, -6px);
  }
  75% {
    transform: translate(-48px, 0px);
  }
  76% {
    transform: translate(-57px, -20px);
  }
  78% {
    transform: translate(-50px, -33px);
  }
  79% {
    transform: translate(-25px, -25px);
  }
  100% {
    transform: translate(-25px, -25px);
  }
}

@keyframes prizeLoopAnimationForClaimedReward {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(2.2);
  }
}

@keyframes bigWinAnimationShowInSuccesfulLayout {
  0% {
    transform: scale(1.4);
  }
  20% {
    transform: scale(1.5);
  }
  40% {
    transform: scale(1.6);
  }
  60% {
    transform: scale(1.4);
  }
  80% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
    height: 0;
  }
}

@keyframes slideExtraPick {
  0% {
    font-size: 120px;
  }
  30% {
    font-size: 100px;
  }
  90% {
    left: 33%;
    top: 30%;
    font-size: 70px;
  }
  99% {
    left: 33%;
    top: 22%;
    font-size: 35px;
  }
  100% {
    font-size: 0;
  }
}

.sandbox-ape-popup {
  width: 760px;
  height: 400px;
  margin: auto;
  transform: translateY(90px);
}

#popupCont.starQuestHowToPlayPopup > div:last-child:before {
  opacity: 0.95 !important;
}

#popupCont.starQuestHowToPlayPopup.isPlaying {
  position: relative;
  top: 468px;
}

#popupCont.starQuestHowToPlayPopup .starquest-how-to-popup-container {
  background-color: #000000;
  padding: 1px;
  position: absolute;
  left: 50%;
  top: 95px;
  width: 826px;
  height: 552px;
  transform: translateX(-50%);
  text-align: center;
  overflow: visible;
  display: block;
}

#popupCont.starQuestHowToPlayPopup .starquest-how-to-popup-container .howTo-shine-bar {
  pointer-events: none;
  width: 400px;
  height: 60px;
  position: absolute;
}

#popupCont.starQuestHowToPlayPopup .starquest-how-to-popup-container .howTo-shine-bar.top {
  top: -30px;
  left: 53px;
}

#popupCont.starQuestHowToPlayPopup .starquest-how-to-popup-container .howTo-shine-bar.bottom {
  top: 524px;
  left: 450px;
}

#popupCont.starQuestHowToPlayPopup .starquest-how-to-popup-container .closeButton {
  position: absolute;
  top: -22px;
  right: -21px;
  width: 45px;
  height: 45px;
  cursor: pointer;
}

#popupCont.starQuestHowToPlayPopup .starquest-how-to-popup-container .closeButton path {
  fill: #1f6ef3f0;
  stroke: #0d5edd00;
}

#popupCont.starQuestHowToPlayPopup .starquest-how-to-popup-container .closeButton:hover path {
  fill: #4784e8;
  stroke: #5f93dc;
}

#popupCont.starQuestHowToPlayPopup .starquest-how-to-popup-container .closeButton:active path {
  fill: #4784e8;
  stroke: #5f93dc;
}

#popupCont.starQuestHowToPlayPopup .starquest-how-to-popup-container .sq-right-arrow-btn {
  position: absolute;
  right: -17px;
  top: 220px;
  width: 35px;
  height: 100px;
}

#popupCont.starQuestHowToPlayPopup .starquest-how-to-popup-container .sq-left-arrow-btn {
  position: absolute;
  top: 220px;
  width: 35px;
  height: 100px;
  left: -20px;
}

#popupCont.starQuestHowToPlayPopup .starquest-how-to-popup-container #video-player-container {
  width: 100%;
  height: 100%;
}

#popupCont.starQuestHowToPlayPopup .starquest-how-to-popup-container #video-player-container.isVideoSlide {
  cursor: pointer;
  width: 25%;
  height: 25%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#popupCont.starQuestHowToPlayPopup .starquest-how-to-popup-container #video-player-container .video-player {
  width: 826px;
  height: 552px;
}

#popupCont.starQuestHowToPlayPopup .starquest-how-to-popup-container .carousel-paginator-container {
  bottom: 12px;
}

.popup_neon.sq-agent-portal-underscene #video-player-container .video-player {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

.popup-guaranteed-golden-wedge {
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  z-index: 1;
}

.popup-guaranteed-golden-wedge .popup-guaranteed-golden-wedge-video {
  width: 100%;
  height: 100%;
}

.popup-guaranteed-golden-wedge .popup-guaranteed-golden-wedge-text {
  text-shadow: 2px 0 15px #046bfc, -2px 0 15px #046bfc, 0 2px 15px #046bfc, 0 -2px 15px #046bfc, 1px 1px #046bfc, -1px -1px 0 #046bfc, 1px -1px 0 #046bfc, -1px 1px 0 #046bfc;
  font-size: 31px;
  position: absolute;
  top: 55%;
  left: 50%;
  text-align: center;
}

.popup-guaranteed-golden-wedge .popup-guaranteed-golden-wedge-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.popup-guaranteed-golden-wedge .popup-guaranteed-golden-wedge-footer .genericButton,
.popup-guaranteed-golden-wedge .popup-guaranteed-golden-wedge-footer .popup-guaranteed-golden-wedge-text-footer {
  margin-bottom: 10px;
}

.popup-guaranteed-golden-wedge .popup-guaranteed-golden-wedge-footer .genericButton {
  font-size: 30px;
  width: 110px;
}

.popup-guaranteed-golden-wedge .popup-guaranteed-golden-wedge-footer .popup-guaranteed-golden-wedge-text-footer {
  text-shadow: 2px 0 15px #046bfc, -2px 0 15px #046bfc, 0 2px 15px #046bfc, 0 -2px 15px #046bfc, 1px 1px #046bfc, -1px -1px 0 #046bfc, 1px -1px 0 #046bfc, -1px 1px 0 #046bfc;
  font-size: 25px;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay .multipliersHelp.all-prizes, #prizeWheel .prizeWheelContainer .superSpinOverlay .multipliersHelp.golden-wedges {
  left: 170px;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay .multipliersHelp.all-prizes {
  bottom: 260px;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay .multipliersHelp.golden-wedges {
  bottom: 125px;
}

#prizeWheel .prizeWheelContainer .superSpinOverlay .multipliersHelp .multipliersContainer {
  z-index: 1;
}