/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./js_modules/common/clock/index.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
.clock {
  transition: opacity 0.4s cubic-bezier(0.55, 0.06, 0.68, 0.19);
  z-index: 999;
  opacity: 0;
}
.clock.active {
  opacity: 1;
}
/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./js_modules/menuScroll/index.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
.mscroll {
  display: flex;
  flex-flow: row nowrap;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: auto;
  scrollbar-width: none;
}
.mscroll::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.mscroll-js {
  overflow-x: auto !important;
  scrollbar-width: none;
}
.mscroll-js::-webkit-scrollbar {
  width: 0;
  height: 0;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./js_modules/payments_gallery_new/index.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
.payments_gallery {
  display: grid;
  grid-auto-flow: dense;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./js_modules/common/form/show_password/index.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.toggle-password {
  cursor: pointer;
}
.toggle-password .icon.hidden_icon {
  display: block;
}
.toggle-password .icon.visible_icon {
  display: none;
}
.toggle-password.visible .icon.visible_icon {
  display: block;
}
.toggle-password.visible .icon.hidden_icon {
  display: none;
}
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./js_modules/vSlider/index.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.vSlider {
  position: relative;
  display: grid;
  grid-auto-flow: row;
  overflow: hidden;
}
.vSlider.horizontal {
  grid-auto-flow: column;
  width: 100%;
}
.vSlider::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./js_modules/switch_tabs/index.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
.s-tab {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  opacity: 0.5;
  cursor: pointer;
}
.s-tab.active {
  opacity: 1;
}

.s-toggle {
  flex: 0 0 auto;
  position: relative;
  width: 64px;
  height: 32px;
  border: 1px solid #363636;
  border-radius: 100px;
  transition: 0.4s ease-in-out;
}
.s-toggle:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 22px;
  height: 22px;
  margin: 4px;
  background: gray;
  border-radius: 100%;
  transition: 0.2s ease-in-out;
}
.s-toggle.active:before {
  left: 32px;
}
/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./js_modules/TabsBlock/index.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.tabs_block .tabs_links {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
.tabs_block .tabs_links .t_link {
  cursor: pointer;
}
.tabs_block .tabs_content .t_content {
  display: none;
}
.tabs_block .tabs_content .t_content.active {
  display: block;
}
.tabs_block.save-min-height .tabs_content {
  display: grid;
}
.tabs_block.save-min-height .tabs_content .t_content {
  display: block;
  grid-area: 1/-1/1/-1;
  opacity: 0;
  pointer-events: none;
}
.tabs_block.save-min-height .tabs_content .t_content.active {
  opacity: 1;
  pointer-events: auto;
}
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./js_modules/providers/pragmaticWS/index.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.pragmatic-game-item:hover .live-overlay {
  visibility: hidden;
  opacity: 0;
}

.pragmatic-overlay-container {
  position: relative;
}
.pragmatic-overlay-container * {
  transition: 0.3s;
}
.pragmatic-overlay-container .live-overlay {
  animation: show 0.6s linear;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  overflow: hidden;
  width: 100%;
  height: 100%;
  color: #fff;
  transition: 0.2s;
}
.pragmatic-overlay-container .live-overlay .table-info {
  display: flex;
  margin-bottom: 4px;
  margin-right: 4px;
  padding: 2px;
  line-height: 100%;
  font-size: 12px;
  background-color: #000;
  border-radius: 4px;
}
.pragmatic-overlay-container .live-overlay .table-info .currency {
  margin-right: 4px;
}
.pragmatic-overlay-container .live-overlay .table-info .dash {
  margin: 0 4px;
}
.pragmatic-overlay-container .live-overlay .table-info .icon {
  display: block;
  margin-right: 2px;
  line-height: 12px;
  font-size: 9px;
}
.pragmatic-overlay-container .live-overlay .pm-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  padding: 4px;
  background-color: rgba(0, 0, 0, 0.7);
}
.pragmatic-overlay-container .live-overlay .pm-footer .pm-footer-title {
  margin-bottom: 2px;
  line-height: 100%;
  font-size: 12px;
}
.pragmatic-overlay-container .live-overlay .pm-footer .seat-counter {
  margin-bottom: 2px;
  padding: 4px 2px;
  line-height: 100%;
  font-size: 12px;
  font-weight: 700;
  background-color: #000;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px #52575C;
}
.pragmatic-overlay-container .live-overlay .pm-footer .seats {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.pragmatic-overlay-container .live-overlay .pm-footer .seats .icon {
  display: block;
  margin-left: 4px;
  line-height: 14px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
}
.pragmatic-overlay-container .live-overlay .pm-footer .seats .icon:first-child {
  margin-left: 0;
}
.pragmatic-overlay-container .live-overlay .pm-footer .seats .icon.true {
  color: #37AC00;
}
.pragmatic-overlay-container .live-overlay .pm-footer .wins {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  width: 100%;
  height: 18px;
}
.pragmatic-overlay-container .live-overlay .pm-footer .wins.multicolor .value-0 {
  background: #FE7F00;
}
.pragmatic-overlay-container .live-overlay .pm-footer .wins.multicolor .value-1 {
  background: #CE00FF;
}
.pragmatic-overlay-container .live-overlay .pm-footer .wins.multicolor .value-2 {
  background: #ED462B;
}
.pragmatic-overlay-container .live-overlay .pm-footer .wins.multicolor .value-3 {
  background: #40BF6A;
}
.pragmatic-overlay-container .live-overlay .pm-footer .wins.multicolor .value-4 {
  background: #467DEA;
}
.pragmatic-overlay-container .live-overlay .pm-footer .wins.multicolor .value-5 {
  background: #901AE6;
}
.pragmatic-overlay-container .live-overlay .pm-footer .wins.multicolor .value-6 {
  background: #FE7F00;
}
.pragmatic-overlay-container .live-overlay .pm-footer .wins.multicolor .value-7 {
  background: #CE00FF;
}
.pragmatic-overlay-container .live-overlay .pm-footer .wins span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 18px;
  margin-bottom: 10px;
  margin-left: 4px;
  line-height: 14px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 4px;
}
.pragmatic-overlay-container .live-overlay .pm-footer .wins span:first-child {
  margin-left: 0;
}
.pragmatic-overlay-container .live-overlay .pm-footer .wins span.black {
  box-shadow: inset 0 0 0 1px #52575C;
}
.pragmatic-overlay-container .live-overlay .pm-footer .cube-values {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  width: 100%;
  height: 22px;
}
.pragmatic-overlay-container .live-overlay .pm-footer .cube-values .result {
  display: flex;
  align-items: center;
  height: 22px;
  margin-bottom: 10px;
  margin-left: 2px;
  background-color: #000000;
  border-radius: 4px;
}
.pragmatic-overlay-container .live-overlay .pm-footer .cube-values .result:first-child {
  margin-left: 0;
}
.pragmatic-overlay-container .live-overlay .pm-footer .cube-values .result .result-item {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 18px;
  height: 18px;
  margin-left: 2px;
  line-height: 12px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 4px;
}
.pragmatic-overlay-container .live-overlay .pm-footer .cube-values .result .result-item:first-child {
  margin-left: 0;
}
.pragmatic-overlay-container .live-overlay .pm-footer .cube-values .result .cube-1 {
  background: url("./images/pragmatic/cube-1.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.pragmatic-overlay-container .live-overlay .pm-footer .cube-values .result .cube-2 {
  background: url("./images/pragmatic/cube-2.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.pragmatic-overlay-container .live-overlay .pm-footer .cube-values .result .cube-3 {
  background: url("./images/pragmatic/cube-3.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.pragmatic-overlay-container .live-overlay .pm-footer .cube-values .result .cube-4 {
  background: url("./images/pragmatic/cube-4.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.pragmatic-overlay-container .live-overlay .pm-footer .cube-values .result .cube-5 {
  background: url("./images/pragmatic/cube-5.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.pragmatic-overlay-container .live-overlay .pm-footer .cube-values .result .cube-6 {
  background: url("./images/pragmatic/cube-6.png");
  background-repeat: no-repeat;
  background-size: cover;
}

@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./js_modules/common/imageView/index.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.overflow-hidden {
  overflow: hidden;
}

.pv-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 80px;
  background: rgba(0, 0, 0, 0.8);
  transition: 0.5s all ease;
  transform: scale(0);
  opacity: 0;
  z-index: 10;
}
.pv-wrap.animate {
  transform: scale(1);
  opacity: 1;
  cursor: zoom-out;
}
@media (max-width: 575.8px) {
  .pv-wrap {
    padding: 16px 8px;
  }
}
.pv-wrap .pv-content {
  position: relative;
  display: grid;
  justify-items: center;
  align-items: center;
  overflow: hidden auto;
  width: 100%;
  height: 100%;
}
.pv-wrap .pv-content img {
  max-width: 100%;
}
.pv-wrap .pv-close {
  position: fixed;
  top: 8px;
  right: 8px;
  font-size: 40px;
  color: #ffffff;
  cursor: pointer;
}
/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./js_modules/drag_slider2/index.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
@media only screen and (min-width: 320px) {
  .drag-slider.all-nav .ds-nav {
    display: flex;
  }
  .drag-slider.all-dots .ds-dots {
    display: flex;
  }
  .drag-slider.all-scroll .ds-track {
    padding: 0 0 8px 0;
  }
  .drag-slider.all-scroll .ds-track::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
}
@media only screen and (min-width: 1921px) {
  .drag-slider.wd-nav .ds-nav {
    display: flex;
  }
  .drag-slider.wd-dots .ds-dots {
    display: flex;
  }
  .drag-slider.wd-scroll .ds-track {
    padding: 0 0 8px 0;
  }
  .drag-slider.wd-scroll .ds-track::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1920px) {
  .drag-slider.d-nav .ds-nav {
    display: flex;
  }
  .drag-slider.d-dots .ds-dots {
    display: flex;
  }
  .drag-slider.d-scroll .ds-track {
    padding: 0 0 8px 0;
  }
  .drag-slider.d-scroll .ds-track::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .drag-slider.tl-nav .ds-nav {
    display: flex;
  }
  .drag-slider.tl-dots .ds-dots {
    display: flex;
  }
  .drag-slider.tl-scroll .ds-track {
    padding: 0 0 8px 0;
  }
  .drag-slider.tl-scroll .ds-track::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  .drag-slider.t-nav .ds-nav {
    display: flex;
  }
  .drag-slider.t-dots .ds-dots {
    display: flex;
  }
  .drag-slider.t-scroll .ds-track {
    padding: 0 0 8px 0;
  }
  .drag-slider.t-scroll .ds-track::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
}
@media only screen and (max-width: 576px) {
  .drag-slider.m-nav .ds-nav {
    display: flex;
  }
  .drag-slider.m-dots .ds-dots {
    display: flex;
  }
  .drag-slider.m-scroll .ds-track {
    padding: 0 0 8px 0;
  }
  .drag-slider.m-scroll .ds-track::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
}

.drag-slider {
  display: grid;
  grid: auto/auto 1fr auto;
  align-items: center;
  overflow: hidden;
  height: 0;
  transition: 0.1s 0.1s;
  opacity: 0;
}
.drag-slider.active {
  height: auto;
  opacity: 1;
}
.drag-slider .ds-track {
  position: relative;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: var(--ds2-rows, unset);
  grid-auto-flow: column;
  grid-auto-columns: unset;
  grid-column: 2/3;
  gap: 0;
  overflow-x: auto;
  overflow-y: hidden;
  width: auto;
  cursor: pointer;
  z-index: 0;
  scrollbar-width: none;
}
.drag-slider .ds-track:before, .drag-slider .ds-track:after {
  content: "";
  display: none;
  grid-row: 1/-1;
  width: 0;
}
.drag-slider .ds-track .ds-item > * {
  box-sizing: border-box;
}
.drag-slider .ds-track .ds-item.hiden {
  display: none;
}
.drag-slider .ds-track.scrolling > * {
  pointer-events: none;
}
.drag-slider .ds-track::-webkit-scrollbar-track {
  background-color: rgba(133, 133, 133, 0.1);
}
.drag-slider .ds-track::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: rgba(133, 133, 133, 0.1);
}
.drag-slider .ds-track::-webkit-scrollbar-thumb {
  background-color: rgba(133, 133, 133, 0.3);
}
.drag-slider .ds-nav {
  display: none;
  justify-content: center;
  align-items: center;
  height: 100%;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 1;
}
.drag-slider .ds-nav.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.drag-slider .ds-nav.blocked {
  opacity: 0.5;
  cursor: not-allowed;
}
.drag-slider .ds-dots {
  display: none;
  grid-column: 1/-1;
  justify-content: center;
  margin: 5px 0;
  z-index: 1;
}
.drag-slider .ds-dots .ds-dot {
  width: 20px;
  height: 20px;
  margin: 0 2px;
  background: linear-gradient(45deg, #321695, #5aff64);
  border: 2px solid #c5c5c5;
  border-radius: 100%;
  cursor: pointer;
}
.drag-slider .ds-dots .ds-dot.active {
  background: linear-gradient(45deg, #9a1d1d, #e2890c);
  border: 2px solid #fffafc;
}
.drag-slider.less .ds-track {
  display: grid;
  justify-content: center;
}
.drag-slider.less .ds-nav,
.drag-slider.less .ds-dots {
  display: none !important;
}
.drag-slider.nav-over {
  grid: auto/0 1fr 0;
}
.drag-slider.loop .ds-dots {
  display: none;
}
.drag-slider.rows-1 {
  --ds2-rows: repeat(1, 1fr);
}
.drag-slider.rows-2 {
  --ds2-rows: repeat(2, 1fr);
}
.drag-slider.rows-3 {
  --ds2-rows: repeat(3, 1fr);
}
.drag-slider.rows-4 {
  --ds2-rows: repeat(4, 1fr);
}
.drag-slider ~ .drag-slider {
  margin: 2rem 0 0 0;
}
.drag-slider img {
  width: 100%;
  height: auto;
}
/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./node_modules/tippy.js/dist/tippy.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}

[data-tippy-root] {
  max-width: calc(100vw - 10px);
}

.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property: transform, visibility, opacity;
}

.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}

.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}

.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}

.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}

.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}

.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}

.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}

.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./node_modules/tippy.js/animations/perspective.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.tippy-box[data-animation=perspective][data-placement^=top] {
  transform-origin: bottom;
}

.tippy-box[data-animation=perspective][data-placement^=top][data-state=visible] {
  transform: perspective(700px);
}

.tippy-box[data-animation=perspective][data-placement^=top][data-state=hidden] {
  transform: perspective(700px) translateY(8px) rotateX(60deg);
}

.tippy-box[data-animation=perspective][data-placement^=bottom] {
  transform-origin: top;
}

.tippy-box[data-animation=perspective][data-placement^=bottom][data-state=visible] {
  transform: perspective(700px);
}

.tippy-box[data-animation=perspective][data-placement^=bottom][data-state=hidden] {
  transform: perspective(700px) translateY(-8px) rotateX(-60deg);
}

.tippy-box[data-animation=perspective][data-placement^=left] {
  transform-origin: right;
}

.tippy-box[data-animation=perspective][data-placement^=left][data-state=visible] {
  transform: perspective(700px);
}

.tippy-box[data-animation=perspective][data-placement^=left][data-state=hidden] {
  transform: perspective(700px) translateX(8px) rotateY(-60deg);
}

.tippy-box[data-animation=perspective][data-placement^=right] {
  transform-origin: left;
}

.tippy-box[data-animation=perspective][data-placement^=right][data-state=visible] {
  transform: perspective(700px);
}

.tippy-box[data-animation=perspective][data-placement^=right][data-state=hidden] {
  transform: perspective(700px) translateX(-8px) rotateY(60deg);
}

.tippy-box[data-animation=perspective][data-state=hidden] {
  opacity: 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./node_modules/tippy.js/dist/svg-arrow.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
.tippy-box[data-placement^=top] > .tippy-svg-arrow {
  bottom: 0;
}

.tippy-box[data-placement^=top] > .tippy-svg-arrow:after, .tippy-box[data-placement^=top] > .tippy-svg-arrow > svg {
  top: 16px;
  transform: rotate(180deg);
}

.tippy-box[data-placement^=bottom] > .tippy-svg-arrow {
  top: 0;
}

.tippy-box[data-placement^=bottom] > .tippy-svg-arrow > svg {
  bottom: 16px;
}

.tippy-box[data-placement^=left] > .tippy-svg-arrow {
  right: 0;
}

.tippy-box[data-placement^=left] > .tippy-svg-arrow:after, .tippy-box[data-placement^=left] > .tippy-svg-arrow > svg {
  transform: rotate(90deg);
  top: calc(50% - 3px);
  left: 11px;
}

.tippy-box[data-placement^=right] > .tippy-svg-arrow {
  left: 0;
}

.tippy-box[data-placement^=right] > .tippy-svg-arrow:after, .tippy-box[data-placement^=right] > .tippy-svg-arrow > svg {
  transform: rotate(-90deg);
  top: calc(50% - 3px);
  right: 11px;
}

.tippy-svg-arrow {
  width: 16px;
  height: 16px;
  fill: #333;
  text-align: initial;
}

.tippy-svg-arrow, .tippy-svg-arrow > svg {
  position: absolute;
}
/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./js_modules/notifications2/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
.noty-container {
  --noty-mobile-screen-max: 768;
  --noty-mobile-screen-min: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-flow: row nowrap;
  pointer-events: none;
}
.noty-container.mobile .noty-line {
  flex: 0;
}
.noty-container.mobile .noty-line.right {
  flex: 1;
  align-items: center;
}
.noty-container.debug .noty-item {
  width: 300px;
  height: 200px;
  padding: 20px;
  background: hsla(135, 75%, 50%, 0.2);
}
.noty-container .noty-line {
  display: flex;
  flex: 1;
}
.noty-container .noty-line.top {
  flex-direction: column;
}
.noty-container .noty-line.bottom {
  flex-direction: column-reverse;
}
.noty-container .noty-line.right {
  align-items: flex-end;
}
.noty-container .noty-line.center {
  align-items: center;
}
.noty-container .noty-line.left {
  align-items: flex-start;
}
.noty-container .noty-line.custom {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.noty-container .noty-line .noty-item {
  pointer-events: all;
}
.noty-container .noty-item {
  position: relative;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./node_modules/slick-carousel/slick/slick.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./www/supergra/assets/markup2/src/index.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
:root {
  --color-white: hsla(0, 0%, 100%, 1);
  --color-black: hsla(0, 0%, 0%, 1);
  --color-transparent-dark-100: hsla(240, 17%, 7%, 0.1);
  --color-transparent-dark-200: hsla(240, 17%, 7%, 0.2);
  --color-transparent-dark-300: hsla(240, 17%, 7%, 0.4);
  --color-transparent-dark-400: hsla(240, 17%, 7%, 0.6);
  --color-transparent-dark-500: hsla(240, 17%, 7%, 0.8);
  --color-transparent-dark-600: hsla(240, 17%, 7%, 1);
  --color-transparent-light-100: hsla(0, 0%, 100%, 0.1);
  --color-transparent-light-200: hsla(0, 0%, 100%, 0.2);
  --color-transparent-light-300: hsla(0, 0%, 100%, 0.4);
  --color-transparent-light-400: hsla(0, 0%, 100%, 0.6);
  --color-transparent-light-500: hsla(0, 0%, 100%, 0.8);
  --color-transparent-light-600: hsla(0, 0%, 100%, 1);
  --color-grey-100: #f2f2f5;
  --color-grey-200: #ebebf0;
  --color-grey-300: #c7c9d9;
  --color-grey-400: #8f90a6;
  --color-grey-500: #555770;
  --color-grey-600: #2f3046;
  --color-grey-700: #252638;
  --color-grey-800: #1c1c28;
  --color-grey-900: #0f0f15;
  --color-pink-100: #f8d5e3;
  --color-pink-200: #f0acc6;
  --color-pink-300: #e982aa;
  --color-pink-400: #e1588e;
  --color-pink-500: #da2e71;
  --color-pink-600: #ae255b;
  --color-pink-700: #831c44;
  --color-pink-800: #57132d;
  --color-pink-900: #2c0917;
  --color-blue-100: #e0dbff;
  --color-blue-200: #c0b7ff;
  --color-blue-300: #a193ff;
  --color-blue-400: #816fff;
  --color-blue-500: #624bff;
  --color-blue-600: #4e3ccc;
  --color-blue-700: #3b2d99;
  --color-blue-800: #271e66;
  --color-blue-900: #140f33;
  --color-red-100: #ffd8d8;
  --color-red-200: #ffb1b1;
  --color-red-300: #ff8989;
  --color-red-400: #ff6262;
  --color-red-500: #ff3b3b;
  --color-red-600: #cc2f2f;
  --color-red-700: #992323;
  --color-red-800: #661818;
  --color-red-900: #330c0c;
  --color-orange-100: #ffe7cc;
  --color-orange-200: #ffcf99;
  --color-orange-300: #ffb866;
  --color-orange-400: #ffa033;
  --color-orange-500: #ff8800;
  --color-orange-600: #cc6d00;
  --color-orange-700: #995200;
  --color-orange-800: #663600;
  --color-orange-900: #331b00;
  --color-yellow-100: #fff5cc;
  --color-yellow-200: #ffeb99;
  --color-yellow-300: #ffe066;
  --color-yellow-400: #ffd633;
  --color-yellow-500: #ffcc00;
  --color-yellow-600: #cca300;
  --color-yellow-700: #997a00;
  --color-yellow-800: #665200;
  --color-yellow-900: #332900;
  --color-green-100: #cdf3e2;
  --color-green-200: #9be7c6;
  --color-green-300: #6adaa9;
  --color-green-400: #38ce8d;
  --color-green-500: #06c270;
  --color-green-600: #059b5a;
  --color-green-700: #047443;
  --color-green-800: #024e2d;
  --color-green-900: #012716;
  /* Gradients */
  --gradient-1: linear-gradient(135deg, #ff3b3b 0%, #6600cc 100%);
  --gradient-2: linear-gradient(135deg, #494c6a 0%, #252638 100%);
  --gradient-3: linear-gradient(135deg, #3e7bfa 0%, #6600cc 100%);
  --gradient-4: linear-gradient(135deg, #73dfe7 0%, #0063f7 100%);
  --gradient-5: linear-gradient(135deg, #00cfde 0%, #05a660 100%);
  --gradient-6: linear-gradient(135deg, #fddd48 0%, #00b7c4 100%);
  --gradient-7: linear-gradient(135deg, #ff8800 0%, #e63535 100%);
  --gradient-8: linear-gradient(135deg, #ff3d00 0%, #ecbb3d 47.92%, #eec26a 54.69%, #ce5d39 100%);
  --gradient-9: linear-gradient(135deg, #d64c4c 0%, #6f1010 100%);
  --gradient-10: linear-gradient(286.88deg, #ffd15b 0%, #ffe6a7 100%);
  --gradient-11: linear-gradient(286.88deg, #bbbbbb 0%, #f3f3f3 100%);
  --gradient-12: linear-gradient(286.88deg, #a9a18d 0%, #c9b583 100%);
  --gradient-13: linear-gradient(332.8deg, #3e7bfa 25.31%, #6600cc 50.31%, #ff1075 77.4%, #ff1ddb 100%);
  --gradient-14: radial-gradient(190.15% 100% at 50% 100%, #3b2d99 0%, #252638 73.91%);
  /* Main colors */
  --color-fill: var(--color-grey-800);
  --color-panel: var(--color-grey-600);
  --color-primary: var(--color-pink-500);
  --color-stroke: var(--color-white);
  --color-warning: var(--color-red-500);
  --color-success: var(--color-green-500);
}

:root {
  --font-primary: "Inter", sans-serif;
  --header-mobile-h: 64px;
  --container-padding: 24px;
  --container-padding-mobile: 16px;
  --color-overlay: var(--color-transparent-dark-500);
  --shadow-1: 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 2px 4px rgba(0, 0, 0, 0.32);
  --transition: 0.2s;
}

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

body {
  position: relative;
  overflow: auto;
  height: auto;
  margin: 0;
}

main {
  display: block;
}

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

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

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

a {
  text-decoration: none;
  background-color: transparent;
}

abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  border-bottom: none;
}

b,
strong {
  font-weight: bold;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  line-height: 0;
  font-size: 75%;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
  color: inherit;
  box-sizing: border-box;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  padding: 0;
  box-sizing: border-box;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

* {
  outline: 0 !important;
  box-sizing: border-box;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
  -webkit-box-shadow: inset 0 0 0 50px #fff;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}
.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 3;
}
.modal_open .select2-dropdown {
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: inherit;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  float: right;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
  font-weight: bold;
  cursor: pointer;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--color-grey-400);
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  align-items: center;
  width: 24px;
  height: 24px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: flex;
  font-family: "iconfont" !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b::before {
  content: var(--iconfont-chevron-bottom);
  font-size: 24px;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  color: var(--color-grey-400);
  background: var(--color-grey-500) !important;
  border: 1px solid var(--color-grey-500) !important;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  transform: rotate(180deg);
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default .select2-selection {
  line-height: 16px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  width: auto;
  height: 40px;
  padding: 0 12px;
  font-family: inherit;
  color: var(--color-white);
  background-color: var(--color-grey-700);
  border: 1px solid var(--color-grey-500);
  border-radius: 8px;
  transition: var(--transition);
}
.select2-container--default .select2-dropdown {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  overflow: hidden;
  margin-top: 4px;
  background-color: var(--color-grey-700);
  border: 1px solid var(--color-blue-500);
  border-radius: 8px;
}
.select2-container--default .select2-results__option {
  padding: 12px;
  color: var(--color-grey-300);
}
.select2-container--default .select2-results__option:not(:last-child) {
  border-bottom: 1px solid var(--color-transparent-light-100);
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  position: relative;
  border-color: var(--color-blue-500);
  z-index: 4;
}
.select2-container--default .select2-search--dropdown:not(.select2-search--hide) {
  position: relative;
  display: flex;
  padding: 12px;
  font-family: "iconfont" !important;
  border-bottom: 1px solid var(--color-grey-500);
}
.select2-container--default .select2-search--dropdown:not(.select2-search--hide)::before {
  content: var(--iconfont-search);
  position: absolute;
  top: 20px;
  left: 20px;
  display: flex;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 24px;
  color: var(--color-grey-400);
}
.select2-container--default .select2-search--dropdown:not(.select2-search--hide) .select2-search__field {
  filter: none;
  line-height: 16px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  width: 100%;
  height: 40px;
  padding: 0 12px 0 40px;
  font-family: "Inter" !important;
  font-family: inherit;
  color: var(--color-white);
  background-color: var(--color-grey-700);
  border: 1px solid var(--color-blue-500);
  border-radius: 8px;
}
.select2-container--default .select2-search--dropdown:not(.select2-search--hide) .select2-search__field:-webkit-autofill, .select2-container--default .select2-search--dropdown:not(.select2-search--hide) .select2-search__field:-webkit-autofill:hover, .select2-container--default .select2-search--dropdown:not(.select2-search--hide) .select2-search__field:-webkit-autofill:focus {
  -webkit-box-shadow: inset 0 0 0 40px var(--color-grey-600) !important;
  -webkit-transition: 5000s ease background-color !important;
  transition: 5000s ease background-color !important;
  -webkit-text-fill-color: var(--color-white) !important;
}
.select2-container--default .select2-search--dropdown:not(.select2-search--hide) .select2-search__field:-webkit-autofill {
  caret-color: var(--color-white);
  border: 1px solid var(--color-grey-300);
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  overflow-y: auto;
  max-height: 200px;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: var(--color-grey-500);
  border-radius: 0px;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 0px;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
  background-color: var(--color-grey-400);
  border-radius: 4px;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--group {
  padding: 0;
}
.select2-container--default .select2-results__option--disabled {
  color: var(--color-grey-300);
}
.select2-container--default .select2-results__option--selected {
  color: var(--color-stroke);
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  color: var(--color-stroke);
  background-color: var(--color-transparent-light-100);
  border-bottom-color: transparent;
}
.select2-container--default .select2-results__group {
  display: block;
  padding: 6px;
  cursor: default;
}

.has-icon + .select2-container--default .select2-selection {
  padding-left: 3rem !important;
}

/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  touch-action: manipulation;
  -moz-backface-visibility: hidden; /* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
  	This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
  	calculation of the height of the owl-item that breaks page layouts
   */
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}
.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  font-size: 24px;
  background: var(--color-fill) !important;
  border-radius: 50%;
  transition: var(--transition);
}
.owl-carousel .owl-nav button.owl-prev i,
.owl-carousel .owl-nav button.owl-next i {
  display: block;
  color: var(--color-stroke);
}
.owl-carousel .owl-nav button.owl-prev.disabled,
.owl-carousel .owl-nav button.owl-next.disabled {
  opacity: 0.5;
}
.owl-carousel .owl-nav button.owl-prev {
  left: 0;
}
.owl-carousel .owl-nav button.owl-next {
  right: 0;
}
.owl-carousel .owl-dots button.owl-dot {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--color-fill);
  opacity: 0.7;
}
.owl-carousel .owl-dots button.owl-dot.active {
  background: var(--color-primary);
}
.owl-carousel .owl-dots button.owl-dot:not(:last-child) {
  margin-right: 0.5rem;
}

/*!
 * # Semantic UI 2.4.2 - Flag
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
             Flag
*******************************/
i.flag {
  display: inline-block;
  width: 16px;
  height: 11px;
  line-height: 11px;
  vertical-align: baseline;
  margin: 0em 0.5em 0em 0em;
  text-decoration: inherit;
  speak: none;
  font-smoothing: antialiased;
  backface-visibility: hidden;
}

/* Sprite */
i.flag:before {
  display: inline-block;
  content: "";
  background: url("/images/flags.png") no-repeat -108px -1976px;
  width: 16px;
  height: 11px;
}

/* Flag Sprite Based On http://www.famfamfam.com/lab/icons/flags/ */
/*******************************
         Theme Overrides
*******************************/
i.flag.ad:before,
i.flag.andorra:before {
  background-position: 0px 0px;
}

i.flag.ae:before,
i.flag.united.arab.emirates:before,
i.flag.uae:before {
  background-position: 0px -26px;
}

i.flag.af:before,
i.flag.afghanistan:before {
  background-position: 0px -52px;
}

i.flag.ag:before,
i.flag.antigua:before {
  background-position: 0px -78px;
}

i.flag.ai:before,
i.flag.anguilla:before {
  background-position: 0px -104px;
}

i.flag.al:before,
i.flag.albania:before {
  background-position: 0px -130px;
}

i.flag.am:before,
i.flag.armenia:before {
  background-position: 0px -156px;
}

i.flag.an:before,
i.flag.netherlands.antilles:before {
  background-position: 0px -182px;
}

i.flag.ao:before,
i.flag.angola:before {
  background-position: 0px -208px;
}

i.flag.ar:before,
i.flag.argentina:before {
  background-position: 0px -234px;
}

i.flag.as:before,
i.flag.american.samoa:before {
  background-position: 0px -260px;
}

i.flag.at:before,
i.flag.austria:before {
  background-position: 0px -286px;
}

i.flag.au:before,
i.flag.australia:before {
  background-position: 0px -312px;
}

i.flag.aw:before,
i.flag.aruba:before {
  background-position: 0px -338px;
}

i.flag.ax:before,
i.flag.aland.islands:before {
  background-position: 0px -364px;
}

i.flag.az:before,
i.flag.azerbaijan:before {
  background-position: 0px -390px;
}

i.flag.ba:before,
i.flag.bosnia:before {
  background-position: 0px -416px;
}

i.flag.bb:before,
i.flag.barbados:before {
  background-position: 0px -442px;
}

i.flag.bd:before,
i.flag.bangladesh:before {
  background-position: 0px -468px;
}

i.flag.be:before,
i.flag.belgium:before {
  background-position: 0px -494px;
}

i.flag.bf:before,
i.flag.burkina.faso:before {
  background-position: 0px -520px;
}

i.flag.bg:before,
i.flag.bulgaria:before {
  background-position: 0px -546px;
}

i.flag.bh:before,
i.flag.bahrain:before {
  background-position: 0px -572px;
}

i.flag.bi:before,
i.flag.burundi:before {
  background-position: 0px -598px;
}

i.flag.bj:before,
i.flag.benin:before {
  background-position: 0px -624px;
}

i.flag.bm:before,
i.flag.bermuda:before {
  background-position: 0px -650px;
}

i.flag.bn:before,
i.flag.brunei:before {
  background-position: 0px -676px;
}

i.flag.bo:before,
i.flag.bolivia:before {
  background-position: 0px -702px;
}

i.flag.br:before,
i.flag.brazil:before {
  background-position: 0px -728px;
}

i.flag.bs:before,
i.flag.bahamas:before {
  background-position: 0px -754px;
}

i.flag.bt:before,
i.flag.bhutan:before {
  background-position: 0px -780px;
}

i.flag.bv:before,
i.flag.bouvet.island:before {
  background-position: 0px -806px;
}

i.flag.bw:before,
i.flag.botswana:before {
  background-position: 0px -832px;
}

i.flag.by:before,
i.flag.belarus:before {
  background-position: 0px -858px;
}

i.flag.bz:before,
i.flag.belize:before {
  background-position: 0px -884px;
}

i.flag.ca:before,
i.flag.canada:before {
  background-position: 0px -910px;
}

i.flag.cc:before,
i.flag.cocos.islands:before {
  background-position: 0px -962px;
}

i.flag.cd:before,
i.flag.congo:before {
  background-position: 0px -988px;
}

i.flag.cf:before,
i.flag.central.african.republic:before {
  background-position: 0px -1014px;
}

i.flag.cg:before,
i.flag.congo.brazzaville:before {
  background-position: 0px -1040px;
}

i.flag.ch:before,
i.flag.switzerland:before {
  background-position: 0px -1066px;
}

i.flag.ci:before,
i.flag.cote.divoire:before {
  background-position: 0px -1092px;
}

i.flag.ck:before,
i.flag.cook.islands:before {
  background-position: 0px -1118px;
}

i.flag.cl:before,
i.flag.chile:before {
  background-position: 0px -1144px;
}

i.flag.cm:before,
i.flag.cameroon:before {
  background-position: 0px -1170px;
}

i.flag.cn:before,
i.flag.china:before {
  background-position: 0px -1196px;
}

i.flag.co:before,
i.flag.colombia:before {
  background-position: 0px -1222px;
}

i.flag.cr:before,
i.flag.costa.rica:before {
  background-position: 0px -1248px;
}

i.flag.cs:before,
i.flag.serbia:before {
  background-position: 0px -1274px;
}

i.flag.cu:before,
i.flag.cuba:before {
  background-position: 0px -1300px;
}

i.flag.cv:before,
i.flag.cape.verde:before {
  background-position: 0px -1326px;
}

i.flag.cx:before,
i.flag.christmas.island:before {
  background-position: 0px -1352px;
}

i.flag.cy:before,
i.flag.cyprus:before {
  background-position: 0px -1378px;
}

i.flag.cz:before,
i.flag.czech.republic:before {
  background-position: 0px -1404px;
}

i.flag.de:before,
i.flag.germany:before {
  background-position: 0px -1430px;
}

i.flag.dj:before,
i.flag.djibouti:before {
  background-position: 0px -1456px;
}

i.flag.dk:before,
i.flag.denmark:before {
  background-position: 0px -1482px;
}

i.flag.dm:before,
i.flag.dominica:before {
  background-position: 0px -1508px;
}

i.flag.do:before,
i.flag.dominican.republic:before {
  background-position: 0px -1534px;
}

i.flag.dz:before,
i.flag.algeria:before {
  background-position: 0px -1560px;
}

i.flag.ec:before,
i.flag.ecuador:before {
  background-position: 0px -1586px;
}

i.flag.ee:before,
i.flag.estonia:before {
  background-position: 0px -1612px;
}

i.flag.eg:before,
i.flag.egypt:before {
  background-position: 0px -1638px;
}

i.flag.eh:before,
i.flag.western.sahara:before {
  background-position: 0px -1664px;
}

i.flag.gb.eng:before,
i.flag.england:before {
  background-position: 0px -1690px;
}

i.flag.er:before,
i.flag.eritrea:before {
  background-position: 0px -1716px;
}

i.flag.es:before,
i.flag.spain:before {
  background-position: 0px -1742px;
}

i.flag.et:before,
i.flag.ethiopia:before {
  background-position: 0px -1768px;
}

i.flag.eu:before,
i.flag.european.union:before {
  background-position: 0px -1794px;
}

i.flag.fi:before,
i.flag.finland:before {
  background-position: 0px -1846px;
}

i.flag.fj:before,
i.flag.fiji:before {
  background-position: 0px -1872px;
}

i.flag.fk:before,
i.flag.falkland.islands:before {
  background-position: 0px -1898px;
}

i.flag.fm:before,
i.flag.micronesia:before {
  background-position: 0px -1924px;
}

i.flag.fo:before,
i.flag.faroe.islands:before {
  background-position: 0px -1950px;
}

i.flag.fr:before,
i.flag.france:before {
  background-position: 0px -1976px;
}

i.flag.ga:before,
i.flag.gabon:before {
  background-position: -36px 0px;
}

i.flag.gb:before,
i.flag.uk:before,
i.flag.united.kingdom:before {
  background-position: -36px -26px;
}

i.flag.gd:before,
i.flag.grenada:before {
  background-position: -36px -52px;
}

i.flag.ge:before,
i.flag.georgia:before {
  background-position: -36px -78px;
}

i.flag.gf:before,
i.flag.french.guiana:before {
  background-position: -36px -104px;
}

i.flag.gh:before,
i.flag.ghana:before {
  background-position: -36px -130px;
}

i.flag.gi:before,
i.flag.gibraltar:before {
  background-position: -36px -156px;
}

i.flag.gl:before,
i.flag.greenland:before {
  background-position: -36px -182px;
}

i.flag.gm:before,
i.flag.gambia:before {
  background-position: -36px -208px;
}

i.flag.gn:before,
i.flag.guinea:before {
  background-position: -36px -234px;
}

i.flag.gp:before,
i.flag.guadeloupe:before {
  background-position: -36px -260px;
}

i.flag.gq:before,
i.flag.equatorial.guinea:before {
  background-position: -36px -286px;
}

i.flag.gr:before,
i.flag.greece:before {
  background-position: -36px -312px;
}

i.flag.gs:before,
i.flag.sandwich.islands:before {
  background-position: -36px -338px;
}

i.flag.gt:before,
i.flag.guatemala:before {
  background-position: -36px -364px;
}

i.flag.gu:before,
i.flag.guam:before {
  background-position: -36px -390px;
}

i.flag.gw:before,
i.flag.guinea-bissau:before {
  background-position: -36px -416px;
}

i.flag.gy:before,
i.flag.guyana:before {
  background-position: -36px -442px;
}

i.flag.hk:before,
i.flag.hong.kong:before {
  background-position: -36px -468px;
}

i.flag.hm:before,
i.flag.heard.island:before {
  background-position: -36px -494px;
}

i.flag.hn:before,
i.flag.honduras:before {
  background-position: -36px -520px;
}

i.flag.hr:before,
i.flag.croatia:before {
  background-position: -36px -546px;
}

i.flag.ht:before,
i.flag.haiti:before {
  background-position: -36px -572px;
}

i.flag.hu:before,
i.flag.hungary:before {
  background-position: -36px -598px;
}

i.flag.id:before,
i.flag.indonesia:before {
  background-position: -36px -624px;
}

i.flag.ie:before,
i.flag.ireland:before {
  background-position: -36px -650px;
}

i.flag.il:before,
i.flag.israel:before {
  background-position: -36px -676px;
}

i.flag.in:before,
i.flag.india:before {
  background-position: -36px -702px;
}

i.flag.io:before,
i.flag.indian.ocean.territory:before {
  background-position: -36px -728px;
}

i.flag.iq:before,
i.flag.iraq:before {
  background-position: -36px -754px;
}

i.flag.ir:before,
i.flag.iran:before {
  background-position: -36px -780px;
}

i.flag.is:before,
i.flag.iceland:before {
  background-position: -36px -806px;
}

i.flag.it:before,
i.flag.italy:before {
  background-position: -36px -832px;
}

i.flag.jm:before,
i.flag.jamaica:before {
  background-position: -36px -858px;
}

i.flag.jo:before,
i.flag.jordan:before {
  background-position: -36px -884px;
}

i.flag.jp:before,
i.flag.japan:before {
  background-position: -36px -910px;
}

i.flag.ke:before,
i.flag.kenya:before {
  background-position: -36px -936px;
}

i.flag.kg:before,
i.flag.kyrgyzstan:before {
  background-position: -36px -962px;
}

i.flag.kh:before,
i.flag.cambodia:before {
  background-position: -36px -988px;
}

i.flag.ki:before,
i.flag.kiribati:before {
  background-position: -36px -1014px;
}

i.flag.km:before,
i.flag.comoros:before {
  background-position: -36px -1040px;
}

i.flag.kn:before,
i.flag.saint.kitts.and.nevis:before {
  background-position: -36px -1066px;
}

i.flag.kp:before,
i.flag.north.korea:before {
  background-position: -36px -1092px;
}

i.flag.kr:before,
i.flag.south.korea:before {
  background-position: -36px -1118px;
}

i.flag.kw:before,
i.flag.kuwait:before {
  background-position: -36px -1144px;
}

i.flag.ky:before,
i.flag.cayman.islands:before {
  background-position: -36px -1170px;
}

i.flag.kz:before,
i.flag.kazakhstan:before {
  background-position: -36px -1196px;
}

i.flag.la:before,
i.flag.laos:before {
  background-position: -36px -1222px;
}

i.flag.lb:before,
i.flag.lebanon:before {
  background-position: -36px -1248px;
}

i.flag.lc:before,
i.flag.saint.lucia:before {
  background-position: -36px -1274px;
}

i.flag.li:before,
i.flag.liechtenstein:before {
  background-position: -36px -1300px;
}

i.flag.lk:before,
i.flag.sri.lanka:before {
  background-position: -36px -1326px;
}

i.flag.lr:before,
i.flag.liberia:before {
  background-position: -36px -1352px;
}

i.flag.ls:before,
i.flag.lesotho:before {
  background-position: -36px -1378px;
}

i.flag.lt:before,
i.flag.lithuania:before {
  background-position: -36px -1404px;
}

i.flag.lu:before,
i.flag.luxembourg:before {
  background-position: -36px -1430px;
}

i.flag.lv:before,
i.flag.latvia:before {
  background-position: -36px -1456px;
}

i.flag.ly:before,
i.flag.libya:before {
  background-position: -36px -1482px;
}

i.flag.ma:before,
i.flag.morocco:before {
  background-position: -36px -1508px;
}

i.flag.mc:before,
i.flag.monaco:before {
  background-position: -36px -1534px;
}

i.flag.md:before,
i.flag.moldova:before {
  background-position: -36px -1560px;
}

i.flag.me:before,
i.flag.montenegro:before {
  background-position: -36px -1586px;
}

i.flag.mg:before,
i.flag.madagascar:before {
  background-position: -36px -1613px;
}

i.flag.mh:before,
i.flag.marshall.islands:before {
  background-position: -36px -1639px;
}

i.flag.mk:before,
i.flag.macedonia:before {
  background-position: -36px -1665px;
}

i.flag.ml:before,
i.flag.mali:before {
  background-position: -36px -1691px;
}

i.flag.mm:before,
i.flag.myanmar:before,
i.flag.burma:before {
  background-position: -73px -1821px;
}

i.flag.mn:before,
i.flag.mongolia:before {
  background-position: -36px -1743px;
}

i.flag.mo:before,
i.flag.macau:before {
  background-position: -36px -1769px;
}

i.flag.mp:before,
i.flag.northern.mariana.islands:before {
  background-position: -36px -1795px;
}

i.flag.mq:before,
i.flag.martinique:before {
  background-position: -36px -1821px;
}

i.flag.mr:before,
i.flag.mauritania:before {
  background-position: -36px -1847px;
}

i.flag.ms:before,
i.flag.montserrat:before {
  background-position: -36px -1873px;
}

i.flag.mt:before,
i.flag.malta:before {
  background-position: -36px -1899px;
}

i.flag.mu:before,
i.flag.mauritius:before {
  background-position: -36px -1925px;
}

i.flag.mv:before,
i.flag.maldives:before {
  background-position: -36px -1951px;
}

i.flag.mw:before,
i.flag.malawi:before {
  background-position: -36px -1977px;
}

i.flag.mx:before,
i.flag.mexico:before {
  background-position: -72px 0px;
}

i.flag.my:before,
i.flag.malaysia:before {
  background-position: -72px -26px;
}

i.flag.mz:before,
i.flag.mozambique:before {
  background-position: -72px -52px;
}

i.flag.na:before,
i.flag.namibia:before {
  background-position: -72px -78px;
}

i.flag.nc:before,
i.flag.new.caledonia:before {
  background-position: -72px -104px;
}

i.flag.ne:before,
i.flag.niger:before {
  background-position: -72px -130px;
}

i.flag.nf:before,
i.flag.norfolk.island:before {
  background-position: -72px -156px;
}

i.flag.ng:before,
i.flag.nigeria:before {
  background-position: -72px -182px;
}

i.flag.ni:before,
i.flag.nicaragua:before {
  background-position: -72px -208px;
}

i.flag.nl:before,
i.flag.netherlands:before {
  background-position: -72px -234px;
}

i.flag.no:before,
i.flag.norway:before {
  background-position: -72px -260px;
}

i.flag.np:before,
i.flag.nepal:before {
  background-position: -72px -286px;
}

i.flag.nr:before,
i.flag.nauru:before {
  background-position: -72px -312px;
}

i.flag.nu:before,
i.flag.niue:before {
  background-position: -72px -338px;
}

i.flag.nz:before,
i.flag.new.zealand:before {
  background-position: -72px -364px;
}

i.flag.om:before,
i.flag.oman:before {
  background-position: -72px -390px;
}

i.flag.pa:before,
i.flag.panama:before {
  background-position: -72px -416px;
}

i.flag.pe:before,
i.flag.peru:before {
  background-position: -72px -442px;
}

i.flag.pf:before,
i.flag.french.polynesia:before {
  background-position: -72px -468px;
}

i.flag.pg:before,
i.flag.new.guinea:before {
  background-position: -72px -494px;
}

i.flag.ph:before,
i.flag.philippines:before {
  background-position: -72px -520px;
}

i.flag.pk:before,
i.flag.pakistan:before {
  background-position: -72px -546px;
}

i.flag.pl:before,
i.flag.poland:before {
  background-position: -72px -572px;
}

i.flag.pm:before,
i.flag.saint.pierre:before {
  background-position: -72px -598px;
}

i.flag.pn:before,
i.flag.pitcairn.islands:before {
  background-position: -72px -624px;
}

i.flag.pr:before,
i.flag.puerto.rico:before {
  background-position: -72px -650px;
}

i.flag.ps:before,
i.flag.palestine:before {
  background-position: -72px -676px;
}

i.flag.pt:before,
i.flag.portugal:before {
  background-position: -72px -702px;
}

i.flag.pw:before,
i.flag.palau:before {
  background-position: -72px -728px;
}

i.flag.py:before,
i.flag.paraguay:before {
  background-position: -72px -754px;
}

i.flag.qa:before,
i.flag.qatar:before {
  background-position: -72px -780px;
}

i.flag.re:before,
i.flag.reunion:before {
  background-position: -72px -806px;
}

i.flag.ro:before,
i.flag.romania:before {
  background-position: -72px -832px;
}

i.flag.rs:before,
i.flag.serbia:before {
  background-position: -72px -858px;
}

i.flag.ru:before,
i.flag.russia:before {
  background-position: -72px -884px;
}

i.flag.rw:before,
i.flag.rwanda:before {
  background-position: -72px -910px;
}

i.flag.sa:before,
i.flag.saudi.arabia:before {
  background-position: -72px -936px;
}

i.flag.sb:before,
i.flag.solomon.islands:before {
  background-position: -72px -962px;
}

i.flag.sc:before,
i.flag.seychelles:before {
  background-position: -72px -988px;
}

i.flag.gb.sct:before,
i.flag.scotland:before {
  background-position: -72px -1014px;
}

i.flag.sd:before,
i.flag.sudan:before {
  background-position: -72px -1040px;
}

i.flag.se:before,
i.flag.sweden:before {
  background-position: -72px -1066px;
}

i.flag.sg:before,
i.flag.singapore:before {
  background-position: -72px -1092px;
}

i.flag.sh:before,
i.flag.saint.helena:before {
  background-position: -72px -1118px;
}

i.flag.si:before,
i.flag.slovenia:before {
  background-position: -72px -1144px;
}

i.flag.sj:before,
i.flag.svalbard:before,
i.flag.jan.mayen:before {
  background-position: -72px -1170px;
}

i.flag.sk:before,
i.flag.slovakia:before {
  background-position: -72px -1196px;
}

i.flag.sl:before,
i.flag.sierra.leone:before {
  background-position: -72px -1222px;
}

i.flag.sm:before,
i.flag.san.marino:before {
  background-position: -72px -1248px;
}

i.flag.sn:before,
i.flag.senegal:before {
  background-position: -72px -1274px;
}

i.flag.so:before,
i.flag.somalia:before {
  background-position: -72px -1300px;
}

i.flag.sr:before,
i.flag.suriname:before {
  background-position: -72px -1326px;
}

i.flag.st:before,
i.flag.sao.tome:before {
  background-position: -72px -1352px;
}

i.flag.sv:before,
i.flag.el.salvador:before {
  background-position: -72px -1378px;
}

i.flag.sy:before,
i.flag.syria:before {
  background-position: -72px -1404px;
}

i.flag.sz:before,
i.flag.swaziland:before {
  background-position: -72px -1430px;
}

i.flag.tc:before,
i.flag.caicos.islands:before {
  background-position: -72px -1456px;
}

i.flag.td:before,
i.flag.chad:before {
  background-position: -72px -1482px;
}

i.flag.tf:before,
i.flag.french.territories:before {
  background-position: -72px -1508px;
}

i.flag.tg:before,
i.flag.togo:before {
  background-position: -72px -1534px;
}

i.flag.th:before,
i.flag.thailand:before {
  background-position: -72px -1560px;
}

i.flag.tj:before,
i.flag.tajikistan:before {
  background-position: -72px -1586px;
}

i.flag.tk:before,
i.flag.tokelau:before {
  background-position: -72px -1612px;
}

i.flag.tl:before,
i.flag.timorleste:before {
  background-position: -72px -1638px;
}

i.flag.tm:before,
i.flag.turkmenistan:before {
  background-position: -72px -1664px;
}

i.flag.tn:before,
i.flag.tunisia:before {
  background-position: -72px -1690px;
}

i.flag.to:before,
i.flag.tonga:before {
  background-position: -72px -1716px;
}

i.flag.tr:before,
i.flag.turkey:before {
  background-position: -72px -1742px;
}

i.flag.tt:before,
i.flag.trinidad:before {
  background-position: -72px -1768px;
}

i.flag.tv:before,
i.flag.tuvalu:before {
  background-position: -72px -1794px;
}

i.flag.tw:before,
i.flag.taiwan:before {
  background-position: -72px -1820px;
}

i.flag.tz:before,
i.flag.tanzania:before {
  background-position: -72px -1846px;
}

i.flag.ua:before,
i.flag.ukraine:before {
  background-position: -72px -1872px;
}

i.flag.ug:before,
i.flag.uganda:before {
  background-position: -72px -1898px;
}

i.flag.um:before,
i.flag.us.minor.islands:before {
  background-position: -72px -1924px;
}

i.flag.us:before,
i.flag.america:before,
i.flag.united.states:before {
  background-position: -72px -1950px;
}

i.flag.uy:before,
i.flag.uruguay:before {
  background-position: -72px -1976px;
}

i.flag.uz:before,
i.flag.uzbekistan:before {
  background-position: -108px 0px;
}

i.flag.va:before,
i.flag.vatican.city:before {
  background-position: -108px -26px;
}

i.flag.vc:before,
i.flag.saint.vincent:before {
  background-position: -108px -52px;
}

i.flag.ve:before,
i.flag.venezuela:before {
  background-position: -108px -78px;
}

i.flag.vg:before,
i.flag.british.virgin.islands:before {
  background-position: -108px -104px;
}

i.flag.vi:before,
i.flag.us.virgin.islands:before {
  background-position: -108px -130px;
}

i.flag.vn:before,
i.flag.vietnam:before {
  background-position: -108px -156px;
}

i.flag.vu:before,
i.flag.vanuatu:before {
  background-position: -108px -182px;
}

i.flag.gb.wls:before,
i.flag.wales:before {
  background-position: -108px -208px;
}

i.flag.wf:before,
i.flag.wallis.and.futuna:before {
  background-position: -108px -234px;
}

i.flag.ws:before,
i.flag.samoa:before {
  background-position: -108px -260px;
}

i.flag.ye:before,
i.flag.yemen:before {
  background-position: -108px -286px;
}

i.flag.yt:before,
i.flag.mayotte:before {
  background-position: -108px -312px;
}

i.flag.za:before,
i.flag.south.africa:before {
  background-position: -108px -338px;
}

i.flag.zm:before,
i.flag.zambia:before {
  background-position: -108px -364px;
}

i.flag.zw:before,
i.flag.zimbabwe:before {
  background-position: -108px -390px;
}

/*******************************
         Site Overrides
*******************************/
:root {
  --balloon-border-radius: 2px;
  --balloon-color: rgba(16, 16, 16, 0.95);
  --balloon-text-color: #fff;
  --balloon-font-size: 12px;
  --balloon-move: 4px;
}

button[aria-label][data-balloon-pos] {
  overflow: visible;
}

[aria-label][data-balloon-pos] {
  position: relative;
  cursor: pointer;
}

[aria-label][data-balloon-pos]:after {
  opacity: 0;
  pointer-events: none;
  transition: all 0.18s ease-out 0.18s;
  text-indent: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: normal;
  font-style: normal;
  text-shadow: none;
  font-size: var(--balloon-font-size);
  background: var(--balloon-color);
  border-radius: 2px;
  color: var(--balloon-text-color);
  border-radius: var(--balloon-border-radius);
  content: attr(aria-label);
  padding: 0.5em 1em;
  position: absolute;
  white-space: nowrap;
  z-index: 10;
}

[aria-label][data-balloon-pos]:before {
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: var(--balloon-color);
  opacity: 0;
  pointer-events: none;
  transition: all 0.18s ease-out 0.18s;
  content: "";
  position: absolute;
  z-index: 10;
}

[aria-label][data-balloon-pos]:hover:before, [aria-label][data-balloon-pos]:hover:after, [aria-label][data-balloon-pos][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-visible]:after, [aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:before, [aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:after {
  opacity: 1;
  pointer-events: none;
}

[aria-label][data-balloon-pos].font-awesome:after {
  font-family: FontAwesome, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

[aria-label][data-balloon-pos][data-balloon-break]:after {
  white-space: pre;
}

[aria-label][data-balloon-pos][data-balloon-break][data-balloon-length]:after {
  white-space: pre-line;
  word-break: break-word;
}

[aria-label][data-balloon-pos][data-balloon-blunt]:before, [aria-label][data-balloon-pos][data-balloon-blunt]:after {
  transition: none;
}

[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos=up][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos=down]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos=down][data-balloon-visible]:after {
  transform: translate(-50%, 0);
}

[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos=up][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos=down]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos=down][data-balloon-visible]:before {
  transform: translate(-50%, 0);
}

[aria-label][data-balloon-pos][data-balloon-pos*=-left]:after {
  left: 0;
}

[aria-label][data-balloon-pos][data-balloon-pos*=-left]:before {
  left: 5px;
}

[aria-label][data-balloon-pos][data-balloon-pos*=-right]:after {
  right: 0;
}

[aria-label][data-balloon-pos][data-balloon-pos*=-right]:before {
  right: 5px;
}

[aria-label][data-balloon-pos][data-balloon-po*=-left]:hover:after, [aria-label][data-balloon-pos][data-balloon-po*=-left][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos*=-right]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos*=-right][data-balloon-visible]:after {
  transform: translate(0, 0);
}

[aria-label][data-balloon-pos][data-balloon-po*=-left]:hover:before, [aria-label][data-balloon-pos][data-balloon-po*=-left][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos*=-right]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos*=-right][data-balloon-visible]:before {
  transform: translate(0, 0);
}

[aria-label][data-balloon-pos][data-balloon-pos^=up]:before, [aria-label][data-balloon-pos][data-balloon-pos^=up]:after {
  bottom: 100%;
  transform-origin: top;
  transform: translate(0, var(--balloon-move));
}

[aria-label][data-balloon-pos][data-balloon-pos^=up]:after {
  margin-bottom: 10px;
}

[aria-label][data-balloon-pos][data-balloon-pos=up]:before, [aria-label][data-balloon-pos][data-balloon-pos=up]:after {
  left: 50%;
  transform: translate(-50%, var(--balloon-move));
}

[aria-label][data-balloon-pos][data-balloon-pos^=down]:before, [aria-label][data-balloon-pos][data-balloon-pos^=down]:after {
  top: 100%;
  transform: translate(0, calc(var(--balloon-move) * -1));
}

[aria-label][data-balloon-pos][data-balloon-pos^=down]:after {
  margin-top: 10px;
}

[aria-label][data-balloon-pos][data-balloon-pos^=down]:before {
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: var(--balloon-color);
}

[aria-label][data-balloon-pos][data-balloon-pos=down]:after, [aria-label][data-balloon-pos][data-balloon-pos=down]:before {
  left: 50%;
  transform: translate(-50%, calc(var(--balloon-move) * -1));
}

[aria-label][data-balloon-pos][data-balloon-pos=left]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos=left][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos=right]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos=right][data-balloon-visible]:after {
  transform: translate(0, -50%);
}

[aria-label][data-balloon-pos][data-balloon-pos=left]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos=left][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos=right]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos=right][data-balloon-visible]:before {
  transform: translate(0, -50%);
}

[aria-label][data-balloon-pos][data-balloon-pos=left]:after, [aria-label][data-balloon-pos][data-balloon-pos=left]:before {
  right: 100%;
  top: 50%;
  transform: translate(var(--balloon-move), -50%);
}

[aria-label][data-balloon-pos][data-balloon-pos=left]:after {
  margin-right: 10px;
}

[aria-label][data-balloon-pos][data-balloon-pos=left]:before {
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: var(--balloon-color);
}

[aria-label][data-balloon-pos][data-balloon-pos=right]:after, [aria-label][data-balloon-pos][data-balloon-pos=right]:before {
  left: 100%;
  top: 50%;
  transform: translate(calc(var(--balloon-move) * -1), -50%);
}

[aria-label][data-balloon-pos][data-balloon-pos=right]:after {
  margin-left: 10px;
}

[aria-label][data-balloon-pos][data-balloon-pos=right]:before {
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: var(--balloon-color);
}

[aria-label][data-balloon-pos][data-balloon-length]:after {
  white-space: normal;
}

[aria-label][data-balloon-pos][data-balloon-length=small]:after {
  width: 80px;
}

[aria-label][data-balloon-pos][data-balloon-length=medium]:after {
  width: 150px;
}

[aria-label][data-balloon-pos][data-balloon-length=large]:after {
  width: 260px;
}

[aria-label][data-balloon-pos][data-balloon-length=xlarge]:after {
  width: 380px;
}

@media screen and (max-width: 768px) {
  [aria-label][data-balloon-pos][data-balloon-length=xlarge]:after {
    width: 90vw;
  }
}
[aria-label][data-balloon-pos][data-balloon-length=fit]:after {
  width: 100%;
}

[aria-label][data-balloon-pos]:after {
  width: -moz-max-content;
  width: max-content;
  max-width: calc(100% - 32px);
  text-align: center;
  white-space: initial;
  color: var(--color-transparent-light-500);
  background: var(--color-transparent-dark-500);
  border-radius: 8px;
}

:root {
  --container-padding: 24px;
}
@media (max-width: 1199.8px) {
  :root {
    --container-padding: var(--container-padding-mobile);
  }
}

.container {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--container-padding);
}
.container.no_padding {
  padding: 0;
}
.container.small {
  max-width: 948px;
}
.container.compact {
  max-width: 680px;
}
.container .no_container {
  margin-right: calc(var(--container-padding) * -1);
  margin-left: calc(var(--container-padding) * -1);
}
.container .no_container .container_wrap {
  padding-right: var(--container-padding) !important;
  padding-left: var(--container-padding) !important;
}
@media (max-width: 1199.8px) {
  .container .no_container_mobile {
    margin-right: calc(var(--container-padding) * -1);
    margin-left: calc(var(--container-padding) * -1);
  }
}

footer {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin-top: auto;
  margin-bottom: 58px;
  padding-top: 60px;
  background-color: var(--color-panel);
}
footer > *:not(:last-child) {
  margin-bottom: 32px;
}
footer .container {
  max-width: 1040px;
}
footer .navs_block {
  display: flex;
  justify-content: space-between;
}
footer .navs_block .menu {
  margin-bottom: 16px;
}
footer .navs_block .menu .title {
  margin-bottom: 16px;
}
footer .navs_block .menu .title .toggle {
  display: none;
}
footer .navs_block .menu nav {
  gap: 16px;
}
footer .navs_block .menu nav .menu_item {
  --link-color: var(--color-grey-400);
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
}
footer .navs_block .buttons_block {
  display: grid;
  grid-auto-flow: row;
  order: 2;
  height: -moz-max-content;
  height: max-content;
  gap: 16px;
}
footer .navs_block .buttons_block .button {
  min-width: 160px;
  max-height: 40px;
}
footer .navs_block .buttons_block > .button {
  box-shadow: none;
}
footer .navs_block .buttons_block .language_dropdown_button {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767.8px) {
  footer .navs_block {
    display: grid;
    grid-template-columns: 1fr;
  }
  footer .navs_block .menu {
    order: 2;
  }
  footer .navs_block .menu:last-child {
    margin-bottom: 0;
  }
  footer .navs_block .menu .title {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 0;
    padding: 12px;
    background-color: var(--color-grey-500);
    border-radius: 8px;
    cursor: pointer;
  }
  footer .navs_block .menu .title .toggle {
    display: flex;
    transition: var(--transition);
  }
  footer .navs_block .menu .title .toggle .icon {
    color: var(--color-transparent-light-400);
  }
  footer .navs_block .menu nav {
    display: none;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 12px;
    gap: 8px;
  }
  footer .navs_block .menu.open .title .toggle {
    transform: rotate3d(1, 0, 0, 180deg);
  }
  footer .navs_block .menu.open nav {
    display: grid;
  }
  footer .navs_block .buttons_block {
    grid-template-columns: repeat(2, 160px);
    justify-content: center;
    order: 1;
    width: 100%;
    margin-bottom: 24px;
    gap: 24px 8px;
  }
  footer .navs_block .buttons_block > .block_badge .button {
    min-height: 40px;
  }
}
@media (max-width: 575.8px) {
  footer .navs_block {
    justify-content: space-around;
  }
}
footer .slider_providers_pay.drag-slider .ds-nav {
  display: none;
}
@media (min-width: 768px) {
  footer .slider_providers_pay.drag-slider .ds-track::before, footer .slider_providers_pay.drag-slider .ds-track::after {
    display: none !important;
  }
}
@media (max-width: 767.8px) {
  footer .slider_providers_pay {
    margin-right: -16px;
    margin-left: -16px;
  }
  footer .slider_providers_pay.drag-slider .ds-track::before, footer .slider_providers_pay.drag-slider .ds-track::after {
    width: 6px !important;
  }
}
footer .footer_text {
  text-align: center;
  color: var(--color-grey-400);
}
footer .bottom_block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 76px;
  padding: 12px 24px;
  background-color: var(--color-grey-700);
}
footer .bottom_block .logo {
  height: 100%;
  margin-right: 16px;
}
footer .bottom_block .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
footer .bottom_block .copy {
  line-height: 20px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  margin: 0 16px;
  color: var(--color-grey-500);
}
footer .bottom_block .images_row {
  display: flex;
  justify-content: center;
}
footer .bottom_block .images_row > *:not(:last-child) {
  margin-right: 16px;
}
footer .bottom_block .images_row img {
  width: 40px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 575.8px) {
  footer .bottom_block {
    flex-flow: row wrap;
  }
  footer .bottom_block .copy {
    flex: 1;
    margin: 0;
  }
  footer .bottom_block .images_row {
    width: 100%;
    margin-top: 32px;
  }
}
@media (max-width: 1199.8px) {
  footer {
    margin-bottom: 100px;
  }
}

.header_mobile_wrap {
  padding-top: var(--header-mobile-h);
}
.header_mobile_wrap .header_mobile {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  height: var(--header-mobile-h);
  background: var(--color-fill);
  z-index: 3;
}
.header_mobile_wrap .header_mobile .title {
  line-height: 28px;
  font-size: 20px;
  letter-spacing: 0px;
  font-weight: 700;
  display: inline-flex;
  flex: 1;
  align-items: center;
}
.header_mobile_wrap .header_mobile .title .icon {
  margin-right: 12px;
}
.header_mobile_wrap .header_mobile .logo {
  margin-right: auto;
}
.header_mobile_wrap .header_mobile .logo img {
  width: auto;
  height: 44px;
}
.header_mobile_wrap .header_mobile .actions {
  display: grid;
  grid-auto-flow: column;
  gap: 8px;
}
@media (max-width: 575.8px) {
  .header_mobile_wrap .header_mobile .actions > .cashbox .icon {
    display: none;
  }
}
@media (min-width: 1200px) {
  .header_mobile_wrap {
    display: none;
  }
}

.header_modal {
  position: relative;
  display: grid;
  grid-template-areas: ". left center right .";
  grid-template-columns: auto 1fr auto 1fr auto;
  grid-template-rows: 64px;
  align-items: center;
  gap: 0 20px;
  overflow: hidden;
  border-radius: 16px 16px 0px 0px;
}
.header_modal.dark::before {
  background-color: var(--color-grey-900);
}
.header_modal::before {
  content: "";
  grid-column: 1/-1;
  grid-row: 1/2;
  width: 100%;
  height: 100%;
  background-color: var(--color-grey-700);
}
.header_modal .title,
.header_modal .close_modal_this {
  display: flex;
  grid-area: left;
  color: var(--color-white);
}
.header_modal .title {
  line-height: 32px;
  font-size: 24px;
  letter-spacing: 0px;
  font-weight: 700;
}
.header_modal .title .icon {
  margin-right: var(--container-padding);
}
.header_modal .close_modal_this {
  margin: auto 0;
  transition: var(--transition);
  cursor: pointer;
}
.header_modal .close_modal_this:hover {
  color: var(--color-primary);
}
.header_modal .close_modal_this + .title {
  margin-left: 44px;
}
.header_modal .custom_content {
  grid-area: center;
  max-width: 100%;
  padding: 0 8px;
  justify-self: center;
}
.header_modal .close_modal {
  display: flex;
  grid-area: right;
  margin: auto 0;
  color: var(--color-white);
  transition: var(--transition);
  cursor: pointer;
  justify-self: end;
}
.header_modal .close_modal:hover {
  color: var(--color-primary);
}
.header_modal > .divider {
  display: none;
}
@media (max-width: 767.8px) {
  .header_modal {
    grid-template-areas: ". left center right . " ". bottom bottom bottom .";
    grid-template-rows: 56px auto;
    align-items: start;
    gap: 0 16px;
    min-height: 56px;
  }
  .header_modal .title {
    line-height: 28px;
    font-size: 20px;
    letter-spacing: 0px;
    font-weight: 700;
    grid-area: left;
    grid-column: 2/-2;
    margin: auto 0 !important;
    margin-right: 32px;
  }
  .header_modal .custom_content {
    grid-area: bottom;
    width: 100%;
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .header_modal > .divider {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 1px;
    background: var(--color-grey-600);
    z-index: 1;
  }
}

header {
  background-color: var(--color-fill);
}
header .main_header {
  display: flex;
  align-items: center;
  height: 80px;
}
header .main_header .logo,
header .main_header .menu_main {
  margin-right: 20px;
}
header .main_header .user_panel {
  margin-left: auto;
}
header .main_header.content-center {
  justify-content: center;
}
header .main_header.content-center .logo {
  margin: 0px;
}
header .main_header.content-center .logo img {
  height: 60px;
}
@media (max-width: 767.8px) {
  header .main_header.content-center .logo img {
    height: 45px;
  }
}
header .sub_header {
  background-color: var(--color-fill);
}
@media (max-width: 1199.8px) {
  header .main_header {
    display: none;
  }
}

main {
  padding-bottom: 160px;
}

.error_page .page_main,
.error_page main {
  padding: 0;
}
.error_page main .container .error-content {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 160px);
  text-align: center;
}
.error_page main .container .error-content .timer {
  width: auto;
  min-width: 120px;
  margin-top: 16px;
  z-index: 1;
}
.error_page main .container .error-content .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.error_page main .container .error-content .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.error_page main .container .error-content .message {
  z-index: 1;
}
.error_page main .container .error-content .message > h1 {
  line-height: 54px;
  font-size: 40px;
  letter-spacing: 0px;
  font-weight: 700;
  margin-bottom: 16px;
}
@media (max-width: 767.8px) {
  .error_page main .container .error-content .message > h1 {
    line-height: 44px;
    font-size: 32px;
    letter-spacing: 0px;
    font-weight: 700;
    margin-bottom: 8px;
  }
}
.error_page main .container .error-content .message .sub-message {
  line-height: 32px;
  font-size: 24px;
  letter-spacing: 0px;
  font-weight: 700;
  margin-bottom: 2px;
  color: var(--color-grey-400);
}
.error_page main .container .error-content .message .sub-message:last-child {
  margin-bottom: 0px;
}
@media (max-width: 767.8px) {
  .error_page main .container .error-content .message .sub-message {
    line-height: 22px;
    font-size: 16px;
    letter-spacing: 0px;
    font-weight: 700;
  }
}
.error_page main .container .error-content .actions_wrap {
  margin-top: 24px;
}
@media (max-width: 767.8px) {
  .error_page main .container .error-content {
    justify-content: flex-start;
  }
  .error_page main .container .error-content .image {
    position: relative;
    flex: 0;
  }
}
.error_page footer {
  margin-bottom: 0;
  padding-top: 0px;
}
@media (max-width: 1199.8px) {
  .error_page .main_header {
    display: flex;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body {
    background: #252638;
  }
  header,
  footer {
    background-color: #1c1c28;
  }
  header .copy,
  footer .copy {
    color: #555770;
  }
  .message h1 {
    color: #fff;
  }
  .message .sub-message {
    color: #8f90a6;
  }
  .open_support_chat {
    display: none;
  }
}
.game_page {
  height: calc(var(--vh, 1vh) * 100);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.game_page.aside_open {
  padding-right: 0;
}
.game_page .page_header {
  padding-bottom: 0;
}
.game_page .page_header .header_content {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-auto-flow: column;
  align-items: center;
  gap: 16px;
}
.game_page .page_header .header_content .left {
  margin-left: unset;
  justify-self: start;
}
.game_page .page_header .header_content .right {
  justify-self: end;
}
.game_page .page_header .header_content .logo {
  margin-right: 4px;
}
.game_page .page_main {
  padding: 0 !important;
}
.game_page .page_main .game_block {
  position: relative;
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: calc((100vh - 148px) * 1.77);
  height: calc(100vh - 148px);
  margin: 0 auto;
  padding: 0 60px;
}
.game_page .page_main .mobile_menu {
  display: none;
  width: 100%;
  height: 100%;
  background-color: var(--color-fill);
}
.game_page .page_main .mobile_menu .logo {
  margin: 0.5rem;
}
.game_page .page_main .mobile_menu .logo .image {
  display: none;
}
.game_page .page_main .mobile_menu > .button,
.game_page .page_main .mobile_menu .notification {
  margin: 0.5rem;
}
.game_page .page_main .controls {
  position: absolute;
  top: 0;
  left: calc(100% + 12px);
  display: flex;
  flex-flow: column nowrap;
}
.game_page .page_main .controls .button {
  background: var(--color-panel);
}
.game_page .page_main .controls .button.in_fav {
  color: var(--color-primary);
}
.game_page .page_main .controls .button:first-child {
  margin: 0 0 0.5rem 0;
}
.game_page .game_sidebar {
  overflow: visible !important;
  min-width: 340px;
  height: 100%;
  background: var(--color-fill);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1), 0 20px 32px rgba(0, 0, 0, 0.3);
}
.game_page .game_sidebar .close_aside.mobile {
  margin-top: 16px;
  padding: 0 16px;
  font-size: 24px;
  text-align: right;
  cursor: pointer;
}
.game_page .game_sidebar > .sections {
  overflow: auto;
  overflow-x: hidden;
  height: 100%;
  padding: 16px 0;
}
.game_page .game_sidebar > .sections::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: transparent;
  border-radius: 3px;
}
.game_page .game_sidebar > .sections::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 3px;
}
.game_page .game_sidebar > .sections::-webkit-scrollbar-thumb {
  background-color: var(--color-primary);
  border-radius: 3px;
}
.game_page .game_sidebar > .sections .request-activities section.promo_wrap {
  padding-bottom: 16px;
}
.game_page .game_sidebar > .sections .request-activities > .divider {
  margin: 24px 16px;
}
.game_page .game_sidebar > .sections section.promo_wrap > .header {
  margin: 0 0 16px 0;
  padding: 0 16px;
}
.game_page .game_sidebar > .sections section.promo_wrap > .content.side_padding {
  padding: 0 16px;
}
.game_page .game_sidebar > .sections section.promo_wrap > .content .slider:before, .game_page .game_sidebar > .sections section.promo_wrap > .content .slider:after {
  content: "";
  display: block !important;
  grid-row: 1/-1;
  width: 4px;
}
@media (max-width: 1199.8px) {
  .game_page .game_sidebar > .sections {
    padding-top: 0;
  }
}
.game_page .game_sidebar .switch {
  position: absolute;
  top: 116px;
  right: -48px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-size: 32px;
  border-radius: 0 16px 16px 0;
  cursor: pointer;
}
.game_page .game_sidebar .switch.close_aside {
  display: none;
}
.game_page .game_sidebar .loader_logo {
  width: 170px;
}
.game_page .game_sidebar.right .switch {
  right: unset;
  left: -48px;
  border-radius: 8px 0 0 8px;
}
.game_page .game_sidebar.open .switch {
  display: none;
}
.game_page .game_sidebar.open .switch.close_aside {
  display: flex;
}
.game_page .game_sidebar .loader_overlay {
  background: var(--color-fill);
}
.game_page .game__seo {
  display: none;
}

@media (max-width: 1199.8px) {
  .game_page .page_header {
    display: none;
  }
  .game_page .page_main {
    height: 100vh;
    min-height: 100%;
  }
  .game_page .page_main .menu_wrap {
    display: none;
  }
  .game_page .page_main .game_block {
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
  }
  .game_page .page_main .game_block .menu_panel {
    position: relative;
    flex-flow: column;
    width: 60px;
    height: calc(var(--vh, 1vh) * 100);
    padding: 2px;
    border-right: 1px solid var(--color-grey-900);
    border-radius: 0;
  }
  .game_page .page_main .game_block .embed-responsive-game {
    height: calc(var(--vh, 1vh) * 100);
    margin: 0;
  }
  .game_page .page_main .game_block .embed-responsive-game::before {
    display: none;
  }
  .game_page .page_main .game_block .embed-responsive-game iframe {
    border-radius: unset;
  }
  .game_page .page_main .game_block .controls {
    display: none;
  }
}
@media (max-width: 575.8px) {
  .game_page .page_main .game_block {
    flex-flow: column;
  }
  .game_page .page_main .game_block .menu_panel {
    position: relative;
    flex-flow: row;
    width: 100%;
    height: 56px;
    border-bottom: 1px solid var(--color-grey-900);
  }
  .game_page .page_main .game_block .embed-responsive-game {
    height: calc(var(--vh, 1vh) * 100 - 56px);
  }
}
.gifts_page.empty main {
  background-image: url("./images/gift/empty_gift_bg.png");
  background-repeat: no-repeat;
  background-position: top 24px center;
  background-size: auto 359px;
}
@media (max-width: 1199.8px) {
  .gifts_page.empty main {
    background-position: top calc(var(--header-mobile-h) + 24px) center;
  }
}
.gifts_page .page_title {
  margin: 40px 0 24px;
}
@media (max-width: 575.8px) {
  .gifts_page .page_title {
    line-height: 28px;
    font-size: 20px;
    letter-spacing: 0px;
    font-weight: 700;
    margin: 12px 0 24px;
  }
}
.gifts_page section.gifts {
  max-width: 690px;
  margin: auto;
}
.gifts_page section.gifts .empty_content {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 412px;
  margin: 0 auto;
  padding: 150px 0 50px;
  text-align: center;
}
.gifts_page section.gifts .empty_content .empty_title {
  margin: 0;
}
.gifts_page section.gifts .empty_content .empty_description {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 700;
  margin: 24px 0;
  color: var(--color-transparent-light-400);
}
@media (max-width: 575.8px) {
  .gifts_page section.gifts .empty_content .empty_description {
    line-height: 16px;
    font-size: 12px;
    letter-spacing: 0px;
    font-weight: 700;
    margin: 16px 0;
  }
}
.gifts_page section.gifts .gifts_banner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  min-height: 148px;
  margin-bottom: 12px;
  padding: 38px 50% 38px 38px;
  background: url("images/gift/gift_banner.jpg");
  background-position: center;
  background-size: cover;
  border-radius: 8px;
}
.gifts_page section.gifts .gifts_banner .banner_title {
  line-height: 32px;
  font-size: 24px;
  letter-spacing: 0px;
  font-weight: 700;
}
.gifts_page section.gifts .gifts_banner .banner_subtitle {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 700;
  margin-top: 8px;
  max-width: 226px;
  color: var(--color-transparent-light-400);
}
@media (max-width: 575.8px) {
  .gifts_page section.gifts .gifts_banner {
    min-height: 120px;
    padding: 24px 48% 24px 24px;
  }
  .gifts_page section.gifts .gifts_banner .banner_title {
    line-height: 24px;
    font-size: 16px;
    letter-spacing: 0px;
    font-weight: 700;
  }
  .gifts_page section.gifts .gifts_banner .banner_subtitle {
    padding-right: 12px;
  }
}
.gifts_page section.gifts .slider_control {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.gifts_page section.gifts .slider_control .slider_dots {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
.gifts_page section.gifts .slider_control .slider_dots .owl-dot {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-left: 4px;
  color: var(--color-grey-400);
  background: transparent;
  border-radius: 100%;
  transition: var(--transition);
}
.gifts_page section.gifts .slider_control .slider_dots .owl-dot:first-child {
  margin-left: 0;
}
.gifts_page section.gifts .slider_control .slider_dots .owl-dot:hover {
  color: var(--color-stroke);
}
.gifts_page section.gifts .slider_control .slider_dots .owl-dot.active {
  color: inherit;
  background: var(--color-primary);
}
.gifts_page section.gifts .slider_control .slider_dots .owl-dot .fake_dot {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.gifts_page section.gifts .slider_control .slider_nav button {
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
  color: var(--color-primary);
  background: none;
  border: none;
  transition: var(--transition);
  cursor: pointer;
}
.gifts_page section.gifts .slider_control .slider_nav button:hover {
  opacity: 0.8;
}
.gifts_page section.gifts .slider_control .slider_nav button.disabled {
  visibility: hidden;
  opacity: 0;
}
.gifts_page section.gifts .slider_control .slider_nav button.owl-prev {
  left: -28px;
}
.gifts_page section.gifts .slider_control .slider_nav button.owl-next {
  right: -28px;
}
.gifts_page section.gifts .gift {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 24px;
  background: var(--gradient-2);
  border-radius: 8px;
  gap: 0 12px;
}
.gifts_page section.gifts .gift .activity_tag {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  position: absolute;
  top: 24px;
  right: 24px;
  max-width: calc(100% - 32px);
  padding: 4px 12px;
  background: var(--color-transparent-dark-400);
  border-radius: 20px;
}
@media (max-width: 575.8px) {
  .gifts_page section.gifts .gift .activity_tag {
    top: 16px;
    right: 16px;
  }
}
.gifts_page section.gifts .gift .gift_info {
  display: flex;
  grid-column-start: 1;
  grid-column-end: 3;
  align-items: center;
  min-height: 160px;
}
.gifts_page section.gifts .gift .gift_info .gift_image {
  width: 160px;
  min-width: 160px;
  height: 160px;
  min-height: 160px;
}
.gifts_page section.gifts .gift .gift_info .gift_image img {
  display: flex;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.gifts_page section.gifts .gift .gift_info .gift_text {
  padding: 6px 0 6px 24px;
}
.gifts_page section.gifts .gift .gift_info .gift_text .gift_congratulation,
.gifts_page section.gifts .gift .gift_info .gift_text .gift_money {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 700;
}
.gifts_page section.gifts .gift .gift_info .gift_text .gift_name {
  line-height: 32px;
  font-size: 24px;
  letter-spacing: 0px;
  font-weight: 700;
  margin: 8px 0;
  color: var(--color-yellow-500);
}
@media (max-width: 575.8px) {
  .gifts_page section.gifts .gift .gift_info {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .gifts_page section.gifts .gift .gift_info .gift_text {
    padding-left: 0;
  }
  .gifts_page section.gifts .gift .gift_info .gift_text .gift_name {
    line-height: 28px;
    font-size: 20px;
    letter-spacing: 0px;
    font-weight: 700;
  }
}
.gifts_page section.gifts .gift .divider.mobile {
  display: none;
}
@media (max-width: 767.8px) {
  .gifts_page section.gifts .gift .divider {
    display: none;
  }
  .gifts_page section.gifts .gift .divider.mobile {
    display: block;
  }
}
.gifts_page section.gifts .gift .gift_offer {
  padding: 16px;
  border: 1px solid var(--color-grey-500);
  border-radius: 8px;
}
.gifts_page section.gifts .gift .gift_offer > .title {
  display: flex;
  align-items: center;
  transition: var(--transition);
}
.gifts_page section.gifts .gift .gift_offer > .title > .icon {
  background: var(--gradient-1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-right: 8px;
  font-size: 24px;
}
.gifts_page section.gifts .gift .gift_offer > .title span {
  line-height: 20px;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 700;
}
.gifts_page section.gifts .gift .gift_offer > .title .toggle {
  display: none;
  cursor: pointer;
}
.gifts_page section.gifts .gift .gift_offer > .content {
  display: flex;
  flex-flow: column;
  height: auto;
  opacity: 1;
}
.gifts_page section.gifts .gift .gift_offer > .content .text {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 700;
  margin-bottom: 16px;
}
.gifts_page section.gifts .gift .gift_offer > .content .actions_wrap {
  margin-top: auto;
}
.gifts_page section.gifts .gift .gift_offer .divider.mobile {
  display: none;
}
@media (min-width: 768px) {
  .gifts_page section.gifts .gift .gift_offer > .title {
    pointer-events: none;
  }
}
@media (max-width: 767.8px) {
  .gifts_page section.gifts .gift .gift_offer {
    padding: 8px 0;
    border: none;
    border-radius: 0;
  }
  .gifts_page section.gifts .gift .gift_offer > .title {
    cursor: pointer;
  }
  .gifts_page section.gifts .gift .gift_offer > .title span {
    margin-right: 8px;
  }
  .gifts_page section.gifts .gift .gift_offer > .title .toggle {
    display: flex;
    margin-left: auto;
  }
  .gifts_page section.gifts .gift .gift_offer > .content {
    visibility: hidden;
    overflow: hidden;
    height: 0;
    pointer-events: none;
  }
  .gifts_page section.gifts .gift .gift_offer > .content .text {
    padding-top: 16px;
  }
  .gifts_page section.gifts .gift .gift_offer.open > .title .toggle {
    transform: rotate3d(1, 0, 0, 180deg);
  }
  .gifts_page section.gifts .gift .gift_offer.open > .content {
    visibility: visible;
    height: auto;
    pointer-events: all;
  }
}
@media (max-width: 767.8px) {
  .gifts_page section.gifts .gift {
    grid-template-columns: 1fr;
    padding: 16px;
  }
  .gifts_page section.gifts .gift .gift_info {
    grid-column-start: unset;
    grid-column-end: unset;
  }
}

section.news_view {
  --secton-news-height: 640px;
  position: relative;
  min-height: var(--secton-news-height);
}
section.news_view .news_actions,
section.news_view .news_content {
  position: relative;
  max-width: 624px;
  z-index: 1;
}
section.news_view .news_actions {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 16px 0;
}
section.news_view .news_content {
  margin: 0 auto;
  padding: 12px 36px 24px;
  background-color: var(--color-grey-600);
  border-radius: 12px;
}
section.news_view .news_content .image {
  overflow: hidden;
  max-height: 350px;
  margin: 0 -24px;
  border-radius: 8px 8px 0 0;
}
section.news_view .news_content .image img {
  display: block;
  width: 100%;
}
section.news_view .news_content .date {
  --text-color: var(--color-grey-400);
  margin: 24px 0 30px;
}
section.news_view .news_content .date .date {
  line-height: 16px;
  font-size: 10px;
  letter-spacing: 0px;
  font-weight: 500;
  margin-right: auto;
  color: var(--text-color);
}
section.news_view .news_content .content .title {
  line-height: 32px;
  font-size: 24px;
  letter-spacing: 0px;
  font-weight: 700;
  margin-bottom: 24px;
}
section.news_view .news_content .content .text {
  line-height: 20px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  margin: 24px 0;
}
section.news_view .news_content .content .text > * {
  line-height: 20px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
}
section.news_view .news_content .footer {
  display: flex;
  justify-content: space-between;
}
section.news_view .news_content .footer .button {
  margin-top: 24px;
}
section.news_view .news_content .footer .deposit .icon {
  background: var(--gradient-5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
section.news_view .news_content .footer .remove:not(:hover) {
  color: var(--color-grey-400);
}
@media (max-width: 575.8px) {
  section.news_view .news_content {
    padding: 8px 32px 24px;
  }
  section.news_view .news_content .footer {
    flex-flow: column;
    align-items: start;
  }
}
section.news_view .news_animation {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: start;
  overflow: hidden;
  max-width: 100%;
  min-height: var(--secton-news-height);
  pointer-events: none;
  z-index: 2;
}
section.news_view .news_animation .animation_image {
  display: flex;
  flex: 0;
  width: 640px;
  height: var(--secton-news-height);
}

.news_page.empty main {
  background: var(--gradient-14);
}

section.news .section_header {
  display: grid;
  grid-template-areas: "title check check_actions style";
  grid-auto-columns: 1fr auto auto auto;
  align-items: center;
  padding: 16px 0;
}
section.news .section_header .title {
  grid-area: title;
}
section.news .section_header .title .page_title {
  margin-bottom: 8px;
}
section.news .section_header .title .page_subtitle {
  line-height: 20px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  color: var(--color-grey-400);
}
section.news .section_header .button {
  margin-left: 12px;
}
section.news .section_header .news_check_open {
  grid-area: check;
}
section.news .section_header .news_check_open > * {
  display: none;
}
section.news .section_header .news_check_open:not(.check_open) .check {
  display: block;
}
section.news .section_header .news_check_open.check_open .uncheck {
  display: block;
}
section.news .section_header .news_check_open.check_open .uncheck.icon {
  color: var(--color-warning);
}
section.news .section_header .news_actions {
  grid-area: check_actions;
}
section.news .section_header .news_actions:not(.check_open) {
  display: none;
}
section.news .section_header .news_grid_style {
  grid-area: style;
}
section.news .section_header .news_grid_style:not(.style_grid) .style_list, section.news .section_header .news_grid_style:not(.style_list) .style_grid {
  display: none;
}
@media (max-width: 1199.8px) {
  section.news .section_header {
    grid-template-areas: "title         check         style" "check_actions check_actions check_actions";
    grid-auto-columns: 1fr auto auto;
  }
  section.news .section_header .title .page_title {
    display: none;
  }
  section.news .section_header .title .page_subtitle {
    line-height: 16px;
    font-size: 12px;
    letter-spacing: 0px;
    font-weight: 500;
  }
  section.news .section_header .button {
    margin-left: 8px;
  }
  section.news .section_header .news_actions {
    display: flex;
    justify-content: end;
    margin-top: 16px;
  }
  section.news .section_header .news_grid_style {
    display: none;
  }
}
section.news .section_content {
  margin-top: 16px;
}
section.news .section_content .news_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: auto;
  transition: var(--transition);
  gap: 24px;
}
section.news .section_content .news_grid:not(.style_grid), section.news .section_content .news_grid:not(.style_list) {
  opacity: 0;
  pointer-events: none;
}
section.news .section_content .news_grid.style_grid, section.news .section_content .news_grid.style_list {
  opacity: 1;
  pointer-events: all;
}
section.news .section_content .news_grid.style_list {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
section.news .section_content .news_grid.style_list:not(.empty) {
  max-width: 636px;
}
section.news .section_content .news_grid.style_list .item_news {
  padding: 12px 0 0;
}
section.news .section_content .news_grid .empty {
  grid-column: 1/-1;
}
section.news .section_content .news_grid .empty .empty_content {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
section.news .section_content .news_grid .empty .empty_content .title {
  margin-bottom: 16px;
  line-height: 54px;
  font-size: 40px;
  font-weight: 700;
  text-align: center;
}
@media (max-width: 767.8px) {
  section.news .section_content .news_grid .empty .empty_content .title {
    line-height: 28px;
    font-size: 20px;
    letter-spacing: 0px;
    font-weight: 700;
  }
}
section.news .section_content .news_grid .empty .empty_content .image {
  width: 100%;
  max-width: 500px;
}
section.news .section_content .news_grid .empty .empty_content .image img {
  display: block;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
section.news .section_content .news_grid .pagination_container {
  display: grid;
  grid-auto-flow: column;
  grid-column: 1/-1;
}
section.news .section_content .news_grid .pagination_container .pagination {
  display: grid;
  grid-auto-flow: column;
  justify-content: end;
  gap: 4px;
}
section.news .section_content .news_grid .pagination_container .pagination > span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  color: var(--color-grey-400);
}
section.news .section_content .news_grid .pagination_container .pagination > span.active {
  color: var(--color-grey-100);
  background-color: var(--color-primary);
  border-radius: 12px;
}
section.news .section_content .news_grid .pagination_container .pagination > span.disabled {
  visibility: hiden;
  opacity: 0;
  pointer-events: none;
}
section.news .section_content .news_grid .pagination_container .pagination > span.prev, section.news .section_content .news_grid .pagination_container .pagination > span.next {
  color: var(--color-primary);
}
section.news .section_content .news_grid .pagination_container .pagination > span a {
  display: inherit;
  justify-content: center;
  width: 100%;
  color: inherit;
}
section.news .section_content .news_grid .pagination_container .summary {
  display: flex;
  align-self: center;
}
section.news .section_content .news_grid .pagination_container .summary .num {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: bold;
}
section.news .section_content .news_grid .pagination_container .summary .of {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  padding: 0 4px;
  color: var(--color-grey-300);
}
@media (max-width: 767.8px) {
  section.news .section_content .news_grid .pagination_container {
    padding: 16px 0;
  }
}
@media (min-width: 768px) and (max-width: 1023.8px) {
  section.news .section_content .news_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
  }
}
@media (max-width: 767.8px) {
  section.news .section_content .news_grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 15px;
  }
}
@media (max-width: 1199.8px) {
  section.news .section_content {
    margin-top: 0;
  }
}

.static_page_block {
  min-height: 20rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  color: var(--color-grey-400);
}
.static_page_block h1,
.static_page_block h2,
.static_page_block h3,
.static_page_block h4,
.static_page_block h5,
.static_page_block h6 {
  color: var(--color-stroke);
}
.static_page_block img {
  max-width: 100%;
}
.static_page_block .self_suspend_wrap {
  text-align: center;
}

.application .page_title {
  line-height: 38px;
  font-size: 28px;
  letter-spacing: 0px;
  font-weight: 700;
  padding: 20px 0;
}
@media (max-width: 575.8px) {
  .application .page_title {
    line-height: 28px;
    font-size: 20px;
    letter-spacing: 0px;
    font-weight: 700;
  }
}
.application .app_container {
  max-width: 900px;
}
.application .application_content {
  display: grid;
  grid-template-areas: "text img" "variants variants";
  grid-template-columns: 1fr 1fr;
  padding: 20px;
  background: var(--color-fill);
  border-radius: 24px;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
@media (max-width: 767.8px) {
  .application .application_content {
    grid-template-areas: "text" "img" "variants";
    grid-template-columns: 1fr;
  }
}
@media (max-width: 575.8px) {
  .application .application_content {
    padding: 12px;
  }
}
.application .application_text {
  grid-area: text;
  padding: 0 10px 40px 20px;
}
.application .application_text .title {
  line-height: 28px;
  font-size: 20px;
  letter-spacing: 0px;
  font-weight: 700;
  margin: 0;
}
.application .application_text .subtitle {
  line-height: 20px;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 700;
  margin: 0;
  color: var(--color-primary);
}
.application .application_text .description_title {
  line-height: 20px;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 700;
  margin: 20px 0 12px;
}
.application .application_text .description {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  display: block;
  color: var(--color-grey-400);
}
@media (max-width: 575.8px) {
  .application .application_text {
    padding: 4px 4px 20px;
  }
  .application .application_text .title {
    line-height: 24px;
    font-size: 16px;
    letter-spacing: 0px;
    font-weight: 700;
  }
  .application .application_text .subtitle {
    line-height: 16px;
    font-size: 12px;
    letter-spacing: 0px;
    font-weight: 700;
  }
  .application .application_text .description_title {
    line-height: 24px;
    font-size: 14px;
    letter-spacing: 0px;
    font-weight: 700;
  }
}
.application .application_img {
  display: flex;
  grid-area: img;
  align-items: flex-end;
}
.application .application_img img {
  width: 100%;
}
.application .variant_list {
  display: grid;
  grid-area: variants;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media (max-width: 767.8px) {
  .application .variant_list {
    grid-template-columns: 1fr;
  }
}
.application .variant_list .variant_item {
  padding: 20px;
  background: var(--color-panel);
  border-radius: 16px;
}
.application .variant_list .variant_item .variant_title {
  line-height: 20px;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: 12px;
}
@media (max-width: 575.8px) {
  .application .variant_list .variant_item {
    padding: 16px;
  }
  .application .variant_list .variant_item .variant_title {
    margin-bottom: 16px;
  }
}
.application .variant_list .way_list .way_item {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
}
.application .variant_list .way_list .way_item .way_title {
  font-weight: 700;
}
.application .variant_list .way_list .way_item .way_text {
  margin: 12px 0;
  color: var(--color-grey-400);
}
.application .variant_list .way_list .way_item .way_text ul {
  -webkit-padding-start: 18px;
          padding-inline-start: 18px;
}
.application .variant_list .way_list .way_item .qr_code {
  margin: 12px auto;
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px;
  background: var(--color-stroke);
}
.application .variant_list .way_list .way_item .download_btn {
  margin-bottom: 12px;
}
@media (max-width: 575.8px) {
  .application .variant_list .way_list .way_item .way_text {
    margin: 16px 0;
  }
  .application .variant_list .way_list .way_item .qr_code {
    margin: 16px auto;
  }
  .application .variant_list .way_list .way_item .download_btn {
    margin-bottom: 16px;
  }
}
.application .variant_list .variant_footer {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  color: var(--color-grey-500);
}

body::-webkit-scrollbar,
body > *::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: transparent;
  border-radius: 3px;
}
body::-webkit-scrollbar-track,
body > *::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 3px;
}
body::-webkit-scrollbar-thumb,
body > *::-webkit-scrollbar-thumb {
  background-color: var(--color-primary);
  border-radius: 3px;
}

.download h1 {
  margin: 24px 0 6px;
}

.faq_page section.faq {
  max-width: 848px;
  padding-top: 24px;
}
.faq_page .faq_title {
  line-height: 38px;
  font-size: 28px;
  letter-spacing: 0px;
  font-weight: 700;
  text-transform: uppercase;
}
.faq_page .faq_block {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-auto-flow: column;
  margin-top: 16px;
  gap: 24px;
}
@media (max-width: 1023.8px) {
  .faq_page .faq_block {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    gap: 16px;
  }
}
.faq_page .faq_block .categories {
  display: grid;
  grid-auto-flow: row;
  align-content: start;
  overflow: hidden;
  width: 240px;
  gap: 12px;
}
@media (max-width: 1023.8px) {
  .faq_page .faq_block .categories {
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
    width: 100%;
    gap: 12px;
  }
}
.faq_page .faq_block .categories .tab-item {
  line-height: 20px;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 500;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  min-height: 44px;
  padding: 12px 20px;
  font-weight: 700;
  color: var(--color-grey-400);
  border-radius: 8px;
  opacity: 1;
}
.faq_page .faq_block .categories .tab-item:last-child {
  margin-bottom: 0;
}
.faq_page .faq_block .categories .tab-item.active {
  color: var(--color-white);
  background: var(--gradient-3);
}
@media (max-width: 1023.8px) {
  .faq_page .faq_block .categories .tab-item {
    height: 40px;
    min-height: unset;
    margin-bottom: 0;
    padding: 10px 12px;
    white-space: nowrap;
  }
}
.faq_page .faq_block .answers .content-item {
  display: none;
  grid-auto-flow: row;
  gap: 12px;
}
.faq_page .faq_block .answers .content-item.active {
  display: grid;
}
.faq_page .faq_block .question {
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.4);
}
.faq_page .faq_block .question:last-child {
  margin-bottom: 0;
}
.faq_page .faq_block .question .question_item {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 48px;
  padding: 12px 20px;
  background: var(--gradient-2);
  border-radius: 8px;
  cursor: pointer;
}
.faq_page .faq_block .question .question_item .question_title {
  font-weight: 700;
}
@media (max-width: 1023.8px) {
  .faq_page .faq_block .question .question_item {
    padding: 20px 16px;
  }
}
.faq_page .faq_block .question .question_item .icon {
  margin-left: auto;
  color: var(--color-transparent-light-400);
  transition: var(--transition);
  transform: rotate(0deg);
}
.faq_page .faq_block .question .answer {
  display: none;
  flex-direction: column;
  background: var(--color-grey-600);
}
.faq_page .faq_block .question .answer .answer_text {
  order: 1;
}
.faq_page .faq_block .question .answer .answer_text p, .faq_page .faq_block .question .answer .answer_text ul {
  margin-top: 0;
}
.faq_page .faq_block .question .answer .answer_text ul {
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
}
.faq_page .faq_block .question .answer .answer_text:last-child p, .faq_page .faq_block .question .answer .answer_text:last-child ul {
  margin-bottom: 0;
}
@media (max-width: 1023.8px) {
  .faq_page .faq_block .question .answer .answer_text {
    order: 2;
  }
}
.faq_page .faq_block .question .answer a {
  text-decoration: underline;
}
.faq_page .faq_block .question .answer .answer_image {
  flex-shrink: 0;
  order: 2;
}
.faq_page .faq_block .question .answer .answer_image .item {
  position: relative;
}
.faq_page .faq_block .question .answer .answer_image .item:after {
  content: "";
  position: absolute;
  top: 8px;
  right: 8px;
  width: 32px;
  height: 32px;
  background-color: var(--color-transparent-dark-300);
  background-image: url("./images/icons/zoom.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-radius: 50%;
  pointer-events: none;
}
.faq_page .faq_block .question .answer .answer_image img {
  display: block;
  max-width: 100%;
  border-radius: 4px;
}
.faq_page .faq_block .question.active .question_item {
  border-radius: 8px 8px 0 0;
}
.faq_page .faq_block .question.active .question_item .icon {
  color: var(--color-pink-500);
  transform: rotate(-180deg);
}
.faq_page .faq_block .question.active .answer {
  display: flex;
  padding: 16px 20px 20px;
}
@media (max-width: 1023.8px) {
  .faq_page .faq_block .question.active .answer {
    padding: 16px;
  }
}
.faq_page [data-src-image] {
  position: relative;
  cursor: zoom-in;
}
.faq_page .pv-content::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: transparent;
  border-radius: 3px;
}
.faq_page .pv-content::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 3px;
}
.faq_page .pv-content::-webkit-scrollbar-thumb {
  background-color: var(--color-primary);
  border-radius: 3px;
}

.features_style {
  display: grid;
  grid-template-areas: "menu banner" "menu games";
  grid-auto-columns: auto 1fr;
  grid-auto-rows: auto 1fr;
  align-items: start;
  gap: 0px 40px;
  margin-top: 24px;
}
.features_style .side_menu {
  grid-area: menu;
  gap: 12px;
}
.features_style .games_page_banner {
  grid-area: banner;
  overflow: hidden;
  margin-bottom: 24px;
  border-radius: 24px;
}
.features_style .games_page_banner img {
  display: flex;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.features_style .block_items,
.features_style .content_wrap {
  grid-area: games;
  width: 100%;
}
.features_style .block_items .block_games,
.features_style .content_wrap .block_games {
  --container-padding: 0px;
}
.features_style .block_items .block_games:first-child,
.features_style .content_wrap .block_games:first-child {
  padding-top: 0;
}
@media (max-width: 767.8px) {
  .features_style {
    display: flex;
  }
  .features_style .side_menu,
  .features_style .games_page_banner {
    display: none;
  }
  .features_style .block_items .block_games .drag-slider,
  .features_style .content_wrap .block_games .drag-slider {
    padding: 0 var(--container-padding);
  }
  .features_style .block_items {
    gap: 0;
  }
  .features_style .block_items > .title,
  .features_style .block_items > .button_all {
    display: none;
  }
  .features_style .block_items > .description {
    margin-bottom: 16px;
  }
}

.games_page main .header_mobile_wrap {
  margin-bottom: 16px;
}
.games_page main .menu_games_wrap {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-auto-flow: column;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
.games_page main .menu_games_wrap .menu_wrap {
  overflow: hidden;
}
.games_page main .grid_games {
  margin-top: 16px;
}
@media (max-width: 1199.8px) {
  .games_page main .menu_games_wrap {
    display: none;
  }
}

.home_page main > .menu_wrap {
  background-color: var(--color-grey-700);
}
.home_page main .block_games .drag-slider.all_slider {
  --ds2-rows: repeat(2, 1fr);
}
.home_page main .block_games .drag-slider.all_slider .ds-nav {
  height: 262px !important;
}
@media (max-width: 575.8px) {
  .home_page main .block_games .drag-slider.slider_features, .home_page main .block_games .drag-slider.providers_game {
    --ds2-rows: repeat(2, 1fr);
  }
}
@media (max-width: 1199.8px) {
  .home_page main .menu_games {
    display: none;
  }
}

.documents {
  background-color: var(--color-fill);
}

.page_profile {
  background-color: var(--color-grey-800);
}
.page_profile .profile, .page_profile .profile_reset, .page_profile .profile_documents, .page_profile .profile_contacts {
  margin: 0 auto;
  padding: 24px 0;
}
.page_profile .profile_contacts {
  max-width: 720px;
}
.page_profile .profile_documents {
  max-width: 740px;
}
.page_profile .profile_reset {
  max-width: 340px;
}
.page_profile .profile .title_section, .page_profile .profile_contacts .title_section, .page_profile .profile_documents .title_section, .page_profile .profile_reset .title_section {
  line-height: 28px;
  font-size: 20px;
  letter-spacing: 0px;
  font-weight: 700;
}
.page_profile .profile .subtitle_section, .page_profile .profile_contacts .subtitle_section, .page_profile .profile_documents .subtitle_section, .page_profile .profile_reset .subtitle_section {
  margin-top: 4px;
  margin-bottom: 28px;
  color: var(--color-grey-400);
}
.page_profile .profile .profile_description, .page_profile .profile_contacts .profile_description, .page_profile .profile_documents .profile_description, .page_profile .profile_reset .profile_description {
  color: var(--color-grey-400);
}
.page_profile .profile .divider, .page_profile .profile_contacts .divider, .page_profile .profile_documents .divider, .page_profile .profile_reset .divider {
  margin-top: 40px;
  margin-bottom: 40px;
}
.page_profile .profile .form, .page_profile .profile_contacts .form, .page_profile .profile_documents .form, .page_profile .profile_reset .form {
  overflow: hidden;
}
.page_profile .profile .form .group-name-phoneCode, .page_profile .profile_contacts .form .group-name-phoneCode, .page_profile .profile_documents .form .group-name-phoneCode, .page_profile .profile_reset .form .group-name-phoneCode {
  width: 62px;
}
@media (max-width: 575.8px) {
  .page_profile .profile .form > .form-row, .page_profile .profile_contacts .form > .form-row, .page_profile .profile_documents .form > .form-row, .page_profile .profile_reset .form > .form-row {
    flex-flow: column nowrap;
  }
}
.page_profile .profile .submit_wrap, .page_profile .profile_contacts .submit_wrap, .page_profile .profile_documents .submit_wrap, .page_profile .profile_reset .submit_wrap {
  display: flex;
  margin-bottom: 28px;
}
.page_profile .profile .submit_wrap button, .page_profile .profile_contacts .submit_wrap button, .page_profile .profile_documents .submit_wrap button, .page_profile .profile_reset .submit_wrap button {
  margin: 0 auto;
}
.page_profile .profile .submit_wrap .verified, .page_profile .profile_contacts .submit_wrap .verified, .page_profile .profile_documents .submit_wrap .verified, .page_profile .profile_reset .submit_wrap .verified {
  pointer-events: none;
}
.page_profile .profile .socials, .page_profile .profile_contacts .socials, .page_profile .profile_documents .socials, .page_profile .profile_reset .socials {
  margin-top: 12px;
  margin-bottom: 40px;
}

section.profile_documents > .block_item {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 28px;
  background: var(--color-grey-700);
  border-radius: 8px;
}
section.profile_documents > .block_item > .header {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  grid-auto-flow: column;
  gap: 4px;
}
section.profile_documents > .block_item > .header.compact {
  grid-auto-flow: row;
  grid-template-rows: initial;
}
section.profile_documents > .block_item > .header .title {
  line-height: 20px;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 700;
}
section.profile_documents > .block_item > .header .description {
  color: var(--color-grey-500);
}
section.profile_documents > .block_item > .header .status {
  padding: 0 12px;
  font-weight: 500;
  color: var(--status-color);
}
section.profile_documents > .block_item > .header .status.success {
  --status-color: var(--color-success);
}
section.profile_documents > .block_item > .header .status.fail {
  --status-color: var(--color-warning);
}
section.profile_documents > .block_item > .content {
  --v-space: 20px;
}
section.profile_documents > .block_item > .content .item_info {
  line-height: 16px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  margin: var(--v-space) 0;
}
section.profile_documents > .block_item > .content .files_list {
  display: grid;
  margin: var(--v-space) 0;
  gap: var(--v-space);
}
section.profile_documents > .block_item > .content .files_list .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
section.profile_documents > .block_item > .content .files_list .item .status {
  display: flex;
  align-items: center;
}
section.profile_documents > .block_item > .content .files_list .item .status .icon {
  margin-right: 8px;
}
section.profile_documents > .block_item > .content .files_list .item .status .name,
section.profile_documents > .block_item > .content .files_list .item .status .date {
  font-weight: 700;
}
section.profile_documents > .block_item > .content .files_list .item .status .date {
  margin-top: 2px;
  color: var(--color-grey-500);
}
section.profile_documents > .block_item > .content .files_list .item .file_info {
  display: flex;
  flex-flow: row wrap;
  justify-content: right;
  max-width: 160px;
  text-align: right;
}
section.profile_documents > .block_item > .content .files_list .item .file_info .name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  margin-bottom: 2px;
  color: var(--color-grey-500);
}
section.profile_documents > .block_item > .content .files_list .item .file_info .preview {
  text-decoration: underline;
  transition: var(--transition);
  cursor: pointer;
}
section.profile_documents > .block_item > .content .files_list .item .file_info .preview:hover {
  color: var(--color-primary);
}
section.profile_documents > .block_item > .content .files_list .item .file_info .remove {
  margin-left: 12px;
  padding: 0;
  text-decoration: underline;
  color: var(--color-warning);
  background: none;
  border: 0;
  cursor: pointer;
}
@media (max-width: 767.8px) {
  section.profile_documents > .block_item > .content {
    --v-space: 16px;
  }
}
section.profile_documents > .block_item .divider {
  margin: var(--v-space) 0;
}
@media (max-width: 767.8px) {
  section.profile_documents > .block_item {
    padding: 16px 12px;
  }
}
section.profile_documents .block_documents > * {
  margin-top: var(--v-space);
}
section.profile_documents .block_documents .documents_item {
  display: grid;
  grid-template-columns: 1fr;
  padding: 20px;
  border: 1px solid var(--color-grey-600);
  border-radius: 8px;
  gap: 12px;
}
section.profile_documents .block_documents .documents_item.optimal {
  background: var(--gradient-2);
  border-color: var(--color-grey-500);
}
section.profile_documents .block_documents .documents_item.optimal .documents_header > .title {
  color: var(--color-stroke);
}
section.profile_documents .block_documents .documents_item.optimal .documents_header .time {
  color: var(--color-success);
}
section.profile_documents .block_documents .documents_item .documents_header {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 12px;
}
section.profile_documents .block_documents .documents_item .documents_header > .title {
  line-height: 24px;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 700;
  color: var(--color-grey-500);
}
section.profile_documents .block_documents .documents_item .documents_header .time {
  display: flex;
  align-items: center;
  color: var(--color-primary);
}
section.profile_documents .block_documents .documents_item .documents_header .time .caption {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  margin-left: 8px;
}
section.profile_documents .block_documents .documents_item .documents_list .method_wrap .method_hint {
  line-height: 16px;
  font-size: 10px;
  letter-spacing: 0px;
  font-weight: 500;
  margin-bottom: 4px;
  color: var(--color-grey-400);
}
section.profile_documents .block_documents .documents_item .documents_list .method_wrap .method {
  padding: 8px;
  background: var(--color-grey-800);
  border-radius: 8px;
}
section.profile_documents .block_documents .documents_item .documents_list .method_wrap .method.optimal .method_content {
  grid-template-columns: auto 1fr auto;
}
section.profile_documents .block_documents .documents_item .documents_list .method_wrap .method .method_content {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  align-items: center;
  gap: 8px;
}
section.profile_documents .block_documents .documents_item .documents_list .method_wrap .method .method_content .method_image {
  width: 32px;
  height: 32px;
}
section.profile_documents .block_documents .documents_item .documents_list .method_wrap .method .method_content .method_image img {
  height: 100%;
}
section.profile_documents .block_documents .documents_item .documents_list .method_wrap .method .method_content .method_title {
  line-height: 16px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
}
section.profile_documents .block_documents .documents_item .documents_list .method_wrap .method .method_content .success {
  display: flex;
  background: var(--gradient-5);
  border-radius: 100%;
}
section.profile_documents .block_documents .documents_item .documents_list .method_wrap .method .method_content .switch {
  display: flex;
  transition: var(--transition);
  cursor: pointer;
}
section.profile_documents .block_documents .documents_item .documents_list .method_wrap .method .method_content .switch:hover {
  color: var(--color-primary);
}
section.profile_documents .block_documents .documents_item .documents_list .method_wrap .method .method_content .switch .icon {
  pointer-events: none;
}
section.profile_documents .block_documents .documents_item .documents_list .method_wrap .method .divider {
  margin: 8px 0;
}
section.profile_documents .block_documents .documents_item .documents_list .method_wrap .method .method_description {
  line-height: 16px;
  font-size: 10px;
  letter-spacing: 0px;
  font-weight: 500;
  display: none;
  color: var(--color-grey-300);
  transition: var(--transition);
}
section.profile_documents .block_documents .documents_item .documents_list .method_wrap .method.open .method_content .switch {
  transform: rotate(180deg);
}
section.profile_documents .block_documents .documents_item .documents_list .method_wrap .method.open .method_description {
  display: block;
}
section.profile_documents .block_documents .documents_item .documents_hint {
  line-height: 16px;
  font-size: 10px;
  letter-spacing: 0px;
  font-weight: 500;
  text-align: center;
  color: var(--color-grey-500);
}
section.profile_documents .block_payments > * {
  margin-top: var(--v-space);
}
section.profile_documents .block_payments .payment_item {
  display: flex;
  align-items: center;
  padding: 12px;
  background: var(--color-grey-600);
  border: 1px solid var(--status-color);
  border-radius: 8px;
}
section.profile_documents .block_payments .payment_item.success {
  --status-color: var(--color-success);
}
section.profile_documents .block_payments .payment_item.error {
  --status-color: var(--color-warning);
}
section.profile_documents .block_payments .payment_item .item_provider_pay {
  width: 120px;
  height: 40px;
  margin-right: 12px;
}
section.profile_documents .block_payments .payment_item > .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
section.profile_documents .block_payments .payment_item > .info .name {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 700;
}
section.profile_documents .block_payments .payment_item > .info .status {
  padding-right: 12px;
}
@media (max-width: 575.8px) {
  section.profile_documents .block_payments .payment_item > .info {
    flex-flow: column-reverse;
    align-items: flex-start;
  }
}
section.profile_documents .block_payments .payment_item .switch {
  display: flex;
  margin-left: auto;
  transition: var(--transition);
  cursor: pointer;
}
section.profile_documents .block_payments .payment_item .switch:hover {
  color: var(--color-primary);
}
section.profile_documents .block_payments .payment_item .switch .icon {
  pointer-events: none;
}
section.profile_documents .block_payments .payment_info {
  display: none;
}
section.profile_documents .block_payments.open .payment_item .switch {
  transform: rotate(180deg);
}
section.profile_documents .block_payments.open .payment_info {
  display: block;
}
section.profile_documents .files_empty {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
section.profile_documents .files_empty .item_info_empty {
  flex: 1 0 300px;
}
@media (max-width: 575.8px) {
  section.profile_documents .files_empty .item_info_empty {
    flex: 1 0 100%;
    margin-bottom: 20px;
  }
}

.promo2 section.promo_wrap {
  max-width: 996px;
  margin-top: 12px;
  margin-bottom: 40px;
}
.promo2 section.promo_page_menu .item_custome .icon-recommended {
  color: var(--color-yellow-400);
}
.promo2 .wide_bg {
  padding: 20px 0 30px 0;
}
.promo2 .wide_bg section.promo_wrap > .header .title .sub {
  color: var(--color-stroke);
}

.questionnaire_page .questionnaire_container {
  max-width: 900px;
}
.questionnaire_page .questionnaire_container .title_wrap {
  display: grid;
  grid-template-columns: 1fr minmax(0, 480px) 1fr;
  padding: 20px 0;
}
.questionnaire_page .questionnaire_container .title_wrap .button {
  justify-self: left;
}
.questionnaire_page .questionnaire_container .title_wrap .page_title {
  text-align: center;
  line-height: 38px;
  font-size: 28px;
  letter-spacing: 0px;
  font-weight: 700;
}
@media (max-width: 575.8px) {
  .questionnaire_page .questionnaire_container .title_wrap .page_title {
    line-height: 28px;
    font-size: 20px;
    letter-spacing: 0px;
    font-weight: 700;
  }
}
.questionnaire_page .questionnaire_container .title_wrap .close_modal {
  display: flex;
  margin: auto 0;
  color: var(--color-white);
  transition: var(--transition);
  cursor: pointer;
  justify-self: end;
}
.questionnaire_page .questionnaire_container .title_wrap .close_modal:hover {
  color: var(--color-primary);
}
@media (max-width: 1023.8px) {
  .questionnaire_page .questionnaire_container .title_wrap {
    grid-template-columns: 1fr auto;
    padding: 14px 16px;
  }
  .questionnaire_page .questionnaire_container .title_wrap .page_title {
    text-align: left;
  }
}
.questionnaire_page .questionnaire_container .questionnaire {
  border-radius: 24px;
}
@media (max-width: 1023.8px) {
  .questionnaire_page .questionnaire_container {
    max-width: unset;
  }
  .questionnaire_page .questionnaire_container .questionnaire {
    border-radius: 0;
  }
}
.questionnaire_page.empty main {
  position: relative;
  min-height: 800px;
  padding-bottom: 70px;
}
@media (min-width: 1200px) {
  .questionnaire_page.empty main {
    display: flex;
    align-items: center;
  }
}
.questionnaire_page.empty .page_bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.questionnaire_page.empty .page_bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.questionnaire_page.empty .questionnaire_empty {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 520px;
  margin: 0 auto;
  text-align: center;
}
.questionnaire_page.empty .questionnaire_empty .art {
  height: 600px;
  margin: -190px 0;
}
.questionnaire_page.empty .questionnaire_empty .info_title {
  line-height: 44px;
  font-size: 32px;
  letter-spacing: 0px;
  font-weight: 700;
  margin-bottom: 8px 0 12px;
}
@media (max-width: 575.8px) {
  .questionnaire_page.empty .questionnaire_empty .info_title {
    line-height: 32px;
    font-size: 24px;
    letter-spacing: 0px;
    font-weight: 700;
  }
}
.questionnaire_page.empty .questionnaire_empty .info_description {
  line-height: 20px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  margin-bottom: 16px;
  color: var(--color-transparent-light-400);
}
@media (max-width: 767.8px) {
  .questionnaire_page.empty .questionnaire_empty {
    justify-content: flex-start;
  }
}
@media (max-width: 1199.8px) {
  .questionnaire_page.empty .page_bg {
    top: var(--header-mobile-h);
  }
  .questionnaire_page.empty .questionnaire_empty {
    padding-top: var(--header-mobile-h);
  }
}

.referal_program_page .referal_program {
  max-width: 690px;
  margin: 0 auto;
  padding-top: 20px;
}
.referal_program_page .referal_program .referal_program_title {
  line-height: 38px;
  font-size: 28px;
  letter-spacing: 0px;
  font-weight: 700;
}
@media (max-width: 575.8px) {
  .referal_program_page .referal_program .referal_program_title {
    line-height: 28px;
    font-size: 20px;
    letter-spacing: 0px;
    font-weight: 700;
  }
}
.referal_program_page .referal_program .referal_wrap {
  margin-top: 20px;
  padding: 20px;
  background: var(--color-grey-800);
  border-radius: 14px;
}
.referal_program_page .referal_program .referal_wrap .description {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  color: var(--color-grey-400);
}
.referal_program_page .referal_program .referal_wrap .banner {
  display: flex;
  flex-direction: row;
}
.referal_program_page .referal_program .referal_wrap .banner .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 20px;
}
.referal_program_page .referal_program .referal_wrap .banner .content .title {
  line-height: 28px;
  font-size: 20px;
  letter-spacing: 0px;
  font-weight: 700;
  padding-right: 18px;
}
@media (max-width: 575.8px) {
  .referal_program_page .referal_program .referal_wrap .banner .content .title {
    line-height: 22px;
    font-size: 16px;
    letter-spacing: 0px;
    font-weight: 700;
    padding-right: 0;
  }
}
.referal_program_page .referal_program .referal_wrap .banner .content .subtitle {
  line-height: 22px;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 700;
  color: var(--color-white);
}
@media (max-width: 575.8px) {
  .referal_program_page .referal_program .referal_wrap .banner .content .subtitle {
    line-height: 24px;
    font-size: 14px;
    letter-spacing: 0px;
    font-weight: 700;
  }
}
.referal_program_page .referal_program .referal_wrap .banner .content .description {
  margin-top: 20px;
}
@media (max-width: 575.8px) {
  .referal_program_page .referal_program .referal_wrap .banner .content .description {
    margin-top: 8px;
  }
}
@media (max-width: 767.8px) {
  .referal_program_page .referal_program .referal_wrap .banner .content {
    padding-left: 0;
  }
}
.referal_program_page .referal_program .referal_wrap .banner > .image {
  width: 100%;
  max-width: 330px;
  margin: 0 auto;
}
@media (max-width: 767.8px) {
  .referal_program_page .referal_program .referal_wrap .banner {
    flex-direction: column;
  }
}
.referal_program_page .referal_program .referal_wrap .invite {
  padding: 20px;
  background: var(--color-grey-600);
  border-radius: 16px;
}
.referal_program_page .referal_program .referal_wrap .invite .title {
  line-height: 22px;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 700;
}
.referal_program_page .referal_program .referal_wrap .invite .subtitle {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  margin-top: 12px;
  color: var(--color-white);
}
@media (max-width: 575.8px) {
  .referal_program_page .referal_program .referal_wrap .invite .subtitle {
    margin-top: 16px;
  }
}
.referal_program_page .referal_program .referal_wrap .invite .description {
  margin-top: 12px;
}
.referal_program_page .referal_program .referal_wrap .invite .description > ul {
  padding-left: 20px;
}
.referal_program_page .referal_program .referal_wrap .invite .button-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  margin: 12px auto;
}
.referal_program_page .referal_program .referal_wrap .invite .button-wrap .copy_hint {
  line-height: 16px;
  font-size: 10px;
  letter-spacing: 0px;
  font-weight: 500;
  text-align: center;
  color: var(--color-grey-400);
  transition: var(--transition);
  opacity: 0;
}
@media (max-width: 575.8px) {
  .referal_program_page .referal_program .referal_wrap .invite .button-wrap {
    margin: 16px auto;
  }
}
.referal_program_page .referal_program .referal_wrap .invite .hint {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  color: var(--color-grey-500);
}
@media (max-width: 575.8px) {
  .referal_program_page .referal_program .referal_wrap .invite {
    padding: 16px;
  }
}
@media (max-width: 575.8px) {
  .referal_program_page .referal_program .referal_wrap {
    padding: 16px 12px 12px;
  }
}
@media (max-width: 767.8px) {
  .referal_program_page .referal_program {
    padding: 20px 16px 0;
  }
}

section.app_content {
  display: grid;
  grid-template-areas: "info img" "qr img" "ps ps";
}
section.app_content .info_wrap {
  grid-area: info;
  max-width: 340px;
}
section.app_content .info_wrap .title {
  line-height: 54px;
  font-size: 40px;
  letter-spacing: 0px;
  font-weight: 700;
  margin-bottom: 12px;
}
section.app_content .info_wrap > .description {
  color: var(--color-grey-400);
}
section.app_content .info_wrap .actions_wrap {
  margin: 16px 0 -8px;
}
section.app_content .qr_wrap {
  display: flex;
  grid-area: qr;
  flex-direction: column;
  align-items: flex-start;
  max-width: 340px;
}
section.app_content .qr_wrap > .description {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 700;
  margin-bottom: 12px;
}
section.app_content .qr_wrap .qr_list {
  display: flex;
}
section.app_content .qr_wrap .qr_list .qr_item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
section.app_content .qr_wrap .qr_list .qr_item:not(:first-child) {
  margin-left: 40px;
}
section.app_content .qr_wrap .qr_list .qr_item .qr_code {
  padding: 8px;
  background: var(--color-stroke);
}
section.app_content .qr_wrap .qr_list .qr_item .qr_icon {
  margin-top: 14px;
  color: var(--color-grey-300);
}
section.app_content .img_wrap {
  display: flex;
  grid-area: img;
  justify-content: center;
  align-items: center;
  justify-self: end;
}
section.app_content .img_wrap img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
section.app_content .ps_wrap {
  grid-area: ps;
  margin-top: 24px;
  color: var(--color-grey-400);
}
section.app_content.horizontal {
  grid-template-areas: "info img qr" "ps ps ps";
  grid-template-columns: 268px 1fr auto;
  -moz-column-gap: 6px;
       column-gap: 6px;
}
section.app_content.horizontal .qr_wrap {
  align-items: center;
  align-self: center;
  width: 100%;
  max-width: 284px;
  text-align: center;
}
section.app_content.horizontal .qr_wrap .qr_item:not(:first-child) {
  margin-left: 12px;
}
section.app_content.horizontal .qr_wrap .divider {
  display: none;
}
section.app_content.horizontal .img_wrap {
  align-self: center;
  width: auto;
  max-width: 100%;
  margin-bottom: calc(-1 * var(--container-padding));
}
@media (min-width: 768px) {
  section.app_content .info_wrap .actions_wrap {
    display: none;
  }
}
@media (max-width: 767.8px) {
  section.app_content {
    grid-template-areas: "img" "info" "ps" !important;
    grid-template-columns: 1fr !important;
    justify-content: center;
  }
  section.app_content .info_wrap {
    max-width: unset !important;
    text-align: center;
  }
  section.app_content .info_wrap .title {
    line-height: 44px;
    font-size: 32px;
    letter-spacing: 0px;
    font-weight: 700;
  }
  section.app_content .img_wrap {
    max-height: 164px;
    justify-self: unset;
  }
  section.app_content .img_wrap img {
    width: unset;
    height: 100%;
  }
  section.app_content .qr_wrap {
    display: none;
  }
  section.app_content .ps_wrap {
    text-align: center;
  }
  section.app_content.horizontal .img_wrap {
    display: none;
  }
}

section.block_games {
  --side-padding: var(--container-padding);
  display: grid;
  grid-template-areas: "title button" "content content";
  grid-template-columns: 1fr auto;
  gap: 16px;
  padding: 12px 0;
}
section.block_games.grid {
  --side-padding: 0;
}
section.block_games > .title {
  grid-area: title;
  margin-left: var(--side-padding);
}
section.block_games > .button_all {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  grid-area: button;
  min-width: 80px;
  margin-right: var(--side-padding);
}
section.block_games > .content {
  grid-area: content;
}
@media (max-width: 575.8px) {
  section.block_games > .content.drag-slider.games {
    --ds2-rows: repeat(2, 1fr);
  }
  section.block_games > .content.drag-slider.games .ds-track {
    gap: 12px !important;
  }
  section.block_games > .content.drag-slider.games .ds-item {
    max-width: 168px !important;
    min-width: 168px !important;
  }
  section.block_games > .content.drag-slider.games .ds-nav {
    height: 262px !important;
  }
}
section.block_games > .content.drag-slider.recent_slider .ds-track {
  grid-template-rows: unset;
}
section.block_games > .content.games_list_mobile {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 8px;
}
section.block_games > .content.games_list_mobile .item_game .button {
  min-width: unset !important;
}

section.block_items {
  --side-padding: var(--container-padding);
  position: relative;
  display: grid;
  grid-template-areas: "title button" "description description" "content content";
  grid-template-columns: 1fr auto;
  gap: 16px;
}
section.block_items.grid {
  --side-padding: 0;
}
section.block_items > .title {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: bold;
  grid-area: title;
  margin-left: var(--side-padding);
}
section.block_items > .description {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  grid-area: description;
  color: var(--color-grey-400);
}
section.block_items > .button_all {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  grid-area: button;
  align-self: center;
  min-width: 80px;
  margin-right: var(--side-padding);
}
section.block_items > .content {
  grid-area: content;
}
section.block_items > .content .grid_games {
  margin-top: 0;
}

section.promo_wrap > .header {
  position: relative;
  display: grid;
  grid-template-areas: "title progress more";
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 16px 0;
  margin: 0 0 16px 0;
}
section.promo_wrap > .header > .title {
  grid-area: title;
  margin-right: 16px;
}
section.promo_wrap > .header > .title > .main {
  margin: 0;
}
section.promo_wrap > .header > .title > .sub {
  color: var(--color-grey-400);
}
section.promo_wrap > .header > .empty {
  line-height: 16px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  color: var(--color-transparent-light-400);
}
section.promo_wrap > .header .progress_wrap {
  grid-area: progress;
  width: 240px;
}
section.promo_wrap > .header .show_more {
  grid-area: more;
  min-width: 80px;
  margin-top: 10px;
  margin-left: 16px;
  white-space: nowrap;
}
section.promo_wrap > .header .show_more .icon {
  display: none;
}
section.promo_wrap > .header.compact {
  grid-template-areas: "title more" "progress progress";
  grid-template-columns: 1fr auto;
}
section.promo_wrap > .header.compact .progress_wrap {
  grid-area: progress;
  width: 100%;
}
section.promo_wrap > .header.compact .show_more {
  width: 32px;
  min-width: unset;
  height: 32px;
  margin-top: 0;
  padding: 0 !important;
  border-radius: 50%;
}
section.promo_wrap > .header.compact .show_more .label {
  display: none;
}
section.promo_wrap > .header.compact .show_more .icon {
  display: inline-flex;
  width: auto;
}
section.promo_wrap > .header.compact > .empty {
  grid-area: progress;
}
section.promo_wrap > .header.shortened {
  grid-template-areas: "title more";
}
@media (max-width: 767.8px) {
  section.promo_wrap > .header {
    grid-template-areas: "title more" "progress progress";
    grid-template-columns: 1fr auto;
  }
  section.promo_wrap > .header .progress_wrap {
    grid-area: progress;
    width: 100%;
  }
  section.promo_wrap > .header .show_more {
    width: 32px;
    min-width: unset;
    height: 32px;
    margin-top: 0;
    padding: 0 !important;
    border-radius: 50%;
  }
  section.promo_wrap > .header .show_more .label {
    display: none;
  }
  section.promo_wrap > .header .show_more .icon {
    display: inline-flex;
    width: auto;
  }
  section.promo_wrap > .header > .empty {
    grid-area: progress;
  }
}

section.menu_wrap {
  padding: 24px 0 12px 0;
}

section.winners {
  margin-bottom: 14px;
  background: var(--gradient-2);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08), 0px 20px 32px rgba(0, 0, 0, 0.32);
}
section.winners .owl-stage {
  display: flex;
}
section.winners .item {
  display: flex;
  align-items: center;
  padding: 16px 4px;
  text-decoration: none;
}
section.winners .item .image_block {
  position: relative;
  display: flex;
  overflow: hidden;
  width: 110px;
  height: 72px;
  margin-right: 16px;
  border-radius: 8px;
}
section.winners .item .image_block img {
  width: 100%;
  height: 100%;
  transition: var(--transition);
  -o-object-fit: cover;
     object-fit: cover;
}
section.winners .item .image_block .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 32px;
  color: var(--color-primary);
  transition: var(--transition);
  transform: translateX(-50%) translateY(-50%);
  opacity: 0;
  pointer-events: none;
}
section.winners .item .text_block {
  display: inline-grid;
  width: 120px;
}
section.winners .item .text_block .caption {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--color-grey-400);
}
section.winners .item .text_block .caption .money {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  display: inline-block;
  color: var(--color-stroke);
}
section.winners .item .text_block .caption .text {
  color: var(--color-stroke);
}
section.winners .item .text_block .title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--color-primary);
}
section.winners .item:hover .image_block img {
  filter: brightness(0.4);
}
section.winners .item:hover .image_block .icon {
  opacity: 1;
}

aside.aside_menu {
  width: 366px;
  padding-bottom: 20px;
  background: var(--gradient-2);
}
aside.aside_menu .divider {
  margin: 16px 0;
  opacity: 0.3;
}
aside.aside_menu .header {
  display: grid;
}
aside.aside_menu .header > * {
  padding: 0 20px;
}
aside.aside_menu .header .top {
  display: grid;
  grid-template-areas: "container";
  width: 100%;
  margin: 8px 0 16px 0;
}
aside.aside_menu .header .top .logo {
  grid-area: container;
  justify-self: center;
}
aside.aside_menu .header .top .logo img {
  width: auto;
  height: 52px;
  -o-object-fit: contain;
     object-fit: contain;
}
aside.aside_menu .header .top .close {
  grid-area: container;
  align-self: center;
  font-size: 24px;
  justify-self: right;
}
aside.aside_menu .header .reg_bonus {
  margin-bottom: 16px;
}
aside.aside_menu .header .reg_bonus .bonus_title {
  position: relative;
  width: 100%;
  padding: 16px;
  text-align: center;
  text-transform: uppercase;
  color: var(--color-stroke);
  background: linear-gradient(200deg, rgba(255, 227, 156, 0.32) -7.38%, rgba(255, 214, 108, 0) 14.78%, rgba(255, 227, 156, 0.32) 43.76%, rgba(255, 214, 108, 0) 65.82%, rgba(255, 214, 108, 0.27) 86.35%);
  border: 1px solid var(--color-yellow-200);
  border-radius: 8px;
  z-index: 1;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
aside.aside_menu .header .reg_bonus .bonus_title p {
  margin: 0;
  line-height: 1;
  font-size: 16px;
}
aside.aside_menu .header .reg_bonus .bonus_title p:not(:last-child) {
  margin-bottom: 8px;
}
aside.aside_menu .header .reg_bonus .bonus_title .money {
  line-height: 54px;
  font-size: 40px;
  letter-spacing: 0px;
  font-weight: 900;
}
aside.aside_menu .header .auth_actions {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 8px;
  padding-bottom: 46px;
}
aside.aside_menu .header .auth_actions::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 420px;
  background-image: url("./images/bg/mobile_aside_header_bg_wave_1.svg");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% auto;
  z-index: -1;
}
aside.aside_menu .header .auth_actions :last-child {
  margin-left: 8px;
}
aside.aside_menu .header .user_balance {
  display: flex;
}
aside.aside_menu .header .user_balance .balance {
  flex: 1;
}
aside.aside_menu .header .user_balance .balance > .title {
  line-height: 16px;
  font-size: 10px;
  letter-spacing: 0px;
  font-weight: 500;
  color: var(--color-grey-400);
}
aside.aside_menu .header .user_balance .balance > .amount {
  line-height: 28px;
  font-size: 20px;
  letter-spacing: 0px;
  font-weight: 700;
}
aside.aside_menu .header .divider {
  width: calc(100% - 40px);
  margin: 18px 0 24px 0;
  justify-self: center;
}
aside.aside_menu .header .block_bonus_info_wrap {
  margin-top: 20px;
  margin-bottom: 20px;
}
aside.aside_menu .header .stats {
  position: relative;
  margin-bottom: 8px;
  padding-bottom: 46px;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
aside.aside_menu .header .stats .stats_item {
  display: grid;
  grid-auto-flow: column;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
aside.aside_menu .header .stats::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 420px;
  background-image: url("./images/bg/mobile_aside_header_bg_wave_1.svg");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% auto;
  z-index: -1;
}
aside.aside_menu .header .stats > .title {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  display: flex;
  grid-area: top;
  align-items: center;
  width: 100%;
  margin-bottom: 4px;
}
aside.aside_menu .header .stats > .title > .info {
  display: flex;
  margin-left: 8px;
  font-size: 16px;
}
aside.aside_menu .header .stats .item {
  min-width: 150px;
}
aside.aside_menu .header .stats .item .stat-title {
  line-height: 16px;
  font-size: 10px;
  letter-spacing: 0px;
  font-weight: 500;
  white-space: nowrap;
  color: var(--color-grey-400);
}
aside.aside_menu .header .stats .item .progress {
  max-width: 150px;
  min-width: 100px;
}
aside.aside_menu .header .stats .item .status {
  overflow: hidden;
  max-width: calc(50vw - 40px);
  white-space: nowrap;
  text-overflow: ellipsis;
}
aside.aside_menu .header .stats .item .type {
  color: var(--color-grey-400);
}
aside.aside_menu .header .stats .empty {
  line-height: 16px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  color: var(--color-transparent-light-400);
}
aside.aside_menu .header .user_leaderboard {
  position: relative;
  width: 100%;
  margin-top: -18px;
  padding-bottom: 36px;
}
aside.aside_menu .header .user_leaderboard::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 420px;
  background-image: url("./images/bg/mobile_aside_header_bg_wave_2.svg");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% auto;
  z-index: -2;
}
aside.aside_menu .header .user_leaderboard > .title {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
aside.aside_menu .header .user_leaderboard > .title .text {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  line-height: 24px;
}
aside.aside_menu .header .user_leaderboard > .title .info {
  display: flex;
  margin-left: 8px;
}
aside.aside_menu .header .user_leaderboard > .title .info .icon {
  font-size: 16px;
}
aside.aside_menu .header .user_leaderboard .items_wrap .item {
  min-width: 70px;
}
aside.aside_menu .header .user_inbox {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: -10px;
  padding-bottom: 26px;
}
aside.aside_menu .header .user_inbox::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 420px;
  background-image: url("./images/bg/mobile_aside_header_bg_wave_3.svg");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% auto;
  z-index: -3;
}
aside.aside_menu .header .user_inbox .badged {
  flex: 0;
}
aside.aside_menu .header .user_inbox .badged .badge-right {
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-left: 8px;
  padding: 2px;
  border-radius: 50%;
}
aside.aside_menu .header .user_inbox .button {
  min-width: unset;
  padding: 0;
}
aside.aside_menu .header .user_inbox .button:hover {
  color: var(--color-primary);
}
aside.aside_menu .menu_aside {
  gap: 16px;
  padding: 0 20px;
}
aside.aside_menu .menu_aside .menu_item,
aside.aside_menu .menu_aside .open_support_chat {
  display: flex;
  align-items: center;
  cursor: pointer;
}
aside.aside_menu .menu_aside .menu_item .caption,
aside.aside_menu .menu_aside .open_support_chat .caption {
  line-height: 28px;
  font-size: 20px;
  letter-spacing: 0px;
  font-weight: 700;
}
aside.aside_menu .menu_aside .menu_item .icon,
aside.aside_menu .menu_aside .open_support_chat .icon {
  margin-right: 8px;
}
aside.aside_menu .submenu {
  margin-top: 8px;
  padding: 0 20px;
}
aside.aside_menu .submenu .menu_aside {
  padding: 0;
}
aside.aside_menu .submenu .menu_item {
  display: flex;
  align-items: center;
}
aside.aside_menu .submenu .menu_item.logout {
  color: var(--color-grey-400);
}
aside.aside_menu .submenu .menu_item:hover {
  color: var(--color-primary);
}
aside.aside_menu .submenu .menu_item .caption {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
}
aside.aside_menu .submenu .menu_item .icon {
  margin-right: 12px;
}
aside.aside_menu .buttons_block {
  padding: 0 20px;
}
aside.aside_menu .buttons_block .actions_wrap {
  gap: 8px;
}
aside.aside_menu .buttons_block .block_badge {
  min-width: calc(50% - 8px);
}
aside.aside_menu .buttons_block .block_badge .button {
  width: 100%;
}

.games_aside_providers .filter_bonus > .title {
  line-height: 16px;
  font-size: 10px;
  letter-spacing: 0px;
  font-weight: 500;
  margin-bottom: 8px;
  color: var(--color-grey-400);
}
.games_aside_providers .filter_bonus .switch_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  padding: 16px 12px;
  background: var(--color-grey-600);
  border-radius: 8px;
}
.games_aside_providers .filter_bonus .switch_wrap .switch_title {
  line-height: 22px;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 700;
  margin-right: 20px;
  color: var(--color-white);
}
.games_aside_providers .clear_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.games_aside_providers .clear_wrap .title {
  line-height: 16px;
  font-size: 10px;
  letter-spacing: 0px;
  font-weight: 500;
  color: var(--color-grey-400);
}
.games_aside_providers .search_wrap {
  margin: 8px 0 16px;
}
.games_aside_providers .providers_game {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.games_aside_providers .providers_game .item_provider_game {
  width: 100%;
}
.games_aside_providers .providers_game .item_provider_game .caption {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.games_aside_providers .providers_game .item_provider_game .logo.alt {
  display: none;
}
.games_aside_providers .providers_game .item_provider_game.active {
  background: var(--gradient-1);
}
.games_aside_providers .providers_game .item_provider_game.active .logo {
  display: none;
}
.games_aside_providers .providers_game .item_provider_game.active .logo.alt {
  display: block;
}
.games_aside_providers .providers_game .item_provider_game.active .caption {
  color: var(--color-stroke);
}
.games_aside_providers .providers_game .item.empty {
  grid-column: 1/-1;
}
.games_aside_providers .providers_game .empty_text {
  width: 100%;
  text-align: center;
  color: var(--color-grey-400);
}

aside.aside_providers {
  padding: 0 24px 24px;
  background: var(--color-fill);
}
aside.aside_providers .header {
  position: sticky;
  top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 64px;
  background: var(--color-fill);
  z-index: 1;
}
aside.aside_providers .header .title {
  line-height: 28px;
  font-size: 20px;
  letter-spacing: 0px;
  font-weight: 700;
}
aside.aside_providers .header .close {
  transform: translateX(12px);
  opacity: 0.86;
}
.aside_overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  background: var(--color-transparent-dark-500);
  transition: var(--transition);
  opacity: 0;
  z-index: 10;
}

aside {
  position: fixed;
  top: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100vw;
  max-width: 380px;
  height: 100%;
  background: var(--color-fill);
  transition: var(--transition);
  transform: translateX(-100%);
  z-index: 11;
}
aside::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: transparent;
  border-radius: 3px;
}
aside::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 3px;
}
aside::-webkit-scrollbar-thumb {
  background-color: var(--color-primary);
  border-radius: 3px;
}
aside.right {
  right: 0;
  left: unset;
  transform: translateX(100%);
}
aside.bottom {
  top: unset;
  bottom: 0;
  transform: translateY(100%);
}
aside .close {
  cursor: pointer;
}
aside .close .icon {
  line-height: 24px;
}

body.aside_open {
  overflow: hidden;
}
body.aside_open:not(.no_overlay) .aside_overlay {
  visibility: visible;
  opacity: 1;
}
body.aside_open aside.open {
  transform: translate(0) !important;
}
@media (min-width: 768px) {
  body.aside_open {
    padding-right: 6px;
  }
}

.row {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin-right: -8px;
  margin-left: -8px;
}
.row.center {
  justify-content: center;
}
.row.right {
  justify-content: flex-end;
}
.row.space_between {
  justify-content: space-between;
}
.row.top {
  align-items: flex-start;
}
.row.bottom {
  align-items: flex-end;
}
.row.stretch {
  align-items: stretch;
}
.row.nowrap {
  flex-wrap: nowrap;
}
.row > .column {
  flex: 1;
  padding: 0 8px;
}
.row > .column.left {
  text-align: left;
}
.row > .column.right {
  text-align: right;
}
.row > .column.center {
  text-align: center;
}
.row > .column.nowrap {
  white-space: nowrap;
}
.row > .column.overflow {
  overflow: auto;
}
.row > .column.overflow + .column {
  padding-left: 16px;
}
.row > .column.no-overflow {
  overflow: hidden;
}
@media (max-width: 1023.8px) {
  .row > .column.tablet_left {
    text-align: left;
  }
}
@media (max-width: 575.8px) {
  .row > .column.mobile_left {
    text-align: left;
  }
}
@media (max-width: 575.8px) {
  .row > .column.mobile_center {
    text-align: center;
  }
}
.row > .column.form_column {
  flex-basis: 50%;
  max-width: 50%;
  min-width: 50%;
}
.row > .column.form_column.center {
  margin: 0 auto;
}
@media (max-width: 575.8px) {
  .row > .column.form_column:not(.w-50) {
    flex-basis: 100%;
    max-width: 100%;
    min-width: 100%;
  }
}
.row > .column.form_column_fixed {
  flex-basis: 100%;
  max-width: 356px;
  min-width: unset;
}
.row.fluid > .column {
  flex: 0 1 auto;
}
.row.fluid > .column.wide, .row.fluid > .column.content_modal.wide_full {
  flex: 1;
  width: 100%;
}
.row.no_margin {
  margin-right: 0;
  margin-left: 0;
}
.row.medium_space {
  margin-right: -6px;
  margin-left: -6px;
}
.row.medium_space > .column {
  padding: 0 6px;
}
.row.medium_space.no_margin {
  margin-right: 0;
  margin-left: 0;
}
.row.half_space {
  margin-right: -4px;
  margin-left: -4px;
}
.row.half_space > .column {
  padding: 0 4px;
}
.row.half_space.no_margin {
  margin-right: 0;
  margin-left: 0;
}
.row.small_space {
  margin-right: -2px;
  margin-left: -2px;
}
.row.small_space > .column {
  padding: 0 2px;
}
.row.small_space.no_margin {
  margin-right: 0;
  margin-left: 0;
}
.row.middle_space {
  margin-right: -12px;
  margin-left: -12px;
}
.row.middle_space > .column {
  padding: 0 12px;
}
.row.middle_space.no_margin {
  margin-right: 0;
  margin-left: 0;
}
.row.double_space {
  margin-right: -16px;
  margin-left: -16px;
}
.row.double_space > .column {
  padding: 0 16px;
}
.row.double_space.no_margin {
  margin-right: 0;
  margin-left: 0;
}
.row.extra_space {
  margin-right: -20px;
  margin-left: -20px;
}
.row.extra_space > .column {
  padding: 0 20px;
}
.row.extra_space.no_margin {
  margin-right: 0;
  margin-left: 0;
}
.row.top_space {
  margin-top: -4px;
  margin-bottom: -4px;
}
.row.top_space > .column {
  padding-top: 4px;
  padding-bottom: 4px;
}
@media (max-width: 767.8px) {
  .row.tablet_center {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
}
@media (max-width: 575.8px) {
  .row.mobile_center {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
}

@media screen and (max-width: 576px) {
  .tablet.only:not(.mobile) {
    display: none !important;
  }
  .desktop.only:not(.mobile) {
    display: none !important;
  }
}
@media screen and (min-width: 577px) and (max-width: 1024px) {
  .mobile.only:not(.tablet):not(.extend):not(.reduce) {
    display: none !important;
  }
  .desktop.only:not(.tablet):not(.extend):not(.reduce) {
    display: none !important;
  }
}
@media screen and (min-width: 1025px) {
  .mobile.only:not(.desktop):not(.extend):not(.reduce) {
    display: none !important;
  }
  .tablet.only:not(.desktop):not(.extend):not(.reduce) {
    display: none !important;
  }
}
@media screen and (min-width: 577px) and (max-width: 1200px) {
  .mobile.only.extend:not(.tablet) {
    display: none !important;
  }
  .desktop.only.extend:not(.tablet) {
    display: none !important;
  }
}
@media screen and (min-width: 1201px) {
  .mobile.only.extend:not(.desktop) {
    display: none !important;
  }
  .tablet.only.extend:not(.desktop) {
    display: none !important;
  }
}
@media screen and (min-width: 577px) and (max-width: 768px) {
  .mobile.only.reduce:not(.tablet) {
    display: none !important;
  }
  .desktop.only.reduce:not(.tablet) {
    display: none !important;
  }
}
@media screen and (min-width: 769px) {
  .mobile.only.reduce:not(.desktop) {
    display: none !important;
  }
  .tablet.only.reduce:not(.desktop) {
    display: none !important;
  }
}
.table_history_wrap {
  overflow-x: auto !important;
  overflow-y: visible !important;
  background: var(--color-panel);
}
@media (max-width: 767.8px) {
  .table_history_wrap {
    background: unset;
    overflow-x: unset !important;
  }
}
.table_history_wrap.rounded {
  border-radius: 16px;
}
.table_history_wrap .table_footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
}
.table_history_wrap .table_footer .summary span {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  color: var(--color-grey-300);
}
.table_history_wrap .table_footer .summary span.num {
  font-weight: 700;
  color: var(--color-stroke);
}
.table_history_wrap .table_footer .pagination {
  position: sticky;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  list-style: none;
  text-align: center;
}
.table_history_wrap .table_footer .pagination li {
  display: block;
  text-align: center;
}
.table_history_wrap .table_footer .pagination li > a {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  display: block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  color: var(--color-grey-400);
  background: transparent;
  border-radius: 50%;
}
.table_history_wrap .table_footer .pagination li > a:hover {
  color: var(--color-primary);
}
.table_history_wrap .table_footer .pagination li.active > a {
  color: var(--color-stroke);
  background: var(--color-primary);
}
.table_history_wrap .table_footer .pagination li:not(:last-child) {
  margin-right: 6px;
}
@media (max-width: 767.8px) {
  .table_history_wrap .table_footer {
    padding-bottom: 0;
  }
}
.table_history_wrap .table_history thead {
  color: var(--color-stroke);
}
.table_history_wrap .table_history tbody {
  color: var(--color-grey-400);
}
.table_history_wrap .table_history td,
.table_history_wrap .table_history th {
  padding: 12px;
  line-height: 17px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  border-top: none;
  border-bottom: 1px solid var(--color-transparent-light-100);
}
.table_history_wrap .table_history td:first-child,
.table_history_wrap .table_history th:first-child {
  padding-left: 16px;
}
.table_history_wrap .table_history td:last-child,
.table_history_wrap .table_history th:last-child {
  padding-right: 16px;
}
.table_history_wrap .table_history th {
  font-weight: 700;
}
.table_history_wrap .table_history td.payment_account > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 200px;
}
.table_history_wrap .table_history td.history_amount {
  font-weight: 700;
}
.table_history_wrap .table_history td.history_status .history_status_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.table_history_wrap .table_history td.history_status .history_status_wrap .payment_status {
  display: flex;
  align-items: center;
}
.table_history_wrap .table_history td.history_status .history_status_wrap .payment_status i {
  display: block;
  margin-right: 8px;
  font-size: 24px;
}
.table_history_wrap .table_history td.history_status .history_status_wrap .payment_status .toggle_reason {
  transition: var(--transition);
  cursor: pointer;
}
.table_history_wrap .table_history td.history_status .history_status_wrap .payment_status .toggle_reason:hover {
  filter: brightness(1.5);
}
.table_history_wrap .table_history td.history_status .history_status_wrap .payment_status:not(.table_history_wrap .table_history td.history_status .history_status_wrap .payment_status_rejected) .toggle_reason {
  display: none;
}
.table_history_wrap .table_history td.history_status .history_status_wrap .payment_status.payment_status_completed {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  color: var(--color-green-500);
}
.table_history_wrap .table_history td.history_status .history_status_wrap .payment_status.payment_status_approved {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  color: var(--color-blue-300);
}
.table_history_wrap .table_history td.history_status .history_status_wrap .payment_status.payment_status_pending {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  color: var(--color-yellow-500);
}
.table_history_wrap .table_history td.history_status .history_status_wrap .payment_status.payment_status_submitted {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  color: var(--color-pink-300);
}
.table_history_wrap .table_history td.history_status .history_status_wrap .payment_status.payment_status_cancelled, .table_history_wrap .table_history td.history_status .history_status_wrap .payment_status.payment_status_chargeback, .table_history_wrap .table_history td.history_status .history_status_wrap .payment_status.payment_status_failed, .table_history_wrap .table_history td.history_status .history_status_wrap .payment_status.payment_status_refused, .table_history_wrap .table_history td.history_status .history_status_wrap .payment_status.payment_status_rejected {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  color: var(--color-red-600);
}
.table_history_wrap .table_history tr:last-child td {
  border: none;
}
.table_history_wrap .table_history tr.parent_row td {
  border: none;
}
.table_history_wrap .table_history tr.parent_row .toggle_reason {
  transform: rotate(180deg);
}
.table_history_wrap .table_history tr.new_row td {
  width: 100%;
  padding: 0 12px 12px;
}
.table_history_wrap .table_history tr.new_row td span {
  display: block;
  width: 100%;
  padding: 10px 20px;
  text-align: center;
  color: var(--color-stroke);
  background: var(--color-grey-700);
  border-top: 2px solid var(--color-red-500);
  border-radius: 8px;
  white-space: normal;
}
.table_history_wrap .table_history .cancel_withdraw_button {
  min-width: 0;
}
.table_history_wrap .table_history .empty {
  width: 100%;
  text-align: center;
}
.table_history_wrap .table_history .table_delete:hover {
  text-decoration: none;
}
.table_history_wrap .table_history .table_delete.disabled {
  background: none !important;
  opacity: 0.5;
  pointer-events: none;
}
.table_history_wrap .table_history.table_documents td:first-child {
  font-weight: 500;
}
.table_history_wrap .table_history.table_documents td:nth-last-child(3) {
  width: 100%;
}
.table_history_wrap .table_history.table_documents td,
.table_history_wrap .table_history.table_documents th {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
}
.table_history_wrap .table_history.table_documents td:nth-last-child(2),
.table_history_wrap .table_history.table_documents th:nth-last-child(2) {
  text-align: right;
}
.table_history_wrap .table_history.table_documents td:last-child,
.table_history_wrap .table_history.table_documents th:last-child {
  padding-right: 12px;
  padding-left: 10px;
}
.table_history_wrap .table_history.table_documents .status {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
}
.table_history_wrap .table_history.table_documents .status i {
  display: block;
  margin-right: 8px;
  font-size: 24px;
}
.table_history_wrap .table_history.table_documents .status_waiting_review {
  color: var(--color-blue-200);
}
.table_history_wrap .table_history.table_documents .status_refused, .table_history_wrap .table_history.table_documents .status_rejected {
  color: var(--color-warning);
}
.table_history_wrap .table_history.table_documents .status_under_review {
  color: var(--color-yellow-500);
}
.table_history_wrap .table_history.table_documents .status_expired {
  color: var(--color-red-500);
}
.table_history_wrap .table_history.table_documents .status_verified {
  color: var(--color-green-500);
}
.table_history_wrap .table_history.table_documents .status_additional_info_required {
  color: var(--color-red-300);
}
.table_history_wrap .table_history.table_documents .file_name_wrap {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 12px;
}
.table_history_wrap .table_history.table_documents .file_name_wrap .file_name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.table_history_wrap .table_history .table_delete {
  background: none !important;
}
.table_history_wrap .table_history .table_delete .icon {
  color: var(--color-grey-400);
}
@media (max-width: 767.8px) {
  .table_history_wrap .table_withdraw {
    white-space: nowrap;
    display: block;
    padding: 0;
    background: unset;
  }
  .table_history_wrap .table_withdraw thead {
    display: none;
  }
  .table_history_wrap .table_withdraw tbody {
    display: block;
  }
  .table_history_wrap .table_withdraw tbody tr {
    background: var(--color-panel);
    border-radius: 16px;
  }
  .table_history_wrap .table_withdraw tbody tr:not(.new_row) {
    position: relative;
    display: grid;
    grid-template-areas: "status status" "system date" "account amount";
    overflow: hidden;
    margin-bottom: 4px;
  }
  .table_history_wrap .table_withdraw tbody tr:not(.new_row).parent_row {
    height: auto;
  }
  .table_history_wrap .table_withdraw tbody tr:not(.new_row).parent_row .history_system {
    border-top: 1px solid grey;
  }
  .table_history_wrap .table_withdraw tbody tr:not(.new_row) td {
    border-bottom: none;
  }
  .table_history_wrap .table_withdraw tbody tr:not(.new_row) td[data-label]:before {
    content: none;
  }
  .table_history_wrap .table_withdraw tbody tr:not(.new_row) td.history_status {
    grid-area: status;
    padding: 12px 14px;
    border-bottom: 1px solid var(--color-transparent-light-100);
  }
  .table_history_wrap .table_withdraw tbody tr:not(.new_row) td.creation_date {
    display: flex;
    grid-area: date;
    align-items: flex-end;
    padding: 14px 12px 2px 6px !important;
    line-height: unset;
  }
  .table_history_wrap .table_withdraw tbody tr:not(.new_row) td.history_amount {
    grid-area: amount;
    padding: 2px 12px 14px 6px !important;
    line-height: unset;
  }
  .table_history_wrap .table_withdraw tbody tr:not(.new_row) td.payment_account {
    grid-area: account;
    overflow: hidden;
    padding: 2px 6px 14px 12px !important;
  }
  .table_history_wrap .table_withdraw tbody tr:not(.new_row) td.payment_account > span {
    max-width: unset;
  }
  .table_history_wrap .table_withdraw tbody tr:not(.new_row) td.payment_system {
    grid-area: system;
    padding: 14px 6px 2px 12px !important;
  }
  .table_history_wrap .table_withdraw tbody tr:not(.new_row) td.payment_system .payment_image {
    margin: 0;
  }
  .table_history_wrap .table_withdraw tbody tr.parent_row {
    border-bottom: none;
    border-radius: 16px 16px 0 0;
  }
  .table_history_wrap .table_withdraw tbody tr.new_row {
    position: relative;
    top: -8px;
    display: flex;
    width: 100%;
    border-radius: 0 0 16px 16px;
  }
  .table_history_wrap .table_withdraw tbody tr.new_row td {
    padding-bottom: 12px;
    border: none;
  }
}
@media (max-width: 575.8px) {
  .table_history_wrap .table_documents thead {
    display: none;
  }
  .table_history_wrap .table_documents tbody {
    display: block;
  }
  .table_history_wrap .table_documents tbody tr {
    display: block;
  }
  .table_history_wrap .table_documents tbody tr:not(:last-child) {
    border-bottom: 3px solid var(--color-transparent-light-200);
  }
  .table_history_wrap .table_documents tbody tr td {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-right: 18px !important;
    padding-left: 18px;
    text-align: right;
    border: none;
  }
  .table_history_wrap .table_documents tbody tr td:before {
    content: attr(data-label);
    float: left !important;
    padding-right: 16px;
  }
}

.table_wrap {
  overflow: hidden;
}

table {
  width: 100%;
  border-collapse: collapse;
}
table th,
table td {
  padding: 8px 4px;
}
table thead tr {
  color: var(--color-stroke);
}
table tbody tr.active {
  background: linear-gradient(178.14deg, #FF3B3B 6.95%, #6600CC 93.05%);
  box-shadow: inset 0px 0.5px 0px rgba(143, 144, 166, 0.2);
}
table tbody tr.active th,
table tbody tr.active td {
  color: var(--color-stroke);
}
table tbody th,
table tbody td {
  color: var(--color-grey-400);
}

.pagination_dots {
  display: flex;
}
.pagination_dots ul {
  display: flex;
  margin: 0;
  padding: 0;
}
.pagination_dots ul li {
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: var(--color-grey-400);
  border-radius: 50%;
}
.pagination_dots ul li a {
  color: inherit;
}
.pagination_dots ul li.active {
  margin: 0 4px;
  color: var(--color-stroke);
  background: var(--color-primary);
}
.pagination_dots ul li::marker {
  visibility: hidden;
  font-size: 0;
}

.paginationjs {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.paginationjs .paginationjs-prev .icon,
.paginationjs .paginationjs-next .icon {
  color: var(--color-primary);
}

.table_modal {
  overflow: hidden;
  background: var(--color-panel);
  border-radius: 16px;
}
.table_modal table {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
}
.table_modal .pagination_dots {
  margin: 12px 18px;
}

.banners {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0;
  max-height: 400px;
  opacity: 0;
}
.banners.slick-initialized {
  height: auto;
  opacity: 1;
}
.banners .slick-arrow {
  display: none;
}
.banners .slick-dots {
  position: absolute;
  bottom: 8px;
  left: 0;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: min-content;
  justify-content: center;
  gap: 4px;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 2;
}
.banners .slick-dots > * {
  position: relative;
  width: 8px;
  height: 8px;
  background: var(--color-grey-500);
  border-radius: 50%;
}
.banners .slick-dots > * button {
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.banners .slick-dots > *.slick-active {
  background: var(--color-primary);
}
.banners .slick-slide .item_banner {
  position: relative;
  display: block !important;
  height: 400px;
}
.banners .slick-slide .item_banner .image {
  display: flex;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banners .slick-slide .item_banner .text_block {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 90px;
  padding: 0 24px;
  background: var(--color-transparent-dark-500);
}
.banners .slick-slide .item_banner .text_block .text_wrap {
  flex: 1;
}
.banners .slick-slide .item_banner .text_block .text_wrap p {
  margin: 0;
  line-height: initial;
}
.banners .slick-slide .item_banner .text_block .actions_wrap {
  flex: 0;
}
.banners .slick-slide .item_banner .text_block .actions_wrap .button.mobile {
  display: none;
}
@media (max-width: 767.8px) {
  .banners .slick-slide .item_banner .text_block .actions_wrap .button {
    display: none;
  }
  .banners .slick-slide .item_banner .text_block .actions_wrap .button.mobile {
    display: flex;
  }
}
.banners .slick-slide .item_banner .text_block .fake_nav {
  position: absolute;
  display: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 4px;
  color: var(--color-transparent-light-300);
  pointer-events: none;
}
@media (max-width: 1023.8px) {
  .banners {
    max-height: unset;
  }
  .banners .slick-track {
    display: grid;
    grid-auto-flow: column;
  }
  .banners .slick-track .slick-slide > div {
    height: 100%;
  }
}
@media (max-width: 767.8px) {
  .banners .slick-arrow {
    position: absolute;
    top: unset !important;
    right: unset;
    bottom: 0;
    left: 0 !important;
    display: block;
    width: 50px;
    height: 100%;
    transition: none;
    transform: none;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
  }
  .banners .slick-arrow.next {
    right: 0 !important;
    left: unset !important;
  }
  .banners .slick-slide .item_banner .text_block {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    min-height: 128px;
    padding: 14px 32px;
  }
  .banners .slick-slide .item_banner .text_block .text_wrap {
    flex: 0;
    text-align: center;
  }
  .banners .slick-slide .item_banner .text_block .actions_wrap {
    margin: 12px 0 0 0;
  }
  .banners .slick-slide .item_banner .text_block .fake_nav {
    display: flex;
  }
}

.card_promo {
  overflow: hidden;
}
.card_promo:not(.achievement) .banner div.slide.main {
  padding: 78px 12px 0;
  text-align: start;
}
.card_promo:not(.achievement) .banner div.slide.main .title h2 {
  font-weight: 900;
  color: var(--color-yellow-300);
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.card_promo:not(.achievement) .banner div.slide.main .description {
  display: none;
}
.card_promo.achievement .banner .slide,
.card_promo .banner div.slide.main {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.daily.card_promo.achievement .slide {
  background-image: url("./images/card2/NY/achievement-daily.jpg");
}

.weekly.card_promo.achievement .slide {
  background-image: url("./images/card2/NY/achievement-weekly.jpg");
}

.tournament.daily.card_promo .slide.main {
  background-image: url("./images/card2/NY/tournament-daily.jpg");
}

.tournament.weekly.card_promo .slide.main {
  background-image: url("./images/card2/NY/tournament-weekly.jpg");
}

.lottery.daily.card_promo .slide.main {
  background-image: url("./images/card2/NY/lottery-daily.jpg");
}

.lottery.weekly.card_promo .slide.main {
  background-image: url("./images/card2/NY/lottery-weekly.jpg");
}

#calendar .item_pair .card_promo {
  overflow: hidden;
}
#calendar .item_pair .card_promo:first-child div.slide.main {
  background-image: url("./images/card2/NY/calendar-top.jpg");
}
#calendar .item_pair .card_promo:last-child div.slide.main {
  padding: 60px 12px;
  background-image: url("./images/card2/NY/calendar-bottom.jpg");
}

.card_promo {
  position: relative;
  display: grid;
  grid-template-areas: "banner" "content" "footer";
  grid-template-columns: 100%;
  grid-template-rows: auto 1fr auto;
  width: 300px;
  height: 400px;
  background: var(--color-panel);
  border-radius: 16px;
}
.card_promo .header {
  display: flex;
  grid-area: banner;
  align-items: center;
  align-self: start;
  width: 100%;
  padding: 8px 8px 0 12px;
  z-index: 2;
}
.card_promo .header .type {
  font-size: 14px;
  font-weight: 700;
}
.card_promo .header .info {
  margin-left: auto;
  white-space: nowrap;
}
.card_promo .header .info span {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  display: inline-block;
  padding: 4px 12px;
  background: rgba(15, 15, 21, 0.38);
  border-radius: 12px;
}
.card_promo .header .more {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background: rgba(15, 15, 21, 0.38);
  border-radius: 50%;
  cursor: pointer;
}
.card_promo .header .more.right {
  margin-left: auto;
}
.card_promo .header .more .icon {
  font-size: 16px;
  color: var(--color-grey-300);
}
.card_promo .header .more_overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 8px;
  background: var(--gradient-2);
  border-radius: 16px;
  transition: var(--transition);
  opacity: 0;
  pointer-events: none;
}
.card_promo .header .more_overlay .more {
  position: absolute;
  top: 8px;
  left: 12px;
}
.card_promo .header .more_overlay .more.right {
  right: 12px;
  left: unset;
}
.card_promo .header .more_overlay .title {
  line-height: 22px;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 700;
  margin: 0 10px 12px 40px;
}
.bonus_postreg.card_promo .header .more_overlay .title {
  margin: 0 24px 12px 24px;
  text-align: center;
}

.card_promo .header .more_overlay .content {
  overflow: auto;
  overflow-x: hidden;
  width: 100%;
  margin: auto 0;
  padding: 0 8px;
}
.card_promo .header .more_overlay .content::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: transparent;
  border-radius: 3px;
}
.card_promo .header .more_overlay .content::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 3px;
}
.card_promo .header .more_overlay .content::-webkit-scrollbar-thumb {
  background-color: var(--color-primary);
  border-radius: 3px;
}
.card_promo .header .more_overlay .content p {
  margin: 0;
}
.bonus_postreg.card_promo .header .more_overlay .content {
  padding: 0;
}

.card_promo .header .more_overlay .footer {
  margin: 0px -8px -8px -8px;
  padding: 12px;
}
.bonus_postreg.card_promo .header .more_overlay .footer {
  margin: 0px -16px -16px -16px;
}

.open.card_promo .header .more_overlay {
  opacity: 1;
  pointer-events: all;
}

.bonus_postreg.card_promo .header .more_overlay {
  padding: 16px;
}

.bonus.card_promo .header {
  grid-area: header;
  align-items: flex-start;
  margin-bottom: 20px;
}
.bonus.card_promo .header > div {
  margin-right: 4px;
}

.bonus_postreg.card_promo .header {
  margin-bottom: -16px;
}
.bonus_postreg.card_promo .header > div {
  margin-right: 4px;
}

.card_promo .banner {
  position: relative;
  grid-area: banner;
  width: 100%;
  border-radius: 16px 16px 0 0;
}
.card_promo .banner .slide {
  position: relative;
  overflow: hidden;
  width: 300px;
  height: 200px;
}
.card_promo .banner .slide.main {
  padding: 40px 24px 0 24px;
  text-align: center;
}
.card_promo .banner .slide.main .image_top {
  width: 56px;
  height: 56px;
  margin: auto;
}
.card_promo .banner .slide.main .image_top img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.card_promo .banner .slide.main .title h2 {
  line-height: 36px;
}
.card_promo .banner .slide.main .title h5 {
  line-height: 28px;
  font-size: 20px;
  letter-spacing: 0px;
  font-weight: 700;
}
.card_promo .banner .slide.main .title h5 > * {
  line-height: 28px;
  font-size: 20px;
  letter-spacing: 0px;
  font-weight: 700;
}
.card_promo .banner .slide.main .title p {
  margin: 0;
}
.card_promo .banner .slide.main .title > * {
  margin: 0;
}
.tournament_custom.card_promo .banner .slide.main .title {
  margin-top: 18px;
}

.card_promo .banner .slide.main .description {
  opacity: 0.6;
}
.bonus_postreg.card_promo .banner .slide.main .description {
  margin-top: 16px;
}

.bonus_postreg.card_promo .banner .slide.main {
  height: auto;
  min-height: 200px;
  padding: 40px 24px;
}

.card_promo .banner .slide.prize {
  display: flex;
  align-items: center;
}
.card_promo .banner .slide.prize .title {
  max-width: 136px;
  margin-left: 16px;
  z-index: 1;
}
.card_promo .banner .slide.prize .title h5 {
  line-height: 28px;
  font-size: 20px;
  letter-spacing: 0px;
  font-weight: 700;
}
.card_promo .banner .slide.prize .title h5 > * {
  line-height: 28px;
  font-size: 20px;
  letter-spacing: 0px;
  font-weight: 700;
}
.card_promo .banner .slide.prize .title p {
  color: var(--color-transparent-light-400);
}
.card_promo .banner .slide.prize .title p:first-of-type {
  margin-top: 4px;
}
.card_promo .banner .slide.prize .title > * {
  margin: 0;
}
.card_promo .banner .slide.prize .description > * {
  margin: 0;
}
.card_promo .banner .slide.prize .img_prize {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 148px;
  height: 148px;
  z-index: 0;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom right;
     object-position: bottom right;
}
.card_promo .banner .slide.custom {
  height: 140px;
  padding: 32px 110px 0 12px;
}
.card_promo .banner .slide.custom .title > * {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}
.card_promo .banner .slide.custom .title .game_title {
  line-height: 20px;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 700;
  min-height: 40px;
}
.card_promo .banner .slide.custom .title .game_title.big {
  line-height: 28px;
  font-size: 20px;
  letter-spacing: 0px;
  font-weight: 700;
  min-height: 56px;
}
.card_promo .banner .slide.custom .title .jackpot {
  margin-top: 2px;
}
.card_promo .banner .slide.custom .title .jackpot > p {
  line-height: 28px;
  font-size: 20px;
  letter-spacing: 0px;
  font-weight: 700;
  margin: 0;
}
.card_promo .banner .slide.custom .description {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 2px;
  opacity: 0.6;
}
.card_promo .banner > .title {
  line-height: 32px;
  font-size: 24px;
  letter-spacing: 0px;
  font-weight: 700;
  margin: 40px 0 40px 0;
  text-align: center;
}
.card_promo .banner .owl-dots {
  position: absolute;
  bottom: 24px;
  display: flex;
  justify-content: center;
  width: 100%;
  z-index: 2;
}
.card_promo .banner .owl-dots .owl-dot {
  width: 8px;
  height: 8px;
  background-color: hsla(0, 0%, 100%, 0.38);
}
.card_promo .banner .owl-dots .owl-dot.active {
  background-color: var(--color-primary);
}
.card_promo .banner .bg_wave {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 22px;
  pointer-events: none;
  z-index: 1;
}
.card_promo .banner .bg_wave.custom {
  bottom: -8px;
}
@media (max-width: 575.8px) {
  .compact_phone.card_promo .banner .bg_wave {
    display: none;
  }
}

.card_promo .banner .bg_image {
  position: absolute;
  right: 0;
  bottom: 0;
  max-height: 80%;
  pointer-events: none;
  z-index: 0;
}
.tournament_custom.card_promo .banner .bg_image {
  width: 120px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom right;
     object-position: bottom right;
}

.card_promo .content {
  --container-padding: 16px;
  grid-area: content;
  padding: 0 var(--container-padding);
}
.card_promo .content > * {
  margin-bottom: 12px;
}
.card_promo .content .custom_title {
  display: flex;
  align-items: center;
  margin-right: 24px;
}
.card_promo .content .custom_title .image {
  flex: 0 0 auto;
  width: 56px;
  height: 56px;
  margin-right: 14px;
}
.card_promo .content .custom_title .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.card_promo .content .custom_title .title {
  width: 180px;
}
.card_promo .content .custom_title .title > * {
  margin: 0;
}
.compact_phone.card_promo .content .custom_title {
  display: none;
}
@media (max-width: 575.8px) {
  .compact_phone.card_promo .content .custom_title {
    display: flex;
  }
  .compact_phone.card_promo .content .custom_title .image {
    width: 40px;
    height: 40px;
  }
}

.card_promo .content .title_bonus {
  max-width: 200px;
}
.card_promo .content .title_bonus .subtitle {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  width: 100%;
  height: 46px;
  line-height: 23px;
  font-size: 20px;
  font-weight: 700;
  color: var(--color-yellow-500);
  z-index: 1;
}
.card_promo .content .text_bonus {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: repeat(3, 1fr);
  gap: 0 4px;
  margin-right: 100px;
}
.card_promo .content .text_bonus span {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  line-height: 18px;
  white-space: nowrap;
  color: var(--color-grey-300);
  z-index: 1;
}
.card_promo .content .text_bonus span.name {
  color: var(--color-stroke);
}
.card_promo .content .text_bonus span:nth-child(2n), .card_promo .content .text_bonus span.amount {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  font-weight: bold;
  color: var(--color-yellow-500);
}
.card_promo .content .text_bonus span:nth-child(2n) span, .card_promo .content .text_bonus span.amount span {
  font-weight: bold;
  color: var(--color-yellow-500);
}
.card_promo .content .game_info {
  position: relative;
  width: 140px;
  color: var(--color-grey-300);
}
.card_promo .content .game_info div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card_promo .content .game_info .name {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
}
.card_promo .content .game_info .name_full {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  position: absolute;
  top: 16px;
  left: 0;
  margin-left: -4px;
  padding: 0 4px;
  color: var(--color-stroke);
  background: var(--color-grey-400);
  border-radius: 4px;
  transition: var(--transition);
  opacity: 0;
  pointer-events: none;
  z-index: 1;
}
.card_promo .content .game_info:hover .name_full {
  opacity: 1;
}
.card_promo .content .bonus_error {
  display: none;
  align-items: center;
  width: 150px;
  padding: 6px 10px;
  background: linear-gradient(90deg, hsl(0, 100%, 62%) 0%, hsl(0, 100%, 68%) 100%);
  border-radius: 8px;
}
.card_promo .content .bonus_error .icon {
  margin-right: 10px;
  font-size: 16px;
}
.card_promo .content .bonus_error a {
  font-weight: bold;
  text-decoration: underline;
}
.card_promo .content .bonus_error a:hover {
  color: inherit;
}
.card_promo .content .opt_out {
  width: 130px;
}
.card_promo .content .info {
  display: flex;
  align-items: center;
  height: 40px;
}
.card_promo .content .info.description_info {
  align-items: flex-start;
  height: auto;
}
.card_promo .content .info.description_info > .description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 12px;
}
.card_promo .content .info .status {
  margin-right: 4px;
}
.card_promo .content .info .status.true {
  color: var(--color-green-500);
}
.card_promo .content .info .status.false {
  color: var(--color-primary);
}
.card_promo .content .info > .caption {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 700;
}
.card_promo .content .info > .caption.status.true {
  color: var(--color-green-500);
}
.card_promo .content .info .place,
.card_promo .content .info .score {
  margin-right: 26px;
}
.card_promo .content .info .place > .title,
.card_promo .content .info .score > .title {
  color: var(--color-grey-400);
}
.card_promo .content .info .place > .value,
.card_promo .content .info .score > .value {
  line-height: 22px;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 700;
}
.card_promo .content .info .progress {
  --color-main: var(--color-primary);
  margin-bottom: unset;
  cursor: pointer;
}
.card_promo .content .info .progress progress {
  width: 216px;
}
.card_promo .content .info > .more {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  min-width: 32px;
  height: 32px;
  margin-left: auto;
  background: #42445d;
  border-radius: 50%;
  cursor: pointer;
}
.card_promo .content .info > .more .icon {
  color: var(--color-grey-300);
  pointer-events: none;
}
.card_promo .content .info [data-tippy-root] {
  transform: translate3d(5px, 240px, 0px) !important;
}
.card_promo .content .progress {
  cursor: pointer;
}
.card_promo .content .progress .status {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  margin-bottom: 4px;
  color: var(--color-primary);
}
.bonus.card_promo .content .progress {
  max-width: 140px;
}

.card_promo .content .tooltip_progress .text {
  padding: 0 12px;
}
.bonus.card_promo .content .tooltip_progress {
  max-width: 290px;
  min-width: 200px;
}

.card_promo .content .prize_places {
  display: flex;
}
.card_promo .content .prize_places .place {
  flex: 1;
}
.card_promo .content .prize_places .place .trophy {
  display: block;
  margin-bottom: 4px;
}
.card_promo .content .prize_places .place .title {
  line-height: 16px;
  font-size: 10px;
  letter-spacing: 0px;
  font-weight: 500;
}
.card_promo .content .prize_places .place .value_wrap {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 700;
}
.card_promo .content .prize_places .p_1 {
  background: linear-gradient(276.48deg, #ffd15b 2.55%, #ffe6a7 107.81%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.card_promo .content .prize_places .p_2 {
  background: linear-gradient(276.48deg, #bbbbbb 2.55%, #f3f3f3 107.81%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.card_promo .content .prize_places .p_3 {
  background: linear-gradient(276.48deg, #a9a18d 2.55%, #c9b583 107.81%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.card_promo .content .prize_chart .item {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 32px;
  margin-top: 8px;
  padding: 0 16px;
  background: rgba(15, 15, 21, 0.38);
  border-radius: 100px;
}
.card_promo .content .prize_chart .item .place {
  color: var(--color-primary);
}
.card_promo .content .table_card {
  width: 100%;
  text-align: center;
}
.card_promo .content .table_card td:first-child,
.card_promo .content .table_card th:first-child {
  padding: 8px 4px 8px 0px;
}
.card_promo .content .table_card .prize {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 95px;
  text-align: left;
  cursor: default;
}
.card_promo .content .table_card .pagination_dots {
  position: absolute;
  right: 16px;
  bottom: 6px;
}
.card_promo .content .slider_wrap .slider_card_games {
  margin-right: calc(-1 * var(--container-padding));
  margin-left: calc(-1 * var(--container-padding));
}
.card_promo .content .slider_wrap .slider_card_games .item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 109px;
  height: 72px;
}
.card_promo .content .slider_wrap .slider_card_games .item img {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}
.card_promo .content .slider_wrap .slider_card_games .item button {
  opacity: 0;
  z-index: 2;
}
.card_promo .content .slider_wrap .slider_card_games .item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, var(--color-black) 0%, rgba(0, 0, 0, 0) 100%);
  border-radius: 8px;
  transition: inherit;
  opacity: 0;
  z-index: 1;
}
.card_promo .content .slider_wrap .slider_card_games .item:hover button {
  opacity: 1;
}
.card_promo .content .slider_wrap .slider_card_games .item:hover::before {
  opacity: 1;
}
.card_promo .content .description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  opacity: 0.6;
}
.card_promo .content .bg_bonus {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 150px;
  height: 300px;
  margin-bottom: 0;
  border-radius: 0 16px 16px 0;
}
.card_promo.has_error .text_bonus {
  display: none;
}
.card_promo.has_error .bonus_error {
  display: flex;
}
.bonus_postreg.card_promo.has_error .info {
  display: none;
}
.bonus_postreg.card_promo.has_error .bonus_error {
  width: 100%;
}

.card_promo .footer {
  display: flex;
  grid-area: footer;
  flex-shrink: 0;
  justify-content: space-around;
  align-items: center;
  height: auto;
  padding: 12px;
  border-radius: 0 0 16px 16px;
  z-index: 0;
}
.card_promo .footer.dark {
  background: rgba(15, 15, 21, 0.38);
}
.card_promo .footer .timer {
  margin-right: auto;
}
.tournament_custom.card_promo .footer {
  padding: 0 16px 12px 16px;
}

.bonus.card_promo .footer {
  background: rgba(0, 0, 0, 0.38);
}

.card_promo.lottery .banner .slide.prize span {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  opacity: 0.6;
}
.slider_only.card_promo {
  grid-template-areas: "banner";
  grid-template-rows: 1fr;
  overflow: hidden;
  height: 196px;
}

.tournament_custom.card_promo {
  height: 200px;
}

.bonus.card_promo {
  grid-template-areas: "header" "content" "footer";
  grid-template-rows: auto 1fr auto;
  width: 300px;
  height: auto;
  min-height: 300px;
  background: var(--gradient-2);
}

.bonus_postreg.card_promo {
  height: auto;
  min-height: 184px;
  background: var(--gradient-2);
}
.compact_phone.bonus_postreg.card_promo {
  background: var(--color-grey-600);
}
@media (max-width: 575.8px) {
  .compact_phone.bonus_postreg.card_promo {
    background: var(--gradient-1);
  }
  .compact_phone.bonus_postreg.card_promo .banner {
    display: none;
  }
  .compact_phone.bonus_postreg.card_promo > .footer {
    background: var(--color-panel);
  }
}

.completed.card_promo {
  grid-template-areas: "banner" "content";
}
.completed.card_promo .content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 30px 20px 0 20px;
  text-align: center;
}
.completed.card_promo .content .image {
  padding-bottom: 16px;
}
.completed.card_promo .content .text {
  opacity: 0.6;
}

.non_available.card_promo {
  display: flex;
  justify-content: center;
  align-items: center;
}
.non_available.card_promo .content {
  display: grid;
  align-items: center;
  gap: 16px;
  justify-items: center;
}
.non_available.card_promo .content .title {
  line-height: 26px;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
}
.non_available.card_promo .content .text {
  line-height: 16px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: var(--color-grey-400);
}

html {
  display: block;
  font-family: "Inter", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  color: var(--color-stroke);
  background: var(--color-grey-700);
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

h1 {
  line-height: 54px;
  font-size: 40px;
  letter-spacing: 0px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 1rem;
}
h1.no_margin {
  margin-bottom: 0;
}

h2 {
  line-height: 44px;
  font-size: 32px;
  letter-spacing: 0px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 1rem;
}
h2.no_margin {
  margin-bottom: 0;
}

h3 {
  line-height: 38px;
  font-size: 28px;
  letter-spacing: 0px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 1rem;
}
h3.no_margin {
  margin-bottom: 0;
}

h4 {
  line-height: 32px;
  font-size: 24px;
  letter-spacing: 0px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 1rem;
}
h4.no_margin {
  margin-bottom: 0;
}

h5 {
  line-height: 28px;
  font-size: 20px;
  letter-spacing: 0px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 1rem;
}
h5.no_margin {
  margin-bottom: 0;
}

h6 {
  line-height: 22px;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 1rem;
}
h6.no_margin {
  margin-bottom: 0;
}

p {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  margin: 1rem 0;
}

a {
  color: var(--link-color, var(--color-stroke));
  transition: var(--transition);
  cursor: pointer;
}
a.link {
  display: inline-flex;
  align-items: center;
}
a:hover, a:focus {
  text-decoration: none;
  color: var(--color-primary);
}

.highlighted {
  color: var(--color-primary) !important;
}

.text {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
}

.text_lead {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.hourly_lottery {
  --hourly-lottery-bg: url("./images/card2/hourly_lottery_art.jpg") no-repeat left center / cover;
  background: var(--hourly-lottery-bg);
  border-radius: 16px;
}
.hourly_lottery.wide, .hourly_lottery.content_modal.wide_full {
  --hourly-lottery-bg: url("./images/card2/hourly_lottery_wide_art.jpg") no-repeat center / cover;
}
.hourly_lottery .hourly_lottery_inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 950px;
  margin: 0 auto;
  padding: 16px 36px;
  background-image: url("./images/card2/hourly_lottery_image.png");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 280px auto;
  gap: 12px;
}
.hourly_lottery .hourly_lottery_inner .header {
  line-height: 32px;
  font-size: 24px;
  letter-spacing: 0px;
  font-weight: 700;
}
.hourly_lottery .hourly_lottery_inner .content {
  display: grid;
  grid-template-columns: 278px 278px 1fr;
  flex: 1;
  gap: 16px 36px;
}
.hourly_lottery .hourly_lottery_inner .content_column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  gap: 4px;
}
.hourly_lottery .hourly_lottery_inner .content .more {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  min-width: 32px;
  height: 32px;
  background: var(--color-transparent-light-100);
  border-radius: 50%;
  cursor: pointer;
}
.hourly_lottery .hourly_lottery_inner .content .more.right {
  margin-left: auto;
}
.hourly_lottery .hourly_lottery_inner .content .more .icon {
  font-size: 24px;
  color: var(--color-grey-300);
}
.hourly_lottery .hourly_lottery_inner .content .info {
  display: flex;
  align-items: center;
  height: 40px;
}
.hourly_lottery .hourly_lottery_inner .content .info.description_info {
  align-items: flex-start;
  height: auto;
}
.hourly_lottery .hourly_lottery_inner .content .info.description_info > .description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 12px;
}
.hourly_lottery .hourly_lottery_inner .content .info .status {
  margin-right: 4px;
}
.hourly_lottery .hourly_lottery_inner .content .info .status.true {
  color: var(--color-green-500);
}
.hourly_lottery .hourly_lottery_inner .content .info .status.false {
  color: var(--color-primary);
}
.hourly_lottery .hourly_lottery_inner .content .info > .caption {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 700;
}
.hourly_lottery .hourly_lottery_inner .content .info > .caption.status.true {
  color: var(--color-green-500);
}
.hourly_lottery .hourly_lottery_inner .content .progress_wrap {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.hourly_lottery .hourly_lottery_inner .content .progress .status {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  margin-bottom: 4px;
  color: var(--color-primary);
}
.hourly_lottery .hourly_lottery_inner .content .description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  opacity: 0.6;
}
.hourly_lottery .hourly_lottery_inner .content .chances {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
  background-color: var(--color-transparent-dark-400);
  border-radius: 100px;
  gap: 16px;
}
.hourly_lottery .hourly_lottery_inner .content .chances .value {
  color: var(--color-success);
}
.hourly_lottery .hourly_lottery_inner .content .prizes {
  position: relative;
  padding: 8px 12px;
  background: rgba(170, 130, 255, 0.1);
  border-radius: 8px;
  z-index: 1;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
.hourly_lottery .hourly_lottery_inner .content .prizes .title {
  line-height: 16px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
}
.hourly_lottery .hourly_lottery_inner .content .prizes > .prize_list {
  margin-top: 8px;
}
.hourly_lottery .hourly_lottery_inner .content .prizes .tippy-box {
  border-radius: 20px;
}
.hourly_lottery .hourly_lottery_inner .content .prizes .tooltip_prizes {
  display: none;
  min-width: 290px;
  padding: 8px 12px;
  color: var(--color-transparent-light-400);
}
.hourly_lottery .hourly_lottery_inner .content .prize_list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.hourly_lottery .hourly_lottery_inner .content .prize_list .item {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.hourly_lottery .hourly_lottery_inner .content .prize_list .item .icon {
  background: var(--gradient-10);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 16px;
  font-size: 16px;
}
.hourly_lottery .hourly_lottery_inner .content .schedule .text {
  line-height: 16px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 700;
}
.hourly_lottery .hourly_lottery_inner .content .schedule .list {
  display: flex;
  flex-direction: column;
  margin: 6px 0 8px;
  padding: 4px 14px;
  background: var(--color-transparent-dark-300);
  border-radius: 8px;
  gap: 2px;
}
.hourly_lottery .hourly_lottery_inner .content .schedule .list .item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.hourly_lottery .hourly_lottery_inner .content .schedule .list .item span {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
}
.hourly_lottery .hourly_lottery_inner .content .schedule .list .item i {
  margin-left: auto;
  line-height: 12px;
  font-size: 12px;
}
.hourly_lottery .hourly_lottery_inner .content .schedule .list .item span, .hourly_lottery .hourly_lottery_inner .content .schedule .list .item i {
  color: var(--color-yellow-500);
}
.hourly_lottery .hourly_lottery_inner .content .schedule .list .item .time {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 700;
}
.hourly_lottery .hourly_lottery_inner .content .timer_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.hourly_lottery .hourly_lottery_inner .content .timer_wrap .title {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 700;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1023.8px) {
  .hourly_lottery .hourly_lottery_inner {
    background: none;
  }
  .hourly_lottery .hourly_lottery_inner .content {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 768px) {
  .hourly_lottery .hourly_lottery_inner .content .prizes .title {
    pointer-events: none;
  }
  .hourly_lottery .hourly_lottery_inner .content .prizes .title .more {
    display: none;
  }
}
.hourly_lottery.small {
  --hourly-lottery-bg: url("./images/card2/hourly_lottery_art_mob.jpg") no-repeat left top / cover;
}
.hourly_lottery.small .hourly_lottery_inner {
  background: none;
  padding: 12px 16px;
  gap: 16px;
}
.hourly_lottery.small .hourly_lottery_inner .header {
  line-height: 20px;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 700;
}
.hourly_lottery.small .hourly_lottery_inner .content {
  grid-template-columns: 1fr;
}
.hourly_lottery.small .hourly_lottery_inner .content_column {
  gap: 12px;
}
.hourly_lottery.small .hourly_lottery_inner .content .chances {
  padding: 4px 16px;
}
.hourly_lottery.small .hourly_lottery_inner .content .prizes {
  margin-bottom: 4px;
}
.hourly_lottery.small .hourly_lottery_inner .content .prizes > .prize_list {
  display: none;
}
.hourly_lottery.small .hourly_lottery_inner .content .prizes .tippy-content > .tooltip_prizes {
  display: flex;
}
.hourly_lottery.small .hourly_lottery_inner .content .timer_wrap .title {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 700;
}
@media (max-width: 767.8px) {
  .hourly_lottery:not(.small), .hourly_lottery.wide:not(.small) {
    --hourly-lottery-bg: url("./images/card2/hourly_lottery_art_mob.jpg") no-repeat left top / cover;
  }
  .hourly_lottery:not(.small) .hourly_lottery_inner, .hourly_lottery.wide:not(.small) .hourly_lottery_inner {
    background: none;
    padding: 12px 16px;
    gap: 16px;
  }
  .hourly_lottery:not(.small) .hourly_lottery_inner .header, .hourly_lottery.wide:not(.small) .hourly_lottery_inner .header {
    line-height: 20px;
    font-size: 16px;
    letter-spacing: 0px;
    font-weight: 700;
  }
  .hourly_lottery:not(.small) .hourly_lottery_inner .content, .hourly_lottery.wide:not(.small) .hourly_lottery_inner .content {
    grid-template-columns: 1fr;
  }
  .hourly_lottery:not(.small) .hourly_lottery_inner .content_column, .hourly_lottery.wide:not(.small) .hourly_lottery_inner .content_column {
    gap: 12px;
  }
  .hourly_lottery:not(.small) .hourly_lottery_inner .content .chances, .hourly_lottery.wide:not(.small) .hourly_lottery_inner .content .chances {
    padding: 4px 16px;
  }
  .hourly_lottery:not(.small) .hourly_lottery_inner .content .prizes, .hourly_lottery.wide:not(.small) .hourly_lottery_inner .content .prizes {
    margin-bottom: 4px;
  }
  .hourly_lottery:not(.small) .hourly_lottery_inner .content .prizes > .prize_list, .hourly_lottery.wide:not(.small) .hourly_lottery_inner .content .prizes > .prize_list {
    display: none;
  }
  .hourly_lottery:not(.small) .hourly_lottery_inner .content .prizes .tippy-content > .tooltip_prizes, .hourly_lottery.wide:not(.small) .hourly_lottery_inner .content .prizes .tippy-content > .tooltip_prizes {
    display: flex;
  }
  .hourly_lottery:not(.small) .hourly_lottery_inner .content .timer_wrap .title, .hourly_lottery.wide:not(.small) .hourly_lottery_inner .content .timer_wrap .title {
    line-height: 16px;
    font-size: 12px;
    letter-spacing: 0px;
    font-weight: 700;
  }
}

.noty.main_notifications {
  padding: 24px;
  padding-top: 90px;
  gap: 8px;
  z-index: 11;
}
.noty.main_notifications .noty-line {
  min-width: 336px;
  gap: 8px;
}
.noty.main_notifications .noty-line.center {
  flex: 0 1 auto;
}
@media (max-width: 1199.8px) {
  .noty.main_notifications {
    padding: 12px;
    padding-top: 70px;
    padding-bottom: 92px;
    gap: 0;
  }
  .noty.main_notifications .noty-line {
    min-width: unset;
  }
}

.notification_1 {
  position: relative;
  display: flex;
  width: 336px;
  min-height: 108px;
  padding: 16px 32px 16px 16px;
  color: var(--color-stroke);
  border-radius: 10px;
  box-shadow: none;
  opacity: 1;
}
.notification_1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-transparent-dark-500);
  border: 1px solid var(--color-transparent-light-300);
  border-radius: inherit;
  pointer-events: none;
  z-index: -1;
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}
.notification_1 .notification_content {
  display: grid;
  grid-template-areas: "image title" "image text" "image button_text";
  align-content: center;
  gap: 0 16px;
}
.notification_1 .notification_content .notification_image {
  display: flex;
  grid-area: image;
  align-self: center;
  width: 40px;
  height: 40px;
  border-radius: 6px;
  -o-object-fit: cover;
     object-fit: cover;
}
.notification_1 .notification_content .notification_title {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 700;
  grid-area: title;
  color: var(--color-white);
}
.notification_1 .notification_content .notification_text {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  grid-area: text;
  color: var(--color-grey-400);
}
.notification_1 .notification_content .notification_button {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  width: -moz-max-content;
  width: max-content;
  margin-top: 4px;
  text-decoration: underline;
  color: var(--color-grey-100);
}
.notification_1 .notification_close,
.notification_1 .notification_settings {
  position: absolute;
  right: 8px;
  display: flex;
  cursor: pointer;
  z-index: 1;
}
.notification_1 .notification_close.notification_close,
.notification_1 .notification_settings.notification_close {
  top: 8px;
}
.notification_1 .notification_close.notification_settings,
.notification_1 .notification_settings.notification_settings {
  bottom: 8px;
}
.notification_1 .notification_close .icon,
.notification_1 .notification_settings .icon {
  color: var(--color-transparent-light-500);
}
.notification_1 .notification_close:hover .icon,
.notification_1 .notification_settings:hover .icon {
  color: var(--color-white);
}

.notification_2 {
  position: relative;
  width: 100%;
  max-width: 640px;
  border-radius: 12px;
}
.notification_2 .notification_content {
  display: grid;
  grid-template-columns: auto 1fr auto;
  min-height: 112px;
  padding: 0 16px;
  gap: 12px 16px;
}
.notification_2 .notification_content .notification_image {
  display: flex;
  align-self: end;
  width: 112px;
  height: 112px;
}
.notification_2 .notification_content .notification_content_wrap {
  margin: 16px 0;
}
.notification_2 .notification_content .notification_content_wrap .notification_title {
  line-height: 24px;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: bold;
  margin-bottom: 8px;
}
.notification_2 .notification_content .notification_content_wrap .notification_text {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  color: var(--color-transparent-light-400);
}
.notification_2 .notification_content .notification_button {
  align-self: end;
  margin: 16px 0;
}
.notification_2 .notification_close {
  position: absolute;
  top: 16px;
  right: 16px;
  color: var(--color-yellow-400);
  transition: var(--transition);
  cursor: pointer;
}
.notification_2 .notification_close .icon {
  display: block;
}
.notification_2 .notification_close:hover {
  color: var(--color-yellow-200);
}
@media (max-width: 767.8px) {
  .notification_2 {
    width: 336px;
    padding: 16px;
    gap: 12px;
  }
  .notification_2 .notification_content {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto;
    width: 210px;
    min-height: 164px;
    padding: 0;
    justify-items: start;
  }
  .notification_2 .notification_content .notification_content_wrap {
    margin: 0;
  }
  .notification_2 .notification_content .notification_button {
    margin: 0;
  }
  .notification_2 .notification_image {
    position: absolute;
    right: 0;
    bottom: 50%;
    transform: translateY(50%);
  }
}

.notification_prize {
  position: fixed;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 220px;
  min-height: 108px;
  color: var(--color-stroke);
  border-radius: 8px 0 0 8px;
  box-shadow: none;
}
.notification_prize .notification_img {
  width: 100%;
  height: 80px;
  background-color: var(--color-grey-600);
}
.notification_prize .notification_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.notification_prize .notification_content {
  padding: 16px;
  text-align: center;
  background: var(--gradient-14);
}
.notification_prize .notification_content .notification_title {
  line-height: 28px;
  font-size: 20px;
  letter-spacing: 0px;
  font-weight: 700;
  margin-bottom: 4px;
}
.notification_prize .notification_content .notification_text {
  line-height: 20px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  color: var(--color-transparent-light-400);
}
.notification_prize .notification_content .notification_button {
  margin-top: 16px;
}
.notification_prize .notification_close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  cursor: pointer;
  z-index: 1;
}
.notification_prize .notification_close .icon {
  display: block;
  color: var(--color-white);
  transition: var(--transition);
}
.notification_prize .notification_close:hover .icon {
  color: var(--color-transparent-light-500);
}

.notification_prize_wrap {
  position: fixed;
  top: 170px;
  right: 0;
  pointer-events: none;
}
.notification_prize_wrap > * {
  transition: 0.5s;
  transform: scale(0) translateX(500%);
  opacity: 0;
  pointer-events: none;
}
.notification_prize_wrap .open {
  transform: scale(1) translateX(0);
  opacity: 1;
  pointer-events: all;
}
.notification_prize_wrap .notification_prize {
  position: relative;
}
.notification_prize_wrap .card_button {
  position: fixed;
  top: 170px;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  min-width: 40px;
  height: 160px;
  padding: 0 8px;
  color: var(--color-stroke);
  background: var(--gradient-1);
  border-radius: 8px 0 0 8px;
  cursor: pointer;
  writing-mode: vertical-rl;
  text-orientation: mixed;
}
.notification_prize_wrap .card_button .icon {
  margin-bottom: 8px;
  font-size: 20px;
  transform: rotate(90deg);
}
.notification_prize_wrap .card_button span {
  line-height: 24px;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width: 1199.8px) {
  .notification_prize_wrap,
  .notification_prize_wrap .card_button {
    top: 50%;
    transform: translateY(-50%);
  }
}

.notification_recommended_games {
  padding: 12px;
}
.notification_recommended_games .notification_content {
  display: flex;
  flex-direction: column;
}
.notification_recommended_games .notification_content .notification_image {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: url("./images/notifications/notification_recommended_games.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.notification_recommended_games .notification_content .notification_title,
.notification_recommended_games .notification_content .notification_text {
  position: relative;
  z-index: 1;
}
.notification_recommended_games .notification_content .notification_text {
  max-width: 170px;
}
.notification_recommended_games .notification_content .notification_button {
  margin-top: 4px;
  text-decoration: none;
  line-height: 16px;
  font-size: 10px;
  letter-spacing: 0px;
  font-weight: 500;
}

.user_panel {
  display: grid;
  grid-auto-flow: column;
  flex: 0 0 auto;
  align-items: center;
  gap: 16px;
}
.user_panel .withdraw_button {
  display: none;
}

.socials .text {
  margin-bottom: 16px;
  text-align: center;
  color: var(--color-grey-400);
}
.socials .social_list {
  display: flex;
  align-items: center;
  gap: 4px;
}
.socials .social_list.center {
  justify-content: center;
}
.socials .social_list .item {
  width: 40px;
  height: 40px;
  padding: 4px;
  transition: var(--transition);
}
.socials .social_list .item .icon_wrap {
  position: relative;
  width: 100%;
  height: 100%;
}
.socials .social_list .item .icon_wrap .active_tag {
  position: absolute;
  top: -4px;
  left: -4px;
  display: none;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
}
.socials .social_list .item:hover {
  filter: brightness(120%);
}
.socials .social_list .item.active {
  pointer-events: none;
}
.socials .social_list .item.active .icon_wrap .active_tag {
  display: block;
}
.socials .social_list .item.active .check_circle,
.socials .social_list .item.active .check_icon {
  display: block;
}
.socials .social_list .item.disabled {
  pointer-events: none;
  filter: opacity(0.3);
}

.tippy-content > .tooltip_progress,
.tooltip_progress.active {
  display: flex;
}

.tooltip_progress {
  position: relative;
  display: none;
  flex-flow: row wrap;
  align-items: center;
  max-width: 290px;
  min-width: 260px;
  padding: 12px 0;
  text-align: center;
}
.tooltip_progress > .title,
.tooltip_progress > .level {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 700;
  flex: 1 0 50%;
}
.tooltip_progress > .title {
  padding-left: 16px;
  text-align: left;
}
.tooltip_progress > .level {
  padding-right: 16px;
  text-align: right;
}
.tooltip_progress .bet,
.tooltip_progress .prize {
  flex: 1;
  padding: 0 8px;
}
.tooltip_progress .bet .line_1,
.tooltip_progress .prize .line_1 {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 700;
  color: var(--color-green-500);
}
.tooltip_progress .bet .value,
.tooltip_progress .prize .value {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 700;
  color: var(--color-green-500);
}
.tooltip_progress .bet .of,
.tooltip_progress .prize .of {
  margin: 0 2px;
}
.tooltip_progress .prize .line_1 {
  color: var(--color-primary);
}
.tooltip_progress .prize .line_2 {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 700;
}
.tooltip_progress .more {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  margin: auto;
  text-align: center;
}
.tooltip_progress .divider {
  margin: 12px 0;
}
.tooltip_progress .divider_v {
  width: 1px;
  height: 40px;
  background: var(--color-transparent-light-300);
}
.tooltip_progress .divider,
.tooltip_progress .how {
  width: 100%;
}
.tooltip_progress .how {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 700;
}

.actions_wrap {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.actions_wrap.no_wrap {
  flex-wrap: nowrap;
}
.actions_wrap.no_wrap > * {
  flex: 1;
}
.actions_wrap.column {
  flex-flow: column nowrap;
}
.actions_wrap.center {
  justify-content: center;
}
.actions_wrap > * {
  margin: 4px !important;
}
.actions_wrap.big_space > * {
  margin: 8px !important;
}
.actions_wrap.no_space > * {
  margin: 0px !important;
}

.qr_code {
  position: relative;
}

.badged {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.badged .badge-right {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  min-width: 24px;
  height: 24px;
  margin-left: auto;
  padding: 4px;
  text-align: center;
  color: var(--color-stroke);
  background: var(--color-warning);
  border-radius: 12px;
  pointer-events: none;
}

.block_badge {
  position: relative;
}
.block_badge.block_telegram:nth-child(3) {
  grid-column: 1/-1;
}
.block_badge.block_telegram:nth-child(3) .button {
  width: 100%;
}
.block_badge .badge-left,
.block_badge .badge-right {
  line-height: 16px;
  font-size: 10px;
  letter-spacing: 0px;
  font-weight: 500;
  position: absolute;
  top: -4px;
  min-width: 16px;
  height: 16px;
  text-align: center;
  background: var(--color-red-500);
  border-radius: 16px;
  pointer-events: none;
}
.block_badge .badge-left {
  left: -4px;
}
.block_badge .badge-right {
  right: -4px;
}
.block_badge .badge-24 {
  min-width: 24px;
  height: 24px;
}
.block_badge .badge-24.badge-right {
  top: -6px;
  right: -6px;
}
.block_badge .badge-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.block_badge .badge-icon .icon {
  font-size: 1rem;
}
.block_badge .badge-shadow {
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.32);
}

.block_bonus_info {
  display: grid;
  grid-template-columns: auto auto 1fr;
  grid-auto-flow: column;
  align-items: center;
  gap: 8px 16px;
  width: 100%;
}
.block_bonus_info.dark {
  padding: 8px;
  background: var(--color-grey-700);
  border-radius: 4px;
}
.block_bonus_info.compact {
  grid-template-columns: 1fr auto;
  grid-auto-flow: unset;
}
.block_bonus_info.compact .progress {
  grid-column: 1/-1;
  width: 100%;
}
.block_bonus_info .progress {
  min-width: 200px;
  justify-self: left;
}
.block_bonus_info .progress .status {
  color: var(--color-stroke);
}
.block_bonus_info .progress_info {
  line-height: 16px;
  font-size: 10px;
  letter-spacing: 0px;
  font-weight: 500;
  color: var(--color-grey-300);
}
.block_bonus_info .progress_info > span {
  color: var(--color-stroke);
}
.block_bonus_info .cancel_bonus {
  padding: 0;
  color: var(--color-grey-400);
  background: none;
  border: none;
  cursor: pointer;
  justify-self: right;
}
.block_bonus_info .cancel_bonus > * {
  transition: var(--transition);
}
.block_bonus_info .cancel_bonus > *:hover {
  color: var(--color-primary) !important;
}
.block_bonus_info .cancel_bonus span {
  line-height: 16px;
  font-size: 10px;
  letter-spacing: 0px;
  font-weight: 700;
  text-decoration: underline;
  color: var(--color-grey-400);
}
.block_bonus_info .cancel_bonus .icon {
  line-height: 16px;
  font-size: 16px;
  text-decoration: none;
  color: var(--color-stroke);
}
@media (max-width: 575.8px) {
  .block_bonus_info {
    grid-template-columns: 1fr auto;
    grid-auto-flow: unset;
  }
  .block_bonus_info .progress {
    grid-column: 1/-1;
  }
}

.block_info {
  display: flex;
  align-items: center;
  min-height: 48px;
  margin-bottom: 20px;
  padding: 12px 16px;
  text-align: center;
  border-radius: 8px;
}
.block_info.transparent {
  line-height: 16px;
  font-size: 10px;
  letter-spacing: 0px;
  font-weight: 500;
  min-height: 0;
  padding: 0;
  color: var(--color-grey-500);
}
.block_info.gradient, .block_info.gradient-text-12, .block_info.gradient-text-11, .block_info.gradient-text-10, .block_info.gradient-text-9, .block_info.gradient-text-8, .block_info.gradient-text-7, .block_info.gradient-text-6, .block_info.gradient-text-5, .block_info.gradient-text-4, .block_info.gradient-text-3, .block_info.gradient-text-2, .block_info.gradient-text-1, .block_info.gradient-12, .block_info.gradient-11, .block_info.gradient-10, .block_info.gradient-9, .block_info.gradient-8, .block_info.gradient-7, .block_info.gradient-6, .block_info.gradient-5, .block_info.gradient-4, .block_info.gradient-3, .block_info.gradient-2, .block_info.gradient-1 {
  background-image: var(--gradient-1);
}
.block_info.dark {
  text-align: left;
  background-color: var(--color-panel);
  border-top: 2px solid var(--color-primary);
}
.block_info.dark .icon {
  width: 24px;
  height: 24px;
  color: var(--color-primary);
}
.block_info.error .icon {
  color: var(--color-red-500);
}
.block_info .icon {
  margin-right: 16px;
}
.block_info span,
.block_info .caption {
  flex: 1;
  text-align: inherit;
}
.block_info p {
  margin: 0;
}

.block_message {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.block_message .img_status {
  width: 60px;
  height: 60px;
  margin-bottom: 16px;
}
.block_message .img_status img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.block_message .img_status .icon {
  display: flex;
  margin: auto;
  font-size: 60px;
  line-height: 60px;
}
.block_message > .title {
  line-height: 28px;
  font-size: 20px;
  letter-spacing: 0px;
  font-weight: 700;
  text-align: center;
  color: var(--color-white);
}
.block_message > .text {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  max-width: 290px;
  text-align: center;
  color: var(--color-grey-400);
}
.block_message .actions_wrap {
  margin-top: 16px;
}
.block_message .success .icon, .block_message .success.title {
  color: var(--color-success);
}
.block_message .error .icon, .block_message .error.title {
  color: var(--color-warning);
}

.button_go_top {
  position: fixed;
  bottom: 92px;
  left: 27px;
  visibility: hidden;
  width: 31px;
  height: 50px;
  text-align: center;
  color: var(--color-white);
  background-image: url("./images/bg/top-button-bg.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: 0.5s;
  opacity: 0;
  cursor: pointer;
  z-index: 3;
}
.button_go_top.active {
  visibility: visible;
  opacity: 1;
}
.button_go_top .icon {
  position: relative;
  top: 5px;
}

div.button_group {
  --button-side-br: 4px;
  --slider-gap: 1px;
  display: grid;
  grid-auto-flow: column;
  gap: var(--slider-gap);
  filter: drop-shadow(0px 4px 3px rgba(0, 0, 0, 0.2));
}
div.button_group.rounded {
  --button-side-br: 20px;
}
div.button_group.mdrag .button {
  white-space: nowrap;
}
div.button_group .item:not(:first-child) .button,
div.button_group .item:not(:last-child) .button {
  border-radius: 0;
}
div.button_group .item:first-child .button {
  border-radius: var(--button-side-br) 0 0 var(--button-side-br);
}
div.button_group .item:last-child .button {
  border-radius: 0 var(--button-side-br) var(--button-side-br) 0;
}
div.button_group .button {
  min-width: 90px;
  height: 100% !important;
  white-space: normal;
  box-shadow: none !important;
}
div.button_group .button.medium {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
}
div.button_group .button:not(.active) {
  --button-bg: var(--color-grey-600);
  --button-hover-bg: var(--color-grey-600);
  --button-text-color: var(--color-grey-400);
}

.button.button_yellow {
  padding: 0 12px;
  color: var(--color-yellow-500);
  background: none;
  border: 1px solid var(--color-yellow-500);
  border-radius: 12px;
  box-shadow: none;
  z-index: 1;
}
.button.button_yellow:hover:before {
  background: var(--color-transparent-light-100);
}
.button.button_yellow:active:before {
  background: unset;
}
.button.button_yellow.disabled, .button.button_yellow[disabled] {
  color: var(--color-grey-500) !important;
  background: unset !important;
  border: 1px solid var(--color-grey-500) !important;
}

.button {
  --button-min-width: 120px;
  --button-min-height: 40px;
  --button-padding: 8px 12px;
  --button-text-color: var(--color-stroke);
  --button-bg: var(--gradient-2);
  --button-br: 8px;
  --button-hover-bg: var(--color-grey-500);
  --button-active-bg: var(--color-grey-600);
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  background: var(--gradient-2);
  position: relative;
  display: inline-grid;
  grid-auto-flow: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-width: var(--button-min-width);
  min-height: var(--button-min-height);
  margin: 0;
  padding: var(--button-padding);
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  white-space: nowrap;
  text-transform: none;
  color: var(--button-text-color);
  background: var(--button-bg);
  border: none;
  border-radius: var(--button-br);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 2px 4px rgba(0, 0, 0, 0.32);
  transition: var(--transition);
  cursor: pointer;
  z-index: 0;
}
.button.border {
  --button-hover-bg: var(--color-transparent-light-100);
  --button-active-bg: var(--color-transparent-dark-100);
}
.button.border {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="Gradient" x1="0" x2="100" y1="0" y2="0" gradientTransform="rotate(72)" gradientUnits="userSpaceOnUse"><stop stop-color="%23494c6a" offset="0"/><stop stop-color="%23252638" offset="1"/></linearGradient></defs><rect x="0.5" y="0.5" width="100%" height="100%" style="height:calc(100% - 1px);width:calc(100% - 1px)" rx="8" ry="8" stroke-width="1" fill="transparent" stroke="url(%23Gradient)"/></svg>');
}
.button > * {
  color: inherit;
  z-index: 2;
}
.button .icon {
  font-size: var(--button-icon-size, 24px);
  pointer-events: none;
}
.button .caption {
  pointer-events: none;
}
.button:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  background: unset;
  border-radius: inherit;
  transition: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: 0;
}
.button:hover {
  color: var(--button-text-color);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2), 0px 10px 40px rgba(0, 0, 0, 0.4);
}
.button:hover:before {
  background: var(--button-hover-bg);
  opacity: 1;
}
.button:active:before {
  background: var(--button-active-bg);
  opacity: 1;
}
.button.disabled, .button[disabled] {
  color: var(--color-grey-700);
  background: var(--color-grey-500) !important;
  box-shadow: none;
  pointer-events: none;
}
.button.disabled .icon, .button[disabled] .icon {
  color: var(--color-grey-500);
}
.button.disabled.border, .button[disabled].border {
  color: var(--color-grey-500);
  background: none !important;
  border: 1px solid var(--color-grey-500);
}
.button.labeled {
  pointer-events: none;
}
.button.large {
  --button-min-width: 200px;
  --button-min-height: 56px;
  line-height: 28px;
  font-size: 20px;
  letter-spacing: 0px;
  font-weight: 700;
}
.button.big {
  --button-min-width: 140px;
  --button-min-height: 48px;
  line-height: 16px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
}
.button.medium.bold {
  line-height: 24px;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: bold;
}
.button.s-medium {
  --button-min-height: 32px;
  --button-padding: 4px 8px;
  --button-icon-size: 16px;
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
}
.button.small {
  --button-min-width: 80px;
  --button-min-height: 24px;
  --button-padding: 4px 8px;
  --button-icon-size: 16px;
  line-height: 16px;
  font-size: 10px;
  letter-spacing: 0px;
  font-weight: 500;
}
.button.compact {
  --button-min-width: var(--button-min-height);
}
.button.round {
  --button-br: var(--button-min-height);
}
.button.circular {
  --button-min-width: var(--button-min-height);
  --button-padding: 0;
  --button-br: var(--button-min-height);
}
.button.wide, .button.content_modal.wide_full {
  width: 100%;
}
.button.bold {
  font-weight: bold;
}
.button.primary {
  --button-bg: var(--gradient-3);
  --button-hover-bg: var(--color-pink-500);
  --button-active-bg: var(--color-pink-600);
  background: var(--gradient-1)!important;
}
.button.primary.border {
  --button-hover-bg: var(--color-transparent-light-100);
  --button-active-bg: var(--color-transparent-dark-100);
}
.button.primary.border {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="Gradient" x1="0" x2="100" y1="0" y2="0" gradientTransform="rotate(72)" gradientUnits="userSpaceOnUse"><stop stop-color="%23ff3b3b" offset="0"/><stop stop-color="%236600cc" offset="1"/></linearGradient></defs><rect x="0.5" y="0.5" width="100%" height="100%" style="height:calc(100% - 1px);width:calc(100% - 1px)" rx="8" ry="8" stroke-width="1" fill="transparent" stroke="url(%23Gradient)"/></svg>');
}
.button.secondary {
  --button-bg: var(--gradient-2);
  --button-hover-bg: var(--color-green-400);
  --button-active-bg: var(--color-green-600);
  background: var(--gradient-5);
}
.button.secondary.border {
  --button-hover-bg: var(--color-transparent-light-100);
  --button-active-bg: var(--color-transparent-dark-100);
}
.button.secondary.border {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="Gradient" x1="0" x2="100" y1="0" y2="0" gradientTransform="rotate(72)" gradientUnits="userSpaceOnUse"><stop stop-color="%2300cfde" offset="0"/><stop stop-color="%2305a660" offset="1"/></linearGradient></defs><rect x="0.5" y="0.5" width="100%" height="100%" style="height:calc(100% - 1px);width:calc(100% - 1px)" rx="8" ry="8" stroke-width="1" fill="transparent" stroke="url(%23Gradient)"/></svg>');
}
.button.secondary2 {
  --button-bg: var(--gradient-1);
  --button-hover-bg: var(--color-blue-400);
  --button-active-bg: var(--color-blue-600);
  background: var(--gradient-3);
}
.button.secondary2.border {
  --button-hover-bg: var(--color-transparent-light-100);
  --button-active-bg: var(--color-transparent-dark-100);
}
.button.secondary2.border {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="Gradient" x1="0" x2="100" y1="0" y2="0" gradientTransform="rotate(72)" gradientUnits="userSpaceOnUse"><stop stop-color="%233e7bfa" offset="0"/><stop stop-color="%236600cc" offset="1"/></linearGradient></defs><rect x="0.5" y="0.5" width="100%" height="100%" style="height:calc(100% - 1px);width:calc(100% - 1px)" rx="8" ry="8" stroke-width="1" fill="transparent" stroke="url(%23Gradient)"/></svg>');
}
.button.transparent {
  --button-bg: transparent;
  box-shadow: none;
}
.button.transparent::before {
  display: none;
}
.button.transparent:hover {
  --button-text-color: var(--color-primary);
}
.button.loading {
  position: relative;
  pointer-events: none;
}
.button.loading > * {
  color: transparent;
}
.button.loading::after {
  content: "";
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  width: 24px;
  height: 24px;
  background-image: url("./images/loader.svg");
  background-position: center;
  background-size: cover;
  animation: button-loading-spin linear 1s infinite;
}

@keyframes button-loading-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 1199.8px) {
  .ask-widget-button,
  .webim_button,
  .webim-html-button-element {
    display: none !important;
  }
  #chat-widget-container {
    visibility: hidden !important;
  }
  #chat-widget-container.open {
    visibility: visible !important;
  }
  #olark-wrapper .olark-launch-button[aria-expanded=false] {
    display: none !important;
  }
  [data-product=web_widget] + div > #launcher {
    visibility: hidden !important;
  }
}
.game_page .ask-widget-button,
.game_page .webim_button,
.game_page .webim-html-button-element {
  display: none !important;
}
.game_page #chat-widget-container {
  visibility: hidden !important;
}
.game_page #chat-widget-container.open {
  visibility: visible !important;
}
.game_page #olark-wrapper .olark-launch-button[aria-expanded=false] {
  display: none !important;
}
.game_page [data-product=web_widget] + div > #launcher {
  visibility: hidden !important;
}

.error_page .ask-widget-button,
.error_page .webim_button,
.error_page .webim-html-button-element {
  display: none !important;
}

.divider {
  display: block;
  width: 100%;
  height: 0;
}
.divider.space {
  height: 32px;
}
.divider.dashed_image {
  height: 1px;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxIiB2aWV3Qm94PSIwIDAgOCAxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cmVjdCB3aWR0aD0iNCIgaGVpZ2h0PSIxIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
  background-size: auto 100%;
}
.divider.arrow {
  position: relative;
  height: 8px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE4IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+PHBhdGggZD0iTTkgMEwwIDhWMEg5SDI3SDQ1SDYzSDgxSDk5SDExN0gxMzVIMTUzSDE3MUgxODlIMjA3SDIyNUgyNDNIMjYxSDI3OUgyOTdIMzE1SDMzM0gzNTFIMzY5SDM3NVY1LjMzMzMzTDM2OSAwTDM2MCA4TDM1MSAwTDM0MiA4TDMzMyAwTDMyNCA4TDMxNSAwTDMwNiA4TDI5NyAwTDI4OCA4TDI3OSAwTDI3MCA4TDI2MSAwTDI1MiA4TDI0MyAwTDIzNCA4TDIyNSAwTDIxNiA4TDIwNyAwTDE5OCA4TDE4OSAwTDE4MCA4TDE3MSAwTDE2MiA4TDE1MyAwTDE0NCA4TDEzNSAwTDEyNiA4TDExNyAwTDEwOCA4TDk5IDBMOTAgOEw4MSAwTDcyIDhMNjMgMEw1NCA4TDQ1IDBMMzYgOEwyNyAwTDE4IDhMOSAwWiIgZmlsbD0id2hpdGUiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJjbGlwMCI+PHJlY3Qgd2lkdGg9IjE4IiBoZWlnaHQ9IjgiIGZpbGw9IndoaXRlIi8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+);
  z-index: 1;
}
.divider.arrow.dark {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE4IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik05IDBMMCA4VjBIOUgxOFY4TDkgMFoiIGZpbGw9IiMyNTI2NEUiLz4KPC9zdmc+Cg==);
}
.divider.arrow.grey {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE4IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiPgo8cGF0aCBkPSJNOSAwTDAgOFYwSDlIMjdINDVINjNIODFIOTlIMTE3SDEzNUgxNTNIMTcxSDE4OUgyMDdIMjI1SDI0M0gyNjFIMjc5SDI5N0gzMTVIMzMzSDM1MUgzNjlIMzc1VjUuMzMzMzNMMzY5IDBMMzYwIDhMMzUxIDBMMzQyIDhMMzMzIDBMMzI0IDhMMzE1IDBMMzA2IDhMMjk3IDBMMjg4IDhMMjc5IDBMMjcwIDhMMjYxIDBMMjUyIDhMMjQzIDBMMjM0IDhMMjI1IDBMMjE2IDhMMjA3IDBMMTk4IDhMMTg5IDBMMTgwIDhMMTcxIDBMMTYyIDhMMTUzIDBMMTQ0IDhMMTM1IDBMMTI2IDhMMTE3IDBMMTA4IDhMOTkgMEw5MCA4TDgxIDBMNzIgOEw2MyAwTDU0IDhMNDUgMEwzNiA4TDI3IDBMMTggOEw5IDBaIiBmaWxsPSIjRjVGNUY1Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iMTgiIGhlaWdodD0iOCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
}
.divider.m-12 {
  margin: 12px 0;
}
.divider.mb-12 {
  margin-bottom: 12px;
}
.divider.mt-12 {
  margin-top: 12px;
}
.divider.m-16 {
  margin: 16px 0;
}
.divider.mb-16 {
  margin-bottom: 16px;
}
.divider.mt-16 {
  margin-top: 16px;
}
.divider.m-20 {
  margin: 20px 0;
}
.divider.mb-20 {
  margin-bottom: 20px;
}
.divider.mt-20 {
  margin-top: 20px;
}
.divider.m-24 {
  margin: 24px 0;
}
.divider.mb-24 {
  margin-bottom: 24px;
}
.divider.mt-24 {
  margin-top: 24px;
}
.divider.m-32 {
  margin: 32px 0;
}
.divider.mb-32 {
  margin-bottom: 32px;
}
.divider.mt-32 {
  margin-top: 32px;
}
.divider.solid {
  border-top: 1px solid var(--color-grey-500);
}
.divider.solid.dark {
  border-top: 1px solid var(--color-grey-500);
}
.divider.solid.translucent {
  border-top: 1px solid var(--color-transparent-light-100);
}
.divider.dashed {
  border-top: 1px dashed var(--color-grey-500);
}
.divider.dashed.dark {
  border-top: 1px dashed var(--color-grey-500);
}
.divider.dashed.translucent {
  border-top: 1px dashed var(--color-transparent-light-100);
}

.embed-responsive-game {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
}
.embed-responsive-game::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.embed-responsive-game .embed-responsive-item,
.embed-responsive-game iframe,
.embed-responsive-game embed,
.embed-responsive-game object,
.embed-responsive-game video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 16px;
}
@media (min-width: 1200px) and (max-width: 1519.8px) {
  .embed-responsive-game {
    margin: 0 52px;
  }
}

.fixed_panel {
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 60px;
  z-index: 9;
}
.fixed_panel .menu_wrap {
  width: 100%;
}
.fixed_panel .menu_wrap .elMenu .elItems {
  height: 60px;
  padding-left: 24px;
  background: var(--gradient-3);
}
.fixed_panel .menu_wrap .elMenu .elItems .item {
  margin-right: 8px;
}
.fixed_panel .menu_wrap .elMenu .elItems .item .link {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
}
.fixed_panel .menu_wrap .elMenu .elItems .item.active .link, .fixed_panel .menu_wrap .elMenu .elItems .item:hover .link {
  color: inherit;
  background: var(--color-blue-700);
}
.fixed_panel .menu_wrap .elMenu .elClose {
  position: absolute;
  top: 10px;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 24px;
  border-radius: 8px;
  transition: var(--transition);
  transform: translateX(-50%);
  opacity: 0;
  cursor: pointer;
  pointer-events: none;
}
.fixed_panel .menu_wrap .elMenu .elClose:hover {
  background: var(--color-blue-700);
}
.fixed_panel .menu_wrap .elMenu .elContent {
  height: 160px;
  background: var(--color-panel);
}
.fixed_panel .menu_wrap .elMenu .elContent > .content {
  height: 100%;
}
.fixed_panel .menu_wrap .elMenu .elContent > .content.active {
  justify-content: flex-start;
}
.fixed_panel .menu_wrap .elMenu .elPreloader {
  background: var(--color-panel);
}
.fixed_panel .menu_wrap .elMenu .elPreloader > * {
  position: static;
}
.fixed_panel .menu_wrap .elMenu.open .elClose {
  opacity: 1;
  pointer-events: all;
}
.fixed_panel .activities_stats {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 390px;
  height: 60px;
  margin-left: auto;
  padding-left: 36px;
  font-size: 14px;
}
.fixed_panel .activities_stats::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-blue-700);
  z-index: 0;
  -webkit-clip-path: polygon(24px 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(24px 0, 100% 0, 100% 100%, 0% 100%);
}
.fixed_panel .activities_stats > .block {
  z-index: 1;
}
.fixed_panel .activities_stats > .block .progress {
  width: 180px;
  margin-right: 20px;
  cursor: pointer;
}
.fixed_panel .activities_stats > .button {
  margin-right: 24px;
}
.fixed_panel .activities_stats .empty {
  line-height: 16px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  margin: auto;
  padding: 0 16px;
  color: var(--color-transparent-light-400);
  z-index: 1;
}
@media (max-width: 1199.8px) {
  .fixed_panel {
    display: none;
  }
}

.fixed_panel2 {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9;
}
.fixed_panel2 .show_panel {
  position: absolute;
  bottom: 100%;
  left: 50%;
  display: flex;
  align-items: center;
  width: 128px;
  height: 44px;
  margin: 0 auto;
  padding: 14px 24px;
  background-image: url(./images/bg/panel_button_bg.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-radius: 12px 12px 0px 0px;
  transform: translateX(-50%);
  cursor: pointer;
  z-index: 9;
}
.fixed_panel2 .show_panel.open .icon {
  transform: rotate(180deg);
}
.fixed_panel2 .show_panel .clock {
  line-height: 16px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  display: block;
  height: -moz-fit-content;
  height: fit-content;
  margin-left: 20px;
  background: transparent;
}
.fixed_panel2 .menu_wrap {
  height: 0;
  transition: var(--transition);
}
.fixed_panel2 .menu_wrap .menu_overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background: var(--color-overlay);
  z-index: 8;
}
.fixed_panel2 .menu_wrap.open {
  height: 244px;
}
.fixed_panel2 .menu_wrap.open .menu_overlay {
  display: block;
}
.fixed_panel2 .menu_wrap .gaming_bottom_menu {
  position: relative;
  z-index: 9;
}
.fixed_panel2 .menu_wrap .gaming_bottom_menu .categories_menu {
  display: flex;
  flex-flow: row nowrap;
  padding: 6px 24px 22px;
  background: var(--gradient-3);
}
.fixed_panel2 .menu_wrap .gaming_bottom_menu .categories_menu .categories_item.mdrag {
  --slider-gap: 8px;
}
.fixed_panel2 .menu_wrap .gaming_bottom_menu .categories_menu .categories_item.s-tab {
  opacity: 1;
}
.fixed_panel2 .menu_wrap .gaming_bottom_menu .categories_menu .categories_item .link {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 700;
}
.fixed_panel2 .menu_wrap .gaming_bottom_menu .categories_menu .categories_item.active .link, .fixed_panel2 .menu_wrap .gaming_bottom_menu .categories_menu .categories_item:hover .link {
  color: inherit;
  background: var(--color-blue-700);
}
.fixed_panel2 .menu_wrap .gaming_bottom_menu > .menu_content {
  height: 192px;
  background: var(--color-grey-700);
}
.fixed_panel2 .menu_wrap .gaming_bottom_menu > .menu_content .content {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.fixed_panel2 .menu_wrap .gaming_bottom_menu > .menu_content .content .s-content {
  width: 100%;
}
.fixed_panel2 .menu_wrap .gaming_bottom_menu > .menu_content .content .s-content > * {
  position: static;
}
.fixed_panel2 .menu_wrap .gaming_bottom_menu > .menu_content .content .s-content .loader_overlay {
  height: 192px;
}
@media (max-width: 1199.8px) {
  .fixed_panel2 {
    display: none;
  }
}

form .form-row {
  --gap: 10px;
  --gap-n: calc(-1 * var(--gap));
  display: flex;
  flex-flow: row wrap;
  width: calc(100% + var(--gap));
  margin-left: var(--gap-n);
}
form .form-row.nowrap {
  flex-flow: row nowrap;
}
form .form-row .form-column {
  flex: 1 1 auto;
  min-width: unset;
  margin-left: var(--gap);
}
form .form-row .form-column.rigid {
  flex-grow: 0;
}
form .form-row .form-column.flex {
  flex-grow: 1;
}
form .form-row .form-column.w-25 {
  flex-basis: calc(25% - var(--gap));
}
form .form-row .form-column.w-33 {
  flex-basis: calc(33.33% - var(--gap));
}
form .form-row .form-column.w-50 {
  flex-basis: calc(50% - var(--gap));
}
form .form-row .form-column.w-66 {
  flex-basis: calc(66.66% - var(--gap));
}
form .form-row .form-column.w-75 {
  flex-basis: calc(75% - var(--gap));
}
form .form-row .form-column.w-100 {
  flex-basis: calc(100% - var(--gap));
}
form .form-group:not(.mb-0) {
  margin-bottom: 8px;
}
form .group_title {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: bold;
  margin-bottom: 12px;
  color: var(--color-primary);
}
form .group_title.white {
  color: var(--color-white);
}
@media (max-width: 575.8px) {
  form .group_title {
    margin-bottom: 8px;
  }
}

.form-group {
  display: grid;
  grid-template-areas: "label" "input" "error";
  grid-template-columns: minmax(0, 1fr);
}
.form-group.no_error > .help-block {
  display: none;
}
.form-group.checkbox label, .form-group.radio label {
  display: flex;
  align-items: center;
}
.form-group.checkbox label:last-child, .form-group.radio label:last-child {
  margin-bottom: 0;
}
.form-group.checkbox label i.checkbox,
.form-group.checkbox label i.radio, .form-group.radio label i.checkbox,
.form-group.radio label i.radio {
  flex: 0 0 auto;
  margin-right: 8px;
}
.form-group > label {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  grid-area: label;
  margin-bottom: 4px;
  color: var(--color-grey-400);
}
.form-group > input,
.form-group > .checkbox,
.form-group > .radio {
  grid-area: input;
}
.form-group > input.has-icon-right + .icon,
.form-group > .checkbox.has-icon-right + .icon,
.form-group > .radio.has-icon-right + .icon {
  margin-right: 8px;
  margin-left: auto;
}
.form-group > textarea {
  grid-area: input;
}
.form-group > .select2 {
  grid-area: input;
  margin-bottom: 20px;
}
.form-group > .select2.select2-container {
  width: 100% !important;
}
.form-group > a {
  grid-area: input;
  align-self: center;
}
.form-group > .icon,
.form-group > .hint-icon,
.form-group > .toggle-password {
  display: flex;
  grid-area: input;
  justify-content: center;
  align-items: center;
  height: 40px;
  font-size: 24px;
  color: var(--color-grey-400);
  z-index: 1;
}
.form-group > .icon,
.form-group > .hint-icon {
  width: 24px;
}
.form-group > .icon {
  margin-right: auto;
  margin-left: 8px;
}
.form-group > .hint-icon {
  margin-right: 8px;
  margin-left: auto;
  cursor: pointer;
}
.form-group > .toggle-password {
  margin-left: auto;
  padding: 0 8px;
  cursor: pointer;
}
.form-group > .help-block {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  grid-area: error;
  min-height: 16px;
  margin-top: 4px;
  color: var(--color-grey-400);
}
.has-error.form-group > .help-block {
  color: var(--color-warning);
}

.form-group > .help-block.copy-success {
  color: var(--color-success);
}
.form-group.field_wrap input {
  padding-right: 124px;
}
.form-group.field_wrap .field_button {
  grid-area: input;
  align-self: center;
  margin: 0;
  margin-right: 4px;
  color: var(--color-white);
  justify-self: end;
}
.form-group.hidden {
  display: none;
}

input,
textarea {
  width: auto;
  font-family: inherit;
  color: var(--color-white);
  background-color: var(--color-grey-700);
  border: 1px solid var(--color-grey-500);
  border-radius: 8px;
  transition: var(--transition);
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: var(--color-grey-400);
}
input:focus-visible,
textarea:focus-visible {
  outline: none;
}
input:hover,
textarea:hover {
  border-color: var(--color-grey-400);
}
input:focus,
textarea:focus {
  border-color: var(--color-blue-500);
}
input.disabled, input:disabled,
textarea.disabled,
textarea:disabled {
  color: var(--color-grey-400);
  background-color: var(--color-grey-600);
  border: none;
  -webkit-opacity: 1;
  pointer-events: none;
  -webkit-text-fill-color: var(--color-grey-400);
}

input {
  filter: none;
  line-height: 16px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  height: 40px;
  padding: 0 12px;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
  -webkit-box-shadow: inset 0 0 0 40px var(--color-grey-600) !important;
  -webkit-transition: 5000s ease background-color !important;
  transition: 5000s ease background-color !important;
  -webkit-text-fill-color: var(--color-white) !important;
}
input:-webkit-autofill {
  caret-color: var(--color-white);
  border: 1px solid var(--color-grey-300);
}
input::-webkit-inner-spin-button {
  display: none;
}
input.has-icon {
  padding-left: 40px;
}
input.has-icon-right {
  padding-right: 40px;
}
input.input-clipboard {
  padding-right: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
input.input-clipboard + .copy_text {
  margin-left: auto;
  margin-right: 8px;
  cursor: pointer;
}
.has-success input {
  border-color: var(--color-success);
}

.has-error input {
  border-color: var(--color-warning);
}

textarea {
  height: 110px;
  padding: 12px;
  resize: none;
}
.has-success textarea {
  border-color: var(--color-success);
}

.has-error textarea {
  border-color: var(--color-warning);
}

input[type=checkbox],
input[type=radio] {
  display: none;
}
input[type=checkbox] + .checkbox, input[type=checkbox] + .radio,
input[type=radio] + .checkbox,
input[type=radio] + .radio {
  display: flex;
  width: 24px;
  height: 24px;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}
input[type=checkbox] + .checkbox.center, input[type=checkbox] + .radio.center,
input[type=radio] + .checkbox.center,
input[type=radio] + .radio.center {
  margin: auto;
}

input[type=checkbox]:not(:checked) + .checkbox,
input[type=radio]:not(:checked) + .checkbox {
  background-image: url("./images/form/checkbox_off.png");
}
input[type=checkbox]:not(:checked) + .radio,
input[type=radio]:not(:checked) + .radio {
  background-image: url("./images/form/radio_off.png");
}
input[type=checkbox]:not(:checked):hover + .checkbox,
input[type=radio]:not(:checked):hover + .checkbox {
  background-image: url("./images/form/checkbox_off_hover.png");
}
input[type=checkbox]:not(:checked):hover + .radio,
input[type=radio]:not(:checked):hover + .radio {
  background-image: url("./images/form/radio_off_hover.png");
}
input[type=checkbox]:not(:checked):disabled + .checkbox,
input[type=radio]:not(:checked):disabled + .checkbox {
  background-image: url("./images/form/checkbox_off_disabled.png");
}
input[type=checkbox]:not(:checked):disabled + .radio,
input[type=radio]:not(:checked):disabled + .radio {
  background-image: url("./images/form/radio_off_disabled.png");
}
input[type=checkbox]:checked + .checkbox,
input[type=radio]:checked + .checkbox {
  background-image: url("./images/form/checkbox_on.png");
}
input[type=checkbox]:checked + .radio,
input[type=radio]:checked + .radio {
  background-image: url("./images/form/radio_on.png");
}
input[type=checkbox]:checked:disabled + .checkbox,
input[type=radio]:checked:disabled + .checkbox {
  background-image: url("./images/form/checkbox_off_disabled.png");
}
input[type=checkbox]:checked:disabled + .radio,
input[type=radio]:checked:disabled + .radio {
  background-image: url("./images/form/radio_off_disabled.png");
}

.switch_toggle {
  position: relative;
  display: block;
  width: 40px;
  min-width: 40px;
  height: 24px;
  background: var(--color-grey-500);
  border-radius: 12px;
  cursor: pointer;
}
.switch_toggle span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  transition: var(--transition);
  pointer-events: none;
}
.switch_toggle span::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  background: var(--color-white);
  border-radius: 12px;
  transition: var(--transition);
}
.switch_toggle span::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 6px;
  width: 6px;
  height: 6px;
  border: 1px solid var(--color-grey-100);
  border-radius: 6px;
  transform: translateY(-50%);
}
.switch_toggle .active ~ span,
.switch_toggle input.checked ~ span {
  background: var(--color-green-500);
}
.switch_toggle .active ~ span::after,
.switch_toggle input.checked ~ span::after {
  transform: translateX(calc(100% - 4px));
}
.switch_toggle .active ~ span::before,
.switch_toggle input.checked ~ span::before {
  left: 9px;
  width: 1px;
  height: 10px;
  background: var(--color-grey-100);
  border: none;
  border-radius: 1px;
}

.games_jackpot_wrap {
  display: flex;
  align-items: center;
  background: var(--color-blue-500);
  opacity: 1;
}
.games_jackpot_wrap .jackpot_bg {
  width: auto;
  max-width: 168px;
  height: 100%;
}
.games_jackpot_wrap .jackpot_info {
  margin-right: 16px;
  white-space: nowrap;
  z-index: 2;
}
.games_jackpot_wrap .jackpot_info .title {
  line-height: 28px;
  font-size: 20px;
  letter-spacing: 0px;
  font-weight: 700;
  color: var(--color-grey-300);
}
.games_jackpot_wrap .jackpot_info .money {
  line-height: 54px;
  font-size: 40px;
  letter-spacing: 0px;
  font-weight: 700;
}
.games_jackpot_wrap .jackpot_info .more_games {
  margin-top: 16px;
}
.games_jackpot_wrap .slider_jackpots .game_caption {
  color: var(--color-grey-300);
}
@media (max-width: 767.8px) {
  .games_jackpot_wrap {
    flex-flow: column;
    padding-bottom: 16px;
  }
  .games_jackpot_wrap .jackpot_bg {
    display: none;
  }
  .games_jackpot_wrap .jackpot_info {
    margin: 32px 16px 24px 16px;
  }
  .games_jackpot_wrap .jackpot_info .money {
    line-height: 44px;
    font-size: 32px;
    letter-spacing: 0px;
    font-weight: 700;
  }
  .games_jackpot_wrap .jackpot_info .more_games {
    display: none;
  }
}

div.cards_gift {
  display: grid;
  grid-auto-flow: column;
  gap: 16px 12px;
  cursor: auto;
}
div.cards_gift .card .content_wrap {
  display: flex;
  width: 300px;
  height: 110px;
  background: var(--color-blue-900);
  border-radius: 16px;
}
div.cards_gift .card .content_wrap .content {
  flex: 1;
  padding: 16px 0 16px 16px;
  color: var(--color-stroke);
}
div.cards_gift .card .content_wrap .content .title {
  line-height: 22px;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 700;
  margin-bottom: 6px;
}
div.cards_gift .card .content_wrap .content .description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--color-grey-300);
}
div.cards_gift .card .content_wrap .image {
  display: flex;
  align-self: flex-end;
  width: 120px;
  height: 110px;
  border-radius: 0 16px 16px 0;
}
@media (min-width: 768px) {
  div.cards_gift {
    grid-auto-flow: row;
  }
}

.gradient-1 {
  background: var(--gradient-1);
}
.gradient-2 {
  background: var(--gradient-2);
}
.gradient-3 {
  background: var(--gradient-3);
}
.gradient-4 {
  background: var(--gradient-4);
}
.gradient-5 {
  background: var(--gradient-5);
}
.gradient-6 {
  background: var(--gradient-6);
}
.gradient-7 {
  background: var(--gradient-7);
}
.gradient-8 {
  background: var(--gradient-8);
}
.gradient-9 {
  background: var(--gradient-9);
}
.gradient-10 {
  background: var(--gradient-10);
}
.gradient-11 {
  background: var(--gradient-11);
}
.gradient-12 {
  background: var(--gradient-12);
}
.gradient-text-1 {
  background: var(--gradient-1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gradient-text-2 {
  background: var(--gradient-2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gradient-text-3 {
  background: var(--gradient-3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gradient-text-4 {
  background: var(--gradient-4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gradient-text-5 {
  background: var(--gradient-5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gradient-text-6 {
  background: var(--gradient-6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gradient-text-7 {
  background: var(--gradient-7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gradient-text-8 {
  background: var(--gradient-8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gradient-text-9 {
  background: var(--gradient-9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gradient-text-10 {
  background: var(--gradient-10);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gradient-text-11 {
  background: var(--gradient-11);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gradient-text-12 {
  background: var(--gradient-12);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.grid_categories {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  width: 100%;
}
.grid_categories.categories {
  grid-template-rows: repeat(auto-fit, 42px);
}
.grid_categories.categories .item {
  grid-row: span 3;
}
.grid_categories.categories .item .link {
  line-height: 22px;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 700;
  position: relative;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 16px;
  text-align: left;
  border-radius: 16px;
}
.grid_categories.categories .item .link .icon {
  margin: 8px 8px 8px 0;
}
.grid_categories.categories .item:first-child {
  grid-row: span 2;
}
.grid_categories.categories .item:last-child:nth-child(2n) {
  grid-row: span 2;
}
.grid_categories.categories .item:last-child:nth-child(2n+1) {
  grid-row: span 1;
}
.grid_categories.features .item .item_feature {
  width: 100%;
}

.grid_games {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  align-content: start;
  gap: 10px;
}
.grid_games .next_page {
  display: flex;
  grid-column: 1/-1;
  justify-content: center;
  margin-top: 10px;
}
.grid_games .empty {
  display: flex;
  grid-column: 1/-1;
  justify-content: center;
  text-align: center;
}
.grid_games .loading {
  grid-column: 1/-1;
  max-width: 250px;
  margin: auto;
}
.grid_games .loading img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 575.8px) {
  .grid_games.catalog .item:first-child,
  .grid_games.catalog .item:nth-child(18) {
    grid-column: 1/-1;
  }
  .grid_games.catalog .item:first-child .item_game,
  .grid_games.catalog .item:nth-child(18) .item_game {
    background: var(--color-panel);
    border-radius: 16px;
  }
  .grid_games.catalog .item:first-child .item_game .overlay,
  .grid_games.catalog .item:nth-child(18) .item_game .overlay {
    border-radius: 16px;
  }
  .grid_games.catalog .item:first-child .item_game .overlay .actions,
  .grid_games.catalog .item:first-child .item_game .overlay .info,
  .grid_games.catalog .item:first-child .item_game .overlay .category_image_wrap,
  .grid_games.catalog .item:nth-child(18) .item_game .overlay .actions,
  .grid_games.catalog .item:nth-child(18) .item_game .overlay .info,
  .grid_games.catalog .item:nth-child(18) .item_game .overlay .category_image_wrap {
    opacity: 0;
  }
  .grid_games.catalog .item:first-child .item_game .game_caption,
  .grid_games.catalog .item:nth-child(18) .item_game .game_caption {
    height: 56px;
    margin-top: 0;
    padding: 8px 16px;
  }
  .grid_games.catalog .item:first-child .item_game .game_caption .provider_icon,
  .grid_games.catalog .item:nth-child(18) .item_game .game_caption .provider_icon {
    height: 20px;
  }
  .grid_games.catalog .item:first-child .item_game .game_caption > .caption,
  .grid_games.catalog .item:nth-child(18) .item_game .game_caption > .caption {
    line-height: 28px;
    font-size: 20px;
    letter-spacing: 0px;
    font-weight: 700;
    color: var(--color-stroke);
  }
}

@media (max-width: 575.8px) {
  .grid_games {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 8px;
  }
}
.grid_card_promo {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 24px;
  justify-items: center;
}
.grid_card_promo .card_wrap:nth-child(3n-2) .gradient-place {
  background: var(--gradient-3);
}
.grid_card_promo .card_wrap:nth-child(3n-1) .gradient-place {
  background: var(--gradient-5);
}
.grid_card_promo .card_wrap:nth-child(3n) .gradient-place {
  background: var(--gradient-1);
}

.grid_providers {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(186px, 1fr));
  gap: 6px;
}

.icon {
  line-height: 24px;
  font-size: 24px;
}

.item_feature {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  width: 168px;
  height: 92px;
  padding: 16px;
  background-color: var(--color-panel);
  border-radius: 16px;
}
.item_feature::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  border-radius: 16px;
  transition: var(--transition);
}
.item_feature:hover {
  color: var(--color-stroke);
}
.item_feature:hover::after {
  background: var(--color-transparent-light-100);
}
.item_feature.active {
  color: var(--color-stroke);
}
.item_feature.active::after {
  background: var(--gradient-1);
}
.item_feature.active .icon {
  -webkit-text-fill-color: inherit;
}
.item_feature .icon {
  background: var(--gradient-1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  z-index: 1;
}
.item_feature .caption {
  line-height: 24px;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: bold;
  margin-top: 12px;
  z-index: 1;
}

.item_game {
  position: relative;
}
.item_game .overlay {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}
.item_game .overlay .image:before {
  content: "";
  display: block;
  height: 0;
  padding-top: 66.6666666667%;
}
.item_game .overlay .image img,
.item_game .overlay .image video {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.item_game .overlay .image img.animated,
.item_game .overlay .image video.animated {
  display: none;
  visibility: hidden;
}
.item_game .overlay .actions {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(21, 21, 21, 0) 0%, #151515 100%);
  transition: var(--transition);
  opacity: 0;
  will-change: opacity;
}
.item_game .overlay .actions .button_real {
  margin-bottom: 10px;
  z-index: 1;
}
.item_game .overlay .actions .button_demo {
  margin-bottom: 16px;
  text-decoration: underline;
}
.item_game .overlay .actions .button_demo:not(:hover) {
  color: var(--color-grey-300);
}
.item_game .overlay .category_image_wrap {
  position: absolute;
  top: 3px;
  left: 3px;
  transition: var(--transition);
}
.item_game .overlay .category_image_wrap.dropsandwins {
  top: 4px;
  right: 4px;
  left: unset;
}
.item_game .overlay .category_image_wrap.dropsandwins img {
  width: 24px;
  height: 24px;
}
.item_game .overlay .category_image_wrap img {
  display: flex;
  width: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
.item_game .overlay .info {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  padding: 4px 8px;
  background-color: var(--color-transparent-dark-500);
  opacity: 0;
}
.item_game .overlay .info > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 100%;
  text-align: center;
  color: var(--color-grey-400);
}
.item_game .overlay .jackpot {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 24px;
  text-align: center;
  color: var(--color-green-500);
  background: var(--color-transparent-dark-500);
}
.item_game .overlay .bottom_shadow {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 80px;
  background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}
.item_game .overlay .provider_label {
  position: absolute;
  bottom: 12px;
  left: 12px;
  display: flex;
  align-items: center;
  width: calc(100% - 24px);
  height: 24px;
}
.item_game .overlay .provider_label .provider_extra_icon {
  height: 100%;
  margin-right: 8px;
}
.item_game .overlay .provider_label .caption {
  line-height: 20px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
}
.item_game .add_fav_wrap {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  width: 40px;
  height: 40px;
  background: var(--gradient-2);
  border-radius: 50%;
}
.item_game .add_fav_wrap .add_fav {
  display: flex;
  margin: auto;
  padding: 0;
  color: var(--color-white);
  background: none;
  border: none;
}
.item_game .game_caption {
  display: inline-flex;
  flex-flow: row nowrap;
  width: 100%;
  height: 16px;
  margin-top: 6px;
  color: var(--color-grey-500);
}
.item_game .game_caption .provider_icon {
  width: auto;
  height: 100%;
  margin-right: 8px;
  opacity: 0.2;
  -o-object-fit: contain;
     object-fit: contain;
}
.item_game .game_caption > .caption {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: inherit;
}
.item_game .game_caption .real_money {
  margin-left: auto;
}
.item_game .game_caption .real_money .icon {
  line-height: 16px;
  font-size: 16px;
}
.item_game:hover .overlay .actions,
.item_game:hover .overlay .info {
  visibility: visible;
  opacity: 1;
}
.item_game:hover .overlay .image .animated {
  display: block;
}
.item_game:hover .overlay .image .animated.lazyloaded {
  visibility: visible;
}
.item_game:hover .overlay .category_image_wrap {
  opacity: 0;
}

@media (max-width: 767.8px) {
  .item_game .info {
    display: none;
  }
  .item_game .actions {
    opacity: 0 !important;
  }
  .item_game .actions .button_real {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.item_game2 {
  position: relative;
  background: var(--color-panel);
  border-radius: 16px;
}
.item_game2 .image {
  overflow: hidden;
  width: 100%;
  height: 66.6666666667%;
  border-radius: 16px;
}
.item_game2 .image img {
  display: flex;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.item_game2 .panel {
  display: flex;
  padding: 16px;
}
.item_game2 .panel .block {
  display: flex;
  flex-flow: row wrap;
  width: calc(100% - 40px);
  padding-right: 16px;
}
.item_game2 .panel .block .caption {
  line-height: 24px;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 100%;
}
.item_game2 .panel .block .meta {
  display: flex;
  align-items: center;
  margin-top: 4px;
}
.item_game2 .panel .block .meta .provider_icon {
  display: flex;
  width: auto;
  height: 16px;
  margin-right: 8px;
}
.item_game2 .panel .block .meta .jeckpot_amount {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-grey-500);
}

.item_news {
  display: block;
  padding: 12px 0;
  background: var(--color-grey-600);
  border-radius: 12px;
}
.item_news.new {
  box-shadow: 0px 4px 14px rgba(98, 75, 255, 0.6);
}
.item_news.hot {
  background: var(--gradient-3);
}
.item_news.hot .header,
.item_news.hot .footer {
  --text-color: var(--color-grey-100);
}
.item_news.check_open .header .checkbox {
  display: block;
}
.item_news .header {
  --text-color: var(--color-grey-400);
  display: flex;
  align-items: center;
  height: 32px;
  padding: 0 24px;
}
.item_news .header .date {
  line-height: 16px;
  font-size: 10px;
  letter-spacing: 0px;
  font-weight: 500;
  margin-right: auto;
  color: var(--text-color);
}
.item_news .header .checkbox {
  display: none;
  width: 24px;
  height: 24px;
  margin: 0;
}
.item_news .content {
  min-height: 96px;
  margin: 8px 0;
}
.item_news .content .text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 32px;
  font-size: 24px;
  letter-spacing: 0px;
  font-weight: 700;
  padding: 0 24px;
  color: var(--color-white);
}
@media (max-width: 1023.8px) {
  .item_news .content .text {
    line-height: 28px;
    font-size: 20px;
    letter-spacing: 0px;
    font-weight: 700;
  }
}
.item_news .footer {
  --text-color: var(--color-grey-400);
  display: flex;
  align-items: center;
  height: 52px;
}
.item_news .footer .status {
  display: flex;
  align-items: center;
  margin-left: 24px;
  color: var(--text-color);
}
.item_news .footer .status .icon {
  margin-right: 12px;
}
.item_news .footer .status span {
  line-height: 16px;
  font-size: 10px;
  letter-spacing: 0px;
  font-weight: 500;
}
.item_news .footer .open_post {
  margin-right: 12px;
  margin-left: auto;
}
.item_news .footer .open_post .icon {
  color: var(--color-primary);
}

.item_provider_game {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 148px;
  height: 64px;
  padding: 8px 12px;
  color: var(--color-white);
  background-color: var(--color-panel);
  border: none;
  border-radius: 16px;
  transition: none;
}
.item_provider_game::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  border-radius: 16px;
  transition: var(--transition);
}
.item_provider_game:hover {
  color: var(--color-stroke);
}
.item_provider_game:hover::after {
  background: var(--color-transparent-light-100);
}
.item_provider_game.active {
  background: var(--gradient-1);
}
.item_provider_game img {
  width: 48px;
  height: 48px;
  margin-right: 8px;
  -o-object-fit: contain;
     object-fit: contain;
}
.item_provider_game .caption {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.slider .item_provider_game,
.drag-slider .item_provider_game {
  width: 100%;
}

.item_provider_pay {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: 64px;
  padding: 8px;
  background: var(--color-white);
  border-radius: 16px;
}
.item_provider_pay.compact {
  padding: 4px;
  border-radius: 6px;
}
.item_provider_pay .caption {
  width: 100%;
  height: 100%;
}
.item_provider_pay .caption img,
.item_provider_pay img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.language_dropdown_button {
  width: 160px;
  text-transform: uppercase;
}
.language_dropdown_button[aria-expanded=true] .icon {
  transform: rotate(180deg);
}

.language_dropdown {
  width: 160px;
}
.language_dropdown .item .link {
  line-height: 16px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  display: block;
  width: 100%;
  padding: 12px;
  transition: var(--transition);
}
.language_dropdown .item .link:hover {
  color: inherit;
  background-color: var(--color-transparent-light-100);
}

.loader_overlay {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  background: var(--color-transparent-dark-400);
  z-index: 3;
}

.loader {
  margin: auto;
  opacity: 0.85;
}

.loader_logo {
  width: 140px;
}

.modal .loader_logo {
  width: 180px;
}

.mdrag {
  --slider-gap: 10px;
  scrollbar-width: none;
  gap: var(--slider-gap);
  overflow: auto;
  margin-bottom: -16px;
  padding-bottom: 16px;
  cursor: pointer;
}
.mdrag::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.mdrag.side_gap_6 {
  --slider-gap: 6px;
}
.mdrag.side_gap_8 {
  --slider-gap: 8px;
}
.mdrag.side_gap_10 {
  --slider-gap: 10px;
}
.mdrag.side_gap_12 {
  --slider-gap: 12px;
}
.mdrag.side_gap_14 {
  --slider-gap: 14px;
}
.mdrag.side_gap_16 {
  --slider-gap: 16px;
}
.mdrag.side_gap_24 {
  --slider-gap: 24px;
}
.mdrag.side_gap::before, .mdrag.side_gap_6::before, .mdrag.side_gap_8::before, .mdrag.side_gap_10::before, .mdrag.side_gap_12::before, .mdrag.side_gap_14::before, .mdrag.side_gap_16::before, .mdrag.side_gap_24::before, .mdrag.side_gap::after, .mdrag.side_gap_6::after, .mdrag.side_gap_8::after, .mdrag.side_gap_10::after, .mdrag.side_gap_12::after, .mdrag.side_gap_14::after, .mdrag.side_gap_16::after, .mdrag.side_gap_24::after {
  content: "";
  display: block;
  grid-row: 1/-1;
  width: calc(var(--container-padding) - var(--slider-gap));
}
.mdrag.row-2 {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-auto-flow: column;
  justify-content: start;
}

.menu_games {
  display: grid;
  align-items: center;
  gap: 16px;
  height: 64px;
}
.menu_games .item .button:not(.active) {
  color: var(--color-grey-400);
  background: none;
  box-shadow: none;
}
.menu_games .item .button:not(.active)::before {
  display: none;
}
.menu_games .item .button:not(.active):hover {
  color: var(--color-primary);
}
.menu_games .item .icon {
  display: none;
}
.menu_games .item.recent .icon {
  display: block;
}
.menu_games .item.recommended .icon {
  display: block;
}
.menu_games .item.active:nth-child(8n+1) .button {
  --button-bg: var(--gradient-1);
  --button-hover-bg: #ff3b3b;
  color: var(--color-stroke) !important;
  background: var(--gradient-1);
}
.menu_games .item.active:nth-child(8n+1) .button::before {
  display: block;
}
.menu_games .item.active:nth-child(8n+2) .button {
  --button-bg: var(--gradient-8);
  --button-hover-bg: #ff3d00;
  color: var(--color-stroke) !important;
  background: var(--gradient-8);
}
.menu_games .item.active:nth-child(8n+2) .button::before {
  display: block;
}
.menu_games .item.active:nth-child(8n+3) .button {
  --button-bg: var(--gradient-3);
  --button-hover-bg: #3e7bfa;
  color: var(--color-stroke) !important;
  background: var(--gradient-3);
}
.menu_games .item.active:nth-child(8n+3) .button::before {
  display: block;
}
.menu_games .item.active:nth-child(8n+4) .button {
  --button-bg: var(--gradient-6);
  --button-hover-bg: #fddd48;
  color: var(--color-stroke) !important;
  background: var(--gradient-6);
}
.menu_games .item.active:nth-child(8n+4) .button::before {
  display: block;
}
.menu_games .item.active:nth-child(8n+5) .button {
  --button-bg: var(--gradient-8);
  --button-hover-bg: #d64c4c;
  color: var(--color-stroke) !important;
  background: var(--gradient-8);
}
.menu_games .item.active:nth-child(8n+5) .button::before {
  display: block;
}
.menu_games .item.active:nth-child(8n+6) .button {
  --button-bg: var(--gradient-1);
  --button-hover-bg: #ff3b3b;
  color: var(--color-stroke) !important;
  background: var(--gradient-1);
}
.menu_games .item.active:nth-child(8n+6) .button::before {
  display: block;
}
.menu_games .item.active:nth-child(8n+7) .button {
  --button-bg: var(--gradient-5);
  --button-hover-bg: #00cfde;
  color: var(--color-stroke) !important;
  background: var(--gradient-5);
}
.menu_games .item.active:nth-child(8n+7) .button::before {
  display: block;
}
.menu_games .item.active:nth-child(8n+8) .button {
  --button-bg: var(--gradient-4);
  --button-hover-bg: #73dfe7;
  color: var(--color-stroke) !important;
  background: var(--gradient-4);
}
.menu_games .item.active:nth-child(8n+8) .button::before {
  display: block;
}

nav.menu_main {
  scrollbar-width: none;
  gap: 32px;
  overflow-x: auto;
}
nav.menu_main::-webkit-scrollbar {
  width: 0;
  height: 0;
}
nav.menu_main .menu_item .icon {
  margin-right: 8px;
}
nav.menu_main .menu_item .caption {
  line-height: 28px;
  font-size: 20px;
  letter-spacing: 0px;
  font-weight: 700;
}
nav.menu_main .menu_item.active, nav.menu_main .menu_item:hover {
  color: var(--color-primary);
}

nav.menu_page .item .button:not(.active) {
  color: var(--color-grey-400);
  background: none;
  box-shadow: none;
}
nav.menu_page .item .button:not(.active)::before {
  display: none;
}
nav.menu_page .item .button:not(.active):hover {
  color: var(--color-primary);
}

.menu_panel {
  display: flex;
  width: 480px;
  max-width: 100vw;
  height: 56px;
  background: var(--color-panel);
  z-index: 4;
}
.menu_panel.fixed {
  position: fixed;
  bottom: 0;
  left: 50%;
  height: 72px;
  border-top: 1px solid var(--color-grey-900);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 8px 16px rgba(0, 0, 0, 0.32);
  transform: translateX(-50%);
}
.menu_panel.not_fixed {
  position: static;
  transform: none;
}
.menu_panel .compact {
  line-height: 16px;
  font-size: 10px;
  letter-spacing: 0px;
  font-weight: 500;
  display: flex;
  flex: 1 0 56px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  text-align: center;
  color: var(--color-stroke);
  background: none;
  border: none;
  border-radius: 20px 20px 0 0;
  cursor: pointer;
}
.menu_panel .compact .icon {
  margin-bottom: 2px;
  font-size: 26px;
}
.menu_panel .compact.active {
  align-self: flex-end;
  height: 80px;
  background: var(--gradient-1);
  transition: var(--transition);
}
.menu_panel .compact.signup > *, .menu_panel .compact.deposit > * {
  background: var(--gradient-5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.menu_panel .play_real {
  align-self: center;
}
@media (max-width: 575.8px) {
  .menu_panel .play_real.compact {
    display: none;
  }
  .menu_panel .play_real.button {
    display: flex;
  }
}
@media (min-width: 576px) {
  .menu_panel .play_real.button {
    display: none;
  }
}
.menu_panel .default_clock {
  line-height: 20px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  position: absolute;
  right: 0;
  bottom: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 28px;
  background: var(--color-panel);
  border-bottom: 1px solid var(--color-grey-900);
  border-radius: 8px 8px 0px 0px;
  box-shadow: -1px -1px 5px rgba(0, 0, 0, 0.25);
}
.menu_panel .game_clock {
  line-height: 16px;
  font-size: 10px;
  letter-spacing: 0px;
  font-weight: 500;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 2px 0;
  color: var(--color-transparent-light-300);
  transform: translate(-50%, -50%);
}
@media (max-width: 575.8px) {
  .menu_panel .game_clock {
    top: 0;
    transform: translateX(-50%);
  }
}
@media (min-width: 1200px) {
  .menu_panel {
    display: none;
  }
}
@media (max-width: 479.8px) {
  .menu_panel {
    border-radius: unset;
  }
  .menu_panel .clock {
    border-radius: 8px 0 0px 0px;
  }
}

.tippy-box .menu_dropdown_profile_wrap {
  display: block;
  width: 240px;
  padding: 16px;
}
.tippy-box .menu_dropdown_profile_wrap .block_bonus_info {
  margin-bottom: 16px;
}
.tippy-box .menu_dropdown_profile_wrap .block_bonus_info .progress {
  min-width: unset;
}
.tippy-box .menu_dropdown_profile_wrap .menu_dropdown_profile {
  display: grid;
}

.menu_dropdown_profile_wrap {
  display: none;
}

.menu_dropdown_profile {
  display: none;
  gap: 16px;
}
.menu_dropdown_profile .item {
  display: flex;
}
.menu_dropdown_profile .item .link {
  line-height: 24px;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 700;
  position: relative;
  width: 100%;
}
.menu_dropdown_profile .item .link .icon {
  margin-right: 8px;
}
.menu_dropdown_profile .item .link .block_badge {
  position: initial;
  display: flex;
  align-items: center;
}
.menu_dropdown_profile .item .link .block_badge .badge-right {
  position: initial;
  margin-left: 8px;
  color: var(--color-stroke) !important;
}
.menu_dropdown_profile .item .link_grey {
  color: var(--color-grey-400);
}
.menu_dropdown_profile .item:last-child .link {
  color: var(--color-grey-400);
}

nav {
  display: grid;
  gap: 32px;
}
nav.horizontal {
  grid-auto-flow: column;
}
nav.vertical {
  grid-auto-flow: row;
}

.menu_wrap.center {
  display: flex;
  justify-content: center;
}

.payments_gallery_wrap {
  margin: 0 auto;
}

.payments_gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 8px;
}
.payments_gallery > .item {
  position: relative;
  max-width: 250px;
}
.payments_gallery > .item.active::after {
  content: "";
  position: absolute;
  top: calc(100% + 16px);
  left: calc(50% - 16px);
  display: inline-block;
  width: 32px;
  height: 32px;
  background: var(--color-primary);
  box-shadow: none;
  transform: rotate(45deg);
  z-index: 0;
}
.payments_gallery > .item .payment_form {
  display: none;
}
.payments_gallery .empty {
  grid-column: 1/-1;
  text-align: center;
}
.payments_gallery.deposit > .item.disabled {
  cursor: pointer;
}
.payments_gallery.withdraw > .item.disabled {
  pointer-events: none;
}
.payments_gallery.withdraw .payment_form .form {
  width: 100%;
  max-width: 320px;
}
.payments_gallery.withdraw .payment_form .form .payment_form_title {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  margin-bottom: 20px;
  text-align: center;
  color: var(--color-grey-500);
}
@media (max-width: 373.8px) {
  .payments_gallery {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  }
  .payments_gallery > .item {
    width: 160px;
  }
}

.payment_card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 10px;
  background: var(--color-white);
  border-radius: 16px;
  transition: var(--transition);
  cursor: pointer;
}
.payment_card:hover {
  box-shadow: inset 0 0 0 2px var(--color-pink-500);
}
.payment_card.disabled {
  pointer-events: none;
}
.payment_card.disabled > * {
  opacity: 0.5;
}
.payment_card .payment_logo {
  width: 104px;
  height: 52px;
}
.payment_card .payment_logo svg,
.payment_card .payment_logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.payment_card .payment_limits {
  line-height: 16px;
  font-size: 10px;
  letter-spacing: 0px;
  font-weight: 500;
  display: block;
  flex: 1;
  margin-top: 4px;
  text-align: center;
  color: var(--color-grey-400);
}
.payment_card .disabled_overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  border-radius: 16px;
  opacity: 1;
}
.payment_card .disabled_overlay > .icon_wrap {
  display: flex;
  width: 40px;
  height: 40px;
  margin: auto;
  background: var(--color-transparent-dark-500);
  border-radius: 50%;
  box-shadow: var(--shadow-1);
}
.payment_card .disabled_overlay > .icon_wrap .icon {
  margin: auto;
}

.payment_form .header_modal .payment_card {
  justify-content: center;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
  padding: 4px 0;
  background: none;
  border: none !important;
  pointer-events: none;
}
.payment_form .header_modal .payment_card .payment_logo {
  width: 80px;
  height: 40px;
  margin: 0 12px;
}
.payment_form .header_modal .payment_card .payment_limits {
  margin-top: 0;
}
.payment_form .header_modal .payment_card .disabled_overlay {
  display: none;
}
@media (max-width: 767.8px) {
  .payment_form .header_modal .payment_card {
    flex-flow: row wrap;
  }
}
.payment_form form {
  overflow-y: auto;
}
.payment_form form::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: transparent;
  border-radius: 3px;
}
.payment_form form::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 3px;
}
.payment_form form::-webkit-scrollbar-thumb {
  background-color: var(--color-primary);
  border-radius: 3px;
}
.payment_form form .title_info {
  line-height: 28px;
  font-size: 20px;
  letter-spacing: 0px;
  font-weight: 700;
  margin-bottom: 24px;
  text-align: center;
}
.payment_form form .select2-container .option_wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}
.payment_form form .remove-button {
  margin-left: 10px;
}
.payment_form form .remove-button .icon {
  display: block;
}
.payment_form form .variants {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-flow: column;
  margin-bottom: 24px;
  gap: 8px;
}
.payment_form form .variants .variant input {
  display: none;
}
.payment_form form .variants .variant .variant_wrap {
  background-color: var(--color-panel);
  border: 2px solid transparent;
  border-radius: 8px;
  transition: var(--transition);
  cursor: pointer;
}
.payment_form form .variants .variant .variant_wrap .amount_variant,
.payment_form form .variants .variant .variant_wrap .amount_bonus {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 44px;
}
.payment_form form .variants .variant .variant_wrap .amount_variant {
  line-height: 20px;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 575.8px) {
  .payment_form form .variants .variant .variant_wrap .amount_variant {
    line-height: 24px;
    font-size: 14px;
    letter-spacing: 0px;
    font-weight: bold;
  }
}
.payment_form form .variants .variant .variant_wrap .amount_bonus {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: bold;
  position: relative;
  text-align: center;
  color: var(--color-transparent-light-500);
  border-top: 1px solid var(--color-transparent-light-100);
}
.payment_form form .variants .variant .variant_wrap .amount_bonus .plus {
  position: absolute;
  top: -8px;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 16px;
  color: var(--color-primary);
}
.payment_form form .variants .variant .variant_wrap .amount_bonus .plus .icon {
  font-size: inherit;
  color: inherit;
}
.payment_form form .variants .variant .variant_wrap .amount_bonus > .icon {
  margin-right: 4px;
  font-size: 16px;
}
@media (max-width: 575.8px) {
  .payment_form form .variants .variant .variant_wrap .amount_bonus {
    line-height: 16px;
    font-size: 12px;
    letter-spacing: 0px;
    font-weight: bold;
  }
}
.payment_form form .variants .variant input:checked + .variant_wrap {
  border-color: var(--color-primary);
}
.payment_form form .variants .variant input:checked + .variant_wrap .amount_bonus {
  color: var(--color-white);
  background: var(--gradient-3);
  border-top: none;
  border-radius: 0 0 6px 6px;
}
.payment_form form .variants .variant input:checked + .variant_wrap .amount_bonus .plus {
  color: var(--color-white);
}
.payment_form form .custom_variant {
  position: relative;
}
.payment_form form .custom_variant.form-row {
  --gap: 8px;
}
.payment_form form .custom_variant .group-name-amount-radio .calc_bonus_button > .amount {
  position: absolute;
  top: 21px;
  right: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 152px;
  height: 38px;
  padding: 0 8px;
  color: var(--color-transparent-light-400);
  background-color: var(--color-grey-600);
  border-left: 1px solid var(--color-transparent-light-100);
  border-radius: 0 8px 8px 0;
  cursor: pointer;
}
.payment_form form .custom_variant .group-name-amount-radio .calc_bonus_button > .amount .icon {
  margin-right: 4px;
  font-size: 16px;
}
.payment_form form .custom_variant .group-name-amount-radio .calc_bonus_button > .amount span {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 575.8px) {
  .payment_form form .custom_variant .group-name-amount-radio .calc_bonus_button > .amount span {
    line-height: 16px;
    font-size: 12px;
    letter-spacing: 0px;
    font-weight: bold;
  }
}
@media (max-width: 575.8px) {
  .payment_form form .custom_variant .group-name-amount-radio .calc_bonus_button > .amount {
    min-width: 132px;
  }
}
.payment_form form .custom_variant .group-name-amount-radio input:checked ~ .calc_bonus_button > .amount {
  color: var(--color-white);
  background: var(--gradient-3);
  border-color: transparent;
}
.payment_form form .custom_variant .group-name-amount input {
  width: 100%;
  padding-right: 160px;
}
.payment_form form .tips_wrap {
  margin-bottom: 24px;
}
.payment_form form .tips_wrap .tips_info {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  margin-top: 24px;
  margin-bottom: 12px;
  gap: 32px;
}
.payment_form form .tips_wrap .tips_info .reset_tips .hide {
  display: none;
}
.payment_form form .tips_wrap .tips_info .reset_tips.active .show {
  display: none;
}
.payment_form form .tips_wrap .tips_info .reset_tips.active .hide {
  display: flex;
}
.payment_form form .submit_wrap {
  display: flex;
  justify-content: center;
}
.payment_form.reason {
  grid-column: 1/-1;
  margin-top: 12px;
  z-index: 1;
}

.paymant_image {
  min-width: 60px;
  height: 24px;
  padding: 3px;
  background: var(--color-stroke);
  border-radius: 4px;
}

.tippy-box {
  --tippy-color: var(--color-panel);
  background: var(--tippy-color);
  filter: drop-shadow(2px 2px 4px var(--color-transparent-dark-400));
}
.tippy-box[data-placement^=top] > .tippy-arrow, .tippy-box[data-placement^=bottom] > .tippy-arrow, .tippy-box[data-placement^=right] > .tippy-arrow, .tippy-box[data-placement^=left] > .tippy-arrow {
  width: 16px;
  height: 16px;
  color: var(--tippy-color);
}
.tippy-box[data-placement^=top] > .tippy-arrow::before, .tippy-box[data-placement^=bottom] > .tippy-arrow::before, .tippy-box[data-placement^=right] > .tippy-arrow::before, .tippy-box[data-placement^=left] > .tippy-arrow::before {
  content: "";
  border-top-color: var(--tippy-color);
}
.tippy-box .tippy-content {
  padding: 0;
}
.tippy-box .tippy-content > * {
  z-index: 1;
}
.tippy-box[data-theme=super] {
  --tippy-color: var(--color-panel);
}
.tippy-box[data-theme=language_dropdown] {
  --tippy-color: var(--color-panel);
  overflow: hidden;
  border: 1px solid var(--color-grey-500);
  border-radius: 10px;
}

.prize_popup {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  text-align: center;
}

.completed_popup {
  max-width: 200px;
  min-width: 190px;
  padding: 20px;
  text-align: center;
}
.completed_popup span {
  line-height: 16px;
  font-size: 12px;
  font-weight: 500;
  white-space: normal;
  letter-spacing: 0.2px;
}

.progress {
  --color-main: var(--color-green-500);
  display: grid;
  grid-template-areas: "type right" "status right" "pgrss pgrss";
  grid-template-columns: 1fr auto;
  white-space: nowrap;
}
.progress.orange {
  --color-main: var(--color-grange-500);
}
.progress.pink {
  --color-main: var(--color-primary);
}
.progress.weekly {
  --color-main: var(--color-orange-500);
}
.progress .type {
  line-height: 16px;
  font-size: 10px;
  letter-spacing: 0px;
  font-weight: 500;
  grid-area: type;
}
.progress .status {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  grid-area: status;
  color: var(--color-main);
}
.progress .icon {
  grid-area: right;
  align-self: end;
  margin-bottom: 4px;
  font-size: 16px;
  color: var(--color-main);
}
.progress .percent {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 700;
  display: flex;
  grid-area: right;
}
.progress .percent .amount_full {
  color: var(--color-transparent-light-400);
}
.progress progress {
  --progress-border-radius: 4px;
  --progress-bar-border-radius: 4px;
  --progress-background: var(--color-transparent-light-200);
  --progress-background-bar: var(--color-main);
  height: 4px;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  --progress-bar-border-radius: 4px;
  grid-area: pgrss;
  width: 100%;
}
.progress progress[value]::-webkit-progress-bar {
  overflow: hidden;
  background: var(--progress-background);
  border-radius: var(--progress-border-radius);
}
.progress progress[value]::-moz-progress-bar {
  overflow: hidden;
  background: var(--progress-background);
  border-radius: var(--progress-border-radius);
}
.progress progress[value]::-webkit-progress-value {
  background: var(--progress-background-bar);
  border-radius: var(--progress-bar-border-radius);
}
.progress progress[value]::-moz-progress-value {
  background: var(--progress-background-bar);
  border-radius: var(--progress-bar-border-radius);
}

.promo_category_card {
  display: grid;
  grid-template-areas: "title button" "description button";
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 4px 16px;
  overflow: hidden;
  width: 300px;
  min-height: 104px;
  padding: 12px;
  background: var(--gradient-1);
  border-radius: 16px;
}
.promo_category_card .title {
  line-height: 28px;
  font-size: 20px;
  letter-spacing: 0px;
  font-weight: 700;
  grid-area: title;
}
.promo_category_card .description {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  grid-area: description;
  grid-template-columns: auto 1fr;
  color: var(--color-transparent-light-400);
}
.promo_category_card .description .color {
  color: var(--color-white);
}
.promo_category_card .button {
  grid-area: button;
}

.providers_grid_wrap {
  padding: 0 var(--side-padding);
}
.providers_grid_wrap .providers_game_grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fill, 148px);
  justify-content: space-around;
  gap: 20px 6px;
  overflow: hidden;
}
.providers_grid_wrap .providers_game_grid .item_provider_game {
  max-width: 148px;
}
@media (max-width: 575.8px) {
  .providers_grid_wrap .providers_game_grid .item_provider_game {
    flex-direction: column;
    max-width: 104px;
    min-width: 104px;
    height: 88px;
  }
  .providers_grid_wrap .providers_game_grid .item_provider_game > img {
    margin-right: 0;
    margin-bottom: 8px;
  }
}
@media (max-width: 575.8px) {
  .providers_grid_wrap .providers_game_grid {
    grid-template-columns: repeat(auto-fill, 104px);
    gap: 8px 6px;
  }
}
.providers_grid_wrap.open .providers_game_grid {
  height: auto !important;
}
.providers_grid_wrap .actions_wrap {
  display: none;
  justify-content: center;
  margin-top: 20px;
}
.providers_grid_wrap .actions_wrap .button .hide_providers {
  display: none;
}
.providers_grid_wrap .actions_wrap .button.open .show_providers {
  display: none;
}
.providers_grid_wrap .actions_wrap .button.open .hide_providers {
  display: block;
}
.providers_grid_wrap .actions_wrap.show {
  display: flex;
}

.questionnaire {
  padding: 124px 20px 20px;
  background: url("./images/questionnaire/main_bg.png"), var(--color-grey-800);
  background-repeat: no-repeat;
  background-position: top center;
  border-radius: 24px;
}
.questionnaire .highlighted_text {
  background: var(--gradient-5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.questionnaire .questionnaire_item {
  display: none;
  min-height: 380px;
  padding: 24px;
  background: url("./images/questionnaire/question_bg.png");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: auto;
  border-radius: 24px;
}
.questionnaire .questionnaire_item.full {
  background: url("./images/questionnaire/question_bg_full.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.questionnaire .questionnaire_item.end {
  padding: 90px 20px 134px;
  background: url("./images/questionnaire/arms.png"), url("./images/questionnaire/gift.png"), url("./images/questionnaire/question_bg.png");
  background-repeat: no-repeat;
  background-position: top 60px center, bottom center, bottom center;
  background-size: 100%, auto, auto;
}
.questionnaire .questionnaire_item.active {
  display: block;
}
.questionnaire .questionnaire_item.active.preview, .questionnaire .questionnaire_item.active.end {
  display: flex;
}
.questionnaire .questionnaire_item.preview, .questionnaire .questionnaire_item.end {
  justify-content: center;
  align-items: center;
}
.questionnaire .questionnaire_item.preview .questionnaire_content, .questionnaire .questionnaire_item.end .questionnaire_content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 374px;
  text-align: center;
}
.questionnaire .questionnaire_item.preview .questionnaire_content .title, .questionnaire .questionnaire_item.end .questionnaire_content .title {
  line-height: 44px;
  font-size: 32px;
  letter-spacing: 0px;
  font-weight: 700;
  margin-bottom: 0;
}
.questionnaire .questionnaire_item.preview .questionnaire_content .description, .questionnaire .questionnaire_item.end .questionnaire_content .description {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  margin: 8px 0 16px;
}
.questionnaire .questionnaire_item.confirmed {
  display: none;
}
@media (max-width: 767.8px) {
  .questionnaire .questionnaire_item {
    min-height: 450px;
    border-radius: 0;
  }
}
.questionnaire .questionnaire_form {
  display: none;
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
}
.questionnaire .questionnaire_form.active {
  display: block;
}
.questionnaire .questionnaire_form.loading .question_item {
  position: relative;
}
.questionnaire .questionnaire_form.loading .question_item:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.questionnaire .questionnaire_form.has-error .form-error {
  display: block;
}
.questionnaire .questionnaire_form.full .question_wrap {
  display: block;
  margin-bottom: 20px;
}
.questionnaire .questionnaire_form.full .question_wrap:last-child {
  margin-bottom: 0;
}
.questionnaire .questionnaire_form .question_title {
  line-height: 20px;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 700;
}
.questionnaire .questionnaire_form .question_title .question_num {
  color: var(--color-transparent-light-400);
}
.questionnaire .questionnaire_form .question_title:not(:empty) {
  margin-bottom: 12px;
}
.questionnaire .questionnaire_form .question_list {
  padding: 16px;
  background: var(--color-grey-700);
  border-radius: 16px;
}
.questionnaire .questionnaire_form .question_item {
  width: 100%;
}
.questionnaire .questionnaire_form .question_item .question {
  line-height: 20px;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 700;
  margin-bottom: 16px;
  color: var(--color-white);
}
.questionnaire .questionnaire_form .question_item .variants_list {
  line-height: 16px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  color: var(--color-transparent-light-500);
}
.questionnaire .questionnaire_form .question_item .variant_item {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
.questionnaire .questionnaire_form .question_item .variant_item input[type=checkbox]:checked ~ span,
.questionnaire .questionnaire_form .question_item .variant_item input[type=radio]:checked ~ span {
  color: var(--color-white);
}
.questionnaire .questionnaire_form .question_item .variant_item .checkbox,
.questionnaire .questionnaire_form .question_item .variant_item .radio {
  margin-right: 16px;
}
.questionnaire .questionnaire_form .question_item .variant_item span {
  flex: 1;
}
.questionnaire .actions_wrap {
  margin-top: 16px;
}
.questionnaire .form-error {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  display: none;
  margin-top: 16px;
  color: var(--color-red-500);
}
@media (max-width: 1023.8px) {
  .questionnaire {
    border-radius: 0;
  }
}
@media (max-width: 767.8px) {
  .questionnaire {
    padding: 140px 0 0;
    background-size: auto 140px;
  }
}

.search_empty {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  max-width: 1060px;
  min-height: 300px;
  margin: auto;
  padding: 20px 0;
}
.search_empty .message {
  text-align: center;
  z-index: 1;
}
.search_empty .message .icon {
  margin-bottom: 16px;
  font-size: 60px;
  line-height: 60px;
}
.search_empty .message .error {
  max-width: 280px;
  margin-bottom: 16px;
}
.search_empty .bg_img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.search_empty .bg_img .image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}

.section_title {
  display: flex;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
}
.section_title > span,
.section_title .caption {
  line-height: 24px;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: bold;
  margin-right: 4px;
}
.section_title .icon {
  margin-right: 8px;
}

.slider {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
}

.drag-slider .ds-nav {
  width: 24px;
  font-size: 24px;
  color: var(--color-primary);
  background-color: var(--color-transparent-dark-500);
  transition: var(--transition);
}
.drag-slider .ds-nav.disabled {
  opacity: 0;
}
.drag-slider.less.center .ds-track {
  justify-content: center;
}
.drag-slider.less .ds-track {
  justify-content: start;
}
.drag-slider .ds-track {
  margin-bottom: -10px;
  padding-bottom: 10px;
}
.drag-slider .ds-track.scrolling > * {
  pointer-events: none;
}
.drag-slider.nav-h-100 .ds-nav {
  height: 100% !important;
}
.drag-slider.side_gap_none .ds-track:before, .drag-slider.side_gap_none .ds-track:after {
  display: none !important;
}

.empty_slider {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-align: center;
}

.slider_games {
  --ds-nav-height: 150px;
}

.slider_promo {
  --slider-gap: 24px;
  row-gap: 8px;
}
@media (max-width: 1199.8px) {
  .slider_promo {
    --slider-gap: 16px;
  }
}

.item_pair {
  display: inherit;
  gap: inherit;
}

.slider .next_page {
  grid-row: 1/-1;
  align-self: center;
}

.social_links_block {
  margin: 0 auto 32px auto;
}
.social_links_block > h5 {
  text-align: center;
  color: var(--color-white);
}
.social_links_block .social_links_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 24px;
  margin-top: 16px;
}
.social_links_block .social_links_list .link_item > img {
  width: 24px;
}

.status_color.success, .status_color.verified {
  color: var(--color-success);
}
.status_color.error, .status_color.rejected, .status_color.refused {
  color: var(--color-warning);
}
.status_color.expired, .status_color.additional_info_required {
  color: var(--color-orange-500);
}
.status_color.panding, .status_color.waiting_review, .status_color.under_review {
  color: var(--color-yellow-500);
}
.status_color.waiting_review {
  color: var(--color-blue-300);
}

.switch_tabs .s-content:not(.active) {
  display: none;
}

.game_tag {
  display: inline-flex;
}
.game_tag .remove {
  display: flex;
  margin-right: -5px;
  cursor: pointer;
  z-index: 1;
}

.menu_tags {
  scrollbar-width: none;
  display: flex;
  display: none;
  align-items: center;
  overflow: auto;
  overflow-y: hidden;
}
.menu_tags::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.menu_tags.visible {
  display: flex;
}
.menu_tags .item {
  white-space: nowrap;
}
.menu_tags.mdrag {
  margin-bottom: 0;
}

.timeout_overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 16px;
  background: var(--color-grey-700);
  z-index: 2;
}
.timeout_overlay .timeout_title {
  line-height: 24px;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 700;
  margin-bottom: 2px;
  color: var(--color-stroke);
}
.timeout_overlay .timeout_description {
  margin-bottom: 24px;
  font-weight: 700;
  color: var(--color-grey-400);
}

.timer {
  display: flex;
  flex-flow: column nowrap;
  height: -moz-max-content;
  height: max-content;
  text-align: center;
}
.timer > .t_nums,
.timer > .t_badges {
  display: grid;
  grid: auto/repeat(4, minmax(28px, 1fr));
  width: -moz-max-content;
  width: max-content;
}
.timer .t_title {
  display: none;
}
.timer .t_nums {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 700;
  color: var(--color-primary);
}
.timer .t_badges {
  text-transform: lowercase;
  color: var(--color-grey-400);
}

.user_leaderboard {
  display: grid;
  grid-auto-flow: row;
  gap: 0;
  padding: 0 12px;
  justify-items: start;
}
.user_leaderboard.button > .title {
  margin-bottom: -1px;
}
.user_leaderboard > .title {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 700;
  width: 100%;
}
.user_leaderboard > .items_wrap {
  display: flex;
  justify-content: space-between;
}
.user_leaderboard > .items_wrap .item {
  display: grid;
  grid-template-areas: "title title" "icon value";
  grid-template-columns: auto 1fr;
}
.user_leaderboard > .items_wrap .item:not(:first-child) {
  margin-left: 12px;
}
.user_leaderboard > .items_wrap .item > .title {
  line-height: 16px;
  font-size: 10px;
  letter-spacing: 0px;
  font-weight: 500;
  grid-area: title;
}
.user_leaderboard > .items_wrap .item .icon {
  background: var(--gradient-10);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  grid-area: icon;
  margin-right: 4px;
  line-height: 16px;
  font-size: 16px;
}
.user_leaderboard > .items_wrap .item .value {
  line-height: 16px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  grid-area: value;
}

.modal_auth.modal_signin .content_modal {
  display: flex;
  flex-direction: column;
}
.modal_auth.modal_signin .side_content {
  display: grid;
  grid-template-areas: "." "gift" "text";
  grid-template-rows: 1fr auto 1fr;
  background-image: url("./images/auth/sign_in_bg_1.png");
}
.modal_auth.modal_signin .side_content .cards_gift {
  grid-area: gift;
  justify-self: center;
}
.modal_auth.modal_signin .side_content .text_gift {
  grid-area: text;
  align-self: end;
  padding: 16px;
}
.modal_auth.modal_signin .text_gift {
  line-height: 12px;
  font-size: 8px;
  letter-spacing: 0px;
  font-weight: 500;
  color: var(--color-transparent-light-300);
}
.modal_auth.modal_signin .small_title {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  color: var(--color-primary);
}
.modal_auth.modal_signin .popup_footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 8px 16px;
  background: var(--color-panel);
  border-bottom-right-radius: 16px;
}
.modal_auth.modal_signin .popup_footer .popup_footer_title {
  margin-bottom: 4px;
  color: var(--color-grey-400);
}
@media (max-width: 767.8px) {
  .modal_auth.modal_signin .side_content {
    display: none;
  }
  .modal_auth.modal_signin .cards_gift {
    margin-bottom: 0;
    padding-bottom: 12px;
  }
}
.modal_auth.modal_signup .side_content {
  justify-content: flex-end;
  padding: 16px;
}
.modal_auth.modal_signup .side_content .bonus_title {
  width: 100%;
  text-align: center;
  background: var(--color-transparent-light-200);
  border: 1px solid var(--color-transparent-light-600);
  border-radius: 9px;
  z-index: 1;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
.modal_auth.modal_signup .bg_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--modal-border-radius) 0 0 var(--modal-border-radius);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.modal_auth.modal_signup .bonus_image {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 634px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom;
     object-position: bottom;
}
.modal_auth.modal_signup .verified_wrap {
  color: var(--color-grey-300);
}
.modal_auth.modal_signup .verified_wrap a {
  color: var(--color-primary);
}
.modal_auth.modal_signup .phone_wrap {
  display: grid;
  grid-template-areas: "phoneLabel phoneLabel" "phoneCode phone";
  grid-template-columns: auto 1fr;
  gap: 0 8px;
}
.modal_auth.modal_signup .phone_wrap > .phone_label {
  grid-area: phoneLabel;
  margin-bottom: 4px;
  line-height: 16px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0px;
  color: var(--color-grey-400);
}
.modal_auth.modal_signup .phone_wrap .group-name-phoneCode {
  grid-area: phoneCode;
  width: 61px;
}
.modal_auth.modal_signup .phone_wrap .group-name-phone {
  grid-area: phone;
}
.modal_auth.modal_signup .submit_wrap {
  margin: 0;
}
.modal_auth.modal_signup .submit_wrap .button {
  min-width: 126px;
  margin: 0 auto;
}
.modal_auth.modal_signup .submit_wrap .button.medium {
  line-height: 20px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
}
.modal_auth.modal_signup .socials {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 24px auto 0 auto;
}
.modal_auth.modal_signup .socials .text {
  margin: 0 16px 0 0;
}
.modal_auth.modal_signup .text_reg {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
}
@media (max-width: 767.8px) {
  .modal_auth.modal_signup .popup {
    display: block;
  }
  .modal_auth.modal_signup .side_content {
    width: 100%;
    height: 250px;
    padding: 16px 32px;
    border-radius: 16px 16px 0 0;
  }
  .modal_auth.modal_signup .bg_image {
    border-radius: 0;
  }
  .modal_auth.modal_signup .bonus_image {
    overflow: hidden;
    height: 100%;
    border-radius: 16px 16px 0 0;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center bottom;
       object-position: center bottom;
  }
  .modal_auth.modal_signup .content_modal {
    padding-top: 24px;
  }
  .modal_auth.modal_signup .popup_body > .title {
    display: none;
  }
}
@media (max-width: 575.8px) {
  .modal_auth.modal_signup .side_content {
    border-radius: 0;
  }
  .modal_auth.modal_signup .bonus_image {
    border-radius: 0;
  }
}

.modal_auth .container_modal {
  display: flex;
  min-height: 600px;
}
.modal_auth .side_content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 375px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  border-radius: 16px 0 0 16px;
}
.modal_auth .popup_body {
  max-width: 310px;
  margin: 0 auto;
}
.modal_auth .popup_body > .title {
  line-height: 32px;
  font-size: 24px;
  letter-spacing: 0px;
  font-weight: 700;
  margin-bottom: 24px;
  text-align: center;
  color: var(--color-stroke);
}
.modal_auth .submit_wrap {
  margin-top: 16px;
  text-align: center;
}
.modal_auth .socials,
.modal_auth .text_reg {
  margin: 16px auto 0 auto;
}
.modal_auth .text_reg {
  text-align: center;
  color: var(--color-grey-400);
}
@media (max-width: 767.8px) {
  .modal_auth .popup_body > .title {
    width: 100%;
    padding-right: 30px;
    text-align: left;
  }
}

.modal.modal_cashbox .container_modal {
  display: flex;
  flex-direction: column;
  width: 800px;
  min-height: 600px;
}
.modal.modal_cashbox .container_modal .content_modal .terms_wrap {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  text-align: center;
  color: var(--color-grey-400);
}
.modal.modal_cashbox .container_modal .content_modal .form_overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  background: var(--color-fill);
  z-index: 1;
}
.modal.modal_cashbox .container_modal .content_modal .form_overlay .icon {
  margin-bottom: 8px;
  font-size: 60px;
  color: var(--color-warning);
}
.modal.modal_cashbox .container_modal .content_modal .form_overlay .title {
  line-height: 28px;
  font-size: 20px;
  letter-spacing: 0px;
  font-weight: 700;
  text-align: center;
  color: var(--color-warning);
}
.modal.modal_cashbox .container_modal .content_modal .form_overlay .text {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  margin-bottom: 16px;
  text-align: center;
  color: var(--color-grey-400);
}
.modal.modal_cashbox .container_modal .content_modal .form_overlay .button {
  min-width: 235px;
}
.modal.modal_cashbox .container_modal .content_modal .low_balance {
  display: flex;
  justify-content: center;
}
.modal.modal_cashbox .container_modal .content_modal .cashbox_paymants {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.modal.modal_cashbox .container_modal .content_modal .cashbox_paymants > .title {
  line-height: 16px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  color: var(--color-grey-400);
}
.modal.modal_cashbox .container_modal .content_modal .cashbox_paymants .paymants_list {
  padding: 20px;
  background: var(--color-grey-700);
  border: 1px solid var(--color-panel);
  border-radius: 8px;
}
.modal.modal_cashbox .container_modal .content_modal .cashbox_paymants .paymants_list .item {
  line-height: 16px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  display: flex;
  align-items: center;
  min-height: 32px;
  gap: 8px;
}
.modal.modal_cashbox .container_modal .content_modal .cashbox_paymants .paymants_list .item .button {
  margin-left: auto;
}

.modal.modal_confirm_phone form {
  max-width: 260px;
  margin: auto;
}
.modal.modal_confirm_phone form .form {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.modal.modal_confirm_phone form .form .form-group {
  width: 100%;
}
.modal.modal_confirm_phone form .timer {
  line-height: 38px;
  font-size: 28px;
  letter-spacing: 0px;
  font-weight: 700;
  color: var(--color-green-500);
}
.modal.modal_confirm_phone form .text_info {
  margin-bottom: 16px;
  text-align: center;
  color: var(--color-grey-400);
}
.modal.modal_confirm_phone form .actions_wrap .button {
  min-width: 156px;
}

.modal_phone_verification .block_message .img_status .icon {
  color: var(--color-primary);
}
.modal_phone_verification .verification_content {
  padding-top: 8px;
}
.modal_phone_verification .verification_content .actions_wrap > .link_button {
  line-height: 16px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  padding-top: 12px;
  color: var(--color-primary);
}
.modal_phone_verification .verification_content .error-block {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 700;
  max-width: 440px;
  margin: 12px auto 0 auto;
  text-align: center;
  color: var(--color-warning);
}

.modal.info .popup {
  max-width: 600px;
  min-height: auto;
}
.modal.info .modal_header .title {
  display: flex;
  align-items: center;
}
.modal.info .modal_header .title i {
  display: block;
  margin-right: 8px;
}
.modal.info .content_modal .content_text {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  margin-bottom: 16px;
}
.modal.info .content_modal .content_text span {
  display: inline-block;
}
.modal.info .content_modal .content_text .sub {
  font-size: 12px;
  font-weight: bold;
}
.modal.info .content_modal .popup_actions {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-top: 16px;
}
.modal.info .content_modal .popup_actions.center {
  justify-content: center;
}
.modal.info .content_modal .popup_actions .button {
  min-width: 90px;
}
.modal.info .content_modal .popup_actions .button:not(:last-child) {
  margin-right: 8px;
}
.modal.info .content_modal .popup_actions .bonus_error {
  padding: 8px 0 0 0;
  line-height: 1;
  color: var(--color-red-400);
  line-height: 16px;
  font-size: 10px;
  letter-spacing: 0px;
  font-weight: 500;
}
@media (max-width: 575.8px) {
  .modal.info .modal_header .title:not(.mobile_left) {
    justify-content: center;
  }
}

.content_modal .block_message {
  margin: auto;
}

.modal_more_game .popup {
  overflow: auto;
  height: 100%;
  transform: translate3d(0, 0, 0);
}
@media (max-width: 1199.8px) {
  .modal_more_game .popup {
    transform: none;
  }
}
.modal_more_game .content_modal {
  padding-top: 2rem;
}
.modal_more_game h4 {
  margin: 0;
}
.modal_more_game .grid_games {
  margin-top: 2rem;
}
.modal_more_game .grid_games .item .button::before {
  transition: 0s;
}
.modal_more_game .grid_games .item .button:hover::before {
  transform: none !important;
}

.modal_app .popup {
  min-height: 600px;
}
.modal_bonuses .content_modal .block_items > .title {
  line-height: 28px;
  font-size: 20px;
  letter-spacing: 0px;
  font-weight: 700;
}
@media (max-width: 575.8px) {
  .modal_bonuses .content_modal .block_items > .title {
    text-align: center;
    justify-self: center;
  }
}
.modal_bonuses .content_modal .block_items .grid_promo {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}
.modal_bonuses .content_modal .block_items .grid_promo .bonus.card_promo {
  width: auto;
  max-width: 400px;
  min-width: 300px;
  height: 100%;
  margin: auto;
}
@media (max-width: 719.8px) {
  .modal_bonuses .content_modal .block_items .grid_promo {
    grid-template-columns: 1fr;
    width: auto;
    gap: 16px;
  }
}
.modal_bonuses .content_modal .block_items .empty_bonus {
  min-height: 300px;
}
.modal_bonuses .content_modal.empty {
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal_bonuses .content_modal.block_bonus_info_wrap {
  padding-top: 20px;
  padding-bottom: 20px;
  background: var(--color-grey-700);
  border-radius: 0 0 8px 8px;
}
@media (max-width: 575.8px) {
  .modal_bonuses .content_modal.block_bonus_info_wrap {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.modal_bonuses .content_modal.cover_absolute .img_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("./images/modal/jungle2.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.modal_bonuses .content_modal.cover_absolute .gradient_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: var(--gradient-13);
  opacity: 0.8;
  pointer-events: none;
  z-index: 0;
}
.modal_bonuses .content_modal.top-shadow {
  box-shadow: 0px -8px 4px 0px var(--color-transparent-dark-100);
}
.modal_bonuses .content_modal .button_link {
  line-height: 16px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 700;
  display: block;
  width: -moz-max-content;
  width: max-content;
  margin: 24px auto 0 auto;
  text-align: center;
  text-decoration: underline;
  color: var(--color-yellow-500);
}
.modal_bonuses .empty_bonus {
  line-height: 28px;
  font-size: 20px;
  letter-spacing: 0px;
  font-weight: 700;
  text-align: center;
  color: var(--color-stroke);
  z-index: 1;
}

.modal_deposit_poll .content_modal {
  overflow: unset;
}
.modal_deposit_poll .content_modal.success {
  padding: 2rem 1rem 1rem 1rem;
}
.modal_deposit_poll .content_modal.poll {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  padding: 1rem;
  background-color: var(--color-panel);
  border-radius: 1rem 1rem 14px 14px;
}
.modal_deposit_poll .content_modal.poll .main_content {
  display: flex;
  flex: 1 1 300px;
  flex-flow: column;
  align-items: center;
}
.modal_deposit_poll .content_modal.poll .main_content > * {
  margin: 0 0 1rem 0;
}
.modal_deposit_poll .content_modal.poll .main_content h2 {
  line-height: 32px;
  font-size: 24px;
  letter-spacing: 0px;
  font-weight: 700;
  text-align: center;
  color: var(--color-fill);
}
.modal_deposit_poll .content_modal.poll .main_content .text {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  color: var(--color-fill);
}
.modal_deposit_poll .content_modal.poll .main_content .button {
  min-width: 100px;
}
.modal_deposit_poll .content_modal.poll .image {
  flex: 0 1 220px;
  margin: 0 0 0 1rem;
}
.modal_deposit_poll .content_modal.poll .image img {
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

@media (max-width: 575.8px) {
  .modal_deposit_poll .content_modal.poll .image {
    margin: 2rem 0 0 0;
  }
}
.modal_forgot_password form {
  max-width: 260px;
  margin: auto;
}
.modal_forgot_password form .form {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.modal_forgot_password form .form .text_info {
  margin-bottom: 16px;
  text-align: center;
  color: var(--color-grey-400);
}
.modal_forgot_password .forgot-item .content {
  margin-top: 24px;
}
.modal_forgot_password .forgot-item .phone_wrap {
  display: grid;
  grid-template-areas: "phoneLabel phoneLabel" "phoneCode phone";
  grid-template-columns: auto 1fr;
  gap: 0 8px;
}
.modal_forgot_password .forgot-item .phone_wrap > .phone_label {
  grid-area: phoneLabel;
  margin-bottom: 4px;
  line-height: 16px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0px;
  color: var(--color-grey-400);
}
.modal_forgot_password .forgot-item .phone_wrap .group-name-phoneCode {
  grid-area: phoneCode;
  width: 61px;
}
.modal_forgot_password .forgot-item .phone_wrap .group-name-phone {
  grid-area: phone;
}
.modal_forgot_password .forgot-item .text_info {
  margin-bottom: 16px;
  text-align: center;
  color: var(--color-grey-400);
}

.modal_demo_game .content_modal {
  min-height: 280px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  border-radius: 0 0 16px 16px;
}
@media (max-width: 767.8px) {
  .modal_demo_game .content_modal {
    border-radius: 0;
  }
}
.modal_demo_game .block_message .text {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  text-align: center;
  color: var(--color-grey-400);
}

.exit_lobby_modal .content_modal {
  padding-bottom: 12px;
}
.exit_lobby_modal .popup_actions_wrap {
  margin-right: -24px;
  margin-top: 12px;
}
.exit_lobby_modal .popup_actions {
  display: flex;
}
.exit_lobby_modal .popup_actions .form-group {
  padding: 0;
}
.exit_lobby_modal.exit_lobby_app .popup {
  background-image: url("./images/application/app_device_mob.png");
  background-repeat: no-repeat;
  background-size: 360px auto;
  background-position: right 40px bottom 25px;
}
.exit_lobby_modal.exit_lobby_app .popup_actions_wrap {
  margin-top: 50px;
}
@media (max-width: 767.8px) {
  .exit_lobby_modal .popup_actions_wrap {
    margin-right: 0;
  }
  .exit_lobby_modal.exit_lobby_app .popup {
    background-image: none;
  }
}

.modal_gift .gift-form .group-name-phoneCode {
  width: 62px;
}
@media (max-width: 767.8px) {
  .modal_gift .gift-form > .form-row {
    display: block;
  }
}

.modal_interrupted .block_items.interrupted {
  margin-top: 24px;
}
@media (max-width: 575.8px) {
  .modal_interrupted .block_items.interrupted {
    margin-top: 16px;
  }
}
.modal_interrupted .welcome-bonus_bg {
  background-image: url("images/modal/interrupted/bg.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.modal_interrupted .welcome-bonus {
  width: 520px;
  max-width: 100%;
  display: flex;
  background: var(--color-grey-700);
  border-radius: 16px;
  margin: 0 auto;
}
.modal_interrupted .welcome-bonus .bonus_img {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
  border-radius: 16px;
}
.modal_interrupted .welcome-bonus .bonus_img .bonus_value {
  line-height: 32px;
  font-size: 24px;
  letter-spacing: 0px;
  font-weight: 700;
  position: absolute;
  border-radius: 80px;
  transform: matrix(0.99, -0.1, 0.1, 0.99, 0, 0);
  padding: 0 20px;
  top: 16px;
  right: -10px;
  filter: drop-shadow(0px 0px 0.794692px rgba(40, 41, 61, 0.08)) drop-shadow(0px 0px 14px #4A6BFF) drop-shadow(0px 0.794692px 1.58938px rgba(0, 0, 0, 0.32));
}
.modal_interrupted .welcome-bonus .bonus_img .img_wrap {
  position: relative;
  display: flex;
  align-self: center;
  min-width: 200px;
}
.modal_interrupted .welcome-bonus .bonus_img .img_wrap img {
  display: block;
}
.modal_interrupted .welcome-bonus .bonus_content {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
}
.modal_interrupted .welcome-bonus .bonus_content .color-text {
  color: var(--color-pink-500);
}
.modal_interrupted .welcome-bonus .bonus_content .title {
  line-height: 28px;
  font-size: 20px;
  letter-spacing: 0px;
  font-weight: 700;
}
.modal_interrupted .welcome-bonus .bonus_content .description {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  color: var(--color-grey-400);
  margin: 14px 0;
}
.modal_interrupted .welcome-bonus .bonus_content .button {
  margin-top: auto;
}
@media (max-width: 575.8px) {
  .modal_interrupted .welcome-bonus {
    width: 300px;
    flex-direction: column;
    align-items: center;
  }
  .modal_interrupted .welcome-bonus .bonus_img .bonus_value {
    line-height: 44px;
    font-size: 32px;
    letter-spacing: 0px;
    font-weight: 700;
    z-index: 1;
    top: unset;
    bottom: 15px;
    right: 50%;
    transform: translateX(50%);
  }
  .modal_interrupted .welcome-bonus .bonus_content {
    align-items: center;
    width: 100%;
    text-align: center;
  }
}

.modal.modal_nonwagerablebet .block_message {
  max-width: 520px;
}
.modal.modal_nonwagerablebet .form {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.modal.modal_nonwagerablebet .form .checkbox .label, .modal.modal_nonwagerablebet .form .radio .label {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
}

.modal_notification_settings .content_modal .title,
.modal_notification_settings .content_modal .text {
  text-align: center;
}
.modal_notification_settings .content_modal .title {
  margin-bottom: 4px;
}
.modal_notification_settings .content_modal .text {
  color: var(--color-grey-400);
}
.modal_notification_settings .content_modal .form {
  display: flex;
  flex-flow: column;
  max-width: 320px;
  margin: auto;
}
.modal_notification_settings .content_modal .form .form-group > label {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  color: var(--color-stroke);
}
.modal_notification_settings .content_modal .form .actions_wrap {
  margin-top: 16px;
}

.modal_post.post_bonuses .post_modal_bonus_wrap {
  position: relative;
  padding: var(--container-padding);
}
.modal_post.post_bonuses .post_modal_bonus_wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("./images/modal/jungle3.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.modal_post.post_bonuses .post_modal_bonus_wrap .gradient_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  pointer-events: none;
  z-index: 0;
}
.modal_post.post_bonuses .post_modal_bonus_wrap .post_modal_bonus {
  position: relative;
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 16px;
}
.modal_post.post_bonuses .post_modal_bonus_wrap .post_modal_bonus .card_promo .actions {
  display: none;
}
.modal_post.post_bonuses .post_modal_bonus_wrap .post_modal_bonus .card_bonus_info {
  display: flex;
  flex-flow: column nowrap;
  padding: 24px;
  background: var(--color-panel);
  border-radius: 16px;
}
.modal_post.post_bonuses .post_modal_bonus_wrap .post_modal_bonus .card_bonus_info .title {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: bold;
}
.modal_post.post_bonuses .post_modal_bonus_wrap .post_modal_bonus .card_bonus_info .description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--color-grey-400);
}
.modal_post.post_bonuses .post_modal_bonus_wrap .post_modal_bonus .card_bonus_info .actions_wrap {
  margin-top: auto;
  margin-left: -4px;
}
@media (max-width: 767.8px) {
  .modal_post.post_bonuses .post_modal_bonus_wrap .post_modal_bonus {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    justify-items: center;
  }
  .modal_post.post_bonuses .post_modal_bonus_wrap .post_modal_bonus .card_bonus_info {
    padding: 0;
    background: none;
  }
  .modal_post.post_bonuses .post_modal_bonus_wrap .post_modal_bonus .card_bonus_info > *:not(.actions_wrap) {
    display: none;
  }
}
.modal_post.post_bonuses .row_title_link {
  margin: 16px 0;
}
.modal_post.postdep .dep_divider {
  height: 52px;
}
.modal_post.postreg .container_modal {
  background-image: url("./images/modal/postreg_bg.jpg");
  background-position: top center;
  background-size: cover;
}
.modal_post.postreg .content_modal > .title,
.modal_post.postreg .content_modal > .title_sub {
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
}
.modal_post.postreg .content_modal > .title {
  line-height: 44px;
  font-size: 32px;
  letter-spacing: 0px;
  font-weight: 700;
  margin-bottom: 12px;
  text-transform: uppercase;
}
@media (max-width: 575.8px) {
  .modal_post.postreg .content_modal > .title {
    line-height: 38px;
    font-size: 28px;
    letter-spacing: 0px;
    font-weight: 700;
  }
}
.modal_post.postreg .content_modal > .title_sub {
  line-height: 20px;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 500;
}
@media (max-width: 575.8px) {
  .modal_post.postreg .content_modal > .title_sub {
    line-height: 16px;
    font-size: 14px;
    letter-spacing: 0px;
    font-weight: 500;
  }
}
.modal_post.postreg .content_modal .grid_cards {
  display: grid;
  grid-template-columns: 300px 300px;
  grid-template-rows: 1fr 1fr;
  gap: 8px;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
}
.modal_post.postreg .content_modal .grid_cards .card_promo:first-child {
  grid-row: 1/3;
}
@media (max-width: 767.8px) {
  .modal_post.postreg .content_modal .grid_cards .card_promo:first-child {
    grid-row: unset;
  }
}
@media (max-width: 767.8px) {
  .modal_post.postreg .content_modal .grid_cards {
    grid-template-columns: 300px;
    grid-template-rows: unset;
  }
}
.modal_post.postreg .content_modal .block_games {
  padding-top: var(--container-padding);
  padding-bottom: 0;
}
.modal_post .block_games {
  padding: 0;
}
@media (max-width: 575.8px) {
  .modal_post.postdep .dep_divider {
    height: 42px;
  }
  .modal_post.postreg .postreg_games_wrap .container {
    padding: 0 16px;
  }
}

.questionnaire_modal .highlighted_text {
  background: var(--gradient-5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.questionnaire_modal .container_modal {
  min-height: 364px;
}
.questionnaire_modal .content_modal {
  overflow: hidden;
  padding-top: 24px;
}
.questionnaire_modal .content_modal.cover_absolute {
  background-image: url("./images/modal/questionnaire/header_shadow.png"), url("./images/modal/questionnaire/modal_bg.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto 228px, cover;
}
.questionnaire_modal .questionnaire_item {
  display: none;
}
.questionnaire_modal .questionnaire_item.active {
  display: block;
}
.questionnaire_modal .questionnaire_item.active.preview, .questionnaire_modal .questionnaire_item.active.end {
  display: flex;
}
.questionnaire_modal .questionnaire_item.preview, .questionnaire_modal .questionnaire_item.end {
  justify-content: center;
  align-items: center;
}
.questionnaire_modal .questionnaire_item.preview .image, .questionnaire_modal .questionnaire_item.end .image {
  grid-area: img;
  height: 216px;
}
.questionnaire_modal .questionnaire_item.preview .questionnaire_content, .questionnaire_modal .questionnaire_item.end .questionnaire_content {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 24px;
}
.questionnaire_modal .questionnaire_item.preview .questionnaire_content .title, .questionnaire_modal .questionnaire_item.end .questionnaire_content .title {
  line-height: 44px;
  font-size: 32px;
  letter-spacing: 0px;
  font-weight: 700;
  margin-bottom: 0;
}
.questionnaire_modal .questionnaire_item.preview .questionnaire_content .description, .questionnaire_modal .questionnaire_item.end .questionnaire_content .description {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  margin: 10px 0 16px;
}
.questionnaire_modal .questionnaire_item.confirmed {
  display: none;
}
.questionnaire_modal .questionnaire_form.has-error .form-error {
  display: block;
}
.questionnaire_modal .questionnaire_form.full .question_wrap {
  display: block;
  margin-bottom: 20px;
}
.questionnaire_modal .questionnaire_form.full .question_wrap:last-child {
  margin-bottom: 0;
}
.questionnaire_modal .question_wrap {
  display: none;
}
.questionnaire_modal .question_wrap.active {
  display: block;
}
.questionnaire_modal .question_wrap.loading .question_item {
  position: relative;
}
.questionnaire_modal .question_wrap.loading .question_item:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.questionnaire_modal .question_wrap .question_title {
  line-height: 20px;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 700;
  margin-bottom: 12px;
}
.questionnaire_modal .question_wrap .question_title .question_num {
  color: var(--color-transparent-light-400);
}
.questionnaire_modal .question_wrap .question_item {
  width: 100%;
  padding: 16px;
  background: var(--color-grey-700);
  border-radius: 8px;
}
.questionnaire_modal .question_wrap .question_item .question {
  line-height: 20px;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 700;
  margin-bottom: 16px;
  color: var(--color-white);
}
.questionnaire_modal .question_wrap .question_item .variants_list {
  line-height: 16px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  display: grid;
  grid-template-columns: 1fr;
  color: var(--color-transparent-light-500);
  gap: 16px;
}
.questionnaire_modal .question_wrap .question_item .variant_item {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
.questionnaire_modal .question_wrap .question_item .variant_item input[type=checkbox]:checked ~ span,
.questionnaire_modal .question_wrap .question_item .variant_item input[type=radio]:checked ~ span {
  color: var(--color-white);
}
.questionnaire_modal .question_wrap .question_item .variant_item .checkbox, .questionnaire_modal .question_wrap .question_item .variant_item .radio {
  margin-right: 16px;
}
.questionnaire_modal .question_wrap .question_item .variant_item span {
  flex: 1;
}
.questionnaire_modal .actions_wrap {
  margin-top: 16px;
}
.questionnaire_modal .form-error {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  display: none;
  margin-top: 16px;
  color: var(--color-red-500);
}
@media (max-width: 767.8px) {
  .questionnaire_modal .questionnaire_item.preview, .questionnaire_modal .questionnaire_item.end {
    text-align: center;
    flex-direction: column;
    justify-content: flex-start;
  }
  .questionnaire_modal .questionnaire_item.preview .questionnaire_content, .questionnaire_modal .questionnaire_item.end .questionnaire_content {
    align-items: center;
  }
  .questionnaire_modal .questionnaire_item.preview .questionnaire_content .title, .questionnaire_modal .questionnaire_item.end .questionnaire_content .title {
    line-height: 32px;
    font-size: 24px;
    letter-spacing: 0px;
    font-weight: 700;
  }
  .questionnaire_modal .questionnaire_item.preview .questionnaire_content .description, .questionnaire_modal .questionnaire_item.end .questionnaire_content .description {
    line-height: 20px;
    font-size: 14px;
    letter-spacing: 0px;
    font-weight: 500;
  }
  .questionnaire_modal .questionnaire_item.question .question_title {
    line-height: 20px;
    font-size: 16px;
    letter-spacing: 0px;
    font-weight: 700;
    margin-bottom: 12px;
  }
  .questionnaire_modal .questionnaire_item.question .question_item {
    width: 100%;
    padding: 16px;
    background: var(--color-grey-700);
    border-radius: 8px;
  }
  .questionnaire_modal .questionnaire_item.question .question_item .question {
    line-height: 20px;
    font-size: 16px;
    letter-spacing: 0px;
    font-weight: 700;
    margin-bottom: 16px;
    color: var(--color-white);
  }
  .questionnaire_modal .questionnaire_item.question .question_item .variants_list {
    line-height: 16px;
    font-size: 14px;
    letter-spacing: 0px;
    font-weight: 500;
    display: grid;
    grid-template-columns: 1fr;
    color: var(--color-transparent-light-500);
    gap: 16px;
  }
  .questionnaire_modal .questionnaire_item.question .question_item .variant_item {
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  .questionnaire_modal .questionnaire_item.question .question_item .variant_item input[type=checkbox]:checked ~ span,
  .questionnaire_modal .questionnaire_item.question .question_item .variant_item input[type=radio]:checked ~ span {
    color: var(--color-white);
  }
  .questionnaire_modal .questionnaire_item.question .question_item .variant_item .checkbox, .questionnaire_modal .questionnaire_item.question .question_item .variant_item .radio {
    margin-right: 16px;
  }
}

.modal_reset_password .card_content {
  max-width: 310px;
  margin: 0 auto;
}
.modal_reset_password .card_content .group-name-token {
  position: relative;
}
.modal_reset_password .card_content .group-name-token:after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  border-top: 1px dashed var(--color-grey-500);
  position: absolute;
  bottom: 4px;
  left: 0;
}
.modal_reset_password .card_content .text_info {
  margin-top: 8px;
  text-align: center;
  color: var(--color-grey-400);
}
.modal_reset_password .card_content .actions_wrap {
  margin-top: 8px;
}
.modal_reset_password .card_content .timer {
  line-height: 44px;
  font-size: 32px;
  letter-spacing: 0;
  font-weight: 700;
  margin-top: 16px;
  color: var(--color-green-500);
}

.modal.modal_tag_ad .popup {
  max-width: 900px;
  min-height: 700px;
  background-color: var(--color-panel);
  background-image: url("./images/tag_ad/bg.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
}
.modal.modal_tag_ad .content {
  position: absolute;
  top: 35%;
  right: 3rem;
  align-items: center;
  width: 350px;
  color: var(--color-fill);
}
.modal.modal_tag_ad .content .content_title {
  line-height: 38px;
  font-size: 28px;
  letter-spacing: 0px;
  font-weight: 700;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.modal.modal_tag_ad .content .message {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
}
@media (max-width: 575.8px) {
  .modal.modal_tag_ad .popup {
    background-image: url("./images/tag_ad/bg_mob.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: auto;
  }
  .modal.modal_tag_ad .content_modal {
    padding-bottom: 25rem;
  }
  .modal.modal_tag_ad .content {
    position: relative;
    top: 1.5rem;
    right: 0;
    width: 100%;
    text-align: center;
  }
}

:root {
  --modal-content-padding: var(--container-padding);
  --modal-border-radius: 16px;
}

body.modal_open {
  overflow: hidden;
  padding-right: 6px;
}
body.modal_open a.webim-button-slider {
  visibility: hidden;
}
@media (max-width: 1199.8px) {
  body.modal_open {
    padding-right: 0;
  }
}

.modal_overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  background: var(--color-overlay);
  z-index: 11;
}

.modal,
.modal_style {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  overflow: auto;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  z-index: 11;
  -webkit-overflow-scrolling: touch;
}
.modal::-webkit-scrollbar,
.modal_style::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: transparent;
  border-radius: 3px;
}
.modal::-webkit-scrollbar-track,
.modal_style::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 3px;
}
.modal::-webkit-scrollbar-thumb,
.modal_style::-webkit-scrollbar-thumb {
  background-color: var(--color-primary);
  border-radius: 3px;
}
.modal .modal,
.modal_style .modal {
  background: var(--color-transparent-dark-500);
}
.modal .container_modal,
.modal_style .container_modal {
  position: relative;
  margin: auto;
}
.modal .container_modal .header_modal,
.modal_style .container_modal .header_modal {
  z-index: 1;
}
.modal .container_modal .content_modal,
.modal_style .container_modal .content_modal {
  position: relative;
}
@media (max-width: 767.8px) {
  .modal .container_modal,
  .modal_style .container_modal {
    display: flex;
    flex-flow: column;
    width: 100vw;
    min-height: 100% !important;
    border-radius: unset;
  }
}

.container_modal {
  position: relative;
  width: 100%;
  max-width: 800px;
  min-height: 320px;
  background-color: var(--color-grey-800);
  border-radius: var(--modal-border-radius);
}
.container_modal.modal_fullscreen {
  max-width: unset;
  min-width: 100%;
  max-height: unset;
  min-height: 100%;
}
.container_modal .close_modal.fixed {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  font-size: 24px;
  transition: var(--transition);
  cursor: pointer;
  z-index: 3;
}

.divider_modal {
  width: calc(100% - 2 * var(--modal-content-padding));
  margin-left: var(--modal-content-padding);
  margin-right: var(--modal-content-padding);
}

.content_modal {
  flex: 1;
  width: 520px;
  max-width: calc(100vw - 2 * var(--modal-content-padding));
  margin: 0 auto;
  padding-top: var(--modal-content-padding);
  padding-right: var(--modal-content-padding);
  padding-bottom: 60px;
  padding-left: var(--modal-content-padding);
  box-sizing: content-box;
}
.content_modal:not(.cover_absolute) + .content_modal:not(.indent-top) {
  padding-top: 0;
}
.content_modal.indent-bottom {
  padding-bottom: var(--modal-content-padding);
}
@media (min-width: 576px) {
  .content_modal.big-indents {
    --modal-content-padding: 24px;
  }
}
.content_modal.wide, .content_modal.wide_full {
  width: 100%;
  max-width: 100%;
  padding-bottom: var(--modal-content-padding);
  box-sizing: border-box;
}
.content_modal.wide_full {
  padding-right: 0;
  padding-left: 0;
}
.content_modal.cover {
  --modal-content-padding: 0;
}
.content_modal.compact {
  flex: 0;
}
.content_modal.cover_absolute {
  --modal-content-padding: 0;
  position: absolute !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  height: 100%;
  border-radius: var(--modal-border-radius);
  box-sizing: border-box;
}
.content_modal.center {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.content_modal .no_container_modal {
  margin-left: calc(-1 * var(--modal-content-padding));
  margin-right: calc(-1 * var(--modal-content-padding));
  padding-left: var(--modal-content-padding);
  padding-right: var(--modal-content-padding);
}

.ny_block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 420px;
  max-width: 100%;
  min-height: 145px;
  margin: 16px auto 0 auto;
  padding: 0 75px;
  line-height: 16px;
  font-size: 12px;
  font-weight: 500;
  background-image: url("images/modal/ny_background.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 8px;
  gap: 8px;
  text-align: center;
}
@media (max-width: 575.8px) {
  .ny_block {
    padding: 0 30px;
    background-image: url("images/modal/ny_background_mobile.png");
  }
}
.ny_block .title {
  line-height: 24px;
  font-size: 14px;
  font-weight: 700;
}

.modal_payment_method {
  background: rgba(17, 17, 17, 0.9);
}
.modal_payment_method .popup .content_modal {
  padding-top: 24px;
}
.modal_payment_method .popup_card {
  text-align: left;
}
.modal_payment_method .popup_card .card_content {
  padding: 0;
  color: var(--color-stroke);
}
.modal_payment_method .payment_name {
  line-height: 32px;
  font-size: 24px;
  letter-spacing: 0px;
  font-weight: 700;
}
.modal_payment_method .payment_logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 38px;
  min-height: 38px;
  margin: 0 auto;
}
.modal_payment_method .payment_logo > svg,
.modal_payment_method .payment_logo img {
  display: block;
  width: 100%;
  max-height: 100%;
}
.modal_payment_method .payment_limits {
  display: block;
  margin-top: auto;
  padding: 8px 0 0;
  text-align: center;
  color: var(--color-grey-400);
  line-height: 16px;
  font-size: 10px;
  letter-spacing: 0px;
  font-weight: 500;
}
.modal_payment_method .title_label {
  line-height: 28px;
  font-size: 20px;
  letter-spacing: 0px;
  font-weight: 700;
  margin-bottom: 8px;
}
.modal_payment_method .title_label.label_bonus {
  margin-bottom: 1rem;
  color: var(--color-primary);
}
.modal_payment_method .amount_variant {
  line-height: 1.5rem;
  font-size: 1.25rem;
  font-weight: 600;
  white-space: nowrap;
}
.modal_payment_method .message.error {
  margin-bottom: 1rem;
  color: var(--color-red-400);
}
.modal_payment_method .row_meta {
  margin-bottom: 1rem;
}
.modal_payment_method .row_meta .payment_logo,
.modal_payment_method .row_meta .payment_logo {
  margin: 0 auto;
}
.modal_payment_method .submit_wrap {
  margin-top: 16px;
  text-align: center;
  display: grid;
  gap: 16px;
}
.modal_payment_method .tips_wrap .tips_visible.mb-16 {
  margin-bottom: 16px;
}
.modal_payment_method .tips_wrap .tips_title {
  line-height: 16px;
  font-size: 10px;
  letter-spacing: 0px;
  font-weight: 500;
}
.modal_payment_method .form_overlay {
  position: absolute;
  top: 0;
  right: -16px;
  bottom: 0;
  left: -16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px;
  background: var(--color-fill);
}
.modal_payment_method .form_overlay .text {
  margin-top: 16px;
  margin-bottom: 32px;
}
.modal_payment_method .payment_block {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal_payment_method .payment_block .payment_limits {
  margin: 0 0 0 16px;
  padding: 0;
}
.modal_payment_method .payment_block .payment_logo {
  width: auto;
  margin: 0;
}
.modal_payment_method .payment_block .payment_logo > svg,
.modal_payment_method .payment_block .payment_logo img {
  width: auto;
}
.modal_payment_method .mt-48 {
  margin-top: 48px;
}
@media (max-width: 575.8px) {
  .modal_payment_method .payment_name {
    padding-right: 40px;
    text-align: center;
  }
}

.modal.modal_pre_play .item_game_preplay {
  max-width: 328px;
  margin: auto;
}
.modal.modal_pre_play .item_game_preplay .item_game {
  margin-bottom: 16px;
}
.modal.modal_pre_play .item_game_preplay .item_game .overlay {
  border-radius: 16px;
}
.modal.modal_pre_play .item_game_preplay .item_game .actions, .modal.modal_pre_play .item_game_preplay .item_game .category_image_wrap {
  display: none !important;
}
.modal.modal_pre_play .item_game_preplay .item_game .game_caption {
  margin-top: 16px;
}
.modal.modal_pre_play .item_game_preplay .item_game .game_caption .provider_icon {
  opacity: 0.9;
}
.modal.modal_pre_play .item_game_preplay .item_game .game_caption .caption {
  line-height: 20px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  color: var(--color-grey-300);
}
.modal.modal_pre_play .game_warning {
  margin-top: 16px;
  text-align: center;
  color: var(--color-grey-300);
}

.modal_promo .popup {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 600px;
  border-radius: 24px;
}
.modal_promo .popup.info_modal {
  margin-bottom: 0;
}
.modal_promo .popup .content_modal {
  position: initial;
  display: flex;
  flex-direction: column;
}
.modal_promo .content_modal .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px 24px;
}
.modal_promo .content_modal .event_title {
  line-height: 24px;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 700;
  margin: 0;
}
.tournament_custom.modal_promo .content_modal .event_title {
  margin-bottom: 24px;
}

.modal_promo .content_modal .info_activity {
  display: flex;
  grid-area: stats;
  align-items: center;
}
.modal_promo .content_modal .info_activity.provider_name {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}
.modal_promo .content_modal .info_activity.provider_name .type {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  color: var(--color-grey-400);
}
.modal_promo .content_modal .info_activity.provider_name .name {
  line-height: 22px;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 700;
}
.modal_promo .content_modal .info_activity .place,
.modal_promo .content_modal .info_activity .score,
.modal_promo .content_modal .info_activity .prize {
  margin-right: 26px;
}
.modal_promo .content_modal .info_activity .place > .title,
.modal_promo .content_modal .info_activity .score > .title,
.modal_promo .content_modal .info_activity .prize > .title {
  color: var(--color-grey-400);
}
.modal_promo .content_modal .info_activity .place > .value,
.modal_promo .content_modal .info_activity .score > .value,
.modal_promo .content_modal .info_activity .prize > .value {
  line-height: 22px;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 700;
}
.modal_promo .content_modal .info_activity > .status {
  margin-right: 8px;
  font-size: 32px;
  line-height: 32px;
}
.modal_promo .content_modal .info_activity > .status.true {
  color: var(--color-green-500);
}
.modal_promo .content_modal .info_activity > .status.false {
  color: var(--color-primary);
}
.modal_promo .content_modal .info_activity > .caption {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
}
.modal_promo .content_modal .info_activity > .caption.status.true {
  color: var(--color-green-500);
}
.modal_promo .content_modal .games {
  width: 100%;
}
.modal_promo .content_modal .games.loading .form-group::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(270deg, var(--color-primary), transparent);
  background-repeat: no-repeat;
  background-position-x: -100%;
  background-size: 50%;
  border-radius: 22px;
  animation: 2s infinite search_loading;
  opacity: 0.1;
}
.modal_promo .content_modal .games .games_row {
  position: relative;
  width: calc(100% + 2 * var(--modal-content-padding));
}
.modal_promo .content_modal .games .games_row .slider {
  width: 100%;
  gap: 8px 16px;
}
.modal_promo .content_modal .games .games_row .slider.empty {
  display: block;
  width: calc(100% + 2 * var(--modal-content-padding));
  margin: 0 calc(-1 * var(--modal-content-padding));
  padding: 0;
}
.modal_promo .content_modal .games .games_row .slider.empty .search_empty {
  min-height: 300px;
  padding: 90px 0 20px;
}
.modal_promo .content_modal .games .games_row .item_game {
  display: flex;
  flex-direction: column;
  width: 168px;
}
.modal_promo .content_modal .games .games_row .item.empty .search_empty {
  min-height: 230px;
}
.modal_promo .content_modal .games .games_row .loader_overlay {
  position: absolute;
}
.modal_promo .content_modal .games .games_row .pagination {
  display: none;
}
@media (max-width: 767.8px) {
  .modal_promo .content_modal .progress_wrap {
    width: 100%;
  }
}
.modal_promo .content_modal .progress_wrap .progress {
  width: 260px;
}
.modal_promo .content_modal .progress_wrap .progress .a_title,
.modal_promo .content_modal .progress_wrap .progress .p_title {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 700;
  margin-bottom: 0;
}
.modal_promo .content_modal .progress_wrap .progress .a_title {
  color: var(--color-primary);
}
.modal_promo .content_modal .progress_wrap .progress progress[value]::-webkit-progress-value {
  background-image: var(--color-primary);
}
@media (max-width: 767.8px) {
  .modal_promo .content_modal .progress_wrap .progress {
    width: 100%;
  }
}
.modal_promo .content_modal .search_wrap {
  width: 340px;
}
.modal_promo .content_modal .search_wrap .form-group {
  margin: 0;
}
.modal_promo .content_modal .search_wrap .field_button.hidden {
  display: none;
}
.modal_promo .content_modal .search_wrap .field_button .to_open {
  display: block;
}
.modal_promo .content_modal .search_wrap .field_button .to_hide {
  display: none;
}
.modal_promo .content_modal .search_wrap .field_button.opened .to_open {
  display: none;
}
.modal_promo .content_modal .search_wrap .field_button.opened .to_hide {
  display: block;
}
@media (max-width: 767.8px) {
  .modal_promo .content_modal .search_wrap {
    width: 100%;
  }
}
.modal_promo .content_modal .tags_providers_wrap:not(.opened) {
  display: none;
}
.modal_promo .content_modal .tags_providers_wrap .form-group {
  margin: 0;
}
.modal_promo .content_modal .tags_providers_wrap .slider_providers {
  display: grid;
  gap: 4px;
}
.modal_promo .content_modal .tags_providers_wrap .slider_providers .item_provider_game {
  cursor: pointer;
}
.modal_promo .content_modal .leaderboard {
  width: 100%;
  text-align: center;
}
.modal_promo .content_modal .leaderboard table .user,
.modal_promo .content_modal .leaderboard table .score {
  font-weight: 400;
}
@media (max-width: 767.8px) {
  .modal_promo .content_modal .leaderboard {
    width: calc(100% + 2 * var(--modal-content-padding));
    margin: 0 calc(-1 * var(--modal-content-padding));
  }
  .modal_promo .content_modal .leaderboard .table_modal {
    border-radius: 0;
  }
}
.modal_promo .content_modal .prizes_list {
  width: 100%;
  text-align: left;
}
.modal_promo .content_modal .prizes_list table th,
.modal_promo .content_modal .prizes_list table td {
  padding-left: 16px;
}
.modal_promo .content_modal .prizes_list table th.text-center,
.modal_promo .content_modal .prizes_list table td.text-center {
  text-align: center;
}
.modal_promo .content_modal .prizes_list table .num {
  font-weight: 400;
}
@media (max-width: 767.8px) {
  .modal_promo .content_modal .prizes_list {
    width: calc(100% + 2 * var(--modal-content-padding));
    margin: 0 calc(-1 * var(--modal-content-padding));
  }
  .modal_promo .content_modal .prizes_list .table_modal {
    border-radius: 0;
  }
}
.modal_promo .content_modal .text {
  overflow: hidden;
  overflow-y: auto;
}
.modal_promo .content_modal .text::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: transparent;
  border-radius: 3px;
}
.modal_promo .content_modal .text::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 3px;
}
.modal_promo .content_modal .text::-webkit-scrollbar-thumb {
  background-color: var(--color-primary);
  border-radius: 3px;
}
.modal_promo .content_modal .text .info_title {
  line-height: 44px;
  font-size: 32px;
  letter-spacing: 0px;
  font-weight: 700;
}
.modal_promo .content_modal .text .info_subtitle {
  line-height: 28px;
  font-size: 20px;
  letter-spacing: 0px;
  font-weight: 700;
}
.modal_promo .content_modal .text .info_description {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 500;
  color: var(--color-grey-400);
}
.modal_promo .bottom_panel {
  display: flex;
  align-items: center;
  width: 100%;
  height: 56px;
  margin-top: auto;
  padding: 0 16px;
  background-color: var(--color-panel);
}
.modal_promo .bottom_panel .timer {
  margin-left: 8px;
}
.modal_promo .bottom_panel .actions {
  margin-left: auto;
}

@keyframes search_loading {
  from {
    background-position-x: -100%;
  }
  to {
    background-position-x: 300%;
  }
}
.modal_search_games .container {
  max-width: 1104px;
}
.modal_search_games .header_search {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: var(--container-padding);
  padding-bottom: var(--container-padding);
}
.modal_search_games .header_search .title {
  line-height: 32px;
  font-size: 24px;
  letter-spacing: 0px;
  font-weight: 700;
}
.modal_search_games .header_search .close_modal {
  transition: var(--transition);
  cursor: pointer;
}
.modal_search_games .header_search .close_modal:hover {
  color: var(--color-primary);
}
@media (max-width: 767.8px) {
  .modal_search_games .header_search {
    grid-template-columns: 1fr auto;
  }
  .modal_search_games .header_search .logo {
    width: 114px;
  }
  .modal_search_games .header_search .logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .modal_search_games .header_search .title {
    line-height: 20px;
    font-size: 16px;
    letter-spacing: 0px;
    font-weight: 500;
    grid-column: 1/-1;
    grid-row: 2/3;
    text-align: center;
  }
  .modal_search_games .header_search .close_modal {
    grid-column: -1/-2;
  }
}
.modal_search_games .search_input .field_button.hidden {
  display: none;
}
.modal_search_games .search_input .field_button .to_open {
  display: block;
}
.modal_search_games .search_input .field_button .to_hide {
  display: none;
}
.modal_search_games .search_input .field_button.opened .to_open {
  display: none;
}
.modal_search_games .search_input .field_button.opened .to_hide {
  display: block;
}
.modal_search_games .tags_providers_wrap {
  display: grid;
  gap: 16px;
  margin-bottom: var(--container-padding);
}
.modal_search_games .grid_games_wrap {
  margin-bottom: var(--container-padding);
}

.modal_survey .popup .content_modal .container {
  max-width: 540px;
}
.modal_survey .popup .content_modal .submit_wrap {
  margin-top: 1rem;
  text-align: center;
}

.upload_files .guide_img {
  display: flex;
  justify-content: center;
  max-width: 328px;
  margin: auto;
}
.upload_files .guide_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.upload_files .guide_info {
  text-align: center;
  color: var(--color-grey-500);
}
.upload_files .guide_info p {
  line-height: 20px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  margin: 0;
}
.upload_files .section_upload {
  width: 100%;
  max-width: 328px;
}
.upload_files .section_upload .form-group.file-picker {
  display: flex;
  flex-flow: column;
  margin: 0;
}
.upload_files .section_upload .form-group.file-picker input {
  display: none;
}
.upload_files .section_upload .form-group.file-picker .field_button {
  width: -moz-max-content;
  width: max-content;
  min-width: 200px;
  margin: auto;
}
.upload_files .section_upload .form-group.file-picker .help-block {
  line-height: 16px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  display: none;
  margin-top: var(--modal-content-padding);
  margin-bottom: 12px;
  color: var(--color-warning);
}
.upload_files .section_upload .form-group.file-picker .upload_list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-flow: row;
  gap: 8px;
}
.upload_files .section_upload .form-group.file-picker .upload_list .file {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px 12px;
  color: var(--color-grey-400);
  background: var(--color-grey-900);
  border-radius: 8px;
}
.upload_files .section_upload .form-group.file-picker .upload_list .file:first-child {
  margin-top: 24px;
}
.upload_files .section_upload .form-group.file-picker .upload_list .file > .icon {
  margin-right: 2px;
  color: inherit;
}
.upload_files .section_upload .form-group.file-picker .upload_list .file .name {
  margin-right: auto;
}
.upload_files .section_upload .form-group.file-picker .upload_list .file .file-delete {
  display: flex;
  margin-left: 2px;
  transition: var(--transition);
}
.upload_files .section_upload .form-group.file-picker .upload_list .file .file-delete:hover {
  color: var(--color-primary);
}
.upload_files .section_upload .form-group.file-picker .upload_list .file .name {
  line-height: 16px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: inherit;
}
.upload_files .section_upload .form-group.file-picker.has-error .help-block {
  display: block;
}
.upload_files .section_upload .form-group.file-picker.has-error .upload_list .file {
  color: var(--color-warning);
}
.upload_files .section_upload .form-group.file-picker.has-error .upload_list .file:first-child {
  margin-top: 0;
}
.upload_files .section_upload .actions_wrap {
  margin-top: 24px;
}

/*# sourceMappingURL=app-main.css.map*/